@almadar/ui 4.51.8 → 4.51.10

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) {
@@ -59047,6 +59047,7 @@ function OrbPreview({
   );
 }
 OrbPreview.displayName = "OrbPreview";
+var playgroundLog = logger.createLogger("almadar:ui:browser-playground");
 function BrowserPlayground({
   schema,
   mode = "mock",
@@ -59057,11 +59058,26 @@ function BrowserPlayground({
   const [runtime] = React93.useState(
     () => new OrbitalServerRuntime.OrbitalServerRuntime({ mode, debug: false })
   );
+  const teardownTimerRef = React93.useRef(null);
   React93.useEffect(() => {
-    void runtime.register(schema);
+    if (teardownTimerRef.current !== null) {
+      clearTimeout(teardownTimerRef.current);
+      teardownTimerRef.current = null;
+    }
     return () => {
-      runtime.unregisterAll();
+      teardownTimerRef.current = setTimeout(() => {
+        teardownTimerRef.current = null;
+        playgroundLog.debug("unregisterAll:unmount");
+        runtime.unregisterAll();
+      }, 0);
     };
+  }, [runtime]);
+  React93.useEffect(() => {
+    const orbitalNames = schema.orbitals.map((o) => o.name);
+    playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
+    void runtime.register(schema).then(() => {
+      playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
+    });
   }, [runtime, schema]);
   const transport = React93.useMemo(() => ({
     register: async (s) => {

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, useRef, useEffect, useMemo, 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) {
@@ -59001,6 +59001,7 @@ function OrbPreview({
   );
 }
 OrbPreview.displayName = "OrbPreview";
+var playgroundLog = createLogger("almadar:ui:browser-playground");
 function BrowserPlayground({
   schema,
   mode = "mock",
@@ -59011,11 +59012,26 @@ function BrowserPlayground({
   const [runtime] = useState(
     () => new OrbitalServerRuntime({ mode, debug: false })
   );
+  const teardownTimerRef = useRef(null);
   useEffect(() => {
-    void runtime.register(schema);
+    if (teardownTimerRef.current !== null) {
+      clearTimeout(teardownTimerRef.current);
+      teardownTimerRef.current = null;
+    }
     return () => {
-      runtime.unregisterAll();
+      teardownTimerRef.current = setTimeout(() => {
+        teardownTimerRef.current = null;
+        playgroundLog.debug("unregisterAll:unmount");
+        runtime.unregisterAll();
+      }, 0);
     };
+  }, [runtime]);
+  useEffect(() => {
+    const orbitalNames = schema.orbitals.map((o) => o.name);
+    playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
+    void runtime.register(schema).then(() => {
+      playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
+    });
   }, [runtime, schema]);
   const transport = useMemo(() => ({
     register: async (s) => {

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) {
@@ -46938,6 +46938,7 @@ function OrbPreview({
   );
 }
 OrbPreview.displayName = "OrbPreview";
+var playgroundLog = logger.createLogger("almadar:ui:browser-playground");
 function BrowserPlayground({
   schema,
   mode = "mock",
@@ -46948,11 +46949,26 @@ function BrowserPlayground({
   const [runtime] = React80.useState(
     () => new OrbitalServerRuntime.OrbitalServerRuntime({ mode, debug: false })
   );
+  const teardownTimerRef = React80.useRef(null);
   React80.useEffect(() => {
-    void runtime.register(schema);
+    if (teardownTimerRef.current !== null) {
+      clearTimeout(teardownTimerRef.current);
+      teardownTimerRef.current = null;
+    }
     return () => {
-      runtime.unregisterAll();
+      teardownTimerRef.current = setTimeout(() => {
+        teardownTimerRef.current = null;
+        playgroundLog.debug("unregisterAll:unmount");
+        runtime.unregisterAll();
+      }, 0);
     };
+  }, [runtime]);
+  React80.useEffect(() => {
+    const orbitalNames = schema.orbitals.map((o) => o.name);
+    playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
+    void runtime.register(schema).then(() => {
+      playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
+    });
   }, [runtime, schema]);
   const transport = React80.useMemo(() => ({
     register: async (s) => {

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) {
@@ -46892,6 +46892,7 @@ function OrbPreview({
   );
 }
 OrbPreview.displayName = "OrbPreview";
+var playgroundLog = createLogger("almadar:ui:browser-playground");
 function BrowserPlayground({
   schema,
   mode = "mock",
@@ -46902,11 +46903,26 @@ function BrowserPlayground({
   const [runtime] = useState(
     () => new OrbitalServerRuntime({ mode, debug: false })
   );
+  const teardownTimerRef = useRef(null);
   useEffect(() => {
-    void runtime.register(schema);
+    if (teardownTimerRef.current !== null) {
+      clearTimeout(teardownTimerRef.current);
+      teardownTimerRef.current = null;
+    }
     return () => {
-      runtime.unregisterAll();
+      teardownTimerRef.current = setTimeout(() => {
+        teardownTimerRef.current = null;
+        playgroundLog.debug("unregisterAll:unmount");
+        runtime.unregisterAll();
+      }, 0);
     };
+  }, [runtime]);
+  useEffect(() => {
+    const orbitalNames = schema.orbitals.map((o) => o.name);
+    playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
+    void runtime.register(schema).then(() => {
+      playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
+    });
   }, [runtime, schema]);
   const transport = useMemo(() => ({
     register: async (s) => {

package/package.json

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