xmlui 0.9.6 → 0.9.7

package/dist/{apiInterceptorWorker-BPCEQ5nI.mjs → apiInterceptorWorker-DJ9I-JAW.mjs}

@@ -12,7 +12,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _executor, _DeferredPromise_instances, decorate_fn, _a2;
 import { delay as delay$1, HttpResponse, http } from "msw";
 import { isArray, isObject as isObject$1, mapValues } from "lodash-es";
-import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-B18vblD8.mjs";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-ohXvHX94.mjs";
 import Dexie from "dexie";
 var POSITIONALS_EXP = /(%?)(%([sdijo]))/g;
 function serializePositional(positional, flag) {

package/dist/{index-B18vblD8.mjs → index-ohXvHX94.mjs}

@@ -7,7 +7,7 @@ import { useQuery, useInfiniteQuery, QueryClientProvider, QueryClient } from "@t
 import produce, { createDraft, finishDraft, enableMapSet } from "immer";
 import { throttle, get, isNil, omitBy, isUndefined, noop as noop$2, isPlainObject, isEqual, union, uniq, orderBy as orderBy$1, isEmpty, isObject, isArray, groupBy, sortBy, omit, isNumber, isString, cloneDeep, merge, defaultTo, capitalize, unset, setWith, keyBy, pick } from "lodash-es";
 import { formatDistanceToNow, parse, format, parseISO, isValid, isTomorrow, isYesterday, isToday, isThisWeek, formatRelative, isThisYear, isSameDay, differenceInMinutes } from "date-fns";
-import { v as validationStatusMd, l as labelPositionMd, o as orientationOptionMd, a as alignmentOptionValues, L as LinkTargetMd, b as alignmentOptionMd, i as iconPositionMd, c as buttonTypesMd, s as sizeMd, d as buttonThemeMd, e as buttonVariantMd, P as Parser, T as T_CALCULATED_MEMBER_ACCESS_EXPRESSION, f as T_MEMBER_ACCESS_EXPRESSION, g as T_IDENTIFIER, h as T_PREFIX_OP_EXPRESSION, j as T_FUNCTION_DECLARATION, k as T_ARROW_EXPRESSION, m as createXmlUiTreeNodeId, n as T_EMPTY_STATEMENT, p as T_SWITCH_STATEMENT, q as T_TRY_STATEMENT, r as T_THROW_STATEMENT, t as T_FOR_OF_STATEMENT, u as T_FOR_IN_STATEMENT, w as T_FOR_STATEMENT, x as T_EXPRESSION_STATEMENT, y as T_BREAK_STATEMENT, z as T_CONTINUE_STATEMENT, A as T_DO_WHILE_STATEMENT, B as T_WHILE_STATEMENT, C as T_RETURN_STATEMENT, D as T_IF_STATEMENT, E as T_CONST_STATEMENT, F as T_LET_STATEMENT, G as T_ARROW_EXPRESSION_STATEMENT, H as T_BLOCK_STATEMENT, I as T_VAR_STATEMENT, J as T_ASSIGNMENT_EXPRESSION, K as T_LITERAL, M as T_SPREAD_EXPRESSION, N as T_FUNCTION_INVOCATION_EXPRESSION, O as T_POSTFIX_OP_EXPRESSION, Q as T_CONDITIONAL_EXPRESSION, R as T_BINARY_EXPRESSION, S as T_UNARY_EXPRESSION, U as T_OBJECT_LITERAL, V as T_ARRAY_LITERAL, W as T_SEQUENCE_EXPRESSION, X as T_TEMPLATE_LITERAL_EXPRESSION, Y as T_VAR_DECLARATION, Z as T_DESTRUCTURE, _ as TextVariantElement, $ as VariantPropsKeys, a0 as variantOptionsMd, a1 as scrollAnchoringValues, a2 as buttonThemeNames, a3 as iconPositionNames, a4 as buttonVariantNames, a5 as nodeToComponentDef, a6 as triggerPositionNames, a7 as statusColorMd, a8 as placementMd, a9 as httpMethodNames, aa as PARSED_MARK_PROP, ab as layoutOptionKeys, ac as viewportSizeNames, ad as componentFileExtension, ae as codeBehindFileExtension, af as getLintSeverity, ag as LintSeverity, ah as lintApp, ai as printComponentLints, aj as lintErrorsComponent, ak as collectCodeBehindFromSource, al as removeCodeBehindTokensFromTree } from "./lint-gX2osbkz.mjs";
+import { v as validationStatusMd, l as labelPositionMd, o as orientationOptionMd, a as alignmentOptionValues, L as LinkTargetMd, b as alignmentOptionMd, i as iconPositionMd, c as buttonTypesMd, s as sizeMd, d as buttonThemeMd, e as buttonVariantMd, P as Parser, T as T_CALCULATED_MEMBER_ACCESS_EXPRESSION, f as T_MEMBER_ACCESS_EXPRESSION, g as T_IDENTIFIER, h as T_PREFIX_OP_EXPRESSION, j as T_FUNCTION_DECLARATION, k as T_ARROW_EXPRESSION, m as createXmlUiTreeNodeId, n as T_EMPTY_STATEMENT, p as T_SWITCH_STATEMENT, q as T_TRY_STATEMENT, r as T_THROW_STATEMENT, t as T_FOR_OF_STATEMENT, u as T_FOR_IN_STATEMENT, w as T_FOR_STATEMENT, x as T_EXPRESSION_STATEMENT, y as T_BREAK_STATEMENT, z as T_CONTINUE_STATEMENT, A as T_DO_WHILE_STATEMENT, B as T_WHILE_STATEMENT, C as T_RETURN_STATEMENT, D as T_IF_STATEMENT, E as T_CONST_STATEMENT, F as T_LET_STATEMENT, G as T_ARROW_EXPRESSION_STATEMENT, H as T_BLOCK_STATEMENT, I as T_VAR_STATEMENT, J as T_ASSIGNMENT_EXPRESSION, K as T_LITERAL, M as T_SPREAD_EXPRESSION, N as T_FUNCTION_INVOCATION_EXPRESSION, O as T_POSTFIX_OP_EXPRESSION, Q as T_CONDITIONAL_EXPRESSION, R as T_BINARY_EXPRESSION, S as T_UNARY_EXPRESSION, U as T_OBJECT_LITERAL, V as T_ARRAY_LITERAL, W as T_SEQUENCE_EXPRESSION, X as T_TEMPLATE_LITERAL_EXPRESSION, Y as T_VAR_DECLARATION, Z as T_DESTRUCTURE, _ as TextVariantElement, $ as VariantPropsKeys, a0 as variantOptionsMd, a1 as scrollAnchoringValues, a2 as buttonThemeNames, a3 as iconPositionNames, a4 as buttonVariantNames, a5 as nodeToComponentDef, a6 as triggerPositionNames, a7 as statusColorMd, a8 as placementMd, a9 as httpMethodNames, aa as PARSED_MARK_PROP, ab as layoutOptionKeys, ac as viewportSizeNames, ad as componentFileExtension, ae as codeBehindFileExtension, af as getLintSeverity, ag as LintSeverity, ah as lintApp, ai as printComponentLints, aj as lintErrorsComponent, ak as collectCodeBehindFromSource, al as removeCodeBehindTokensFromTree } from "./lint-B9tKGcOX.mjs";
 import classnames from "classnames";
 import Color from "color";
 import TextareaAutosize from "react-textarea-autosize";
@@ -31671,7 +31671,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.9.6";
+const version = "0.9.7";
 const ApiInterceptorContext = createContext(null);
 function useApiInterceptorContext() {
   return useContext(ApiInterceptorContext);
@@ -33522,6 +33522,15 @@ const Container = memo(
               );
             }
             statements = parsedStatementsRef.current[source];
+          } else if (isParsedEventValue(source)) {
+            const parseId = source.parseId.toString();
+            if (!parsedStatementsRef.current[parseId]) {
+              parsedStatementsRef.current[parseId] = prepareHandlerStatements(
+                source.statements,
+                evalContext
+              );
+            }
+            statements = parsedStatementsRef.current[parseId];
           } else {
             statements = [
               {
@@ -33639,23 +33648,44 @@ const Container = memo(
     );
     const getOrCreateEventHandlerFn = useEvent(
       (src, uid, options2) => {
-        var _a2;
+        var _a2, _b;
         if (Array.isArray(src)) {
           throw new Error("Multiple event handlers are not supported");
         }
-        const stringSrc = typeof src === "string" ? src : src.statement.nodeId;
-        const fnCacheKey = `${options2 == null ? void 0 : options2.eventName};${stringSrc}`;
-        const handler = (...eventArgs) => {
-          return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
-        };
-        if (options2 == null ? void 0 : options2.ephemeral) {
-          return handler;
+        if (typeof src === "string") {
+          const fnCacheKey = `${options2 == null ? void 0 : options2.eventName};${src}`;
+          const handler = (...eventArgs) => {
+            return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
+          };
+          if (options2 == null ? void 0 : options2.ephemeral) {
+            return handler;
+          }
+          if (!((_a2 = fnsRef.current[uid]) == null ? void 0 : _a2[fnCacheKey])) {
+            fnsRef.current[uid] = fnsRef.current[uid] || {};
+            fnsRef.current[uid][fnCacheKey] = handler;
+          }
+          return fnsRef.current[uid][fnCacheKey];
         }
-        if (!((_a2 = fnsRef.current[uid]) == null ? void 0 : _a2[fnCacheKey])) {
-          fnsRef.current[uid] = fnsRef.current[uid] || {};
-          fnsRef.current[uid][fnCacheKey] = handler;
+        if (isParsedEventValue(src)) {
+          return (...eventArgs) => {
+            return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
+          };
         }
-        return fnsRef.current[uid][fnCacheKey];
+        if (isArrowExpression(src)) {
+          const fnCacheKey = `${options2 == null ? void 0 : options2.eventName};${src.statement.nodeId}`;
+          const handler = (...eventArgs) => {
+            return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
+          };
+          if (options2 == null ? void 0 : options2.ephemeral) {
+            return handler;
+          }
+          if (!((_b = fnsRef.current[uid]) == null ? void 0 : _b[fnCacheKey])) {
+            fnsRef.current[uid] = fnsRef.current[uid] || {};
+            fnsRef.current[uid][fnCacheKey] = handler;
+          }
+          return fnsRef.current[uid][fnCacheKey];
+        }
+        throw new Error("Invalid event handler");
       }
     );
     const getOrCreateSyncCallbackFn = useCallback(
@@ -33943,6 +33973,12 @@ function renderLoaders({
     );
   }
 }
+function isParsedEventValue(value) {
+  return value.__PARSED === true;
+}
+function isArrowExpression(value) {
+  return value.type === T_ARROW_EXPRESSION;
+}
 const StateContainer = memo(
   forwardRef(function StateContainer2({
     node,
@@ -35663,7 +35699,7 @@ function ApiInterceptorProvider({
       let interceptorWorker;
       (async () => {
         if (process.env.VITE_MOCK_ENABLED) {
-          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-BPCEQ5nI.mjs");
+          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-DJ9I-JAW.mjs");
           if (interceptor) {
             interceptorWorker = await createApiInterceptorWorker(interceptor, apiWorker);
             if (!apiWorker) {

package/dist/{lint-gX2osbkz.mjs → lint-B9tKGcOX.mjs}

@@ -1552,7 +1552,11 @@ class Parser {
         case TokenType.Function:
           return this.parseFunctionDeclaration();
         default:
-          return this.isExpressionStart(startToken) ? this.parseExpressionStatement(allowSequence) : null;
+          if (this.isExpressionStart(startToken)) {
+            return this.parseExpressionStatement(allowSequence);
+          }
+          this.reportError("W002", startToken, startToken.text);
+          return null;
       }
     } finally {
       this._statementLevel--;
@@ -3701,7 +3705,9 @@ class Parser {
     }
     this._parseErrors.push({
       code: errorCode,
-      text: errorText
+      text: errorText,
+      line: token.startLine,
+      column: token.startColumn
     });
     throw new ParserError$1(errorText, errorCode);
     function replace(input, placeholder, replacement) {
@@ -4808,8 +4814,7 @@ function parseScriptModule(moduleName, source) {
       exports,
       functions,
       statements,
-      sources: /* @__PURE__ */ new Map(),
-      executed: false
+      sources: /* @__PURE__ */ new Map()
     };
     parsedModules.set(moduleName2, parsedModule2);
     if (errors.length > 0) {
@@ -4864,7 +4869,7 @@ function collectCodeBehindFromSource(moduleName, source) {
         addFunctionDeclaration(stmt);
         break;
       default:
-        throw new Error(`'${stmt.type}' is not allowed in a code-behind module.`);
+        throw new Error(`Only reactive variable and function definitions are allowed in a code-behind module.`);
     }
   });
   return result;
@@ -4995,6 +5000,7 @@ const HelperNode = {
   item: "item",
   field: "field"
 };
+let lastParseId = 0;
 function nodeToComponentDef(node, originalGetText, fileId) {
   const getText = (node2) => {
     return node2.text ?? originalGetText(node2);
@@ -5202,7 +5208,7 @@ function nodeToComponentDef(node, originalGetText, fileId) {
             (name, value) => {
               if (!isComponent(comp)) return;
               comp.events ?? (comp.events = {});
-              comp.events[name] = value;
+              comp.events[name] = parseEvent(value);
             },
             (name) => {
               if (onPrefixRegex.test(name)) {
@@ -5311,11 +5317,11 @@ function nodeToComponentDef(node, originalGetText, fileId) {
           comp.api[name] = value;
         } else if (startSegment === "event") {
           comp.events ?? (comp.events = {});
-          comp.events[name] = value;
+          comp.events[name] = parseEvent(value);
         } else if (onPrefixRegex.test(name)) {
           comp.events ?? (comp.events = {});
           const eventName = name[2].toLowerCase() + name.substring(3);
-          comp.events[eventName] = value;
+          comp.events[eventName] = parseEvent(value);
         } else {
           comp.props ?? (comp.props = {});
           comp.props[name] = value;
@@ -5734,6 +5740,27 @@ function nodeToComponentDef(node, originalGetText, fileId) {
       }
     }
   }
+  function parseEvent(value) {
+    if (typeof value !== "string") {
+      return value;
+    }
+    const parser = new Parser(value);
+    try {
+      const statements = parser.parseStatements();
+      return {
+        __PARSED: true,
+        statements,
+        parseId: ++lastParseId,
+        // TODO: retrieve the event source code only in dev mode
+        source: value
+      };
+    } catch {
+      if (parser.errors.length > 0) {
+        const errMsg = parser.errors[0];
+        throw new ParserError2(`${errMsg.text} [${errMsg.line}: ${errMsg.column}]`, errMsg.code);
+      }
+    }
+  }
 }
 function createTextNodeCDataElement(textValue) {
   return {

package/dist/scripts/src/abstractions/scripting/Compilation.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/scripts/src/components-core/rendering/Container.js

@@ -160,6 +160,13 @@ exports.Container = (0, react_1.memo)((0, react_1.forwardRef)(function Container
                 }
                 statements = parsedStatementsRef.current[source];
             }
+            else if (isParsedEventValue(source)) {
+                const parseId = source.parseId.toString();
+                if (!parsedStatementsRef.current[parseId]) {
+                    parsedStatementsRef.current[parseId] = (0, statementUtils_1.prepareHandlerStatements)(source.statements, evalContext);
+                }
+                statements = parsedStatementsRef.current[parseId];
+            }
             else {
                 statements = [
                     {
@@ -293,23 +300,48 @@ exports.Container = (0, react_1.memo)((0, react_1.forwardRef)(function Container
         }
     }, [appContext]);
     const getOrCreateEventHandlerFn = (0, misc_1.useEvent)((src, uid, options) => {
-        var _a;
+        var _a, _b;
         if (Array.isArray(src)) {
             throw new Error("Multiple event handlers are not supported");
         }
-        const stringSrc = typeof src === "string" ? src : src.statement.nodeId;
-        const fnCacheKey = `${options === null || options === void 0 ? void 0 : options.eventName};${stringSrc}`;
-        const handler = (...eventArgs) => {
-            return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
-        };
-        if (options === null || options === void 0 ? void 0 : options.ephemeral) {
-            return handler;
+        if (typeof src === "string") {
+            // --- We have a string event handler
+            const fnCacheKey = `${options === null || options === void 0 ? void 0 : options.eventName};${src}`;
+            const handler = (...eventArgs) => {
+                return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
+            };
+            if (options === null || options === void 0 ? void 0 : options.ephemeral) {
+                return handler;
+            }
+            if (!((_a = fnsRef.current[uid]) === null || _a === void 0 ? void 0 : _a[fnCacheKey])) {
+                fnsRef.current[uid] = fnsRef.current[uid] || {};
+                fnsRef.current[uid][fnCacheKey] = handler;
+            }
+            return fnsRef.current[uid][fnCacheKey];
         }
-        if (!((_a = fnsRef.current[uid]) === null || _a === void 0 ? void 0 : _a[fnCacheKey])) {
-            fnsRef.current[uid] = fnsRef.current[uid] || {};
-            fnsRef.current[uid][fnCacheKey] = handler;
+        if (isParsedEventValue(src)) {
+            // --- We have the syntax tree to execute, no need to cache
+            return (...eventArgs) => {
+                return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
+            };
+        }
+        if (isArrowExpression(src)) {
+            // --- We have an arrow expression to execute
+            const fnCacheKey = `${options === null || options === void 0 ? void 0 : options.eventName};${src.statement.nodeId}`;
+            const handler = (...eventArgs) => {
+                return runCodeAsync(src, uid, options, ...(0, lodash_es_1.cloneDeep)(eventArgs));
+            };
+            if (options === null || options === void 0 ? void 0 : options.ephemeral) {
+                return handler;
+            }
+            if (!((_b = fnsRef.current[uid]) === null || _b === void 0 ? void 0 : _b[fnCacheKey])) {
+                fnsRef.current[uid] = fnsRef.current[uid] || {};
+                fnsRef.current[uid][fnCacheKey] = handler;
+            }
+            return fnsRef.current[uid][fnCacheKey];
         }
-        return fnsRef.current[uid][fnCacheKey];
+        // --- We have an unknown event handler
+        throw new Error("Invalid event handler");
     });
     const getOrCreateSyncCallbackFn = (0, react_1.useCallback)((arrowExpression, uid) => {
         var _a;
@@ -565,3 +597,9 @@ function renderLoaders({ uidInfo, uidInfoRef, loaders = constants_1.EMPTY_ARRAY,
         return ((0, jsx_runtime_1.jsx)(LoaderComponent_1.LoaderComponent, { onUnmount: cleanup, node: loader, state: componentState, dispatch: dispatch, registerComponentApi: registerComponentApi, lookupAction: lookupAction, lookupSyncCallback: lookupSyncCallback, memoedVarsRef: memoedVarsRef, appContext: appContext }));
     }
 }
+function isParsedEventValue(value) {
+    return value.__PARSED === true;
+}
+function isArrowExpression(value) {
+    return value.type === ScriptingSourceTree_1.T_ARROW_EXPRESSION;
+}

package/dist/scripts/src/parsers/scripting/Parser.js

@@ -152,9 +152,11 @@ class Parser {
                 case TokenType_1.TokenType.Function:
                     return this.parseFunctionDeclaration();
                 default:
-                    return this.isExpressionStart(startToken)
-                        ? this.parseExpressionStatement(allowSequence)
-                        : null;
+                    if (this.isExpressionStart(startToken)) {
+                        return this.parseExpressionStatement(allowSequence);
+                    }
+                    this.reportError("W002", startToken, startToken.text);
+                    return null;
             }
         }
         finally {
@@ -2144,6 +2146,8 @@ class Parser {
         this._parseErrors.push({
             code: errorCode,
             text: errorText,
+            line: token.startLine,
+            column: token.startColumn,
         });
         throw new ParserError_1.ParserError(errorText, errorCode);
         function replace(input, placeholder, replacement) {

package/dist/scripts/src/parsers/scripting/code-behind-collect.js

@@ -38,7 +38,7 @@ function collectCodeBehindFromSource(moduleName, source) {
                 addFunctionDeclaration(stmt);
                 break;
             default:
-                throw new Error(`'${stmt.type}' is not allowed in a code-behind module.`);
+                throw new Error(`Only reactive variable and function definitions are allowed in a code-behind module.`);
         }
     });
     return result;

package/dist/scripts/src/parsers/scripting/modules.js

@@ -78,7 +78,6 @@ function parseScriptModule(moduleName, source) {
             functions,
             statements: statements,
             sources: new Map(),
-            executed: false,
         };
         // --- Sign this module as parsed
         parsedModules.set(moduleName, parsedModule);

package/dist/scripts/src/parsers/xmlui-parser/transform.js

@@ -28,6 +28,7 @@ const HelperNode = {
     item: "item",
     field: "field",
 };
+let lastParseId = 0;
 function nodeToComponentDef(node, originalGetText, fileId) {
     const getText = (node) => {
         var _a;
@@ -249,7 +250,7 @@ function nodeToComponentDef(node, originalGetText, fileId) {
                         if (!isComponent(comp))
                             return;
                         (_a = comp.events) !== null && _a !== void 0 ? _a : (comp.events = {});
-                        comp.events[name] = value;
+                        comp.events[name] = parseEvent(value);
                     }, (name) => {
                         if (exports.onPrefixRegex.test(name)) {
                             reportError("T008", name);
@@ -354,12 +355,12 @@ function nodeToComponentDef(node, originalGetText, fileId) {
                 }
                 else if (startSegment === "event") {
                     (_c = comp.events) !== null && _c !== void 0 ? _c : (comp.events = {});
-                    comp.events[name] = value;
+                    comp.events[name] = parseEvent(value);
                 }
                 else if (exports.onPrefixRegex.test(name)) {
                     (_d = comp.events) !== null && _d !== void 0 ? _d : (comp.events = {});
                     const eventName = name[2].toLowerCase() + name.substring(3);
-                    comp.events[eventName] = value;
+                    comp.events[eventName] = parseEvent(value);
                 }
                 else {
                     (_e = comp.props) !== null && _e !== void 0 ? _e : (comp.props = {});
@@ -849,6 +850,30 @@ function nodeToComponentDef(node, originalGetText, fileId) {
             }
         }
     }
+    function parseEvent(value) {
+        if (typeof value !== "string") {
+            // --- It must be a component definition in the event code
+            return value;
+        }
+        // --- Parse the event code
+        const parser = new Parser_1.Parser(value);
+        try {
+            const statements = parser.parseStatements();
+            return {
+                __PARSED: true,
+                statements,
+                parseId: ++lastParseId,
+                // TODO: retrieve the event source code only in dev mode
+                source: value,
+            };
+        }
+        catch (_a) {
+            if (parser.errors.length > 0) {
+                const errMsg = parser.errors[0];
+                throw new ParserError_1.ParserError(`${errMsg.text} [${errMsg.line}: ${errMsg.column}]`, errMsg.code);
+            }
+        }
+    }
 }
 function createTextNodeCDataElement(textValue) {
     return {

package/dist/xmlui-metadata.mjs

@@ -8752,7 +8752,11 @@ class Parser {
         case TokenType.Function:
           return this.parseFunctionDeclaration();
         default:
-          return this.isExpressionStart(startToken) ? this.parseExpressionStatement(allowSequence) : null;
+          if (this.isExpressionStart(startToken)) {
+            return this.parseExpressionStatement(allowSequence);
+          }
+          this.reportError("W002", startToken, startToken.text);
+          return null;
       }
     } finally {
       this._statementLevel--;
@@ -10901,7 +10905,9 @@ class Parser {
     }
     this._parseErrors.push({
       code: errorCode,
-      text: errorText
+      text: errorText,
+      line: token.startLine,
+      column: token.startColumn
     });
     throw new ParserError$1(errorText, errorCode);
     function replace(input2, placeholder2, replacement) {
@@ -18899,8 +18905,7 @@ function parseScriptModule(moduleName, source) {
       exports,
       functions,
       statements,
-      sources: /* @__PURE__ */ new Map(),
-      executed: false
+      sources: /* @__PURE__ */ new Map()
     };
     parsedModules.set(moduleName2, parsedModule2);
     if (errors.length > 0) {
@@ -18955,7 +18960,7 @@ function collectCodeBehindFromSource(moduleName, source) {
         addFunctionDeclaration(stmt);
         break;
       default:
-        throw new Error(`'${stmt.type}' is not allowed in a code-behind module.`);
+        throw new Error(`Only reactive variable and function definitions are allowed in a code-behind module.`);
     }
   });
   return result;
@@ -19060,6 +19065,7 @@ const HelperNode = {
   item: "item",
   field: "field"
 };
+let lastParseId = 0;
 function nodeToComponentDef(node, originalGetText, fileId) {
   const getText = (node2) => {
     return node2.text ?? originalGetText(node2);
@@ -19267,7 +19273,7 @@ function nodeToComponentDef(node, originalGetText, fileId) {
             (name, value) => {
               if (!isComponent(comp)) return;
               comp.events ?? (comp.events = {});
-              comp.events[name] = value;
+              comp.events[name] = parseEvent(value);
             },
             (name) => {
               if (onPrefixRegex.test(name)) {
@@ -19376,11 +19382,11 @@ function nodeToComponentDef(node, originalGetText, fileId) {
           comp.api[name] = value;
         } else if (startSegment === "event") {
           comp.events ?? (comp.events = {});
-          comp.events[name] = value;
+          comp.events[name] = parseEvent(value);
         } else if (onPrefixRegex.test(name)) {
           comp.events ?? (comp.events = {});
           const eventName = name[2].toLowerCase() + name.substring(3);
-          comp.events[eventName] = value;
+          comp.events[eventName] = parseEvent(value);
         } else {
           comp.props ?? (comp.props = {});
           comp.props[name] = value;
@@ -19799,6 +19805,27 @@ function nodeToComponentDef(node, originalGetText, fileId) {
       }
     }
   }
+  function parseEvent(value) {
+    if (typeof value !== "string") {
+      return value;
+    }
+    const parser = new Parser(value);
+    try {
+      const statements = parser.parseStatements();
+      return {
+        __PARSED: true,
+        statements,
+        parseId: ++lastParseId,
+        // TODO: retrieve the event source code only in dev mode
+        source: value
+      };
+    } catch {
+      if (parser.errors.length > 0) {
+        const errMsg = parser.errors[0];
+        throw new ParserError2(`${errMsg.text} [${errMsg.line}: ${errMsg.column}]`, errMsg.code);
+      }
+    }
+  }
 }
 function createTextNodeCDataElement(textValue) {
   return {

package/dist/xmlui-metadata.umd.js

@@ -8751,7 +8751,11 @@
           case TokenType.Function:
             return this.parseFunctionDeclaration();
           default:
-            return this.isExpressionStart(startToken) ? this.parseExpressionStatement(allowSequence) : null;
+            if (this.isExpressionStart(startToken)) {
+              return this.parseExpressionStatement(allowSequence);
+            }
+            this.reportError("W002", startToken, startToken.text);
+            return null;
         }
       } finally {
         this._statementLevel--;
@@ -10900,7 +10904,9 @@
       }
       this._parseErrors.push({
         code: errorCode,
-        text: errorText
+        text: errorText,
+        line: token.startLine,
+        column: token.startColumn
       });
       throw new ParserError$1(errorText, errorCode);
       function replace(input2, placeholder2, replacement) {
@@ -18898,8 +18904,7 @@
         exports: exports2,
         functions,
         statements,
-        sources: /* @__PURE__ */ new Map(),
-        executed: false
+        sources: /* @__PURE__ */ new Map()
       };
       parsedModules.set(moduleName2, parsedModule2);
       if (errors.length > 0) {
@@ -18954,7 +18959,7 @@
           addFunctionDeclaration(stmt);
           break;
         default:
-          throw new Error(`'${stmt.type}' is not allowed in a code-behind module.`);
+          throw new Error(`Only reactive variable and function definitions are allowed in a code-behind module.`);
       }
     });
     return result;
@@ -19059,6 +19064,7 @@
     item: "item",
     field: "field"
   };
+  let lastParseId = 0;
   function nodeToComponentDef(node, originalGetText, fileId) {
     const getText = (node2) => {
       return node2.text ?? originalGetText(node2);
@@ -19266,7 +19272,7 @@
               (name, value) => {
                 if (!isComponent(comp)) return;
                 comp.events ?? (comp.events = {});
-                comp.events[name] = value;
+                comp.events[name] = parseEvent(value);
               },
               (name) => {
                 if (onPrefixRegex.test(name)) {
@@ -19375,11 +19381,11 @@
             comp.api[name] = value;
           } else if (startSegment === "event") {
             comp.events ?? (comp.events = {});
-            comp.events[name] = value;
+            comp.events[name] = parseEvent(value);
           } else if (onPrefixRegex.test(name)) {
             comp.events ?? (comp.events = {});
             const eventName = name[2].toLowerCase() + name.substring(3);
-            comp.events[eventName] = value;
+            comp.events[eventName] = parseEvent(value);
           } else {
             comp.props ?? (comp.props = {});
             comp.props[name] = value;
@@ -19798,6 +19804,27 @@
         }
       }
     }
+    function parseEvent(value) {
+      if (typeof value !== "string") {
+        return value;
+      }
+      const parser = new Parser(value);
+      try {
+        const statements = parser.parseStatements();
+        return {
+          __PARSED: true,
+          statements,
+          parseId: ++lastParseId,
+          // TODO: retrieve the event source code only in dev mode
+          source: value
+        };
+      } catch {
+        if (parser.errors.length > 0) {
+          const errMsg = parser.errors[0];
+          throw new ParserError(`${errMsg.text} [${errMsg.line}: ${errMsg.column}]`, errMsg.code);
+        }
+      }
+    }
   }
   function createTextNodeCDataElement(textValue) {
     return {

package/dist/xmlui-parser.mjs

@@ -1,6 +1,6 @@
 import { C, o, k, i, n, h, l, a, m, j, f, e, g, b, D, E, S, q, c, d, x, u, r, t, s, p, w, v } from "./parser-B3m9ZEAK.mjs";
-import { am as COMPOUND_COMP_ID } from "./lint-gX2osbkz.mjs";
-import { au, ao, ag, aq, as, ae, ad, ar, af, ap, ah, aj, an, a5, at, ai } from "./lint-gX2osbkz.mjs";
+import { am as COMPOUND_COMP_ID } from "./lint-B9tKGcOX.mjs";
+import { au, ao, ag, aq, as, ae, ad, ar, af, ap, ah, aj, an, a5, at, ai } from "./lint-B9tKGcOX.mjs";
 const attrBreakRegex = /[\r\n<>'"&]/;
 class XmlUiHelper {
   /**

package/dist/xmlui-standalone.umd.js

@@ -16008,7 +16008,7 @@ li ._htmlOl_1wzn5_205 {
       });
     }
   }
-  var define_process_env_default$9 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.6 (built 4/4/2025)" };
+  var define_process_env_default$9 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.7 (built 4/7/2025)" };
   class Mutation extends Removable {
     constructor(config2) {
       super();
@@ -40381,7 +40381,11 @@ ${error2.errorObject}`;
           case TokenType$1.Function:
             return this.parseFunctionDeclaration();
           default:
-            return this.isExpressionStart(startToken) ? this.parseExpressionStatement(allowSequence) : null;
+            if (this.isExpressionStart(startToken)) {
+              return this.parseExpressionStatement(allowSequence);
+            }
+            this.reportError("W002", startToken, startToken.text);
+            return null;
         }
       } finally {
         this._statementLevel--;
@@ -42530,7 +42534,9 @@ ${error2.errorObject}`;
       }
       this._parseErrors.push({
         code: errorCode,
-        text: errorText
+        text: errorText,
+        line: token.startLine,
+        column: token.startColumn
       });
       throw new ParserError$1(errorText, errorCode);
       function replace2(input2, placeholder2, replacement) {
@@ -124893,8 +124899,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         exports,
         functions,
         statements,
-        sources: /* @__PURE__ */ new Map(),
-        executed: false
+        sources: /* @__PURE__ */ new Map()
       };
       parsedModules.set(moduleName2, parsedModule2);
       if (errors.length > 0) {
@@ -124949,7 +124954,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           addFunctionDeclaration(stmt);
           break;
         default:
-          throw new Error(`'${stmt.type}' is not allowed in a code-behind module.`);
+          throw new Error(`Only reactive variable and function definitions are allowed in a code-behind module.`);
       }
     });
     return result;
@@ -125080,6 +125085,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     item: "item",
     field: "field"
   };
+  let lastParseId = 0;
   function nodeToComponentDef(node2, originalGetText, fileId) {
     const getText = (node22) => {
       return node22.text ?? originalGetText(node22);
@@ -125287,7 +125293,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               (name2, value) => {
                 if (!isComponent(comp)) return;
                 comp.events ?? (comp.events = {});
-                comp.events[name2] = value;
+                comp.events[name2] = parseEvent(value);
               },
               (name2) => {
                 if (onPrefixRegex.test(name2)) {
@@ -125396,11 +125402,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             comp.api[name2] = value;
           } else if (startSegment === "event") {
             comp.events ?? (comp.events = {});
-            comp.events[name2] = value;
+            comp.events[name2] = parseEvent(value);
           } else if (onPrefixRegex.test(name2)) {
             comp.events ?? (comp.events = {});
             const eventName = name2[2].toLowerCase() + name2.substring(3);
-            comp.events[eventName] = value;
+            comp.events[eventName] = parseEvent(value);
           } else {
             comp.props ?? (comp.props = {});
             comp.props[name2] = value;
@@ -125819,6 +125825,27 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
       }
     }
+    function parseEvent(value) {
+      if (typeof value !== "string") {
+        return value;
+      }
+      const parser = new Parser$2(value);
+      try {
+        const statements = parser.parseStatements();
+        return {
+          __PARSED: true,
+          statements,
+          parseId: ++lastParseId,
+          // TODO: retrieve the event source code only in dev mode
+          source: value
+        };
+      } catch {
+        if (parser.errors.length > 0) {
+          const errMsg = parser.errors[0];
+          throw new ParserError(`${errMsg.text} [${errMsg.line}: ${errMsg.column}]`, errMsg.code);
+        }
+      }
+    }
   }
   function createTextNodeCDataElement(textValue) {
     return {
@@ -144740,7 +144767,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
     ] });
   }
-  const version = "0.9.6";
+  const version = "0.9.7";
   const ApiInterceptorContext = reactExports.createContext(null);
   function useApiInterceptorContext() {
     return reactExports.useContext(ApiInterceptorContext);
@@ -146591,6 +146618,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                 );
               }
               statements = parsedStatementsRef.current[source];
+            } else if (isParsedEventValue(source)) {
+              const parseId = source.parseId.toString();
+              if (!parsedStatementsRef.current[parseId]) {
+                parsedStatementsRef.current[parseId] = prepareHandlerStatements(
+                  source.statements,
+                  evalContext
+                );
+              }
+              statements = parsedStatementsRef.current[parseId];
             } else {
               statements = [
                 {
@@ -146708,23 +146744,44 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       );
       const getOrCreateEventHandlerFn = useEvent(
         (src, uid, options2) => {
-          var _a4;
+          var _a4, _b2;
           if (Array.isArray(src)) {
             throw new Error("Multiple event handlers are not supported");
           }
-          const stringSrc = typeof src === "string" ? src : src.statement.nodeId;
-          const fnCacheKey = `${options2 == null ? void 0 : options2.eventName};${stringSrc}`;
-          const handler = (...eventArgs) => {
-            return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
-          };
-          if (options2 == null ? void 0 : options2.ephemeral) {
-            return handler;
+          if (typeof src === "string") {
+            const fnCacheKey = `${options2 == null ? void 0 : options2.eventName};${src}`;
+            const handler = (...eventArgs) => {
+              return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
+            };
+            if (options2 == null ? void 0 : options2.ephemeral) {
+              return handler;
+            }
+            if (!((_a4 = fnsRef.current[uid]) == null ? void 0 : _a4[fnCacheKey])) {
+              fnsRef.current[uid] = fnsRef.current[uid] || {};
+              fnsRef.current[uid][fnCacheKey] = handler;
+            }
+            return fnsRef.current[uid][fnCacheKey];
           }
-          if (!((_a4 = fnsRef.current[uid]) == null ? void 0 : _a4[fnCacheKey])) {
-            fnsRef.current[uid] = fnsRef.current[uid] || {};
-            fnsRef.current[uid][fnCacheKey] = handler;
+          if (isParsedEventValue(src)) {
+            return (...eventArgs) => {
+              return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
+            };
           }
-          return fnsRef.current[uid][fnCacheKey];
+          if (isArrowExpression(src)) {
+            const fnCacheKey = `${options2 == null ? void 0 : options2.eventName};${src.statement.nodeId}`;
+            const handler = (...eventArgs) => {
+              return runCodeAsync(src, uid, options2, ...cloneDeep(eventArgs));
+            };
+            if (options2 == null ? void 0 : options2.ephemeral) {
+              return handler;
+            }
+            if (!((_b2 = fnsRef.current[uid]) == null ? void 0 : _b2[fnCacheKey])) {
+              fnsRef.current[uid] = fnsRef.current[uid] || {};
+              fnsRef.current[uid][fnCacheKey] = handler;
+            }
+            return fnsRef.current[uid][fnCacheKey];
+          }
+          throw new Error("Invalid event handler");
         }
       );
       const getOrCreateSyncCallbackFn = reactExports.useCallback(
@@ -147012,6 +147069,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       );
     }
   }
+  function isParsedEventValue(value) {
+    return value.__PARSED === true;
+  }
+  function isArrowExpression(value) {
+    return value.type === T_ARROW_EXPRESSION;
+  }
   const StateContainer = reactExports.memo(
     reactExports.forwardRef(function StateContainer2({
       node: node2,
@@ -149503,7 +149566,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     ToneChangerButton: ToneChangerButtonMd,
     Tree: TreeMd
   };
-  var define_process_env_default$2 = { VITE_XMLUI_VERSION: "0.9.6 (built 4/4/2025)" };
+  var define_process_env_default$2 = { VITE_XMLUI_VERSION: "0.9.7 (built 4/7/2025)" };
   const MAIN_FILE = "Main." + componentFileExtension;
   const MAIN_CODE_BEHIND_FILE = "Main." + codeBehindFileExtension;
   const CONFIG_FILE = "config.json";
@@ -153825,7 +153888,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function isResponseWithoutBody(status) {
     return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
   }
-  var define_process_env_default$1 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.6 (built 4/4/2025)" };
+  var define_process_env_default$1 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.7 (built 4/7/2025)" };
   var __defProp$7 = Object.defineProperty;
   var __export = (target2, all2) => {
     for (var name2 in all2)

package/dist/xmlui.mjs

@@ -1,4 +1,4 @@
-import { A, B, E, I, i, h, S, b, c, e, f, j, p, s, t, k, u } from "./index-B18vblD8.mjs";
+import { A, B, E, I, i, h, S, b, c, e, f, j, p, s, t, k, u } from "./index-ohXvHX94.mjs";
 export {
   A as AppRoot,
   B as Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmlui",
-  "version": "0.9.6",
+  "version": "0.9.7",
   "sideEffects": false,
   "scripts": {
     "start-test-bed": "cd src/testing/infrastructure && xmlui start",
@@ -11,7 +11,7 @@
     "build:xmlui-metadata": "vite build --mode metadata",
     "build:ext-meta": "node scripts/build-extension-packages/build-extension-packages.mjs",
     "build": "rimraf dist && tsc && npm run build:bin && npm run build:xmlui-metadata && npm run build:xmlui && npm run build:xmlui-standalone",
-    "build:extensions": "cd ../packages/xmlui-animations && npm run build && cd ../xmlui-charts && npm run build && cd ../xmlui-pdf && npm run build",
+    "build:extensions": "cd ../packages/xmlui-animations && npm run build && cd ../xmlui-charts && npm run build && cd ../xmlui-pdf && npm run build && cd ../xmlui-spreadsheet && npm run build",
     "test": "npm run test:unit",
     "test:unit": "vitest run",
     "test:e2e": "playwright test",