@hyperfixi/core 2.6.0 → 2.7.0

package/dist/chunks/{index-BRgVy8nY.js → index-i_j9Z-1e.js}

@@ -1,2 +1,2 @@
-let t=null;async function n(){if(!t)try{t=await import("./browser-modular-BK3IOo93.js").then(function(t){return t.m})}catch{throw Error("@lokascript/framework is required for LSE support. Install it: npm install @lokascript/framework")}return t}function r(){if(t)return!0;try{return require.resolve("@lokascript/framework"),!0}catch{return!1}}async function a(t,r){return(await n()).parseExplicit(t,r)}async function o(t){return(await n()).isExplicitSyntax(t)}async function i(t){return(await n()).renderExplicit(t)}async function e(t){return(await n()).fromInterchangeNode(t)}async function c(t){return(await n()).toProtocolJSON(t)}async function u(t){return(await n()).fromProtocolJSON(t)}async function s(t){return(await n()).validateProtocolJSON(t)}async function f(t){return(await n()).toEnvelopeJSON(t)}async function l(t){return(await n()).fromEnvelopeJSON(t)}async function w(t){return(await n()).isEnvelope(t)}async function p(t){return(await n()).semanticNodeToRuntimeAST(t)}export{l as fromEnvelopeJSON,e as fromInterchangeNode,u as fromProtocolJSON,w as isEnvelope,o as isExplicitSyntax,r as isLSEAvailable,a as parseExplicit,i as renderExplicit,p as semanticNodeToRuntimeAST,f as toEnvelopeJSON,c as toProtocolJSON,s as validateProtocolJSON};
-//# sourceMappingURL=index-BRgVy8nY.js.map
+let t=null;async function n(){if(!t)try{t=await import("./browser-modular-DegkWQ8d.js").then(function(t){return t.m})}catch{throw Error("@lokascript/framework is required for LSE support. Install it: npm install @lokascript/framework")}return t}function r(){if(t)return!0;try{return require.resolve("@lokascript/framework"),!0}catch{return!1}}async function a(t,r){return(await n()).parseExplicit(t,r)}async function o(t){return(await n()).isExplicitSyntax(t)}async function i(t){return(await n()).renderExplicit(t)}async function e(t){return(await n()).fromInterchangeNode(t)}async function c(t){return(await n()).toProtocolJSON(t)}async function u(t){return(await n()).fromProtocolJSON(t)}async function s(t){return(await n()).validateProtocolJSON(t)}async function f(t){return(await n()).toEnvelopeJSON(t)}async function l(t){return(await n()).fromEnvelopeJSON(t)}async function w(t){return(await n()).isEnvelope(t)}async function p(t){return(await n()).semanticNodeToRuntimeAST(t)}export{l as fromEnvelopeJSON,e as fromInterchangeNode,u as fromProtocolJSON,w as isEnvelope,o as isExplicitSyntax,r as isLSEAvailable,a as parseExplicit,i as renderExplicit,p as semanticNodeToRuntimeAST,f as toEnvelopeJSON,c as toProtocolJSON,s as validateProtocolJSON};
+//# sourceMappingURL=index-i_j9Z-1e.js.map

package/dist/commands/data/set.d.ts

@@ -7,6 +7,7 @@ export type SetCommandInput = {
     type: 'variable';
     name: string;
     value: unknown;
+    scope?: 'element' | 'global';
 } | {
     type: 'attribute';
     elements: HTMLElement[];

package/dist/commands/index.js

@@ -3748,6 +3748,36 @@ function setGlobal(context, name, value) {
     }
 }
 
+const elementScopes = new WeakMap();
+function getElementScopeMap(element) {
+    let map = elementScopes.get(element);
+    if (!map) {
+        map = new Map();
+        elementScopes.set(element, map);
+    }
+    return map;
+}
+function resolveScopeOwner(context) {
+    const owner = context.owner;
+    if (owner)
+        return owner;
+    return context.me instanceof Element ? context.me : null;
+}
+function getElementVar(context, name) {
+    const owner = resolveScopeOwner(context);
+    if (!owner)
+        return undefined;
+    notifyLocalRead(name, context);
+    return getElementScopeMap(owner).get(name);
+}
+function setElementVar(context, name, value) {
+    const owner = resolveScopeOwner(context);
+    if (!owner)
+        return;
+    getElementScopeMap(owner).set(name, value);
+    notifyLocalWrite(name, value, context);
+}
+
 function convertToNumber(value) {
     if (value === null || value === undefined) {
         return 0;
@@ -3780,6 +3810,9 @@ function convertToNumber(value) {
     return 0;
 }
 function getVariableValue(name, context, preferredScope) {
+    if (preferredScope === 'element') {
+        return getElementVar(context, name);
+    }
     if (preferredScope === 'global' && context.globals && context.globals.has(name)) {
         return context.globals.get(name);
     }
@@ -3806,6 +3839,10 @@ function getVariableValue(name, context, preferredScope) {
     return undefined;
 }
 function setVariableValue(name, value, context, preferredScope) {
+    if (preferredScope === 'element') {
+        setElementVar(context, name, value);
+        return;
+    }
     if (preferredScope === 'global') {
         setGlobal(context, name, value);
         if (typeof window !== 'undefined') {
@@ -3899,6 +3936,9 @@ function getCurrentNumericValue(target, property, scope, context) {
         }
     }
     if (typeof target === 'string') {
+        if (scope === 'element') {
+            return convertToNumber(getVariableValue(target, context, 'element'));
+        }
         if (scope === 'global') {
             const value = getVariableValue(target, context, 'global');
             return convertToNumber(value);
@@ -3943,6 +3983,10 @@ function setTargetValue(target, property, scope, newValue, context) {
         return;
     }
     if (typeof target === 'string') {
+        if (scope === 'element') {
+            setVariableValue(target, newValue, context, 'element');
+            return;
+        }
         if (scope === 'global') {
             setVariableValue(target, newValue, context, 'global');
             return;
@@ -9181,7 +9225,7 @@ function parseColonVariable(ctx) {
     return {
         type: 'identifier',
         name: varToken.value,
-        scope: 'local',
+        scope: 'element',
         start: varToken.start - 1,
         end: varToken.end,
     };
@@ -9233,7 +9277,7 @@ function parseTargetFallback(ctx) {
             expression: {
                 type: 'identifier',
                 name: varToken.value,
-                scope: 'local',
+                scope: 'element',
                 start: varToken.start,
                 end: varToken.end,
             },
@@ -9314,6 +9358,11 @@ function parseSetCommand(ctx, identifierNode) {
     }
     ctx.advance();
     const value = ctx.parseExpression() ?? ctx.parsePrimary();
+    let scopeTarget;
+    if (ctx.check(KEYWORDS$1.ON) && tokenLooksLikeElementTarget(ctx.peekAt(1))) {
+        ctx.advance();
+        scopeTarget = parseOneArgument(ctx);
+    }
     const finalArgs = [];
     if (targetExpression) {
         finalArgs.push(targetExpression);
@@ -9325,11 +9374,22 @@ function parseSetCommand(ctx, identifierNode) {
     if (value) {
         finalArgs.push(value);
     }
-    return CommandNodeBuilder.fromIdentifier(identifierNode)
-        .withArgs(...finalArgs)
-        .endingAt(ctx.getPosition())
-        .build();
+    const builder = CommandNodeBuilder.fromIdentifier(identifierNode).withArgs(...finalArgs);
+    if (scopeTarget) {
+        builder.withModifier('on', scopeTarget);
+    }
+    return builder.endingAt(ctx.getPosition()).build();
 }
+function tokenLooksLikeElementTarget(token) {
+    if (!token)
+        return false;
+    if (token.kind === 'selector')
+        return true;
+    if (token.value.startsWith('<'))
+        return true;
+    return ELEMENT_PRONOUNS.has(token.value);
+}
+const ELEMENT_PRONOUNS = new Set(['me', 'my', 'it', 'its', 'you', 'your', 'yourself']);
 function parseIncrementDecrementCommand(ctx, commandToken) {
     const commandName = commandToken.value;
     const isIncrement = commandName === 'increment';
@@ -9375,6 +9435,7 @@ function parseIncrementDecrementCommand(ctx, commandToken) {
         column: commandToken.column,
     };
     const binaryExpr = createBinaryExpression(operator, target, amount, pos);
+    binaryExpr.coerceNumeric = true;
     const toIdentifier = createIdentifier(KEYWORDS$1.TO, pos);
     const args = [targetWithScope, toIdentifier, binaryExpr];
     return CommandNodeBuilder.from(commandToken)
@@ -9993,6 +10054,18 @@ class Parser {
                         this.advance();
                         continue;
                     }
+                    if (this.check('then')) {
+                        const next = this.peekAt(1);
+                        const startsFeature = next !== null &&
+                            (next.value === 'init' ||
+                                next.value === 'on' ||
+                                next.value === 'def' ||
+                                getRegisteredFeature(next.value) !== undefined);
+                        if (startsFeature) {
+                            this.advance();
+                            continue;
+                        }
+                    }
                     if (this.check('init')) {
                         this.advance();
                         const initBlock = this.parseTopLevelInitBlock();
@@ -10793,7 +10866,7 @@ class Parser {
                 return {
                     type: 'identifier',
                     name: varToken.value,
-                    scope: 'local',
+                    scope: 'element',
                     start: varToken.start - 1,
                     end: varToken.end,
                     line: varToken.line,
@@ -11420,6 +11493,33 @@ class Parser {
             return null;
         }
     }
+    parseTemporalKeywordModifiers(modifiers) {
+        if (!this.check('debounced') && !this.check('throttled')) {
+            return;
+        }
+        const modToken = this.advance();
+        const modName = modToken.value.toLowerCase();
+        const modifierKey = modName === 'debounced' ? 'debounce' : 'throttle';
+        if (this.match('at')) {
+            if (this.checkTimeExpression()) {
+                const timeToken = this.advance();
+                const delayMs = parseTimeToMs(timeToken.value);
+                modifiers[modifierKey] = delayMs;
+                debug.parse(`🔧 parseEventHandler: Parsed '${modName} at ${timeToken.value}' (${delayMs}ms)`);
+            }
+            else if (this.matchNumber()) {
+                const delayMs = parseInt(this.previous().value, 10);
+                modifiers[modifierKey] = delayMs;
+                debug.parse(`🔧 parseEventHandler: Parsed '${modName} at ${delayMs}'`);
+            }
+            else {
+                this.addError(`Expected time expression after '${modName} at', got: ${this.peek().value}`);
+            }
+        }
+        else {
+            this.addError(`Expected 'at' after '${modName}'`);
+        }
+    }
     parseEventHandler() {
         debug.parse(`🔧 parseEventHandler: ENTRY - parsing event handler`);
         const eventNames = [];
@@ -11507,30 +11607,7 @@ class Parser {
                 debug.parse(`🔧 parseEventHandler: Warning - unknown modifier '.${modName}'`);
             }
         }
-        if (this.check('debounced') || this.check('throttled')) {
-            const modToken = this.advance();
-            const modName = modToken.value.toLowerCase();
-            const modifierKey = modName === 'debounced' ? 'debounce' : 'throttle';
-            if (this.match('at')) {
-                if (this.checkTimeExpression()) {
-                    const timeToken = this.advance();
-                    const delayMs = parseTimeToMs(timeToken.value);
-                    modifiers[modifierKey] = delayMs;
-                    debug.parse(`🔧 parseEventHandler: Parsed '${modName} at ${timeToken.value}' (${delayMs}ms)`);
-                }
-                else if (this.matchNumber()) {
-                    const delayMs = parseInt(this.previous().value, 10);
-                    modifiers[modifierKey] = delayMs;
-                    debug.parse(`🔧 parseEventHandler: Parsed '${modName} at ${delayMs}'`);
-                }
-                else {
-                    this.addError(`Expected time expression after '${modName} at', got: ${this.peek().value}`);
-                }
-            }
-            else {
-                this.addError(`Expected 'at' after '${modName}'`);
-            }
-        }
+        this.parseTemporalKeywordModifiers(modifiers);
         if (firstOnceAlias) {
             modifiers.once = true;
         }
@@ -11547,6 +11624,7 @@ class Parser {
             const targetToken = this.advance();
             target = targetToken.value;
             debug.parse(`🔧 parseEventHandler: Parsed 'from' target: ${target} (kind: ${targetToken.kind})`);
+            this.parseTemporalKeywordModifiers(modifiers);
         }
         let attributeName;
         if (this.match('of')) {
@@ -12517,6 +12595,10 @@ class Parser {
         }
         return this.tokens[this.current];
     }
+    peekAt(offset) {
+        const index = this.current + offset;
+        return index >= 0 && index < this.tokens.length ? this.tokens[index] : null;
+    }
     previous() {
         return this.tokens[this.current - 1];
     }
@@ -12721,10 +12803,7 @@ class Parser {
             restorePosition: (pos) => {
                 parser.current = pos;
             },
-            peekAt: (offset) => {
-                const index = parser.current + offset;
-                return index >= 0 && index < parser.tokens.length ? parser.tokens[index] : null;
-            },
+            peekAt: (offset) => parser.peekAt(offset),
             getInputSlice: (start, end) => {
                 if (!this.originalInput)
                     return '';
@@ -12868,7 +12947,7 @@ function evaluateExpressionSync(node, context) {
         case 'selector':
             return evaluateSelectorSync(n, context);
         case 'identifier':
-            return resolveIdentifierSync(n.name, context);
+            return resolveIdentifierSync(n.name, context, n.scope);
         case 'contextReference':
             return resolveContextReferenceSync(n.contextType, context);
         case 'arrayLiteral':
@@ -12904,7 +12983,7 @@ function evaluateExpressionSync(node, context) {
             throw new NotSyncEvaluable(n?.type ?? 'unknown');
     }
 }
-function resolveIdentifierSync(name, context) {
+function resolveIdentifierSync(name, context, scope) {
     if (name === 'me' || name === 'my' || name === 'I')
         return context.me;
     if (name === 'you' || name === 'your' || name === 'yourself')
@@ -12915,6 +12994,8 @@ function resolveIdentifierSync(name, context) {
         return typeof window !== 'undefined' ? window : globalThis;
     if (name === 'document')
         return typeof document !== 'undefined' ? document : undefined;
+    if (scope === 'element')
+        return getElementVar(context, name);
     if (context.locals?.has(name))
         return context.locals.get(name);
     if (context.globals?.has(name))
@@ -13044,6 +13125,9 @@ async function evaluateIdentifier(node, context) {
         notifyGlobalRead(name, context);
         return context.globals.get(name);
     }
+    if (node.scope === 'element') {
+        return getElementVar(context, name);
+    }
     if (context.locals && context.locals.has(name)) {
         notifyLocalRead(name, context);
         return context.locals.get(name);
@@ -13079,6 +13163,9 @@ async function evaluateBinaryExpression(node, context) {
             else if (leftNode.scope === 'global') {
                 setGlobal(context, name, value);
             }
+            else if (leftNode.scope === 'element') {
+                setElementVar(context, name, value);
+            }
             else {
                 if (!context.locals)
                     context.locals = new Map();
@@ -13160,14 +13247,26 @@ async function evaluateBinaryExpression(node, context) {
     const L = node.ignoringCase ? applyCI(left) : left;
     const R = node.ignoringCase ? applyCI(right) : right;
     switch (operator) {
-        case '+':
-            if (typeof left === 'string' || typeof right === 'string') {
-                return String(left ?? '') + String(right ?? '');
-            }
-            if (Array.isArray(left)) {
-                return Array.isArray(right) ? [...left, ...right] : [...left, right];
-            }
-            return unwrapTypedResult(await getExpr(context, 'addition').evaluate(context, { left, right }));
+        case '+': {
+            let addLeft = left;
+            let addRight = right;
+            if (node.coerceNumeric) {
+                if (typeof addLeft === 'string')
+                    addLeft = convertToNumber(addLeft);
+                if (typeof addRight === 'string')
+                    addRight = convertToNumber(addRight);
+            }
+            if (typeof addLeft === 'string' || typeof addRight === 'string') {
+                return String(addLeft ?? '') + String(addRight ?? '');
+            }
+            if (Array.isArray(addLeft)) {
+                return Array.isArray(addRight) ? [...addLeft, ...addRight] : [...addLeft, addRight];
+            }
+            return unwrapTypedResult(await getExpr(context, 'addition').evaluate(context, {
+                left: addLeft,
+                right: addRight,
+            }));
+        }
         case '-':
             return unwrapTypedResult(await getExpr(context, 'subtraction').evaluate(context, { left, right }));
         case '*':
@@ -16678,6 +16777,7 @@ let SetCommand = (() => {
             }
             const firstArg = raw.args[0];
             const argName = (firstArg?.name || firstArg?.value);
+            const argScope = firstArg?.scope;
             const firstArgType = firstArg?.type;
             if (firstArgType) {
                 const writer = getRegisteredNodeWriter(firstArgType);
@@ -16771,12 +16871,21 @@ let SetCommand = (() => {
                 throw new Error(`set command target must be a string or object literal${hint}`);
             }
             const value = await this.extractValue(raw, evaluator, context);
-            return { type: 'variable', name: firstValue, value };
+            const scope = argScope === 'element' || argScope === 'global' ? argScope : undefined;
+            return { type: 'variable', name: firstValue, value, scope };
         }
         async execute(input, context) {
             switch (input.type) {
                 case 'variable':
-                    setVariableValue(input.name, input.value, context);
+                    if (input.scope === 'element') {
+                        setElementVar(context, input.name, input.value);
+                    }
+                    else if (input.scope === 'global') {
+                        setVariableValue(input.name, input.value, context, 'global');
+                    }
+                    else {
+                        setVariableValue(input.name, input.value, context);
+                    }
                     if (input.name === 'result' || input.name === 'it') {
                         Object.assign(context, { [input.name]: input.value });
                     }