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

package/runtime-dynamic/shims/next-link.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Shim for next/link in the dynamic preview runtime (non-Next.js).
+ * Renders a standard <a> element.
+ */
+import React from "react";
+interface LinkHref {
+    pathname?: string;
+    query?: Record<string, string>;
+}
+interface LinkProps {
+    href: string | LinkHref;
+    as?: string;
+    replace?: boolean;
+    scroll?: boolean;
+    shallow?: boolean;
+    prefetch?: boolean;
+    locale?: string;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    [key: string]: unknown;
+}
+declare function NextLink({ href, children, replace: _replace, scroll: _scroll, shallow: _shallow, prefetch: _prefetch, locale: _locale, as: _as, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export default NextLink;

package/runtime-dynamic/shims/next-link.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["href", "children", "replace", "scroll", "shallow", "prefetch", "locale", "as"];
+/**
+ * Shim for next/link in the dynamic preview runtime (non-Next.js).
+ * Renders a standard <a> element.
+ */
+var __jsx = _react["default"].createElement;
+function NextLink(_ref) {
+  var href = _ref.href,
+    children = _ref.children,
+    _replace = _ref.replace,
+    _scroll = _ref.scroll,
+    _shallow = _ref.shallow,
+    _prefetch = _ref.prefetch,
+    _locale = _ref.locale,
+    _as = _ref.as,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var hrefStr = (0, _typeof2["default"])(href) === "object" ? "".concat(href.pathname || "/").concat(href.query ? "?" + new URLSearchParams(href.query).toString() : "") : href;
+  return __jsx("a", (0, _extends2["default"])({
+    href: hrefStr
+  }, rest), children);
+}
+var _default = exports["default"] = NextLink;

package/runtime-dynamic/shims/next-navigation.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Shim for next/navigation in the dynamic preview runtime (non-Next.js).
+ * Uses standard pathname-based routing (browser history API).
+ * Maps shared `react-pages` paths to the preview segment only (this bundle).
+ */
+export declare function useSearchParams(): URLSearchParams;
+export declare function usePathname(): string;
+export declare function useRouter(): {
+    push: (path: string) => void;
+    replace: (path: string) => void;
+    back: () => void;
+    forward: () => void;
+    refresh: () => void;
+    prefetch: () => void;
+};
+export declare function useParams(): {};

package/runtime-dynamic/shims/next-navigation.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useParams = useParams;
+exports.usePathname = usePathname;
+exports.useRouter = useRouter;
+exports.useSearchParams = useSearchParams;
+var _constants = require("@wavemaker-ai/react-runtime/core/constants");
+/**
+ * Shim for next/navigation in the dynamic preview runtime (non-Next.js).
+ * Uses standard pathname-based routing (browser history API).
+ * Maps shared `react-pages` paths to the preview segment only (this bundle).
+ */
+
+function normalizePath(path) {
+  return path.replace(new RegExp("/".concat(_constants.ROUTING_BASEPATH_PRODUCTION, "/"), "g"), "/".concat(_constants.PREVIEW_ROUTING_BASEPATH, "/"));
+}
+function useSearchParams() {
+  return new URLSearchParams(window.location.search);
+}
+function usePathname() {
+  return window.location.pathname;
+}
+function useRouter() {
+  return {
+    push: function push(path) {
+      var normalizedPath = normalizePath(path);
+      window.history.pushState(null, "", normalizedPath);
+      window.dispatchEvent(new PopStateEvent("popstate"));
+    },
+    replace: function replace(path) {
+      var normalizedPath = normalizePath(path);
+      window.history.replaceState(null, "", normalizedPath);
+      window.dispatchEvent(new PopStateEvent("popstate"));
+    },
+    back: function back() {
+      return window.history.back();
+    },
+    forward: function forward() {
+      return window.history.forward();
+    },
+    refresh: function refresh() {
+      return window.location.reload();
+    },
+    prefetch: function prefetch() {}
+  };
+}
+function useParams() {
+  return {};
+}

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

@@ -0,0 +1,9 @@
+export declare function decodeURIComponentSafe(str: string): string;
+export declare function parseJsonSafe(str: string): Record<string, unknown>;
+export declare function getMetaContent(name: string): string;
+/**
+ * Yields control back to the browser's main thread via setTimeout(0),
+ * allowing it to paint frames and handle user input between heavy
+ * compilation phases. Prevents long-task jank (>50ms) that degrades INP.
+ */
+export declare const yieldToMain: () => Promise<void>;

package/runtime-dynamic/utils/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.decodeURIComponentSafe = decodeURIComponentSafe;
+exports.getMetaContent = getMetaContent;
+exports.parseJsonSafe = parseJsonSafe;
+exports.yieldToMain = void 0;
+function decodeURIComponentSafe(str) {
+  if (!str) return "";
+  try {
+    return decodeURIComponent(str.replace(/\+/g, " "));
+  } catch (_unused) {
+    return str;
+  }
+}
+function parseJsonSafe(str) {
+  if (!str) return {};
+  try {
+    return JSON.parse(str);
+  } catch (_unused2) {
+    return {};
+  }
+}
+function getMetaContent(name) {
+  var meta = document.querySelector("meta[name=\"".concat(name, "\"]"));
+  return (meta === null || meta === void 0 ? void 0 : meta.getAttribute("content")) || "";
+}
+
+/**
+ * Yields control back to the browser's main thread via setTimeout(0),
+ * allowing it to paint frames and handle user input between heavy
+ * compilation phases. Prevents long-task jank (>50ms) that degrades INP.
+ */
+var yieldToMain = exports.yieldToMain = function yieldToMain() {
+  return new Promise(function (resolve) {
+    return setTimeout(resolve, 0);
+  });
+};

package/store/middleware/navigationMiddleware.js

@@ -27,7 +27,7 @@ var navigationMiddleware = exports.navigationMiddleware = function navigationMid
                 loginPage = ((_state$auth$securityC = state.auth.securityConfig) === null || _state$auth$securityC === void 0 || (_state$auth$securityC = _state$auth$securityC.loginConfig) === null || _state$auth$securityC === void 0 ? void 0 : _state$auth$securityC.pageName) || "Login";
                 if (router) {
                   store.dispatch((0, _authSlice.setPageLoading)(false));
-                  router.push("/".concat(_constants.ROUTING_BASEPATH, "/").concat(loginPage));
+                  router.push("/".concat((0, _constants.getActiveRoutingBasePath)(), "/").concat(loginPage));
                 }
               }
               return _context.abrupt("return", result);

package/store/slices/appConfigSlice.js

@@ -49,17 +49,19 @@ var getServiceDefinitions = exports.getServiceDefinitions = (0, _toolkit.createA
 }());
 var getPrefabDefinitions = exports.getPrefabDefinitions = (0, _toolkit.createAsyncThunk)("appConfig/getPrefabDefinitions", /*#__PURE__*/function () {
   var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(_ref3, _ref4) {
-    var prefabName, baseUrl, pages, dispatch, rejectWithValue, _response$data, url, response, data;
+    var prefabName, baseUrl, pages, dispatch, rejectWithValue, _response$data, useRootServicedefs, url, response, data;
     return _regenerator["default"].wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           prefabName = _ref3.prefabName, baseUrl = _ref3.baseUrl, pages = _ref3.pages;
           dispatch = _ref4.dispatch, rejectWithValue = _ref4.rejectWithValue;
           _context2.prev = 2;
-          url = "".concat(baseUrl !== null && baseUrl !== void 0 ? baseUrl : "", "/services/prefabs/").concat(prefabName, "/servicedefs").concat(baseUrl ? "" : ".json");
-          _context2.next = 6;
+          // `""` and `__self__`: studio prefab preview — root `servicedefs` (metadata uses CONTEXT_APP).
+          useRootServicedefs = !prefabName || prefabName === "__self__";
+          url = useRootServicedefs ? "".concat(baseUrl !== null && baseUrl !== void 0 ? baseUrl : "", "/services/servicedefs").concat(baseUrl ? "" : ".json") : "".concat(baseUrl !== null && baseUrl !== void 0 ? baseUrl : "", "/services/prefabs/").concat(prefabName, "/servicedefs").concat(baseUrl ? "" : ".json");
+          _context2.next = 7;
           return _axios["default"].get(url);
-        case 6:
+        case 7:
           response = _context2.sent;
           data = {
             serviceDefs: (response === null || response === void 0 || (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.serviceDefs) || {},
@@ -71,15 +73,15 @@ var getPrefabDefinitions = exports.getPrefabDefinitions = (0, _toolkit.createAsy
             data: data
           }));
           return _context2.abrupt("return", data);
-        case 12:
-          _context2.prev = 12;
+        case 13:
+          _context2.prev = 13;
           _context2.t0 = _context2["catch"](2);
           return _context2.abrupt("return", rejectWithValue("Failed to fetch prefab definitions"));
-        case 15:
+        case 16:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[2, 12]]);
+    }, _callee2, null, [[2, 13]]);
   }));
   return function (_x3, _x4) {
     return _ref5.apply(this, arguments);

package/store/slices/authSlice.js

@@ -103,16 +103,21 @@ var loadSecurityInfo = exports.loadSecurityInfo = (0, _toolkit.createAsyncThunk)
           return dispatch((0, _appConfigSlice.getServiceDefinitions)(baseURL)).unwrap();
         case 18:
           dispatch(setIsLoggedIn(true));
-          dispatch(setLandingPage(details.userInfo.landingPage));
 
           // Clear access cache when user logs in (permissions might have changed)
           (0, _useAccess.clearAccessCache)();
           landingPage = details.userInfo.landingPage;
-          loginPage = (_secConfig$loginConfi = secConfig.loginConfig) === null || _secConfig$loginConfi === void 0 ? void 0 : _secConfig$loginConfi.pageName; // Extract the last segment of the pathname (the page name)
+          loginPage = (_secConfig$loginConfi = secConfig.loginConfig) === null || _secConfig$loginConfi === void 0 ? void 0 : _secConfig$loginConfi.pageName; // Store the landing page as a full routable path so navigateToLandingPage
+          // can use it directly without accidentally producing a relative URL.
+          if (landingPage) {
+            dispatch(setLandingPage("/".concat((0, _constants.getActiveRoutingBasePath)(), "/").concat(landingPage)));
+          }
+
+          // Extract the last segment of the pathname (the page name)
           currentPageName = pathname.split("/").filter(Boolean).pop();
           isOnLoginPage = currentPageName === loginPage;
           if (router && landingPage && isOnLoginPage) {
-            router.push("/".concat(_constants.ROUTING_BASEPATH, "/").concat(landingPage));
+            router.push("/".concat((0, _constants.getActiveRoutingBasePath)(), "/").concat(landingPage));
           }
           _context.next = 30;
           break;
@@ -135,31 +140,26 @@ var loadSecurityInfo = exports.loadSecurityInfo = (0, _toolkit.createAsyncThunk)
           }
           return _context.abrupt("return", Promise.resolve({}));
         case 40:
-          _context.next = 42;
-          return dispatch(redirectToLogin({
-            securityConfig: secConfig
-          })).unwrap();
-        case 42:
           return _context.abrupt("return", Promise.resolve({}));
-        case 43:
-          _context.next = 50;
+        case 41:
+          _context.next = 48;
           break;
-        case 45:
-          _context.prev = 45;
+        case 43:
+          _context.prev = 43;
           _context.t0 = _context["catch"](4);
-          _context.next = 49;
+          _context.next = 47;
           return dispatch(redirectToLogin({})).unwrap();
-        case 49:
+        case 47:
           throw _context.t0;
-        case 50:
-          _context.prev = 50;
+        case 48:
+          _context.prev = 48;
           dispatch(setPageLoading(false));
-          return _context.finish(50);
-        case 53:
+          return _context.finish(48);
+        case 51:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[4, 45, 50, 53]]);
+    }, _callee, null, [[4, 43, 48, 51]]);
   }));
   return function (_x, _x2) {
     return _ref2.apply(this, arguments);
@@ -182,7 +182,8 @@ var login = exports.login = (0, _toolkit.createAsyncThunk)("auth/login", /*#__PU
           return _axios["default"].post("".concat(options.baseURL, "/j_spring_security_check"), payload, {
             withCredentials: true,
             headers: {
-              "Content-Type": "application/x-www-form-urlencoded"
+              "Content-Type": "application/x-www-form-urlencoded",
+              "X-Requested-With": "XMLHttpRequest"
             }
           });
         case 7:
@@ -223,11 +224,11 @@ var login = exports.login = (0, _toolkit.createAsyncThunk)("auth/login", /*#__PU
 }());
 var logout = exports.logout = (0, _toolkit.createAsyncThunk)("auth/logout", /*#__PURE__*/function () {
   var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(options, _ref5) {
-    var dispatch, responseData, response, redirectURI;
+    var dispatch, getState, responseData, response, redirectURI, router, isPreview, _state$auth, state, loginPage;
     return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          dispatch = _ref5.dispatch;
+          dispatch = _ref5.dispatch, getState = _ref5.getState;
           responseData = null;
           _context3.prev = 2;
           _context3.next = 5;
@@ -261,14 +262,25 @@ var logout = exports.logout = (0, _toolkit.createAsyncThunk)("auth/logout", /*#_
 
           // Clear access cache when user logs out
           (0, _useAccess.clearAccessCache)();
+
+          // In preview mode the router is registered; navigate to the login page so
+          // the SPA reflects the logged-out state. In production the server-side
+          // redirect (window.location.href above) or Next.js routing handles this.
+          router = (0, _navigationMiddleware.getRouterInstance)();
+          isPreview = (0, _constants.getActiveRoutingBasePath)() === _constants.PREVIEW_ROUTING_BASEPATH;
+          if (router && isPreview) {
+            state = getState();
+            loginPage = ((_state$auth = state.auth) === null || _state$auth === void 0 || (_state$auth = _state$auth.securityConfig) === null || _state$auth === void 0 || (_state$auth = _state$auth.loginConfig) === null || _state$auth === void 0 ? void 0 : _state$auth.pageName) || "Login";
+            router.replace("/".concat(_constants.PREVIEW_ROUTING_BASEPATH, "/").concat(loginPage));
+          }
           return _context3.finish(15);
-        case 22:
+        case 25:
           return _context3.abrupt("return", Promise.resolve(responseData));
-        case 23:
+        case 26:
         case "end":
           return _context3.stop();
       }
-    }, _callee3, null, [[2, 12, 15, 22]]);
+    }, _callee3, null, [[2, 12, 15, 25]]);
   }));
   return function (_x5, _x6) {
     return _ref6.apply(this, arguments);
@@ -391,25 +403,27 @@ var checkAccess = exports.checkAccess = (0, _toolkit.createAsyncThunk)("auth/che
 }());
 var navigateToLandingPage = exports.navigateToLandingPage = (0, _toolkit.createAsyncThunk)("auth/navigate/landingpage", /*#__PURE__*/function () {
   var _ref13 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(_ref11, _ref12) {
-    var baseUrl, pageName, getState, dispatch, state, _state$auth, auth, redirectTo, landingPageToNavigate, _state$info, _auth$loggedInUser, homePage, router;
+    var baseUrl, pageName, getState, dispatch, state, _state$auth2, auth, redirectTo, landingPageToNavigate, _state$info, _auth$loggedInUser, homePage, userLandingPage, router;
     return _regenerator["default"].wrap(function _callee6$(_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
           baseUrl = _ref11.baseUrl, pageName = _ref11.pageName;
           getState = _ref12.getState, dispatch = _ref12.dispatch;
           state = getState();
-          _state$auth = state.auth, auth = _state$auth === void 0 ? {} : _state$auth;
+          _state$auth2 = state.auth, auth = _state$auth2 === void 0 ? {} : _state$auth2;
           redirectTo = (0, _app.getCurrentRouteQueryParam)("redirectTo"); // Priority: redirectTo param > stored landingPage > user's default landingPage > Main
           if (redirectTo) {
             // Use the redirectTo parameter from URL
-            landingPageToNavigate = "/".concat(_constants.ROUTING_BASEPATH, "/").concat(redirectTo);
+            landingPageToNavigate = "/".concat((0, _constants.getActiveRoutingBasePath)(), "/").concat(redirectTo);
           } else if (auth.landingPage) {
             // Use stored landing page
             landingPageToNavigate = auth.landingPage;
           } else {
-            // Use user's default landing page or Main
+            // Use user's default landing page or Main. The landingPage from the server
+            // is a plain page name (e.g. "Main"), so always build the full routable path.
             homePage = ((_state$info = state.info) === null || _state$info === void 0 || (_state$info = _state$info.appConfig) === null || _state$info === void 0 || (_state$info = _state$info.appProperties) === null || _state$info === void 0 ? void 0 : _state$info.homePage) || "Main";
-            landingPageToNavigate = ((_auth$loggedInUser = auth.loggedInUser) === null || _auth$loggedInUser === void 0 ? void 0 : _auth$loggedInUser.landingPage) || "/".concat(_constants.ROUTING_BASEPATH, "/").concat(homePage);
+            userLandingPage = (_auth$loggedInUser = auth.loggedInUser) === null || _auth$loggedInUser === void 0 ? void 0 : _auth$loggedInUser.landingPage;
+            landingPageToNavigate = userLandingPage ? "/".concat((0, _constants.getActiveRoutingBasePath)(), "/").concat(userLandingPage) : "/".concat((0, _constants.getActiveRoutingBasePath)(), "/").concat(homePage);
           }
           router = (0, _navigationMiddleware.getRouterInstance)();
           if (router) {
@@ -449,12 +463,12 @@ var redirectToLogin = exports.redirectToLogin = (0, _toolkit.createAsyncThunk)("
           } else {
             loginPage = (securityConfig === null || securityConfig === void 0 || (_securityConfig$login2 = securityConfig.loginConfig) === null || _securityConfig$login2 === void 0 ? void 0 : _securityConfig$login2.pageName) || "Login"; // Store landing page for post-login redirect
             if (redirectTo && !redirectTo.startsWith("/" + loginPage)) {
-              setLandingPage("/".concat(_constants.ROUTING_BASEPATH, "/").concat(redirectTo));
+              setLandingPage("/".concat((0, _constants.getActiveRoutingBasePath)(), "/").concat(redirectTo));
             }
             router = (0, _navigationMiddleware.getRouterInstance)();
             if (router && !isPublicPage) {
               // Build login URL with redirectTo query parameter
-              loginPath = "/".concat(_constants.ROUTING_BASEPATH, "/").concat(loginPage);
+              loginPath = "/".concat((0, _constants.getActiveRoutingBasePath)(), "/").concat(loginPage);
               loginUrl = redirectTo && redirectTo.toLowerCase() !== homePage.toLowerCase() ? "".concat(loginPath, "?redirectTo=").concat(redirectTo) : loginPath;
               router.push(loginUrl);
             }