add registry installer

Author: claudemyburgh

app/Http/Controllers/ThemesController.php

@@ -41,4 +41,14 @@ public function index(Registry $registry)
             'availableCategories' => $availableCategories,
         ]);
     }
+
+    public function apiIndex(Registry $registry): array
+    {
+        return $registry
+            ->themes()
+            ->get()
+            ->map(fn ($theme) => $theme->toRegistry())
+            ->values()
+            ->all();
+    }
 }

bun.lock

@@ -4,7 +4,8 @@
 use Illuminate\Database\Schema\Blueprint;
 use Illuminate\Support\Facades\Schema;
 
-return new class extends Migration {
+return new class extends Migration
+{
     public function up(): void
     {
         Schema::create('registries', function (Blueprint $table) {
@@ -15,8 +16,8 @@ public function up(): void
             // ── Core identity ────────────────────────────────────────────────
             $table->string('name')->unique()->comment('Unique registry item identifier');
             $table->string('type')->comment(
-                'registry:lib | registry:block | registry:component | registry:ui | ' .
-                'registry:hook | registry:theme | registry:page | registry:file | ' .
+                'registry:lib | registry:block | registry:component | registry:ui | '.
+                'registry:hook | registry:theme | registry:page | registry:file | '.
                 'registry:style | registry:base | registry:font | registry:item'
             );
             $table->string('title')->nullable()->comment('Human-readable title');

database/migrations/2026_05_02_175933_create_registries_table.php

@@ -16,7 +16,10 @@
         "@eslint/js": "^9.19.0",
         "@laravel/vite-plugin-wayfinder": "^0.1.3",
         "@stylistic/eslint-plugin": "^5.10.0",
+        "@types/gsap": "^3.0.0",
         "@types/node": "^22.13.5",
+        "@types/prismjs": "^1.26.6",
+        "@types/three": "^0.184.1",
         "babel-plugin-react-compiler": "^1.0.0",
         "eslint": "^9.17.0",
         "eslint-config-prettier": "^10.0.1",
@@ -29,6 +32,7 @@
         "typescript-eslint": "^8.23.0"
     },
     "dependencies": {
+        "@gsap/react": "^2.1.2",
         "@headlessui/react": "^2.2.0",
         "@inertiajs/react": "^3.0.0",
         "@inertiajs/vite": "^3.0.0",
@@ -54,9 +58,12 @@
         "concurrently": "^9.0.1",
         "date-fns": "^4.1.0",
         "globals": "^15.14.0",
+        "gsap": "^3.15.0",
         "input-otp": "^1.4.2",
         "laravel-vite-plugin": "^3.1",
         "lucide-react": "^0.475.0",
+        "motion": "^12.38.0",
+        "prismjs": "^1.30.0",
         "radix-ui": "^1.4.3",
         "react": "^19.2.0",
         "react-day-picker": "^9.14.0",
@@ -65,9 +72,11 @@
         "sonner": "^2.0.0",
         "tailwind-merge": "^3.0.1",
         "tailwindcss": "^4.0.0",
+        "three": "^0.184.0",
         "tw-animate-css": "^1.4.0",
         "typescript": "^5.7.2",
-        "vite": "^8.0.0"
+        "vite": "^8.0.0",
+        "zustand": "^5.0.13"
     },
     "optionalDependencies": {
         "@rollup/rollup-linux-x64-gnu": "4.9.5",

package.json

@@ -2,6 +2,7 @@ import { createInertiaApp } from '@inertiajs/react';
 import { Toaster } from '@/components/ui/sonner';
 import { TooltipProvider } from '@/components/ui/tooltip';
 import { initializeTheme } from '@/hooks/use-appearance';
+import { initializeColorTheme } from '@/hooks/use-color-theme';
 import AppLayout from '@/layouts/app-layout';
 import AuthLayout from '@/layouts/auth-layout';
 import SettingsLayout from '@/layouts/settings/layout';
@@ -26,15 +27,16 @@ createInertiaApp({
     withApp(app) {
         return (
             <TooltipProvider delayDuration={0}>
-                {app}
+                <div className={`pt-16`}>{app}</div>
                 <Toaster />
             </TooltipProvider>
         );
     },
     progress: {
-        color: '#4B5563',
+        color: 'var(--primary)',
     },
 });
 
-// This will set light / dark mode on load...
+// This will set light / dark mode and color theme on load...
 initializeTheme();
+initializeColorTheme();