view-contracts 0.4.2 → 0.4.4

package/docs/cli-reference.md

@@ -2,7 +2,7 @@
 
 Contract-first UI design toolchain. Compiles restricted view-contract TSX to language-neutral View IR and renders platform targets (React, SwiftUI, Compose).
 
-**Version:** 0.3.5
+**Version:** 0.4.4
 
 ## Table of Contents
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "view-contracts",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "Contract-first UI design toolchain — restricted TSX to View IR to platform renderers",
   "type": "module",
   "bin": {

package/renderers/react/renderComponents.ts

@@ -54,7 +54,10 @@ function partialFunctionParams(doc: ViewIrDocument): string {
   const match = doc.propsType.match(/^\{\s*([^}]+)\s*\}$/);
   if (!match) return `props: ${doc.propsType}`;
   const inner = match[1].trim();
-  const propNames = inner.split(',').map((part) => part.split(':')[0]!.trim());
+  const propNames = inner
+    .split(/[,;]/)
+    .map((part) => part.split(':')[0]!.trim())
+    .filter(Boolean);
   return `{ ${propNames.join(', ')} }: ${doc.propsType}`;
 }
 

package/renderers/registry.ts

@@ -0,0 +1,62 @@
+/**
+ * Unified renderer registry — sole entry point for core → renderer dispatch.
+ * Each export lazily loads its submodule so unused renderers are not pulled in.
+ */
+import type { ViewContractsConfig, ViewBindingsFile } from '../src/config.js';
+import type { ViewIrDocument } from '../src/ir/types.js';
+import type { ThemeIR, TokenIR } from '../src/design/types.js';
+
+export type { RenderReactOptions } from './react/renderComponents.js';
+
+export async function renderReactFromIr(
+  doc: ViewIrDocument,
+  outputPath: string,
+  options: import('./react/renderComponents.js').RenderReactOptions,
+): Promise<void> {
+  const mod = await import('./react/renderComponents.js');
+  return mod.renderReactFromIr(doc, outputPath, options);
+}
+
+export async function renderReactPreviewBundle(
+  screen: ViewIrDocument,
+  partials: ViewIrDocument[],
+  options: import('./react/renderComponents.js').RenderReactOptions,
+): Promise<string> {
+  const mod = await import('./react/renderComponents.js');
+  return mod.renderReactPreviewBundle(screen, partials, options);
+}
+
+export async function renderReactRuntime(
+  configPath: string,
+  config: ViewContractsConfig,
+): Promise<void> {
+  const mod = await import('./react/renderRuntime.js');
+  return mod.renderReactRuntime(configPath, config);
+}
+
+export async function renderSwiftUIRuntime(
+  configPath: string,
+  config: ViewContractsConfig,
+  bindings: ViewBindingsFile,
+  design?: { theme: ThemeIR; tokens: TokenIR },
+  compiledDocs?: { screens: Map<string, ViewIrDocument>; partials: ViewIrDocument[] },
+): Promise<void> {
+  const mod = await import('./swiftui/renderRuntime.js');
+  return mod.renderSwiftUIRuntime(configPath, config, bindings, design, compiledDocs);
+}
+
+export async function renderSwiftComponent(
+  doc: ViewIrDocument,
+  options: { theme: ThemeIR; tokens: TokenIR; allowlistExtra?: string[] },
+): Promise<string> {
+  const mod = await import('./swiftui/renderComponents.js');
+  return mod.renderSwiftComponent(doc, options);
+}
+
+export async function renderComposeRuntime(
+  config: ViewContractsConfig,
+  bindings: ViewBindingsFile,
+): Promise<void> {
+  const mod = await import('./compose/renderRuntime.js');
+  return mod.renderComposeRuntime(config, bindings);
+}