@planningcenter/tapestry-migration-cli 3.4.1-rc.2 → 3.4.1-rc.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-migration-cli",
-  "version": "3.4.1-rc.2",
+  "version": "3.4.1-rc.3",
   "description": "CLI tool for Tapestry migrations",
   "type": "module",
   "main": "dist/index.js",
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
-    "@planningcenter/tapestry": "^3.4.1-rc.2",
+    "@planningcenter/tapestry": "^3.4.1-rc.3",
     "@planningcenter/tapestry-react": "^4.11.5",
     "@types/jscodeshift": "^17.3.0",
     "@types/node": "^20.0.0",
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a03b5528947440b2a5daff47a308e91de4c6727e"
+  "gitHead": "51487ee80b4a2012c20b9666d74c8251e45b0efc"
 }

package/src/components/dropdown/index.test.ts

@@ -0,0 +1,48 @@
+import jscodeshift from "jscodeshift"
+import { describe, expect, it } from "vitest"
+
+import transform from "./index"
+
+const j = jscodeshift.withParser("tsx")
+
+function applyTransform(source: string): string | null {
+  const fileInfo = { path: "test.tsx", source }
+  return transform(
+    fileInfo,
+    { j, jscodeshift: j, report: () => {}, stats: () => {} },
+    {}
+  ) as string | null
+}
+
+describe("dropdown orchestrator", () => {
+  it("returns null for a legacy Dropdown source (no-op until rules are added)", () => {
+    const input = `
+import { Dropdown } from "@planningcenter/tapestry-react"
+
+export default function Test() {
+  return (
+    <Dropdown title="Actions" variant="outline">
+      <Dropdown.Item onSelect={() => {}}>Edit</Dropdown.Item>
+      <Dropdown.Link to="/docs">Docs</Dropdown.Link>
+    </Dropdown>
+  )
+}
+    `.trim()
+
+    const result = applyTransform(input)
+    expect(result).toBe(null)
+  })
+
+  it("returns null for an empty file", () => {
+    const result = applyTransform("")
+    expect(result).toBe(null)
+  })
+
+  it("does not throw for arbitrary source", () => {
+    expect(() =>
+      applyTransform(
+        `import React from "react"\nexport default function Noop() { return <div /> }`
+      )
+    ).not.toThrow()
+  })
+})

package/src/components/dropdown/index.ts

@@ -0,0 +1,26 @@
+import { Transform } from "jscodeshift"
+
+// Transforms are added one per commit as rules are built out.
+// moveDropdownImport MUST remain last in the chain.
+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

@@ -15,6 +15,7 @@ const COMPONENTS_SET = new Set([
   "button",
   "checkbox",
   "date-picker",
+  "dropdown",
   "input",
   "link",
   "radio",