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

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

@@ -0,0 +1,353 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+Object.defineProperty(exports, "getAllComponentNames", {
+  enumerable: true,
+  get: function get() {
+    return _store.getAllComponentNames;
+  }
+});
+Object.defineProperty(exports, "getComponent", {
+  enumerable: true,
+  get: function get() {
+    return _store.getComponent;
+  }
+});
+Object.defineProperty(exports, "hasComponent", {
+  enumerable: true,
+  get: function get() {
+    return _store.hasComponent;
+  }
+});
+Object.defineProperty(exports, "registerComponent", {
+  enumerable: true,
+  get: function get() {
+    return _store.registerComponent;
+  }
+});
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _anchor = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/anchor"));
+var _audio = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/audio"));
+var _html = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/html"));
+var _icon = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/icon"));
+var _iframe = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/iframe"));
+var _label = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/label"));
+var _message = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/message"));
+var _picture = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/picture"));
+var _progressBar = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/progress-bar"));
+var _progressCircle = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/progress-circle"));
+var _richtexteditor = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/richtexteditor"));
+var _search = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/search"));
+var _spinner = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/spinner"));
+var _tile = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/tile"));
+var _tree = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/tree"));
+var _video = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/basic/video"));
+var _button = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/form/button"));
+var _buttonGroup = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/form/button-group"));
+var _calendar = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/calendar"));
+var _checkbox = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/default/checkbox"));
+var _checkboxset = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/default/checkboxset"));
+var _radioset = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/default/radioset"));
+var _switch = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/default/switch"));
+var _chips = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/chips"));
+var _colorPicker = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/color-picker"));
+var _composite = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/composite"));
+var _currency = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/currency"));
+var _date = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/epoch/date"));
+var _datetime = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/epoch/datetime"));
+var _time = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/epoch/time"));
+var _fileupload = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/fileupload"));
+var _number = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/number"));
+var _rating = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/rating"));
+var _select = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/select"));
+var _slider = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/slider"));
+var _text = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/text"));
+var _textarea = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/textarea"));
+var _upload = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/input/upload"));
+var _accordion = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/accordion"));
+var _accordionPane = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/accordion/accordion-pane"));
+var _container = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container"));
+var _gridColumn = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/layout-grid/grid-column"));
+var _gridRow = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/layout-grid/grid-row"));
+var _layoutGrid = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/layout-grid"));
+var _linearLayout = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/linear-layout"));
+var _linearLayoutItem = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/linear-layout/linear-layout-item"));
+var _panel = _interopRequireWildcard(require("@wavemaker-ai/react-runtime/components/container/panel"));
+var _panelContent = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/panel/components/panel-content"));
+var _repeatTemplate = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/repeat-template"));
+var _tabPane = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/tabs/tab-pane"));
+var _tabs = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/tabs"));
+var _wizard = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/wizard"));
+var _wizardStep = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/wizard/wizard-step"));
+var _wizardAction = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/container/wizard/wizard-action"));
+var _card = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/card"));
+var _cardActions = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/card/card-actions"));
+var _cardContent = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/card/card-content"));
+var _cardFooter = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/card/card-footer"));
+var _form = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/form"));
+var _formField = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/form/form-field"));
+var _list = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/list"));
+var _liveFilter = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/live-filter"));
+var _liveForm = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/live-form"));
+var _pagination = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/pagination"));
+var _table = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/table"));
+var _liveTable = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/table/live-table"));
+var _tableAction = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/table/table-action"));
+var _tableColumn = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/table/table-column"));
+var _tableRow = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/table/table-row"));
+var _tableRowAction = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/table/table-row-action"));
+var _alertDialog = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/alert-dialog"));
+var _confirmDialog = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/confirm-dialog"));
+var _dialog = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/dialog"));
+var _dialogContent = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/dialog-content"));
+var _dialogActions = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/dialog-actions"));
+var _iframeDialog = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/iframe-dialog"));
+var _loginDialog = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/login-dialog"));
+var _pageDialog = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/page-dialog"));
+var _menu = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/navigation/menu"));
+var _popover = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/navigation/popover"));
+var _navbar = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/navbar"));
+var _nav = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/navbar/nav"));
+var _navItem = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/navbar/nav-item"));
+var _footer = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/layout/footer"));
+var _header = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/layout/header"));
+var _leftnav = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/layout/leftnav"));
+var _rightnav = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/layout/rightnav"));
+var _topnav = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/layout/topnav"));
+var _content = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/content"));
+var _page = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page"));
+var _pageContent = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/page-content"));
+var _partial = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/partial"));
+var _partialContainer = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/partial-container"));
+var _prefab = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/prefab"));
+var _container2 = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/prefab/container"));
+var _formAction = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/form/form-action"));
+var _formBody = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/form/form-body"));
+var _formFooter = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/form/form-footer"));
+var _chart = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/chart"));
+var _carousel = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/advanced/carousel"));
+var _template = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/advanced/carousel/template"));
+var _login = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/advanced/login"));
+var _marquee = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/advanced/marquee"));
+var _breadcrumb = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/navigation/breadcrumb"));
+var _dialogBody = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/dialog-body"));
+var _tableGroup = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/table/table-group"));
+var _dynamicFields = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/form/dynamic-fields"));
+var _prefabContent = _interopRequireDefault(require("@wavemaker-ai/react-runtime/runtime-dynamic/components/prefab-content"));
+var _partialContent = _interopRequireDefault(require("@wavemaker-ai/react-runtime/runtime-dynamic/components/partial-content"));
+var _store = _interopRequireWildcard(require("./store"));
+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); }
+function registerGroup(group) {
+  for (var _i = 0, _Object$entries = Object.entries(group); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
+      name = _Object$entries$_i[0],
+      component = _Object$entries$_i[1];
+    (0, _store.register)(name, component);
+  }
+}
+
+// ─── Basic Components ────────────────────────────────────────────────────────
+
+var BASIC = {
+  WmAnchor: _anchor["default"],
+  WmAudio: _audio["default"],
+  WmHtml: _html["default"],
+  WmIcon: _icon["default"],
+  WmIframe: _iframe["default"],
+  WmLabel: _label["default"],
+  WmMessage: _message["default"],
+  WmPicture: _picture["default"],
+  WmProgressBar: _progressBar["default"],
+  WmProgressCircle: _progressCircle["default"],
+  WmRichTextEditor: _richtexteditor["default"],
+  WmSearch: _search["default"],
+  WmSpinner: _spinner["default"],
+  WmTile: _tile["default"],
+  WmTree: _tree["default"],
+  WmVideo: _video["default"]
+};
+
+// ─── Button Components ───────────────────────────────────────────────────────
+
+var BUTTON = {
+  WmButton: _button["default"],
+  WmButtonGroup: _buttonGroup["default"]
+};
+
+// ─── Input Components ────────────────────────────────────────────────────────
+
+var INPUT = {
+  WmCalendar: _calendar["default"],
+  WmCheckbox: _checkbox["default"],
+  WmCheckboxset: _checkboxset["default"],
+  WmRadioset: _radioset["default"],
+  WmSwitch: _switch["default"],
+  WmChips: _chips["default"],
+  WmColorPicker: _colorPicker["default"],
+  WmComposite: _composite["default"],
+  WmCurrency: _currency["default"],
+  WmDate: _date["default"],
+  WmDateTime: _datetime["default"],
+  WmTime: _time["default"],
+  WmFileUpload: _fileupload["default"],
+  WmNumber: _number["default"],
+  WmRating: _rating["default"],
+  WmSelect: _select["default"],
+  WmSlider: _slider["default"],
+  WmText: _text["default"],
+  WmTextarea: _textarea["default"],
+  WmUpload: _upload["default"]
+};
+
+// ─── Container Components ────────────────────────────────────────────────────
+
+var CONTAINER = {
+  WmAccordion: _accordion["default"],
+  WmAccordionPane: _accordionPane["default"],
+  WmContainer: _container["default"],
+  WmGridColumn: _gridColumn["default"],
+  WmGridRow: _gridRow["default"],
+  WmLayoutGrid: _layoutGrid["default"],
+  WmLinearLayout: _linearLayout["default"],
+  WmLinearLayoutItem: _linearLayoutItem["default"],
+  WmPanel: _panel["default"],
+  WmPanelContent: _panelContent["default"],
+  WmPanelFooter: _panel.WmPanelFooter,
+  WmRepeatTemplate: _repeatTemplate["default"],
+  WmTabPane: _tabPane["default"],
+  WmTabs: _tabs["default"]
+};
+
+// ─── Wizard Ecosystem ────────────────────────────────────────────────────────
+
+var WIZARD = {
+  WmWizard: _wizard["default"],
+  WmWizardstep: _wizardStep["default"],
+  WmWizardAction: _wizardAction["default"]
+};
+
+// ─── Card Ecosystem ──────────────────────────────────────────────────────────
+
+var CARD = {
+  WmCard: _card["default"],
+  WmCardActions: _cardActions["default"],
+  WmCardContent: _cardContent["default"],
+  WmCardFooter: _cardFooter["default"]
+};
+
+// ─── List Ecosystem ──────────────────────────────────────────────────────────
+
+var LIST = {
+  WmList: _list["default"],
+  WmPagination: _pagination["default"]
+};
+
+// ─── Table Ecosystem ─────────────────────────────────────────────────────────
+
+var TABLE = {
+  WmTable: _table["default"],
+  WmLiveTable: _liveTable["default"],
+  WmTableAction: _tableAction["default"],
+  WmTableColumn: _tableColumn["default"],
+  WmTableGroup: _tableGroup["default"],
+  WmTableRow: _tableRow["default"],
+  WmTableRowAction: _tableRowAction["default"]
+};
+
+// ─── Form Ecosystem ──────────────────────────────────────────────────────────
+// Includes Form, LiveForm, LiveFilter and all their sub-components.
+// WmLiveFilterField is a codegen alias for WmFormField.
+
+var FORM = {
+  WmForm: _form["default"],
+  WmFormField: _formField["default"],
+  WmFormAction: _formAction["default"],
+  WmFormBody: _formBody["default"],
+  WmFormFooter: _formFooter["default"],
+  WmDynamicFields: _dynamicFields["default"],
+  WmLiveFilter: _liveFilter["default"],
+  WmLiveFilterField: _formField["default"],
+  WmLiveForm: _liveForm["default"]
+};
+
+// ─── Dialog Ecosystem ────────────────────────────────────────────────────────
+// WmDialogActions and WmDialogBody are codegen aliases for
+// WmDialogFooter (dialog-actions) and WmDialogBody (dialog-body).
+
+var DIALOG = {
+  WmDialog: _dialog["default"],
+  WmDialogActions: _dialogActions["default"],
+  WmDialogBody: _dialogBody["default"],
+  WmDialogContent: _dialogContent["default"],
+  WmDialogFooter: _dialogActions["default"],
+  WmAlertDialog: _alertDialog["default"],
+  WmConfirmDialog: _confirmDialog["default"],
+  WmIframeDialog: _iframeDialog["default"],
+  WmLoginDialog: _loginDialog["default"],
+  WmPageDialog: _pageDialog["default"]
+};
+
+// ─── Navigation Components ───────────────────────────────────────────────────
+
+var NAVIGATION = {
+  WmBreadcrumb: _breadcrumb["default"],
+  WmMenu: _menu["default"],
+  WmPopover: _popover["default"]
+};
+
+// ─── Navbar Ecosystem ────────────────────────────────────────────────────────
+
+var NAVBAR = {
+  WmNavbar: _navbar["default"],
+  WmNav: _nav["default"],
+  WmNavItem: _navItem["default"]
+};
+
+// ─── Layout Components ───────────────────────────────────────────────────────
+
+var LAYOUT = {
+  WmFooter: _footer["default"],
+  WmHeader: _header["default"],
+  WmLeftPanel: _leftnav["default"],
+  WmRightPanel: _rightnav["default"],
+  WmTopNav: _topnav["default"]
+};
+
+// ─── Page Ecosystem ──────────────────────────────────────────────────────────
+
+var PAGE = {
+  WmContent: _content["default"],
+  WmPage: _page["default"],
+  WmPageContent: _pageContent["default"],
+  WmPartial: _partial["default"],
+  WmPartialContainer: _partialContainer["default"],
+  WmPartialContent: _partialContent["default"]
+};
+
+// ─── Prefab Ecosystem ────────────────────────────────────────────────────────
+
+var PREFAB = {
+  WmPrefab: _prefab["default"],
+  WmPrefabContainer: _container2["default"],
+  WmPrefabContent: _prefabContent["default"]
+};
+
+// ─── Advanced Components ─────────────────────────────────────────────────────
+
+var ADVANCED = {
+  WmChart: _chart["default"],
+  WmCarousel: _carousel["default"],
+  WmCarouselTemplate: _template["default"],
+  WmLogin: _login["default"],
+  WmMarquee: _marquee["default"]
+};
+
+// ─── Register All Groups ─────────────────────────────────────────────────────
+
+[BASIC, BUTTON, INPUT, CONTAINER, WIZARD, CARD, LIST, TABLE, FORM, DIALOG, NAVIGATION, NAVBAR, LAYOUT, PAGE, PREFAB, ADVANCED].forEach(registerGroup);
+var _default = exports["default"] = _store["default"];

package/runtime-dynamic/registry/custom-widget-registry.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+type ComponentEntry = React.ComponentType<any>;
+declare const CUSTOM_WIDGET_REGISTRY: Map<string, ComponentEntry>;
+export declare function registerCustomWidget(name: string, component: ComponentEntry): void;
+export declare const getCustomWidget: (name: string) => ComponentEntry | undefined;
+export declare const hasCustomWidget: (name: string) => boolean;
+export default CUSTOM_WIDGET_REGISTRY;

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

@@ -0,0 +1,18 @@
+"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();
+function registerCustomWidget(name, component) {
+  CUSTOM_WIDGET_REGISTRY.set(name, component);
+}
+var getCustomWidget = exports.getCustomWidget = function getCustomWidget(name) {
+  return CUSTOM_WIDGET_REGISTRY.get(name);
+};
+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.d.ts

@@ -0,0 +1,2 @@
+export { default as COMPONENT_REGISTRY, getComponent, hasComponent, getAllComponentNames, registerComponent, } from "./component-registry";
+export { default as CUSTOM_WIDGET_REGISTRY, registerCustomWidget, getCustomWidget, hasCustomWidget, } from "./custom-widget-registry";

package/runtime-dynamic/registry/index.js

@@ -0,0 +1,63 @@
+"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); }

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

@@ -0,0 +1,9 @@
+import type React from "react";
+type ComponentEntry = React.ComponentType<any>;
+declare const COMPONENT_REGISTRY: Map<string, ComponentEntry>;
+export declare const register: (pascalName: string, component: ComponentEntry) => void;
+export declare const getComponent: (name: string) => ComponentEntry | undefined;
+export declare const hasComponent: (name: string) => boolean;
+export declare const getAllComponentNames: () => string[];
+export declare const registerComponent: (name: string, component: ComponentEntry) => void;
+export default COMPONENT_REGISTRY;

package/runtime-dynamic/registry/store.js

@@ -0,0 +1,26 @@
+"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();
+};
+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) {
+  register(name, component);
+};
+var _default = exports["default"] = COMPONENT_REGISTRY;

package/runtime-dynamic/routes.d.ts

@@ -0,0 +1,2 @@
+import { createBrowserRouter } from "react-router-dom";
+export declare function createAppRouter(): ReturnType<typeof createBrowserRouter>;

package/runtime-dynamic/routes.js

@@ -0,0 +1,107 @@
+"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";
+function PrefabPreviewEntryRedirect() {
+  return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Navigate, {
+    to: _previewMode.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()) || "";
+  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("/");
+  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, {
+    to: redirectTo,
+    replace: true
+  });
+}
+function buildPreviewRouteTree() {
+  var 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)
+    }];
+  } 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)
+    }];
+  }
+  return [root];
+}
+function createAppRouter() {
+  return (0, _reactRouterDom.createBrowserRouter)(buildPreviewRouteTree(), {
+    basename: getBasename()
+  });
+}

package/runtime-dynamic/services/app-extension-provider.d.ts

@@ -0,0 +1 @@
+export declare function loadAppExtensions(): Promise<void>;

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

@@ -0,0 +1,45 @@
+"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);
+}
+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);
+}