Revert svelte-chat demo URL change

Keep the original labs.vercel.dev URL for the Svelte Chat demo.
Update official links to use json-render.dev domain
2026-10-03 20:38:21 +08:00 · 2026-04-08 22:05:42 +00:00 · 2026-04-08 22:01:49 +00:00 · 2026-04-08 10:08:51 -05:00 · 2026-04-07 01:43:04 -05:00 · 2026-04-07 01:39:32 -05:00
112 changed files with 966 additions and 120 deletions
@@ -29,6 +29,8 @@ build
 dist
 *.tsbuildinfo
 .svelte-kit/
+tsup.config.bundled_*.mjs
+next-env.d.ts


 # Debug
@@ -127,6 +127,7 @@ function Dashboard({ spec }) {
 | `@json-render/svelte`       | Svelte 5 renderer with runes-based reactivity                          |
 | `@json-render/solid`        | SolidJS renderer with fine-grained reactive contexts                   |
 | `@json-render/shadcn`       | 36 pre-built shadcn/ui components (Radix UI + Tailwind CSS)            |
+| `@json-render/shadcn-svelte`| 36 pre-built shadcn-svelte components (Svelte 5 + Tailwind CSS)        |
 | `@json-render/react-three-fiber` | React Three Fiber renderer for 3D scenes (19 built-in components)  |
 | `@json-render/react-native` | React Native renderer with standard mobile components                  |
 | `@json-render/next`         | Next.js renderer — JSON becomes full apps with routes, layouts, SSR    |
@@ -485,6 +486,80 @@ const { registry } = defineRegistry(catalog, {
 />;
 ```

+### Next.js (Full Apps)
+
+```typescript
+import type { NextAppSpec } from "@json-render/next";
+import { createNextApp } from "@json-render/next/server";
+import { NextAppProvider } from "@json-render/next";
+
+const spec: NextAppSpec = {
+  metadata: { title: { default: "My App", template: "%s | My App" } },
+  layouts: {
+    main: {
+      root: "shell",
+      elements: {
+        shell: { type: "Container", props: {}, children: ["nav", "slot"] },
+        nav: { type: "NavBar", props: {}, children: [] },
+        slot: { type: "Slot", props: {}, children: [] },
+      },
+    },
+  },
+  routes: {
+    "/": {
+      layout: "main",
+      metadata: { title: "Home" },
+      page: {
+        root: "hero",
+        elements: {
+          hero: { type: "Card", props: { title: "Welcome" }, children: [] },
+        },
+      },
+    },
+  },
+};
+
+// Server: creates Page, generateMetadata, generateStaticParams
+const app = createNextApp({ spec });
+
+// Client: wrap your layout with NextAppProvider
+// <NextAppProvider registry={registry} handlers={handlers}>
+//   {children}
+// </NextAppProvider>
+```
+
+### shadcn-svelte (Svelte)
+
+```typescript
+import { defineCatalog } from "@json-render/core";
+import { schema } from "@json-render/svelte/schema";
+import { defineRegistry, Renderer } from "@json-render/svelte";
+import { shadcnComponentDefinitions } from "@json-render/shadcn-svelte/catalog";
+import { shadcnComponents } from "@json-render/shadcn-svelte";
+
+const catalog = defineCatalog(schema, {
+  components: {
+    Card: shadcnComponentDefinitions.Card,
+    Stack: shadcnComponentDefinitions.Stack,
+    Heading: shadcnComponentDefinitions.Heading,
+    Button: shadcnComponentDefinitions.Button,
+  },
+  actions: {},
+});
+
+const { registry } = defineRegistry(catalog, {
+  components: {
+    Card: shadcnComponents.Card,
+    Stack: shadcnComponents.Stack,
+    Heading: shadcnComponents.Heading,
+    Button: shadcnComponents.Button,
+  },
+});
+
+// In your Svelte component:
+// <Renderer spec={spec} registry={registry} />
+```
+
 ### Ink (Terminal)

 ```tsx
@@ -1,5 +1,15 @@
 # web

+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/codegen@0.16.0
+  - @json-render/react@0.16.0
+  - @json-render/yaml@0.16.0
+
 ## 0.1.10

 ### Patch Changes
@@ -0,0 +1,320 @@
+import { pageMetadata } from "@/lib/page-metadata"
+export const metadata = pageMetadata("docs/api/shadcn-svelte")
+
+# @json-render/shadcn-svelte
+
+Pre-built [shadcn-svelte](https://www.shadcn-svelte.com/) components for json-render. 36 components built on Svelte 5 + Tailwind CSS, ready to use with `defineCatalog` and `defineRegistry`.
+
+## Installation
+
+```bash
+npm install @json-render/shadcn-svelte @json-render/core @json-render/svelte zod
+```
+
+Your app must have Tailwind CSS configured.
+
+## Entry Points
+
+<table>
+<thead>
+<tr>
+<th>Entry Point</th>
+<th>Exports</th>
+<th>Use For</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>@json-render/shadcn-svelte</code></td>
+<td><code>shadcnComponents</code>, <code>shadcnComponentDefinitions</code></td>
+<td>Svelte implementations + catalog schemas</td>
+</tr>
+<tr>
+<td><code>@json-render/shadcn-svelte/catalog</code></td>
+<td><code>shadcnComponentDefinitions</code></td>
+<td>Catalog schemas only (no Svelte dependency, safe for server)</td>
+</tr>
+</tbody>
+</table>
+
+## Usage
+
+Pick the components you need from the standard definitions:
+
+```typescript
+import { defineCatalog } from "@json-render/core";
+import { schema } from "@json-render/svelte/schema";
+import { shadcnComponentDefinitions } from "@json-render/shadcn-svelte/catalog";
+import { defineRegistry } from "@json-render/svelte";
+import { shadcnComponents } from "@json-render/shadcn-svelte";
+
+// Catalog: pick definitions
+const catalog = defineCatalog(schema, {
+  components: {
+    Card: shadcnComponentDefinitions.Card,
+    Stack: shadcnComponentDefinitions.Stack,
+    Heading: shadcnComponentDefinitions.Heading,
+    Button: shadcnComponentDefinitions.Button,
+    Input: shadcnComponentDefinitions.Input,
+  },
+  actions: {},
+});
+
+// Registry: pick matching implementations
+const { registry } = defineRegistry(catalog, {
+  components: {
+    Card: shadcnComponents.Card,
+    Stack: shadcnComponents.Stack,
+    Heading: shadcnComponents.Heading,
+    Button: shadcnComponents.Button,
+    Input: shadcnComponents.Input,
+  },
+});
+```
+
+Then render in your Svelte component:
+
+```svelte
+<script lang="ts">
+  import { Renderer, JsonUIProvider } from "@json-render/svelte";
+
+  export let spec;
+  export let registry;
+</script>
+
+<JsonUIProvider initialState={spec?.state ?? {}}>
+  <Renderer {spec} {registry} />
+</JsonUIProvider>
+```
+
+## Available Components
+
+### Layout
+
+<table>
+<thead>
+<tr>
+<th>Component</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>Card</code></td>
+<td>Container card with optional title, description, maxWidth, centered</td>
+</tr>
+<tr>
+<td><code>Stack</code></td>
+<td>Flex container with direction, gap, align, justify</td>
+</tr>
+<tr>
+<td><code>Grid</code></td>
+<td>Grid layout with columns (1-6) and gap</td>
+</tr>
+<tr>
+<td><code>Separator</code></td>
+<td>Visual separator line with orientation</td>
+</tr>
+</tbody>
+</table>
+
+### Navigation
+
+<table>
+<thead>
+<tr>
+<th>Component</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>Tabs</code></td>
+<td>Tabbed navigation with tabs array, defaultValue, value</td>
+</tr>
+<tr>
+<td><code>Accordion</code></td>
+<td>Collapsible sections with items array and type (single/multiple)</td>
+</tr>
+<tr>
+<td><code>Collapsible</code></td>
+<td>Single collapsible section with title and defaultOpen</td>
+</tr>
+<tr>
+<td><code>Pagination</code></td>
+<td>Page navigation with totalPages and page</td>
+</tr>
+</tbody>
+</table>
+
+### Overlay
+
+<table>
+<thead>
+<tr>
+<th>Component</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>Dialog</code></td>
+<td>Modal dialog with title, description, openPath</td>
+</tr>
+<tr>
+<td><code>Drawer</code></td>
+<td>Bottom drawer with title, description, openPath</td>
+</tr>
+<tr>
+<td><code>Tooltip</code></td>
+<td>Hover tooltip with content and text</td>
+</tr>
+<tr>
+<td><code>Popover</code></td>
+<td>Click-triggered popover with trigger and content</td>
+</tr>
+<tr>
+<td><code>DropdownMenu</code></td>
+<td>Dropdown menu with label and items array</td>
+</tr>
+</tbody>
+</table>
+
+### Content
+
+<table>
+<thead>
+<tr>
+<th>Component</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>Heading</code></td>
+<td>Heading text with level (h1-h4)</td>
+</tr>
+<tr>
+<td><code>Text</code></td>
+<td>Paragraph with variant (body, caption, muted, lead, code)</td>
+</tr>
+<tr>
+<td><code>Image</code></td>
+<td>Image with alt, width, height</td>
+</tr>
+<tr>
+<td><code>Avatar</code></td>
+<td>User avatar with src, name, size</td>
+</tr>
+<tr>
+<td><code>Badge</code></td>
+<td>Status badge with text and variant</td>
+</tr>
+<tr>
+<td><code>Alert</code></td>
+<td>Alert banner with title, message, type</td>
+</tr>
+<tr>
+<td><code>Carousel</code></td>
+<td>Horizontally scrollable carousel with items</td>
+</tr>
+<tr>
+<td><code>Table</code></td>
+<td>Data table with columns and rows</td>
+</tr>
+</tbody>
+</table>
+
+### Feedback
+
+<table>
+<thead>
+<tr>
+<th>Component</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>Progress</code></td>
+<td>Progress bar with value, max, label</td>
+</tr>
+<tr>
+<td><code>Skeleton</code></td>
+<td>Loading placeholder with width, height, rounded</td>
+</tr>
+<tr>
+<td><code>Spinner</code></td>
+<td>Loading spinner with size and label</td>
+</tr>
+</tbody>
+</table>
+
+### Input
+
+<table>
+<thead>
+<tr>
+<th>Component</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>Button</code></td>
+<td>Clickable button with label, variant, disabled</td>
+</tr>
+<tr>
+<td><code>Link</code></td>
+<td>Anchor link with label and href</td>
+</tr>
+<tr>
+<td><code>Input</code></td>
+<td>Text input with label, name, type, placeholder, value, checks</td>
+</tr>
+<tr>
+<td><code>Textarea</code></td>
+<td>Multi-line text input with label, name, placeholder, rows, value, checks</td>
+</tr>
+<tr>
+<td><code>Select</code></td>
+<td>Dropdown select with label, name, options, value, checks</td>
+</tr>
+<tr>
+<td><code>Checkbox</code></td>
+<td>Checkbox with label, name, checked</td>
+</tr>
+<tr>
+<td><code>Radio</code></td>
+<td>Radio button group with label, name, options, value</td>
+</tr>
+<tr>
+<td><code>Switch</code></td>
+<td>Toggle switch with label, name, checked</td>
+</tr>
+<tr>
+<td><code>Slider</code></td>
+<td>Range slider with label, min, max, step, value</td>
+</tr>
+<tr>
+<td><code>Toggle</code></td>
+<td>Toggle button with label, pressed, variant</td>
+</tr>
+<tr>
+<td><code>ToggleGroup</code></td>
+<td>Group of toggle buttons with items, type, value</td>
+</tr>
+<tr>
+<td><code>ButtonGroup</code></td>
+<td>Group of buttons with buttons array and selected</td>
+</tr>
+</tbody>
+</table>
+
+## Notes
+
+- The `/catalog` entry point has no Svelte dependency -- use it for server-side prompt generation
+- Components use Tailwind CSS classes -- your app must have Tailwind configured
+- Component implementations use bundled shadcn-svelte primitives (not your app's `$lib/components/ui/`)
+- Form inputs support `checks` for validation (type + message pairs) and `validateOn` for timing
+- Events: inputs emit `change`/`submit`/`focus`/`blur`; buttons emit `press`; selects emit `change`/`select`
@@ -16,8 +16,8 @@ const SYSTEM_PROMPT = `You are a helpful documentation assistant for json-render

 GitHub repository: https://github.com/vercel-labs/json-render
 Documentation: https://json-render.dev/docs
-npm packages: @json-render/core, @json-render/react, @json-render/next, @json-render/ink, @json-render/vue, @json-render/svelte, @json-render/solid, @json-render/shadcn, @json-render/react-three-fiber, @json-render/react-native, @json-render/react-email, @json-render/react-pdf, @json-render/image, @json-render/remotion, @json-render/codegen, @json-render/mcp, @json-render/redux, @json-render/zustand, @json-render/jotai, @json-render/xstate, @json-render/yaml
-Skills: json-render ships AI agent skills that teach coding agents how to use each package. Install with "npx skills add vercel-labs/json-render --skill <name>". Available skills: core, react, next, ink, react-pdf, react-email, react-native, shadcn, react-three-fiber, image, remotion, vue, svelte, solid, codegen, mcp, redux, zustand, jotai, xstate, yaml. See /docs/skills for details.
+npm packages: @json-render/core, @json-render/react, @json-render/next, @json-render/ink, @json-render/vue, @json-render/svelte, @json-render/solid, @json-render/shadcn, @json-render/shadcn-svelte, @json-render/react-three-fiber, @json-render/react-native, @json-render/react-email, @json-render/react-pdf, @json-render/image, @json-render/remotion, @json-render/codegen, @json-render/mcp, @json-render/redux, @json-render/zustand, @json-render/jotai, @json-render/xstate, @json-render/yaml
+Skills: json-render ships AI agent skills that teach coding agents how to use each package. Install with "npx skills add vercel-labs/json-render --skill <name>". Available skills: core, react, next, ink, react-pdf, react-email, react-native, shadcn, shadcn-svelte, react-three-fiber, image, remotion, vue, svelte, solid, codegen, mcp, redux, zustand, jotai, xstate, yaml. See /docs/skills for details.

 You have access to the full json-render documentation via the bash and readFile tools. The docs are available as markdown files in the /workspace/docs/ directory.

@@ -73,6 +73,7 @@ export const docsNavigation: NavSection[] = [
      { title: "@json-render/react-pdf", href: "/docs/api/react-pdf" },
      { title: "@json-render/react-email", href: "/docs/api/react-email" },
      { title: "@json-render/shadcn", href: "/docs/api/shadcn" },
+      { title: "@json-render/shadcn-svelte", href: "/docs/api/shadcn-svelte" },
      { title: "@json-render/react-native", href: "/docs/api/react-native" },
      { title: "@json-render/image", href: "/docs/api/image" },
      { title: "@json-render/remotion", href: "/docs/api/remotion" },
@@ -54,6 +54,7 @@ export const PAGE_TITLES: Record<string, string> = {
  "docs/api/image": "@json-render/image API",
  "docs/api/remotion": "@json-render/remotion API",
  "docs/api/shadcn": "@json-render/shadcn API",
+  "docs/api/shadcn-svelte": "@json-render/shadcn-svelte API",
  "docs/api/mcp": "@json-render/mcp API",
  "docs/api/redux": "@json-render/redux API",
  "docs/api/zustand": "@json-render/zustand API",
@@ -1,6 +1,6 @@
 {
  "name": "web",
-  "version": "0.1.10",
+  "version": "0.1.11",
  "type": "module",
  "private": true,
  "license": "Apache-2.0",
@@ -1,5 +1,14 @@
 # example-chat

+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
+  - @json-render/shadcn@0.16.0
+
 ## 0.1.10

 ### Patch Changes
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,6 +1,6 @@
 {
  "name": "example-chat",
-  "version": "0.1.10",
+  "version": "0.1.11",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,14 @@
 # example-dashboard

+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/codegen@0.16.0
+  - @json-render/react@0.16.0
+
 ## 0.1.10

 ### Patch Changes
@@ -47,7 +47,7 @@ export function Header() {
        </div>
        <nav className="flex items-center gap-4">
          <a
-            href="https://json-render.vercel.app"
+            href="https://json-render.dev"
            target="_blank"
            rel="noopener noreferrer"
            className="text-sm text-muted-foreground hover:text-foreground transition-colors"
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,6 +1,6 @@
 {
  "name": "example-dashboard",
-  "version": "0.1.10",
+  "version": "0.1.11",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,15 @@
 # example-game-engine

+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
+  - @json-render/react-three-fiber@0.16.0
+  - @json-render/yaml@0.16.0
+
 ## 0.1.1

 ### Patch Changes
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,6 +1,6 @@
 {
  "name": "example-game-engine",
-  "version": "0.1.1",
+  "version": "0.1.2",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,13 @@
 # example-image

+## 0.1.8
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/image@0.16.0
+
 ## 0.1.7

 ### Patch Changes
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -2,6 +2,11 @@ import type { NextConfig } from "next";

 const nextConfig: NextConfig = {
  serverExternalPackages: ["@resvg/resvg-js", "satori"],
+  outputFileTracingIncludes: {
+    "/api/image": [
+      "./node_modules/geist/dist/fonts/geist-sans/Geist-Regular.ttf",
+    ],
+  },
 };

 export default nextConfig;
@@ -1,6 +1,6 @@
 {
  "name": "example-image",
-  "version": "0.1.7",
+  "version": "0.1.8",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,13 @@
 # example-ink-chat

+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/ink@0.16.0
+
 ## 0.1.1

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "example-ink-chat",
-  "version": "0.1.1",
+  "version": "0.1.2",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,15 @@
 # example-mcp

+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/mcp@0.16.0
+  - @json-render/react@0.16.0
+  - @json-render/shadcn@0.16.0
+
 ## 0.1.6

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "example-mcp",
-  "version": "0.1.6",
+  "version": "0.1.7",
  "type": "module",
  "private": true,
  "scripts": {
@@ -0,0 +1,11 @@
+# example-next-website-builder
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/next@0.16.0
+  - @json-render/react@0.16.0
+  - @json-render/shadcn@0.16.0
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,6 +1,6 @@
 {
  "name": "example-next-website-builder",
-  "version": "0.1.0",
+  "version": "0.1.1",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,14 @@
 # example-no-ai

+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
+  - @json-render/shadcn@0.16.0
+
 ## 0.1.10

 ### Patch Changes
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,6 +1,6 @@
 {
  "name": "example-no-ai",
-  "version": "0.1.10",
+  "version": "0.1.11",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,13 @@
 # example-react-email

+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react-email@0.16.0
+
 ## 0.1.6

 ### Patch Changes
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,6 +1,6 @@
 {
  "name": "example-react-email",
-  "version": "0.1.6",
+  "version": "0.1.7",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,13 @@
 # example-react-native

+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react-native@0.16.0
+
 ## 0.1.10

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "example-react-native",
-  "version": "0.1.10",
+  "version": "0.1.11",
  "private": true,
  "main": "expo-router/entry",
  "scripts": {
@@ -1,5 +1,13 @@
 # example-react-pdf

+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react-pdf@0.16.0
+
 ## 0.1.10

 ### Patch Changes
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,6 +1,6 @@
 {
  "name": "example-react-pdf",
-  "version": "0.1.10",
+  "version": "0.1.11",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,14 @@
 # example-react-three-fiber

+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
+  - @json-render/react-three-fiber@0.16.0
+
 ## 0.1.10

 ### Patch Changes
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,6 +1,6 @@
 {
  "name": "example-react-three-fiber",
-  "version": "0.1.10",
+  "version": "0.1.11",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,13 @@
 # example-remotion

+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/remotion@0.16.0
+
 ## 0.1.10

 ### Patch Changes
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,6 +1,6 @@
 {
  "name": "example-remotion",
-  "version": "0.1.10",
+  "version": "0.1.11",
  "type": "module",
  "private": true,
  "scripts": {
@@ -1,5 +1,13 @@
 # example-solid

+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/solid@0.16.0
+
 ## 0.1.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "example-solid",
-  "version": "0.1.4",
+  "version": "0.1.5",
  "private": true,
  "type": "module",
  "scripts": {
@@ -1,6 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
@@ -1,5 +1,13 @@
 # com.example.json-render-demo

+## 0.0.12
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
+
 ## 0.0.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "com.example.json-render-demo",
-  "version": "0.0.11",
+  "version": "0.0.12",
  "description": "Test",
  "private": true,
  "license": "~~proprietary~~",
@@ -1,5 +1,13 @@
 # com.example.json-render-fullpage-demo

+## 0.0.12
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
+
 ## 0.0.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "com.example.json-render-fullpage-demo",
-  "version": "0.0.11",
+  "version": "0.0.12",
  "description": "Full-page Stripe App example (alpha)",
  "private": true,
  "license": "~~proprietary~~",
@@ -1,5 +1,13 @@
 # svelte-chat

+## 0.0.8
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/svelte@0.16.0
+
 ## 0.0.7

 ### Patch Changes
@@ -1,7 +1,7 @@
 {
  "name": "svelte-chat",
  "private": true,
-  "version": "0.0.7",
+  "version": "0.0.8",
  "type": "module",
  "scripts": {
    "dev": "vite dev",
@@ -1,5 +1,13 @@
 # example-svelte

+## 0.1.8
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/svelte@0.16.0
+
 ## 0.1.7

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "example-svelte",
-  "version": "0.1.7",
+  "version": "0.1.8",
  "private": true,
  "type": "module",
  "scripts": {
@@ -1,5 +1,16 @@
 # vite-renderers

+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
+  - @json-render/solid@0.16.0
+  - @json-render/svelte@0.16.0
+  - @json-render/vue@0.16.0
+
 ## 0.1.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "vite-renderers",
-  "version": "0.1.8",
+  "version": "0.1.9",
  "private": true,
  "type": "module",
  "scripts": {
@@ -1,5 +1,13 @@
 # example-vue

+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/vue@0.16.0
+
 ## 0.1.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "example-vue",
-  "version": "0.1.8",
+  "version": "0.1.9",
  "private": true,
  "scripts": {
    "predev": "command -v portless >/dev/null 2>&1 || (echo '\\nportless is required but not installed. Run: npm i -g portless\\nSee: https://github.com/vercel-labs/portless\\n' && exit 1)",
@@ -13,7 +13,7 @@
  "scripts": {
    "build": "turbo run build",
    "predev": "command -v portless >/dev/null 2>&1 || (echo '\\nportless is required but not installed. Run: npm i -g portless\\nSee: https://github.com/vercel-labs/portless\\n' && exit 1)",
-    "dev": "turbo run dev --concurrency 20",
+    "dev": "turbo run dev --concurrency 50",
    "lint": "turbo run lint",
    "format": "prettier --write \"**/*.{ts,tsx}\"",
    "type-check": "turbo run check-types",
@@ -1,5 +1,12 @@
 # @json-render/codegen

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/codegen",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "Utilities for generating code from json-render UI trees",
  "keywords": [
@@ -1,5 +1,15 @@
 # @json-render/core

+## 0.16.0
+
+### Minor Changes
+
+- 519a538: Add Next.js renderer and shadcn-svelte component library.
+
+  ### New:
+  - **`@json-render/next`** -- Next.js renderer that turns JSON specs into full Next.js applications with routes, layouts, SSR, metadata, data loaders, and static generation. Client and server entry points at `@json-render/next` and `@json-render/next/server`. Includes built-in `Link`, `Slot`, error boundary, loading, and not-found components.
+  - **`@json-render/shadcn-svelte`** -- Pre-built shadcn-svelte components for json-render Svelte apps. 36 components built on Svelte 5 + Tailwind CSS with state binding, validation, and action support. Server-safe catalog at `@json-render/shadcn-svelte/catalog`.
+
 ## 0.15.0

 ### Minor Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/core",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "JSON becomes real things. Define your catalog, register your components, let AI generate.",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/image

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/image",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "Image renderer for @json-render/core. JSON becomes SVG and PNG images via Satori.",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/ink

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Minor Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/ink",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "Ink terminal renderer for @json-render/core. JSON becomes terminal UIs.",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/jotai

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/jotai",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "Jotai adapter for json-render StateStore",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/mcp

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/mcp",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "MCP Apps integration for @json-render/core. Serve json-render UIs as interactive MCP Apps in Claude, ChatGPT, Cursor, and VS Code.",
  "keywords": [
@@ -0,0 +1,17 @@
+# @json-render/next
+
+## 0.16.0
+
+### Minor Changes
+
+- 519a538: Add Next.js renderer and shadcn-svelte component library.
+
+  ### New:
+  - **`@json-render/next`** -- Next.js renderer that turns JSON specs into full Next.js applications with routes, layouts, SSR, metadata, data loaders, and static generation. Client and server entry points at `@json-render/next` and `@json-render/next/server`. Includes built-in `Link`, `Slot`, error boundary, loading, and not-found components.
+  - **`@json-render/shadcn-svelte`** -- Pre-built shadcn-svelte components for json-render Svelte apps. 36 components built on Svelte 5 + Tailwind CSS with state binding, validation, and action support. Server-safe catalog at `@json-render/shadcn-svelte/catalog`.
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/next",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "Next.js renderer for @json-render/core. JSON becomes full Next.js applications with routes, layouts, metadata, and SSR.",
  "keywords": [
@@ -48,7 +48,7 @@
    "dist"
  ],
  "scripts": {
-    "build": "tsup",
+    "build": "rm -rf dist && tsup",
    "dev": "tsup --watch",
    "check-types": "tsc --noEmit",
    "typecheck": "tsc --noEmit"
@@ -20,7 +20,6 @@ export default defineConfig([
    dts: true,
    sourcemap: true,
    splitting: true,
-    clean: true,
    banner: { js: '"use client";' },
    external: sharedExternal,
  },
@@ -1,5 +1,12 @@
 # @json-render/react-email

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/react-email",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "React Email renderer for @json-render/core. JSON becomes HTML emails.",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/react-native

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/react-native",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "React Native renderer for @json-render/core. JSON becomes React Native components.",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/react-pdf

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/react-pdf",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "React PDF renderer for @json-render/core. JSON becomes PDF documents.",
  "keywords": [
@@ -1,5 +1,12 @@
 # @internal/react-state

+## 0.8.11
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.8.10

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@internal/react-state",
-  "version": "0.8.10",
+  "version": "0.8.11",
  "private": true,
  "license": "Apache-2.0",
  "description": "Shared React state context for json-render renderer packages",
@@ -1,5 +1,13 @@
 # @json-render/react-three-fiber

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/react-three-fiber",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "React Three Fiber renderer for @json-render/core. JSON becomes 3D scenes.",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/react

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/react",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "React renderer for @json-render/core. JSON becomes React components.",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/redux

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/redux",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "Redux adapter for json-render StateStore",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/remotion

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/remotion",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "Remotion renderer for @json-render/core. JSON becomes video compositions.",
  "keywords": [
@@ -1,4 +1,5 @@
 import { defineSchema, type PromptContext } from "@json-render/core";
+import type { z } from "zod";

 /**
 * Prompt template for Remotion timeline generation
@@ -6,7 +7,7 @@ import { defineSchema, type PromptContext } from "@json-render/core";
 * Uses JSONL patch format (same as React) but builds up a timeline spec structure.
 */
 function remotionPromptTemplate(context: PromptContext): string {
-  const { catalog, options } = context;
+  const { catalog, options, formatZodType } = context;
  const { system = "You are a video timeline generator.", customRules = [] } =
    options;

@@ -37,7 +38,7 @@ function remotionPromptTemplate(context: PromptContext): string {
  const catalogData = catalog as {
    components?: Record<
      string,
-      { description?: string; defaultDuration?: number }
+      { description?: string; defaultDuration?: number; props?: z.ZodType }
    >;
    transitions?: Record<string, { description?: string }>;
    effects?: Record<string, { description?: string }>;
@@ -52,8 +53,9 @@ function remotionPromptTemplate(context: PromptContext): string {
      const duration = def.defaultDuration
        ? ` [default: ${def.defaultDuration} frames]`
        : "";
+      const propsStr = def.props ? ` ${formatZodType(def.props)}` : "";
      lines.push(
-        `- ${name}: ${def.description || "No description"}${duration}`,
+        `- ${name}:${propsStr} ${def.description || "No description"}${duration}`,
      );
    }
    lines.push("");
@@ -0,0 +1,17 @@
+# @json-render/shadcn-svelte
+
+## 0.16.0
+
+### Minor Changes
+
+- 519a538: Add Next.js renderer and shadcn-svelte component library.
+
+  ### New:
+  - **`@json-render/next`** -- Next.js renderer that turns JSON specs into full Next.js applications with routes, layouts, SSR, metadata, data loaders, and static generation. Client and server entry points at `@json-render/next` and `@json-render/next/server`. Includes built-in `Link`, `Slot`, error boundary, loading, and not-found components.
+  - **`@json-render/shadcn-svelte`** -- Pre-built shadcn-svelte components for json-render Svelte apps. 36 components built on Svelte 5 + Tailwind CSS with state binding, validation, and action support. Server-safe catalog at `@json-render/shadcn-svelte/catalog`.
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/svelte@0.16.0
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/shadcn-svelte",
-  "version": "0.1.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "shadcn-svelte component library for @json-render/svelte. JSON becomes beautiful Tailwind-styled Svelte components.",
  "keywords": [
@@ -1,5 +1,13 @@
 # @json-render/shadcn

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+  - @json-render/react@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/shadcn",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "shadcn/ui component library for @json-render/core. JSON becomes beautiful Tailwind-styled React components.",
  "keywords": [
@@ -1,5 +1,12 @@
 # @json-render/solid

+## 0.16.0
+
+### Patch Changes
+
+- Updated dependencies [519a538]
+  - @json-render/core@0.16.0
+
 ## 0.15.0

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@json-render/solid",
-  "version": "0.15.0",
+  "version": "0.16.0",
  "license": "Apache-2.0",
  "description": "SolidJS renderer for @json-render/core. JSON becomes Solid components.",
  "keywords": [
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
ctate	85a4bf25d0	Revert svelte-chat demo URL change Keep the original labs.vercel.dev URL for the Svelte Chat demo.	2026-04-08 22:05:42 +00:00
ctate	a6bc506c94	Update official links to use json-render.dev domain - Change dashboard example Docs link from json-render.vercel.app to json-render.dev - Change Svelte Chat demo URL from json-render-svelte-chat-demo.labs.vercel.dev to svelte-chat-demo.json-render.dev Fixes #264	2026-04-08 22:01:49 +00:00
Chris Tate	eebc6e4f4f	better ignore (#263 )	2026-04-08 10:08:51 -05:00
vzt7	a123f56fe3	fix: resolve image demo /api/image 500 on Vercel (#253 ) Add outputFileTracingIncludes so the Geist font TTF is bundled at the symlink path the code reads from. In a pnpm monorepo the file was only traced at the .pnpm store path, which Vercel does not map back to the node_modules/geist/ symlink.	2026-04-07 01:43:04 -05:00
Rayan Salhab	753c1d1109	fix(remotion): include props in generatePrompt output (#249 ) The Remotion schema defines props on composition entries, but generatePrompt did not include those props in its output. As a result, the model had no knowledge of the expected prop shape when generating JSON, causing runtime failures when prop names didn't match the component's expected interface. Changes: - Import zod type for TypeScript support - Extract formatZodType from PromptContext - Add props field to component type definition - Include formatted props string in component description Fixes #224	2026-04-07 01:39:32 -05:00
github-actions[bot]	9adcc09204	chore: version packages (#248 ) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>	2026-03-27 18:17:20 -07:00
Chris Tate	519a538aae	v0.16.0 (#247 )	2026-03-27 16:19:38 -07:00