@contractspec/lib.example-shared-ui 6.0.16 → 6.0.18

package/dist/utils/index.js

@@ -1,30 +1,6 @@
 // @bun
-// src/utils/generateSpecFromTemplate.ts
-function generateSpecFromTemplate(template) {
-  const templateId = template?.id ?? "unknown";
-  if (!template) {
-    return generateDefaultSpec(templateId);
-  }
-  switch (templateId) {
-    case "crm-pipeline":
-      return generateCrmPipelineSpec(template.schema.contracts);
-    case "saas-boilerplate":
-      return generateSaasBoilerplateSpec(template.schema.contracts);
-    case "agent-console":
-      return generateAgentConsoleSpec(template.schema.contracts);
-    case "todos-app":
-      return generateTodosSpec(template.schema.contracts);
-    case "messaging-app":
-      return generateMessagingSpec(template.schema.contracts);
-    case "recipe-app-i18n":
-      return generateRecipeSpec(template.schema.contracts);
-    default:
-      return generateDefaultSpec(templateId);
-  }
-}
-function generateCrmPipelineSpec(contracts) {
-  return `// CRM Pipeline Specs
-// Contracts: ${contracts.join(", ")}
+function G(x){let b=x?.id??"unknown";if(!x)return j(b);switch(b){case"crm-pipeline":return q(x.schema.contracts);case"saas-boilerplate":return v(x.schema.contracts);case"agent-console":return y(x.schema.contracts);case"todos-app":return z(x.schema.contracts);case"messaging-app":return E(x.schema.contracts);case"recipe-app-i18n":return F(x.schema.contracts);default:return j(b)}}function q(x){return`// CRM Pipeline Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("crm.deal.updateStage.v1", {
   goal: "Move a deal to a different pipeline stage",
@@ -93,11 +69,8 @@ contractSpec("crm.contact.list.v1", {
       hasMore: "boolean"
     }
   }
-});`;
-}
-function generateSaasBoilerplateSpec(contracts) {
-  return `// SaaS Boilerplate Specs
-// Contracts: ${contracts.join(", ")}
+});`}function v(x){return`// SaaS Boilerplate Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("saas.project.create.v1", {
   goal: "Create a new project in an organization",
@@ -160,11 +133,8 @@ contractSpec("saas.settings.update.v1", {
     }
   },
   events: ["settings.updated"]
-});`;
-}
-function generateAgentConsoleSpec(contracts) {
-  return `// Agent Console Specs
-// Contracts: ${contracts.join(", ")}
+});`}function y(x){return`// Agent Console Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("agent.run.execute.v1", {
   goal: "Execute an agent run with specified tools",
@@ -230,11 +200,8 @@ contractSpec("agent.agent.create.v1", {
     }
   },
   events: ["agent.created"]
-});`;
-}
-function generateTodosSpec(contracts) {
-  return `// To-dos App Specs
-// Contracts: ${contracts.join(", ")}
+});`}function z(x){return`// To-dos App Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("tasks.board.v1", {
   goal: "Assign and approve craft work",
@@ -293,11 +260,8 @@ contractSpec("tasks.complete.v1", {
     }
   },
   events: ["task.completed"]
-});`;
-}
-function generateMessagingSpec(contracts) {
-  return `// Messaging App Specs
-// Contracts: ${contracts.join(", ")}
+});`}function E(x){return`// Messaging App Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("messaging.send.v1", {
   goal: "Deliver intent-rich updates",
@@ -350,11 +314,8 @@ contractSpec("messaging.read.v1", {
     }
   },
   events: ["message.read"]
-});`;
-}
-function generateRecipeSpec(contracts) {
-  return `// Recipe App (i18n) Specs
-// Contracts: ${contracts.join(", ")}
+});`}function F(x){return`// Recipe App (i18n) Specs
+// Contracts: ${x.join(", ")}
 
 contractSpec("recipes.lookup.v1", {
   goal: "Serve bilingual rituals",
@@ -401,13 +362,10 @@ contractSpec("recipes.favorite.toggle.v1", {
     }
   },
   events: ["recipe.favorited", "recipe.unfavorited"]
-});`;
-}
-function generateDefaultSpec(templateId) {
-  return `// ${templateId} Specs
+});`}function j(x){return`// ${x} Specs
 
-contractSpec("${templateId}.main.v1", {
-  goal: "Main operation for ${templateId}",
+contractSpec("${x}.main.v1", {
+  goal: "Main operation for ${x}",
   transport: { gql: { query: "main" } },
   io: {
     input: { 
@@ -417,22 +375,4 @@ contractSpec("${templateId}.main.v1", {
       result: "unknown"
     }
   }
-});`;
-}
-
-// src/utils/fetchPresentationData.ts
-async function fetchPresentationData(_presentationName, _templateId) {
-  throw new Error("fetchPresentationData is deprecated. Use fetchData from TemplateRuntimeContext.");
-}
-function hasPresentationDataFetcher(_presentationName) {
-  return false;
-}
-function getRegisteredPresentationFetchers() {
-  return [];
-}
-export {
-  hasPresentationDataFetcher,
-  getRegisteredPresentationFetchers,
-  generateSpecFromTemplate,
-  fetchPresentationData
-};
+});`}async function J(x,b){throw Error("fetchPresentationData is deprecated. Use fetchData from TemplateRuntimeContext.")}function K(x){return!1}function L(){return[]}export{K as hasPresentationDataFetcher,L as getRegisteredPresentationFetchers,G as generateSpecFromTemplate,J as fetchPresentationData};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/lib.example-shared-ui",
-  "version": "6.0.16",
+  "version": "6.0.18",
   "type": "module",
   "exports": {
     ".": {
@@ -209,8 +209,8 @@
     "dev": "contractspec-bun-build dev",
     "clean": "rimraf dist .turbo",
     "lint": "bun lint:fix",
-    "lint:fix": "biome check --write --unsafe --only=nursery/useSortedClasses . && biome check --write .",
-    "lint:check": "biome check .",
+    "lint:fix": "node ../../../scripts/biome.cjs check --write --unsafe --only=nursery/useSortedClasses . && node ../../../scripts/biome.cjs check --write .",
+    "lint:check": "node ../../../scripts/biome.cjs check .",
     "test": "bun test --pass-with-no-tests",
     "prebuild": "contractspec-bun-build prebuild",
     "typecheck": "tsc --noEmit"
@@ -423,7 +423,7 @@
     }
   },
   "peerDependencies": {
-    "@contractspec/lib.surface-runtime": "0.5.16"
+    "@contractspec/lib.surface-runtime": "0.5.18"
   },
   "peerDependenciesMeta": {
     "@contractspec/lib.surface-runtime": {
@@ -431,26 +431,26 @@
     }
   },
   "dependencies": {
-    "@apollo/client": "^4.1.6",
-    "@contractspec/lib.contracts-spec": "5.0.4",
-    "@contractspec/lib.design-system": "3.8.9",
-    "@contractspec/lib.ui-kit-web": "3.9.8",
-    "@tanstack/react-query": "^5.95.2",
+    "@apollo/client": "^4.1.7",
+    "@contractspec/lib.contracts-spec": "5.2.0",
+    "@contractspec/lib.design-system": "3.8.11",
+    "@contractspec/lib.ui-kit-web": "3.9.10",
+    "@tanstack/react-query": "^5.97.0",
     "framer-motion": "^12.38.0",
-    "lucide-react": "^1.6.0",
+    "lucide-react": "^1.8.0",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "@contractspec/lib.presentation-runtime-core": "3.9.4"
+    "@contractspec/lib.presentation-runtime-core": "3.9.6"
   },
   "optionalDependencies": {
-    "@contractspec/lib.surface-runtime": "0.5.16"
+    "@contractspec/lib.surface-runtime": "0.5.18"
   },
   "devDependencies": {
-    "@contractspec/tool.typescript": "3.7.12",
+    "@contractspec/tool.typescript": "3.7.13",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.2",
     "typescript": "^5.9.3",
-    "@contractspec/tool.bun": "3.7.12"
+    "@contractspec/tool.bun": "3.7.14"
   },
   "types": "./dist/index.d.ts"
 }

package/src/lib/component-registry.tsx

@@ -36,7 +36,22 @@ export class TemplateComponentRegistry {
 	}
 }
 
-export const templateComponentRegistry = new TemplateComponentRegistry();
+const TEMPLATE_COMPONENT_REGISTRY_KEY = Symbol.for(
+	'@contractspec/lib.example-shared-ui/template-component-registry'
+);
+
+type TemplateComponentRegistryStore = typeof globalThis & {
+	[TEMPLATE_COMPONENT_REGISTRY_KEY]?: TemplateComponentRegistry;
+};
+
+function getTemplateComponentRegistrySingleton() {
+	const store = globalThis as TemplateComponentRegistryStore;
+	store[TEMPLATE_COMPONENT_REGISTRY_KEY] ??= new TemplateComponentRegistry();
+	return store[TEMPLATE_COMPONENT_REGISTRY_KEY];
+}
+
+export const templateComponentRegistry =
+	getTemplateComponentRegistrySingleton();
 
 export function registerTemplateComponents(
 	templateId: TemplateId,

package/src/lib/runtime-context.tsx

@@ -2,7 +2,7 @@
 
 import type { ApolloClient } from '@apollo/client';
 import type { TransformEngine } from '@contractspec/lib.presentation-runtime-core/transform-engine';
-import { createContext, useContext } from 'react';
+import { type Context, createContext, useContext } from 'react';
 import type {
 	TemplateDefinition,
 	TemplateId,
@@ -32,8 +32,22 @@ export interface TemplateRuntimeContextValue<
 	resolvePresentation?: (presentationName: string) => unknown;
 }
 
-export const TemplateRuntimeContext =
-	createContext<TemplateRuntimeContextValue | null>(null);
+const TEMPLATE_RUNTIME_CONTEXT_KEY = Symbol.for(
+	'@contractspec/lib.example-shared-ui/template-runtime-context'
+);
+
+type TemplateRuntimeContextStore = typeof globalThis & {
+	[TEMPLATE_RUNTIME_CONTEXT_KEY]?: Context<TemplateRuntimeContextValue | null>;
+};
+
+function getTemplateRuntimeContextSingleton() {
+	const store = globalThis as TemplateRuntimeContextStore;
+	store[TEMPLATE_RUNTIME_CONTEXT_KEY] ??=
+		createContext<TemplateRuntimeContextValue | null>(null);
+	return store[TEMPLATE_RUNTIME_CONTEXT_KEY];
+}
+
+export const TemplateRuntimeContext = getTemplateRuntimeContextSingleton();
 
 export function useTemplateRuntime<
 	THandlers = GenericTemplateHandlers,

package/src/lib/singletons.test.ts

@@ -0,0 +1,51 @@
+import { describe, expect, test } from 'bun:test';
+import {
+	registerTemplateComponents,
+	templateComponentRegistry,
+} from './component-registry';
+import { TemplateRuntimeContext } from './runtime-context';
+
+const TEMPLATE_RUNTIME_CONTEXT_KEY = Symbol.for(
+	'@contractspec/lib.example-shared-ui/template-runtime-context'
+);
+const TEMPLATE_COMPONENT_REGISTRY_KEY = Symbol.for(
+	'@contractspec/lib.example-shared-ui/template-component-registry'
+);
+
+const DummyComponent = () => null;
+
+describe('@contractspec/lib.example-shared-ui singletons', () => {
+	test('stores TemplateRuntimeContext on globalThis and reuses it', async () => {
+		const runtimeContextStore = globalThis as Record<PropertyKey, unknown>;
+		const runtimeContextModule = await import('./runtime-context');
+
+		expect(runtimeContextStore[TEMPLATE_RUNTIME_CONTEXT_KEY]).toBe(
+			TemplateRuntimeContext
+		);
+		expect(runtimeContextModule.TemplateRuntimeContext).toBe(
+			TemplateRuntimeContext
+		);
+	});
+
+	test('stores TemplateComponentRegistry on globalThis and reuses registrations', async () => {
+		const registryStore = globalThis as Record<PropertyKey, unknown>;
+		const registryModule = await import('./component-registry');
+		const templateId = `singleton-test-${Date.now()}`;
+		const registration = {
+			list: DummyComponent,
+			detail: DummyComponent,
+		};
+
+		registerTemplateComponents(templateId, registration);
+
+		expect(registryStore[TEMPLATE_COMPONENT_REGISTRY_KEY]).toBe(
+			templateComponentRegistry
+		);
+		expect(registryModule.templateComponentRegistry).toBe(
+			templateComponentRegistry
+		);
+		expect(registryModule.templateComponentRegistry.get(templateId)).toBe(
+			registration
+		);
+	});
+});