@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

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/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;

package/runtime-dynamic/services/compile-render.js

@@ -0,0 +1,142 @@
+import React from "react";
+import { transform } from "sucrase";
+import { getComponent } from "../registry/component-registry";
+import { formatMessage, _get, toNumber } from "../../core/util";
+import { getPartialNames } from "../app-initializer";
+import { createLazyPartial } from "./variable-registry";
+const compiledCache = /* @__PURE__ */ new Map();
+const componentNameCache = /* @__PURE__ */ new Map();
+const UTIL_SCOPE = {
+  formatMessage,
+  _get,
+  toNumber
+};
+const lazyPartialCache = /* @__PURE__ */ new Map();
+function markupErrorNode(className, message) {
+  return React.createElement("div", { className }, message);
+}
+function extractMarkupComponents(markup) {
+  const cached = componentNameCache.get(markup);
+  if (cached) return cached;
+  const matches = markup.match(/\bWm[A-Z]\w*/g);
+  const result = matches ? [...new Set(matches)] : [];
+  componentNameCache.set(markup, result);
+  return result;
+}
+function resolveScope(imports, appState, markup) {
+  const fragment = appState;
+  const names = ["React", "fragment", "Widgets", "Variables"];
+  const values = [React, appState, fragment == null ? void 0 : fragment.Widgets, fragment == null ? void 0 : fragment.Variables];
+  const seen = /* @__PURE__ */ new Set(["React", "fragment", "Widgets", "Variables"]);
+  const knownPartials = new Set(getPartialNames());
+  for (const importDef of imports) {
+    const name = importDef.as || importDef.name;
+    if (seen.has(name)) continue;
+    const component = getComponent(name);
+    if (component) {
+      seen.add(name);
+      names.push(name);
+      values.push(component);
+      continue;
+    }
+    const partialName = [...knownPartials].find((p) => p.toLowerCase() === name.toLowerCase());
+    if (partialName) {
+      if (!lazyPartialCache.has(partialName)) {
+        lazyPartialCache.set(partialName, createLazyPartial(partialName));
+      }
+      seen.add(name);
+      names.push(name);
+      values.push(lazyPartialCache.get(partialName));
+    }
+  }
+  if (markup) {
+    for (const name of extractMarkupComponents(markup)) {
+      if (seen.has(name)) continue;
+      const component = getComponent(name);
+      if (component) {
+        seen.add(name);
+        names.push(name);
+        values.push(component);
+      }
+    }
+  }
+  for (const [name, value] of Object.entries(UTIL_SCOPE)) {
+    if (!seen.has(name)) {
+      seen.add(name);
+      names.push(name);
+      values.push(value);
+    }
+  }
+  return { names, values };
+}
+function compileJsx(jsxCode) {
+  const result = transform(jsxCode, {
+    transforms: ["typescript", "jsx"],
+    jsxRuntime: "classic",
+    production: true
+  });
+  return result.code;
+}
+function renderTranspiledMarkup(transpiled, appState) {
+  const cacheKey = transpiled.markup;
+  let cached = compiledCache.get(cacheKey);
+  if (!cached) {
+    const jsxString = transpiled.markup;
+    const jsxWrapped = `function __render__() { return (<React.Fragment>${jsxString.trim() || "null"}</React.Fragment>); }`;
+    let compiledCode;
+    try {
+      const compiled = compileJsx(jsxWrapped);
+      compiledCode = `${compiled}
+return __render__();`;
+    } catch (compileError) {
+      console.error("[markup-transpiler] Compilation failed:", compileError);
+      console.error("[markup-transpiler] JSX input:", jsxWrapped);
+      return markupErrorNode("wm-transpile-error", "Transpilation error");
+    }
+    const { names, values } = resolveScope(transpiled.imports, appState, jsxWrapped);
+    let renderFn;
+    try {
+      renderFn = new Function(...names, compiledCode);
+    } catch (constructionError) {
+      console.error("[markup-transpiler] Function compilation failed:", constructionError);
+      console.error("[markup-transpiler] Compiled code:", compiledCode);
+      return markupErrorNode("wm-transpile-error", "Compilation error");
+    }
+    const reactIdx = names.indexOf("React");
+    const fragmentIdx = names.indexOf("fragment");
+    const widgetsIdx = names.indexOf("Widgets");
+    const variablesIdx = names.indexOf("Variables");
+    cached = {
+      renderFn,
+      scopeNames: names,
+      runtimeValues: values,
+      reactIdx,
+      fragmentIdx,
+      widgetsIdx,
+      variablesIdx
+    };
+    compiledCache.set(cacheKey, cached);
+  }
+  const runtimeFragment = appState;
+  cached.runtimeValues[cached.reactIdx] = React;
+  cached.runtimeValues[cached.fragmentIdx] = appState;
+  cached.runtimeValues[cached.widgetsIdx] = runtimeFragment == null ? void 0 : runtimeFragment.Widgets;
+  cached.runtimeValues[cached.variablesIdx] = runtimeFragment == null ? void 0 : runtimeFragment.Variables;
+  try {
+    return cached.renderFn(...cached.runtimeValues);
+  } catch (renderError) {
+    console.error("[markup-transpiler] Render failed:", renderError);
+    return markupErrorNode("wm-render-error", "Render error");
+  }
+}
+function clearCompiledCache() {
+  compiledCache.clear();
+  componentNameCache.clear();
+  lazyPartialCache.clear();
+}
+export {
+  clearCompiledCache,
+  compileJsx,
+  renderTranspiledMarkup,
+  resolveScope
+};

package/runtime-dynamic/services/component-ref-provider.d.ts

@@ -1,12 +1,27 @@
 import { ComponentType } from "./fragment-url";
-import type { DecodedFragment } from "./cache";
+export interface PageMinJSON {
+    markup: string;
+    script: string;
+    styles: string;
+    variables: string;
+    config?: string;
+    error?: string;
+}
+export interface DecodedFragment {
+    markup: string;
+    script: string;
+    styles: string;
+    variables: Record<string, unknown>;
+    config?: Record<string, unknown>;
+    error?: string;
+}
 export interface GetComponentOptions {
     prefabName?: string;
 }
 export declare function getComponentRef(componentName: string, componentType: ComponentType, options?: GetComponentOptions): Promise<DecodedFragment>;
 export declare function getPrefabConfig(prefabName: string): Promise<Record<string, unknown>>;
 /**
- * Clears fetched fragments, built components, resource HTTP cache, prefab injected assets,
- * transpiled markup cache, and compiled variable factories so the next load rebuilds from disk.
+ * Resets injected prefab assets and transpile/variable caches so the next
+ * load rebuilds from the server.
  */
 export declare function clearComponentRefCache(): void;