@svgrid/create-studio 0.2.2 → 0.5.0

package/index.mjs

@@ -17,6 +17,7 @@ import { existsSync } from 'node:fs'
 import { dirname, join, basename, resolve, isAbsolute } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { createInterface } from 'node:readline/promises'
+import { createRequire } from 'node:module'
 import { stdin, stdout } from 'node:process'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
@@ -85,11 +86,14 @@ ${color('bold', 'Examples')}
   npm  create @svgrid/studio@latest my-app -- --from ./prisma/schema.prisma
   npm  create @svgrid/studio@latest my-app -- --project ./studio.config.json
   npm  create @svgrid/studio@latest my-app -- --theme material --dark
+
+${color('bold', 'Have a database?')}
+  npx @svgrid/studio init   reads your tables and scaffolds a page for each.
 `)
 }
 
 const THEME_IDS = [
-  'shadcn', 'tailwind', 'material', 'excel', 'fluent', 'carbon', 'sap',
+  'ember', 'shadcn', 'tailwind', 'material', 'excel', 'fluent', 'carbon', 'sap',
   'salesforce', 'atlassian', 'github', 'antd', 'ag-alpine', 'bootstrap',
   'vercel', 'linear', 'notion', 'nord', 'dracula', 'catppuccin',
 ]
@@ -265,12 +269,36 @@ async function renameBack(dir) {
   }
 }
 
+/**
+ * The @svgrid/enterprise version this scaffolder was published alongside, read
+ * from the copy npm actually installed next to it.
+ */
+async function svgridVersion() {
+  try {
+    const require = createRequire(import.meta.url)
+    const pkg = JSON.parse(await readFile(require.resolve('@svgrid/enterprise/package.json'), 'utf8'))
+    return typeof pkg.version === 'string' && /^\d+\.\d+\.\d+/.test(pkg.version) ? pkg.version : null
+  } catch {
+    return null
+  }
+}
+
 async function setProjectName(destDir, name) {
   const pkgPath = join(destDir, 'package.json')
   if (!existsSync(pkgPath)) return
   try {
     const pkg = JSON.parse(await readFile(pkgPath, 'utf8'))
     pkg.name = name
+    // The template ships "latest" so it stays honest in the repo, but a
+    // scaffolded app pins to the version this scaffolder was built against.
+    // Left as "latest", `npm install` resolves it fresh on every machine and
+    // every day, so an unrelated publish can break an app nobody touched.
+    const version = await svgridVersion()
+    if (version && pkg.dependencies) {
+      for (const dep of ['@svgrid/grid', '@svgrid/enterprise']) {
+        if (pkg.dependencies[dep] === 'latest') pkg.dependencies[dep] = `^${version}`
+      }
+    }
     await writeFile(pkgPath, JSON.stringify(pkg, null, 2) + '\n')
   } catch {
     // leave the template's name if it isn't valid JSON for some reason
@@ -376,6 +404,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', 'Have a database?')} npx @svgrid/studio init ${color('dim', 'reads your tables and scaffolds a page for each.')}\n`)
   stdout.write(`${color('dim', 'Docs:')} https://svgrid.com/docs/enterprise/studio/\n\n`)
 }
 

package/package.json

@@ -4,7 +4,7 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "0.2.2",
+  "version": "0.5.0",
   "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.3.0"
+    "@svgrid/enterprise": "^2.5.0"
   }
 }

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

@@ -1,6 +1,6 @@
 <script lang="ts">
   import '../app.css'
-  import { page } from '$app/stores'
+  import { page } from '$app/state'
 
   let { children } = $props()
 
@@ -17,7 +17,7 @@
     <a class="app__brand" href="/">My Studio App</a>
     <nav class="app__links">
       {#each nav as item (item.href)}
-        <a class="app__link" class:is-active={$page.url.pathname === item.href} href={item.href}>{item.label}</a>
+        <a class="app__link" class:is-active={page.url.pathname === item.href} href={item.href}>{item.label}</a>
       {/each}
     </nav>
     <span class="app__foot">Built with SvGrid Studio</span>