chef now used in react three create

Author: bbohlender

apps/github/package.json

@@ -25,7 +25,6 @@
     "start": "node dist/index.js"
   },
   "devDependencies": {
-    "@types/isomorphic-git__lightning-fs": "^4.4.8",
-    "@types/node": "^20.17.32"
+    "@types/isomorphic-git__lightning-fs": "^4.4.8"
   }
 }

apps/pick/package.json

@@ -16,8 +16,5 @@
     "build": "tsc",
     "dev": "dotenvx run -f .env -- node --watch --loader ts-node/esm src/index.ts",
     "start": "node dist/index.js"
-  },
-  "devDependencies": {
-    "@types/node": "^20.17.32"
   }
 }

examples/vite-plugin-example/build-example.ts

@@ -0,0 +1,28 @@
+import { build } from 'vite'
+import react from '@vitejs/plugin-react'
+import { chefPlugin } from '@pmndrs/vite-chef'
+import { esmshPlugin } from '@pmndrs/vite-esmsh'
+import { loadRecipe } from '@react-three/create'
+
+async function runBuild() {
+  await build({
+    plugins: [
+      react(),
+      await chefPlugin({
+        recipe: 'recipe.json',
+        resolve: loadRecipe,
+      }),
+      esmshPlugin({
+        packages: ['react', 'react-dom', '@react-three/*'],
+      }),
+    ],
+    build: {
+      outDir: 'dist',
+      rollupOptions: {
+        input: 'index.html',
+      },
+    },
+  })
+}
+
+runBuild().catch(console.error)

examples/vite-plugin-example/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "vite-plugin-example",
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "build": "npx tsx build-example.ts"
+  },
+  "dependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.4",
+    "tsx": "^4.19.2",
+    "@pmndrs/vite-chef": "workspace:^",
+    "@pmndrs/vite-esmsh": "workspace:^",
+    "@react-three/create": "workspace:^"
+  }
+}

examples/vite-plugin-example/recipe.json

@@ -0,0 +1,14 @@
+{
+  "name": "example-app",
+  "version": "1.0.0",
+  "requirements": {
+    "base": "0.0.0",
+    "drei": "0.0.0",
+    "xr": "0.0.0",
+    "spinning-boxes": "0.0.0"
+  },
+  "edits": {
+    "@projectName": "vite-plugin-example",
+    "@packageManager": "npm"
+  }
+}

examples/vite-plugin-example/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}

package.json

@@ -3,9 +3,8 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
     "json": "^11.0.0",
-    "vitest": "^3.1.3"
-  },
-  "scripts": {
-    "test": "vitest"
+    "vitest": "^3.1.3",
+    "vite": "^6.3.4",
+    "@vitejs/plugin-react": "^4.3.4"
   }
 }

packages/chef/README.md

@@ -32,4 +32,5 @@
 - folders are not allowed to contain `.` in their name
 - files are not allowed to start with `@`
 - strings in edits are always seen as raw values e.g. `{ "test": "123" }` will end up in the finap project as `{ "test": 123 }`. To achieve `{ "test": "123" }` in the project, additional quotes are necassary: `{ "test": "'123'" }`
-- using the string edit `'{ "test": "123" }'` is the same as using the json edit `{ "test": "'123'" }`
+- using the string edit `'{ "test": "123" }'` is the same as using the json edit `{ "test": "'123'" }`
+- to set sub properties on objects where the keys contain `/`, these slashes must be escaped with a backslash `\/`