@svgrid/enterprise 3.1.7 → 3.1.8

package/dist/designer/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>SvGrid Studio - Designer</title>
-    <script type="module" crossorigin src="./assets/index-DtBIaQno.js"></script>
+    <script type="module" crossorigin src="./assets/index-Obk8sI77.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-Dd_uD5pT.js">
     <link rel="modulepreload" crossorigin href="./assets/disclose-version-CIm4S9xS.js">
     <link rel="modulepreload" crossorigin href="./assets/cell-formatting-BWrW_O0n.js">

package/dist/node/studio.js

@@ -2054,7 +2054,7 @@ var SOURCE = /\.(ts|js|svelte)$/;
 function toSvelteKit3(files) {
 	const paths = new Set(files.map((f) => f.path));
 	const adapter = adapterOf(files);
-	const envNames = /* @__PURE__ */ new Set();
+	const envNames = /* @__PURE__ */ new Map();
 	const out = [];
 	for (const file of files) {
 		if (file.path === "svelte.config.js") continue;
@@ -2090,7 +2090,7 @@ function toSvelteKit3(files) {
 		}
 		out.push(file);
 	}
-	if (envNames.size) out.push(envModule([...envNames].sort()));
+	if (envNames.size) out.push(envModule([...envNames].sort(([a], [b]) => a.localeCompare(b))));
 	return out;
 }
 function adapterOf(files) {
@@ -2159,18 +2159,22 @@ function rewriteLibImports(src, paths) {
 /**
 * `import { env } from '$env/dynamic/private'` + `env.X`
 *   -> `import { X } from '$app/env/private'` + `X`
-* Every name read is collected so src/env.ts can declare it, which v3 requires.
+* and the same for `$env/dynamic/public` -> `$app/env/public` (the Supabase
+* client reads PUBLIC_SUPABASE_* this way). Every name read is collected so
+* src/env.ts can declare it, which v3 requires; public ones are declared
+* `public: true`, or `$app/env/public` would not export them.
 */
 function rewriteEnv(src, envNames) {
-	if (!/from\s+['"]\$env\/dynamic\/private['"]/.test(src)) return src;
+	const kind = /from\s+['"]\$env\/dynamic\/private['"]/.test(src) ? "private" : /from\s+['"]\$env\/dynamic\/public['"]/.test(src) ? "public" : null;
+	if (!kind) return src;
 	const used = /* @__PURE__ */ new Set();
 	const body = src.replace(/(?<![.\w])env\.([A-Z_][A-Z0-9_]*)/g, (_m, name) => {
 		used.add(name);
 		return name;
 	});
-	for (const n of used) envNames.add(n);
+	for (const n of used) envNames.set(n, kind === "public" || envNames.get(n) === true);
 	const names = [...used].sort();
-	return body.replace(/import\s*\{\s*env\s*\}\s*from\s*(['"])\$env\/dynamic\/private\1/, names.length ? `import { ${names.join(", ")} } from '$app/env/private'` : "");
+	return body.replace(new RegExp(`import\\s*\\{\\s*env\\s*\\}\\s*from\\s*(['"])\\$env\\/dynamic\\/${kind}\\1`), names.length ? `import { ${names.join(", ")} } from '$app/env/${kind}'` : "");
 }
 /**
 * Types that moved out of `@sveltejs/kit`, and the deprecated `json` helper.
@@ -2198,7 +2202,7 @@ function envModule(names) {
 // SvelteKit 3 reads only the variables declared here. A missing one comes
 // through as '' - every read in this app already falls back on that
 // (a dev default, '?? ""', or an if), so that is the intended behaviour.
-export const variables = defineEnvVars({\n${names.map((n) => `  ${n}: { schema: (input) => input ?? '' },`).join("\n")}\n})\n`
+export const variables = defineEnvVars({\n${names.map(([n, pub]) => `  ${n}: { ${pub ? "public: true, " : ""}schema: (input) => input ?? '' },`).join("\n")}\n})\n`
 	};
 }
 //#endregion
@@ -9297,7 +9301,7 @@ var GENERATED_UI_SURFACE = {
 				"key": "rowNumberWidth",
 				"label": "Row Number Width",
 				"type": "number",
-				"description": "Width (px) of the row-number column. Defaults to 56, which fits up to \"99,999\"; bump this when the dataset crosses six digits so the largest row number stays fully visible at the bottom of a scroll.",
+				"description": "Width (px) of the row-number column. By default it fits the largest row number: 56px up to four digits, then 9px wider per digit (from `data.length`, or `rowCount` on a server-paged grid). Set it to pin a width, for example when a theme uses a much larger font.",
 				"group": "common"
 			},
 			{
@@ -16341,7 +16345,7 @@ function hasFieldConditions(schema) {
 *
 * `version.test.ts` asserts this matches `package.json`, so the two cannot drift.
 */
-var SVGRID_VERSION = "3.1.7";
+var SVGRID_VERSION = "3.1.8";
 /**
 * The version of `@svgrid/grid`, which releases on its own line: enterprise is
 * on 3.1.x while the grid is on 3.0.x.
@@ -16354,7 +16358,7 @@ var SVGRID_VERSION = "3.1.7";
 *
 * `version.test.ts` asserts this matches packages/grid/package.json.
 */
-var GRID_VERSION = "3.0.10";
+var GRID_VERSION = "3.0.11";
 //#endregion
 //#region src/studio/emit-project.ts
 var has = (blocks, kind) => blocks.some((b) => b.config.kind === kind);
@@ -18441,6 +18445,7 @@ function emitSsrGridScreen(schema, screen, routed, accessEnabled, screenIds, byN
 	const facetPanel = screen.blocks.find((b) => b.config.kind === "filter")?.config;
 	const pageSize = grid.pageSize && grid.pageSize > 0 ? grid.pageSize : 25;
 	const wantsFilter = grid.filterable !== false;
+	const wantsSort = grid.sortable !== false;
 	const idField = schema.idField ?? schema.fields.find((f) => f.primaryKey)?.field ?? "id";
 	const isFormHidden = (f) => f.hidden === true || typeof f.hidden === "object" && !!f.hidden.form;
 	const editable = schema.fields.filter((f) => f.field !== idField && !f.primaryKey && !f.readonly && !f.computed && !f.formula && !isFormHidden(f));
@@ -18738,7 +18743,7 @@ ${wantsFilter ? `
 ${facetForm}
 <SvGrid
   data={data.rows}
-  {columns}
+  {columns}${wantsSort ? "\n  sortable" : ""}
   externalSort
   initialSorting={data.sort}
   showPagination
@@ -21156,13 +21161,28 @@ function randomSecret(bytes = 32) {
 	globalThis.crypto.getRandomValues(buf);
 	return Array.from(buf, (b) => b.toString(16).padStart(2, "0")).join("");
 }
+/** The Supabase project the app connects to, when the model holds one: the
+*  project-wide connection, else the first Supabase-bound entity's. */
+function supabaseConnOf(project) {
+	const hit = [project.supabase, ...Object.values(project.dataSources ?? {}).filter((s) => s.kind === "supabase")].find((c) => c?.url && c?.key);
+	return hit ? {
+		url: hit.url,
+		key: hit.key
+	} : null;
+}
 /** A ready-to-run, git-ignored `.env`: the `.env.example` template with a real
 *  random `SESSION_SECRET` filled in, so the app is secure out of the box (no
-*  hardcoded dev secret). Only emitted when the app actually signs sessions. */
-function envDotFile(allSource) {
+*  hardcoded dev secret), and the Supabase URL + anon key the model already
+*  holds, so a Supabase app runs as generated instead of failing on an empty
+*  URL. Only emitted when there is something to fill in. */
+function envDotFile(allSource, project) {
 	const example = envExample(allSource);
-	if (!example || !allSource.includes("SESSION_SECRET")) return null;
-	return example.replace("SESSION_SECRET=change-me-to-a-long-random-string", `SESSION_SECRET=${randomSecret()}`);
+	if (!example) return null;
+	const supa = allSource.includes("PUBLIC_SUPABASE_URL") ? supabaseConnOf(project) : null;
+	if (!allSource.includes("SESSION_SECRET") && !supa) return null;
+	let env = example.replace("SESSION_SECRET=change-me-to-a-long-random-string", `SESSION_SECRET=${randomSecret()}`);
+	if (supa) env = env.replace(/^PUBLIC_SUPABASE_URL=$/m, `PUBLIC_SUPABASE_URL=${supa.url}`).replace(/^PUBLIC_SUPABASE_ANON_KEY=$/m, `PUBLIC_SUPABASE_ANON_KEY=${supa.key}`);
+	return env;
 }
 /** A `.env.example` listing the env vars the generated code reads, when any. */
 function envExample(allSource) {
@@ -21448,10 +21468,10 @@ function emitStudioAppBundle(project) {
 			description: "Environment variables the app reads (copy to .env and fill in).",
 			contents: envExample(allSource)
 		}] : [],
-		...envDotFile(allSource) ? [{
+		...envDotFile(allSource, project) ? [{
 			path: ".env",
-			description: "Local env (git-ignored): a real random SESSION_SECRET is pre-filled so sessions are secure out of the box; fill in the rest.",
-			contents: envDotFile(allSource)
+			description: "Local env (git-ignored): a real random SESSION_SECRET and the Supabase connection the design holds are pre-filled, so the app runs as generated; fill in the rest.",
+			contents: envDotFile(allSource, project)
 		}] : [],
 		{
 			path: "src/app.css",

package/dist/studio/emit-project.js

@@ -2540,6 +2540,9 @@ function emitSsrGridScreen(schema, screen, routed, accessEnabled, screenIds, byN
     const facetPanel = screen.blocks.find((b) => b.config.kind === 'filter')?.config;
     const pageSize = grid.pageSize && grid.pageSize > 0 ? grid.pageSize : 25;
     const wantsFilter = grid.filterable !== false;
+    // externalSort alone only renders the indicator; without `sortable` a header
+    // click never reaches onSortingChange, so the URL (and the load) never sorts.
+    const wantsSort = grid.sortable !== false;
     const idField = schema.idField ?? schema.fields.find((f) => f.primaryKey)?.field ?? 'id';
     const isFormHidden = (f) => f.hidden === true || (typeof f.hidden === 'object' && !!f.hidden.form);
     const editable = schema.fields.filter((f) => f.field !== idField && !f.primaryKey && !f.readonly && !f.computed && !f.formula && !isFormHidden(f));
@@ -2901,7 +2904,7 @@ ${wantsFilter ? `
 ${facetForm}
 <SvGrid
   data={data.rows}
-  {columns}
+  {columns}${wantsSort ? '\n  sortable' : ''}
   externalSort
   initialSorting={data.sort}
   showPagination
@@ -5171,14 +5174,30 @@ function randomSecret(bytes = 32) {
     globalThis.crypto.getRandomValues(buf);
     return Array.from(buf, (b) => b.toString(16).padStart(2, '0')).join('');
 }
+/** The Supabase project the app connects to, when the model holds one: the
+ *  project-wide connection, else the first Supabase-bound entity's. */
+function supabaseConnOf(project) {
+    const candidates = [project.supabase, ...Object.values(project.dataSources ?? {}).filter((s) => s.kind === 'supabase')];
+    const hit = candidates.find((c) => c?.url && c?.key);
+    return hit ? { url: hit.url, key: hit.key } : null;
+}
 /** A ready-to-run, git-ignored `.env`: the `.env.example` template with a real
  *  random `SESSION_SECRET` filled in, so the app is secure out of the box (no
- *  hardcoded dev secret). Only emitted when the app actually signs sessions. */
-function envDotFile(allSource) {
+ *  hardcoded dev secret), and the Supabase URL + anon key the model already
+ *  holds, so a Supabase app runs as generated instead of failing on an empty
+ *  URL. Only emitted when there is something to fill in. */
+function envDotFile(allSource, project) {
     const example = envExample(allSource);
-    if (!example || !allSource.includes('SESSION_SECRET'))
+    if (!example)
+        return null;
+    const supa = allSource.includes('PUBLIC_SUPABASE_URL') ? supabaseConnOf(project) : null;
+    if (!allSource.includes('SESSION_SECRET') && !supa)
         return null;
-    return example.replace('SESSION_SECRET=change-me-to-a-long-random-string', `SESSION_SECRET=${randomSecret()}`);
+    let env = example.replace('SESSION_SECRET=change-me-to-a-long-random-string', `SESSION_SECRET=${randomSecret()}`);
+    // The anon key is public / browser-safe; access is governed by RLS.
+    if (supa)
+        env = env.replace(/^PUBLIC_SUPABASE_URL=$/m, `PUBLIC_SUPABASE_URL=${supa.url}`).replace(/^PUBLIC_SUPABASE_ANON_KEY=$/m, `PUBLIC_SUPABASE_ANON_KEY=${supa.key}`);
+    return env;
 }
 /** A `.env.example` listing the env vars the generated code reads, when any. */
 function envExample(allSource) {
@@ -5480,7 +5499,7 @@ export function emitStudioAppBundle(project) {
         rootLayoutModule(project),
         ...SCAFFOLD_STATIC,
         ...(envExample(allSource) ? [{ path: '.env.example', description: 'Environment variables the app reads (copy to .env and fill in).', contents: envExample(allSource) }] : []),
-        ...(envDotFile(allSource) ? [{ path: '.env', description: 'Local env (git-ignored): a real random SESSION_SECRET is pre-filled so sessions are secure out of the box; fill in the rest.', contents: envDotFile(allSource) }] : []),
+        ...(envDotFile(allSource, project) ? [{ path: '.env', description: 'Local env (git-ignored): a real random SESSION_SECRET and the Supabase connection the design holds are pre-filled, so the app runs as generated; fill in the rest.', contents: envDotFile(allSource, project) }] : []),
         { path: 'src/app.css', description: 'App theme tokens + page styles.', contents: appCss(project) },
         // Your styles: a dedicated CSS file the layout imports AFTER app.css, so its rules
         // win. Edited in the designer's Styles panel; regenerated from the model.

package/dist/studio/sveltekit3.js

@@ -24,7 +24,8 @@ const SOURCE = /\.(ts|js|svelte)$/;
 export function toSvelteKit3(files) {
     const paths = new Set(files.map((f) => f.path));
     const adapter = adapterOf(files);
-    const envNames = new Set();
+    // Every env var a source reads, and whether it is public (client-side).
+    const envNames = new Map();
     const out = [];
     for (const file of files) {
         // svelte.config.js is gone: its adapter and preprocess move into vite.config.ts.
@@ -50,7 +51,7 @@ export function toSvelteKit3(files) {
         out.push(file);
     }
     if (envNames.size)
-        out.push(envModule([...envNames].sort()));
+        out.push(envModule([...envNames].sort(([a], [b]) => a.localeCompare(b))));
     return out;
 }
 /* ---------------------------------------------------------------- config */
@@ -143,10 +144,15 @@ function rewriteLibImports(src, paths) {
 /**
  * `import { env } from '$env/dynamic/private'` + `env.X`
  *   -> `import { X } from '$app/env/private'` + `X`
- * Every name read is collected so src/env.ts can declare it, which v3 requires.
+ * and the same for `$env/dynamic/public` -> `$app/env/public` (the Supabase
+ * client reads PUBLIC_SUPABASE_* this way). Every name read is collected so
+ * src/env.ts can declare it, which v3 requires; public ones are declared
+ * `public: true`, or `$app/env/public` would not export them.
  */
 function rewriteEnv(src, envNames) {
-    if (!/from\s+['"]\$env\/dynamic\/private['"]/.test(src))
+    const kind = /from\s+['"]\$env\/dynamic\/private['"]/.test(src) ? 'private'
+        : /from\s+['"]\$env\/dynamic\/public['"]/.test(src) ? 'public' : null;
+    if (!kind)
         return src;
     const used = new Set();
     // `(?<![.\w])` keeps `process.env.X` untouched; only the imported `env` changes.
@@ -155,9 +161,9 @@ function rewriteEnv(src, envNames) {
         return name;
     });
     for (const n of used)
-        envNames.add(n);
+        envNames.set(n, kind === 'public' || envNames.get(n) === true);
     const names = [...used].sort();
-    return body.replace(/import\s*\{\s*env\s*\}\s*from\s*(['"])\$env\/dynamic\/private\1/, names.length ? `import { ${names.join(', ')} } from '$app/env/private'` : '');
+    return body.replace(new RegExp(`import\\s*\\{\\s*env\\s*\\}\\s*from\\s*(['"])\\$env\\/dynamic\\/${kind}\\1`), names.length ? `import { ${names.join(', ')} } from '$app/env/${kind}'` : '');
 }
 /**
  * Types that moved out of `@sveltejs/kit`, and the deprecated `json` helper.
@@ -181,7 +187,7 @@ function rewriteKitImports(src) {
 }
 /* ------------------------------------------------------------------- env */
 function envModule(names) {
-    const decls = names.map((n) => `  ${n}: { schema: (input) => input ?? '' },`).join('\n');
+    const decls = names.map(([n, pub]) => `  ${n}: { ${pub ? 'public: true, ' : ''}schema: (input) => input ?? '' },`).join('\n');
     return {
         path: 'src/env.ts',
         description: 'Environment variables the app reads (SvelteKit 3 requires declaring them).',

package/dist/studio/ui-components.generated.js

@@ -7180,7 +7180,7 @@ export const GENERATED_UI_SURFACE = {
                 "key": "rowNumberWidth",
                 "label": "Row Number Width",
                 "type": "number",
-                "description": "Width (px) of the row-number column. Defaults to 56, which fits up to \"99,999\"; bump this when the dataset crosses six digits so the largest row number stays fully visible at the bottom of a scroll.",
+                "description": "Width (px) of the row-number column. By default it fits the largest row number: 56px up to four digits, then 9px wider per digit (from `data.length`, or `rowCount` on a server-paged grid). Set it to pin a width, for example when a theme uses a much larger font.",
                 "group": "common"
             },
             {

package/dist/version.d.ts

@@ -10,7 +10,7 @@
  *
  * `version.test.ts` asserts this matches `package.json`, so the two cannot drift.
  */
-export declare const SVGRID_VERSION = "3.1.7";
+export declare const SVGRID_VERSION = "3.1.8";
 /**
  * The version of `@svgrid/grid`, which releases on its own line: enterprise is
  * on 3.1.x while the grid is on 3.0.x.
@@ -23,4 +23,4 @@ export declare const SVGRID_VERSION = "3.1.7";
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export declare const GRID_VERSION = "3.0.10";
+export declare const GRID_VERSION = "3.0.11";

package/dist/version.js

@@ -10,7 +10,7 @@
  *
  * `version.test.ts` asserts this matches `package.json`, so the two cannot drift.
  */
-export const SVGRID_VERSION = '3.1.7';
+export const SVGRID_VERSION = '3.1.8';
 /**
  * The version of `@svgrid/grid`, which releases on its own line: enterprise is
  * on 3.1.x while the grid is on 3.0.x.
@@ -23,4 +23,4 @@ export const SVGRID_VERSION = '3.1.7';
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export const GRID_VERSION = '3.0.10';
+export const GRID_VERSION = '3.0.11';

package/dist/wc/sv-sheet-element.js

@@ -6149,7 +6149,11 @@ function ta(e, t) {
 	let J = D(G({
 		left: [...s.initialColumnPinning?.left ?? []],
 		right: [...s.initialColumnPinning?.right ?? []]
-	})), ue = D(0), de = D(0), fe = D(0), pe = q(() => s.rowNumberWidth ?? 56), Y = q(() => s.showDetailToggle === !0);
+	})), ue = D(0), de = D(0), fe = D(0), pe = q(function() {
+		if (s.rowNumberWidth != null) return s.rowNumberWidth;
+		let e = Math.max(s.data?.length ?? 0, s.rowCount ?? 0);
+		return Math.max(56, 18 + 9 * String(e).length);
+	}), Y = q(() => s.showDetailToggle === !0);
 	function me(e, t) {
 		let n = e.original;
 		if (s.isDetailRow?.(n, t)) return null;

package/package.json

@@ -4,7 +4,7 @@
     "type": "commercial",
     "url": "https://svgrid.com/pricing"
   },
-  "version": "3.1.7",
+  "version": "3.1.8",
   "description": "Enterprise feature pack for SvGrid: the server-side row model (lazy grouping, tree, pivot, transactions, selection across unloaded rows), Excel (xlsx) and PDF export, Excel/CSV/JSON import, pivot tables with a drag-and-drop designer, paginated print, Kanban board and scheduler renderers, no-code alerts and batch editing. CSV, TSV and JSON export are already free in @svgrid/grid. Requires a paid license key.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "jQWidgets <sales@jqwidgets.com>",
@@ -105,7 +105,7 @@
     "jszip": "^3.10.0",
     "pdfmake": "^0.2.0",
     "svelte": "^5.0.0",
-    "@svgrid/grid": "^3.0.10"
+    "@svgrid/grid": "^3.0.11"
   },
   "peerDependenciesMeta": {
     "jszip": {
@@ -123,7 +123,7 @@
     "svelte": "^5.55.5",
     "typescript": "6.0.3",
     "vite": "^8.2.1",
-    "@svgrid/grid": "^3.0.10"
+    "@svgrid/grid": "^3.0.11"
   },
   "repository": {
     "type": "git",