feat: add migration plugin

Author: nmerget

package-lock.json

@@ -10,9 +10,11 @@
     "build": "npm-run-all -p build:*",
     "build:codegen": "npm run build -w=@db-ui/codegen",
     "build:inspect": "npm run build -w=@db-ui/inspect",
+    "build:design-migration": "npm run build -w=@db-ui/design-migration",
     "dev": "npm-run-all -p dev:*",
     "dev:codegen": "npm run dev -w=@db-ui/codegen",
-    "dev:inspect": "npm run dev -w=@db-ui/inspect"
+    "dev:inspect": "npm run dev -w=@db-ui/inspect",
+    "dev:design-migration": "npm run dev -w=@db-ui/design-migration"
   },
   "author": "",
   "license": "MIT",

package.json

@@ -18,6 +18,15 @@
         { "label": "No", "value": "no", "isDefault": true }
       ]
     },
+    {
+      "itemType": "select",
+      "propertyName": "modes",
+      "label": "With Modes (takes long time)",
+      "options": [
+        { "label": "Yes", "value": "yes" },
+        { "label": "No", "value": "no", "isDefault": true }
+      ]
+    },
     {
       "itemType": "select",
       "propertyName": "maxDepth",

packages/codegen/manifest.json

@@ -19,14 +19,17 @@ const getDisplayLanguage = (
 };
 
 export const handleDevCodegen = () => {
+  // @ts-ignore
   figma.codegen.on("generate", async (event: CodegenEvent) => {
     const { node, language } = event;
     const withCss = figma.codegen.preferences.customSettings["css"] === "yes";
+    const withModes =
+      figma.codegen.preferences.customSettings["modes"] === "yes";
     const maxDepth = Number(
       figma.codegen.preferences.customSettings["maxDepth"] ?? 5,
     );
 
-    const outputNode = await generateData(withCss, maxDepth, node);
+    const outputNode = await generateData(withCss, withModes, maxDepth, node);
 
     if (!outputNode) {
       return [