@wavemaker-ai/react-runtime 1.0.0-rc.309

package/runtime-dynamic/services/variable-factory.js

@@ -0,0 +1,260 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createVariablesFromJson = createVariablesFromJson;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _variableRegistry = require("./variable-registry");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+// ---------------------------------------------------------------------------
+// Event handler wiring
+// ---------------------------------------------------------------------------
+
+var EVENT_HANDLER_REGEX = /^(\w+)\(([^)]*)\)$/;
+var RETURN_VALUE_HANDLERS = new Set(["onBeforeUpdate", "onBeforeDatasetReady", "onOnline", "onOffline"]);
+var EVENT_HANDLER_KEYS = new Set(["onSuccess", "onError", "onBeforeUpdate", "onCanUpdate", "onResult", "onBeforeDatasetReady", "onOnline", "onOffline", "onTimerFire"]);
+function wireEventHandlers(config, scopeProxy) {
+  var _iterator = _createForOfIteratorHelper(EVENT_HANDLER_KEYS),
+    _step;
+  try {
+    var _loop = function _loop() {
+        var key = _step.value;
+        var value = config[key];
+        if (typeof value !== "string") return 0; // continue
+        var match = value.match(EVENT_HANDLER_REGEX);
+        if (!match) {
+          delete config[key];
+          return 0; // continue
+        }
+        var methodName = match[1];
+        var shouldReturn = RETURN_VALUE_HANDLERS.has(key);
+        config[key] = function () {
+          var fn = scopeProxy === null || scopeProxy === void 0 ? void 0 : scopeProxy[methodName];
+          if (typeof fn === "function") {
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+            var result = fn.call.apply(fn, [scopeProxy].concat(args));
+            if (shouldReturn) return result;
+          }
+        };
+      },
+      _ret;
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      _ret = _loop();
+      if (_ret === 0) continue;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+
+// ---------------------------------------------------------------------------
+// isStaticParams — mirrors codegen's isStaticParamsVariable
+// ---------------------------------------------------------------------------
+
+function isStaticParams(variable) {
+  var db = variable.dataBinding;
+  if (!db) return true;
+  var entryIsStatic = function entryIsStatic(entry) {
+    var v = Array.isArray(entry.value) ? entry.value[0] : entry.value;
+    return !v || !(typeof v === "string" && v.startsWith("bind:"));
+  };
+  if (Array.isArray(db)) return db.every(entryIsStatic);
+  if (db && (0, _typeof2["default"])(db) === "object") {
+    return Object.values(db).every(function (opBindings) {
+      return Array.isArray(opBindings) ? opBindings.every(entryIsStatic) : true;
+    });
+  }
+  return true;
+}
+
+// ---------------------------------------------------------------------------
+// paramProvider builder
+// ---------------------------------------------------------------------------
+
+function buildParamProvider(variable) {
+  var dataSet = variable.dataSet;
+  if (variable.isList && Array.isArray(dataSet)) {
+    return function () {
+      return (0, _toConsumableArray2["default"])(dataSet);
+    };
+  }
+  var params = {};
+  var dataBinding = variable.dataBinding;
+  if (Array.isArray(dataBinding)) {
+    var _iterator2 = _createForOfIteratorHelper(dataBinding),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var binding = _step2.value;
+        if (binding.target) params[binding.target] = binding.value;
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+  }
+  if (dataSet && !Array.isArray(dataSet) && (0, _typeof2["default"])(dataSet) === "object") {
+    for (var _i = 0, _Object$entries = Object.entries(dataSet); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (!(key in params)) params[key] = value;
+    }
+  }
+  if (variable.pageName && !params["pageName"]) {
+    params["pageName"] = variable.pageName;
+  }
+  return function () {
+    return _objectSpread({}, params);
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Per-category config enhancers (DRY replacement for if-chains)
+// ---------------------------------------------------------------------------
+
+var NAVIGATION_CATEGORIES = new Set(["wm.NavigationAction", "wm.NavigationVariable"]);
+var NOTIFICATION_CATEGORIES = new Set(["wm.NotificationAction", "wm.NotificationVariable"]);
+var AUTH_CATEGORIES = new Set(["wm.LoginAction", "wm.LoginVariable", "wm.LogoutAction", "wm.LogoutVariable"]);
+var enhanceNavigation = function enhanceNavigation(config, _variable, scopeProxy) {
+  config.appConfig = scopeProxy.appConfig;
+};
+var enhanceNotification = function enhanceNotification(config, variable, scopeProxy) {
+  config.toasterService = function () {
+    return scopeProxy.toaster;
+  };
+  config.onOk = config.onOk || function () {};
+  config.onClose = config.onClose || function () {};
+  var operation = variable.operation;
+  if (operation === "alert" || operation === "confirm") {
+    var widgetName = "Common".concat(operation.charAt(0).toUpperCase() + operation.slice(1), "Dialog");
+    config.showDialog = function (options) {
+      var _scopeProxy$App, _scopeProxy$App$openA;
+      scopeProxy === null || scopeProxy === void 0 || (_scopeProxy$App = scopeProxy.App) === null || _scopeProxy$App === void 0 || (_scopeProxy$App$openA = _scopeProxy$App.openActionDialog) === null || _scopeProxy$App$openA === void 0 || _scopeProxy$App$openA.call(_scopeProxy$App, options, widgetName);
+    };
+  }
+  var dataBindings = variable.dataBinding;
+  var pageBinding = dataBindings === null || dataBindings === void 0 ? void 0 : dataBindings.find(function (b) {
+    return b.target === "page";
+  });
+  if (pageBinding !== null && pageBinding !== void 0 && pageBinding.value) {
+    var partialName = pageBinding.value.charAt(0).toUpperCase() + pageBinding.value.slice(1);
+    config.partialContent = {
+      component: (0, _variableRegistry.createLazyPartial)(partialName)
+    };
+  }
+};
+var enhanceAuth = function enhanceAuth(config, variable, scopeProxy) {
+  var _scopeProxy$appConfig, _variable$useDefaultS;
+  config.baseURL = (_scopeProxy$appConfig = scopeProxy.appConfig) === null || _scopeProxy$appConfig === void 0 ? void 0 : _scopeProxy$appConfig.url;
+  config.securityService = function () {
+    var _scopeProxy$appConfig2;
+    return (_scopeProxy$appConfig2 = scopeProxy.appConfig) === null || _scopeProxy$appConfig2 === void 0 ? void 0 : _scopeProxy$appConfig2.SecurityService;
+  };
+  config.useDefaultSuccessHandler = (_variable$useDefaultS = variable.useDefaultSuccessHandler) !== null && _variable$useDefaultS !== void 0 ? _variable$useDefaultS : true;
+};
+var enhanceServiceVariable = function enhanceServiceVariable(config, variable, scopeProxy) {
+  var _config$isStaticParam;
+  config.baseUrl = scopeProxy.baseUrl + "/services";
+  config.getServiceInfo = function () {
+    var _scopeProxy$serviceDe;
+    return (_scopeProxy$serviceDe = scopeProxy.serviceDefinitions) === null || _scopeProxy$serviceDe === void 0 || (_scopeProxy$serviceDe = _scopeProxy$serviceDe[variable.operationId]) === null || _scopeProxy$serviceDe === void 0 ? void 0 : _scopeProxy$serviceDe.wmServiceOperationInfo;
+  };
+  (_config$isStaticParam = config.isStaticParams) !== null && _config$isStaticParam !== void 0 ? _config$isStaticParam : config.isStaticParams = isStaticParams(variable);
+};
+var enhanceLiveVariable = function enhanceLiveVariable(config, variable, scopeProxy) {
+  var _config$isStaticParam2;
+  if (!config.operation) config.operation = "read";
+  if (!config.propertiesMap) config.propertiesMap = {
+    columns: []
+  };
+  if (!config.relatedTables) config.relatedTables = [];
+  config.baseUrl = scopeProxy.baseUrl;
+  (_config$isStaticParam2 = config.isStaticParams) !== null && _config$isStaticParam2 !== void 0 ? _config$isStaticParam2 : config.isStaticParams = isStaticParams(variable);
+};
+var enhanceCrudVariable = function enhanceCrudVariable(config, variable, scopeProxy) {
+  var _config$isStaticParam3;
+  config.baseUrl = scopeProxy.baseUrl;
+  (_config$isStaticParam3 = config.isStaticParams) !== null && _config$isStaticParam3 !== void 0 ? _config$isStaticParam3 : config.isStaticParams = isStaticParams(variable);
+};
+function getEnhancer(category) {
+  if (NAVIGATION_CATEGORIES.has(category)) return enhanceNavigation;
+  if (NOTIFICATION_CATEGORIES.has(category)) return enhanceNotification;
+  if (AUTH_CATEGORIES.has(category)) return enhanceAuth;
+  switch (category) {
+    case "wm.ServiceVariable":
+      return enhanceServiceVariable;
+    case "wm.LiveVariable":
+      return enhanceLiveVariable;
+    case "wm.CrudVariable":
+      return enhanceCrudVariable;
+    default:
+      return null;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Config builder
+// ---------------------------------------------------------------------------
+
+function buildInstanceConfig(variable, scopeProxy) {
+  var config = _objectSpread(_objectSpread({}, variable), {}, {
+    _context: scopeProxy,
+    paramProvider: variable.name === "loggedInUser" ? function () {
+      var _scopeProxy$appConfig3;
+      return (_scopeProxy$appConfig3 = scopeProxy.appConfig) === null || _scopeProxy$appConfig3 === void 0 ? void 0 : _scopeProxy$appConfig3.loggedInUser;
+    } : buildParamProvider(variable)
+  });
+  wireEventHandlers(config, scopeProxy);
+  var enhancer = getEnhancer(variable.category);
+  if (enhancer) enhancer(config, variable, scopeProxy);
+  return config;
+}
+
+// ---------------------------------------------------------------------------
+// Public API
+// ---------------------------------------------------------------------------
+
+function createVariablesFromJson(rawVariables, scopeProxy) {
+  if (!rawVariables || Object.keys(rawVariables).length === 0) return _variableRegistry.EMPTY_RESULT;
+  var Variables = {};
+  var Actions = {};
+  for (var _i2 = 0, _Object$entries2 = Object.entries(rawVariables); _i2 < _Object$entries2.length; _i2++) {
+    var _Object$entries2$_i = (0, _slicedToArray2["default"])(_Object$entries2[_i2], 2),
+      key = _Object$entries2$_i[0],
+      value = _Object$entries2$_i[1];
+    var _variable2 = value;
+    var category = _variable2.category;
+    var Ctor = _variableRegistry.CATEGORY_TO_CONSTRUCTOR[category];
+    if (!Ctor) continue;
+    try {
+      var _config = buildInstanceConfig(_variable2, scopeProxy);
+      var instance = new Ctor(_config);
+      if (_variableRegistry.ACTION_CATEGORIES.has(category)) {
+        Actions[key] = instance;
+      } else {
+        Variables[key] = instance;
+      }
+    } catch (err) {
+      console.error("[variable-factory] Failed to create \"".concat(key, "\" (").concat(category, "):"), err);
+    }
+  }
+  return {
+    Variables: Variables,
+    Actions: Actions
+  };
+}

package/runtime-dynamic/services/variable-registry.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type ConstructorClass = new (config: any) => any;
+export declare const CATEGORY_TO_CONSTRUCTOR: Record<string, ConstructorClass>;
+export declare const ACTION_CATEGORIES: Set<string>;
+export declare const SCOPE_MAP: Record<string, unknown>;
+export interface VariablesResult {
+    Variables: Record<string, unknown>;
+    Actions: Record<string, unknown>;
+}
+export declare const EMPTY_RESULT: VariablesResult;
+export declare function createLazyPartial(partialName: string): React.LazyExoticComponent<React.ComponentType<any>>;
+export {};

package/runtime-dynamic/services/variable-registry.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCOPE_MAP = exports.EMPTY_RESULT = exports.CATEGORY_TO_CONSTRUCTOR = exports.ACTION_CATEGORIES = void 0;
+exports.createLazyPartial = createLazyPartial;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var _modelVariable = require("@wavemaker-ai/react-runtime/variables/model-variable");
+var _serviceVariable = require("@wavemaker-ai/react-runtime/variables/service-variable");
+var _liveVariable = _interopRequireDefault(require("@wavemaker-ai/react-runtime/variables/live-variable"));
+var _crudVariable = _interopRequireDefault(require("@wavemaker-ai/react-runtime/variables/crud-variable"));
+var _navigationAction = require("@wavemaker-ai/react-runtime/actions/navigation-action");
+var _notificationAction = require("@wavemaker-ai/react-runtime/actions/notification-action");
+var _timerAction = require("@wavemaker-ai/react-runtime/actions/timer-action");
+var _loginAction = require("@wavemaker-ai/react-runtime/actions/login-action");
+var _logoutAction = require("@wavemaker-ai/react-runtime/actions/logout-action");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var CATEGORY_TO_CONSTRUCTOR = exports.CATEGORY_TO_CONSTRUCTOR = {
+  "wm.Variable": _modelVariable.ModelVariable,
+  "wm.ServiceVariable": _serviceVariable.ServiceVariable,
+  "wm.LiveVariable": _liveVariable["default"],
+  "wm.CrudVariable": _crudVariable["default"],
+  "wm.NavigationAction": _navigationAction.NavigationAction,
+  "wm.NavigationVariable": _navigationAction.NavigationAction,
+  "wm.NotificationAction": _notificationAction.NotificationAction,
+  "wm.NotificationVariable": _notificationAction.NotificationAction,
+  "wm.TimerAction": _timerAction.TimerAction,
+  "wm.TimerVariable": _timerAction.TimerAction,
+  "wm.LoginAction": _loginAction.LoginAction,
+  "wm.LoginVariable": _loginAction.LoginAction,
+  "wm.LogoutAction": _logoutAction.LogoutAction,
+  "wm.LogoutVariable": _logoutAction.LogoutAction
+};
+var ACTION_CATEGORIES = exports.ACTION_CATEGORIES = new Set(["wm.NavigationAction", "wm.NavigationVariable", "wm.NotificationAction", "wm.NotificationVariable", "wm.TimerAction", "wm.TimerVariable", "wm.LoginAction", "wm.LoginVariable", "wm.LogoutAction", "wm.LogoutVariable"]);
+var SCOPE_MAP = exports.SCOPE_MAP = {
+  React: _react["default"],
+  ModelVariable: _modelVariable.ModelVariable,
+  ServiceVariable: _serviceVariable.ServiceVariable,
+  LiveVariable: _liveVariable["default"],
+  CrudVariable: _crudVariable["default"],
+  NavigationAction: _navigationAction.NavigationAction,
+  NotificationAction: _notificationAction.NotificationAction,
+  TimerAction: _timerAction.TimerAction,
+  LoginAction: _loginAction.LoginAction,
+  LogoutAction: _logoutAction.LogoutAction
+};
+var EMPTY_RESULT = exports.EMPTY_RESULT = {
+  Variables: {},
+  Actions: {}
+};
+function createLazyPartial(partialName) {
+  return /*#__PURE__*/(0, _react.lazy)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var _yield$import, getComponentFromCache, setComponentInCache, _yield$import2, FType, _yield$import3, getComponentRef, _yield$import4, buildBasePageLikeComponent, cached, fragment, Built;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return Promise.resolve().then(function () {
+            return _interopRequireWildcard(require("@wavemaker-ai/react-runtime/runtime-dynamic/services/cache"));
+          });
+        case 2:
+          _yield$import = _context.sent;
+          getComponentFromCache = _yield$import.getComponentFromCache;
+          setComponentInCache = _yield$import.setComponentInCache;
+          _context.next = 7;
+          return Promise.resolve().then(function () {
+            return _interopRequireWildcard(require("@wavemaker-ai/react-runtime/runtime-dynamic/services/fragment-url"));
+          });
+        case 7:
+          _yield$import2 = _context.sent;
+          FType = _yield$import2.ComponentType;
+          _context.next = 11;
+          return Promise.resolve().then(function () {
+            return _interopRequireWildcard(require("@wavemaker-ai/react-runtime/runtime-dynamic/services/component-ref-provider"));
+          });
+        case 11:
+          _yield$import3 = _context.sent;
+          getComponentRef = _yield$import3.getComponentRef;
+          _context.next = 15;
+          return Promise.resolve().then(function () {
+            return _interopRequireWildcard(require("@wavemaker-ai/react-runtime/runtime-dynamic/factories/build-base-page-like-component"));
+          });
+        case 15:
+          _yield$import4 = _context.sent;
+          buildBasePageLikeComponent = _yield$import4.buildBasePageLikeComponent;
+          cached = getComponentFromCache(FType.PARTIAL, partialName);
+          if (!cached) {
+            _context.next = 20;
+            break;
+          }
+          return _context.abrupt("return", {
+            "default": cached
+          });
+        case 20:
+          _context.next = 22;
+          return getComponentRef(partialName, FType.PARTIAL);
+        case 22:
+          fragment = _context.sent;
+          _context.next = 25;
+          return buildBasePageLikeComponent("partial", partialName, fragment);
+        case 25:
+          Built = _context.sent;
+          setComponentInCache(FType.PARTIAL, partialName, Built);
+          return _context.abrupt("return", {
+            "default": Built
+          });
+        case 28:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+}

package/runtime-dynamic/services/variable-transpiler.d.ts

@@ -0,0 +1,5 @@
+import { type VariablesResult } from "./variable-registry";
+type GetVariablesFn = (pageProxy: unknown) => VariablesResult;
+export declare function clearVariablesCache(): void;
+export declare function transpileAndBuildGetVariables(variablesCodeString: string, rawVariables: Record<string, unknown>): GetVariablesFn;
+export {};

package/runtime-dynamic/services/variable-transpiler.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearVariablesCache = clearVariablesCache;
+exports.transpileAndBuildGetVariables = transpileAndBuildGetVariables;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _sucrase = require("sucrase");
+var _variableRegistry = require("./variable-registry");
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// ---------------------------------------------------------------------------
+// Entity provider shims (injects getEntityPropertyMap / getEntityRelatedTables)
+// ---------------------------------------------------------------------------
+
+function buildEntityProviderShims(rawVariables) {
+  var entityMap = new Map();
+  for (var _i = 0, _Object$values = Object.values(rawVariables || {}); _i < _Object$values.length; _i++) {
+    var config = _Object$values[_i];
+    var v = config;
+    if (!v.liveSource || !v.type || !v.propertiesMap) continue;
+    var key = "".concat(v.liveSource, "::").concat(v.type);
+    if (!entityMap.has(key)) {
+      entityMap.set(key, {
+        propertiesMap: v.propertiesMap,
+        relatedTables: v.relatedTables || []
+      });
+    }
+  }
+  return {
+    getEntityPropertyMap: function getEntityPropertyMap(liveSource, entityName) {
+      var _entityMap$get;
+      return (_entityMap$get = entityMap.get("".concat(liveSource, "::").concat(entityName))) === null || _entityMap$get === void 0 ? void 0 : _entityMap$get.propertiesMap;
+    },
+    getEntityRelatedTables: function getEntityRelatedTables(liveSource, entityName) {
+      var _entityMap$get2;
+      return (_entityMap$get2 = entityMap.get("".concat(liveSource, "::").concat(entityName))) === null || _entityMap$get2 === void 0 ? void 0 : _entityMap$get2.relatedTables;
+    }
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Code preprocessing
+// ---------------------------------------------------------------------------
+
+var IMPORT_STATEMENT_REGEX = /import\s+[\s\S]*?\s+from\s+['"][^'"]+['"];?/g;
+var EXPORT_DEFAULT_REGEX = /^\s*export\s+default\s+/m;
+var PARTIAL_IMPORT_REGEX = /import\s+(\w+)\s+from\s+['"]@\/app\/components\/[^'"]+['"];?/g;
+function extractPartialImports(code) {
+  var names = [];
+  var match;
+  while ((match = PARTIAL_IMPORT_REGEX.exec(code)) !== null) {
+    names.push(match[1]);
+  }
+  PARTIAL_IMPORT_REGEX.lastIndex = 0;
+  return names;
+}
+function preprocessVariablesCode(code) {
+  return code.replace(IMPORT_STATEMENT_REGEX, "").replace(EXPORT_DEFAULT_REGEX, "return ");
+}
+function compileTypeScript(code) {
+  var wrapped = "function __variableFactory__() {\n".concat(code, "\n}");
+  var result = (0, _sucrase.transform)(wrapped, {
+    transforms: ["typescript"]
+  });
+  return "".concat(result.code, "\nreturn __variableFactory__();");
+}
+function tryCompileVariableFactory(preprocessed) {
+  try {
+    return compileTypeScript(preprocessed);
+  } catch (err) {
+    console.error("[variable-transpiler] Compilation failed:", err);
+    return null;
+  }
+}
+function tryConstructVariableFactory(scopeNames, compiled) {
+  try {
+    return (0, _construct2["default"])(Function, (0, _toConsumableArray2["default"])(scopeNames).concat([compiled]));
+  } catch (err) {
+    console.error("[variable-transpiler] Function construction failed:", err);
+    return null;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Cache
+// ---------------------------------------------------------------------------
+
+var variablesCache = new Map();
+function clearVariablesCache() {
+  variablesCache.clear();
+}
+
+// ---------------------------------------------------------------------------
+// Public API
+// ---------------------------------------------------------------------------
+
+function transpileAndBuildGetVariables(variablesCodeString, rawVariables) {
+  if (!(variablesCodeString !== null && variablesCodeString !== void 0 && variablesCodeString.trim())) return function () {
+    return _variableRegistry.EMPTY_RESULT;
+  };
+  var cached = variablesCache.get(variablesCodeString);
+  if (cached) return cached;
+  var _buildEntityProviderS = buildEntityProviderShims(rawVariables),
+    getEntityPropertyMap = _buildEntityProviderS.getEntityPropertyMap,
+    getEntityRelatedTables = _buildEntityProviderS.getEntityRelatedTables;
+  var scopeWithShims = _objectSpread(_objectSpread({}, _variableRegistry.SCOPE_MAP), {}, {
+    getEntityPropertyMap: getEntityPropertyMap,
+    getEntityRelatedTables: getEntityRelatedTables
+  });
+  var _iterator = _createForOfIteratorHelper(extractPartialImports(variablesCodeString)),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var name = _step.value;
+      scopeWithShims[name] = (0, _variableRegistry.createLazyPartial)(name);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var scopeNames = Object.keys(scopeWithShims);
+  var scopeValues = Object.values(scopeWithShims);
+  var preprocessed = preprocessVariablesCode(variablesCodeString);
+  var compiled = tryCompileVariableFactory(preprocessed);
+  if (!compiled) return function () {
+    return _variableRegistry.EMPTY_RESULT;
+  };
+  var factoryBuilder = tryConstructVariableFactory(scopeNames, compiled);
+  if (!factoryBuilder) return function () {
+    return _variableRegistry.EMPTY_RESULT;
+  };
+  var getVariablesFn;
+  try {
+    getVariablesFn = factoryBuilder.apply(void 0, scopeValues);
+  } catch (err) {
+    console.error("[variable-transpiler] Factory execution failed:", err);
+    return function () {
+      return _variableRegistry.EMPTY_RESULT;
+    };
+  }
+  if (typeof getVariablesFn !== "function") {
+    console.error("[variable-transpiler] Expected a function, got:", (0, _typeof2["default"])(getVariablesFn));
+    return function () {
+      return _variableRegistry.EMPTY_RESULT;
+    };
+  }
+  variablesCache.set(variablesCodeString, getVariablesFn);
+  return getVariablesFn;
+}

package/runtime-dynamic/shims/next-image.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Shim for next/image in the dynamic preview runtime (non-Next.js).
+ * Renders a standard <img> element with the same props.
+ */
+import React from "react";
+interface ImageSrc {
+    src: string;
+    height?: number;
+    width?: number;
+}
+interface ImageProps {
+    src: string | ImageSrc;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    fill?: boolean;
+    loader?: (params: {
+        src: string;
+        width: number;
+        quality?: number;
+    }) => string;
+    quality?: number;
+    priority?: boolean;
+    loading?: "lazy" | "eager";
+    placeholder?: string;
+    blurDataURL?: string;
+    unoptimized?: boolean;
+    onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: unknown;
+}
+declare function NextImage({ src, alt, width, height, fill, loader: _loader, quality: _quality, priority, loading, placeholder: _placeholder, blurDataURL: _blurDataURL, unoptimized: _unoptimized, ...rest }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export default NextImage;

package/runtime-dynamic/shims/next-image.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["src", "alt", "width", "height", "fill", "loader", "quality", "priority", "loading", "placeholder", "blurDataURL", "unoptimized"];
+/**
+ * Shim for next/image in the dynamic preview runtime (non-Next.js).
+ * Renders a standard <img> element with the same props.
+ */
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function NextImage(_ref) {
+  var src = _ref.src,
+    _ref$alt = _ref.alt,
+    alt = _ref$alt === void 0 ? "" : _ref$alt,
+    width = _ref.width,
+    height = _ref.height,
+    fill = _ref.fill,
+    _loader = _ref.loader,
+    _quality = _ref.quality,
+    priority = _ref.priority,
+    loading = _ref.loading,
+    _placeholder = _ref.placeholder,
+    _blurDataURL = _ref.blurDataURL,
+    _unoptimized = _ref.unoptimized,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var imgSrc = (0, _typeof2["default"])(src) === "object" ? src.src : src;
+  var imgWidth = width !== null && width !== void 0 ? width : (0, _typeof2["default"])(src) === "object" ? src.width : undefined;
+  var imgHeight = height !== null && height !== void 0 ? height : (0, _typeof2["default"])(src) === "object" ? src.height : undefined;
+  var resolvedStyle = _objectSpread({}, rest.style || {});
+  if (fill) {
+    resolvedStyle.position = "absolute";
+    resolvedStyle.width = "100%";
+    resolvedStyle.height = "100%";
+    resolvedStyle.objectFit = resolvedStyle.objectFit || "cover";
+  }
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    __jsx("img", {
+      src: imgSrc,
+      alt: alt,
+      width: fill ? undefined : imgWidth,
+      height: fill ? undefined : imgHeight,
+      loading: priority ? "eager" : loading || "lazy",
+      style: resolvedStyle,
+      className: rest.className,
+      onLoad: rest.onLoad,
+      onError: rest.onError
+    })
+  );
+}
+var _default = exports["default"] = NextImage;