@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

package/context/PrefabContext.js

@@ -1,51 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.PrefabContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _lodash = require("lodash");
-var _events = require("../core/constants/events");
-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 __jsx = _react["default"].createElement;
-var PrefabContext = exports.PrefabContext = /*#__PURE__*/(0, _react.createContext)({
+import { jsx } from "react/jsx-runtime";
+import { createContext, useEffect, useRef } from "react";
+import { isEqual } from "lodash";
+import { EVENTEMITTER_METHODS } from "../core/constants/events";
+const PrefabContext = createContext({
   inbound: {},
   outbound: {},
   prefabName: "",
-  parentForm: undefined,
+  parentForm: void 0,
   isParentList: false,
   formArrayIndex: -1,
-  parentListName: undefined
+  parentListName: void 0
 });
-var getChangedKeys = function getChangedKeys(prev, curr) {
-  var changes = [];
-  var keys = new Set([].concat((0, _toConsumableArray2["default"])(Object.keys(prev)), (0, _toConsumableArray2["default"])(Object.keys(curr))));
-  keys.forEach(function (key) {
-    var ignoredKeys = ["name", "prefabname", "data-widget-id", "prefabName"];
+const getChangedKeys = (prev, curr) => {
+  const changes = [];
+  const keys = /* @__PURE__ */ new Set([...Object.keys(prev), ...Object.keys(curr)]);
+  keys.forEach((key) => {
+    const ignoredKeys = ["name", "prefabname", "data-widget-id", "prefabName"];
     if (ignoredKeys.includes(key)) {
       return;
     }
-    // Handle functions - compare their definitions to avoid unnecessary renders
-    var prevValue = prev[key];
-    var currValue = curr[key];
+    const prevValue = prev[key];
+    const currValue = curr[key];
     if (typeof prevValue === "function" && typeof currValue === "function") {
-      // Compare function definitions instead of function instances
-      if (prevValue.toString() !== currValue.toString() && prevValue === undefined && currValue !== undefined) {
+      if (prevValue.toString() !== currValue.toString() && prevValue === void 0 && currValue !== void 0) {
         changes.push({
-          key: key,
+          key,
           oldValue: prevValue,
           newValue: currValue
         });
       }
       return;
     }
-    if (!(0, _lodash.isEqual)(prevValue, currValue) && currValue !== undefined && currValue !== null) {
+    if (!isEqual(prevValue, currValue) && currValue !== void 0 && currValue !== null) {
       changes.push({
-        key: key,
+        key,
         oldValue: prevValue,
         newValue: currValue
       });
@@ -53,143 +41,104 @@ var getChangedKeys = function getChangedKeys(prev, curr) {
   });
   return changes;
 };
-var PrefabProvider = function PrefabProvider(_ref) {
-  var Context = _ref.value,
-    children = _ref.children;
-  var prevOutboundRef = (0, _react.useRef)(Context.outbound);
-  var pendingChangesRef = (0, _react.useRef)([]);
-  var retryCountRef = (0, _react.useRef)(0);
-  var isInitialMountRef = (0, _react.useRef)(true);
-  var maxRetries = 20;
-  var initialMountMaxRetries = 30;
-  var rafIdRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var currInbound = Context.inbound;
-    if ((0, _lodash.isEqual)(prevOutboundRef.current, currInbound)) {
+const PrefabProvider = ({
+  value: Context,
+  children
+}) => {
+  const prevOutboundRef = useRef(Context.outbound);
+  const pendingChangesRef = useRef([]);
+  const retryCountRef = useRef(0);
+  const isInitialMountRef = useRef(true);
+  const maxRetries = 20;
+  const initialMountMaxRetries = 30;
+  const rafIdRef = useRef(null);
+  useEffect(() => {
+    const currInbound = Context.inbound;
+    if (isEqual(prevOutboundRef.current, currInbound)) {
       return;
     }
-
-    // Fix: Compare prevInboundRef.current with currInbound, not prevOutboundRef
-    var inboundChanges = getChangedKeys(prevOutboundRef.current, currInbound);
-
-    // Update ref for next comparison
+    const inboundChanges = getChangedKeys(prevOutboundRef.current, currInbound);
     prevOutboundRef.current = currInbound;
     if (inboundChanges.length > 0) {
-      // Merge new changes with pending changes (deduplicate by key)
-      var changeMap = new Map();
-
-      // Add existing pending changes first
-      pendingChangesRef.current.forEach(function (change) {
+      const changeMap = /* @__PURE__ */ new Map();
+      pendingChangesRef.current.forEach((change) => {
         changeMap.set(change.key, change);
       });
-
-      // Overwrite with new changes (they're more recent)
-      inboundChanges.forEach(function (change) {
+      inboundChanges.forEach((change) => {
         changeMap.set(change.key, change);
       });
       pendingChangesRef.current = Array.from(changeMap.values());
       retryCountRef.current = 0;
-
-      // Cancel any pending RAF
       if (rafIdRef.current !== null) {
         cancelAnimationFrame(rafIdRef.current);
       }
-
-      // Try to emit with retry mechanism
-      var _tryEmit = function tryEmit() {
-        // Convert array to object format that BasePage expects: {0: change1, 1: change2, ...}
-        var changesAsObject = {};
-        pendingChangesRef.current.forEach(function (change, index) {
+      const tryEmit = () => {
+        const changesAsObject = {};
+        pendingChangesRef.current.forEach((change, index) => {
           changesAsObject[index] = change;
         });
-
-        // Emit the event
-        // Note: EventEmitter.emit returns true if there are listeners, false otherwise
-        var hasListeners = _events.EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_EMIT(Context.prefabName, changesAsObject);
-
-        // Determine max retries based on whether this is initial mount
-        var currentMaxRetries = isInitialMountRef.current ? initialMountMaxRetries : maxRetries;
-
-        // If no listeners were registered and we haven't exceeded max retries, retry
+        const hasListeners = EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_EMIT(
+          Context.prefabName,
+          changesAsObject
+        );
+        const currentMaxRetries = isInitialMountRef.current ? initialMountMaxRetries : maxRetries;
         if (!hasListeners && retryCountRef.current < currentMaxRetries) {
           retryCountRef.current += 1;
-
-          // On initial mount, use more RAF cycles for slower machines
-          var rafCycles = isInitialMountRef.current ? 10 : 5;
-          var rafChain = _tryEmit;
-          var _loop = function _loop() {
-            var next = rafChain;
-            rafChain = function rafChain() {
-              rafIdRef.current = requestAnimationFrame(function () {
+          const rafCycles = isInitialMountRef.current ? 10 : 5;
+          let rafChain = tryEmit;
+          for (let i = 0; i < rafCycles; i++) {
+            const next = rafChain;
+            rafChain = () => {
+              rafIdRef.current = requestAnimationFrame(() => {
                 next();
               });
             };
-          };
-          for (var i = 0; i < rafCycles; i++) {
-            _loop();
           }
           rafChain();
         } else {
-          // Successfully emitted (listeners received it) or max retries reached
           if (hasListeners) {
-            // Success! Mark as no longer initial mount after first successful emission
             isInitialMountRef.current = false;
           } else {
-            // Max retries reached but no listeners found
-            // This could happen if BasePage is taking longer than expected
-            // Reset the flag to allow normal retry behavior for future updates
-            // This prevents being stuck in initial mount mode indefinitely
             isInitialMountRef.current = false;
-            console.warn("PrefabContext: Max retries reached without finding listeners. " + "BasePage may not be ready yet. Future updates will use normal retry behavior.");
+            console.warn(
+              "PrefabContext: Max retries reached without finding listeners. BasePage may not be ready yet. Future updates will use normal retry behavior."
+            );
           }
           pendingChangesRef.current = [];
           retryCountRef.current = 0;
           rafIdRef.current = null;
         }
       };
-
-      // Start emission process: wait for React commit, then BasePage initialization
-      // Use more RAF cycles on initial mount (hard reload scenarios)
-      var initialRafCycles = isInitialMountRef.current ? 5 : 3;
-      queueMicrotask(function () {
-        // Build RAF chain: each cycle waits for the next frame
-        var rafChain = _tryEmit;
-        var _loop2 = function _loop2() {
-          var next = rafChain;
-          rafChain = function rafChain() {
-            rafIdRef.current = requestAnimationFrame(function () {
+      const initialRafCycles = isInitialMountRef.current ? 5 : 3;
+      queueMicrotask(() => {
+        let rafChain = tryEmit;
+        for (let i = 0; i < initialRafCycles; i++) {
+          const next = rafChain;
+          rafChain = () => {
+            rafIdRef.current = requestAnimationFrame(() => {
               next();
             });
           };
-        };
-        for (var i = 0; i < initialRafCycles; i++) {
-          _loop2();
         }
-
-        // Start the chain
         rafChain();
       });
     }
   }, [Context.inbound]);
-
-  // Cleanup RAF on unmount and reset state on remount
-  (0, _react.useEffect)(function () {
-    return function () {
-      // Cancel any pending RAF operations
+  useEffect(() => {
+    return () => {
       if (rafIdRef.current !== null) {
         cancelAnimationFrame(rafIdRef.current);
         rafIdRef.current = null;
       }
-      // Reset state for clean remount
       pendingChangesRef.current = [];
       retryCountRef.current = 0;
-      // Reset initial mount flag on unmount so next mount starts fresh
-      // This ensures proper behavior if component unmounts and remounts
       isInitialMountRef.current = true;
     };
   }, []);
-  return __jsx(PrefabContext.Provider, {
-    value: Context
-  }, children);
+  return /* @__PURE__ */ jsx(PrefabContext.Provider, { value: Context, children });
+};
+var PrefabContext_default = PrefabProvider;
+export {
+  PrefabContext,
+  PrefabContext_default as default
 };
-var _default = exports["default"] = PrefabProvider;