juxscript 1.1.286 → 1.1.289

package/dist/lib/state/pageState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pageState.d.ts","sourceRoot":"","sources":["../../../lib/state/pageState.ts"],"names":[],"mappings":"AAeA,cAAM,SAAS;IACX,OAAO,CAAC,SAAS,CAA0C;IAC3D,OAAO,CAAC,MAAM,CAAsB;IAEpC,MAAM,CAAC,QAAQ,CAAC,WAAW,mKAQhB;;IA2BX,OAAO,CAAC,qBAAqB;IAoF7B,OAAO,CAAC,SAAS;IA+DjB,OAAO,CAAC,UAAU;IAwBlB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,OAAO;IAqBf,OAAO,CAAC,MAAM;IAcd,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAGlC;AAID,eAAO,MAAM,SAAS,qBAAuB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"pageState.d.ts","sourceRoot":"","sources":["../../../lib/state/pageState.ts"],"names":[],"mappings":"AAeA,cAAM,SAAS;IACX,OAAO,CAAC,SAAS,CAA0C;IAC3D,OAAO,CAAC,MAAM,CAAsB;IAEpC,MAAM,CAAC,QAAQ,CAAC,WAAW,mKAQhB;;IA2BX,OAAO,CAAC,qBAAqB;IAsG7B,OAAO,CAAC,SAAS;IA+DjB,OAAO,CAAC,UAAU;IAwBlB,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,OAAO;IAqBf,OAAO,CAAC,MAAM;IAmBd,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAGlC;AAID,eAAO,MAAM,SAAS,qBAAuB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/lib/state/pageState.js

@@ -81,20 +81,40 @@ class PageState {
                     comp[setterName](value);
                 }
                 // Fallback: direct DOM manipulation for known props
-                else if (prop === 'content' || prop === 'value') {
+                else if (prop === 'value') {
                     if (typeof comp.setValue === 'function') {
                         comp.setValue(value);
                     }
-                    else if (typeof comp.setContent === 'function') {
+                    else {
+                        const el = this._findElement(comp);
+                        if (el && 'value' in el) {
+                            el.value = value;
+                        }
+                    }
+                }
+                else if (prop === 'content') {
+                    if (typeof comp.setContent === 'function') {
                         comp.setContent(value);
                     }
+                    else {
+                        // Direct DOM update for elements that don't have setContent
+                        const el = this._findElement(comp);
+                        if (el) {
+                            el.textContent = value;
+                        }
+                    }
                 }
                 else if (prop === 'innerHTML') {
                     if (typeof comp.setInnerHTML === 'function') {
                         comp.setInnerHTML(value);
                     }
+                    else {
+                        const el = this._findElement(comp);
+                        if (el) {
+                            el.innerHTML = value;
+                        }
+                    }
                 }
-                // Don't call fluent methods as setters — they return `this`
                 // Update tracked props
                 entry.props[prop] = value;
                 // Notify listeners
@@ -252,7 +272,12 @@ class PageState {
             reactionDeps.set(reaction, new Set());
             activeReaction = reaction;
             try {
-                fn();
+                const result = fn();
+                if (result && typeof result.catch === 'function') {
+                    result.catch((err) => {
+                        console.error('[pageState] async watch error:', err);
+                    });
+                }
             }
             finally {
                 activeReaction = null;

package/machinery/autowrap.js

@@ -110,6 +110,14 @@ function getLineNumber(source, pos) {
     return line;
 }
 
+function containsAwait(node) {
+    let found = false;
+    walkSimple(node, {
+        AwaitExpression() { found = true; }
+    });
+    return found;
+}
+
 /**
  * @param {string} source - Raw .jux source code
  * @param {string} [filename] - For logging
@@ -236,7 +244,8 @@ export function autowrap(source, filename = '') {
             const indent = lines[startIdx].match(/^(\s*)/)[1];
             const newLines = [];
             for (const group of item.groups) {
-                newLines.push(`${indent}pageState.__watch(() => {`);
+                const needsAsync = group.stmts && group.stmts.some(s => containsAwait(s));
+                newLines.push(`${indent}pageState.__watch(${needsAsync ? 'async ' : ''}() => {`);
                 for (const gLine of group.lines) {
                     newLines.push(`${indent}    ${gLine.trim()}`);
                 }
@@ -248,8 +257,16 @@ export function autowrap(source, filename = '') {
             const blockLines = lines.slice(startIdx, endIdx + 1);
             const indent = blockLines[0].match(/^(\s*)/)[1];
 
+            // Check if any of the original AST statements in this range contain await
+            const stmtsInRange = ast.body.filter(s => {
+                const sLine = getLineNumber(source, s.start);
+                const eLine = getLineNumber(source, s.end);
+                return sLine >= item.line && eLine <= item.endLine;
+            });
+            const needsAsync = stmtsInRange.some(s => containsAwait(s));
+
             const wrapped = [
-                `${indent}pageState.__watch(() => {`,
+                `${indent}pageState.__watch(${needsAsync ? 'async ' : ''}() => {`,
                 ...blockLines.map(l => `${indent}    ${l.trim()}`),
                 `${indent}});`,
             ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.286",
+  "version": "1.1.289",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "./dist/lib/index.js",