@peripheries/renderer 0.1.0

package/README.md

@@ -0,0 +1,65 @@
+# @peripheries/renderer
+
+The one renderer for pages built from federated component bundles
+([design/renderer.md](../../docs/plan/design/renderer.md)). The host, the
+component repos' harness and the agency's preview all render through it, so a
+page looks the same in each.
+
+| Entry | Holds |
+|---|---|
+| `@peripheries/renderer/core` | Framework-free: cells and thin-ref hydration, references and conditions, the data context, walks and state names, cell props, layout, document structure, bundle refs and resolution, the shared store, and `loadPageData(page, source)` |
+| `@peripheries/renderer/react` | `PageRenderer`, `CellView`, `StructureView`, the cell states, `useContainerSize` |
+| `@peripheries/renderer/runtime` | What a page boots with: the import map and boot script, the shims, `installRuntime`, the store bundles import |
+| `@peripheries/renderer/testing` | The golden pages, synthetic fixtures, and sources that serve them |
+| `@peripheries/renderer/styles.css` | Page and cell containers, the responsive buckets, placeholders and notices |
+
+**A consumer supplies:**
+- a `GraphSource` for the page's reads (the host's runs GraphQL under the
+  viewer's JWT; fixtures in `/testing`);
+- its bundles, as `PageBundles` (`pageBundles(scope, rows, loaded, orgId)`);
+- a `RendererEnvironment`: core components, `navigate`, the store, and where
+  diagnostics go.
+
+```tsx
+const runtime = await loadPageData(page, source)
+<PageRenderer runtime={runtime} bundles={bundles} params={params} baseProps={baseProps} context={context} environment={environment} />
+```
+
+## Validation
+
+`validatePage(page, catalog?)` and `validateCell(cell, catalog?)` return
+diagnostics, `{ severity, code, message, path?, cellId?, label? }`, with
+`severity` one of `error`, `warning` or `legacy` (a form still read, on its way
+out). `loadPageData` runs `validatePage` and adds what loading finds. Given a
+catalog (`{ components: { [name]: { props_schema } } }`) it also checks that
+components exist and required props are given (`schema.required` only). For a
+node-managed cell those are warnings, since the page's copy is only a fallback.
+
+| Code | Severity | Meaning |
+|---|---|---|
+| `CELL_NO_ID`, `CELL_DUPLICATE_ID` | error | a cell without an id, or two with one |
+| `CELL_NO_COMPONENT` | error | an inline cell names no component |
+| `CELL_UNKNOWN_COMPONENT`, `PROP_REQUIRED` | error (warning on a ref cell) | against the catalog |
+| `CELL_UNKNOWN_CHILD`, `CELL_CHILD_CYCLE` | error | `children` names a missing cell, or itself |
+| `REF_INVALID` | error | a `ref` without a `graph_node_id` |
+| `REF_FALLBACK` | warning | the ref's node has no config the viewer can read; the page's copy renders |
+| `LEGACY_THIN_REF`, `LEGACY_INLINE_NODE` | legacy | `{ id, graph_node_id }`; an inline cell with a `graph_node_id` |
+| `BINDING_INVALID` | error | a declaration that names no node, or a bad `as` |
+| `UNSUPPORTED_REGISTRY_BINDING` | warning | a registry binding, which the host no longer runs |
+| `STATE_UNKNOWN_NAME`, `STATE_UNKNOWN_SYSTEM` | error | a state name that isn't one, or a system the process lacks |
+| `WALK_EDGE_TYPES_REQUIRED`, `WALK_BAD_DIRECTION` | error | a walk that can't run |
+| `WALK_MAX_NODES_CLAMPED`, `WALK_TRUNCATED`, `WALK_NO_START` | warning | a walk capped, cut short, or with nowhere to start |
+| `WALK_FAILED` | error | the source failed the walk |
+| `BINDING_DUPLICATE_KEY` | error | two reached nodes share a `binding_key`; it binds nothing |
+| `STORE_INVALID` | error | a store declaration without its channel or key, or a bad scope |
+| `LAYOUT_INVALID` | warning | a responsive bucket that isn't narrow, compact or wide |
+| `STRUCTURE_INVALID`, `PAGE_INVALID` | error | a structure naming missing cells or unknown kinds; cells not a list |
+
+`core` imports no React at runtime and never reaches the network, and the
+package never imports the host (`npm run lint:deps`). Tests sit next to the
+code; the golden pages run over fixture sources in `react/golden-pages.test.tsx`.
+
+**Publishing:** `npm run publish:packages` (and `--dry-run`) builds and
+publishes every package whose version isn't on npm yet, built output only;
+`.github/workflows/publish-packages.yml` runs it on `develop`. Bump the version
+here to release (design/renderer.md §11).

package/dist/chunks/create-store-CglsI7tw.js

@@ -0,0 +1,90 @@
+import { Store } from "@tanstack/store";
+//#region packages/renderer/src/core/store/create-store.ts
+function createStackStore(initial) {
+	const store = new Store({
+		selections: {},
+		viewState: {},
+		live: {},
+		...initial
+	});
+	const actions = {
+		setSelection: (scope, channel, value) => store.setState((s) => ({
+			...s,
+			selections: {
+				...s.selections,
+				[scope]: {
+					...s.selections[scope],
+					[channel]: value
+				}
+			}
+		})),
+		setViewState: (scope, key, value) => store.setState((s) => ({
+			...s,
+			viewState: {
+				...s.viewState,
+				[scope]: {
+					...s.viewState[scope],
+					[key]: value
+				}
+			}
+		})),
+		_setLive: (channel, entry) => store.setState((s) => ({
+			...s,
+			live: {
+				...s.live,
+				[channel]: entry
+			}
+		})),
+		_hydrateScope: (scope, { selections, viewState }) => store.setState((s) => ({
+			...s,
+			selections: selections && Object.keys(selections).length ? {
+				...s.selections,
+				[scope]: {
+					...selections,
+					...s.selections[scope]
+				}
+			} : s.selections,
+			viewState: viewState && Object.keys(viewState).length ? {
+				...s.viewState,
+				[scope]: {
+					...viewState,
+					...s.viewState[scope]
+				}
+			} : s.viewState
+		})),
+		_snapshotScope: (scope) => ({
+			selections: store.state.selections[scope] ?? {},
+			viewState: store.state.viewState[scope] ?? {}
+		}),
+		_clearScope: (scope) => store.setState((s) => {
+			if (!(scope in s.selections) && !(scope in s.viewState)) return s;
+			const { [scope]: _sel, ...selections } = s.selections;
+			const { [scope]: _view, ...viewState } = s.viewState;
+			return {
+				...s,
+				selections,
+				viewState
+			};
+		})
+	};
+	const withActions = new WeakMap();
+	const getState = () => {
+		const data = store.state;
+		let full = withActions.get(data);
+		if (!full) withActions.set(data, full = {
+			...data,
+			...actions
+		});
+		return full;
+	};
+	return {
+		store,
+		...actions,
+		getState,
+		subscribe: (listener) => store.subscribe(() => listener(getState()))
+	};
+}
+//#endregion
+export { createStackStore as t };
+
+//# sourceMappingURL=create-store-CglsI7tw.js.map

package/dist/chunks/create-store-CglsI7tw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-store-CglsI7tw.js","names":[],"sources":["../../src/core/store/create-store.ts"],"mappings":";;AAWA,SAAgB,iBAAiB,SAAmC;CAClE,MAAM,QAAQ,IAAI,MAAsB;EAAE,YAAY,CAAC;EAAG,WAAW,CAAC;EAAG,MAAM,CAAC;EAAG,GAAG;CAAQ,CAAC;CAE/F,MAAM,UAA6B;EACjC,eAAe,OAAO,SAAS,UAC7B,MAAM,UAAU,OAAO;GAAE,GAAG;GAAG,YAAY;IAAE,GAAG,EAAE;KAAa,QAAQ;KAAE,GAAG,EAAE,WAAW;MAAS,UAAU;IAAM;GAAE;EAAE,EAAE;EAE1H,eAAe,OAAO,KAAK,UACzB,MAAM,UAAU,OAAO;GAAE,GAAG;GAAG,WAAW;IAAE,GAAG,EAAE;KAAY,QAAQ;KAAE,GAAG,EAAE,UAAU;MAAS,MAAM;IAAM;GAAE;EAAE,EAAE;EAEnH,WAAW,SAAiB,UAAqB,MAAM,UAAU,OAAO;GAAE,GAAG;GAAG,MAAM;IAAE,GAAG,EAAE;KAAO,UAAU;GAAM;EAAE,EAAE;EAGxH,gBAAgB,OAAO,EAAE,YAAY,gBACnC,MAAM,UAAU,OAAO;GACrB,GAAG;GACH,YAAY,cAAc,OAAO,KAAK,UAAU,CAAC,CAAC,SAAS;IAAE,GAAG,EAAE;KAAa,QAAQ;KAAE,GAAG;KAAY,GAAG,EAAE,WAAW;IAAO;GAAE,IAAI,EAAE;GACvI,WAAW,aAAa,OAAO,KAAK,SAAS,CAAC,CAAC,SAAS;IAAE,GAAG,EAAE;KAAY,QAAQ;KAAE,GAAG;KAAW,GAAG,EAAE,UAAU;IAAO;GAAE,IAAI,EAAE;EACnI,EAAE;EAEJ,iBAAiB,WAAW;GAC1B,YAAa,MAAM,MAAM,WAAW,UAAU,CAAC;GAC/C,WAAY,MAAM,MAAM,UAAU,UAAU,CAAC;EAC/C;EAEA,cAAc,UACZ,MAAM,UAAU,MAAM;GACpB,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,OAAO;GAChE,MAAM,GAAG,QAAQ,MAAM,GAAG,eAAe,EAAE;GAC3C,MAAM,GAAG,QAAQ,OAAO,GAAG,cAAc,EAAE;GAC3C,OAAO;IAAE,GAAG;IAAG;IAAY;GAAU;EACvC,CAAC;CACL;CAGA,MAAM,cAAc,IAAI,QAAyC;CACjE,MAAM,iBAAkC;EACtC,MAAM,OAAO,MAAM;EACnB,IAAI,OAAO,YAAY,IAAI,IAAI;EAC/B,IAAI,CAAC,MAAM,YAAY,IAAI,MAAO,OAAO;GAAE,GAAG;GAAM,GAAG;EAAQ,CAAE;EACjE,OAAO;CACT;CAEA,OAAO;EAEL;EACA,GAAG;EACH;EACA,YAAY,aAA+C,MAAM,gBAAgB,SAAS,SAAS,CAAC,CAAC;CACvG;AACF"}

package/dist/chunks/load-6zEgvJ6I.js

@@ -0,0 +1,60 @@
+import { READY_GLOBAL } from "@peripheries/runtime";
+//#region packages/renderer/src/core/bundles/load.ts
+function isComponentExport(value) {
+	if (typeof value === "function") return true;
+	if (!value || typeof value !== "object") return false;
+	const tag = value.$$typeof;
+	return tag === Symbol.for("react.forward_ref") || tag === Symbol.for("react.memo") || tag === Symbol.for("react.lazy");
+}
+function projectModule(row, mod, contracts = {}) {
+	const components = {};
+	for (const c of row.components) {
+		const exported = mod[c.exposed_export ?? c.component_name ?? ""];
+		if (c.component_name && isComponentExport(exported)) components[c.component_name] = exported;
+	}
+	return {
+		id: row.id,
+		label: row.bundle_name === "main" ? row.org_slug : `${row.org_slug}/${row.bundle_name}`,
+		components,
+		contracts,
+		ThemeProvider: isComponentExport(mod.ThemeProvider) ? mod.ThemeProvider : void 0,
+		documentProfiles: mod.documentProfiles,
+		paginatorBindings: mod.PAGINATOR_BINDINGS
+	};
+}
+function runtimeReady(g = globalThis) {
+	return g[READY_GLOBAL] ?? Promise.resolve();
+}
+var cache = new Map();
+var browserImport = (url) => import(url);
+function loadBundle(row, files) {
+	let pending = cache.get(row.id);
+	if (!pending) {
+		pending = (async () => {
+			const url = files.url(row, "index.js");
+			if (!url) throw new Error(`[bundles] ${row.org_slug}/${row.bundle_name} has no storage path`);
+			await runtimeReady();
+			const contractsUrl = files.url(row, "contracts.json");
+			const get = files.fetch ?? ((u) => fetch(u));
+			const [mod, contracts] = await Promise.all([(files.import ?? browserImport)(url), get(contractsUrl).then((r) => r.ok ? r.json() : null, () => null)]);
+			return projectModule(row, mod, contracts?.components ?? {});
+		})();
+		pending.catch(() => cache.delete(row.id));
+		cache.set(row.id, pending);
+	}
+	return pending;
+}
+async function loadBundles(rows, files) {
+	return (await Promise.allSettled(rows.map((r) => loadBundle(r, files)))).flatMap((s, i) => {
+		if (s.status === "fulfilled") return [s.value];
+		console.warn(`[bundles] ${rows[i].org_slug}/${rows[i].bundle_name} failed to load:`, s.reason);
+		return [];
+	});
+}
+function _clearBundleCache() {
+	cache.clear();
+}
+//#endregion
+export { projectModule as a, loadBundles as i, isComponentExport as n, runtimeReady as o, loadBundle as r, _clearBundleCache as t };
+
+//# sourceMappingURL=load-6zEgvJ6I.js.map

package/dist/chunks/load-6zEgvJ6I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-6zEgvJ6I.js","names":[],"sources":["../../src/core/bundles/load.ts"],"mappings":";;AAkCA,SAAgB,kBAAkB,OAAiE;CACjG,IAAI,OAAO,UAAU,YAAY,OAAO;CACxC,IAAI,CAAC,SAAS,OAAO,UAAU,UAAU,OAAO;CAChD,MAAM,MAAO,MAAgC;CAC7C,OAAO,QAAQ,OAAO,IAAI,mBAAmB,KAAK,QAAQ,OAAO,IAAI,YAAY,KAAK,QAAQ,OAAO,IAAI,YAAY;AACvH;AAGA,SAAgB,cAAc,KAAgB,KAA8B,YAAqC,CAAC,GAAiB;CACjI,MAAM,aAAyC,CAAC;CAChD,KAAK,MAAM,KAAK,IAAI,YAAY;EAC9B,MAAM,WAAW,IAAI,EAAE,kBAAkB,EAAE,kBAAkB;EAC7D,IAAI,EAAE,kBAAkB,kBAAkB,QAAQ,GAAG,WAAW,EAAE,kBAAkB;CACtF;CACA,OAAO;EACL,IAAI,IAAI;EACR,OAAO,IAAI,gBAAgB,SAAS,IAAI,WAAW,GAAG,IAAI,SAAS,GAAG,IAAI;EAC1E;EACA;EACA,eAAe,kBAAkB,IAAI,aAAa,IAAK,IAAI,gBAAkD,KAAA;EAC7G,kBAAkB,IAAI;EACtB,mBAAmB,IAAI;CACzB;AACF;AAUA,SAAgB,aAAa,IAA6B,YAAsD;CAC9G,OAAQ,EAAE,iBAA+C,QAAQ,QAAQ;AAC3E;AAEA,IAAM,QAAQ,IAAI,IAAmC;AACrD,IAAM,iBAAiB,QAAgB,OAA0B;AAMjE,SAAgB,WAAW,KAAgB,OAA2C;CACpF,IAAI,UAAU,MAAM,IAAI,IAAI,EAAE;CAC9B,IAAI,CAAC,SAAS;EACZ,WAAW,YAAY;GACrB,MAAM,MAAM,MAAM,IAAI,KAAK,UAAU;GACrC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,aAAa,IAAI,SAAS,GAAG,IAAI,YAAY,qBAAqB;GAC5F,MAAM,aAAa;GACnB,MAAM,eAAe,MAAM,IAAI,KAAK,gBAAgB;GACpD,MAAM,MAAM,MAAM,WAAW,MAAc,MAAM,CAAC;GAClD,MAAM,CAAC,KAAK,aAAa,MAAM,QAAQ,IAAI,EACxC,MAAM,UAAU,cAAA,CAAe,GAAG,GACnC,IAAI,YAAY,CAAC,CAAC,MAAM,MAAO,EAAE,KAAM,EAAE,KAAK,IAA0D,YAAa,IAAI,CAC3H,CAAC;GACD,OAAO,cAAc,KAAK,KAAK,WAAW,cAAc,CAAC,CAAC;EAC5D,EAAA,CAAG;EAEH,QAAQ,YAAY,MAAM,OAAO,IAAI,EAAE,CAAC;EACxC,MAAM,IAAI,IAAI,IAAI,OAAO;CAC3B;CACA,OAAO;AACT;AAGA,eAAsB,YAAY,MAAmB,OAA6C;CAEhG,QAAO,MADe,QAAQ,WAAW,KAAK,KAAK,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,EAAA,CAC/D,SAAS,GAAG,MAAM;EAC/B,IAAI,EAAE,WAAW,aAAa,OAAO,CAAC,EAAE,KAAK;EAC7C,QAAQ,KAAK,aAAa,KAAK,EAAE,CAAC,SAAS,GAAG,KAAK,EAAE,CAAC,YAAY,mBAAmB,EAAE,MAAM;EAC7F,OAAO,CAAC;CACV,CAAC;AACH;AAGA,SAAgB,oBAAoB;CAClC,MAAM,MAAM;AACd"}

package/dist/chunks/page-bundles-C4VW3dsK.js

@@ -0,0 +1,87 @@
+//#region packages/renderer/src/core/bundles/refs.ts
+var MAIN = "main";
+var PUBLIC = "public";
+function normalizeRef(ref, pageOrgId) {
+	if (typeof ref === "string") return ref ? {
+		kind: "lineage",
+		orgSlug: ref,
+		bundle: MAIN
+	} : null;
+	if (!ref || typeof ref !== "object") return null;
+	const r = ref;
+	if (typeof r.bundle_id === "string" && r.bundle_id) return {
+		kind: "pinned",
+		bundleId: r.bundle_id
+	};
+	if (typeof r.bundle === "string" && r.bundle) {
+		if (typeof r.org_slug === "string" && r.org_slug) return {
+			kind: "lineage",
+			orgSlug: r.org_slug,
+			bundle: r.bundle
+		};
+		return pageOrgId ? {
+			kind: "lineage-in-org",
+			orgId: pageOrgId,
+			bundle: r.bundle
+		} : null;
+	}
+	return null;
+}
+var refKey = (r) => r.kind === "pinned" ? `id:${r.bundleId}` : r.kind === "lineage" ? `slug:${r.orgSlug}/${r.bundle}` : `org:${r.orgId}/${r.bundle}`;
+function bundleScope(input) {
+	const out = [];
+	const seen = new Set();
+	const push = (r) => {
+		if (r && !seen.has(refKey(r))) {
+			seen.add(refKey(r));
+			out.push(r);
+		}
+	};
+	for (const ref of input.pageRefs ?? []) push(normalizeRef(ref, input.pageOrgId));
+	const pt = input.projectTemplate;
+	if (pt?.bundleName) push({
+		kind: "lineage-in-org",
+		orgId: pt.orgId,
+		bundle: pt.bundleName
+	});
+	push(normalizeRef(input.sectionRef, input.pageOrgId));
+	for (const org of input.orgs ?? []) push({
+		kind: "lineage-in-org",
+		orgId: org.id,
+		bundle: MAIN
+	});
+	return out;
+}
+//#endregion
+//#region packages/renderer/src/core/bundles/page-bundles.ts
+function pageBundleRefs(scope, cells, pageOrgId) {
+	const out = [...scope];
+	const seen = new Set(out.map(refKey));
+	for (const c of cells) {
+		const r = c.bundle_ref ? normalizeRef(c.bundle_ref, pageOrgId) : null;
+		if (r && !seen.has(refKey(r))) {
+			seen.add(refKey(r));
+			out.push(r);
+		}
+	}
+	return out;
+}
+function rowMatches(ref, row) {
+	if (ref.kind === "pinned") return row.id === ref.bundleId;
+	return row.bundle_name === ref.bundle && (ref.kind === "lineage" ? row.org_slug === ref.orgSlug : row.org_id === ref.orgId);
+}
+function pageBundles(scope, rows, loaded, pageOrgId) {
+	const byRow = new Map((loaded ?? []).map((b) => [b.id, b]));
+	return {
+		scope: loaded ? rows.filter((row) => scope.some((r) => rowMatches(r, row))).flatMap((row) => byRow.get(row.id) ?? []) : null,
+		forCell: (cell) => {
+			const ref = normalizeRef(cell.bundle_ref, pageOrgId);
+			const row = ref && rows.find((r) => rowMatches(ref, r));
+			return (row && byRow.get(row.id)) ?? null;
+		}
+	};
+}
+//#endregion
+export { bundleScope as a, PUBLIC as i, pageBundles as n, normalizeRef as o, MAIN as r, refKey as s, pageBundleRefs as t };
+
+//# sourceMappingURL=page-bundles-C4VW3dsK.js.map

package/dist/chunks/page-bundles-C4VW3dsK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-bundles-C4VW3dsK.js","names":[],"sources":["../../src/core/bundles/refs.ts","../../src/core/bundles/page-bundles.ts"],"mappings":"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"}