@wavemaker-ai/react-runtime 1.0.0-rc.647499 → 1.0.0-rc.647565

package/runtime-dynamic/services/prefab-resources.js

@@ -1,159 +1,71 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.clearPrefabResourcesLoaded = clearPrefabResourcesLoaded;
-exports.getPrefabResourceUrl = getPrefabResourceUrl;
-exports.loadPrefabResourcesFromConfig = loadPrefabResourcesFromConfig;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _endsWith = _interopRequireDefault(require("lodash-es/endsWith"));
-var _previewResourceBase = require("../preview-resource-base");
-var _fragmentUrl = require("./fragment-url");
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/** Do not inject Main page CSS from prefab config — same as Angular `PrefabManagerService.loadStyles`. */
-var PREFAB_MAIN_PAGE_CSS_SUFFIX = "/pages/Main/Main.css";
-var prefabResourcesLoaded = new Set();
-
-/** Cleared with `clearComponentRefCache` so a new preview session can reload scripts/styles. */
+import endsWith from "lodash-es/endsWith";
+import { appendStylesheetLink } from "../utils";
+import { resolvePreviewFetchUrl } from "../preview-resource-base";
+import { getPrefabBaseUrl } from "./fragment-url";
+const PREFAB_MAIN_PAGE_CSS_SUFFIX = "/pages/Main/Main.css";
+const prefabResourcesLoaded = /* @__PURE__ */ new Set();
 function clearPrefabResourcesLoaded() {
   prefabResourcesLoaded.clear();
 }
 function isAbsoluteResourcePath(path) {
   return /^https?:\/\//i.test(path) || path.startsWith("//");
 }
-
-/**
- * Mirrors Angular `getPrefabResourceUrl` in `runtime-base` `prefab-manager.service.ts`.
- */
 function getPrefabResourceUrl(resourcePath, resourceBasePath) {
   if (isAbsoluteResourcePath(resourcePath)) {
     return resourcePath;
   }
-  return "".concat(resourceBasePath).concat(resourcePath);
-}
-function isStylesheetLoaded(href) {
-  var links = document.getElementsByTagName("link");
-  for (var i = 0; i < links.length; i++) {
-    var el = links[i];
-    if (el.rel === "stylesheet" && el.getAttribute("href") === href) return true;
-  }
-  return false;
+  return `${resourceBasePath}${resourcePath}`;
 }
 function loadStyleSheetOnce(href) {
-  var resolved = (0, _previewResourceBase.resolvePreviewFetchUrl)(href);
-  if (!resolved || isStylesheetLoaded(resolved)) return;
-  var link = document.createElement("link");
-  link.rel = "stylesheet";
-  link.type = "text/css";
-  link.href = resolved;
-  document.head.appendChild(link);
+  const resolved = resolvePreviewFetchUrl(href);
+  if (resolved) {
+    appendStylesheetLink(resolved);
+  }
 }
 function isScriptLoaded(src) {
-  var scripts = document.getElementsByTagName("script");
-  for (var i = 0; i < scripts.length; i++) {
+  const scripts = document.getElementsByTagName("script");
+  for (let i = 0; i < scripts.length; i++) {
     if (scripts[i].getAttribute("src") === src) return true;
   }
   return false;
 }
 function loadScriptOnce(src) {
-  var trimmed = (0, _previewResourceBase.resolvePreviewFetchUrl)(src.trim());
+  const trimmed = resolvePreviewFetchUrl(src.trim());
   if (!trimmed || isScriptLoaded(trimmed)) {
     return Promise.resolve();
   }
-  return new Promise(function (resolve, reject) {
-    var script = document.createElement("script");
+  return new Promise((resolve, reject) => {
+    const script = document.createElement("script");
     script.type = "text/javascript";
     script.async = false;
     script.src = trimmed;
-    script.onload = function () {
-      return resolve();
-    };
-    script.onerror = function () {
-      return reject(new Error("Failed to load script: ".concat(trimmed)));
-    };
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error(`Failed to load script: ${trimmed}`));
     document.head.appendChild(script);
   });
 }
-/**
- * Loads `resources.styles` / `resources.scripts` from prefab `config.json` like Angular
- * `PrefabManagerService.loadDependencies` (`loadStyleSheets` / `loadScripts` from `@wm/core`).
- * Runs at most once per `prefabName` per page session.
- */
-function loadPrefabResourcesFromConfig(_x, _x2) {
-  return _loadPrefabResourcesFromConfig.apply(this, arguments);
+async function loadPrefabResourcesFromConfig(prefabName, config) {
+  var _a, _b, _c, _d;
+  if (prefabResourcesLoaded.has(prefabName)) {
+    return;
+  }
+  const styles = (_b = (_a = config.resources) == null ? void 0 : _a.styles) != null ? _b : [];
+  const scripts = ((_d = (_c = config.resources) == null ? void 0 : _c.scripts) != null ? _d : []).filter((s) => !s.startsWith("npm://"));
+  const basePath = getPrefabBaseUrl(prefabName);
+  const styleUrls = styles.map((url) => getPrefabResourceUrl(url, basePath)).filter((url) => !!url && !endsWith(url, PREFAB_MAIN_PAGE_CSS_SUFFIX));
+  const scriptUrls = scripts.map((url) => getPrefabResourceUrl(url, basePath));
+  styleUrls.forEach(loadStyleSheetOnce);
+  for (const src of scriptUrls) {
+    try {
+      await loadScriptOnce(src);
+    } catch (e) {
+      console.warn("[prefab-resources] Optional script failed:", src, e);
+    }
+  }
+  prefabResourcesLoaded.add(prefabName);
 }
-function _loadPrefabResourcesFromConfig() {
-  _loadPrefabResourcesFromConfig = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(prefabName, config) {
-    var _config$resources$sty, _config$resources, _config$resources$scr, _config$resources2;
-    var styles, scripts, basePath, styleUrls, scriptUrls, _iterator, _step, src;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!prefabResourcesLoaded.has(prefabName)) {
-            _context.next = 2;
-            break;
-          }
-          return _context.abrupt("return");
-        case 2:
-          styles = (_config$resources$sty = (_config$resources = config.resources) === null || _config$resources === void 0 ? void 0 : _config$resources.styles) !== null && _config$resources$sty !== void 0 ? _config$resources$sty : [];
-          scripts = ((_config$resources$scr = (_config$resources2 = config.resources) === null || _config$resources2 === void 0 ? void 0 : _config$resources2.scripts) !== null && _config$resources$scr !== void 0 ? _config$resources$scr : []).filter(function (s) {
-            return !s.startsWith("npm://");
-          });
-          basePath = (0, _fragmentUrl.getPrefabBaseUrl)(prefabName);
-          styleUrls = styles.map(function (url) {
-            return getPrefabResourceUrl(url, basePath);
-          }).filter(function (url) {
-            return !!url && !(0, _endsWith["default"])(url, PREFAB_MAIN_PAGE_CSS_SUFFIX);
-          });
-          scriptUrls = scripts.map(function (url) {
-            return getPrefabResourceUrl(url, basePath);
-          });
-          styleUrls.forEach(loadStyleSheetOnce);
-          _iterator = _createForOfIteratorHelper(scriptUrls);
-          _context.prev = 9;
-          _iterator.s();
-        case 11:
-          if ((_step = _iterator.n()).done) {
-            _context.next = 23;
-            break;
-          }
-          src = _step.value;
-          _context.prev = 13;
-          _context.next = 16;
-          return loadScriptOnce(src);
-        case 16:
-          _context.next = 21;
-          break;
-        case 18:
-          _context.prev = 18;
-          _context.t0 = _context["catch"](13);
-          console.warn("[prefab-resources] Optional script failed:", src, _context.t0);
-        case 21:
-          _context.next = 11;
-          break;
-        case 23:
-          _context.next = 28;
-          break;
-        case 25:
-          _context.prev = 25;
-          _context.t1 = _context["catch"](9);
-          _iterator.e(_context.t1);
-        case 28:
-          _context.prev = 28;
-          _iterator.f();
-          return _context.finish(28);
-        case 31:
-          prefabResourcesLoaded.add(prefabName);
-        case 32:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[9, 25, 28, 31], [13, 18]]);
-  }));
-  return _loadPrefabResourcesFromConfig.apply(this, arguments);
-}
+export {
+  clearPrefabResourcesLoaded,
+  getPrefabResourceUrl,
+  loadPrefabResourcesFromConfig
+};

package/runtime-dynamic/services/resource-manager.d.ts

@@ -1,2 +1,3 @@
-export declare function fetchResource<T = unknown>(url: string, useCache?: boolean): Promise<T>;
+export declare function fetchResource<T = unknown>(url: string, useCache?: boolean, optional?: false): Promise<T>;
+export declare function fetchResource<T = unknown>(url: string, useCache: boolean, optional: true): Promise<T | null>;
 export declare function clearResourceCache(): void;

package/runtime-dynamic/services/resource-manager.js

@@ -1,66 +1,35 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.clearResourceCache = clearResourceCache;
-exports.fetchResource = fetchResource;
-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");
-var _app = require("@wavemaker-ai/react-runtime/core/app.service");
-var cache = new Map();
-function fetchResource(_x) {
-  return _fetchResource.apply(this, arguments);
-}
-function _fetchResource() {
-  _fetchResource = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(url) {
-    var useCache,
-      resolvedUrl,
-      response,
-      data,
-      _error$response,
-      status,
-      _args = arguments;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          useCache = _args.length > 1 && _args[1] !== undefined ? _args[1] : true;
-          resolvedUrl = (0, _previewResourceBase.resolvePreviewFetchUrl)(url);
-          if (!(useCache && cache.has(resolvedUrl))) {
-            _context.next = 4;
-            break;
-          }
-          return _context.abrupt("return", cache.get(resolvedUrl));
-        case 4:
-          _context.prev = 4;
-          _context.next = 7;
-          return _axios["default"].get(resolvedUrl);
-        case 7:
-          response = _context.sent;
-          data = response.data;
-          if (useCache) {
-            cache.set(resolvedUrl, data);
-          }
-          return _context.abrupt("return", data);
-        case 13:
-          _context.prev = 13;
-          _context.t0 = _context["catch"](4);
-          status = _context.t0 === null || _context.t0 === void 0 || (_error$response = _context.t0.response) === null || _error$response === void 0 ? void 0 : _error$response.status;
-          if (status === 401 || status === 403) {
-            (0, _app.handle401)();
-          }
-          throw _context.t0;
-        case 18:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[4, 13]]);
-  }));
-  return _fetchResource.apply(this, arguments);
+import axios from "axios";
+import { resolvePreviewFetchUrl } from "../preview-resource-base";
+import { handle401 } from "../../core/app.service";
+const cache = /* @__PURE__ */ new Map();
+async function fetchResource(url, useCache = true, optional = false) {
+  var _a;
+  const resolvedUrl = resolvePreviewFetchUrl(url);
+  if (useCache && cache.has(resolvedUrl)) {
+    return cache.get(resolvedUrl);
+  }
+  try {
+    const response = await axios.get(resolvedUrl);
+    const { data } = response;
+    if (useCache) {
+      cache.set(resolvedUrl, data);
+    }
+    return data;
+  } catch (error) {
+    if (optional) {
+      return null;
+    }
+    const status = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.status;
+    if (status === 401 || status === 403) {
+      handle401();
+    }
+    throw error;
+  }
 }
 function clearResourceCache() {
   cache.clear();
-}
+}
+export {
+  clearResourceCache,
+  fetchResource
+};

package/runtime-dynamic/services/script-executor.js

@@ -1,90 +1,79 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScriptScope = void 0;
-exports.buildAddPageScript = buildAddPageScript;
-var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var lodash = _interopRequireWildcard(require("lodash-es"));
-var _moment = _interopRequireDefault(require("moment"));
-var _utils = require("@wavemaker-ai/react-runtime/core/util/utils");
-var _cache = require("./cache");
-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); }
-var ScriptScope = exports.ScriptScope = /*#__PURE__*/function (ScriptScope) {
-  ScriptScope["PAGE"] = "Page";
-  ScriptScope["PARTIAL"] = "Partial";
-  ScriptScope["PREFAB"] = "Prefab";
-  return ScriptScope;
-}({});
-var IMPORT_LINE_RE = /^\s*import\s+.*?["'];?\s*$/gm;
-var EXPORTED_FN_HEADER_RE = /^\s*export\s+default\s+function\s+\w+\s*\([^)]*\)\s*\{/m;
-
-// Proxy-safe structuredClone: the reactive proxy system wraps variable dataSets
-// in Proxy objects, which native structuredClone cannot handle. This shim
-// unwraps proxies via JSON round-trip before cloning.
+import * as lodash from "lodash-es";
+import moment from "moment";
+import { Utils } from "../../core/util/utils";
+import { getScriptFromCache, setScriptInCache } from "./cache";
+var ScriptScope = /* @__PURE__ */ ((ScriptScope2) => {
+  ScriptScope2["PAGE"] = "Page";
+  ScriptScope2["PARTIAL"] = "Partial";
+  ScriptScope2["PREFAB"] = "Prefab";
+  return ScriptScope2;
+})(ScriptScope || {});
+const IMPORT_LINE_RE = /^\s*import\s+.*?["'];?\s*$/gm;
+const EXPORTED_FN_HEADER_RE = /^\s*export\s+default\s+function\s+\w+\s*\([^)]*\)\s*\{/m;
 function safeStructuredClone(value) {
   try {
     return structuredClone(value);
-  } catch (_unused) {
+  } catch (e) {
     try {
       return JSON.parse(JSON.stringify(value));
-    } catch (_unused2) {
+    } catch (e2) {
       return value;
     }
   }
 }
-var SCRIPT_GLOBALS = {
+const SCRIPT_GLOBALS = {
   _: lodash,
-  moment: _moment["default"],
-  Utils: _utils.Utils,
+  moment,
+  Utils,
   structuredClone: safeStructuredClone
 };
-
-// Globals loaded asynchronously (e.g. via dynamic import in app-initializer).
-// Resolved from window at script execution time, not at compile time.
-var DEFERRED_GLOBALS = ["QRCode"];
+const DEFERRED_GLOBALS = ["QRCode"];
 function prepareScript(raw) {
-  var code = raw.replace(IMPORT_LINE_RE, "");
-  var headerMatch = code.match(EXPORTED_FN_HEADER_RE);
+  let code = raw.replace(IMPORT_LINE_RE, "");
+  const headerMatch = code.match(EXPORTED_FN_HEADER_RE);
   if (headerMatch) {
-    var headerEnd = code.indexOf(headerMatch[0]) + headerMatch[0].length;
-    var body = code.slice(headerEnd);
-    var lastBrace = body.lastIndexOf("}");
+    const headerEnd = code.indexOf(headerMatch[0]) + headerMatch[0].length;
+    const body = code.slice(headerEnd);
+    const lastBrace = body.lastIndexOf("}");
     return lastBrace >= 0 ? body.slice(0, lastBrace) : body;
   }
   code = code.replace(/^\s*export\s+default\s+/m, "");
   return code;
 }
 function buildAddPageScript(script, scopeKind, componentName) {
-  if (!script) return function () {};
-  var cacheKey = "".concat(scopeKind, ":").concat(componentName);
-  var cached = (0, _cache.getScriptFromCache)(cacheKey);
+  if (!script) return () => {
+  };
+  const cacheKey = `${scopeKind}:${componentName}`;
+  const cached = getScriptFromCache(cacheKey);
   if (cached) return cached;
   try {
-    var cleanScript = prepareScript(script);
-    var allNames = [].concat((0, _toConsumableArray2["default"])(Object.keys(SCRIPT_GLOBALS)), DEFERRED_GLOBALS);
-    var compiledFn = (0, _construct2["default"])(Function, ["App", scopeKind].concat((0, _toConsumableArray2["default"])(allNames), [cleanScript]));
-    var staticValues = Object.keys(SCRIPT_GLOBALS).map(function (k) {
-      return SCRIPT_GLOBALS[k];
-    });
-    var boundFn = function boundFn(app, page) {
+    const cleanScript = prepareScript(script);
+    const allNames = [...Object.keys(SCRIPT_GLOBALS), ...DEFERRED_GLOBALS];
+    const compiledFn = new Function("App", scopeKind, ...allNames, cleanScript);
+    const staticValues = Object.keys(SCRIPT_GLOBALS).map((k) => SCRIPT_GLOBALS[k]);
+    const boundFn = (app, page) => {
       try {
-        var deferredValues = DEFERRED_GLOBALS.map(function (k) {
-          return window[k];
-        });
-        compiledFn.apply(void 0, [app, page].concat((0, _toConsumableArray2["default"])(staticValues), (0, _toConsumableArray2["default"])(deferredValues)));
+        const deferredValues = DEFERRED_GLOBALS.map((k) => window[k]);
+        compiledFn(app, page, ...staticValues, ...deferredValues);
       } catch (runtimeError) {
-        console.error("[script-executor] Runtime error in ".concat(scopeKind, " script \"").concat(componentName, "\":"), runtimeError);
+        console.error(
+          `[script-executor] Runtime error in ${scopeKind} script "${componentName}":`,
+          runtimeError
+        );
       }
     };
-    (0, _cache.setScriptInCache)(cacheKey, boundFn);
+    setScriptInCache(cacheKey, boundFn);
     return boundFn;
   } catch (compileError) {
-    console.error("[script-executor] Compilation error in ".concat(scopeKind, " script \"").concat(componentName, "\":"), compileError);
-    return function () {};
+    console.error(
+      `[script-executor] Compilation error in ${scopeKind} script "${componentName}":`,
+      compileError
+    );
+    return () => {
+    };
   }
-}
+}
+export {
+  ScriptScope,
+  buildAddPageScript
+};