Starfield - move to R3F

client/.gitignore

@@ -46,4 +46,5 @@ lerna-debug.log*
 coverage/
 .nyc_output/
 web-bundles/
-.vercel/
+.vercel/
+bundle-analysis.html

client/app/.gitignore

@@ -8,7 +8,6 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
-bundle-analysis.html
 dist
 dist-ssr
 dev-dist

client/app/eslint.config.js

@@ -1,30 +1,33 @@
+import js from "@eslint/js"
 import reactHooks from "eslint-plugin-react-hooks"
 import reactRefresh from "eslint-plugin-react-refresh"
 import simpleImportSort from "eslint-plugin-simple-import-sort"
+import { defineConfig, globalIgnores } from "eslint/config"
 import globals from "globals"
 import tseslint from "typescript-eslint"
 
-import js from "@eslint/js"
-
-export default [
-  {
-    ignores: ["dist", "src/mocks/*.mock.ts"],
-  },
-  js.configs.recommended,
-  ...tseslint.configs.recommended,
+export default defineConfig([
+  globalIgnores(["dist", "src/mocks/*.mock.ts"]),
   {
     files: ["**/*.{ts,tsx}"],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+    ],
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
     },
     plugins: {
-      "react-hooks": reactHooks,
       "react-refresh": reactRefresh,
       "simple-import-sort": simpleImportSort,
     },
     rules: {
-      ...reactHooks.configs.recommended.rules,
       "react-refresh/only-export-components": [
         "warn",
         { allowConstantExport: true },
@@ -51,4 +54,4 @@ export default [
       "simple-import-sort/exports": "error",
     },
   },
-]
+])

client/app/package.json

@@ -12,6 +12,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@gradient-bang/starfield": "workspace:*",
     "@phosphor-icons/react": "^2.1.10",
     "@pipecat-ai/client-js": "^1.4.1",
     "@pipecat-ai/client-react": "^1.1.0",
@@ -47,7 +48,7 @@
     "stats.js": "^0.17.0",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.11",
-    "three": "^0.180.0",
+    "three": "^0.181.0",
     "tw-animate-css": "^1.4.0",
     "use-debounce": "^10.0.6",
     "use-stick-to-bottom": "^1.1.1",
@@ -60,7 +61,7 @@
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@types/stats.js": "^0.17.4",
-    "@types/three": "^0.179.0",
+    "@types/three": "^0.181.0",
     "@types/uuid": "^10.0.0",
     "@vitejs/plugin-react": "^4.6.0",
     "leva": "^0.10.1",

client/package.json

@@ -12,22 +12,24 @@
     "dev": "turbo run dev",
     "dev:all": "turbo run dev stories",
     "dev:stories": "turbo run stories",
+    "dev:starfield": "turbo run dev --filter=@gradient-bang/starfield",
     "build": "turbo run build",
+    "build:app": "turbo run build --filter=@gradient-bang/app",
     "preview": "turbo run preview",
     "lint": "turbo run lint"
   },
   "devDependencies": {
-    "@eslint/js": "^9.30.1",
-    "eslint": "^9.30.1",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
+    "@eslint/js": "^9.39.1",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "prettier": "^3.6.2",
-    "turbo": "^2.5.8",
-    "typescript": "^5.9.2",
-    "typescript-eslint": "^8.35.1"
+    "turbo": "^2.6.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.47.0"
   },
   "engines": {
     "node": ">=18.0.0",