Move files back. We will keep Turbo.

turbo-test/basic/apps/debug/pages/index.tsx → apps/debug/pages/index.tsx

@@ -24,6 +24,7 @@ export default function Web() {
               setSelectedFramework={setSelectedFramework}
               htmlPreview={null}
               preferences={undefined}
+              onPreferenceChange={() => {}}
             />
           </div>
         </div>
@@ -38,6 +39,7 @@ export default function Web() {
               emptySelection={false}
               htmlPreview={null}
               preferences={undefined}
+              onPreferenceChange={() => {}}
             />
           </div>
         </div>

turbo-test/basic/apps/plugin/package.json → apps/plugin/package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "build": "pnpm run build:ui && pnpm run build:main -- --minify --tree-shaking=true",
+    "build": "pnpm run build:ui && pnpm run build:main --minify --tree-shaking=true",
     "build:main": "esbuild plugin-src/code.ts --bundle --target=ES6 --outfile=dist/code.js",
     "build:ui": "npx vite build --minify esbuild --emptyOutDir=false",
     "build:watch": "concurrently -n backend,ui \"pnpm run build:main --watch\" \"pnpm run build:ui --watch\"",

manifest.json

@@ -1,8 +1,36 @@
 {
-  "name": "Figma to Code",
+  "name": "Figma to Code [Dev]",
   "id": "842128343887142055",
   "api": "1.0.0",
-  "main": "public/code.js",
-  "ui": "public/index.html",
-  "editorType": ["figma"]
+  "main": "apps/plugin/dist/code.js",
+  "ui": "apps/plugin/dist/index.html",
+  "editorType": ["figma", "inspect"],
+  "capabilities": ["panel", "codegen"],
+  "permissions": [],
+  "codegenLanguages": [
+    { "label": "HTML / React", "value": "html" },
+    { "label": "Tailwind", "value": "tailwind" },
+    { "label": "Flutter", "value": "flutter" },
+    { "label": "SwiftUI", "value": "swiftUI" }
+  ],
+  "codegenPreferences": [
+    {
+      "itemType": "alternative-unit",
+      "scaledUnit": "Pixels",
+      "defaultScaleFactor": 16,
+      "default": true,
+      "includedLanguages": ["tailwind"]
+    },
+
+    {
+      "itemType": "select",
+      "propertyName": "tabSize",
+      "label": "Tab Size",
+      "options": [
+        { "label": "2", "value": "2", "isDefault": true },
+        { "label": "4", "value": "4" }
+      ],
+      "includedLanguages": ["tailwind"]
+    }
+  ]
 }

package.json

@@ -1,72 +1,17 @@
 {
-  "name": "figma-to-code",
-  "version": "1.0.0",
-  "description": "",
-  "main": "code.js",
+  "private": true,
   "scripts": {
-    "build": "rollup -c",
-    "watch": "rollup -c -w",
-    "release": "rollup -c --environment INCLUDE_DEPS,BUILD:production",
-    "wp": "webpack --mode=development --watch",
-    "test": "jest",
-    "coverage": "jest --coverage",
-    "start": "sirv public",
-    "lint": "eslint . --ext .ts"
-  },
-  "author": "Bernardo Ferrari",
-  "license": "GPL-3.0",
-  "dependencies": {
-    "@figma/plugin-typings": "^1.63.0",
-    "clipboard-copy": "^4.0.1",
-    "prism-theme-night-owl": "^1.4.0",
-    "sirv-cli": "^1.0.14",
-    "svelte-prism": "^1.1.6",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17"
+    "build": "turbo run build",
+    "build:watch": "turbo run build:watch",
+    "dev": "turbo run dev --concurrency 20",
+    "lint": "turbo run lint",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\""
   },
   "devDependencies": {
-    "@fullhuman/postcss-purgecss": "^2.3.0",
-    "@rollup/plugin-commonjs": "^17.1.0",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-node-resolve": "^11.2.1",
-    "@rollup/plugin-typescript": "^8.5.0",
-    "@types/eslint": "^8.37.0",
-    "@types/jest": "^29.5.1",
-    "@types/node": "^18.16.3",
-    "@typescript-eslint/parser": "^5.59.2",
-    "autoprefixer": "^9.8.8",
-    "cross-env": "^7.0.3",
-    "css-loader": "^3.6.0",
-    "cssnano": "^4.1.11",
-    "eslint": "^8.39.0",
-    "eslint-config-kentcdodds": "^20.5.0",
-    "figma-api-stub": "0.0.56",
-    "figma-plugin-ds-svelte": "^1.4.3",
-    "file-loader": "^6.2.0",
-    "jest": "^29.5.0",
-    "mini-css-extract-plugin": "^0.9.0",
-    "postcss": "^7.0.39",
-    "postcss-load-config": "^2.1.2",
-    "postcss-loader": "^3.0.0",
+    "eslint": "^8.41.0",
+    "eslint-config-custom": "workspace:*",
     "prettier": "^2.8.8",
-    "prettier-eslint-cli": "^7.1.0",
-    "rollup": "^2.79.1",
-    "rollup-plugin-html-bundle": "0.0.3",
-    "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-postcss": "^2.9.0",
-    "rollup-plugin-purgecss": "^1.0.0",
-    "rollup-plugin-svelte": "^7.1.4",
-    "rollup-plugin-svg": "^2.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "style-loader": "^2.0.0",
-    "svelte": "^3.58.0",
-    "svelte-loader": "^3.1.7",
-    "svelte-preprocess": "^4.10.7",
-    "ts-jest": "^29.1.0",
-    "ts-loader": "^8.4.0",
-    "ts-node": "^10.9.1",
-    "typescript": "^4.9.5",
-    "url-loader": "^4.1.1",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12"
-  }
+    "turbo": "^1.10.1"
+  },
+  "packageManager": "[email protected]"
 }

turbo-test/basic/packages/plugin-ui/src/PluginUI.tsx → packages/plugin-ui/src/PluginUI.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { coldarkDark as theme } from "react-syntax-highlighter/dist/esm/styles/prism";
-import copy from "clipboard-copy";
+import copy from "copy-to-clipboard";
 
 export type FrameworkTypes = "HTML" | "Tailwind" | "Flutter" | "SwiftUI";