@svadmin/ui 0.60.1 → 0.63.0

package/dist/components/InferencerPanel.svelte

@@ -18,6 +18,7 @@
 
   let selectedResource = $state('');
   let inferResult = $state<InferResult | null>(null);
+  let codeTarget = $state<'resource' | 'typebox' | 'list' | 'create' | 'edit' | 'show'>('resource');
   let loading = $state(false);
   let error = $state<string | null>(null);
   let copied = $state(false);
@@ -78,9 +79,19 @@
     }
   }
 
+  const activeCode = $derived.by(() => {
+    if (!inferResult) return '';
+    if (codeTarget === 'typebox') return inferResult.typeboxCode;
+    if (codeTarget === 'list') return inferResult.componentCode.list;
+    if (codeTarget === 'create') return inferResult.componentCode.create;
+    if (codeTarget === 'edit') return inferResult.componentCode.edit;
+    if (codeTarget === 'show') return inferResult.componentCode.show;
+    return inferResult.code;
+  });
+
   function copyCode() {
-    if (!inferResult) return;
-    navigator.clipboard.writeText(inferResult.code);
+    if (!activeCode) return;
+    navigator.clipboard.writeText(activeCode);
     copied = true;
     if (copyTimer) clearTimeout(copyTimer);
     copyTimer = setTimeout(() => { copied = false; }, 2000);
@@ -190,8 +201,57 @@
 
       <!-- Generated code -->
       <div class="rounded-lg border overflow-hidden">
-        <div class="flex items-center justify-between bg-muted px-3 py-1.5 text-xs text-muted-foreground">
-          <span>Generated ResourceDefinition</span>
+        <div class="flex flex-wrap items-center justify-between gap-1 bg-muted px-3 py-1.5 text-xs text-muted-foreground border-b">
+          <div class="flex items-center gap-1">
+            <Button
+              variant={codeTarget === 'resource' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'resource'; }}
+            >
+              Resource (TS)
+            </Button>
+            <Button
+              variant={codeTarget === 'typebox' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'typebox'; }}
+            >
+              TypeBox Schema
+            </Button>
+            <Button
+              variant={codeTarget === 'list' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'list'; }}
+            >
+              List Page
+            </Button>
+            <Button
+              variant={codeTarget === 'create' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'create'; }}
+            >
+              Create Form
+            </Button>
+            <Button
+              variant={codeTarget === 'edit' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'edit'; }}
+            >
+              Edit Form
+            </Button>
+            <Button
+              variant={codeTarget === 'show' ? 'secondary' : 'ghost'}
+              size="sm"
+              class="h-6 text-xs px-2"
+              onclick={() => { codeTarget = 'show'; }}
+            >
+              Show Page
+            </Button>
+          </div>
           <Button variant="ghost" size="sm" class="h-6 text-xs gap-1" onclick={copyCode}>
             {#if copied}
               <Check class="h-3 w-3 text-success" />
@@ -202,11 +262,11 @@
             {/if}
           </Button>
         </div>
-        <pre class="max-h-64 overflow-auto bg-muted/30 p-3 text-xs text-foreground font-mono">{inferResult.code}</pre>
+        <pre class="max-h-64 overflow-auto bg-muted/30 p-3 text-xs text-foreground font-mono">{activeCode}</pre>
       </div>
 
       <p class="text-xs text-muted-foreground">
-        Inferred {inferResult.fields.length} fields from sample data. Copy the code above into your <code class="bg-muted px-1 rounded text-foreground">resources.ts</code> file.
+        Inferred {inferResult.fields.length} fields from sample data. Copy the code above into your Svelte 5 application files.
       </p>
     {/if}
   </Card.CardContent>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.60.1",
+  "version": "0.63.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -39,13 +39,13 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.42.1",
-    "@tanstack/svelte-query": "^6.1.38",
-    "highlight.js": "^11.11.1",
-    "isomorphic-dompurify": "^3.22.0",
-    "marked": "^18.0.9",
+    "@svadmin/core": "^0.45.0",
+    "@tanstack/svelte-query": "^6.1.48",
+    "highlight.js": "^11.12.0",
+    "isomorphic-dompurify": "^3.23.0",
+    "marked": "^18.0.11",
     "marked-highlight": "^2.2.4",
-    "svelte": "^5.56.8"
+    "svelte": "^5.56.10"
   },
   "peerDependenciesMeta": {
     "marked": {
@@ -75,13 +75,13 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@lucide/svelte": "^1.31.0",
+    "@lucide/svelte": "^1.35.0",
     "@tanstack/svelte-store": "^0.12.1",
-    "@tanstack/svelte-table": "9.1.2",
-    "@tanstack/table-core": "9.1.2",
-    "bits-ui": "^2.18.1",
+    "@tanstack/svelte-table": "^9.2.3",
+    "@tanstack/table-core": "^9.2.3",
+    "bits-ui": "^2.19.0",
     "clsx": "^2.1.1",
-    "svelte-sonner": "^1.1.1",
+    "svelte-sonner": "^1.2.1",
     "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.3.1"
   },
@@ -100,13 +100,13 @@
     "access": "public"
   },
   "devDependencies": {
-    "@happy-dom/global-registrator": "^20.11.2",
+    "@happy-dom/global-registrator": "^20.11.12",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/svelte": "^5.4.2",
-    "@testing-library/user-event": "^14.6.4",
-    "happy-dom": "^20.11.2",
-    "vitest": "^4.1.10"
+    "@testing-library/user-event": "^14.6.6",
+    "happy-dom": "^20.11.12",
+    "vitest": "^4.1.11"
   },
   "scripts": {
     "build": "node ../../node_modules/@sveltejs/package/svelte-package.js -i src -o dist && node scripts/postbuild-css.mjs",