@almadar/ui 4.51.9 → 4.51.11

package/dist/avl/index.cjs

@@ -13697,12 +13697,12 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect87, useRef: useRef87, useCallback: useCallback126, useState: useState120 } = React93__namespace.default;
+      const { useEffect: useEffect87, useRef: useRef88, useCallback: useCallback126, useState: useState120 } = React93__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef87({ centerLat, centerLng, zoom });
+        const prevRef = useRef88({ centerLat, centerLng, zoom });
         useEffect87(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
@@ -59058,17 +59058,25 @@ function BrowserPlayground({
   const [runtime] = React93.useState(
     () => new OrbitalServerRuntime.OrbitalServerRuntime({ mode, debug: false })
   );
-  React93.useEffect(() => {
+  const registrationReady = React93.useMemo(() => {
     const orbitalNames = schema.orbitals.map((o) => o.name);
     playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
-    void runtime.register(schema).then(() => {
+    return runtime.register(schema).then(() => {
       playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
     });
   }, [runtime, schema]);
+  const teardownTimerRef = React93.useRef(null);
   React93.useEffect(() => {
+    if (teardownTimerRef.current !== null) {
+      clearTimeout(teardownTimerRef.current);
+      teardownTimerRef.current = null;
+    }
     return () => {
-      playgroundLog.debug("unregisterAll:unmount");
-      runtime.unregisterAll();
+      teardownTimerRef.current = setTimeout(() => {
+        teardownTimerRef.current = null;
+        playgroundLog.debug("unregisterAll:unmount");
+        runtime.unregisterAll();
+      }, 0);
     };
   }, [runtime]);
   const transport = React93.useMemo(() => ({
@@ -59080,12 +59088,13 @@ function BrowserPlayground({
       runtime.unregisterAll();
     },
     sendEvent: async (orbitalName, event, payload) => {
+      await registrationReady;
       return runtime.processOrbitalEvent(orbitalName, {
         event,
         payload
       });
     }
-  }), [runtime]);
+  }), [runtime, registrationReady]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     OrbPreview,
     {

package/dist/avl/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { OrbitControls as OrbitControls$1, Grid as Grid$1, Stars, Sparkles, Html, RoundedBox } from '@react-three/drei';
 import * as React93 from 'react';
-import React93__default, { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback, Suspense, useLayoutEffect, Profiler, useReducer, lazy, useId, forwardRef, useImperativeHandle, Component } from 'react';
+import React93__default, { createContext, useState, useMemo, useRef, useEffect, useContext, useCallback, Suspense, useLayoutEffect, Profiler, useReducer, lazy, useId, forwardRef, useImperativeHandle, Component } from 'react';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import ELK from 'elkjs/lib/elk.bundled.js';
 import { MarkerType, Handle, Position, getBezierPath, EdgeLabelRenderer, BaseEdge, ReactFlowProvider, useNodesState, useEdgesState, useReactFlow, ReactFlow, Controls, Background, BackgroundVariant } from '@xyflow/react';
@@ -13651,12 +13651,12 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect87, useRef: useRef87, useCallback: useCallback126, useState: useState120 } = React93__default;
+      const { useEffect: useEffect87, useRef: useRef88, useCallback: useCallback126, useState: useState120 } = React93__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef87({ centerLat, centerLng, zoom });
+        const prevRef = useRef88({ centerLat, centerLng, zoom });
         useEffect87(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
@@ -59012,17 +59012,25 @@ function BrowserPlayground({
   const [runtime] = useState(
     () => new OrbitalServerRuntime({ mode, debug: false })
   );
-  useEffect(() => {
+  const registrationReady = useMemo(() => {
     const orbitalNames = schema.orbitals.map((o) => o.name);
     playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
-    void runtime.register(schema).then(() => {
+    return runtime.register(schema).then(() => {
       playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
     });
   }, [runtime, schema]);
+  const teardownTimerRef = useRef(null);
   useEffect(() => {
+    if (teardownTimerRef.current !== null) {
+      clearTimeout(teardownTimerRef.current);
+      teardownTimerRef.current = null;
+    }
     return () => {
-      playgroundLog.debug("unregisterAll:unmount");
-      runtime.unregisterAll();
+      teardownTimerRef.current = setTimeout(() => {
+        teardownTimerRef.current = null;
+        playgroundLog.debug("unregisterAll:unmount");
+        runtime.unregisterAll();
+      }, 0);
     };
   }, [runtime]);
   const transport = useMemo(() => ({
@@ -59034,12 +59042,13 @@ function BrowserPlayground({
       runtime.unregisterAll();
     },
     sendEvent: async (orbitalName, event, payload) => {
+      await registrationReady;
       return runtime.processOrbitalEvent(orbitalName, {
         event,
         payload
       });
     }
-  }), [runtime]);
+  }), [runtime, registrationReady]);
   return /* @__PURE__ */ jsx(
     OrbPreview,
     {

package/dist/runtime/index.cjs

@@ -9210,12 +9210,12 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect68, useRef: useRef64, useCallback: useCallback110, useState: useState98 } = React80__namespace.default;
+      const { useEffect: useEffect68, useRef: useRef65, useCallback: useCallback110, useState: useState98 } = React80__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef64({ centerLat, centerLng, zoom });
+        const prevRef = useRef65({ centerLat, centerLng, zoom });
         useEffect68(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
@@ -46949,17 +46949,25 @@ function BrowserPlayground({
   const [runtime] = React80.useState(
     () => new OrbitalServerRuntime.OrbitalServerRuntime({ mode, debug: false })
   );
-  React80.useEffect(() => {
+  const registrationReady = React80.useMemo(() => {
     const orbitalNames = schema.orbitals.map((o) => o.name);
     playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
-    void runtime.register(schema).then(() => {
+    return runtime.register(schema).then(() => {
       playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
     });
   }, [runtime, schema]);
+  const teardownTimerRef = React80.useRef(null);
   React80.useEffect(() => {
+    if (teardownTimerRef.current !== null) {
+      clearTimeout(teardownTimerRef.current);
+      teardownTimerRef.current = null;
+    }
     return () => {
-      playgroundLog.debug("unregisterAll:unmount");
-      runtime.unregisterAll();
+      teardownTimerRef.current = setTimeout(() => {
+        teardownTimerRef.current = null;
+        playgroundLog.debug("unregisterAll:unmount");
+        runtime.unregisterAll();
+      }, 0);
     };
   }, [runtime]);
   const transport = React80.useMemo(() => ({
@@ -46971,12 +46979,13 @@ function BrowserPlayground({
       runtime.unregisterAll();
     },
     sendEvent: async (orbitalName, event, payload) => {
+      await registrationReady;
       return runtime.processOrbitalEvent(orbitalName, {
         event,
         payload
       });
     }
-  }), [runtime]);
+  }), [runtime, registrationReady]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     OrbPreview,
     {

package/dist/runtime/index.js

@@ -9164,12 +9164,12 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect68, useRef: useRef64, useCallback: useCallback110, useState: useState98 } = React80__default;
+      const { useEffect: useEffect68, useRef: useRef65, useCallback: useCallback110, useState: useState98 } = React80__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef64({ centerLat, centerLng, zoom });
+        const prevRef = useRef65({ centerLat, centerLng, zoom });
         useEffect68(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
@@ -46903,17 +46903,25 @@ function BrowserPlayground({
   const [runtime] = useState(
     () => new OrbitalServerRuntime({ mode, debug: false })
   );
-  useEffect(() => {
+  const registrationReady = useMemo(() => {
     const orbitalNames = schema.orbitals.map((o) => o.name);
     playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
-    void runtime.register(schema).then(() => {
+    return runtime.register(schema).then(() => {
       playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
     });
   }, [runtime, schema]);
+  const teardownTimerRef = useRef(null);
   useEffect(() => {
+    if (teardownTimerRef.current !== null) {
+      clearTimeout(teardownTimerRef.current);
+      teardownTimerRef.current = null;
+    }
     return () => {
-      playgroundLog.debug("unregisterAll:unmount");
-      runtime.unregisterAll();
+      teardownTimerRef.current = setTimeout(() => {
+        teardownTimerRef.current = null;
+        playgroundLog.debug("unregisterAll:unmount");
+        runtime.unregisterAll();
+      }, 0);
     };
   }, [runtime]);
   const transport = useMemo(() => ({
@@ -46925,12 +46933,13 @@ function BrowserPlayground({
       runtime.unregisterAll();
     },
     sendEvent: async (orbitalName, event, payload) => {
+      await registrationReady;
       return runtime.processOrbitalEvent(orbitalName, {
         event,
         payload
       });
     }
-  }), [runtime]);
+  }), [runtime, registrationReady]);
   return /* @__PURE__ */ jsx(
     OrbPreview,
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.51.9",
+  "version": "4.51.11",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [