@planningcenter/tapestry-migration-cli 2.1.0 → 2.1.1-rc.0

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@planningcenter/tapestry-migration-cli",
-  "version": "2.1.0",
+  "version": "2.1.1-rc.0",
   "description": "CLI tool for Tapestry migrations",
   "type": "module",
   "main": "dist/index.js",
   "bin": {
-    "tapestry-migration-cli": "./dist/index.js"
+    "tapestry-migration-cli": "./src/index.ts"
   },
   "scripts": {
     "build": "tsc",
@@ -25,14 +25,17 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "commander": "^11.0.0"
+    "commander": "^11.0.0",
+    "jscodeshift": "^17.3.0",
+    "tsx": "^4.20.5"
   },
   "devDependencies": {
+    "@types/jscodeshift": "^17.3.0",
     "@types/node": "^20.0.0",
     "typescript": "^5.8.3"
   },
   "files": [
-    "dist/**/*"
+    "src/**/*"
   ],
   "repository": {
     "type": "git",
@@ -42,5 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "19f1539b917c5e588c0eb1b5ae0e570b2025411f"
+  "gitHead": "78216706f5cd2e95da447640c68d07be6001699f"
 }

package/src/components/button/index.ts

@@ -0,0 +1,24 @@
+import { Transform } from "jscodeshift"
+
+const transform: Transform = (fileInfo, api, options) => {
+  let currentSource = fileInfo.source
+  let hasAnyChanges = false
+
+  const transforms: Transform[] = []
+
+  for (const individualTransform of transforms) {
+    const result = individualTransform(
+      { ...fileInfo, source: currentSource },
+      api,
+      options
+    )
+    if (result && result !== currentSource) {
+      currentSource = result as string
+      hasAnyChanges = true
+    }
+  }
+
+  return hasAnyChanges ? currentSource : null
+}
+
+export default transform

package/src/index.ts

@@ -0,0 +1,47 @@
+#!/usr/bin/env tsx
+
+import { Command } from "commander"
+
+import { runTransforms } from "./jscodeshiftRunner"
+
+const program = new Command()
+
+program
+  .name("tapestry-migration-cli")
+  .description("CLI tool for Tapestry migrations")
+
+const COMPONENTS = ["button"]
+
+program
+  .command("run")
+  .description("Run a migration of a component from Tapestry React to Tapestry")
+  .argument("<component-name>", "The name of the component to migrate")
+  .option("-f, --fix", "Write the changes")
+  .option("-p, --path <path>", "The path to the folder/file to migrate")
+  .option("-v, --verbose", "Verbose output")
+  .action((componentName, options) => {
+    console.log("Hello from Tapestry Migration CLI! 🎨")
+    console.log(`Component: ${componentName}`)
+    const key = componentName.toLowerCase()
+
+    if (COMPONENTS.includes(key)) {
+      runTransforms(key, options)
+    } else {
+      console.log(
+        `Invalid component name: ${componentName}. Valid components are: ${COMPONENTS.join(", ")}`
+      )
+    }
+  })
+
+program
+  .command("help")
+  .description("Show help information")
+  .action(() => {
+    program.help()
+  })
+
+program.parse()
+
+if (!process.argv.slice(2).length) {
+  program.outputHelp()
+}

package/src/jscodeshiftRunner.ts

@@ -0,0 +1,49 @@
+import { execSync } from "child_process"
+import { existsSync } from "fs"
+import { dirname, resolve } from "path"
+import { fileURLToPath } from "url"
+
+import { Options } from "./shared/types"
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+export function runTransforms(key: string, options: Options): void {
+  const transformPath = resolve(__dirname, "components", key, "index.ts")
+  const targetPath = options.path
+
+  if (!existsSync(targetPath)) {
+    console.error(`❌ Path not found: ${targetPath}`)
+    return
+  }
+
+  console.log("🎯 Running transforms...")
+  console.log(`📁 Target: ${targetPath}`)
+  console.log(`🔧 Transform: ${transformPath}`)
+
+  try {
+    const command = [
+      "npx",
+      "--prefer-offline",
+      "jscodeshift",
+      "-t",
+      transformPath,
+      targetPath,
+      options.fix ? "" : "--dry",
+      options.verbose ? "--verbose=2" : "",
+      "--parser=tsx",
+    ]
+      .filter(Boolean)
+      .join(" ")
+
+    console.log(`🚀 Running: ${command}`)
+
+    execSync(command, {
+      cwd: process.cwd(),
+      env: process.env,
+      stdio: "inherit",
+    })
+  } catch (error) {
+    console.error("❌ Transform failed:", error)
+  }
+}

package/src/shared/types.ts

@@ -0,0 +1,6 @@
+export interface Options {
+  fix?: boolean
+  jsTheme?: string
+  path: string
+  verbose?: boolean
+}

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-export {};

package/dist/index.js

@@ -1,28 +0,0 @@
-#!/usr/bin/env node
-import { Command } from "commander";
-const program = new Command();
-program
-    .name("tapestry-migration-cli")
-    .description("CLI tool for Tapestry migrations");
-program
-    .command("run")
-    .description("Run a migration of a component from Tapestry React to Tapestry")
-    .argument("<component-name>", "The name of the component to migrate")
-    .option("-f, --fix", "Write the changes")
-    .option("-p, --path", "The path to the folder/file to migrate")
-    .option("-v, --verbose", "Verbose output")
-    .action(() => {
-    console.log("Hello from Tapestry Migration CLI! 🎨");
-    console.log("This CLI is currently in development.");
-    console.log("More features coming soon!");
-});
-program
-    .command("help")
-    .description("Show help information")
-    .action(() => {
-    program.help();
-});
-program.parse();
-if (!process.argv.slice(2).length) {
-    program.outputHelp();
-}