@svgrid/create-studio 0.2.0 → 0.2.1

package/package.json

@@ -4,7 +4,7 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Scaffold a runnable SvGrid Studio data app in one command: npm create @svgrid/studio@latest",
   "type": "module",
   "license": "MIT",
@@ -41,6 +41,6 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@svgrid/enterprise": "^2.2.0"
+    "@svgrid/enterprise": "^2.2.1"
   }
 }

package/templates/default/src/lib/data.ts

@@ -10,7 +10,7 @@ import {
   createRelationLookup,
   type ServerDataSource,
 } from '@svgrid/enterprise'
-import { customerSchema, orderSchema, type Customer, type Order } from './schemas'
+import { customerSchema, orderSchema, productSchema, type Customer, type Order, type Product } from './schemas'
 
 const customerSeed: Customer[] = [
   { id: 'c1', name: 'Ada Lovelace', email: 'ada@analytic.io', tier: 'enterprise', mrr: 1200, active: true },
@@ -27,8 +27,17 @@ const orderSeed: Order[] = [
   { id: 'o4', ref: 'INV-1004', customerId: 'c3', amount: 980, status: 'refunded' },
 ]
 
+const productSeed: Product[] = [
+  { id: 'p1', name: 'Analytics Seat', sku: 'SW-ANL-01', category: 'software', price: 49, inStock: true },
+  { id: 'p2', name: 'Edge Gateway', sku: 'HW-EGW-02', category: 'hardware', price: 899, inStock: true },
+  { id: 'p3', name: 'Onboarding', sku: 'SV-ONB-03', category: 'service', price: 1500, inStock: true },
+  { id: 'p4', name: 'Sensor Kit', sku: 'HW-SNS-04', category: 'hardware', price: 249, inStock: false },
+]
+
 export const customersSource = createInMemoryDataSource(customerSeed, customerSchema)
 
+export const productsSource = createInMemoryDataSource(productSeed, productSchema)
+
 // Orders reference a customer. Enrich every method's rows with the customer
 // NAME so the grid shows it (the form stores the id via the lookup below).
 const nameById = () => new Map((customersSource.rows() as Customer[]).map((c) => [c.id, c.name]))

package/templates/default/src/lib/schemas.ts

@@ -23,6 +23,15 @@ export type Order = {
   status: string
 }
 
+export type Product = {
+  id: string
+  name: string
+  sku: string
+  category: string
+  price: number
+  inStock: boolean
+}
+
 export const customerSchema: EntitySchema<Customer> = {
   name: 'customers',
   label: 'Customer',
@@ -59,3 +68,21 @@ export const orderSchema: EntitySchema<Order> = {
     ] },
   ],
 }
+
+export const productSchema: EntitySchema<Product> = {
+  name: 'products',
+  label: 'Product',
+  idField: 'id',
+  fields: [
+    { field: 'id', type: 'text', primaryKey: true, readonly: true, hidden: { form: true } },
+    { field: 'name', type: 'text', required: true, minLength: 2 },
+    { field: 'sku', type: 'text', label: 'SKU', required: true },
+    { field: 'category', type: 'enum', options: [
+      { value: 'hardware', label: 'Hardware' },
+      { value: 'software', label: 'Software' },
+      { value: 'service', label: 'Service' },
+    ] },
+    { field: 'price', type: 'number', label: 'Price ($)', min: 0 },
+    { field: 'inStock', type: 'boolean', label: 'In stock' },
+  ],
+}

package/templates/default/src/routes/+layout.svelte

@@ -8,6 +8,7 @@
     { href: '/', label: 'Home' },
     { href: '/customers', label: 'Customers' },
     { href: '/orders', label: 'Orders' },
+    { href: '/products', label: 'Products' },
   ]
 </script>
 

package/templates/default/src/routes/+page.svelte

@@ -2,6 +2,7 @@
   const entities = [
     { href: '/customers', label: 'Customers', desc: 'Tiers, MRR, and status. Sort, filter, edit inline in a modal.' },
     { href: '/orders', label: 'Orders', desc: 'Linked to a customer via a searchable lookup field.' },
+    { href: '/products', label: 'Products', desc: 'SKU, category, price, and stock. A standalone catalog screen.' },
   ]
 </script>