react-native-maplibre-gl-js 1.2.1 → 1.3.0

package/lib/module/react-native/components-factory/createWebObjectAsComponent.js

@@ -4,16 +4,22 @@ import { forwardRef, useId } from 'react';
 import useWebObjectMountOnLaunch from "./hooks/useWebObjectMountOnLaunch.js";
 import useWebObjectMethodsProxy from "./hooks/useWebObjectMethodsProxy.js";
 import useWebObjectPropertiesUpdater from "./hooks/useWebObjectPropertiesUpdater.js";
+import useWebObjectMountUnmountCallbacks from "./hooks/useWebObjectMountUnmountCallbacks.js";
 const createWebObjectAsComponent = objectType => {
   return /*#__PURE__*/forwardRef((props, ref) => {
     // UID of the web object.
     const id = useId();
+    // Callbacks to mount and unmount the web object.
+    const {
+      mount,
+      unmount
+    } = useWebObjectMountUnmountCallbacks(props, id, objectType);
     // Mount the web object on launch.
-    useWebObjectMountOnLaunch(props, id, objectType);
+    useWebObjectMountOnLaunch(props, id, mount, unmount);
     // Forward a method call on the RN object to the web object.
     useWebObjectMethodsProxy(ref, id);
     // Update the web object properties when they changed in the component body.
-    useWebObjectPropertiesUpdater(props, id);
+    useWebObjectPropertiesUpdater(props, mount, unmount);
     return null;
   });
 };

package/lib/module/react-native/components-factory/createWebObjectAsComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useId","useWebObjectMountOnLaunch","useWebObjectMethodsProxy","useWebObjectPropertiesUpdater","createWebObjectAsComponent","objectType","props","ref","id"],"sourceRoot":"../../../../src","sources":["react-native/components-factory/createWebObjectAsComponent.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,KAAK,QAAQ,OAAO;AAOzC,OAAOC,yBAAyB,MAAM,sCAAmC;AACzE,OAAOC,wBAAwB,MAAM,qCAAkC;AACvE,OAAOC,6BAA6B,MAAM,0CAAuC;AAEjF,MAAMC,0BAA0B,GAI9BC,UAAyB,IACU;EACnC,oBAAON,UAAU,CAAa,CAACO,KAAK,EAAEC,GAAG,KAAK;IAC5C;IACA,MAAMC,EAAE,GAAGR,KAAK,CAAC,CAAC;IAClB;IACAC,yBAAyB,CAAQK,KAAK,EAAEE,EAAE,EAAEH,UAAU,CAAC;IACvD;IACAH,wBAAwB,CAAMK,GAAG,EAAEC,EAAE,CAAC;IACtC;IACAL,6BAA6B,CAAQG,KAAK,EAAWE,EAAE,CAAC;IAExD,OAAO,IAAI;EACb,CAAC,CAAC;AACJ,CAAC;AAED,eAAeJ,0BAA0B","ignoreList":[]}
+{"version":3,"names":["forwardRef","useId","useWebObjectMountOnLaunch","useWebObjectMethodsProxy","useWebObjectPropertiesUpdater","useWebObjectMountUnmountCallbacks","createWebObjectAsComponent","objectType","props","ref","id","mount","unmount"],"sourceRoot":"../../../../src","sources":["react-native/components-factory/createWebObjectAsComponent.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,KAAK,QAAQ,OAAO;AAOzC,OAAOC,yBAAyB,MAAM,sCAAmC;AACzE,OAAOC,wBAAwB,MAAM,qCAAkC;AACvE,OAAOC,6BAA6B,MAAM,0CAAuC;AACjF,OAAOC,iCAAiC,MAAM,8CAA2C;AAEzF,MAAMC,0BAA0B,GAI9BC,UAAyB,IACU;EACnC,oBAAOP,UAAU,CAAa,CAACQ,KAAK,EAAEC,GAAG,KAAK;IAC5C;IACA,MAAMC,EAAE,GAAGT,KAAK,CAAC,CAAC;IAClB;IACA,MAAM;MAAEU,KAAK;MAAEC;IAAQ,CAAC,GAAGP,iCAAiC,CAC1DG,KAAK,EACLE,EAAE,EACFH,UACF,CAAC;IACD;IACAL,yBAAyB,CAAQM,KAAK,EAAEE,EAAE,EAAEC,KAAK,EAAEC,OAAO,CAAC;IAC3D;IACAT,wBAAwB,CAAMM,GAAG,EAAEC,EAAE,CAAC;IACtC;IACAN,6BAA6B,CAAQI,KAAK,EAAEG,KAAK,EAAEC,OAAO,CAAC;IAE3D,OAAO,IAAI;EACb,CAAC,CAAC;AACJ,CAAC;AAED,eAAeN,0BAA0B","ignoreList":[]}

package/lib/module/react-native/components-factory/hooks/useWebObjectMountOnLaunch.js

@@ -1,69 +1,23 @@
 "use strict";
 
-import { useCallback, useEffect, useRef } from 'react';
-import useMapAtoms from "../../hooks/atoms/useMapAtoms.js";
-
+import { useEffect } from 'react';
 /**
- * Mount the web object once the React Native one is mounted.
+ * Mount and unmount the web object once the React Native one is mounted /
+ * unmounted.
  * @param props - The RN object props.
  * @param objectId - The ID of the web object that owns the method.
- * @param objectType - The type of the associated web object.
+ * @param mount - Callback.
+ * @param unmount - Callback.
  */
-const useWebObjectMountOnLaunch = (props, objectId, objectType) => {
-  // Refs.
-  const isMounted = useRef(false);
-  // States.
-  // - Global.
-  const {
-    isWebWorldReady,
-    dispatchMessage,
-    setWebObjectListeners,
-    deleteWebObjectListeners
-  } = useMapAtoms();
-  const mount = useCallback(() => {
-    // Mount the component as a web object on the web world.
-    dispatchMessage({
-      type: `webObjectMount`,
-      payload: {
-        objectId: objectId,
-        objectType,
-        options: props.options ?? {},
-        listeners: props.listeners ?? {}
-      }
-    });
-    // Register listeners on event from the web world.
-    setWebObjectListeners({
-      objectId: objectId,
-      listeners: props.listeners ?? {}
-    });
-    isMounted.current = true;
-  }, [objectId, objectType, props.options, props.listeners, dispatchMessage, setWebObjectListeners]);
-  const unmount = useCallback(() => {
-    dispatchMessage({
-      type: `webObjectUnmount`,
-      payload: {
-        objectId
-      }
-    });
-    deleteWebObjectListeners({
-      objectId
-    });
-    isMounted.current = false;
-  }, [objectId, dispatchMessage, deleteWebObjectListeners]);
-
-  // On mount/unmount update the web object.
+const useWebObjectMountOnLaunch = (props, objectId, mount, unmount) => {
+  // On mount/unmount, do the same for the web object.
   useEffect(() => {
-    if (!isWebWorldReady) {
-      return;
-    }
-    if (!isMounted.current) {
-      mount();
-    }
+    mount();
     // TODO verify if we unmount here? it sure that it must not be in this
     //  use effect, otherwise on start if mount then unmount then mount, but
     //  we may have to unmount in another effect
-    //return unmount
-  }, [objectId, isWebWorldReady, dispatchMessage, props, unmount, mount]);
+    //return unmount()
+  }, [objectId, props, mount, unmount]);
 };
 export default useWebObjectMountOnLaunch;
 //# sourceMappingURL=useWebObjectMountOnLaunch.js.map

package/lib/module/react-native/components-factory/hooks/useWebObjectMountOnLaunch.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useRef","useMapAtoms","useWebObjectMountOnLaunch","props","objectId","objectType","isMounted","isWebWorldReady","dispatchMessage","setWebObjectListeners","deleteWebObjectListeners","mount","type","payload","options","listeners","current","unmount"],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectMountOnLaunch.ts"],"mappings":";;AAAA,SAA+BA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAG5E,OAAOC,WAAW,MAAM,kCAA+B;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,yBAAyB,GAAGA,CAChCC,KAA6B,EAC7BC,QAAgB,EAChBC,UAAyB,KACtB;EACH;EACA,MAAMC,SAAS,GAAGN,MAAM,CAAU,KAAK,CAAC;EACxC;EACA;EACA,MAAM;IACJO,eAAe;IACfC,eAAe;IACfC,qBAAqB;IACrBC;EACF,CAAC,GAAGT,WAAW,CAAC,CAAC;EAEjB,MAAMU,KAAK,GAAGb,WAAW,CAAC,MAAM;IAC9B;IACAU,eAAe,CAAC;MACdI,IAAI,EAAE,gBAAgB;MACtBC,OAAO,EAAE;QACPT,QAAQ,EAAEA,QAAQ;QAClBC,UAAU;QACVS,OAAO,EAAEX,KAAK,CAACW,OAAO,IAAI,CAAC,CAAC;QAC5BC,SAAS,EAAEZ,KAAK,CAACY,SAAS,IAAI,CAAC;MACjC;IACF,CAAC,CAAC;IACF;IACAN,qBAAqB,CAAC;MACpBL,QAAQ,EAAEA,QAAQ;MAClBW,SAAS,EAAEZ,KAAK,CAACY,SAAS,IAAI,CAAC;IACjC,CAAC,CAAC;IACFT,SAAS,CAACU,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,CACDZ,QAAQ,EACRC,UAAU,EACVF,KAAK,CAACW,OAAO,EACbX,KAAK,CAACY,SAAS,EACfP,eAAe,EACfC,qBAAqB,CACtB,CAAC;EAEF,MAAMQ,OAAO,GAAGnB,WAAW,CAAC,MAAM;IAChCU,eAAe,CAAC;MACdI,IAAI,EAAE,kBAAkB;MACxBC,OAAO,EAAE;QAAET;MAAS;IACtB,CAAC,CAAC;IACFM,wBAAwB,CAAC;MAAEN;IAAS,CAAC,CAAC;IACtCE,SAAS,CAACU,OAAO,GAAG,KAAK;EAC3B,CAAC,EAAE,CAACZ,QAAQ,EAAEI,eAAe,EAAEE,wBAAwB,CAAC,CAAC;;EAEzD;EACAX,SAAS,CAAC,MAAM;IACd,IAAI,CAACQ,eAAe,EAAE;MACpB;IACF;IAEA,IAAI,CAACD,SAAS,CAACU,OAAO,EAAE;MACtBL,KAAK,CAAC,CAAC;IACT;IACA;IACA;IACA;IACA;EACF,CAAC,EAAE,CAACP,QAAQ,EAAEG,eAAe,EAAEC,eAAe,EAAEL,KAAK,EAAEc,OAAO,EAAEN,KAAK,CAAC,CAAC;AACzE,CAAC;AAED,eAAeT,yBAAyB","ignoreList":[]}
+{"version":3,"names":["useEffect","useWebObjectMountOnLaunch","props","objectId","mount","unmount"],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectMountOnLaunch.ts"],"mappings":";;AAAA,SAA+BA,SAAS,QAAQ,OAAO;AAIvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,yBAAyB,GAAGA,CAChCC,KAA6B,EAC7BC,QAAgB,EAChBC,KAAuD,EACvDC,OAAyD,KACtD;EACH;EACAL,SAAS,CAAC,MAAM;IACdI,KAAK,CAAC,CAAC;IACP;IACA;IACA;IACA;EACF,CAAC,EAAE,CAACD,QAAQ,EAAED,KAAK,EAAEE,KAAK,EAAEC,OAAO,CAAC,CAAC;AACvC,CAAC;AAED,eAAeJ,yBAAyB","ignoreList":[]}

package/lib/module/react-native/components-factory/hooks/useWebObjectMountUnmountCallbacks.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+import useMapAtoms from "../../hooks/atoms/useMapAtoms.js";
+/**
+ * @param props - The RN object props.
+ * @param objectId - The ID of the web object that owns the method.
+ * @param objectType - The type of the associated web object.
+ * @returns – The callbacks used to mount and unmount the web object. They
+ *  internally handle edge cases where execution must be prevented, with no
+ *  external management required. They allow (un)mounting the web objects with
+ *  their options, but also their listeners.
+ */
+const useWebObjectMountUnmountCallbacks = (props, objectId, objectType) => {
+  // Refs.
+  const areOptionsMounted = useRef(false);
+  const areListenersMounted = useRef(false);
+  // States.
+  // - Global.
+  const {
+    isWebWorldReady,
+    dispatchMessage,
+    setWebObjectListeners,
+    deleteWebObjectListeners
+  } = useMapAtoms();
+  const mount = useCallback(({
+    options = true,
+    listeners = true
+  } = {}) => {
+    if (!isWebWorldReady) {
+      return;
+    }
+    // Mount the component as a web object within the web world.
+    if (options && !areOptionsMounted.current) {
+      dispatchMessage({
+        type: `webObjectMount`,
+        payload: {
+          objectId: objectId,
+          objectType,
+          options: props.options ?? {},
+          listeners: props.listeners ?? {}
+        }
+      });
+      areOptionsMounted.current = true;
+    }
+    // Register listeners on event from the web world.
+    if (listeners && !areListenersMounted.current) {
+      setWebObjectListeners({
+        objectId: objectId,
+        listeners: props.listeners ?? {}
+      });
+      areListenersMounted.current = true;
+    }
+  }, [objectId, objectType, props.options, props.listeners, isWebWorldReady, dispatchMessage, setWebObjectListeners]);
+  const unmount = useCallback(({
+    options = true,
+    listeners = true
+  } = {}) => {
+    if (!isWebWorldReady) {
+      return;
+    }
+    // Mount the component as a web object within the web world.
+    if (options && areOptionsMounted.current) {
+      dispatchMessage({
+        type: `webObjectUnmount`,
+        payload: {
+          objectId
+        }
+      });
+      areOptionsMounted.current = false;
+    }
+    // Register listeners on event from the web world.
+    if (listeners && areListenersMounted.current) {
+      deleteWebObjectListeners({
+        objectId
+      });
+      areListenersMounted.current = false;
+    }
+  }, [objectId, isWebWorldReady, dispatchMessage, deleteWebObjectListeners]);
+  return {
+    mount,
+    unmount
+  };
+};
+export default useWebObjectMountUnmountCallbacks;
+//# sourceMappingURL=useWebObjectMountUnmountCallbacks.js.map

package/lib/module/react-native/components-factory/hooks/useWebObjectMountUnmountCallbacks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useMapAtoms","useWebObjectMountUnmountCallbacks","props","objectId","objectType","areOptionsMounted","areListenersMounted","isWebWorldReady","dispatchMessage","setWebObjectListeners","deleteWebObjectListeners","mount","options","listeners","current","type","payload","unmount"],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectMountUnmountCallbacks.ts"],"mappings":";;AACA,SAA+BA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAEjE,OAAOC,WAAW,MAAM,kCAA+B;AAGvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iCAAiC,GAAGA,CAGxCC,KAA6B,EAC7BC,QAAgB,EAChBC,UAAyB,KACtB;EACH;EACA,MAAMC,iBAAiB,GAAGN,MAAM,CAAU,KAAK,CAAC;EAChD,MAAMO,mBAAmB,GAAGP,MAAM,CAAU,KAAK,CAAC;EAClD;EACA;EACA,MAAM;IACJQ,eAAe;IACfC,eAAe;IACfC,qBAAqB;IACrBC;EACF,CAAC,GAAGV,WAAW,CAAC,CAAC;EAEjB,MAAMW,KAAK,GAAGb,WAAW,CACvB,CAAC;IACCc,OAAO,GAAG,IAAI;IACdC,SAAS,GAAG;EACgB,CAAC,GAAG,CAAC,CAAC,KAAK;IACvC,IAAI,CAACN,eAAe,EAAE;MACpB;IACF;IACA;IACA,IAAIK,OAAO,IAAI,CAACP,iBAAiB,CAACS,OAAO,EAAE;MACzCN,eAAe,CAAC;QACdO,IAAI,EAAE,gBAAgB;QACtBC,OAAO,EAAE;UACPb,QAAQ,EAAEA,QAAQ;UAClBC,UAAU;UACVQ,OAAO,EAAEV,KAAK,CAACU,OAAO,IAAI,CAAC,CAAC;UAC5BC,SAAS,EAAEX,KAAK,CAACW,SAAS,IAAI,CAAC;QACjC;MACF,CAAC,CAAC;MACFR,iBAAiB,CAACS,OAAO,GAAG,IAAI;IAClC;IACA;IACA,IAAID,SAAS,IAAI,CAACP,mBAAmB,CAACQ,OAAO,EAAE;MAC7CL,qBAAqB,CAAC;QACpBN,QAAQ,EAAEA,QAAQ;QAClBU,SAAS,EAAEX,KAAK,CAACW,SAAS,IAAI,CAAC;MACjC,CAAC,CAAC;MACFP,mBAAmB,CAACQ,OAAO,GAAG,IAAI;IACpC;EACF,CAAC,EACD,CACEX,QAAQ,EACRC,UAAU,EACVF,KAAK,CAACU,OAAO,EACbV,KAAK,CAACW,SAAS,EACfN,eAAe,EACfC,eAAe,EACfC,qBAAqB,CAEzB,CAAC;EAED,MAAMQ,OAAO,GAAGnB,WAAW,CACzB,CAAC;IACCc,OAAO,GAAG,IAAI;IACdC,SAAS,GAAG;EACgB,CAAC,GAAG,CAAC,CAAC,KAAK;IACvC,IAAI,CAACN,eAAe,EAAE;MACpB;IACF;IACA;IACA,IAAIK,OAAO,IAAIP,iBAAiB,CAACS,OAAO,EAAE;MACxCN,eAAe,CAAC;QACdO,IAAI,EAAE,kBAAkB;QACxBC,OAAO,EAAE;UAAEb;QAAS;MACtB,CAAC,CAAC;MACFE,iBAAiB,CAACS,OAAO,GAAG,KAAK;IACnC;IACA;IACA,IAAID,SAAS,IAAIP,mBAAmB,CAACQ,OAAO,EAAE;MAC5CJ,wBAAwB,CAAC;QAAEP;MAAS,CAAC,CAAC;MACtCG,mBAAmB,CAACQ,OAAO,GAAG,KAAK;IACrC;EACF,CAAC,EACD,CAACX,QAAQ,EAAEI,eAAe,EAAEC,eAAe,EAAEE,wBAAwB,CACvE,CAAC;EAED,OAAO;IAAEC,KAAK;IAAEM;EAAQ,CAAC;AAC3B,CAAC;AAED,eAAehB,iCAAiC","ignoreList":[]}

package/lib/module/react-native/components-factory/hooks/useWebObjectMountUnmountCallbacks.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=useWebObjectMountUnmountCallbacks.types.js.map

package/lib/module/react-native/components-factory/hooks/useWebObjectMountUnmountCallbacks.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectMountUnmountCallbacks.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/react-native/components-factory/hooks/useWebObjectPropertiesUpdater.js

@@ -1,14 +1,35 @@
 "use strict";
 
-import { useEffect } from 'react';
-export const useWebObjectPropertiesUpdater = (props, id) => {
+import { useEffect, useMemo, useRef } from 'react';
+import { stableStringify } from "../../hooks/atoms/useMapAtoms.utils.js";
+/**
+ * Propagate any change in the component props to the web world, by unmounting
+ * and mounting the web object with the new options.
+ * @param props - The RN object props.
+ * @param mount - Callback.
+ * @param unmount - Callback.
+ */
+export const useWebObjectPropertiesUpdater = (props, mount, unmount) => {
   // Refs.
-  //const previousProps = useRef<Record<string, any>>({})
+  const optionsAsStringPrevious = useRef('');
+  const optionsAsString = useMemo(() => stableStringify(props.options), [props]);
 
+  // Mount options only when they have changed (mounted in the web world).
+  // Listeners are always mounted: they are inexpensive (mounted in the RN
+  // world) and cannot be reliably compared when declared inline in the
+  // component, as they change on every render.
   useEffect(() => {
-    // TODO compare previous and new props and update only if new.
-    return;
-  }, [id, props]);
+    const areOptionsEqual = optionsAsStringPrevious.current === optionsAsString;
+    unmount({
+      options: !areOptionsEqual,
+      listeners: true
+    });
+    mount({
+      options: !areOptionsEqual,
+      listeners: true
+    });
+    optionsAsStringPrevious.current = optionsAsString;
+  }, [mount, unmount, optionsAsStringPrevious, optionsAsString, props.listeners]);
 };
 export default useWebObjectPropertiesUpdater;
 //# sourceMappingURL=useWebObjectPropertiesUpdater.js.map

package/lib/module/react-native/components-factory/hooks/useWebObjectPropertiesUpdater.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useWebObjectPropertiesUpdater","props","id"],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectPropertiesUpdater.ts"],"mappings":";;AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,OAAO,MAAMC,6BAA6B,GAAGA,CAG3CC,KAAY,EACZC,EAAU,KACP;EACH;EACA;;EAEAH,SAAS,CAAC,MAAM;IACd;IACA;EACF,CAAC,EAAE,CAACG,EAAE,EAAED,KAAK,CAAC,CAAC;AACjB,CAAC;AAED,eAAeD,6BAA6B","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useRef","stableStringify","useWebObjectPropertiesUpdater","props","mount","unmount","optionsAsStringPrevious","optionsAsString","options","areOptionsEqual","current","listeners"],"sourceRoot":"../../../../../src","sources":["react-native/components-factory/hooks/useWebObjectPropertiesUpdater.ts"],"mappings":";;AACA,SAA+BA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACxE,SAASC,eAAe,QAAQ,wCAAqC;AAGrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,6BAA6B,GAAGA,CAG3CC,KAA6B,EAC7BC,KAAuD,EACvDC,OAAyD,KACtD;EACH;EACA,MAAMC,uBAAuB,GAAGN,MAAM,CAAS,EAAE,CAAC;EAElD,MAAMO,eAAe,GAAGR,OAAO,CAAC,MAAME,eAAe,CAACE,KAAK,CAACK,OAAO,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;;EAE9E;EACA;EACA;EACA;EACAL,SAAS,CAAC,MAAM;IACd,MAAMW,eAAe,GAAGH,uBAAuB,CAACI,OAAO,KAAKH,eAAe;IAC3EF,OAAO,CAAC;MAAEG,OAAO,EAAE,CAACC,eAAe;MAAEE,SAAS,EAAE;IAAK,CAAC,CAAC;IACvDP,KAAK,CAAC;MAAEI,OAAO,EAAE,CAACC,eAAe;MAAEE,SAAS,EAAE;IAAK,CAAC,CAAC;IACrDL,uBAAuB,CAACI,OAAO,GAAGH,eAAe;EACnD,CAAC,EAAE,CACDH,KAAK,EACLC,OAAO,EACPC,uBAAuB,EACvBC,eAAe,EACfJ,KAAK,CAACQ,SAAS,CAChB,CAAC;AACJ,CAAC;AAED,eAAeT,6BAA6B","ignoreList":[]}

package/lib/module/react-native/hooks/atoms/useMapAtoms.utils.js

@@ -2,17 +2,31 @@
 
 /**
  * Stable stringify for messages that may contain functions. Keep the function
- * members as '...' to allow identification of the object type (by default a
+ * members as '...' to allow identification of the object type (by default, a
  * function cannot be stringified and is removed from the final string).
+ * Keys are sorted alphabetically to ensure consistent output.
  * @param message - The message to be stringified.
  * @returns - The stringified message.
  */
 export const stableStringify = message => {
-  return JSON.stringify(message, (_, value) => {
+  const replacer = (_, value) => {
     if (typeof value === 'function') {
       return '...';
     }
     return value;
-  });
+  };
+  const sortKeys = obj => {
+    if (Array.isArray(obj)) {
+      return obj.map(sortKeys);
+    } else if (obj !== null && typeof obj === 'object') {
+      const sortedObj = {};
+      Object.keys(obj).sort().forEach(key => {
+        sortedObj[key] = sortKeys(obj[key]);
+      });
+      return sortedObj;
+    }
+    return obj;
+  };
+  return JSON.stringify(sortKeys(message), replacer);
 };
 //# sourceMappingURL=useMapAtoms.utils.js.map

package/lib/module/react-native/hooks/atoms/useMapAtoms.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["stableStringify","message","JSON","stringify","_","value"],"sourceRoot":"../../../../../src","sources":["react-native/hooks/atoms/useMapAtoms.utils.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,eAAe,GAAIC,OAAY,IAAa;EACvD,OAAOC,IAAI,CAACC,SAAS,CAACF,OAAO,EAAE,CAACG,CAAC,EAAEC,KAAK,KAAK;IAC3C,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;MAC/B,OAAO,KAAK;IACd;IACA,OAAOA,KAAK;EACd,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["stableStringify","message","replacer","_","value","sortKeys","obj","Array","isArray","map","sortedObj","Object","keys","sort","forEach","key","JSON","stringify"],"sourceRoot":"../../../../../src","sources":["react-native/hooks/atoms/useMapAtoms.utils.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,eAAe,GAAIC,OAAY,IAAa;EACvD,MAAMC,QAAQ,GAAGA,CAACC,CAAS,EAAEC,KAAU,KAAK;IAC1C,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;MAC/B,OAAO,KAAK;IACd;IACA,OAAOA,KAAK;EACd,CAAC;EAED,MAAMC,QAAQ,GAAIC,GAAQ,IAAU;IAClC,IAAIC,KAAK,CAACC,OAAO,CAACF,GAAG,CAAC,EAAE;MACtB,OAAOA,GAAG,CAACG,GAAG,CAACJ,QAAQ,CAAC;IAC1B,CAAC,MAAM,IAAIC,GAAG,KAAK,IAAI,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;MAClD,MAAMI,SAA8B,GAAG,CAAC,CAAC;MACzCC,MAAM,CAACC,IAAI,CAACN,GAAG,CAAC,CACbO,IAAI,CAAC,CAAC,CACNC,OAAO,CAAEC,GAAG,IAAK;QAChBL,SAAS,CAACK,GAAG,CAAC,GAAGV,QAAQ,CAACC,GAAG,CAACS,GAAG,CAAC,CAAC;MACrC,CAAC,CAAC;MACJ,OAAOL,SAAS;IAClB;IACA,OAAOJ,GAAG;EACZ,CAAC;EAED,OAAOU,IAAI,CAACC,SAAS,CAACZ,QAAQ,CAACJ,OAAO,CAAC,EAAEC,QAAQ,CAAC;AACpD,CAAC","ignoreList":[]}

package/lib/module/web/generated/webview_static_html.js

@@ -23359,6 +23359,11 @@ uniform mat4 u_projection_matrix;
             message.payload.objectId,
             message.payload.listeners
           );
+          this.#objects.entries().forEach(([, object]) => {
+            if (!(object instanceof import_maplibre_gl.default.Map)) {
+              object.addTo(map);
+            }
+          });
           break;
         }
         case "marker": {
@@ -23420,8 +23425,6 @@ uniform mat4 u_projection_matrix;
       if (!this.#runIfSpecialMethod(message, object)) {
         result = await this.#runNormalMethod(message, object);
       }
-      if (!(object instanceof import_maplibre_gl.default.Map)) {
-      }
       this.reactNativeBridge.postMessage({
         type: "webObjectMethodResponse",
         payload: { requestId: message.payload.requestId, result }