@noya-app/noya-multiplayer-react 0.1.82 → 0.1.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noya-app/noya-multiplayer-react",
-  "version": "0.1.82",
+  "version": "0.1.84",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -11,7 +11,7 @@
     "dev": "npm run build -- --watch"
   },
   "dependencies": {
-    "@noya-app/state-manager": "0.1.65",
+    "@noya-app/state-manager": "0.1.66",
     "@noya-app/emitter": "0.1.0",
     "@noya-app/observable": "0.1.12",
     "@noya-app/task-runner": "0.1.7",

package/src/inspector/StateInspector.test.tsx

@@ -0,0 +1,18 @@
+import { afterEach, expect, it } from "bun:test";
+import { NoyaManager } from "@noya-app/state-manager";
+import { cleanup, render } from "@testing-library/react";
+import { StateInspector } from "./StateInspector";
+
+afterEach(() => {
+  cleanup();
+  localStorage.clear();
+});
+
+it("can default to collapsed", () => {
+  const noyaManager = new NoyaManager({});
+  const view = render(
+    <StateInspector noyaManager={noyaManager} defaultCollapsed />
+  );
+
+  expect(view.queryByText("Users")).toBeNull();
+});

package/src/inspector/StateInspector.tsx

@@ -48,6 +48,7 @@ export type StateInspectorOptions = {
   colorScheme?: "light" | "dark";
   anchor?: StateInspectorAnchor;
   advanced?: boolean;
+  defaultCollapsed?: boolean;
 };
 
 export const StateInspector = memoGeneric(function StateInspector<
@@ -62,6 +63,7 @@ export const StateInspector = memoGeneric(function StateInspector<
   anchor = "right",
   unstyled = false,
   advanced = false,
+  defaultCollapsed = false,
   ...props
 }: {
   noyaManager: NoyaManager<S, M, E, MenuT, I>;
@@ -99,7 +101,7 @@ export const StateInspector = memoGeneric(function StateInspector<
 
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
-    true
+    !defaultCollapsed
   );
   const [showEvents, setShowEvents] = useLocalStorageState(
     "noya-multiplayer-react-show-events",

package/src/inspector/useStateInspector.tsx

@@ -40,12 +40,14 @@ export function useStateInspector<
   noyaManager,
   disabled = false,
   advanced = false,
+  defaultCollapsed = false,
   colorScheme,
   anchor,
 }: {
   noyaManager: NoyaManager<S, M, E, MenuT, I>;
   disabled?: boolean;
   advanced?: boolean;
+  defaultCollapsed?: boolean;
   colorScheme?: ComponentProps<typeof StateInspector>["colorScheme"];
   anchor?: ComponentProps<typeof StateInspector>["anchor"];
 }) {
@@ -70,7 +72,8 @@ export function useStateInspector<
         anchor={anchor}
         noyaManager={noyaManager}
         advanced={advanced}
+        defaultCollapsed={defaultCollapsed}
       />
     );
-  }, [noyaManager, anchor, colorScheme, root, advanced]);
+  }, [noyaManager, anchor, colorScheme, root, advanced, defaultCollapsed]);
 }

package/src/singleton.tsx

@@ -139,6 +139,11 @@ export function initializeNoyaSingleton<
         advanced={
           resolvedInspector === true ? false : resolvedInspector.advanced
         }
+        defaultCollapsed={
+          resolvedInspector === true
+            ? false
+            : resolvedInspector.defaultCollapsed
+        }
       />
     );
   }