2024 update

Author: bernaferrari

.gitignore

@@ -27,4 +27,5 @@ test/**/next-env.d.ts
 **/.idea
 **/.vscode
 
-build
+build
+.turbo

__tests__/altNodes/altConversions.test.ts

@@ -174,7 +174,7 @@ describe("AltConversions", () => {
     expect(
       tailwindMain(convertIntoAltNodes([node], new AltFrameNode()))
     ).toEqual(
-      `<div class="w-5 h-5 bg-pink-900 bg-opacity-50 rounded-lg"></div>`
+      `<div class="w-5 h-5 bg-pink-900/50 rounded-lg"></div>`
     );
   });
 });

apps/debug/package.json

@@ -11,20 +11,20 @@
   },
   "dependencies": {
     "backend": "workspace:*",
-    "next": "^14.1.0",
+    "next": "^14.2.3",
     "plugin-ui": "workspace:*",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/node": "^20.11.6",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.18",
-    "autoprefixer": "^10.4.17",
+    "@types/node": "^20.12.8",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "autoprefixer": "^10.4.19",
     "eslint-config-custom": "workspace:*",
-    "postcss": "^8.4.33",
-    "tailwindcss": "3.4.1",
+    "postcss": "^8.4.38",
+    "tailwindcss": "3.4.3",
     "tsconfig": "workspace:*",
-    "typescript": "^5.3.3"
+    "typescript": "^5.4.5"
   }
 }

apps/plugin/package.json

@@ -10,31 +10,31 @@
     "dev": "pnpm build:watch"
   },
   "dependencies": {
-    "@figma/plugin-typings": "^1.84.0",
+    "@figma/plugin-typings": "^1.92.0",
     "backend": "workspace:*",
     "plugin-ui": "workspace:*",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@types/node": "^20.11.6",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.18",
-    "@typescript-eslint/eslint-plugin": "^6.19.1",
-    "@typescript-eslint/parser": "^6.19.1",
+    "@types/node": "^20.12.8",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "autoprefixer": "^10.4.17",
+    "@vitejs/plugin-react-swc": "^3.6.0",
+    "autoprefixer": "^10.4.19",
     "concurrently": "^8.2.2",
-    "esbuild": "^0.19.12",
+    "esbuild": "^0.20.2",
     "eslint-config-custom": "workspace:*",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "postcss": "^8.4.33",
-    "tailwindcss": "3.4.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "postcss": "^8.4.38",
+    "tailwindcss": "3.4.3",
     "tsconfig": "workspace:*",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.12",
-    "vite-plugin-singlefile": "^1.0.0"
+    "typescript": "^5.4.5",
+    "vite": "^5.2.10",
+    "vite-plugin-singlefile": "^2.0.1"
   }
 }

apps/plugin/ui-src/App.tsx

@@ -152,7 +152,10 @@ export default function App() {
           );
         }}
         colors={state.colors}
-        gradients={state.gradients}
+        gradients={state.gradients.map((gradient) => ({
+          ...gradient,
+          exportValue: gradient.exportedValue,
+        }))}
       />
     </div>
   );