@wavemaker-ai/react-runtime 1.0.0-rc.647469 → 1.0.0-rc.647502

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@wavemaker-ai/react-runtime",
-  "version": "1.0.0-rc.647469",
+  "version": "1.0.0-rc.647502",
   "description": "React runtime package for Wavemaker",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/wavemaker/react-runtime.git"
   },
+  "engines": {
+    "node": "22.18.0"
+  },
   "keywords": [
     "react",
     "runtime",
@@ -26,7 +29,10 @@
     "test": "vitest",
     "test:run": "vitest run",
     "test:coverage": "vitest run --coverage",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "build:preview": "node scripts/build-preview.js",
+    "build:preview-rollup": "npx rollup -c config/rollup.preview.config.mjs",
+    "build:preview-esbuild": "node config/esbuild.preview.config.mjs"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx,json,css,scss,md}": [
@@ -53,10 +59,12 @@
     "@mui/x-date-pickers": "8.5.3",
     "@reduxjs/toolkit": "2.9.1",
     "@tanstack/react-table": "8.21.3",
+    "@wavemaker-ai/react-codegen": "1.0.0-rc.647502",
     "@wavemaker/nvd3": "1.8.16",
     "axios": "1.15.1",
     "d3": "7.8.5",
     "dompurify": "3.2.3",
+    "events": "3.3.0",
     "execa": "9.6.0",
     "husky": "9.1.7",
     "jodit-react": "5.2.19",
@@ -70,7 +78,9 @@
     "react-color": "2.19.3",
     "react-dom": "19.2.3",
     "react-hook-form": "7.73.1",
-    "react-redux": "9.2.0"
+    "react-redux": "9.2.0",
+    "react-router-dom": "7.5.0",
+    "sucrase": "3.35.1"
   },
   "devDependencies": {
     "@babel/cli": "7.26.4",
@@ -79,6 +89,13 @@
     "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.26.0",
     "@eslint/eslintrc": "3",
+    "@rollup/plugin-babel": "7.0.0",
+    "@rollup/plugin-commonjs": "28.0.3",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "16.0.1",
+    "@rollup/plugin-replace": "6.0.2",
+    "@rollup/plugin-terser": "0.4.4",
+    "@rollup/plugin-typescript": "12.1.2",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
@@ -93,9 +110,10 @@
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "5.1.4",
     "@vitest/coverage-v8": "3.2.4",
-    "@wavemaker-ai/variables": "1.0.0-rc.647469",
+    "@wavemaker-ai/variables": "1.0.0-rc.647502",
     "axe-core": "4.11.1",
     "babel-plugin-module-resolver": "5.0.2",
+    "esbuild": "0.27.5",
     "eslint": "9",
     "eslint-config-next": "15.1.4",
     "eslint-plugin-testing-library": "7.16.0",
@@ -104,6 +122,7 @@
     "jsdom": "28.1.0",
     "msw": "2.12.10",
     "prettier": "3.4.2",
+    "rollup": "4.40.0",
     "typescript": "5",
     "vitest": "3.2.4",
     "yargs": "18.0.0"

package/runtime-dynamic/App.d.ts

@@ -0,0 +1,7 @@
+import { createAppRouter } from "./routes";
+/**
+ * Must run after `initializeApp()` so Redux `appConfig.appProperties` (wmProperties)
+ * exists before `createAppRouter` reads prefab vs application routes.
+ */
+export declare function initPreviewRuntimeRouter(router: ReturnType<typeof createAppRouter>): void;
+export declare function App(): import("react/jsx-runtime").JSX.Element;

package/runtime-dynamic/App.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.App = App;
+exports.initPreviewRuntimeRouter = initPreviewRuntimeRouter;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRedux = require("react-redux");
+var _reactRouterDom = require("react-router-dom");
+var _store = require("@wavemaker-ai/react-runtime/store");
+var _BaseApp = require("@wavemaker-ai/react-runtime/higherOrder/BaseApp");
+var _appstore = _interopRequireDefault(require("@wavemaker-ai/react-runtime/core/appstore"));
+var _formatters = _interopRequireDefault(require("@wavemaker-ai/react-runtime/core/formatters"));
+var _util = require("@wavemaker-ai/react-runtime/core/util");
+var _LocalizationProvider = _interopRequireDefault(require("@wavemaker-ai/react-runtime/context/LocalizationProvider"));
+var _themeProvider = require("@wavemaker-ai/react-runtime/mui-config/theme-provider");
+var _toastProvider = require("@wavemaker-ai/react-runtime/actions/toast-provider");
+var _navigationMiddleware = require("@wavemaker-ai/react-runtime/store/middleware/navigationMiddleware");
+var _transpiler = require("@wavemaker-ai/react-codegen/transpiler");
+var _appInitializer = require("./app-initializer");
+var _startupInfo = require("./factories/startup-info");
+var _variableTranspiler = require("./services/variable-transpiler");
+var _previewMode = require("./preview-mode");
+var _previewNavigation = require("./preview-navigation");
+var __jsx = _react["default"].createElement;
+// `AppConfig.partials` is set in `initializeApp` → `syncAppstoreCommonPartial` once
+// `appProperties.type` is known (Common partial only for application preview).
+_appstore["default"].set("CONSTANTS", {
+  VALIDATOR: _util.VALIDATOR,
+  MATCH_MODES: _util.MATCH_MODES
+});
+_appstore["default"].set("formatters", _formatters["default"]);
+var formattersRegistered = false;
+var AppInner = function AppInner(_ref) {
+  var children = _ref.children;
+  if (!formattersRegistered) {
+    var customFmt = (0, _appInitializer.getCustomFormatters)();
+    Object.keys(customFmt).forEach(function (k) {
+      _formatters["default"].set("custom.".concat(k), customFmt[k]);
+    });
+    formattersRegistered = true;
+  }
+  return __jsx(_react["default"].Fragment, null, children);
+};
+function addAppScript(app) {
+  var scriptFn = (0, _appInitializer.getAppScript)();
+  if (scriptFn) {
+    scriptFn(app);
+  }
+}
+var cachedGetAppVariables = null;
+/** Rebuild app-variable factory when switching prefab vs application preview (same bundle is one mode). */
+var cachedGetAppVariablesPrefabMode = null;
+function getAppVariables(appProxy) {
+  var rawJson = (0, _appInitializer.getAppVariablesJson)();
+  if (!rawJson || Object.keys(rawJson).length === 0) {
+    return {
+      Variables: {},
+      Actions: {}
+    };
+  }
+  var isPrefabPreview = (0, _previewMode.isRuntimePreviewPrefab)();
+  if (!cachedGetAppVariables || cachedGetAppVariablesPrefabMode !== isPrefabPreview) {
+    cachedGetAppVariablesPrefabMode = isPrefabPreview;
+    var appUrl = (0, _appInitializer.getProjectConfig)().deployUrl || "./";
+    var transpiledVars = (0, _transpiler.transpileVariableDefinitions)(rawJson, appUrl, "App");
+    var variablesCode = (0, _transpiler.serializeVariablesToCode)(transpiledVars, "App", {
+      isPrefabApp: isPrefabPreview,
+      isPrefabScope: false,
+      addEntityProvider: false
+    });
+    cachedGetAppVariables = (0, _variableTranspiler.transpileAndBuildGetVariables)(variablesCode, rawJson);
+  }
+  return cachedGetAppVariables(appProxy);
+}
+var cachedAppStartupInfo = null;
+function getAppStartupInfo() {
+  if (!cachedAppStartupInfo) {
+    cachedAppStartupInfo = (0, _startupInfo.buildStartupInfo)((0, _appInitializer.getAppVariablesJson)());
+  }
+  return cachedAppStartupInfo;
+}
+var WmApp = (0, _BaseApp.BaseApp)(AppInner, addAppScript, getAppVariables, {
+  componentName: "App",
+  get startUpVariables() {
+    return getAppStartupInfo().startUpVariables;
+  },
+  get startUpActions() {
+    return getAppStartupInfo().startUpActions;
+  },
+  get autoUpdateVariables() {
+    return getAppStartupInfo().autoUpdateVariables;
+  },
+  type: "App"
+});
+var previewRouter = null;
+
+/**
+ * Must run after `initializeApp()` so Redux `appConfig.appProperties` (wmProperties)
+ * exists before `createAppRouter` reads prefab vs application routes.
+ */
+function initPreviewRuntimeRouter(router) {
+  previewRouter = router;
+  function navigateWithSearchParams(path, options) {
+    var _toPreviewRouterPath$ = (0, _previewNavigation.toPreviewRouterPath)(path).split("?"),
+      _toPreviewRouterPath$2 = (0, _slicedToArray2["default"])(_toPreviewRouterPath$, 2),
+      pathname = _toPreviewRouterPath$2[0],
+      search = _toPreviewRouterPath$2[1];
+    var navigationPayload = {
+      pathname: pathname || "/",
+      search: search ? "?".concat(search) : ""
+    };
+    router.navigate(navigationPayload, options);
+  }
+  (0, _navigationMiddleware.setRouter)({
+    push: function push(path) {
+      return navigateWithSearchParams(path);
+    },
+    replace: function replace(path) {
+      return navigateWithSearchParams(path, {
+        replace: true
+      });
+    },
+    back: function back() {
+      return router.navigate(-1);
+    },
+    forward: function forward() {
+      return router.navigate(1);
+    }
+  });
+}
+function App() {
+  if (!previewRouter) {
+    throw new Error("initPreviewRuntimeRouter() must be called after initializeApp() and before render.");
+  }
+  return __jsx(_reactRedux.Provider, {
+    store: _store.store
+  }, __jsx(_LocalizationProvider["default"], null, __jsx(_themeProvider.WmThemeProvider, null, __jsx(_toastProvider.ToastProvider, null, __jsx(WmApp, null, __jsx(_reactRouterDom.RouterProvider, {
+    router: previewRouter
+  }))))));
+}

package/runtime-dynamic/app-initializer.d.ts

@@ -0,0 +1,15 @@
+interface ProjectConfig {
+    cdnUrl: string;
+    apiUrl: string;
+    deployUrl: string;
+    /** Mirrors Angular `initializeProjectDetails` in `runtime-dynamic` `app.config.ts` (`_WM_APP_PROJECT.isPreview`). */
+    isPreview: boolean;
+    fontConfig?: string;
+}
+export declare function getProjectConfig(): ProjectConfig;
+export declare function getAppScript(): ((app: unknown) => void) | null;
+export declare function getAppVariablesJson(): Record<string, unknown>;
+export declare function getPartialNames(): string[];
+export declare function getCustomFormatters(): Record<string, any>;
+export declare function initializeApp(): Promise<void>;
+export {};