Merge pull request #245 from hypermod-io/hm-app-runner

Ability to run codemods from the Hypermod App

Author: danieldelcore

.changeset/pink-bananas-admire.md

@@ -0,0 +1,5 @@
+---
+'@hypermod/cli': minor
+---
+
+Adds the ability to fetch codemods from the hypermod app API. Also includes a large refactor of the source code to accomidate

package.json

@@ -48,6 +48,7 @@
     "@types/inquirer": "^8.2.1",
     "@types/jest": "^29.0.0",
     "@types/jscodeshift": "^0.11.6",
+    "@types/node": "^16.11.0",
     "@types/prettier": "^2.0.0",
     "@types/tar": "^4.0.4",
     "@typescript-eslint/eslint-plugin": "^5.0.0",

packages/cli/src/fetchers/app.ts

@@ -0,0 +1,73 @@
+import fs from 'fs-extra';
+import ora from 'ora';
+import chalk from 'chalk';
+import path from 'path';
+
+interface MarketPlaceEntry {
+  id: string;
+  slug: string;
+  description: string;
+  status: string;
+  tags: string[];
+  type: 'OPTIMIZATION' | 'MIGRATION';
+  transformId: string;
+  transform: Transform;
+}
+
+interface Transform {
+  author: { image: string; name: string };
+  id: string;
+  name: string;
+  sources: Source[];
+}
+
+interface Source {
+  id: string;
+  name: string;
+  code: string;
+}
+
+function writeSourceFiles(slug: string, transform: Transform, dir: string) {
+  transform.sources.forEach(source => {
+    const filePath = path.join(dir, slug, source.name);
+    fs.outputFileSync(filePath, source.code);
+  });
+}
+
+export async function fetchHmPkg(slug: string, dir: string) {
+  const spinner = ora(
+    `${chalk.green('Attempting to download Hypermod transform:')} ${slug}`,
+  ).start();
+
+  let marketplaceEntry: MarketPlaceEntry;
+
+  try {
+    // @ts-expect-error
+    marketplaceEntry = await fetch(
+      `https://www.hypermod.io/api/cli/transforms/${slug.replace('hm-', '')}`,
+    ).then((res: any) => {
+      if (res.status === 404) {
+        throw new Error(`Transform not found: ${slug}`);
+      }
+
+      if (!res.ok) {
+        throw new Error(`Error fetching transform: ${res.statusText}`);
+      }
+
+      return res.json();
+    });
+
+    spinner.succeed(
+      `${chalk.green(
+        'Found Hypermod transform:',
+      )} https://www.hypermod.io/explore/${slug}`,
+    );
+  } catch (error) {
+    spinner.fail(`${chalk.red('Unable to fetch Hypermod transform:')} ${slug}`);
+    throw new Error(`Unable to locate Hypermod transform: ${slug}\n${error}`);
+  }
+
+  writeSourceFiles(slug, marketplaceEntry.transform, dir);
+
+  return marketplaceEntry;
+}

packages/cli/src/utils/fetch-package.ts packages/cli/src/fetchers/npm.tspackages/cli/src/utils/fetch-package.ts renamed to packages/cli/src/fetchers/npm.ts

@@ -9,9 +9,9 @@ import {
 } from '@hypermod/fetcher';
 import { isValidConfig } from '@hypermod/validator';
 
-import { getHypermodPackageName } from './package-names';
+import { getHypermodPackageName } from '../utils/package-names';
 
-export async function fetchPackages(
+export async function fetchNpmPkg(
   packageName: string,
   packageManager: ModuleLoader,
 ) {

packages/cli/src/index.ts

@@ -180,7 +180,6 @@ Examples:
     }
 
     console.error(chalk.red(error));
-    console.log(error);
     process.exit(1);
   }
 })();

packages/cli/src/list.ts

@@ -1,7 +1,7 @@
 import chalk from 'chalk';
 import { PluginManager } from 'live-plugin-manager';
 
-import { fetchPackages } from './utils/fetch-package';
+import { fetchNpmPkg } from './fetchers/npm';
 import { getHypermodPackageName } from './utils/package-names';
 
 export default async function list(packages: string[]) {
@@ -10,7 +10,7 @@ export default async function list(packages: string[]) {
 
   for (const packageName of packages) {
     try {
-      const { community, remote } = await fetchPackages(
+      const { community, remote } = await fetchNpmPkg(
         packageName,
         packageManager,
       );