@nexart/ui-renderer 0.3.1 → 0.6.0

package/dist/preview/code-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-renderer.d.ts","sourceRoot":"","sources":["../../src/preview/code-renderer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAWjE,UAAU,SAAS;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AA4DD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,iBAAiB,EACzB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GACX,SAAS,CAueX;AASD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,KAAK,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC;CACnB;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,gBAAgB,EACxB,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,cAAmB,GAC3B,YAAY,CAoMd"}
+{"version":3,"file":"code-renderer.d.ts","sourceRoot":"","sources":["../../src/preview/code-renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAMjE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,KAAK,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC;CACnB;AAuDD,UAAU,SAAS;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,SAAS,MAAM,EAAE,CAAC;CACxB;AA+GD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,iBAAiB,EACzB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,IAAI,GAAE,MAAM,EAAmC,GAC9C,SAAS,CA0eX;AAsCD,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,gBAAgB,EACxB,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,cAAmB,GAC3B,YAAY,CA4Md"}

package/dist/preview/code-renderer.js

@@ -1,10 +1,72 @@
 /**
- * @nexart/ui-renderer v0.3.0 - Code Mode Renderer
+ * @nexart/ui-renderer v0.6.0 - Code Mode Renderer
  *
- * Renders Code Mode systems using the canonical NexArt p5-like runtime.
- * This uses the exact same execution logic as nexart.xyz for determinism.
+ * ╔══════════════════════════════════════════════════════════════════════════╗
+ * ║  PREVIEW RENDERER — MIRRORS @nexart/codemode-sdk BEHAVIOR                ║
+ * ║                                                                          ║
+ * ║  This file is a MIRROR, not an authority.                                ║
+ * ║                                                                          ║
+ * ║  Authority: @nexart/codemode-sdk (Protocol v1.0.0)                       ║
+ * ╚══════════════════════════════════════════════════════════════════════════╝
+ *
+ * ARCHITECTURAL NOTE:
+ * -------------------
+ * Live preview animation requires local p5 runtime execution because:
+ * - @nexart/codemode-sdk.executeCodeMode() returns blobs (PNG/MP4), not frames
+ * - Real-time animation in the browser requires frame-by-frame canvas updates
+ * - The SDK's loop mode produces video files, not real-time rendering
+ *
+ * To ensure faithful mirroring, this renderer:
+ * 1. Uses identical forbidden pattern validation as the SDK
+ * 2. Uses identical VAR handling (read-only, 0-10 input → 10 runtime, 0-100 strict, errors not clamps)
+ * 3. Uses identical seeded RNG (Mulberry32) and Perlin noise
+ * 4. Uses identical time variable semantics (frameCount, t, time, tGlobal)
+ *
+ * For archival/canonical output, use @nexart/codemode-sdk directly.
  */
+const PROTOCOL_VERSION = '1.0.0';
 let activeRendererInstance = null;
+/**
+ * Validate and normalize VAR array to 10 elements.
+ *
+ * ╔════════════════════════════════════════════════════════════════════════════╗
+ * ║  MUST MATCH @nexart/codemode-sdk v1.1.0 EXACTLY                            ║
+ * ║  Any change here requires updating codemode-sdk's normalizeVars() too.     ║
+ * ╚════════════════════════════════════════════════════════════════════════════╝
+ *
+ * Rules (SDK v1.1.0, Protocol v1.0.0):
+ * - VAR is OPTIONAL: omit or pass [] for empty (defaults to all zeros)
+ * - VAR input length MUST be 0-10 elements (protocol error if > 10)
+ * - VAR values MUST be finite numbers (protocol error if not)
+ * - VAR values MUST be in range 0-100 (protocol error if out of range, NO clamping)
+ * - VAR is read-only inside sketches
+ * - Output is ALWAYS 10 elements (padded with zeros) for protocol consistency
+ */
+function normalizeVars(vars) {
+    if (!vars || !Array.isArray(vars)) {
+        console.log('[UIRenderer] No vars provided, using defaults [0,0,0,0,0,0,0,0,0,0]');
+        return [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+    }
+    if (vars.length > 10) {
+        throw new Error(`[Code Mode Protocol Error] VAR array must have at most 10 elements, got ${vars.length}`);
+    }
+    const result = [];
+    for (let i = 0; i < vars.length; i++) {
+        const v = vars[i];
+        if (typeof v !== 'number' || !Number.isFinite(v)) {
+            throw new Error(`[Code Mode Protocol Error] VAR[${i}] must be a finite number, got ${typeof v === 'number' ? v : typeof v}`);
+        }
+        if (v < 0 || v > 100) {
+            throw new Error(`[Code Mode Protocol Error] VAR[${i}] = ${v} is out of range. Values must be 0-100.`);
+        }
+        result.push(v);
+    }
+    // Pad with zeros to always have 10 elements for protocol consistency
+    while (result.length < 10) {
+        result.push(0);
+    }
+    return result;
+}
 function createSeededRNG(seed = 123456) {
     let a = seed >>> 0;
     return () => {
@@ -54,7 +116,49 @@ function createSeededNoise(seed = 0) {
         return (lerp(lerp(lerp(grad(permutation[AA], x, y, z), grad(permutation[BA], x - 1, y, z), u), lerp(grad(permutation[AB], x, y - 1, z), grad(permutation[BB], x - 1, y - 1, z), u), v), lerp(lerp(grad(permutation[AA + 1], x, y, z - 1), grad(permutation[BA + 1], x - 1, y, z - 1), u), lerp(grad(permutation[AB + 1], x, y - 1, z - 1), grad(permutation[BB + 1], x - 1, y - 1, z - 1), u), v), w) + 1) / 2;
     };
 }
-export function createP5Runtime(canvas, width, height, seed) {
+/**
+ * Create a protected, read-only VAR array for protocol execution.
+ *
+ * ╔════════════════════════════════════════════════════════════════════════════╗
+ * ║  MUST MATCH @nexart/codemode-sdk v1.1.0 EXACTLY                            ║
+ * ║  Any change here requires updating codemode-sdk's createProtocolVAR() too. ║
+ * ╚════════════════════════════════════════════════════════════════════════════╝
+ *
+ * SDK v1.1.0 Rules (Protocol v1.0.0):
+ * - Input accepts 0-10 elements
+ * - Runtime VAR is ALWAYS 10 elements (padded with zeros)
+ * - Values are numeric, must be in 0-100 range (validated upstream)
+ * - Read-only: writes throw descriptive errors
+ */
+function createProtectedVAR(vars) {
+    // Create frozen 10-element array (upstream normalizeVars ensures this)
+    const normalizedVars = [];
+    for (let i = 0; i < 10; i++) {
+        normalizedVars[i] = vars?.[i] ?? 0;
+    }
+    // Freeze the array to prevent modifications
+    const frozenVars = Object.freeze(normalizedVars);
+    // Wrap in Proxy for descriptive error messages on write attempts
+    return new Proxy(frozenVars, {
+        set(_target, prop, _value) {
+            const propName = typeof prop === 'symbol' ? prop.toString() : prop;
+            throw new Error(`[Code Mode Protocol Error] VAR is read-only. ` +
+                `Cannot write to VAR[${propName}]. ` +
+                `VAR[0..9] are protocol inputs, not sketch state.`);
+        },
+        deleteProperty(_target, prop) {
+            const propName = typeof prop === 'symbol' ? prop.toString() : prop;
+            throw new Error(`[Code Mode Protocol Error] VAR is read-only. ` +
+                `Cannot delete VAR[${propName}].`);
+        },
+        defineProperty(_target, prop) {
+            const propName = typeof prop === 'symbol' ? prop.toString() : prop;
+            throw new Error(`[Code Mode Protocol Error] Cannot define new VAR properties. ` +
+                `VAR is fixed at 10 elements (VAR[0..9]). Attempted: ${propName}`);
+        },
+    });
+}
+export function createP5Runtime(canvas, width, height, seed, vars = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]) {
     const ctx = canvas.getContext('2d', { willReadFrequently: true });
     let currentFill = 'rgba(255, 255, 255, 1)';
     let currentStroke = 'rgba(0, 0, 0, 1)';
@@ -105,10 +209,12 @@ export function createP5Runtime(canvas, width, height, seed) {
         }
         return 'rgba(0, 0, 0, 1)';
     };
+    const protectedVAR = createProtectedVAR(vars);
     const p = {
         width,
         height,
         frameCount: 0,
+        VAR: protectedVAR,
         PI: Math.PI,
         TWO_PI: Math.PI * 2,
         HALF_PI: Math.PI / 2,
@@ -492,7 +598,37 @@ function injectTimeVariables(p, time) {
     p.time = time.time;
     p.tGlobal = time.tGlobal;
 }
+/**
+ * Validate forbidden patterns in code.
+ * MIRRORS @nexart/codemode-sdk forbidden patterns exactly.
+ * Error messages match SDK wording for consistency.
+ */
+function validateForbiddenPatterns(code) {
+    const forbiddenPatterns = [
+        { pattern: /setTimeout\s*\(/, name: 'setTimeout' },
+        { pattern: /setInterval\s*\(/, name: 'setInterval' },
+        { pattern: /requestAnimationFrame\s*\(/, name: 'requestAnimationFrame' },
+        { pattern: /Date\.now\s*\(/, name: 'Date.now() — use time variable instead' },
+        { pattern: /new\s+Date\s*\(/, name: 'new Date() — use time variable instead' },
+        { pattern: /Math\.random\s*\(/, name: 'Math.random() — use random() instead (seeded)' },
+        { pattern: /fetch\s*\(/, name: 'fetch() — external IO forbidden' },
+        { pattern: /XMLHttpRequest/, name: 'XMLHttpRequest — external IO forbidden' },
+        { pattern: /createCanvas\s*\(/, name: 'createCanvas() — canvas is pre-initialized' },
+        { pattern: /document\./, name: 'DOM access — document.* forbidden' },
+        { pattern: /window\./, name: 'DOM access — window.* forbidden' },
+        { pattern: /\bimport\s+/, name: 'import — external imports forbidden' },
+        { pattern: /\brequire\s*\(/, name: 'require() — external imports forbidden' },
+    ];
+    for (const { pattern, name } of forbiddenPatterns) {
+        if (pattern.test(code)) {
+            throw new Error(`[Code Mode Protocol Error] Forbidden pattern: ${name}`);
+        }
+    }
+}
 export function renderCodeModeSystem(system, canvas, options = {}) {
+    console.log('[UIRenderer] Preview delegation → @nexart/codemode-sdk');
+    console.log(`[UIRenderer] Protocol version: ${PROTOCOL_VERSION}`);
+    console.log(`[UIRenderer] Mode: ${system.mode}`);
     if (activeRendererInstance) {
         activeRendererInstance.destroy();
         activeRendererInstance = null;
@@ -504,6 +640,7 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
     let animationId = null;
     let isRunning = false;
     let isDestroyed = false;
+    const normalizedVars = normalizeVars(system.vars);
     const extractFunctions = (code) => {
         const setupMatch = code.match(/function\s+setup\s*\(\s*\)\s*\{([\s\S]*?)\}(?=\s*function|\s*$)/);
         const drawMatch = code.match(/function\s+draw\s*\(\s*\)\s*\{([\s\S]*?)\}(?=\s*function|\s*$)/);
@@ -512,18 +649,10 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
             drawCode: drawMatch ? drawMatch[1].trim() : null,
         };
     };
-    const validateCode = (code) => {
-        const forbiddenPatterns = ['setTimeout', 'setInterval', 'requestAnimationFrame'];
-        for (const pattern of forbiddenPatterns) {
-            if (code.includes(pattern)) {
-                throw new Error(`Forbidden async timing function: ${pattern}`);
-            }
-        }
-    };
     const drawBadge = () => {
         if (!showBadge)
             return;
-        const text = '⚠️ Preview Renderer (Non-Canonical)';
+        const text = '⚠️ Preview (mirrors @nexart/codemode-sdk)';
         ctx.font = '12px -apple-system, sans-serif';
         const metrics = ctx.measureText(text);
         const padding = 8;
@@ -541,14 +670,23 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
         ctx.fillStyle = '#ff9999';
         ctx.fillText(text, x + padding, y + 16);
     };
+    const renderBlackCanvas = (error) => {
+        ctx.fillStyle = '#000000';
+        ctx.fillRect(0, 0, system.width, system.height);
+        ctx.fillStyle = '#ff6666';
+        ctx.font = '14px monospace';
+        ctx.fillText('[Protocol Error]', 20, 30);
+        ctx.fillText(error.message, 20, 50);
+    };
     const renderStatic = () => {
         try {
-            validateCode(system.source);
+            console.log('[UIRenderer] Delegating static render via protocol-aligned runtime');
+            validateForbiddenPatterns(system.source);
             const { setupCode } = extractFunctions(system.source);
-            const p = createP5Runtime(canvas, system.width, system.height, system.seed);
+            const p = createP5Runtime(canvas, system.width, system.height, system.seed, normalizedVars);
             injectTimeVariables(p, { frameCount: 0, t: 0, time: 0, tGlobal: 0 });
-            const wrappedSetup = new Function('p', 'frameCount', 't', 'time', 'tGlobal', `with(p) { ${setupCode} }`);
-            wrappedSetup(p, 0, 0, 0, 0);
+            const wrappedSetup = new Function('p', 'frameCount', 't', 'time', 'tGlobal', 'VAR', `with(p) { ${setupCode} }`);
+            wrappedSetup(p, 0, 0, 0, 0, p.VAR);
             drawBadge();
             onPreview?.(canvas);
             canvas.toBlob((blob) => {
@@ -559,26 +697,27 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
         }
         catch (error) {
             const err = error instanceof Error ? error : new Error(String(error));
+            console.error('[UIRenderer Protocol Error]', err.message);
+            renderBlackCanvas(err);
             onError?.(err);
-            throw err;
         }
     };
     const renderLoop = () => {
         if (isDestroyed)
             return;
         try {
-            validateCode(system.source);
+            console.log('[UIRenderer] Delegating loop render via protocol-aligned runtime');
+            validateForbiddenPatterns(system.source);
             const { setupCode, drawCode } = extractFunctions(system.source);
             if (!drawCode) {
-                throw new Error('Loop mode requires a draw() function');
+                throw new Error('[Protocol Error] Loop mode requires a draw() function');
             }
             const totalFrames = system.totalFrames ?? 60;
             let frame = 0;
-            const p = createP5Runtime(canvas, system.width, system.height, system.seed);
-            const frozenP = Object.freeze({ ...p });
-            const wrappedSetup = new Function('p', 'frameCount', 't', 'time', 'tGlobal', `with(p) { ${setupCode} }`);
-            const wrappedDraw = new Function('p', 'frameCount', 't', 'time', 'tGlobal', `with(p) { ${drawCode} }`);
-            wrappedSetup(p, 0, 0, 0, 0);
+            const p = createP5Runtime(canvas, system.width, system.height, system.seed, normalizedVars);
+            const wrappedSetup = new Function('p', 'frameCount', 't', 'time', 'tGlobal', 'VAR', `with(p) { ${setupCode} }`);
+            const wrappedDraw = new Function('p', 'frameCount', 't', 'time', 'tGlobal', 'VAR', `with(p) { ${drawCode} }`);
+            wrappedSetup(p, 0, 0, 0, 0, p.VAR);
             const loop = () => {
                 if (!isRunning || isDestroyed)
                     return;
@@ -588,7 +727,7 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
                 injectTimeVariables(p, { frameCount: frame, t, time, tGlobal: t });
                 p.randomSeed(system.seed);
                 p.noiseSeed(system.seed);
-                wrappedDraw(p, frame, t, time, t);
+                wrappedDraw(p, frame, t, time, t, p.VAR);
                 drawBadge();
                 frame = (frame + 1) % totalFrames;
                 animationId = requestAnimationFrame(loop);
@@ -598,8 +737,9 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
         }
         catch (error) {
             const err = error instanceof Error ? error : new Error(String(error));
+            console.error('[UIRenderer Protocol Error]', err.message);
+            renderBlackCanvas(err);
             onError?.(err);
-            throw err;
         }
     };
     const render = () => {

package/dist/system.d.ts

@@ -1,8 +1,9 @@
 /**
- * @nexart/ui-renderer v0.4.0 - System Creation & Validation
+ * @nexart/ui-renderer v0.6.0 - System Creation & Validation
  *
  * Opinionated generative design system with aesthetic guardrails.
  * Supports background, primitive, and sketch element types.
+ * Mirrors @nexart/codemode-sdk v1.1.0 VAR semantics.
  */
 import type { NexArtSystemInput, NexArtSystem, DeclarativeSystem, NexArtCodeSystem, UnifiedSystem, ValidationResult } from './types';
 export declare function validateSystem(input: NexArtSystemInput): ValidationResult;

package/dist/system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../src/system.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EAEZ,iBAAiB,EAEjB,gBAAgB,EAEhB,aAAa,EAGb,gBAAgB,EAKjB,MAAM,SAAS,CAAC;AAiTjB,wBAAgB,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,gBAAgB,CAiBzE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CA6DnE;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,gBAAgB,CAEjF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,aAAa,CAEjF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,iBAAiB,CAErF"}
+{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../src/system.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EAEZ,iBAAiB,EAEjB,gBAAgB,EAEhB,aAAa,EAGb,gBAAgB,EAKjB,MAAM,SAAS,CAAC;AA6UjB,wBAAgB,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,gBAAgB,CAiBzE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CA8DnE;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,gBAAgB,CAEjF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,aAAa,CAEjF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,iBAAiB,CAErF"}

package/dist/system.js

@@ -1,10 +1,11 @@
 /**
- * @nexart/ui-renderer v0.4.0 - System Creation & Validation
+ * @nexart/ui-renderer v0.6.0 - System Creation & Validation
  *
  * Opinionated generative design system with aesthetic guardrails.
  * Supports background, primitive, and sketch element types.
+ * Mirrors @nexart/codemode-sdk v1.1.0 VAR semantics.
  */
-const CURRENT_VERSION = '0.4';
+const CURRENT_VERSION = '0.6';
 function isCodeSystem(input) {
     return 'type' in input && input.type === 'code';
 }
@@ -22,7 +23,14 @@ const VALID_ELEMENT_TYPES = ['dots', 'lines', 'waves', 'grid', 'flowField', 'orb
 const VALID_MOTION_SOURCES = ['none', 'time', 'seed'];
 const VALID_TEXTURES = ['none', 'noise', 'grain'];
 const VALID_BACKGROUND_PRESETS = ['layered-waves', 'soft-noise-field', 'orbital-lines', 'flowing-stripes', 'minimal-grid'];
-const VALID_PRIMITIVE_NAMES = ['waves', 'dots', 'lines', 'grid', 'flow', 'orbits', 'circles', 'stripes'];
+const VALID_PRIMITIVE_NAMES = [
+    'dots', 'lines', 'waves', 'stripes', 'circles', 'grid',
+    'polygons', 'diamonds', 'hexgrid', 'stars', 'concentricSquares',
+    'spirals', 'rays', 'orbits', 'rings', 'arcs', 'radialLines', 'petals',
+    'flow', 'particles', 'bubbles',
+    'crosshatch', 'chevrons', 'zigzag', 'weave', 'moire',
+    'curves', 'noise', 'mesh', 'branches',
+];
 const VALID_PALETTES = ['offwhite-dark', 'midnight', 'warm-neutral', 'ocean', 'sunset', 'forest'];
 function validateUnifiedElement(el, index) {
     const errors = [];
@@ -228,6 +236,29 @@ function validateCodeSystem(input) {
     if (input.seed !== undefined && typeof input.seed !== 'number') {
         errors.push('seed must be a number');
     }
+    // VAR validation: matches @nexart/codemode-sdk v1.1.0 exactly
+    // - Input is optional (0-10 elements)
+    // - Values must be finite numbers in 0-100 range
+    // - Runtime is always 10 elements (padded with zeros)
+    if (input.vars !== undefined) {
+        if (!Array.isArray(input.vars)) {
+            errors.push('vars must be an array');
+        }
+        else if (input.vars.length > 10) {
+            errors.push(`[Code Mode Protocol Error] VAR array must have at most 10 elements, got ${input.vars.length}`);
+        }
+        else {
+            for (let i = 0; i < input.vars.length; i++) {
+                const v = input.vars[i];
+                if (typeof v !== 'number' || !Number.isFinite(v)) {
+                    errors.push(`[Code Mode Protocol Error] VAR[${i}] must be a finite number, got ${typeof v === 'number' ? v : typeof v}`);
+                }
+                else if (v < 0 || v > 100) {
+                    errors.push(`[Code Mode Protocol Error] VAR[${i}] = ${v} is out of range. Values must be 0-100.`);
+                }
+            }
+        }
+    }
     return errors;
 }
 function validateDeclarativeSystem(input) {
@@ -289,6 +320,7 @@ export function createSystem(input) {
             height: input.height,
             seed: input.seed ?? Math.floor(Math.random() * 2147483647),
             totalFrames: input.totalFrames,
+            vars: input.vars,
             deterministic: true,
             createdAt: new Date().toISOString(),
         };

package/dist/types.d.ts

@@ -1,10 +1,11 @@
 /**
- * @nexart/ui-renderer v0.4.0 - Type Definitions
+ * @nexart/ui-renderer v0.6.0 - Type Definitions
  *
  * Opinionated generative design system with aesthetic guardrails.
  * This SDK is non-canonical and for authoring/preview only.
+ * Mirrors @nexart/codemode-sdk v1.1.0 VAR semantics.
  */
-export declare const SDK_VERSION = "0.4.0";
+export declare const SDK_VERSION = "0.6.0";
 export declare const AESTHETIC_DEFAULTS: {
     readonly background: {
         readonly r: 246;
@@ -52,7 +53,7 @@ export interface BackgroundElement {
     loop?: LoopConfig;
     seed?: number;
 }
-export type PrimitiveName = 'waves' | 'dots' | 'lines' | 'grid' | 'flow' | 'orbits' | 'circles' | 'stripes';
+export type PrimitiveName = 'waves' | 'dots' | 'lines' | 'grid' | 'flow' | 'orbits' | 'circles' | 'stripes' | 'spirals' | 'rays' | 'stars' | 'polygons' | 'hexgrid' | 'arcs' | 'crosshatch' | 'chevrons' | 'zigzag' | 'rings' | 'diamonds' | 'bubbles' | 'mesh' | 'curves' | 'noise' | 'particles' | 'petals' | 'branches' | 'weave' | 'moire' | 'radialLines' | 'concentricSquares';
 export interface PrimitiveElement {
     type: 'primitive';
     name: PrimitiveName;
@@ -101,6 +102,7 @@ export interface CodeSystem {
     height: number;
     seed?: number;
     totalFrames?: number;
+    vars?: number[];
 }
 export interface BackgroundConfig {
     color: string;
@@ -197,6 +199,7 @@ export interface NexArtCodeSystem {
     height: number;
     seed: number;
     totalFrames?: number;
+    vars?: number[];
     deterministic: boolean;
     createdAt: string;
 }

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,WAAW,UAAU,CAAC;AAEnC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQrB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7E,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,gBAAgB,GACxB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,iBAAiB,GACjB,cAAc,CAAC;AAEnB,MAAM,MAAM,YAAY,GACpB,eAAe,GACf,UAAU,GACV,cAAc,GACd,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,aAAa,GACrB,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,aAAa,CAAC;AAElF,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,SAAS,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,aAAa,EAAE,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;QAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,aAAa,CAAC;AAElB,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,aAAa,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,MAAM,EAAE,YAAY,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG,UAAU,GAAG,kBAAkB,CAAC;AACzF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,aAAa,CAAC;AAEhF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;QAAC,IAAI,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -1,10 +1,11 @@
 /**
- * @nexart/ui-renderer v0.4.0 - Type Definitions
+ * @nexart/ui-renderer v0.6.0 - Type Definitions
  *
  * Opinionated generative design system with aesthetic guardrails.
  * This SDK is non-canonical and for authoring/preview only.
+ * Mirrors @nexart/codemode-sdk v1.1.0 VAR semantics.
  */
-export const SDK_VERSION = '0.4.0';
+export const SDK_VERSION = '0.6.0';
 export const AESTHETIC_DEFAULTS = {
     background: { r: 246, g: 245, b: 242 },
     foreground: { r: 45, g: 45, b: 45 },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexart/ui-renderer",
-  "version": "0.3.1",
-  "description": "Declarative and Code Mode system authoring SDK for NexArt Protocol (non-canonical, preview only)",
+  "version": "0.6.0",
+  "description": "Declarative and Code Mode system authoring SDK for NexArt Protocol (non-canonical, preview only). Mirrors @nexart/codemode-sdk v1.1.0 VAR semantics.",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -20,6 +20,9 @@
     "build": "tsc",
     "prepublishOnly": "npm run build"
   },
+  "dependencies": {
+    "@nexart/codemode-sdk": "^1.0.0"
+  },
   "devDependencies": {
     "typescript": "^5.0.0"
   },

package/dist/preview/primitives/sketch.d.ts

@@ -1,14 +0,0 @@
-/**
- * @nexart/ui-renderer v0.2.1 - Sketch Primitive Renderer
- *
- * Executes raw Code Mode p5-like sketches.
- * This is NOT canonical output - for preview/exploration only.
- */
-import type { SketchElement } from '../../types';
-export interface SketchRenderer {
-    render: (frameCount: number) => void;
-    hasSetup: boolean;
-    hasDraw: boolean;
-}
-export declare function createSketchRenderer(element: SketchElement, ctx: CanvasRenderingContext2D, width: number, height: number, seed: number): SketchRenderer;
-//# sourceMappingURL=sketch.d.ts.map

package/dist/preview/primitives/sketch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sketch.d.ts","sourceRoot":"","sources":["../../../src/preview/primitives/sketch.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA2ajD,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,aAAa,EACtB,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GACX,cAAc,CAwChB"}