@svgrid/create 2.2.0 → 2.2.1

package/LICENSE

@@ -1,28 +1,3 @@
-This repository is a multi-package workspace. Different packages ship
-under different licenses. The authoritative license for each package is
-the LICENSE file inside that package directory.
-
-------------------------------------------------------------------------
-Per-package licensing
-------------------------------------------------------------------------
-
-  packages/grid/       MIT (terms below, and packages/grid/LICENSE)
-  packages/enterprise/        Commercial - see packages/enterprise/LICENSE
-  packages/mcp/        Commercial - see packages/mcp/LICENSE
-  website/                     Proprietary - see website/LICENSE
-
-Only `@svgrid/grid` is open source. Everything else in this
-repository (the Pro feature pack, the MCP server, the marketing +
-docs website, and any other package added later that does not ship
-its own MIT LICENSE) is proprietary and may not be copied, modified,
-or redistributed without a paid license. Source is visible in this
-repository for transparency and for paying customers; visibility does
-not grant a license.
-
-------------------------------------------------------------------------
-MIT License (applies ONLY to packages/grid)
-------------------------------------------------------------------------
-
 MIT License
 
 Copyright (c) 2026 jQWidgets Ltd

package/README.md

@@ -1,7 +1,26 @@
-# @svgrid/create
+<p align="center">
+  <img src="https://svgrid.com/brand/svgrid-logo-icon-1200.png" alt="SvGrid" width="100" height="100" />
+</p>
+
+<h1 align="center">@svgrid/create</h1>
+
+<p align="center"><strong>Scaffold a Svelte 5 app with a data grid already wired up.</strong></p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@svgrid/create"><img src="https://img.shields.io/npm/v/%40svgrid%2Fcreate.svg?label=%40svgrid%2Fcreate" alt="npm version" /></a>
+  <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-brightgreen.svg" alt="MIT License" /></a>
+</p>
+
+<p align="center">
+  <a href="https://svgrid.com">Website</a> ·
+  <a href="https://svgrid.com/docs/">Docs</a> ·
+  <a href="https://svgrid.com/demos/">Demos</a>
+</p>
+
+---
 
 Scaffold a [Svelte](https://svelte.dev) app powered by
-[SvGrid](https://www.svgrid.com) - the modern Svelte 5 data grid - in one
+[SvGrid](https://svgrid.com) - the Svelte 5 data grid and data table - in one
 command.
 
 ```bash
@@ -52,7 +71,7 @@ npm run dev
 ```
 
 All templates use the free MIT `@svgrid/grid` core. Add
-[`@svgrid/enterprise`](https://www.svgrid.com/pricing) for Excel/PDF export, import,
+[`@svgrid/enterprise`](https://svgrid.com/pricing/) for Excel/PDF export, import,
 print, pivot, and AI helpers.
 
 SvGrid(TM) is a trademark of jQWidgets Ltd. This package is MIT-licensed.

package/index.mjs

@@ -351,7 +351,7 @@ async function main() {
   stdout.write(`  cd ${target}\n`)
   stdout.write(`  npm install\n`)
   stdout.write(`  npm run dev\n\n`)
-  stdout.write(`${color('dim', 'Docs:')} https://www.svgrid.com/docs   ${color('dim', 'Pro:')} https://www.svgrid.com/pricing\n\n`)
+  stdout.write(`${color('dim', 'Docs:')} https://svgrid.com/docs   ${color('dim', 'Pro:')} https://svgrid.com/pricing\n\n`)
 }
 
 main().catch((err) => {

package/package.json

@@ -4,15 +4,15 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Scaffold a Svelte app powered by SvGrid in one command: npm create @svgrid@latest",
   "type": "module",
   "license": "MIT",
   "author": "jQWidgets Ltd",
-  "homepage": "https://www.svgrid.com",
+  "homepage": "https://svgrid.com",
   "repository": {
     "type": "git",
-    "url": "https://github.com/sv-grid/sv-grid.git",
+    "url": "git+https://github.com/sv-grid/sv-grid.git",
     "directory": "packages/create-sv-grid"
   },
   "keywords": [
@@ -36,7 +36,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@svgrid/grid": "^2.2.0"
+    "@svgrid/grid": "^2.2.27"
   },
   "scripts": {
     "sync-templates": "node sync-templates.mjs"

package/templates/admin-dashboard/README.md

@@ -1,77 +1,86 @@
-# SvGrid Admin Dashboard (SvelteKit starter)
-
-A production-ready admin dashboard built with **[SvelteKit](https://svelte.dev/docs/kit)**
-and **[SvGrid](https://www.svgrid.com)** - the modern Svelte 5 data grid.
-Sortable, filterable, editable grids; KPI cards; a sidebar shell; prerendered
-to static HTML for SEO; one-click deploy to Vercel.
-
-![SvGrid + SvelteKit](https://img.shields.io/badge/SvelteKit-SvGrid-4f46e5)
-
-## Deploy
-
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsv-grid%2Fsv-grid%2Ftree%2Fmain%2Ftemplates%2Fsveltekit-admin-dashboard&project-name=sv-grid-admin&repository-name=sv-grid-admin)
-
-> Deploying from this monorepo subfolder? In the Vercel import step set the
-> **Root Directory** to `templates/sveltekit-admin-dashboard`. Or scaffold a
-> standalone copy first (recommended):
->
-> ```bash
-> npm create sv-grid@latest my-admin -- --template admin-dashboard
-> ```
-
-## Quick start
-
-```bash
-npm install
-npm run dev      # http://localhost:5173
-```
-
-```bash
-npm run build    # static + serverless output via adapter-vercel
-npm run preview  # preview the production build
-npm run check    # svelte-check (types)
-```
-
-## What's inside
-
-| Path | What it shows |
-| --- | --- |
-| `src/routes/+layout.svelte` | App shell: sidebar nav + top bar |
-| `src/routes/+page.svelte` | Overview: KPI cards + a recent-orders grid |
-| `src/routes/orders/+page.svelte` | Full grid: sort, filter, **row select**, inline edit, pagination |
-| `src/routes/customers/+page.svelte` | Grid with **column grouping** (drag a column to the group bar) |
-| `src/lib/data.ts` | Deterministic sample data - swap for your API / `load()` |
-| `src/lib/types.ts` | `Order` / `Customer` row types |
-
-The grids mount client-side (`{#if browser}`) while the shell and headings
-prerender to crawlable HTML - good for SEO and instant first paint. Every
-route is `prerender = true` (see `src/routes/+layout.ts`); delete that line
-on any route that needs SSR or runtime data.
-
-## Wiring your own data
-
-Replace the calls to `makeOrders()` / `makeCustomers()` in each route with a
-SvelteKit [`load`](https://svelte.dev/docs/kit/load) function:
-
-```ts
-// src/routes/orders/+page.ts
-export async function load({ fetch }) {
-  const orders = await fetch('/api/orders').then((r) => r.json())
-  return { orders }
-}
-```
-
-Then read `data.orders` in the page via `let { data } = $props()`.
-
-## Upgrade to Pro
-
-This starter uses the free MIT **`@svgrid/grid`** core. For Excel/PDF
-export, data import, printing, pivot, and the AI helpers, add
-[`@svgrid/enterprise`](https://www.svgrid.com/pricing) and call `installPro(api)` on
-the grid's API. Pro runs in evaluation with a watermark - no key needed to try
-it.
-
-## License
-
-This template is MIT-licensed - use it as the basis for your own app.
-SvGrid(TM) is a trademark of jQWidgets Ltd.
+# SvGrid Admin Dashboard (SvelteKit starter)
+
+A production-ready admin dashboard built with **[SvelteKit](https://svelte.dev/docs/kit)**
+and **[SvGrid](https://svgrid.com)** - the Svelte 5 data grid and data table.
+Sortable, filterable, editable grids; KPI cards; a sidebar shell; prerendered
+to static HTML for SEO; one-click deploy to Vercel.
+
+![SvGrid + SvelteKit](https://img.shields.io/badge/SvelteKit-SvGrid-4f46e5)
+
+## Deploy
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsv-grid%2Fsv-grid%2Ftree%2Fmain%2Ftemplates%2Fsveltekit-admin-dashboard&project-name=sv-grid-admin&repository-name=sv-grid-admin)
+
+> Deploying from this monorepo subfolder? In the Vercel import step set the
+> **Root Directory** to `templates/sveltekit-admin-dashboard`. Or scaffold a
+> standalone copy first (recommended):
+>
+> ```bash
+> npm create @svgrid@latest my-admin -- --template admin-dashboard
+> ```
+
+## Quick start
+
+```bash
+npm install
+npm run dev      # http://localhost:5173
+```
+
+```bash
+npm run build    # static + serverless output via adapter-vercel
+npm run preview  # preview the production build
+npm run check    # svelte-check (types)
+```
+
+## What's inside
+
+| Path | What it shows |
+| --- | --- |
+| `src/routes/+layout.svelte` | App shell: sidebar nav + top bar |
+| `src/routes/+page.svelte` | Overview: KPI cards + a recent-orders grid |
+| `src/routes/orders/+page.svelte` | Full grid: sort, filter, **row select**, inline edit, pagination |
+| `src/routes/customers/+page.svelte` | Grid with **column grouping** (drag a column to the group bar) |
+| `src/lib/data.ts` | Deterministic sample data - swap for your API / `load()` |
+| `src/lib/types.ts` | `Order` / `Customer` row types |
+
+The grids mount client-side (`{#if browser}`) while the shell and headings
+prerender to crawlable HTML - good for SEO and instant first paint. Every
+route is `prerender = true` (see `src/routes/+layout.ts`); delete that line
+on any route that needs SSR or runtime data.
+
+## Wiring your own data
+
+Replace the calls to `makeOrders()` / `makeCustomers()` in each route with a
+SvelteKit [`load`](https://svelte.dev/docs/kit/load) function:
+
+```ts
+// src/routes/orders/+page.ts
+export async function load({ fetch }) {
+  const orders = await fetch('/api/orders').then((r) => r.json())
+  return { orders }
+}
+```
+
+Then read `data.orders` in the page via `let { data } = $props()`.
+
+## Upgrade to Pro
+
+This starter uses the free MIT **`@svgrid/grid`** core, which already includes
+the AI helpers. For Excel/PDF export, data import, printing, and pivot tables,
+add [`@svgrid/enterprise`](https://svgrid.com/pricing/) and call
+`installEnterprise(api)` on the grid's API. It runs in evaluation with a
+watermark, so no key is needed to try it.
+
+## Working with an AI assistant
+
+Point it at the SvGrid MCP server so it writes against the real API instead of
+guessing:
+
+```bash
+claude mcp add svgrid -- npx -y @svgrid/mcp
+```
+
+## License
+
+Built with [SvGrid](https://svgrid.com). This template is MIT-licensed - use it
+as the basis for your own app. SvGrid(TM) is a trademark of jQWidgets Ltd.

package/templates/admin-dashboard/src/routes/+layout.svelte

@@ -1,115 +1,115 @@
-<script lang="ts">
-  import '../app.css'
-  import { page } from '$app/state'
-  import { onMount } from 'svelte'
-  import { readTheme, applyTheme, type Theme } from '$lib/theme'
-
-  let { children } = $props()
-
-  // Theme: dark by default (see app.html), toggleable + persisted.
-  let theme = $state<Theme>('dark')
-  onMount(() => {
-    theme = readTheme()
-    applyTheme(theme)
-  })
-  function toggleTheme() {
-    theme = theme === 'dark' ? 'light' : 'dark'
-    applyTheme(theme)
-  }
-
-  const nav = [
-    { href: '/', label: 'Overview', icon: '▦' },
-    { href: '/orders', label: 'Orders', icon: '🧾' },
-    { href: '/customers', label: 'Customers', icon: '👥' },
-  ]
-
-  function isActive(href: string): boolean {
-    return href === '/' ? page.url.pathname === '/' : page.url.pathname.startsWith(href)
-  }
-</script>
-
-<div class="flex h-full min-h-screen">
-  <!-- Sidebar -->
-  <aside
-    class="hidden w-60 shrink-0 flex-col border-r md:flex"
-    style="border-color: var(--app-border); background: var(--app-panel);"
-  >
-    <div class="flex items-center gap-2 px-5 py-4">
-      <span
-        class="grid h-8 w-8 place-items-center rounded-lg font-bold text-white"
-        style="background: var(--app-accent);">S</span
-      >
-      <div class="leading-tight">
-        <p class="text-sm font-bold" style="color: var(--app-fg);">SvGrid Admin</p>
-        <p class="text-[11px]" style="color: var(--app-muted);">Dashboard starter</p>
-      </div>
-    </div>
-
-    <nav class="mt-2 flex-1 px-3">
-      {#each nav as item}
-        <a
-          href={item.href}
-          class="mb-1 flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors"
-          style={isActive(item.href)
-            ? 'background: var(--app-accent); color: #fff;'
-            : 'color: var(--app-fg);'}
-        >
-          <span class="w-5 text-center">{item.icon}</span>
-          {item.label}
-        </a>
-      {/each}
-    </nav>
-
-    <div class="px-5 py-4 text-[11px]" style="color: var(--app-muted);">
-      Built with
-      <a class="underline" href="https://www.svgrid.com" target="_blank" rel="noopener">SvGrid</a>
-      + SvelteKit
-    </div>
-  </aside>
-
-  <!-- Main -->
-  <div class="flex min-w-0 flex-1 flex-col">
-    <header
-      class="flex items-center justify-between border-b px-6 py-3"
-      style="border-color: var(--app-border); background: var(--app-panel);"
-    >
-      <h1 class="text-base font-semibold" style="color: var(--app-fg);">
-        {nav.find((n) => isActive(n.href))?.label ?? 'Dashboard'}
-      </h1>
-      <div class="flex items-center gap-2">
-        <button
-          type="button"
-          onclick={toggleTheme}
-          title={theme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'}
-          aria-label="Toggle theme"
-          class="grid h-9 w-9 place-items-center rounded-lg border"
-          style="border-color: var(--app-border); color: var(--app-fg);"
-        >
-          {#if theme === 'dark'}
-            <!-- sun -->
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-              <circle cx="12" cy="12" r="4" />
-              <path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41" />
-            </svg>
-          {:else}
-            <!-- moon -->
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-              <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
-            </svg>
-          {/if}
-        </button>
-        <a
-          href="https://www.svgrid.com/docs"
-          target="_blank"
-          rel="noopener"
-          class="rounded-lg border px-3 py-1.5 text-sm font-medium"
-          style="border-color: var(--app-border); color: var(--app-fg);">Docs</a
-        >
-      </div>
-    </header>
-
-    <main class="min-w-0 flex-1 p-6">
-      {@render children()}
-    </main>
-  </div>
-</div>
+<script lang="ts">
+  import '../app.css'
+  import { page } from '$app/state'
+  import { onMount } from 'svelte'
+  import { readTheme, applyTheme, type Theme } from '$lib/theme'
+
+  let { children } = $props()
+
+  // Theme: dark by default (see app.html), toggleable + persisted.
+  let theme = $state<Theme>('dark')
+  onMount(() => {
+    theme = readTheme()
+    applyTheme(theme)
+  })
+  function toggleTheme() {
+    theme = theme === 'dark' ? 'light' : 'dark'
+    applyTheme(theme)
+  }
+
+  const nav = [
+    { href: '/', label: 'Overview', icon: '▦' },
+    { href: '/orders', label: 'Orders', icon: '🧾' },
+    { href: '/customers', label: 'Customers', icon: '👥' },
+  ]
+
+  function isActive(href: string): boolean {
+    return href === '/' ? page.url.pathname === '/' : page.url.pathname.startsWith(href)
+  }
+</script>
+
+<div class="flex h-full min-h-screen">
+  <!-- Sidebar -->
+  <aside
+    class="hidden w-60 shrink-0 flex-col border-r md:flex"
+    style="border-color: var(--app-border); background: var(--app-panel);"
+  >
+    <div class="flex items-center gap-2 px-5 py-4">
+      <span
+        class="grid h-8 w-8 place-items-center rounded-lg font-bold text-white"
+        style="background: var(--app-accent);">S</span
+      >
+      <div class="leading-tight">
+        <p class="text-sm font-bold" style="color: var(--app-fg);">SvGrid Admin</p>
+        <p class="text-[11px]" style="color: var(--app-muted);">Dashboard starter</p>
+      </div>
+    </div>
+
+    <nav class="mt-2 flex-1 px-3">
+      {#each nav as item}
+        <a
+          href={item.href}
+          class="mb-1 flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors"
+          style={isActive(item.href)
+            ? 'background: var(--app-accent); color: #fff;'
+            : 'color: var(--app-fg);'}
+        >
+          <span class="w-5 text-center">{item.icon}</span>
+          {item.label}
+        </a>
+      {/each}
+    </nav>
+
+    <div class="px-5 py-4 text-[11px]" style="color: var(--app-muted);">
+      Built with
+      <a class="underline" href="https://svgrid.com" target="_blank" rel="noopener">SvGrid</a>
+      + SvelteKit
+    </div>
+  </aside>
+
+  <!-- Main -->
+  <div class="flex min-w-0 flex-1 flex-col">
+    <header
+      class="flex items-center justify-between border-b px-6 py-3"
+      style="border-color: var(--app-border); background: var(--app-panel);"
+    >
+      <h1 class="text-base font-semibold" style="color: var(--app-fg);">
+        {nav.find((n) => isActive(n.href))?.label ?? 'Dashboard'}
+      </h1>
+      <div class="flex items-center gap-2">
+        <button
+          type="button"
+          onclick={toggleTheme}
+          title={theme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'}
+          aria-label="Toggle theme"
+          class="grid h-9 w-9 place-items-center rounded-lg border"
+          style="border-color: var(--app-border); color: var(--app-fg);"
+        >
+          {#if theme === 'dark'}
+            <!-- sun -->
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+              <circle cx="12" cy="12" r="4" />
+              <path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41" />
+            </svg>
+          {:else}
+            <!-- moon -->
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+              <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
+            </svg>
+          {/if}
+        </button>
+        <a
+          href="https://svgrid.com/docs"
+          target="_blank"
+          rel="noopener"
+          class="rounded-lg border px-3 py-1.5 text-sm font-medium"
+          style="border-color: var(--app-border); color: var(--app-fg);">Docs</a
+        >
+      </div>
+    </header>
+
+    <main class="min-w-0 flex-1 p-6">
+      {@render children()}
+    </main>
+  </div>
+</div>

package/templates/minimal/README.md

@@ -1,21 +1,32 @@
-# SvGrid app
-
-A minimal [Vite](https://vite.dev) + [Svelte 5](https://svelte.dev) app wired
-to [SvGrid](https://www.svgrid.com), the Svelte data grid.
-
-```bash
-npm install
-npm run dev      # http://localhost:5173
-npm run build
-```
-
-Open `src/App.svelte` and edit the `rows` / `columns` to use your own data.
-
-## Next steps
-
-- Add more features: `rowExpandingFeature`, `columnGroupingFeature`, pagination, pinned rows. See the [docs](https://www.svgrid.com/docs).
-- Need Excel/PDF export, import, print, pivot, or AI helpers? Add [`@svgrid/enterprise`](https://www.svgrid.com/pricing).
-- Want a full app shell with routing? Scaffold the admin starter instead:
-  `npm create sv-grid@latest my-admin -- --template admin-dashboard`
-
-SvGrid(TM) is a trademark of jQWidgets Ltd. This template is MIT-licensed.
+# SvGrid app
+
+A minimal [Vite](https://vite.dev) + [Svelte 5](https://svelte.dev) app wired
+to [SvGrid](https://svgrid.com), the Svelte 5 data grid and data table.
+
+```bash
+npm install
+npm run dev      # http://localhost:5173
+npm run build
+```
+
+Open `src/App.svelte` and edit the `rows` / `columns` to use your own data.
+
+## Next steps
+
+- Add more features: `rowExpandingFeature`, `columnGroupingFeature`, pagination, pinned rows. See the [docs](https://svgrid.com/docs/).
+- Browse [370+ live demos](https://svgrid.com/demos/) for copy-paste recipes.
+- Need Excel/PDF export, import, print, or pivot tables? Add [`@svgrid/enterprise`](https://svgrid.com/pricing/).
+- Want a full app shell with routing? Scaffold the admin starter instead:
+  `npm create @svgrid@latest my-admin -- --template admin-dashboard`
+
+## Working with an AI assistant
+
+Point it at the SvGrid MCP server so it writes against the real API instead of
+guessing:
+
+```bash
+claude mcp add svgrid -- npx -y @svgrid/mcp
+```
+
+Built with [SvGrid](https://svgrid.com). SvGrid(TM) is a trademark of
+jQWidgets Ltd. This template is MIT-licensed.