@hyperfixi/core 2.0.0 → 2.1.0

package/dist/parser/hybrid-parser.mjs

@@ -76,6 +76,11 @@ const KEYWORDS = new Set([
     'init',
     'every',
     'by',
+    'halt',
+    'via',
+    'values',
+    'default',
+    'event',
 ]);
 function tokenize(code) {
     const tokens = [];
@@ -401,6 +406,7 @@ class HybridParser {
             go: () => this.parseGo(),
             return: () => this.parseReturn(),
             transition: () => this.parseTransition(),
+            halt: () => this.parseHalt(),
         };
         const normalized = normalizeCommand(this.peek().value);
         if (cmdMap[normalized]) {
@@ -468,11 +474,17 @@ class HybridParser {
         const url = this.parseExpression();
         let responseType = { type: 'literal', value: 'text' };
         let options;
+        let method;
         if (this.match('{')) {
             this.pos--;
             options = this.parseExpression();
         }
-        for (let i = 0; i < 2; i++) {
+        for (let i = 0; i < 3; i++) {
+            if (this.match('via') && !method) {
+                this.advance();
+                method = this.parseExpression();
+                continue;
+            }
             if (this.match('as')) {
                 this.advance();
                 if (this.match('a') || this.match('an'))
@@ -490,7 +502,11 @@ class HybridParser {
         if (this.match('then'))
             this.advance();
         const body = this.parseCommandSequence();
-        return { type: 'fetch', condition: { type: 'fetchConfig', url, responseType, options }, body };
+        return {
+            type: 'fetch',
+            condition: { type: 'fetchConfig', url, responseType, options, method },
+            body,
+        };
     }
     parseToggle() {
         this.expect('toggle');
@@ -681,6 +697,14 @@ class HybridParser {
         }
         return { type: 'command', name: 'return', args: value ? [value] : [] };
     }
+    parseHalt() {
+        this.expect('halt');
+        if (this.match('the'))
+            this.advance();
+        if (this.match('event', 'default'))
+            this.advance();
+        return { type: 'command', name: 'halt', args: [] };
+    }
     parseTransition() {
         this.expect('transition');
         let target;
@@ -957,6 +981,15 @@ class HybridParser {
             const target = this.parsePositionalTarget();
             return { type: 'positional', position, target };
         }
+        if (this.match('values')) {
+            this.advance();
+            if (this.match('of')) {
+                this.advance();
+                const target = this.parseExpression();
+                return { type: 'valuesOf', target };
+            }
+            return { type: 'identifier', value: token.value };
+        }
         if (token.type === 'identifier' || token.type === 'keyword') {
             this.advance();
             return { type: 'identifier', value: token.value };

package/dist/registry/index.js

@@ -767,8 +767,9 @@ const SPECIAL_DOM_PROPERTIES = {
     outerhtml: el => el.outerHTML,
     value: el => (isFormElement(el) ? el.value : undefined),
     checked: el => (isInputElement(el) ? el.checked : undefined),
-    disabled: el => (isFormElement(el) ? el.disabled : undefined),
+    disabled: el => ('disabled' in el ? el.disabled : undefined),
     selected: el => (isOptionElement(el) ? el.selected : undefined),
+    tabindex: el => (isHTMLElement$1(el) ? el.tabIndex : undefined),
     hidden: el => (isHTMLElement$1(el) ? el.hidden : undefined),
     style: el => getComputedStyle(el),
     children: el => Array.from(el.children),
@@ -777,7 +778,19 @@ const SPECIAL_DOM_PROPERTIES = {
     lastchild: el => el.lastElementChild,
     nextsibling: el => el.nextElementSibling,
     previoussibling: el => el.previousElementSibling,
+    values: el => collectFormValues(el),
 };
+function collectFormValues(el) {
+    if (el instanceof HTMLFormElement)
+        return new FormData(el);
+    const fd = new FormData();
+    el.querySelectorAll('input, select, textarea').forEach((input) => {
+        const name = input.getAttribute('name');
+        if (name && 'value' in input)
+            fd.append(name, input.value);
+    });
+    return fd;
+}
 function getElementProperty(element, property) {
     if (property.startsWith('computed-')) {
         const cssProperty = property.slice('computed-'.length);
@@ -5027,7 +5040,7 @@ const enhancedConverters = {
     Values: (value, _context) => {
         try {
             if (value instanceof HTMLFormElement) {
-                return success(extractFormValues(value), 'object');
+                return success(getFormValuesProcessed(value), 'object');
             }
             if (value instanceof HTMLElement) {
                 const inputs = value.querySelectorAll('input, select, textarea');
@@ -5035,7 +5048,7 @@ const enhancedConverters = {
                 inputs.forEach((input) => {
                     const htmlInput = input;
                     if (htmlInput.name) {
-                        const inputValue = extractInputValue(htmlInput);
+                        const inputValue = getInputValue(htmlInput);
                         if (inputValue !== undefined) {
                             values[htmlInput.name] = inputValue;
                         }
@@ -5490,55 +5503,6 @@ class IsExpression extends BaseExpressionImpl {
         }
     }
 }
-function extractFormValues(form) {
-    const values = {};
-    const elements = form.querySelectorAll('input, select, textarea');
-    elements.forEach(element => {
-        const input = element;
-        if (input.name) {
-            const value = extractInputValue(input);
-            if (value !== undefined) {
-                if (values[input.name] !== undefined) {
-                    if (!Array.isArray(values[input.name])) {
-                        values[input.name] = [values[input.name]];
-                    }
-                    values[input.name].push(value);
-                }
-                else {
-                    values[input.name] = value;
-                }
-            }
-        }
-    });
-    return values;
-}
-function extractInputValue(input) {
-    if (input instanceof HTMLInputElement) {
-        switch (input.type) {
-            case 'checkbox':
-                return input.checked;
-            case 'radio':
-                return input.checked ? input.value : undefined;
-            case 'number':
-            case 'range':
-                return input.valueAsNumber;
-            case 'date':
-            case 'datetime-local':
-                return input.valueAsDate;
-            case 'file':
-                return input.files;
-            default:
-                return input.value;
-        }
-    }
-    if (input instanceof HTMLSelectElement) {
-        if (input.multiple) {
-            return Array.from(input.selectedOptions).map(option => option.value);
-        }
-        return input.value;
-    }
-    return input.value;
-}
 ({
     as: new AsExpression(),
     is: new IsExpression(),

package/dist/registry/index.mjs

@@ -765,8 +765,9 @@ const SPECIAL_DOM_PROPERTIES = {
     outerhtml: el => el.outerHTML,
     value: el => (isFormElement(el) ? el.value : undefined),
     checked: el => (isInputElement(el) ? el.checked : undefined),
-    disabled: el => (isFormElement(el) ? el.disabled : undefined),
+    disabled: el => ('disabled' in el ? el.disabled : undefined),
     selected: el => (isOptionElement(el) ? el.selected : undefined),
+    tabindex: el => (isHTMLElement$1(el) ? el.tabIndex : undefined),
     hidden: el => (isHTMLElement$1(el) ? el.hidden : undefined),
     style: el => getComputedStyle(el),
     children: el => Array.from(el.children),
@@ -775,7 +776,19 @@ const SPECIAL_DOM_PROPERTIES = {
     lastchild: el => el.lastElementChild,
     nextsibling: el => el.nextElementSibling,
     previoussibling: el => el.previousElementSibling,
+    values: el => collectFormValues(el),
 };
+function collectFormValues(el) {
+    if (el instanceof HTMLFormElement)
+        return new FormData(el);
+    const fd = new FormData();
+    el.querySelectorAll('input, select, textarea').forEach((input) => {
+        const name = input.getAttribute('name');
+        if (name && 'value' in input)
+            fd.append(name, input.value);
+    });
+    return fd;
+}
 function getElementProperty(element, property) {
     if (property.startsWith('computed-')) {
         const cssProperty = property.slice('computed-'.length);
@@ -5025,7 +5038,7 @@ const enhancedConverters = {
     Values: (value, _context) => {
         try {
             if (value instanceof HTMLFormElement) {
-                return success(extractFormValues(value), 'object');
+                return success(getFormValuesProcessed(value), 'object');
             }
             if (value instanceof HTMLElement) {
                 const inputs = value.querySelectorAll('input, select, textarea');
@@ -5033,7 +5046,7 @@ const enhancedConverters = {
                 inputs.forEach((input) => {
                     const htmlInput = input;
                     if (htmlInput.name) {
-                        const inputValue = extractInputValue(htmlInput);
+                        const inputValue = getInputValue(htmlInput);
                         if (inputValue !== undefined) {
                             values[htmlInput.name] = inputValue;
                         }
@@ -5488,55 +5501,6 @@ class IsExpression extends BaseExpressionImpl {
         }
     }
 }
-function extractFormValues(form) {
-    const values = {};
-    const elements = form.querySelectorAll('input, select, textarea');
-    elements.forEach(element => {
-        const input = element;
-        if (input.name) {
-            const value = extractInputValue(input);
-            if (value !== undefined) {
-                if (values[input.name] !== undefined) {
-                    if (!Array.isArray(values[input.name])) {
-                        values[input.name] = [values[input.name]];
-                    }
-                    values[input.name].push(value);
-                }
-                else {
-                    values[input.name] = value;
-                }
-            }
-        }
-    });
-    return values;
-}
-function extractInputValue(input) {
-    if (input instanceof HTMLInputElement) {
-        switch (input.type) {
-            case 'checkbox':
-                return input.checked;
-            case 'radio':
-                return input.checked ? input.value : undefined;
-            case 'number':
-            case 'range':
-                return input.valueAsNumber;
-            case 'date':
-            case 'datetime-local':
-                return input.valueAsDate;
-            case 'file':
-                return input.files;
-            default:
-                return input.value;
-        }
-    }
-    if (input instanceof HTMLSelectElement) {
-        if (input.multiple) {
-            return Array.from(input.selectedOptions).map(option => option.value);
-        }
-        return input.value;
-    }
-    return input.value;
-}
 ({
     as: new AsExpression(),
     is: new IsExpression(),

package/dist/runtime/runtime-base.d.ts

@@ -66,6 +66,7 @@ export declare class RuntimeBase {
         parameters?: string[];
         eventHandlers?: EventHandlerNode[];
         initBlock?: ASTNode;
+        imperativeInstaller?: (element: HTMLElement, parameters: Record<string, any>) => void;
     }, _context: ExecutionContext): Promise<void>;
     protected installBehaviorOnElement(behaviorName: string, element: HTMLElement, parameters: Record<string, any>): Promise<void>;
     protected executeEventHandler(node: EventHandlerNode, context: ExecutionContext): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperfixi/core",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Multilingual, tree-shakeable hyperscript",
   "type": "module",
   "main": "dist/index.js",
@@ -231,7 +231,7 @@
     "@vitest/coverage-v8": "^4.0.17",
     "@vitest/ui": "^4.0.17",
     "better-sqlite3": "^12.6.2",
-    "esbuild": "0.25.11",
+    "esbuild": "0.27.3",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
@@ -240,7 +240,7 @@
     "jsdom": "^26.1.0",
     "prettier": "^3.0.0",
     "rollup": "^4.28.1",
-    "rollup-plugin-visualizer": "^6.0.5",
+    "rollup-plugin-visualizer": "^7.0.0",
     "tsx": "^4.0.0",
     "typescript": "^5.8.3",
     "vite": "^7.1.12",
@@ -279,10 +279,10 @@
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@lokascript/patterns-reference": "*"
+    "@hyperfixi/patterns-reference": "*"
   },
   "peerDependenciesMeta": {
-    "@lokascript/patterns-reference": {
+    "@hyperfixi/patterns-reference": {
       "optional": true
     }
   },