@wavemaker-ai/react-codegen 1.0.0-rc.647469 → 1.0.0-rc.647499

package/src/transpile/transform-markup.js

@@ -0,0 +1,283 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeVariablesToCode = serializeVariablesToCode;
+exports.transformMarkup = transformMarkup;
+const transpile_1 = require("./transpile");
+const transpile_variables_1 = require("./transpile-variables");
+const serialize_variables_1 = require("./serialize-variables");
+/**
+ * Serializes a single transpiled variable/action definition into a constructor call string.
+ * Mirrors the Handlebars template logic but as pure TypeScript — no Handlebars dependency.
+ */
+function serializeVariableEntry(v, scope, isPrefabApp, isPrefabScope, prefabName) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const lines = [];
+    const key = (0, serialize_variables_1.quoteKeyIfHyphen)(v.name);
+    lines.push(`${key}: new (${v.classname} as any)({`);
+    lines.push(`  name: '${v.name}',`);
+    lines.push(`  _context: ${scope},`);
+    if (v.serviceType)
+        lines.push(`  serviceType: '${v.serviceType}',`);
+    if (v.operation !== undefined && v.operation !== null && v.operation !== "") {
+        lines.push(`  operation: ${(0, serialize_variables_1.stringify)(v.operation)},`);
+    }
+    if (v.service !== undefined && v.service !== null && v.service !== "") {
+        lines.push(`  service: ${(0, serialize_variables_1.stringify)(v.service)},`);
+    }
+    if (v.maxResults !== undefined && v.maxResults !== null && v.maxResults !== "") {
+        lines.push(`  maxResults: '${v.maxResults}',`);
+    }
+    if (v.operationId !== undefined && v.operationId !== null && v.operationId !== "") {
+        lines.push(`  operationId: '${v.operationId}',`);
+    }
+    if (v.operationType !== undefined && v.operationType !== null && v.operationType !== "") {
+        lines.push(`  operationType: '${v.operationType}',`);
+    }
+    if (v.controller !== undefined && v.controller !== null && v.controller !== "") {
+        lines.push(`  controller: '${v.controller}',`);
+    }
+    // paramProvider
+    if (v.name === "loggedInUser") {
+        lines.push(`  paramProvider: () => App.appConfig.loggedInUser,`);
+    }
+    else {
+        let paramStr;
+        if (v.classname === "ModelVariable") {
+            paramStr = (0, serialize_variables_1.stringifyModelParams)(v.params, scope);
+        }
+        else if (v.classname === "ServiceVariable" || v.classname === "LiveVariable") {
+            paramStr = (0, serialize_variables_1.stringify)(v.params);
+        }
+        else {
+            const entries = Object.entries((_a = v.params) !== null && _a !== void 0 ? _a : {})
+                .map(([k, val]) => `'${k}': ${(0, serialize_variables_1.quoteIfString)(val)}`)
+                .join(",\n    ");
+            paramStr = `{\n    ${entries}\n  }`;
+        }
+        lines.push(`  paramProvider: () => (${paramStr}),`);
+    }
+    // filterProvider
+    if (v.filters && Object.keys(v.filters).length > 0) {
+        const filterEntries = Object.entries(v.filters)
+            .map(([k, val]) => `'${k}': ${(0, serialize_variables_1.quoteIfString)(val)}`)
+            .join(",\n    ");
+        lines.push(`  filterProvider: () => ({\n    ${filterEntries}\n  }),`);
+    }
+    // ServiceVariable-specific
+    if (v.classname === "ServiceVariable") {
+        if (isPrefabApp) {
+            lines.push(`  baseUrl: ${scope}.baseUrl,`);
+        }
+        else if (isPrefabScope) {
+            lines.push(`  baseUrl: ${scope}.baseUrl + '/prefabs/' + ${scope}.prefabname,`);
+        }
+        else {
+            lines.push(`  baseUrl: ${scope}.baseUrl + '/services',`);
+        }
+        lines.push(`  getServiceInfo: () => ${scope}.serviceDefinitions['${v.operationId}']?.wmServiceOperationInfo,`);
+        lines.push(`  orderBy: '${(_b = v.orderBy) !== null && _b !== void 0 ? _b : ""}',`);
+        lines.push(`  isStaticParams: ${(0, serialize_variables_1.stringify)(v.isStaticParams)},`);
+        if (v.onBeforeUpdate) {
+            lines.push(`  onBeforeUpdate: (variable, inputData, options) => {\n    return ${v.onBeforeUpdate}\n  },`);
+        }
+    }
+    // NavigationAction-specific
+    if (v.classname === "NavigationAction") {
+        lines.push(`  appConfig: ${scope}.appConfig,`);
+    }
+    // LoginAction-specific
+    if (v.classname === "LoginAction") {
+        lines.push(`  baseURL: ${scope}.appConfig.url,`);
+        lines.push(`  securityService: () => ${scope}.appConfig.SecurityService,`);
+        lines.push(`  useDefaultSuccessHandler: ${v.useDefaultSuccessHandler},`);
+    }
+    // LogoutAction-specific
+    if (v.classname === "LogoutAction") {
+        lines.push(`  baseURL: ${scope}.appConfig.url,`);
+        lines.push(`  redirectTo: '${(_c = v.redirectTo) !== null && _c !== void 0 ? _c : ""}',`);
+        lines.push(`  useDefaultSuccessHandler: ${v.useDefaultSuccessHandler},`);
+        lines.push(`  securityService: () => ${scope}.appConfig.SecurityService,`);
+    }
+    // TimerAction-specific
+    if (v.classname === "TimerAction") {
+        lines.push(`  repeating: ${(0, serialize_variables_1.stringify)(v.repeating)},`);
+        lines.push(`  delay: ${(0, serialize_variables_1.stringify)(v.delay)},`);
+        if (v.onTimerFire) {
+            lines.push(`  onSuccess: (variable, data, options) => {\n    ${v.onTimerFire}\n  },`);
+        }
+    }
+    // NotificationAction-specific
+    if (v.classname === "NotificationAction") {
+        if (v.showDialog) {
+            lines.push(`  showDialog: (options) => {\n    ${v.showDialog}\n  },`);
+        }
+        if (v.partialContent) {
+            lines.push(`  partialContent: {\n    component: ${v.partialContent.component}\n  },`);
+        }
+        lines.push(`  onOk: (variable, data, options) => {\n    ${(_d = v.onOk) !== null && _d !== void 0 ? _d : ""}\n  },`);
+        if (v.operation === "confirm") {
+            lines.push(`  onCancel: (variable, data, options) => {\n    ${(_e = v.onCancel) !== null && _e !== void 0 ? _e : ""}\n  },`);
+        }
+        if (v.operation === "toast") {
+            lines.push(`  toasterService: () => ${scope}.toaster,`);
+        }
+        lines.push(`  onClose: (variable, data, options) => {\n    ${(_f = v.onClose) !== null && _f !== void 0 ? _f : ""}\n  },`);
+    }
+    // CrudVariable-specific
+    if (v.classname === "CrudVariable") {
+        lines.push(`  isStaticParams: ${(0, serialize_variables_1.stringify)(v.isStaticParams)},`);
+        lines.push(`  saveInPhonegap: ${v.saveInPhonegap},`);
+        lines.push(`  crudOperationId: '${v.crudOperationId}',`);
+        lines.push(`  transformationRequired: ${v.transformationRequired},`);
+        if (isPrefabScope) {
+            lines.push(`  baseUrl: ${scope}.baseUrl + '/prefabs/' + ${scope}.prefabname,`);
+        }
+        else {
+            lines.push(`  baseUrl: ${scope}.baseUrl,`);
+        }
+        if (v.dataBinding) {
+            lines.push(`  dataBinding: ${v.dataBinding},`);
+        }
+    }
+    // LiveVariable-specific
+    if (v.classname === "LiveVariable") {
+        lines.push(`  isStaticParams: ${(0, serialize_variables_1.stringify)(v.isStaticParams)},`);
+        lines.push(`  type: '${v.type}',`);
+        if (v.autoUpdate === true) {
+            lines.push(`  autoUpdate: ${v.autoUpdate},`);
+        }
+        if (v.onBeforeUpdate) {
+            if (v.operation === "read") {
+                lines.push(`  onBeforeUpdate: (variable, dataFilter, options) => {\n    return ${v.onBeforeUpdate}\n  },`);
+            }
+            else {
+                lines.push(`  onBeforeUpdate: (variable, inputData, options) => {\n    return ${v.onBeforeUpdate}\n  },`);
+            }
+        }
+        lines.push(`  liveSource: '${v.liveSource}',`);
+        lines.push(`  baseUrl: ${scope}.baseUrl,`);
+        lines.push(`  orderBy: '${(_g = v.orderBy) !== null && _g !== void 0 ? _g : ""}',`);
+        lines.push(`  propertiesMap: getEntityPropertyMap('${v.liveSource}', '${v.type}'),`);
+        lines.push(`  relatedTables: getEntityRelatedTables('${v.liveSource}', '${v.type}'),`);
+        lines.push(`  category: '${v.category}',`);
+        lines.push(`  tableName: '${v.tableName}',`);
+        lines.push(`  tableType: '${v.tableType}',`);
+        if (v._id) {
+            lines.push(`  _id: '${v._id}',`);
+        }
+        if (v.filterExpressions !== undefined &&
+            v.filterExpressions !== null &&
+            v.filterExpressions !== "" &&
+            !(typeof v.filterExpressions === "object" && Object.keys(v.filterExpressions).length === 0)) {
+            lines.push(`filterExpressions: ${(0, serialize_variables_1.stringify)(v.filterExpressions)},`);
+        }
+    }
+    // Common event handlers
+    if (v.onSuccess) {
+        lines.push(`  onSuccess: (variable, data, options) => {\n    ${v.onSuccess}\n  },`);
+    }
+    if (v.onError) {
+        lines.push(`  onError: (variable, data, options) => {\n    ${v.onError}\n  },`);
+    }
+    if (v.onCanUpdate) {
+        lines.push(`  onCanUpdate: (variable, data, options) => {\n    ${v.onCanUpdate}\n  },`);
+    }
+    if (v.onResult) {
+        lines.push(`  onResult: (variable, data, options) => {\n    ${v.onResult}\n  },`);
+    }
+    if (v.onBeforeDatasetReady) {
+        lines.push(`  onBeforeDatasetReady: (variable, data, options) => {\n    return ${v.onBeforeDatasetReady}\n  },`);
+    }
+    if (v.onOnline) {
+        lines.push(`  onOnline: (variable, data, options) => {\n    return ${v.onOnline}\n  },`);
+    }
+    if (v.onOffline) {
+        lines.push(`  onOffline: (variable, data, options) => {\n    return ${v.onOffline}\n  },`);
+    }
+    if (v.inFlightBehavior !== undefined &&
+        v.inFlightBehavior !== null &&
+        v.inFlightBehavior !== "") {
+        lines.push(`  inFlightBehavior: ${(0, serialize_variables_1.stringify)(v.inFlightBehavior)},`);
+    }
+    if (v.isList === true) {
+        lines.push(`  isList: ${v.isList},`);
+    }
+    if (v.twoWayBinding === true) {
+        lines.push(`  twoWayBinding: ${v.twoWayBinding},`);
+    }
+    if (v.spinnerContext) {
+        lines.push(`  spinnerContext: '${v.spinnerContext}',`);
+    }
+    if (v.spinnerMessage) {
+        lines.push(`  spinnerMessage: '${v.spinnerMessage}',`);
+    }
+    lines.push(`}),`);
+    return lines.join("\n");
+}
+/**
+ * Serializes transpiled variable definitions into a TypeScript code string.
+ * This is the pure-JS equivalent of compileVariablesTemplate — no Handlebars required.
+ */
+function serializeVariablesToCode(result, scope, options = {}) {
+    const { isPrefabApp = false, isPrefabScope = false, prefabName, addEntityProvider = true, } = options;
+    const importLines = [
+        `import React from 'react';`,
+        `import { ModelVariable } from '@wavemaker-ai/react-runtime/variables/model-variable';`,
+        `import { ServiceVariable } from '@wavemaker-ai/react-runtime/variables/service-variable';`,
+        `import { NavigationAction } from '@wavemaker-ai/react-runtime/actions/navigation-action';`,
+        `import {TimerAction} from '@wavemaker-ai/react-runtime/actions/timer-action'`,
+        `import {NotificationAction} from '@wavemaker-ai/react-runtime/actions/notification-action'`,
+        `import { LoginAction } from '@wavemaker-ai/react-runtime/actions/login-action';`,
+        `import { LogoutAction } from '@wavemaker-ai/react-runtime/actions/logout-action';`,
+        `import LiveVariable from '@wavemaker-ai/react-runtime/variables/live-variable';`,
+        `import CrudVariable from "@wavemaker-ai/react-runtime/variables/crud-variable"`,
+    ];
+    if (addEntityProvider) {
+        importLines.push(`import { getEntityPropertyMap, getEntityRelatedTables } from '@/libs/metadata/entities/entity-provider';`);
+    }
+    for (const imp of result.imports) {
+        importLines.push(`${imp};`);
+    }
+    const serializeGroup = (items) => {
+        if (items.length === 0)
+            return "";
+        return items
+            .map(v => serializeVariableEntry(v, scope, isPrefabApp, isPrefabScope, prefabName))
+            .join("\n");
+    };
+    const variablesBlock = serializeGroup(result.variables);
+    const actionsBlock = serializeGroup(result.actions);
+    return `${importLines.join("\n")}
+
+export default (${scope}:any) => {
+  return {
+    Variables: {
+      ${variablesBlock}
+    },
+    Actions: {
+      ${actionsBlock}
+    },
+  };
+};
+`;
+}
+/**
+ * Transforms markup and variable JSON into a TranspiledOutput.
+ * Pure functional — no Handlebars dependency.
+ */
+function transformMarkup(markup, options = { appUrl: "", prefabName: "", isPartOfPrefab: false }) {
+    const { isPartOfPrefab = false, variables, appUrl, prefabName } = options;
+    const transpiledOutput = (0, transpile_1.transpileMarkup)(markup, isPartOfPrefab, undefined, variables, true);
+    const transpiledVars = (0, transpile_variables_1.transpileVariableDefinitions)(variables, appUrl, "Page");
+    const variablesCode = serializeVariablesToCode(transpiledVars, "Page", {
+        isPrefabApp: isPartOfPrefab,
+        isPrefabScope: false,
+        prefabName,
+        addEntityProvider: !isPartOfPrefab,
+    });
+    return {
+        ...transpiledOutput,
+        variables: variablesCode,
+    };
+}
+//# sourceMappingURL=transform-markup.js.map

package/src/transpile/transform-markup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-markup.js","sourceRoot":"","sources":["../../../src/transpile/transform-markup.ts"],"names":[],"mappings":"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"}

package/src/transpile/transpile-variables.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transpileVariableDefinitions = transpileVariableDefinitions;
+const transform_register_1 = __importDefault(require("./components/transform-register"));
+const variable_transformer_1 = __importDefault(require("../variables/variable.transformer"));
+let registered = false;
+function ensureRegistered() {
+    if (!registered) {
+        (0, transform_register_1.default)();
+        registered = true;
+    }
+}
+/**
+ * Transforms raw variable JSON definitions into transpiled variable config objects.
+ * Pure functional — no Handlebars, no file generation.
+ *
+ * Use this in the dynamic runtime to get the same bind:/paramProvider/event handling
+ * as the codegen without pulling in the Handlebars template engine.
+ */
+function transpileVariableDefinitions(variables, appUrl, scope) {
+    ensureRegistered();
+    const imports = [];
+    const transformed = Object.values(variables !== null && variables !== void 0 ? variables : {})
+        .map((v) => (0, variable_transformer_1.default)(v, scope, appUrl, imports))
+        .filter(v => !!v);
+    return {
+        variables: transformed.filter(v => v.group === "variable"),
+        actions: transformed.filter(v => v.group === "action"),
+        imports,
+    };
+}
+//# sourceMappingURL=transpile-variables.js.map

package/src/transpile/transpile-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transpile-variables.js","sourceRoot":"","sources":["../../../src/transpile/transpile-variables.ts"],"names":[],"mappings":";;;;;AAyBA,oEAgBC;AAzCD,yFAAmE;AACnE,6FAAkE;AAElE,IAAI,UAAU,GAAG,KAAK,CAAC;AAEvB,SAAS,gBAAgB;IACvB,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,IAAA,4BAAoB,GAAE,CAAC;QACvB,UAAU,GAAG,IAAI,CAAC;IACpB,CAAC;AACH,CAAC;AAQD;;;;;;GAMG;AACH,SAAgB,4BAA4B,CAC1C,SAA0C,EAC1C,MAAc,EACd,KAAa;IAEb,gBAAgB,EAAE,CAAC;IACnB,MAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC;SAC/C,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,IAAA,8BAAiB,EAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;SAC7D,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpB,OAAO;QACL,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC;QAC1D,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC;QACtD,OAAO;KACR,CAAC;AACJ,CAAC"}

package/src/transpile/transpile.js

@@ -36,14 +36,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createExpression = exports.transformDollarBracketSyntax = exports.decodeHTMLEntities = exports.transpileElement = exports.processTextContentForJSX = exports.addFragmentOptionalChaining = exports.createComponent = exports.preTranspile = exports.transformAttrs = exports.transpileMarkup = exports.registerTransformer = exports.TranspilationContext = exports.generateRandomString = void 0;
+exports.createExpression = exports.transformDollarBracketSyntax = exports.decodeHTMLEntities = exports.transpileElement = exports.processTextContentForJSX = exports.addFragmentOptionalChaining = exports.createComponent = exports.preTranspile = exports.transformAttrs = exports.transpileMarkup = exports.registerTransformer = exports.TranspilationContext = exports.HTMLElementClass = exports.isHTMLElement = exports.NodeType = exports.parse = exports.generateRandomString = void 0;
 const lodash_1 = require("lodash");
-const node_html_parser_1 = require("node-html-parser");
+const node_html_parser_1 = __importStar(require("node-html-parser"));
 const fomatter_1 = require("../fomatter");
 const bind_ex_transformer_1 = __importStar(require("./bind.ex.transformer"));
 const style_transformer_1 = __importDefault(require("./style.transformer"));
 const property_parser_1 = require("./property/property-parser");
-const utils_1 = require("../utils");
+const utils_browser_1 = require("../utils.browser");
 const id_generator_1 = require("./id-generator");
 const widget_inline_style_processor_1 = require("./widget-inline-style-processor");
 const generateRandomString = (length = 10) => Math.random().toString(20).substr(2, length);
@@ -83,6 +83,32 @@ const processTextContentForJSX = (textContent) => {
     return textContent;
 };
 exports.processTextContentForJSX = processTextContentForJSX;
+// node-html-parser ESM wrapper bug: when bundlers use default interop, named exports (parse, NodeType, HTMLElement) are undefined
+exports.parse = typeof node_html_parser_1.default === "function"
+    ? node_html_parser_1.default
+    : node_html_parser_1.default.parse;
+// Use standard DOM node type constants (1, 3) - NodeType named export breaks under Turbopack/Next bundling
+exports.NodeType = {
+    ELEMENT_NODE: 1,
+    TEXT_NODE: 3,
+};
+/** Prefer over `instanceof HTMLElement` when the constructor may not match (e.g. bundlers). */
+const isHTMLElement = (node) => node != null && node.nodeType === exports.NodeType.ELEMENT_NODE;
+exports.isHTMLElement = isHTMLElement;
+// HTMLElement constructor - fallback for when named export is undefined (Turbopack/Next bundling)
+function getHTMLElementClass() {
+    var _a, _b, _c;
+    const fromModule = (_a = node_html_parser_1.default.HTMLElement) !== null && _a !== void 0 ? _a : node_html_parser_1.HTMLElement;
+    if (fromModule)
+        return fromModule;
+    // Fallback: get from parsed node (parse creates HTMLElement instances)
+    const parsed = (0, exports.parse)("<div></div>");
+    const firstEl = (_b = parsed.childNodes) === null || _b === void 0 ? void 0 : _b.find((c) => (c === null || c === void 0 ? void 0 : c.nodeType) === 1);
+    return ((_c = firstEl === null || firstEl === void 0 ? void 0 : firstEl.constructor) !== null && _c !== void 0 ? _c : (() => {
+        throw new Error("node-html-parser HTMLElement not available");
+    })());
+}
+exports.HTMLElementClass = getHTMLElementClass();
 // Input widgets that should inherit required/floating-label behavior from wm-composite
 const COMPOSITE_INPUT_TAGS = new Set([
     "wm-text",
@@ -117,7 +143,7 @@ const addFragmentOptionalChaining = (expression, addFallback = false) => {
         detectFunctionCalls: true,
         ...(addFallback && { fallbackValue: '""' }),
     };
-    return (0, utils_1.addOptionalChaining)(expression);
+    return (0, utils_browser_1.addOptionalChaining)(expression);
 };
 exports.addFragmentOptionalChaining = addFragmentOptionalChaining;
 class TranspilationContext {
@@ -143,7 +169,7 @@ class Transpiler {
         this.componentNamesList = [];
         this.transpile = (e, isPartOfPrefab, splitCode = true, oldContext) => {
             var _a;
-            const isHtmlElement = utils_1.htmlElements.includes(e.tagName.toLowerCase());
+            const isHtmlElement = utils_browser_1.htmlElements.includes(e.tagName.toLowerCase());
             const ignoreElements = ["wm-filter-action", "wm-form-action"];
             const transformer = this.transformers.get(e && e.tagName.toLowerCase());
             let result = {
@@ -168,7 +194,7 @@ class Transpiler {
             if (isHtmlElement) {
                 result.markup = preTranspileHtmlElement(e);
                 e.childNodes.forEach(c => {
-                    if (c && c.nodeType == node_html_parser_1.NodeType.ELEMENT_NODE) {
+                    if (c && c.nodeType == exports.NodeType.ELEMENT_NODE) {
                         const cResult = this.transpile(c, isPartOfPrefab, splitCode);
                         (0, lodash_1.assignIn)(result.components, cResult.components);
                         result.markup += cResult.markup;
@@ -179,7 +205,7 @@ class Transpiler {
                         if (cResult.pageEvents)
                             result.pageEvents = cResult.pageEvents;
                     }
-                    else if (c && c.nodeType == node_html_parser_1.NodeType.TEXT_NODE) {
+                    else if (c && c.nodeType == exports.NodeType.TEXT_NODE) {
                         // Preserve text nodes
                         const processedContent = processTextContentForJSX(c.text);
                         if (processedContent) {
@@ -203,7 +229,7 @@ class Transpiler {
                     transformer.pre(e, context).replace(new RegExp(bind_ex_transformer_1.FORMAT_CONTEXT, "g"), "") +
                         (e.childNodes.length > 0 ? "\n" : "");
                 e.childNodes.forEach(c => {
-                    if (c && c.nodeType == node_html_parser_1.NodeType.ELEMENT_NODE) {
+                    if (c && c.nodeType == exports.NodeType.ELEMENT_NODE) {
                         const cResult = this.transpile(c, isPartOfPrefab, splitCode, context);
                         (0, lodash_1.assignIn)(result.components, cResult.components);
                         result.markup += cResult.markup;
@@ -215,7 +241,7 @@ class Transpiler {
                         if (cResult.pageEvents)
                             result.pageEvents = cResult.pageEvents;
                     }
-                    else if (c && c.nodeType == node_html_parser_1.NodeType.TEXT_NODE) {
+                    else if (c && c.nodeType == exports.NodeType.TEXT_NODE) {
                         // Handle text nodes for custom elements
                         const processedContent = processTextContentForJSX(c.text);
                         if (processedContent) {
@@ -315,13 +341,13 @@ class Transpiler {
             transformedInner = transformedInner
                 .replace(/fragment\?\.item\b/g, "item")
                 .replace(/fragment\.item\b/g, "item");
-            const transformedBase = (0, utils_1.addOptionalChaining)(`fragment.${basePath}`);
+            const transformedBase = (0, utils_browser_1.addOptionalChaining)(`fragment.${basePath}`);
             const mapExpression = `${transformedBase}?.map((item) => ${transformedInner})`;
             return `mapfn:() => ${mapExpression}`;
         }
         // Simple path case: use nested map logic
         const basePath = segments[0];
-        const transformedBase = (0, utils_1.addOptionalChaining)(`fragment.${basePath}`);
+        const transformedBase = (0, utils_browser_1.addOptionalChaining)(`fragment.${basePath}`);
         const buildNestedMap = (segmentIndex, itemVar) => {
             const segment = segments[segmentIndex];
             let cleanSegment = segment.startsWith(".") ? segment.substring(1) : segment;
@@ -329,7 +355,7 @@ class Transpiler {
             const isLastSegment = segmentIndex === segments.length - 1;
             if (isLastSegment) {
                 if (cleanSegment) {
-                    return (0, utils_1.addOptionalChaining)(`${itemVar}.${cleanSegment}`);
+                    return (0, utils_browser_1.addOptionalChaining)(`${itemVar}.${cleanSegment}`);
                 }
                 return itemVar;
             }
@@ -337,7 +363,7 @@ class Transpiler {
                 const nextItemVar = segmentIndex === 1 ? "child" : `item${segmentIndex}`;
                 const nextExpression = buildNestedMap(segmentIndex + 1, nextItemVar);
                 if (cleanSegment) {
-                    const propertyAccess = (0, utils_1.addOptionalChaining)(`${itemVar}.${cleanSegment}`);
+                    const propertyAccess = (0, utils_browser_1.addOptionalChaining)(`${itemVar}.${cleanSegment}`);
                     return `${propertyAccess}?.map(${nextItemVar} => ${nextExpression})`;
                 }
                 return `${itemVar}?.map(${nextItemVar} => ${nextExpression})`;
@@ -347,6 +373,9 @@ class Transpiler {
         return `mapfn:() => ${mapExpression}`;
     }
     preTranspile(e) {
+        // remove variant attribute from element
+        // because it's not required in JSX
+        e === null || e === void 0 ? void 0 : e.removeAttribute("variant");
         Object.keys(e.attributes).forEach(name => {
             let value = e.attributes[name];
             if (value.startsWith("bind:")) {
@@ -419,7 +448,7 @@ class Transpiler {
             }
         });
         e.childNodes.forEach(c => {
-            if (c instanceof node_html_parser_1.HTMLElement) {
+            if ((0, exports.isHTMLElement)(c)) {
                 this.preTranspile(c);
             }
         });
@@ -481,7 +510,7 @@ class Transpiler {
                 if ((0, lodash_1.isString)(styleProp) && styleProp.startsWith("bind:")) {
                     isStatic = false;
                     const bindExpr = styleProp.substring(5);
-                    styleObj[i] = `{___${(0, utils_1.addOptionalChaining)(bindExpr)}___}`;
+                    styleObj[i] = `{___${(0, utils_browser_1.addOptionalChaining)(bindExpr)}___}`;
                 }
             });
             if (styles.background) {
@@ -511,7 +540,7 @@ class Transpiler {
                     if (!condition) {
                         return `'${className.trim()}'`;
                     }
-                    return `(${(0, utils_1.addOptionalChaining)(condition.trim())} ? ${className.replace(/'$/, " '")} : '')`;
+                    return `(${(0, utils_browser_1.addOptionalChaining)(condition.trim())} ? ${className.replace(/'$/, " '")} : '')`;
                 });
                 conditionalClasses = expressions.join("+");
             }
@@ -522,7 +551,7 @@ class Transpiler {
                 conditionalClasses = `${conditionalClasses}`;
             }
             else {
-                conditionalClasses = (0, utils_1.addOptionalChaining)(conditionalClasses);
+                conditionalClasses = (0, utils_browser_1.addOptionalChaining)(conditionalClasses);
             }
             if (classes === null || classes === void 0 ? void 0 : classes.startsWith("{")) {
                 classes = classes.substring(0, classes.length - 1);
@@ -544,7 +573,7 @@ class Transpiler {
         e.removeAttribute("style");
         return {
             styles: styles,
-            className: (0, utils_1.addOptionalChaining)(classes),
+            className: (0, utils_browser_1.addOptionalChaining)(classes),
         };
     }
     findArgs(str, context) {
@@ -559,10 +588,10 @@ class Transpiler {
             }
         });
         argStr = argStr.replace(/\(|\)/g, "");
-        if (argStr.indexOf("currentItemWidgets") > 0 && (context === null || context === void 0 ? void 0 : context.get("isInsideList"))) {
+        if (context === null || context === void 0 ? void 0 : context.get("isInsideList")) {
             argStr = argStr
                 .split(",")
-                // implement the logic for currentItemWidgets in proxy mechanism for looped items
+                // List row context: omit loop-scoped proxies from synthesized handler params (`$item` from outer closure)
                 .filter(s => !(0, lodash_1.includes)(["$item", "currentItemWidgets"], s.trim()))
                 .join(",");
         }
@@ -688,6 +717,11 @@ class Transpiler {
             .filter(s => !isPropertyAccess(s))
             .filter(s => !isObjectLiteral(s))
             .filter(s => !isArrayLiteral(s));
+        const usesBareEvent = /\$event\b/.test(str);
+        const hasEventParam = args.some(a => a.trim() === "$event");
+        if (usesBareEvent && !hasEventParam) {
+            return args.length > 0 ? `(${args.join(", ")}, $event)` : `($event)`;
+        }
         return `(${args.join(", ")})`;
     }
     quoteAttr(v) {
@@ -723,6 +757,12 @@ class Transpiler {
             value = value.replace(/item,/g, "$item,");
             value = value.replace(/item\./g, "$item.");
             value = value.replace(/item\)/g, "$item)");
+            // List preprocessors strip `?.` via removeOptionChaining before dataset replace — restore
+            // fragment/Variables optional chaining for the emitted handler body.
+            if (context === null || context === void 0 ? void 0 : context.get("isInsideList")) {
+                value = value.replace(/;+\s*$/, "").trim();
+                value = addFragmentOptionalChaining(value, false);
+            }
             const args = this.findArgs(value, context);
             if (context === null || context === void 0 ? void 0 : context.get("isInsideTableColumn")) {
                 value = value.replace(/\brow\b/g, "rowData");
@@ -744,7 +784,7 @@ class Transpiler {
             let exp = `${value.substring(5)}`;
             exp = exp.replace("fragment.Page", "fragment");
             const isProgressCircleDatavalue = tagName === "wm-progress-circle" && name === "datavalue";
-            exp = (0, utils_1.modifyExpression)(exp);
+            exp = (0, utils_browser_1.modifyExpression)(exp);
             exp = this.convertStringBooleanTernary(exp);
             // If expression is empty after transformation, use empty string instead of empty braces
             if (!exp) {
@@ -852,8 +892,8 @@ class Transpiler {
 }
 const transpiler = new Transpiler();
 exports.registerTransformer = transpiler.registerTransformer.bind(transpiler);
-const transpileMarkup = (markup, isPartOfPrefab, splitCode, variables) => {
-    const parsed = (0, node_html_parser_1.parse)(markup, {
+const transpileMarkup = (markup, isPartOfPrefab, splitCode, variables, preview) => {
+    const parsed = (0, exports.parse)(markup, {
         blockTextElements: {},
     });
     let finalResult = {
@@ -886,17 +926,18 @@ const transpileMarkup = (markup, isPartOfPrefab, splitCode, variables) => {
         data: {
             twoWayBindingVariables: twoWayBindingVariables,
             autolayoutCodegen,
+            preview: preview === true,
         },
     });
     // Process all child nodes (including text nodes that come before the main element)
     parsed.childNodes.forEach((node) => {
-        if (node.nodeType === node_html_parser_1.NodeType.TEXT_NODE) {
+        if (node.nodeType === exports.NodeType.TEXT_NODE) {
             const textContent = node.text;
             if (textContent.trim()) {
                 finalResult.markup += `{"${textContent.trim()}"} \n`;
             }
         }
-        else if (node.nodeType === node_html_parser_1.NodeType.ELEMENT_NODE) {
+        else if (node.nodeType === exports.NodeType.ELEMENT_NODE) {
             transpiler.preTranspile(node);
             const result = transpiler.transpile(node, isPartOfPrefab, splitCode, initialContext);
             finalResult.markup += result.markup;
@@ -988,7 +1029,7 @@ const createExpression = (element, attrName) => {
         }
         return `{($item) => (${exp})}`;
     }
-    if ((0, utils_1.isJSExpression)(displayexpression)) {
+    if ((0, utils_browser_1.isJSExpression)(displayexpression)) {
         const transformedExp = (0, bind_ex_transformer_1.default)(displayexpression, "$item");
         return `{($item) => (${transformedExp})}`;
     }