@wavemaker-ai/react-runtime 1.0.0-rc.647499 → 1.0.0-rc.647565

package/runtime-dynamic/factories/utils.js

@@ -1,131 +1,48 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildDynamicComponent = buildDynamicComponent;
-exports.createDynamicInnerComponent = createDynamicInnerComponent;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _WidgetProvider = require("@wavemaker-ai/react-runtime/context/WidgetProvider");
-var _AppContext = require("@wavemaker-ai/react-runtime/context/AppContext");
-var _scriptExecutor = require("../services/script-executor");
-var _variableTranspiler = require("../services/variable-transpiler");
-var _markupTranspiler = require("../services/markup-transpiler");
-var _cssScoping = require("../services/css-scoping");
-var _utils = require("../utils");
-var _startupInfo = require("./startup-info");
-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 __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 usePageEvents(appState, componentType) {
-  var appStateRef = (0, _react.useRef)(appState);
-  appStateRef.current = appState;
-  (0, _react.useEffect)(function () {
-    var _appStateRef$current, _appStateRef$current$;
-    if (componentType !== "page") return;
-    (_appStateRef$current = appStateRef.current) === null || _appStateRef$current === void 0 || (_appStateRef$current$ = _appStateRef$current.attach) === null || _appStateRef$current$ === void 0 || _appStateRef$current$.call(_appStateRef$current);
-    var onOrientationChange = function onOrientationChange() {
-      var _appStateRef$current2, _appStateRef$current3;
-      return (_appStateRef$current2 = appStateRef.current) === null || _appStateRef$current2 === void 0 || (_appStateRef$current3 = _appStateRef$current2.orientationchange) === null || _appStateRef$current3 === void 0 ? void 0 : _appStateRef$current3.call(_appStateRef$current2);
-    };
-    var onResize = function onResize() {
-      var _appStateRef$current4, _appStateRef$current5;
-      return (_appStateRef$current4 = appStateRef.current) === null || _appStateRef$current4 === void 0 || (_appStateRef$current5 = _appStateRef$current4.resize) === null || _appStateRef$current5 === void 0 ? void 0 : _appStateRef$current5.call(_appStateRef$current4);
-    };
-    window.addEventListener("orientationchange", onOrientationChange);
-    window.addEventListener("resize", onResize);
-    return function () {
-      var _appStateRef$current6, _appStateRef$current7;
-      window.removeEventListener("orientationchange", onOrientationChange);
-      window.removeEventListener("resize", onResize);
-      (_appStateRef$current6 = appStateRef.current) === null || _appStateRef$current6 === void 0 || (_appStateRef$current7 = _appStateRef$current6.destroy) === null || _appStateRef$current7 === void 0 || _appStateRef$current7.call(_appStateRef$current6);
-    };
-  }, []);
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { buildAddPageScript } from "../services/script-executor";
+import { transpileAndBuildGetVariables } from "../services/variable-transpiler";
+import { transpileFragment } from "../services/markup-transpiler";
+import { yieldToMain } from "../utils";
+import { buildStartupInfo } from "./startup-info";
+import { createDynamicComponent } from "./dynamic-component";
+async function buildDynamicComponent(fragment, config) {
+  const { markup, script, styles, variables } = fragment;
+  const { componentName, componentType, scriptScope, hoc, componentInfo, transpileOptions } = config;
+  const addPageScript = buildAddPageScript(script, scriptScope, componentName);
+  const transpiled = transpileFragment(
+    markup,
+    transpileOptions ? __spreadValues({ variables }, transpileOptions) : variables
+  );
+  await yieldToMain();
+  const variablesCodeString = (transpiled == null ? void 0 : transpiled.variables) || "";
+  const getVariables = transpileAndBuildGetVariables(variablesCodeString, variables);
+  await yieldToMain();
+  const InnerComponent = createDynamicComponent({
+    componentName,
+    componentType,
+    transpiled,
+    styles
+  });
+  InnerComponent.displayName = config.displayName || `Dynamic${componentType.charAt(0).toUpperCase() + componentType.slice(1)}(${componentName})`;
+  const startupInfo = buildStartupInfo(variables);
+  const info = componentInfo(startupInfo);
+  return hoc(InnerComponent, addPageScript, getVariables, info);
 }
-function createDynamicInnerComponent(_ref) {
-  var componentName = _ref.componentName,
-    componentType = _ref.componentType,
-    transpiled = _ref.transpiled,
-    styles = _ref.styles;
-  var InnerComponent = function InnerComponent(props) {
-    var _useAppContext;
-    var appState = (0, _WidgetProvider.useAppState)();
-    var stateProxy = (0, _WidgetProvider.useProxy)();
-    usePageEvents(appState, componentType);
-    var appStateRef = (0, _react.useRef)(appState);
-    appStateRef.current = appState;
-    var notification = (_useAppContext = (0, _AppContext.useAppContext)()) === null || _useAppContext === void 0 ? void 0 : _useAppContext.notification;
-    (0, _react.useEffect)(function () {
-      if (styles) {
-        (0, _cssScoping.scopeComponentStyles)(componentName, componentType, styles);
-      }
-      return function () {
-        (0, _cssScoping.removeComponentStyles)(componentName, componentType);
-      };
-    }, []);
-    (0, _react.useEffect)(function () {
-      if (appState) {
-        appState.pageReady();
-      }
-    }, []);
-    (0, _react.useEffect)(function () {
-      var _props$onRender;
-      props === null || props === void 0 || (_props$onRender = props.onRender) === null || _props$onRender === void 0 || _props$onRender.call(props, stateProxy);
-    }, []);
-    if (!transpiled) return null;
-    var renderState = notification ? _objectSpread(_objectSpread({}, appState), {}, {
-      notification: notification
-    }) : appState;
-    return __jsx(_react["default"].Fragment, null, (0, _markupTranspiler.renderTranspiledMarkup)(transpiled, renderState));
-  };
-  return InnerComponent;
-}
-
-// --- Shared builder used by page, partial, and prefab factories ---
-function buildDynamicComponent(_x, _x2) {
-  return _buildDynamicComponent.apply(this, arguments);
-}
-function _buildDynamicComponent() {
-  _buildDynamicComponent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(fragment, config) {
-    var markup, script, styles, variables, componentName, componentType, scriptScope, hoc, componentInfo, transpileOptions, addPageScript, transpiled, variablesCodeString, getVariables, InnerComponent, startupInfo, info;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          markup = fragment.markup, script = fragment.script, styles = fragment.styles, variables = fragment.variables;
-          componentName = config.componentName, componentType = config.componentType, scriptScope = config.scriptScope, hoc = config.hoc, componentInfo = config.componentInfo, transpileOptions = config.transpileOptions;
-          addPageScript = (0, _scriptExecutor.buildAddPageScript)(script, scriptScope, componentName);
-          transpiled = (0, _markupTranspiler.transpileFragment)(markup, transpileOptions ? _objectSpread({
-            variables: variables
-          }, transpileOptions) : variables);
-          _context.next = 6;
-          return (0, _utils.yieldToMain)();
-        case 6:
-          variablesCodeString = (transpiled === null || transpiled === void 0 ? void 0 : transpiled.variables) || "";
-          getVariables = (0, _variableTranspiler.transpileAndBuildGetVariables)(variablesCodeString, variables);
-          _context.next = 10;
-          return (0, _utils.yieldToMain)();
-        case 10:
-          InnerComponent = createDynamicInnerComponent({
-            componentName: componentName,
-            componentType: componentType,
-            transpiled: transpiled,
-            styles: styles
-          });
-          InnerComponent.displayName = config.displayName || "Dynamic".concat(componentType.charAt(0).toUpperCase() + componentType.slice(1), "(").concat(componentName, ")");
-          startupInfo = (0, _startupInfo.buildStartupInfo)(variables);
-          info = componentInfo(startupInfo);
-          return _context.abrupt("return", hoc(InnerComponent, addPageScript, getVariables, info));
-        case 15:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _buildDynamicComponent.apply(this, arguments);
-}
+export {
+  buildDynamicComponent
+};

package/runtime-dynamic/index.js

@@ -1,191 +1,56 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "App", {
-  enumerable: true,
-  get: function get() {
-    return _App.App;
-  }
-});
-Object.defineProperty(exports, "ComponentType", {
-  enumerable: true,
-  get: function get() {
-    return _services.ComponentType;
-  }
-});
-Object.defineProperty(exports, "PREFAB_PREVIEW_PATH", {
-  enumerable: true,
-  get: function get() {
-    return _previewMode.PREFAB_PREVIEW_PATH;
-  }
-});
-Object.defineProperty(exports, "PREFAB_PREVIEW_ROUTE_PATH", {
-  enumerable: true,
-  get: function get() {
-    return _previewMode.PREFAB_PREVIEW_ROUTE_PATH;
-  }
-});
-Object.defineProperty(exports, "PREFAB_PREVIEW_ROUTE_SEGMENT", {
-  enumerable: true,
-  get: function get() {
-    return _previewMode.PREFAB_PREVIEW_ROUTE_SEGMENT;
-  }
-});
-Object.defineProperty(exports, "PageWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _PageWrapper.PageWrapper;
-  }
-});
-Object.defineProperty(exports, "PrefabPreview", {
-  enumerable: true,
-  get: function get() {
-    return _PrefabPreview.PrefabPreview;
-  }
-});
-Object.defineProperty(exports, "buildBasePageLikeComponent", {
-  enumerable: true,
-  get: function get() {
-    return _buildBasePageLikeComponent.buildBasePageLikeComponent;
-  }
-});
-Object.defineProperty(exports, "buildPrefabComponent", {
-  enumerable: true,
-  get: function get() {
-    return _prefabFactory.buildPrefabComponent;
-  }
-});
-Object.defineProperty(exports, "clearComponentRefCache", {
-  enumerable: true,
-  get: function get() {
-    return _services.clearComponentRefCache;
-  }
-});
-Object.defineProperty(exports, "clearTranspileCache", {
-  enumerable: true,
-  get: function get() {
-    return _markupTranspiler.clearTranspileCache;
-  }
-});
-Object.defineProperty(exports, "clearVariablesCache", {
-  enumerable: true,
-  get: function get() {
-    return _variableTranspiler.clearVariablesCache;
-  }
-});
-Object.defineProperty(exports, "createAppRouter", {
-  enumerable: true,
-  get: function get() {
-    return _routes.createAppRouter;
-  }
-});
-Object.defineProperty(exports, "getAllComponentNames", {
-  enumerable: true,
-  get: function get() {
-    return _registry.getAllComponentNames;
-  }
-});
-Object.defineProperty(exports, "getComponent", {
-  enumerable: true,
-  get: function get() {
-    return _registry.getComponent;
-  }
-});
-Object.defineProperty(exports, "getComponentRef", {
-  enumerable: true,
-  get: function get() {
-    return _services.getComponentRef;
-  }
-});
-Object.defineProperty(exports, "getCustomWidget", {
-  enumerable: true,
-  get: function get() {
-    return _registry.getCustomWidget;
-  }
-});
-Object.defineProperty(exports, "getProjectConfig", {
-  enumerable: true,
-  get: function get() {
-    return _appInitializer.getProjectConfig;
-  }
-});
-Object.defineProperty(exports, "hasComponent", {
-  enumerable: true,
-  get: function get() {
-    return _registry.hasComponent;
-  }
-});
-Object.defineProperty(exports, "hasCustomWidget", {
-  enumerable: true,
-  get: function get() {
-    return _registry.hasCustomWidget;
-  }
-});
-Object.defineProperty(exports, "initPreviewRuntimeRouter", {
-  enumerable: true,
-  get: function get() {
-    return _App.initPreviewRuntimeRouter;
-  }
-});
-Object.defineProperty(exports, "initializeApp", {
-  enumerable: true,
-  get: function get() {
-    return _appInitializer.initializeApp;
-  }
-});
-Object.defineProperty(exports, "isRuntimePreviewPrefab", {
-  enumerable: true,
-  get: function get() {
-    return _previewMode.isRuntimePreviewPrefab;
-  }
-});
-Object.defineProperty(exports, "registerComponent", {
-  enumerable: true,
-  get: function get() {
-    return _registry.registerComponent;
-  }
-});
-Object.defineProperty(exports, "registerCustomWidget", {
-  enumerable: true,
-  get: function get() {
-    return _registry.registerCustomWidget;
-  }
-});
-Object.defineProperty(exports, "renderTranspiledMarkup", {
-  enumerable: true,
-  get: function get() {
-    return _markupTranspiler.renderTranspiledMarkup;
-  }
-});
-Object.defineProperty(exports, "transpileAndBuildGetVariables", {
-  enumerable: true,
-  get: function get() {
-    return _variableTranspiler.transpileAndBuildGetVariables;
-  }
-});
-Object.defineProperty(exports, "transpileAndRender", {
-  enumerable: true,
-  get: function get() {
-    return _markupTranspiler.transpileAndRender;
-  }
-});
-Object.defineProperty(exports, "transpileFragment", {
-  enumerable: true,
-  get: function get() {
-    return _markupTranspiler.transpileFragment;
-  }
-});
-var _App = require("./App");
-var _routes = require("./routes");
-var _previewMode = require("./preview-mode");
-var _appInitializer = require("./app-initializer");
-var _registry = require("./registry");
-var _markupTranspiler = require("./services/markup-transpiler");
-var _variableTranspiler = require("./services/variable-transpiler");
-var _services = require("./services");
-var _buildBasePageLikeComponent = require("./factories/build-base-page-like-component");
-var _prefabFactory = require("./factories/prefab-factory");
-var _PageWrapper = require("./components/PageWrapper");
-var _PrefabPreview = require("./components/PrefabPreview");
+import { App, initPreviewRuntimeRouter } from "./App";
+import { createAppRouter } from "./routes";
+import {
+  isRuntimePreviewPrefab,
+  PREFAB_PREVIEW_PATH,
+  PREFAB_PREVIEW_ROUTE_PATH,
+  PREFAB_PREVIEW_ROUTE_SEGMENT
+} from "./preview-mode";
+import { initializeApp, getProjectConfig } from "./app-initializer";
+import { getComponent, hasComponent, registerComponent, getAllComponentNames } from "./registry";
+import { registerCustomWidget, getCustomWidget, hasCustomWidget } from "./registry";
+import {
+  transpileAndRender,
+  transpileFragment,
+  renderTranspiledMarkup,
+  clearTranspileCache
+} from "./services/markup-transpiler";
+import { transpileAndBuildGetVariables, clearVariablesCache } from "./services/variable-transpiler";
+import { getComponentRef, clearComponentRefCache, ComponentType } from "./services";
+import {
+  buildBasePageLikeComponent
+} from "./factories/build-base-page-like-component";
+import { buildPrefabComponent } from "./factories/prefab-factory";
+import { PageWrapper } from "./components/PageWrapper";
+import { PrefabPreview } from "./components/PrefabPreview";
+export {
+  App,
+  ComponentType,
+  PREFAB_PREVIEW_PATH,
+  PREFAB_PREVIEW_ROUTE_PATH,
+  PREFAB_PREVIEW_ROUTE_SEGMENT,
+  PageWrapper,
+  PrefabPreview,
+  buildBasePageLikeComponent,
+  buildPrefabComponent,
+  clearComponentRefCache,
+  clearTranspileCache,
+  clearVariablesCache,
+  createAppRouter,
+  getAllComponentNames,
+  getComponent,
+  getComponentRef,
+  getCustomWidget,
+  getProjectConfig,
+  hasComponent,
+  hasCustomWidget,
+  initPreviewRuntimeRouter,
+  initializeApp,
+  isRuntimePreviewPrefab,
+  registerComponent,
+  registerCustomWidget,
+  renderTranspiledMarkup,
+  transpileAndBuildGetVariables,
+  transpileAndRender,
+  transpileFragment
+};

package/runtime-dynamic/main.js

@@ -1,84 +1,56 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = _interopRequireDefault(require("react"));
-var _client = require("react-dom/client");
-var _wmStyles = _interopRequireDefault(require("@wavemaker-ai/react-codegen/styles/wm-styles.css"));
-var _App = require("./App");
-var _appInitializer = require("./app-initializer");
-var _routes = require("./routes");
-var __jsx = _react["default"].createElement;
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { createRoot } from "react-dom/client";
+import wmGlobalsCss from "@wavemaker-ai/react-codegen/styles/wm-styles.css";
+import { App, initPreviewRuntimeRouter } from "./App";
+import { initializeApp } from "./app-initializer";
+import { createAppRouter } from "./routes";
 function injectGlobalStyles() {
   if (document.querySelector('style[data-wm-scope="globals"]')) return;
-  var style = document.createElement("style");
+  const style = document.createElement("style");
   style.setAttribute("data-wm-scope", "globals");
-  style.textContent = _wmStyles["default"];
+  style.textContent = wmGlobalsCss;
   document.head.appendChild(style);
 }
 function hoistBodyStylesheetsToHead() {
-  var bodyLinks = document.body.querySelectorAll('link[rel="stylesheet"], link[rel="preload"][as="style"]');
-  bodyLinks.forEach(function (link) {
-    return document.head.appendChild(link);
-  });
-}
-var DEBUG_MODE = "debugMode";
-function bootstrap() {
-  return _bootstrap.apply(this, arguments);
-}
-function _bootstrap() {
-  _bootstrap = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var container, root, tree;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          console.time("bootstrap");
-          hoistBodyStylesheetsToHead();
-          injectGlobalStyles();
-          _context.next = 5;
-          return (0, _appInitializer.initializeApp)();
-        case 5:
-          (0, _App.initPreviewRuntimeRouter)((0, _routes.createAppRouter)());
-          container = document.getElementById("app-root");
-          if (container) {
-            _context.next = 9;
-            break;
-          }
-          throw new Error("Root element #app-root not found");
-        case 9:
-          root = (0, _client.createRoot)(container); // StrictMode double-invokes effects and renders intentionally in development.
-          // In production it adds no benefit and doubles component work, so we skip it.
-          tree = process.env.NODE_ENV === "development" ? __jsx(_react["default"].StrictMode, null, __jsx(_App.App, null)) : __jsx(_App.App, null);
-          root.render(tree);
-          console.timeEnd("bootstrap");
-          window.addEventListener("unload", function () {
-            root.unmount();
-          });
-        case 14:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _bootstrap.apply(this, arguments);
+  const bodyLinks = document.body.querySelectorAll(
+    'link[rel="stylesheet"], link[rel="preload"][as="style"]'
+  );
+  bodyLinks.forEach((link) => document.head.appendChild(link));
 }
-document.addEventListener("DOMContentLoaded", function () {
-  bootstrap()["catch"](function (error) {
-    return console.error("Error bootstrapping app:", error);
+const DEBUG_MODE = "debugMode";
+async function bootstrap() {
+  console.time("bootstrap");
+  hoistBodyStylesheetsToHead();
+  injectGlobalStyles();
+  await initializeApp();
+  initPreviewRuntimeRouter(createAppRouter());
+  const container = document.getElementById("app-root");
+  if (!container) {
+    throw new Error("Root element #app-root not found");
+  }
+  const root = createRoot(container);
+  const tree = process.env.NODE_ENV === "development" ? /* @__PURE__ */ jsx(React.StrictMode, { children: /* @__PURE__ */ jsx(App, {}) }) : /* @__PURE__ */ jsx(App, {});
+  root.render(tree);
+  console.timeEnd("bootstrap");
+  window.addEventListener("unload", () => {
+    root.unmount();
   });
+}
+document.addEventListener("DOMContentLoaded", () => {
+  bootstrap().catch((error) => console.error("Error bootstrapping app:", error));
 });
-window.debugMode = function (enabled) {
-  var isEnabled = enabled !== null && enabled !== void 0 ? enabled : true;
-  var value = isEnabled ? "true" : "false";
+window.debugMode = (enabled) => {
+  const isEnabled = enabled != null ? enabled : true;
+  const value = isEnabled ? "true" : "false";
   if (sessionStorage.getItem(DEBUG_MODE) !== value) {
     sessionStorage.setItem(DEBUG_MODE, value);
     window.location.reload();
   }
 };
-var noop = function noop() {};
-var _default = exports["default"] = noop;
+const noop = () => {
+};
+var main_default = noop;
+export {
+  main_default as default
+};

package/runtime-dynamic/preview-mode.js

@@ -1,31 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PREFAB_PREVIEW_ROUTE_SEGMENT = exports.PREFAB_PREVIEW_ROUTE_PATH = exports.PREFAB_PREVIEW_PATH = void 0;
-exports.isRuntimePreviewPrefab = isRuntimePreviewPrefab;
-var _store = require("@wavemaker-ai/react-runtime/store");
-var _constants = require("../core/constants");
-/** Leaf URL segment for prefab preview (under {@link PREVIEW_ROUTING_BASEPATH}). */
-var PREFAB_PREVIEW_ROUTE_SEGMENT = exports.PREFAB_PREVIEW_ROUTE_SEGMENT = "prefab-preview";
-
-/**
- * Route path under the preview basename, same prefix as application pages (`react-preview/…`),
- * so the backend can serve `index.html` for that subtree.
- */
-var PREFAB_PREVIEW_ROUTE_PATH = exports.PREFAB_PREVIEW_ROUTE_PATH = "".concat(_constants.PREVIEW_ROUTING_BASEPATH, "/").concat(PREFAB_PREVIEW_ROUTE_SEGMENT);
-
-/** Absolute-style path for `Navigate`, `toPreviewRouterPath`, and parity with app preview URLs. */
-var PREFAB_PREVIEW_PATH = exports.PREFAB_PREVIEW_PATH = "/".concat(PREFAB_PREVIEW_ROUTE_PATH);
-
-/**
- * Prefab vs application preview routing. Uses `appProperties` from Redux after
- * `loadWmProperties` / `dispatchInitialConfig` (same payload as wmProperties.js), not
- * `window._WM_APP_PROPERTIES` (often unset when wmProperties is only fetched via HTTP).
- */
+import { store } from "../store";
+import { PREVIEW_ROUTING_BASEPATH } from "../core/constants";
+const PREFAB_PREVIEW_ROUTE_SEGMENT = "prefab-preview";
+const PREFAB_PREVIEW_ROUTE_PATH = `${PREVIEW_ROUTING_BASEPATH}/${PREFAB_PREVIEW_ROUTE_SEGMENT}`;
+const PREFAB_PREVIEW_PATH = `/${PREFAB_PREVIEW_ROUTE_PATH}`;
 function isRuntimePreviewPrefab() {
-  var _info;
-  var type = (_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.type;
+  var _a, _b, _c;
+  const type = (_c = (_b = (_a = store.getState().info) == null ? void 0 : _a.appConfig) == null ? void 0 : _b.appProperties) == null ? void 0 : _c.type;
   return type === "PREFAB";
-}
+}
+export {
+  PREFAB_PREVIEW_PATH,
+  PREFAB_PREVIEW_ROUTE_PATH,
+  PREFAB_PREVIEW_ROUTE_SEGMENT,
+  isRuntimePreviewPrefab
+};