@declarion/react 0.60.0 → 0.63.0

package/dist-lib/vite/index.d.ts

@@ -1,21 +1,47 @@
+import { Plugin } from "vite";
+//#region src/vite/fingerprint-plugin.d.ts
+interface DeclarionFingerprintPluginOptions {
+  /**
+   * Subdirectory of `outDir` to walk. Defaults to "assets" — Vite's
+   * standard hashed-output location. Override only if a consumer has
+   * customized `build.assetsDir`.
+   */
+  assetsDir?: string;
+  /**
+   * Filename of the emitted fingerprint, written next to `index.html`.
+   * Defaults to "bundle-fingerprint.txt". The server reads the same name,
+   * so a custom name must match on the server side too.
+   */
+  filename?: string;
+}
 /**
- * @declarion/react/vite — Vite plugin entry point.
+ * Vite plugin that emits a single-line `bundle-fingerprint.txt` next
+ * to `index.html` after every production build. The fingerprint is a
+ * SHA-256 over every file in `assetsDir/` — sorted by name, length-
+ * prefixed (`name\x00sha256\x00`) so concatenation is collision-safe.
  *
- * Separate from the SDK's main React entry (`@declarion/react`) so this
- * Node-only code never accidentally pulls into a browser bundle.
+ * The Declarion server reads this file at boot and folds it into the
+ * combined build identity exposed via `X-Declarion-Version` and
+ * `/api/version`. When a consumer redeploys the UI bundle (changed
+ * JS/CSS/assets) the file changes → server fingerprint changes → SDK
+ * detects asset drift → user is prompted to reload to pick up the
+ * new code.
  *
- * Usage in a consumer's `vite.config.ts`:
+ * Why a separate file rather than walking `assetsDir/` from Go at
+ * boot:
+ *   - Eliminates a per-process I/O dependency on bundle layout
+ *     conventions (Vite could change `assetsDir` defaults; the
+ *     plugin is the canonical contract).
+ *   - Computed once at build time, read once at boot — never on the
+ *     hot path.
+ *   - Lets the consumer image ship the fingerprint as an immutable
+ *     artifact rather than re-deriving it at every server start.
  *
- *     import { declarionFingerprintPlugin } from "@declarion/react/vite";
- *
- *     export default defineConfig({
- *       plugins: [react(), declarionFingerprintPlugin()],
- *     });
- *
- * One line, one plugin — works in every Declarion deployment mode
- * (local-up, prebuilt-declarion, fully-prebuilt prod) because the
- * plugin runs at consumer-build time regardless of where the SDK
- * itself comes from (npm pin / vite alias / link).
+ * Backward compatible: if a consumer hasn't adopted the plugin yet,
+ * `bundle-fingerprint.txt` is absent at boot, the server logs once
+ * and degrades to binary-only drift detection (still correct — the
+ * binary fingerprint differs across builds anyway). No errors.
  */
-export { declarionFingerprintPlugin } from "./fingerprint-plugin";
-export type { DeclarionFingerprintPluginOptions } from "./fingerprint-plugin";
+export declare function declarionFingerprintPlugin(options?: DeclarionFingerprintPluginOptions): Plugin;
+//#endregion
+export type { DeclarionFingerprintPluginOptions };

package/dist-lib/window-election-CHIvIZwx.js

@@ -0,0 +1,45 @@
+//#region src/lib/window-election.ts
+function e(e, t = window) {
+	let n = crypto.randomUUID(), r = {
+		focusedAt: document.hasFocus() ? Date.now() : 0,
+		conversationId: null
+	}, i = /* @__PURE__ */ new Map([[n, r]]), a = typeof BroadcastChannel == "function" ? new BroadcastChannel(e) : null, o = () => a?.postMessage({
+		type: "state",
+		windowId: n,
+		state: r
+	}), s = (e) => {
+		let t = e.data;
+		t.type === "state" ? i.set(t.windowId, t.state) : t.type === "ask" ? o() : i.delete(t.windowId);
+	}, c = () => {
+		r.focusedAt = Date.now(), o();
+	}, l = () => a?.postMessage({
+		type: "goodbye",
+		windowId: n
+	});
+	a?.addEventListener("message", s), t.addEventListener("focus", c), t.addEventListener("pagehide", l), o(), a?.postMessage({ type: "ask" });
+	function u(e) {
+		let t = [...i.entries()], n = e === null ? [] : t.filter(([, t]) => t.conversationId === e), r = n.length > 0 ? n : t, a = r[0];
+		for (let e of r) (e[1].focusedAt > a[1].focusedAt || e[1].focusedAt === a[1].focusedAt && e[0] > a[0]) && (a = e);
+		return a[0];
+	}
+	return {
+		isElected(e) {
+			return u(e) === n;
+		},
+		mayBeElected() {
+			return r.conversationId !== null || u(null) === n;
+		},
+		setConversation(e) {
+			r.conversationId = e, o();
+		},
+		dispose() {
+			l(), a?.removeEventListener("message", s), t.removeEventListener("focus", c), t.removeEventListener("pagehide", l), a?.close();
+		}
+	};
+}
+var t = null;
+function n() {
+	return t ??= e("declarion-admin-windows"), t;
+}
+//#endregion
+export { n as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@declarion/react",
-  "version": "0.60.0",
+  "version": "0.63.0",
   "private": false,
   "license": "MIT",
   "description": "React SDK for Declarion, the schema-driven business apps platform.",
@@ -58,22 +58,15 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@monaco-editor/react": "^4.7.0",
-    "@radix-ui/react-alert-dialog": "^1.1.23",
-    "@radix-ui/react-dialog": "^1.1.23",
-    "@radix-ui/react-dropdown-menu": "^2.1.24",
-    "@radix-ui/react-label": "^2.1.15",
-    "@radix-ui/react-select": "^2.3.7",
-    "@radix-ui/react-separator": "^1.1.15",
-    "@radix-ui/react-slot": "^1.3.3",
-    "@tanstack/react-query": "^5.103.1",
-    "@tanstack/react-table": "^9.2.4",
+    "@tanstack/react-query": "^5.104.1",
+    "@tanstack/react-table": "^9.2.6",
     "@tanstack/react-virtual": "^3.14.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
-    "lucide-react": "^1.47.0",
+    "lucide-react": "^1.52.0",
     "mdast-util-to-string": "^4.0.0",
-    "monaco-editor": "^0.56.0",
+    "monaco-editor": "^0.57.0",
     "react-markdown": "^10.1.0",
     "react-router": "^8.4.0",
     "react-textarea-autosize": "^8.5.9",
@@ -98,27 +91,27 @@
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@typescript/native": "npm:typescript@^7.0.2",
-    "@vitejs/plugin-react": "^6.1.1",
-    "@vitest/coverage-v8": "^5.0.1",
-    "axe-core": "^4.13.0",
-    "eslint": "^10.11.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "@vitest/coverage-v8": "^5.0.3",
+    "axe-core": "^4.14.0",
+    "eslint": "^10.12.0",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "jsdom": "^30.1.0",
-    "msw": "^2.15.0",
-    "publint": "^0.3.24",
+    "jsdom": "^30.1.2",
+    "publint": "^0.3.25",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
+    "rolldown": "^1.2.12",
+    "rolldown-plugin-dts": "^0.28.6",
     "tailwindcss": "^4.3.3",
-    "tsc-alias": "^1.9.5",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-eslint": "^8.70.0",
-    "vite": "^8.3.0",
-    "vitest": "^5.0.1"
+    "typescript-eslint": "^8.71.1",
+    "vite": "^8.3.2",
+    "vitest": "^5.0.3"
   },
   "scripts": {
     "dev": "vite",
     "build": "tsc -p tsconfig.app.json --noEmit && vite build",
-    "build:lib": "vite build --config vite.lib.config.ts && vite build --config vite.plugin.config.ts && tsc -p tsconfig.lib.json && tsc-alias -p tsconfig.lib.json && pnpm run check:bundle && pnpm run check:fonts && pnpm run check:pkg",
+    "build:lib": "vite build --config vite.lib.config.ts && vite build --config vite.plugin.config.ts && rolldown --config rolldown.types.config.mjs && pnpm run check:bundle && pnpm run check:fonts && pnpm run check:pkg",
     "check:bundle": "node scripts/check-eager-bundle.mjs",
     "check:fonts": "node scripts/check-fonts.mjs",
     "check:pkg": "publint run",

package/dist-lib/DetailAuditStrip-B9p1XhjC.js

@@ -1,288 +0,0 @@
-import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { Kn as t, gn as n, qn as r } from "./useCurrentScreen-BPq7HMF1.js";
-import { h as i } from "./RefreshControl-BEWSHtAC.js";
-import { t as a } from "./useText-BFDCTUSo.js";
-import { C as o } from "./useOwnRefresh-C18iWRgr.js";
-import { p as s } from "./action-dispatch-DbiOpvd6.js";
-import { useCallback as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/primitives/RecordIdBadge.tsx
-var p = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, m = 1200;
-function h({ value: t }) {
-	let n = a(), [r, i] = l(!1), o = p.test(t) ? `${t.slice(0, 8)}…` : t, s = c(async () => {
-		try {
-			await navigator.clipboard.writeText(t), i(!0), window.setTimeout(() => i(!1), m);
-		} catch {}
-	}, [t]);
-	return /* @__PURE__ */ f("button", {
-		type: "button",
-		onClick: s,
-		title: r ? n("control.copied", "Copied") : n("control.copy_value", "Copy {value}", { value: t }),
-		className: "mono inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-text-4 hover:bg-surface-2 hover:text-text-3 transition-colors shrink-0 border border-transparent hover:border-border",
-		children: [/* @__PURE__ */ d("span", { children: o }), r ? /* @__PURE__ */ d(e.check, { size: 10 }) : /* @__PURE__ */ d(e.copy, {
-			size: 10,
-			style: { opacity: .6 }
-		})]
-	});
-}
-//#endregion
-//#region src/components/chrome/PageShell.tsx
-function g({ header: e, children: t, scrollRef: r }) {
-	let i = n(), a = i.isPhone ? o(12) : {
-		paddingLeft: "24px",
-		paddingRight: "24px"
-	};
-	return /* @__PURE__ */ f("div", {
-		style: {
-			height: "100%",
-			display: "flex",
-			flexDirection: "column",
-			overflow: "hidden",
-			background: "var(--background)"
-		},
-		children: [/* @__PURE__ */ d("div", {
-			"data-testid": "page-shell-header",
-			style: {
-				flexShrink: 0,
-				paddingTop: i.isPhone ? 14 : 24,
-				paddingBottom: 8,
-				...a
-			},
-			children: e
-		}), /* @__PURE__ */ d("div", {
-			ref: r,
-			style: {
-				flex: 1,
-				minHeight: 0,
-				overflowY: "auto",
-				paddingTop: 4,
-				paddingBottom: "calc(24px + var(--safe-area-bottom))",
-				...a,
-				display: "flex",
-				flexDirection: "column",
-				gap: 16,
-				minWidth: 0,
-				WebkitOverflowScrolling: "touch"
-			},
-			children: t
-		})]
-	});
-}
-var _ = {
-	display: "flex",
-	alignItems: "center",
-	gap: 6,
-	flexGrow: 1,
-	flexShrink: 1,
-	flexBasis: "auto",
-	marginLeft: "auto",
-	minWidth: 180,
-	flexWrap: "wrap",
-	justifyContent: "flex-end"
-}, v = 160;
-function y({ icon: n, title: o, recordId: s, description: c, highlights: l, mode: p, dirty: m = !1, showBack: g = !1, onBack: y, right: b, identityControls: x, showTitle: S = !0 }) {
-	let C = a();
-	return /* @__PURE__ */ f("div", {
-		style: {
-			display: "flex",
-			alignItems: "flex-start",
-			gap: 10,
-			flexWrap: "wrap",
-			minWidth: 0
-		},
-		children: [
-			S && g && /* @__PURE__ */ d("div", {
-				style: {
-					paddingTop: 4,
-					flexShrink: 0
-				},
-				children: /* @__PURE__ */ d(r, {
-					size: 26,
-					icon: /* @__PURE__ */ d(e.back, { size: 14 }),
-					title: C("shell.back", "Back"),
-					onClick: y
-				})
-			}),
-			S && n && /* @__PURE__ */ d("div", {
-				style: {
-					flexShrink: 0,
-					paddingTop: 2
-				},
-				children: /* @__PURE__ */ d("span", {
-					style: {
-						width: 32,
-						height: 32,
-						borderRadius: 8,
-						background: "var(--accent-soft)",
-						color: "var(--accent)",
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "center"
-					},
-					children: n
-				})
-			}),
-			S && /* @__PURE__ */ f(u, { children: [
-				/* @__PURE__ */ d("h1", {
-					style: {
-						margin: 0,
-						fontSize: "var(--page-title-size, var(--page-title-size-detail))",
-						fontWeight: 600,
-						letterSpacing: 0,
-						lineHeight: "var(--page-title-line-height, var(--page-title-line-height-detail))",
-						color: "var(--text)",
-						minWidth: v,
-						overflow: "hidden",
-						textOverflow: "ellipsis",
-						whiteSpace: "nowrap",
-						overflowWrap: "anywhere",
-						maxWidth: "100%",
-						flexGrow: 0,
-						flexShrink: 1,
-						flexBasis: "auto"
-					},
-					children: o
-				}),
-				s && /* @__PURE__ */ d(h, { value: s }),
-				c && /* @__PURE__ */ d(i, {
-					label: c,
-					"data-testid": "detail-description-info"
-				}),
-				x,
-				p === "edit" && m && /* @__PURE__ */ f("span", {
-					style: {
-						display: "inline-flex",
-						alignItems: "center",
-						gap: 5,
-						fontSize: 11,
-						color: "var(--warn)"
-					},
-					children: [/* @__PURE__ */ d("span", { style: {
-						width: 6,
-						height: 6,
-						borderRadius: 999,
-						background: "var(--warn)"
-					} }), C("shell.record.unsaved", "Unsaved")]
-				}),
-				p === "create" && /* @__PURE__ */ d(t, {
-					tone: "violet",
-					size: "xs",
-					dot: !0,
-					children: C("shell.record.new", "New record")
-				})
-			] }),
-			b && /* @__PURE__ */ d("div", {
-				role: "toolbar",
-				"aria-label": C("shell.record.page_actions", "Page actions"),
-				style: _,
-				children: b
-			}),
-			l && p === "display" && /* @__PURE__ */ d("div", {
-				style: {
-					flexBasis: "100%",
-					minWidth: 0
-				},
-				children: l
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/chrome/AuditMetaStrip.tsx
-function b(e) {
-	return e.by != null || e.at != null;
-}
-function x({ lines: e }) {
-	let t = e.filter(b);
-	return t.length === 0 ? null : /* @__PURE__ */ d("div", {
-		style: {
-			display: "flex",
-			flexWrap: "wrap",
-			gap: "8px 24px",
-			padding: "10px 14px",
-			background: "var(--surface-2)",
-			border: "1px solid var(--border)",
-			borderRadius: 8,
-			fontSize: 11.5,
-			color: "var(--text-3)"
-		},
-		children: t.map((e, t) => /* @__PURE__ */ d(S, { line: e }, t))
-	});
-}
-function S({ line: e }) {
-	return /* @__PURE__ */ f("div", {
-		style: {
-			display: "flex",
-			alignItems: "center",
-			gap: 8,
-			minWidth: 0
-		},
-		children: [/* @__PURE__ */ d("span", {
-			style: {
-				fontSize: 11,
-				fontWeight: 600,
-				color: "var(--text-4)",
-				flexShrink: 0
-			},
-			children: e.label
-		}), /* @__PURE__ */ f("span", {
-			style: {
-				display: "inline-flex",
-				alignItems: "center",
-				gap: 6,
-				minWidth: 0
-			},
-			children: [
-				e.by != null && /* @__PURE__ */ d("span", {
-					style: { color: "var(--text-2)" },
-					children: e.by
-				}),
-				e.by != null && e.at != null && /* @__PURE__ */ d("span", {
-					style: { color: "var(--text-4)" },
-					children: "·"
-				}),
-				e.at != null && /* @__PURE__ */ d("span", {
-					className: "num",
-					children: e.at
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/components/detail-layout/DetailAuditStrip.tsx
-function C({ screen: e, entity: t, entityCode: n, record: r, refs: i, schema: o }) {
-	let c = a(), l = e.audit;
-	if (l?.enabled === !1) return null;
-	let u = (e) => {
-		if (!e || !t.fields.get(e)) return;
-		let a = r[e];
-		if (a != null && a !== "") return s({
-			entity: t,
-			entityCode: n,
-			fieldName: e,
-			record: r,
-			mode: "display",
-			refs: i,
-			entities: o.entities,
-			screens: o.screens,
-			surface: "list",
-			t: c
-		});
-	}, f = l?.lines && l.lines.length > 0 ? l.lines.map((e) => ({
-		label: c(e.label),
-		at: u(e.at),
-		by: u(e.by)
-	})) : [{
-		label: c("record.audit.created", "Created"),
-		at: u("created_at"),
-		by: u("created_by")
-	}, {
-		label: c("record.audit.updated", "Updated"),
-		at: u("updated_at"),
-		by: u("updated_by")
-	}];
-	return /* @__PURE__ */ d(x, { lines: f });
-}
-//#endregion
-export { h as a, g as i, y as n, _ as r, C as t };