@expofp/renderer 3.32.0 → 3.33.0

package/dist/debug/components/DebugPanelProvider.js

@@ -22,7 +22,19 @@ export function DebugPanelProvider(props) {
     // nothing here closes over the entries themselves.
     const panel = {
         set(key, value) {
-            setEntries((prev) => key in prev && Object.is(prev[key], value) ? prev : { ...prev, [key]: value });
+            setEntries((prev) => {
+                // An existing key keeps the slot it already holds, because the spread writes it in place.
+                if (key in prev)
+                    return Object.is(prev[key], value) ? prev : { ...prev, [key]: value };
+                // A key arrives for the first time, so rebuild the object in name order. Insertion order is
+                // what the readout prints, and a key that a publisher removes on unmount would otherwise
+                // come back at the bottom. `Object.fromEntries` needs Chrome 73, so build the object here.
+                const next = {};
+                for (const name of [...Object.keys(prev), key].sort()) {
+                    next[name] = name === key ? value : prev[name];
+                }
+                return next;
+            });
         },
         remove(key) {
             setEntries((prev) => {

package/dist/debug/components/Panel.js

@@ -34,7 +34,13 @@ function PanelView(props) {
             const keys = Object.keys(value);
             valueToSerialize = keys.length === 1 ? value[keys[0]] : value;
         }
-        return JSON.stringify(valueToSerialize, replacer, 2).replaceAll('"', '');
+        // `JSON.stringify` returns `undefined`, not a string, for a value that JSON cannot hold: the
+        // value `undefined` itself, or a function. The unwrap above exposes such a value, because a
+        // lone entry becomes the whole value. A wrapper of two entries hides it, because
+        // `JSON.stringify` drops the key. An empty string keeps the readout blank, so a publisher can
+        // push any value and the panel still renders.
+        const json = JSON.stringify(valueToSerialize, replacer, 2) ?? '';
+        return json.replaceAll('"', '');
     }
     return (_jsxs("div", { className: `${styles.container} ${styles[corner]}`, children: [_jsxs("button", { className: styles.toggle, onClick: () => setIsOpen((open) => !open), children: [isOpen ? 'Hide' : 'Show', " ", label] }), isOpen && _jsx("div", { className: styles.info, children: serialize() })] }));
 }

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { type CameraAPI, type CameraAxes, type CameraState, type ControlsConfig, type InertiaConfig, type PanConfig, type RollConfig, type TransitionOptions, useCameraAPI, useCameraMoveStart, useCameraState, type ZoomToOptions, } from './controls';
 export { prepareDebug } from './debug/debug-chunk';
+export { useDebugPanel } from './debug/debug-context';
 export * from './Renderer';
 export { type CameraProps, type SmoothTime } from './space/Camera';
 export { type CanvasPoint, type CanvasPointLike, type PlanPoint, type PlanPointLike, } from './space/Space';

package/dist/index.js

@@ -4,6 +4,8 @@
 export { useCameraAPI, useCameraMoveStart, useCameraState, } from './controls';
 // The debug chunk's preload, for an external host that must create its context instrumented.
 export { prepareDebug } from './debug/debug-chunk';
+// Publishing a host's own values into the debug panel.
+export { useDebugPanel } from './debug/debug-context';
 export * from './Renderer';
 export { useViewport } from './space/viewport';
 export * from './types/defs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expofp/renderer",
-  "version": "3.32.0",
+  "version": "3.33.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/expofp/efp-app.git",
@@ -42,7 +42,7 @@
     "troika-three-text": "^0.52.5",
     "tslib": "^2.3.0",
     "webgl-memory": "^1.1.3",
-    "@expofp/geometry": "3.32.0"
+    "@expofp/geometry": "3.33.0"
   },
   "devDependencies": {
     "@react-three/test-renderer": "^9.1.0",