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

package/runtime-dynamic/components/use-dynamic-component.js

@@ -1,165 +1,77 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDynamicComponent = useDynamicComponent;
-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 = require("react");
-var _componentRefProvider = require("../services/component-ref-provider");
-var _fragmentUrl = require("../services/fragment-url");
-var _cache = require("../services/cache");
-var _buildBasePageLikeComponent = require("../factories/build-base-page-like-component");
-var _prefabFactory = require("../factories/prefab-factory");
-/** Third argument is only used for {@link ComponentType.PREFAB}: outbound defaults from prefab `config.json` (see {@link buildPrefabComponent}). */
-
-var builders = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _fragmentUrl.ComponentType.PAGE, function (name, fragment) {
-  return (0, _buildBasePageLikeComponent.buildBasePageLikeComponent)("page", name, fragment);
-}), _fragmentUrl.ComponentType.PARTIAL, function (name, fragment) {
-  return (0, _buildBasePageLikeComponent.buildBasePageLikeComponent)("partial", name, fragment);
-}), _fragmentUrl.ComponentType.PREFAB, function (name, fragment, prefabOutboundDefaults) {
-  return (0, _prefabFactory.buildPrefabComponent)(name, fragment, prefabOutboundDefaults !== null && prefabOutboundDefaults !== void 0 ? prefabOutboundDefaults : {});
-});
+import { useState, useEffect, useCallback, useRef } from "react";
+import { getComponentRef, getPrefabConfig } from "../services/component-ref-provider";
+import { ComponentType } from "../services/fragment-url";
+import { getComponentFromCache, setComponentInCache } from "../services/cache";
+import { buildBasePageLikeComponent } from "../factories/build-base-page-like-component";
+import { buildPrefabComponent } from "../factories/prefab-factory";
+const builders = {
+  [ComponentType.PAGE]: (name, fragment) => buildBasePageLikeComponent("page", name, fragment),
+  [ComponentType.PARTIAL]: (name, fragment) => buildBasePageLikeComponent("partial", name, fragment),
+  [ComponentType.PREFAB]: (name, fragment, prefabOutboundDefaults) => buildPrefabComponent(name, fragment, prefabOutboundDefaults != null ? prefabOutboundDefaults : {})
+};
 function getCachedComponent(componentType, name) {
-  if (!name) return undefined;
-  return (0, _cache.getComponentFromCache)(componentType, name);
+  if (!name) return void 0;
+  return getComponentFromCache(componentType, name);
 }
 function resolveInitialState(componentName, componentType) {
-  var cached = getCachedComponent(componentType, componentName);
-  if (cached) return {
-    Component: cached,
-    isLoading: false,
-    error: null
-  };
-  return {
-    Component: null,
-    isLoading: !!componentName,
-    error: null
-  };
+  const cached = getCachedComponent(componentType, componentName);
+  if (cached) return { Component: cached, isLoading: false, error: null };
+  return { Component: null, isLoading: !!componentName, error: null };
 }
 function getFragmentFetchOptions(componentType, prefabNameOption, resolvedName) {
-  if (componentType !== _fragmentUrl.ComponentType.PREFAB) return undefined;
-  return {
-    prefabName: prefabNameOption || resolvedName
-  };
+  if (componentType !== ComponentType.PREFAB) return void 0;
+  return { prefabName: prefabNameOption || resolvedName };
 }
 function useDynamicComponent(componentName, componentType, options) {
-  var _useState = (0, _react.useState)(function () {
-      return resolveInitialState(componentName, componentType);
-    }),
-    state = _useState[0],
-    setState = _useState[1];
-  var activeRequestRef = (0, _react.useRef)(0);
-  var load = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(name) {
-      var cached, requestId, fetchOptions, _prefabOutboundDefaults, _fragment, builder, Component, error;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            cached = getCachedComponent(componentType, name);
-            if (!cached) {
-              _context.next = 4;
-              break;
-            }
-            setState({
-              Component: cached,
-              isLoading: false,
-              error: null
-            });
-            return _context.abrupt("return");
-          case 4:
-            requestId = ++activeRequestRef.current;
-            setState({
-              Component: null,
-              isLoading: true,
-              error: null
-            });
-            _context.prev = 6;
-            fetchOptions = getFragmentFetchOptions(componentType, options === null || options === void 0 ? void 0 : options.prefabName, name);
-            if (!(componentType === _fragmentUrl.ComponentType.PREFAB)) {
-              _context.next = 15;
-              break;
-            }
-            _context.next = 11;
-            return (0, _componentRefProvider.getPrefabConfig)(name);
-          case 11:
-            _context.t0 = _context.sent;
-            if (_context.t0) {
-              _context.next = 14;
-              break;
-            }
-            _context.t0 = {};
-          case 14:
-            _prefabOutboundDefaults = _context.t0;
-          case 15:
-            _context.next = 17;
-            return (0, _componentRefProvider.getComponentRef)(name, componentType, fetchOptions);
-          case 17:
-            _fragment = _context.sent;
-            builder = builders[componentType];
-            if (builder) {
-              _context.next = 21;
-              break;
-            }
-            throw new Error("No builder registered for component type: ".concat(componentType));
-          case 21:
-            _context.next = 23;
-            return builder(name, _fragment, _prefabOutboundDefaults);
-          case 23:
-            Component = _context.sent;
-            (0, _cache.setComponentInCache)(componentType, name, Component);
-            if (requestId === activeRequestRef.current) {
-              setState({
-                Component: Component,
-                isLoading: false,
-                error: null
-              });
-            }
-            _context.next = 35;
-            break;
-          case 28:
-            _context.prev = 28;
-            _context.t1 = _context["catch"](6);
-            if (!(requestId !== activeRequestRef.current)) {
-              _context.next = 32;
-              break;
-            }
-            return _context.abrupt("return");
-          case 32:
-            error = _context.t1 instanceof Error ? _context.t1 : new Error("Failed to load ".concat(componentType));
-            console.error("Failed to load ".concat(componentType, " \"").concat(name, "\":"), _context.t1);
-            setState({
-              Component: null,
-              isLoading: false,
-              error: error
-            });
-          case 35:
-          case "end":
-            return _context.stop();
+  const [state, setState] = useState(
+    () => resolveInitialState(componentName, componentType)
+  );
+  const activeRequestRef = useRef(0);
+  const load = useCallback(
+    async (name) => {
+      const cached = getCachedComponent(componentType, name);
+      if (cached) {
+        setState({ Component: cached, isLoading: false, error: null });
+        return;
+      }
+      const requestId = ++activeRequestRef.current;
+      setState({ Component: null, isLoading: true, error: null });
+      try {
+        const fetchOptions = getFragmentFetchOptions(componentType, options == null ? void 0 : options.prefabName, name);
+        let prefabOutboundDefaults;
+        if (componentType === ComponentType.PREFAB) {
+          prefabOutboundDefaults = await getPrefabConfig(name) || {};
         }
-      }, _callee, null, [[6, 28]]);
-    }));
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [componentType, options === null || options === void 0 ? void 0 : options.prefabName]);
-  (0, _react.useEffect)(function () {
+        const fragment = await getComponentRef(name, componentType, fetchOptions);
+        const builder = builders[componentType];
+        if (!builder) throw new Error(`No builder registered for component type: ${componentType}`);
+        const Component = await builder(name, fragment, prefabOutboundDefaults);
+        setComponentInCache(componentType, name, Component);
+        if (requestId === activeRequestRef.current) {
+          setState({ Component, isLoading: false, error: null });
+        }
+      } catch (err) {
+        if (requestId !== activeRequestRef.current) return;
+        const error = err instanceof Error ? err : new Error(`Failed to load ${componentType}`);
+        console.error(`Failed to load ${componentType} "${name}":`, err);
+        setState({ Component: null, isLoading: false, error });
+      }
+    },
+    [componentType, options == null ? void 0 : options.prefabName]
+  );
+  useEffect(() => {
     if (!componentName) return;
-    var cached = getCachedComponent(componentType, componentName);
+    const cached = getCachedComponent(componentType, componentName);
     if (cached) {
-      setState(function (prev) {
-        return prev.Component === cached ? prev : {
-          Component: cached,
-          isLoading: false,
-          error: null
-        };
-      });
+      setState(
+        (prev) => prev.Component === cached ? prev : { Component: cached, isLoading: false, error: null }
+      );
       return;
     }
     load(componentName);
   }, [componentName, load, componentType]);
   return state;
-}
+}
+export {
+  useDynamicComponent
+};

package/runtime-dynamic/factories/build-base-page-like-component.js

@@ -1,59 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildBasePageLikeComponent = buildBasePageLikeComponent;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = _interopRequireDefault(require("react"));
-var _BasePage = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/BasePage"));
-var _scriptExecutor = require("../services/script-executor");
-var _utils = require("./utils");
-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; }
-/**
- * Shared path for dynamically loaded pages and partials: both wrap codegen output
- * with {@link BasePage}, differing only in script scope and startup metadata labels.
- */
-function buildBasePageLikeComponent(_x, _x2, _x3) {
-  return _buildBasePageLikeComponent.apply(this, arguments);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import React from "react";
+import BasePage from "../../higherOrder/BasePage";
+import { ScriptScope } from "../services/script-executor";
+import { buildDynamicComponent } from "./utils";
+async function buildBasePageLikeComponent(kind, name, fragment) {
+  const isPage = kind === "page";
+  const WrappedComponent = await buildDynamicComponent(fragment, {
+    componentName: name,
+    componentType: isPage ? "page" : "partial",
+    scriptScope: isPage ? ScriptScope.PAGE : ScriptScope.PARTIAL,
+    hoc: BasePage,
+    componentInfo: (startupInfo) => __spreadProps(__spreadValues({
+      componentName: name,
+      componentType: isPage ? "PAGE" : "PARTIAL"
+    }, startupInfo), {
+      isPartOfPrefab: false,
+      appLocale: {}
+    })
+  });
+  const MemoizedComponent = React.memo(WrappedComponent);
+  MemoizedComponent.displayName = isPage ? `BasePage(${name})` : `BasePage_Partial(${name})`;
+  return MemoizedComponent;
 }
-function _buildBasePageLikeComponent() {
-  _buildBasePageLikeComponent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(kind, name, fragment) {
-    var isPage, WrappedComponent, MemoizedComponent;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          isPage = kind === "page";
-          _context.next = 3;
-          return (0, _utils.buildDynamicComponent)(fragment, {
-            componentName: name,
-            componentType: isPage ? "page" : "partial",
-            scriptScope: isPage ? _scriptExecutor.ScriptScope.PAGE : _scriptExecutor.ScriptScope.PARTIAL,
-            hoc: _BasePage["default"],
-            componentInfo: function componentInfo(startupInfo) {
-              return _objectSpread(_objectSpread({
-                componentName: name,
-                componentType: isPage ? "PAGE" : "PARTIAL"
-              }, startupInfo), {}, {
-                isPartOfPrefab: false,
-                appLocale: {}
-              });
-            }
-          });
-        case 3:
-          WrappedComponent = _context.sent;
-          MemoizedComponent = /*#__PURE__*/_react["default"].memo(WrappedComponent);
-          MemoizedComponent.displayName = isPage ? "BasePage(".concat(name, ")") : "BasePage_Partial(".concat(name, ")");
-          return _context.abrupt("return", MemoizedComponent);
-        case 7:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _buildBasePageLikeComponent.apply(this, arguments);
-}
+export {
+  buildBasePageLikeComponent
+};

package/runtime-dynamic/factories/dynamic-component.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { TranspiledOutput } from "../services/markup-transpiler";
+export interface InnerComponentConfig {
+    componentName: string;
+    componentType: "page" | "partial" | "prefab";
+    transpiled: TranspiledOutput | null;
+    styles: string;
+}
+export declare function createDynamicComponent({ componentName, componentType, transpiled, styles, }: InnerComponentConfig): React.FC<any>;

package/runtime-dynamic/factories/dynamic-component.js

@@ -0,0 +1,83 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import React, { useEffect, useRef } from "react";
+import { useAppState } from "../../context/WidgetProvider";
+import { useAppContext } from "../../context/AppContext";
+import { renderTranspiledMarkup } from "../services/markup-transpiler";
+import { scopeComponentStyles, removeComponentStyles } from "../services/css-scoping";
+function usePageEvents(appState, componentType) {
+  const appStateRef = useRef(appState);
+  appStateRef.current = appState;
+  useEffect(() => {
+    var _a, _b;
+    if (componentType !== "page") return;
+    (_b = (_a = appStateRef.current) == null ? void 0 : _a.attach) == null ? void 0 : _b.call(_a);
+    const onOrientationChange = () => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = appStateRef.current) == null ? void 0 : _a2.orientationchange) == null ? void 0 : _b2.call(_a2);
+    };
+    const onResize = () => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = appStateRef.current) == null ? void 0 : _a2.resize) == null ? void 0 : _b2.call(_a2);
+    };
+    window.addEventListener("orientationchange", onOrientationChange);
+    window.addEventListener("resize", onResize);
+    return () => {
+      var _a2, _b2;
+      window.removeEventListener("orientationchange", onOrientationChange);
+      window.removeEventListener("resize", onResize);
+      (_b2 = (_a2 = appStateRef.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+    };
+  }, []);
+}
+function createDynamicComponent({
+  componentName,
+  componentType,
+  transpiled,
+  styles
+}) {
+  const InnerComponent = () => {
+    var _a;
+    const appState = useAppState();
+    usePageEvents(appState, componentType);
+    const appStateRef = useRef(appState);
+    appStateRef.current = appState;
+    const notification = (_a = useAppContext()) == null ? void 0 : _a.notification;
+    useEffect(() => {
+      if (styles) {
+        scopeComponentStyles(componentName, componentType, styles);
+      }
+      if (appState) {
+        appState.pageReady();
+      }
+      return () => {
+        removeComponentStyles(componentName, componentType);
+      };
+    }, []);
+    if (!transpiled) return null;
+    const renderState = notification ? __spreadProps(__spreadValues({}, appState), { notification }) : appState;
+    return /* @__PURE__ */ jsx(React.Fragment, { children: renderTranspiledMarkup(transpiled, renderState) });
+  };
+  return InnerComponent;
+}
+export {
+  createDynamicComponent
+};

package/runtime-dynamic/factories/prefab-factory.js

@@ -1,82 +1,61 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildPrefabComponent = buildPrefabComponent;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = _interopRequireDefault(require("react"));
-var _BasePrefab = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/BasePrefab"));
-var _scriptExecutor = require("../services/script-executor");
-var _utils = require("./utils");
-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 buildPrefabComponent(_x, _x2, _x3) {
-  return _buildPrefabComponent.apply(this, arguments);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import BasePrefab from "../../higherOrder/BasePrefab";
+import { ScriptScope } from "../services/script-executor";
+import { buildDynamicComponent } from "./utils";
+async function buildPrefabComponent(prefabName, fragment, defaultPrefabProps) {
+  const BasePrefabComponent = await buildDynamicComponent(fragment, {
+    componentName: prefabName,
+    componentType: "prefab",
+    scriptScope: ScriptScope.PREFAB,
+    hoc: BasePrefab,
+    componentInfo: (startupInfo) => __spreadProps(__spreadValues({
+      type: "PREFAB",
+      componentName: prefabName,
+      componentType: "PREFAB"
+    }, startupInfo), {
+      partials: [],
+      pages: [],
+      prefabInfo: {}
+    }),
+    transpileOptions: { isPartOfPrefab: true, prefabName }
+  });
+  const DynamicPrefabShell = React.memo((props) => {
+    var _a, _b;
+    const resolvedName = (_b = (_a = props.name) != null ? _a : defaultPrefabProps.name) != null ? _b : prefabName;
+    return /* @__PURE__ */ jsx(
+      BasePrefabComponent,
+      __spreadProps(__spreadValues({
+        inbound: props,
+        outbound: defaultPrefabProps,
+        prefabname: prefabName
+      }, props), {
+        name: resolvedName
+      })
+    );
+  });
+  DynamicPrefabShell.displayName = `DynamicPrefab(${prefabName})`;
+  return DynamicPrefabShell;
 }
-function _buildPrefabComponent() {
-  _buildPrefabComponent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(prefabName, fragment, defaultPrefabProps) {
-    var BasePrefabComponent, DynamicPrefabShell;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return (0, _utils.buildDynamicComponent)(fragment, {
-            componentName: prefabName,
-            componentType: "prefab",
-            scriptScope: _scriptExecutor.ScriptScope.PREFAB,
-            hoc: _BasePrefab["default"],
-            componentInfo: function componentInfo(startupInfo) {
-              return _objectSpread(_objectSpread({
-                type: "PREFAB",
-                componentName: prefabName,
-                componentType: "PREFAB"
-              }, startupInfo), {}, {
-                partials: [],
-                pages: [],
-                prefabInfo: {}
-              });
-            },
-            transpileOptions: {
-              isPartOfPrefab: true,
-              prefabName: prefabName
-            }
-          });
-        case 2:
-          BasePrefabComponent = _context.sent;
-          DynamicPrefabShell = /*#__PURE__*/_react["default"].memo(function (props) {
-            var _ref, _ref2;
-            var resolvedName = (_ref = (_ref2 = props.name) !== null && _ref2 !== void 0 ? _ref2 : defaultPrefabProps.name) !== null && _ref !== void 0 ? _ref : prefabName;
-            // Do NOT spread `defaultPrefabProps` as direct props here. The defaults flow
-            // into the prefab's internal `prefabInfo` via `outbound` (see `BasePrefab`),
-            // and from there into the prefab's own `pageContext` (so `Prefab.x` defaults
-            // are still applied). Spreading them as direct props would make them visible
-            // to the OUTER `withBaseWrapper`, which mirrors all direct props onto the
-            // parent page's `proxy.Widgets[name]`. Each re-render of the wrapper would
-            // then clobber any value the prefab itself wrote via `PARTIAL_STATE_SYNC`
-            // (e.g. `Prefab.selectedweekdataset = ...`) with the stale default (null),
-            // making `Page.Widgets.<prefab>.<prop>` reset to null in preview while
-            // codegen — which never spread defaults at this level — worked correctly.
-            return __jsx(BasePrefabComponent, (0, _extends2["default"])({
-              inbound: props,
-              outbound: defaultPrefabProps,
-              prefabname: prefabName
-            }, props, {
-              name: resolvedName
-            }));
-          });
-          DynamicPrefabShell.displayName = "DynamicPrefab(".concat(prefabName, ")");
-          return _context.abrupt("return", DynamicPrefabShell);
-        case 6:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _buildPrefabComponent.apply(this, arguments);
-}
+export {
+  buildPrefabComponent
+};

package/runtime-dynamic/factories/startup-info.js

@@ -1,28 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildStartupInfo = buildStartupInfo;
-var TIMER_ACTION_CATEGORY = "wm.TimerAction";
-var AUTO_UPDATE_CATEGORIES = ["wm.Variable", "wm.LiveVariable"];
+const TIMER_ACTION_CATEGORY = "wm.TimerAction";
+const AUTO_UPDATE_CATEGORIES = ["wm.Variable", "wm.LiveVariable"];
 function buildStartupInfo(variables) {
-  var varDefs = Object.values(variables || {});
+  const varDefs = Object.values(variables || {});
   return {
-    startUpVariables: varDefs.filter(function (v) {
-      return v.startUpdate && v.category !== TIMER_ACTION_CATEGORY;
-    }).map(function (v) {
-      return v.name;
-    }),
-    startUpActions: varDefs.filter(function (v) {
-      return v.startUpdate && v.category === TIMER_ACTION_CATEGORY;
-    }).map(function (v) {
-      return v.name;
-    }),
-    autoUpdateVariables: varDefs.filter(function (v) {
-      return v.autoUpdate || AUTO_UPDATE_CATEGORIES.includes(v.category || "") && v.dataBinding && v.dataBinding.length;
-    }).map(function (v) {
-      return v.name;
-    })
+    startUpVariables: varDefs.filter((v) => v.startUpdate && v.category !== TIMER_ACTION_CATEGORY).map((v) => v.name),
+    startUpActions: varDefs.filter((v) => v.startUpdate && v.category === TIMER_ACTION_CATEGORY).map((v) => v.name),
+    autoUpdateVariables: varDefs.filter(
+      (v) => v.autoUpdate || AUTO_UPDATE_CATEGORIES.includes(v.category || "") && v.dataBinding && v.dataBinding.length
+    ).map((v) => v.name)
   };
-}
+}
+export {
+  buildStartupInfo
+};

package/runtime-dynamic/factories/utils.d.ts

@@ -1,15 +1,8 @@
 import React from "react";
 import { ScriptScope } from "../services/script-executor";
 import { buildStartupInfo } from "./startup-info";
-import type { TranspiledOutput, TranspileOptions } from "../services/markup-transpiler";
+import type { TranspileOptions } from "../services/markup-transpiler";
 import type { DecodedFragment } from "../services/cache";
-interface InnerComponentConfig {
-    componentName: string;
-    componentType: "page" | "partial" | "prefab";
-    transpiled: TranspiledOutput | null;
-    styles: string;
-}
-export declare function createDynamicInnerComponent({ componentName, componentType, transpiled, styles, }: InnerComponentConfig): React.FC<any>;
 export interface DynamicComponentConfig {
     componentName: string;
     componentType: "page" | "partial" | "prefab";
@@ -20,4 +13,3 @@ export interface DynamicComponentConfig {
     displayName?: string;
 }
 export declare function buildDynamicComponent(fragment: DecodedFragment, config: DynamicComponentConfig): Promise<React.ComponentType<any>>;
-export {};