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

package/runtime-dynamic/registry/custom-widget-registry.js

@@ -1,18 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hasCustomWidget = exports.getCustomWidget = exports["default"] = void 0;
-exports.registerCustomWidget = registerCustomWidget;
-var CUSTOM_WIDGET_REGISTRY = new Map();
+import { toLowerCase } from "./store";
+const CUSTOM_WIDGET_REGISTRY = /* @__PURE__ */ new Map();
 function registerCustomWidget(name, component) {
-  CUSTOM_WIDGET_REGISTRY.set(name, component);
+  CUSTOM_WIDGET_REGISTRY.set(toLowerCase(name), component);
 }
-var getCustomWidget = exports.getCustomWidget = function getCustomWidget(name) {
-  return CUSTOM_WIDGET_REGISTRY.get(name);
+const getCustomWidget = (name) => CUSTOM_WIDGET_REGISTRY.get(toLowerCase(name));
+const hasCustomWidget = (name) => CUSTOM_WIDGET_REGISTRY.has(toLowerCase(name));
+var custom_widget_registry_default = CUSTOM_WIDGET_REGISTRY;
+export {
+  custom_widget_registry_default as default,
+  getCustomWidget,
+  hasCustomWidget,
+  registerCustomWidget
 };
-var hasCustomWidget = exports.hasCustomWidget = function hasCustomWidget(name) {
-  return CUSTOM_WIDGET_REGISTRY.has(name);
-};
-var _default = exports["default"] = CUSTOM_WIDGET_REGISTRY;

package/runtime-dynamic/registry/index.js

@@ -1,63 +1,24 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "COMPONENT_REGISTRY", {
-  enumerable: true,
-  get: function get() {
-    return _componentRegistry["default"];
-  }
-});
-Object.defineProperty(exports, "CUSTOM_WIDGET_REGISTRY", {
-  enumerable: true,
-  get: function get() {
-    return _customWidgetRegistry["default"];
-  }
-});
-Object.defineProperty(exports, "getAllComponentNames", {
-  enumerable: true,
-  get: function get() {
-    return _componentRegistry.getAllComponentNames;
-  }
-});
-Object.defineProperty(exports, "getComponent", {
-  enumerable: true,
-  get: function get() {
-    return _componentRegistry.getComponent;
-  }
-});
-Object.defineProperty(exports, "getCustomWidget", {
-  enumerable: true,
-  get: function get() {
-    return _customWidgetRegistry.getCustomWidget;
-  }
-});
-Object.defineProperty(exports, "hasComponent", {
-  enumerable: true,
-  get: function get() {
-    return _componentRegistry.hasComponent;
-  }
-});
-Object.defineProperty(exports, "hasCustomWidget", {
-  enumerable: true,
-  get: function get() {
-    return _customWidgetRegistry.hasCustomWidget;
-  }
-});
-Object.defineProperty(exports, "registerComponent", {
-  enumerable: true,
-  get: function get() {
-    return _componentRegistry.registerComponent;
-  }
-});
-Object.defineProperty(exports, "registerCustomWidget", {
-  enumerable: true,
-  get: function get() {
-    return _customWidgetRegistry.registerCustomWidget;
-  }
-});
-var _componentRegistry = _interopRequireWildcard(require("./component-registry"));
-var _customWidgetRegistry = _interopRequireWildcard(require("./custom-widget-registry"));
-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); }
+import {
+  default as default2,
+  getComponent,
+  hasComponent,
+  getAllComponentNames,
+  registerComponent
+} from "./component-registry";
+import {
+  default as default3,
+  registerCustomWidget,
+  getCustomWidget,
+  hasCustomWidget
+} from "./custom-widget-registry";
+export {
+  default2 as COMPONENT_REGISTRY,
+  default3 as CUSTOM_WIDGET_REGISTRY,
+  getAllComponentNames,
+  getComponent,
+  getCustomWidget,
+  hasComponent,
+  hasCustomWidget,
+  registerComponent,
+  registerCustomWidget
+};

package/runtime-dynamic/registry/store.d.ts

@@ -1,6 +1,7 @@
 import type React from "react";
 type ComponentEntry = React.ComponentType<any>;
 declare const COMPONENT_REGISTRY: Map<string, ComponentEntry>;
+export declare const toLowerCase: (name: string) => string;
 export declare const register: (pascalName: string, component: ComponentEntry) => void;
 export declare const getComponent: (name: string) => ComponentEntry | undefined;
 export declare const hasComponent: (name: string) => boolean;

package/runtime-dynamic/registry/store.js

@@ -1,26 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.registerComponent = exports.register = exports.hasComponent = exports.getComponent = exports.getAllComponentNames = exports["default"] = void 0;
-var COMPONENT_REGISTRY = new Map();
-var normalize = function normalize(name) {
-  return name.toLowerCase();
+const COMPONENT_REGISTRY = /* @__PURE__ */ new Map();
+const toLowerCase = (name) => name.toLowerCase();
+const register = (pascalName, component) => {
+  COMPONENT_REGISTRY.set(toLowerCase(pascalName), component);
 };
-var register = exports.register = function register(pascalName, component) {
-  COMPONENT_REGISTRY.set(normalize(pascalName), component);
-};
-var getComponent = exports.getComponent = function getComponent(name) {
-  return COMPONENT_REGISTRY.get(normalize(name));
-};
-var hasComponent = exports.hasComponent = function hasComponent(name) {
-  return COMPONENT_REGISTRY.has(normalize(name));
-};
-var getAllComponentNames = exports.getAllComponentNames = function getAllComponentNames() {
-  return Array.from(COMPONENT_REGISTRY.keys());
-};
-var registerComponent = exports.registerComponent = function registerComponent(name, component) {
+const getComponent = (name) => COMPONENT_REGISTRY.get(toLowerCase(name));
+const hasComponent = (name) => COMPONENT_REGISTRY.has(toLowerCase(name));
+const getAllComponentNames = () => Array.from(COMPONENT_REGISTRY.keys());
+const registerComponent = (name, component) => {
   register(name, component);
 };
-var _default = exports["default"] = COMPONENT_REGISTRY;
+var store_default = COMPONENT_REGISTRY;
+export {
+  store_default as default,
+  getAllComponentNames,
+  getComponent,
+  hasComponent,
+  register,
+  registerComponent,
+  toLowerCase
+};

package/runtime-dynamic/routes.js

@@ -1,107 +1,79 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAppRouter = createAppRouter;
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _store = require("@wavemaker-ai/react-runtime/store");
-var _constants = require("../core/constants");
-var _previewMode = require("./preview-mode");
-var _PageWrapper = require("./components/PageWrapper");
-var _PrefabPreview = require("./components/PrefabPreview");
-var FALLBACK_PAGE = "Main";
+import React from "react";
+import { createBrowserRouter, Navigate } from "react-router-dom";
+import { store } from "../store";
+import { PREVIEW_ROUTING_BASEPATH } from "../core/constants";
+import {
+  isRuntimePreviewPrefab,
+  PREFAB_PREVIEW_PATH,
+  PREFAB_PREVIEW_ROUTE_PATH,
+  PREFAB_PREVIEW_ROUTE_SEGMENT
+} from "./preview-mode";
+import { PageWrapper } from "./components/PageWrapper";
+import { PrefabPreview } from "./components/PrefabPreview";
+const FALLBACK_PAGE = "Main";
 function PrefabPreviewEntryRedirect() {
-  return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Navigate, {
-    to: _previewMode.PREFAB_PREVIEW_PATH,
-    replace: true
-  });
+  return React.createElement(Navigate, { to: PREFAB_PREVIEW_PATH, replace: true });
 }
 function getBasename() {
-  var _baseEl$getAttribute;
-  var baseEl = document.querySelector("base");
-  var baseHref = (baseEl === null || baseEl === void 0 || (_baseEl$getAttribute = baseEl.getAttribute("href")) === null || _baseEl$getAttribute === void 0 ? void 0 : _baseEl$getAttribute.trim()) || "";
+  var _a;
+  const baseEl = document.querySelector("base");
+  const baseHref = ((_a = baseEl == null ? void 0 : baseEl.getAttribute("href")) == null ? void 0 : _a.trim()) || "";
   if (baseHref && baseHref !== "" && !baseHref.startsWith(".")) {
     return baseHref.endsWith("/") ? baseHref.slice(0, -1) : baseHref;
   }
-
-  // Derive basename from the current URL. The preview URL structure is
-  // /{runId}/{appName}/ or /{runId}/{tenantId}/{appName}/.
-  // The homePage from wmProperties.js tells us which segment (if any) is
-  // a page name vs part of the base path.
-  var pathname = window.location.pathname;
-  var segments = pathname.split("/").filter(Boolean);
-
-  // If URL ends with "/" or the last segment matches homePage (or a known page),
-  // all remaining segments form the basename. Otherwise the last segment is
-  // the current page name — drop it from the basename.
-  var isRoot = pathname.endsWith("/");
+  const pathname = window.location.pathname;
+  const segments = pathname.split("/").filter(Boolean);
+  const isRoot = pathname.endsWith("/");
   if (isRoot) {
     return "/" + segments.join("/");
   }
-
-  // If last segment matches homePage or any page name from the app,
-  // it's a page — drop it from basename.
-  // Fallback: always drop last segment when not ending with "/"
   return "/" + segments.slice(0, -1).join("/");
 }
 function HomeRedirect() {
-  var _info;
-  var homePage = ((_info = _store.store.getState().info) === null || _info === void 0 || (_info = _info.appConfig) === null || _info === void 0 || (_info = _info.appProperties) === null || _info === void 0 ? void 0 : _info.homePage) || FALLBACK_PAGE;
-
-  // When migrating from Angular, the studio embeds the target page as a legacy
-  // hash route in the preview URL (e.g. `…#/Table`). Detect that and use it as
-  // the destination page instead of the configured homePage.
-  var hash = typeof window !== "undefined" ? window.location.hash : "";
-  // Hash format from Angular router: "#/PageName" or "#/PageName?…"
-  var hashPageMatch = hash.match(/^#\/([^?&/]+)/);
-  var targetPage = hashPageMatch ? hashPageMatch[1] : homePage;
-
-  // Preserve query params from the main URL. Do not forward the hash itself:
-  // the React router uses path-based routing, not hash routing.
-  var search = typeof window !== "undefined" ? window.location.search : "";
-  var redirectTo = "/".concat(_constants.PREVIEW_ROUTING_BASEPATH, "/").concat(targetPage).concat(search);
-  return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Navigate, {
+  var _a, _b, _c;
+  const homePage = ((_c = (_b = (_a = store.getState().info) == null ? void 0 : _a.appConfig) == null ? void 0 : _b.appProperties) == null ? void 0 : _c.homePage) || FALLBACK_PAGE;
+  const hash = typeof window !== "undefined" ? window.location.hash : "";
+  const hashPageMatch = hash.match(/^#\/([^?&/]+)/);
+  const targetPage = hashPageMatch ? hashPageMatch[1] : homePage;
+  const search = typeof window !== "undefined" ? window.location.search : "";
+  const redirectTo = `/${PREVIEW_ROUTING_BASEPATH}/${targetPage}${search}`;
+  return React.createElement(Navigate, {
     to: redirectTo,
     replace: true
   });
 }
 function buildPreviewRouteTree() {
-  var root = {
+  const root = {
     path: "/",
     element: null,
     children: []
   };
-  if ((0, _previewMode.isRuntimePreviewPrefab)()) {
-    root.children = [{
-      index: true,
-      element: /*#__PURE__*/_react["default"].createElement(PrefabPreviewEntryRedirect)
-    }, {
-      path: _previewMode.PREFAB_PREVIEW_ROUTE_SEGMENT,
-      element: /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Navigate, {
-        to: _previewMode.PREFAB_PREVIEW_PATH,
-        replace: true
-      })
-    }, {
-      path: _previewMode.PREFAB_PREVIEW_ROUTE_PATH,
-      element: /*#__PURE__*/_react["default"].createElement(_PrefabPreview.PrefabPreview)
-    }];
+  if (isRuntimePreviewPrefab()) {
+    root.children = [
+      { index: true, element: React.createElement(PrefabPreviewEntryRedirect) },
+      {
+        path: PREFAB_PREVIEW_ROUTE_SEGMENT,
+        element: React.createElement(Navigate, { to: PREFAB_PREVIEW_PATH, replace: true })
+      },
+      {
+        path: PREFAB_PREVIEW_ROUTE_PATH,
+        element: React.createElement(PrefabPreview)
+      }
+    ];
   } else {
-    // APPLICATION (or unknown): page shell under react-preview/…
-    root.children = [{
-      index: true,
-      element: /*#__PURE__*/_react["default"].createElement(HomeRedirect)
-    }, {
-      path: "".concat(_constants.PREVIEW_ROUTING_BASEPATH, "/:pageName"),
-      element: /*#__PURE__*/_react["default"].createElement(_PageWrapper.PageWrapper)
-    }];
+    root.children = [
+      { index: true, element: React.createElement(HomeRedirect) },
+      {
+        path: `${PREVIEW_ROUTING_BASEPATH}/:pageName`,
+        element: React.createElement(PageWrapper)
+      }
+    ];
   }
   return [root];
 }
 function createAppRouter() {
-  return (0, _reactRouterDom.createBrowserRouter)(buildPreviewRouteTree(), {
-    basename: getBasename()
-  });
-}
+  return createBrowserRouter(buildPreviewRouteTree(), { basename: getBasename() });
+}
+export {
+  createAppRouter
+};

package/runtime-dynamic/services/app-extension-provider.js

@@ -1,45 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.loadAppExtensions = loadAppExtensions;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _axios = _interopRequireDefault(require("axios"));
-var _previewResourceBase = require("../preview-resource-base");
-function loadAppExtensions() {
-  return _loadAppExtensions.apply(this, arguments);
+import axios from "axios";
+import { resolvePreviewFetchUrl } from "../preview-resource-base";
+async function loadAppExtensions() {
+  try {
+    const response = await axios.get(resolvePreviewFetchUrl("./app.extensions.js"), {
+      responseType: "text"
+    });
+    if (response.data) {
+      const script = document.createElement("script");
+      script.textContent = response.data;
+      document.head.appendChild(script);
+    }
+  } catch (e) {
+  }
 }
-function _loadAppExtensions() {
-  _loadAppExtensions = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var response, script;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.prev = 0;
-          _context.next = 3;
-          return _axios["default"].get((0, _previewResourceBase.resolvePreviewFetchUrl)("./app.extensions.js"), {
-            responseType: "text"
-          });
-        case 3:
-          response = _context.sent;
-          if (response.data) {
-            script = document.createElement("script");
-            script.textContent = response.data;
-            document.head.appendChild(script);
-          }
-          _context.next = 9;
-          break;
-        case 7:
-          _context.prev = 7;
-          _context.t0 = _context["catch"](0);
-        case 9:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[0, 7]]);
-  }));
-  return _loadAppExtensions.apply(this, arguments);
-}
+export {
+  loadAppExtensions
+};

package/runtime-dynamic/services/autolayout-inject.d.ts

@@ -0,0 +1,4 @@
+export declare const AUTOLAYOUT_SCOPE = "autolayout-dynamic";
+export declare const injectedAutoLayoutRules: Set<string>;
+export declare function injectAutolayoutCss(rules: string[]): void;
+export declare function clearAutolayoutState(): void;

package/runtime-dynamic/services/autolayout-inject.js

@@ -0,0 +1,27 @@
+const AUTOLAYOUT_SCOPE = "autolayout-dynamic";
+const injectedAutoLayoutRules = /* @__PURE__ */ new Set();
+function injectAutolayoutCss(rules) {
+  const newRules = rules.filter((r) => !injectedAutoLayoutRules.has(r));
+  if (newRules.length === 0) return;
+  newRules.forEach((r) => injectedAutoLayoutRules.add(r));
+  let styleEl = document.querySelector(
+    `style[data-wm-scope="${AUTOLAYOUT_SCOPE}"]`
+  );
+  if (!styleEl) {
+    styleEl = document.createElement("style");
+    styleEl.setAttribute("data-wm-scope", AUTOLAYOUT_SCOPE);
+    document.head.appendChild(styleEl);
+  }
+  styleEl.textContent += "\n" + newRules.join("\n\n") + "\n";
+}
+function clearAutolayoutState() {
+  injectedAutoLayoutRules.clear();
+  const styleEl = document.querySelector(`style[data-wm-scope="${AUTOLAYOUT_SCOPE}"]`);
+  if (styleEl) styleEl.remove();
+}
+export {
+  AUTOLAYOUT_SCOPE,
+  clearAutolayoutState,
+  injectAutolayoutCss,
+  injectedAutoLayoutRules
+};

package/runtime-dynamic/services/cache.js

@@ -1,51 +1,32 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.clearAllCaches = clearAllCaches;
-exports.deleteFragmentFromCache = deleteFragmentFromCache;
-exports.deletePrefabConfigFromCache = deletePrefabConfigFromCache;
-exports.getScriptFromCache = exports.getPrefabConfigFromCache = exports.getFragmentFromCache = exports.getComponentFromCache = void 0;
-exports.setComponentInCache = setComponentInCache;
-exports.setFragmentInCache = setFragmentInCache;
-exports.setPrefabConfigInCache = setPrefabConfigInCache;
-exports.setScriptInCache = setScriptInCache;
-var fragmentCache = new Map();
-var componentCache = new Map();
-var scriptCache = new Map();
-var prefabConfigCache = new Map();
-var getPrefabConfigFromCache = exports.getPrefabConfigFromCache = function getPrefabConfigFromCache(url) {
-  return prefabConfigCache.get(url);
-};
+const fragmentCache = /* @__PURE__ */ new Map();
+const componentCache = /* @__PURE__ */ new Map();
+const scriptCache = /* @__PURE__ */ new Map();
+const prefabConfigCache = /* @__PURE__ */ new Map();
+const getPrefabConfigFromCache = (url) => prefabConfigCache.get(url);
 function setPrefabConfigInCache(url, config) {
   prefabConfigCache.set(url, config);
 }
 function deletePrefabConfigFromCache(url) {
-  prefabConfigCache["delete"](url);
+  prefabConfigCache.delete(url);
 }
-var getFragmentFromCache = exports.getFragmentFromCache = function getFragmentFromCache(url) {
-  return fragmentCache.get(url);
-};
+const getFragmentFromCache = (url) => fragmentCache.get(url);
 function setFragmentInCache(url, fragment) {
   fragmentCache.set(url, fragment);
 }
 function deleteFragmentFromCache(url) {
-  fragmentCache["delete"](url);
+  fragmentCache.delete(url);
 }
-var getComponentFromCache = exports.getComponentFromCache = function getComponentFromCache(componentType, componentName) {
-  var _componentCache$get;
-  return (_componentCache$get = componentCache.get(componentType)) === null || _componentCache$get === void 0 ? void 0 : _componentCache$get.get(componentName);
+const getComponentFromCache = (componentType, componentName) => {
+  var _a;
+  return (_a = componentCache.get(componentType)) == null ? void 0 : _a.get(componentName);
 };
 function setComponentInCache(componentType, componentName, component) {
   if (!componentCache.has(componentType)) {
-    componentCache.set(componentType, new Map());
+    componentCache.set(componentType, /* @__PURE__ */ new Map());
   }
   componentCache.get(componentType).set(componentName, component);
 }
-var getScriptFromCache = exports.getScriptFromCache = function getScriptFromCache(identifier) {
-  return scriptCache.get(identifier);
-};
+const getScriptFromCache = (identifier) => scriptCache.get(identifier);
 function setScriptInCache(identifier, scriptFn) {
   scriptCache.set(identifier, scriptFn);
 }
@@ -54,4 +35,17 @@ function clearAllCaches() {
   componentCache.clear();
   scriptCache.clear();
   prefabConfigCache.clear();
-}
+}
+export {
+  clearAllCaches,
+  deleteFragmentFromCache,
+  deletePrefabConfigFromCache,
+  getComponentFromCache,
+  getFragmentFromCache,
+  getPrefabConfigFromCache,
+  getScriptFromCache,
+  setComponentInCache,
+  setFragmentInCache,
+  setPrefabConfigInCache,
+  setScriptInCache
+};

package/runtime-dynamic/services/compile-render.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { TranspiledOutput } from "@wavemaker-ai/react-codegen/transpiler";
+export declare function resolveScope(imports: TranspiledOutput["imports"], appState: unknown, markup?: string): {
+    names: string[];
+    values: unknown[];
+};
+export declare function compileJsx(jsxCode: string): string;
+export declare function renderTranspiledMarkup(transpiled: TranspiledOutput, appState: unknown): React.ReactNode;
+export declare function clearCompiledCache(): void;