view-contracts 0.4.3 → 0.4.5

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.5
 
 ## Table of Contents
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "view-contracts",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "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/react/routes.yaml

@@ -8,21 +8,24 @@ react:
   templates: renderers/react/templates
   outputs:
     screen:
-      pattern: '{{projectRoot}}/generated/react/{{screenName}}.generated.tsx'
+      pattern: '{{projectRoot}}/generated/react/components/{{screenName}}.generated.tsx'
+    partial:
+      pattern: '{{projectRoot}}/generated/react/components/{{exportName}}.generated.tsx'
   preview:
     entry: .vite/preview-main.tsx
     generatedEntry: src/main.tsx
 
 swiftui:
-  description: SwiftUI renderer (scaffold — implement using elements.map.yaml + properties.map.yaml)
+  description: SwiftUI renderer (vocabulary lowering via renderers/swiftui/elements.yaml)
   outputs:
     screen:
-      pattern: '{{projectRoot}}/generated/swiftui/{{screenName}}.swift'
-      template: templates/Screen.swift.hbs
+      pattern: '{{projectRoot}}/generated/swiftui/{{screenName}}.generated.swift'
+    partial:
+      pattern: '{{projectRoot}}/generated/swiftui/{{exportName}}.generated.swift'
 
 compose:
-  description: Jetpack Compose renderer (scaffold)
+  description: Jetpack Compose renderer (scaffold — screen stubs only; partial emission tracked separately)
   outputs:
     screen:
       pattern: '{{projectRoot}}/generated/compose/{{screenName}}Screen.kt'
-      template: templates/Screen.kt.hbs
+    # partial: not emitted yet — see issue #47

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);
+}