@noya-app/noya-multiplayer-react 0.1.73 → 0.1.74

package/dist/index.mjs

@@ -4628,6 +4628,9 @@ import {
   localStorageSync,
   NoyaManager as NoyaManager3,
   parentFrameSync,
+  setClientId,
+  setClientImage,
+  setClientName,
   stubSync as stubSync2,
   TypeGuard,
   webSocketSync
@@ -6336,6 +6339,10 @@ var StateInspector = memoGeneric(function StateInspector2({
     "noya-multiplayer-react-show-users",
     true
   );
+  const [showUserDetails, setShowUserDetails] = useLocalStorageState(
+    "noya-multiplayer-react-show-user-details",
+    false
+  );
   const [showData, setShowData] = useLocalStorageState(
     "noya-multiplayer-react-show-data",
     true
@@ -6503,9 +6510,17 @@ var StateInspector = memoGeneric(function StateInspector2({
         colorScheme,
         style: {
           flex: "0 0 auto",
-          maxHeight: "200px"
+          maxHeight: "50%",
+          overflowY: "auto"
         },
-        right: /* @__PURE__ */ React15.createElement(
+        right: /* @__PURE__ */ React15.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React15.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: () => setShowUserDetails(!showUserDetails)
+          },
+          "Toggle details"
+        ), /* @__PURE__ */ React15.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -6513,10 +6528,9 @@ var StateInspector = memoGeneric(function StateInspector2({
             theme,
             anchor
           }
-        )
+        ))
       },
       /* @__PURE__ */ React15.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => {
-        const identifier = user.userId ?? user.connectionId;
         return /* @__PURE__ */ React15.createElement(
           StateInspectorRow,
           {
@@ -6542,10 +6556,7 @@ var StateInspector = memoGeneric(function StateInspector2({
               }
             }
           ),
-          user.name,
-          " (",
-          ellipsis(identifier, 8, "middle"),
-          ")"
+          showUserDetails ? /* @__PURE__ */ React15.createElement(ObjectInspector5, { data: user, theme }) : user.name
         );
       }), !connectedUsers && /* @__PURE__ */ React15.createElement(
         "div",
@@ -7150,6 +7161,17 @@ function parseAppDataParameter(options) {
     return null;
   }
 }
+function applyClientIdentityFromAppData(appData) {
+  if (appData.clientId !== void 0) {
+    setClientId(appData.clientId);
+  }
+  if (appData.clientName !== void 0) {
+    setClientName(appData.clientName);
+  }
+  if (appData.clientImage !== void 0) {
+    setClientImage(appData.clientImage);
+  }
+}
 function getAppData(initialState, schema, options) {
   const resolvedInitialState = initialState instanceof Function ? initialState() : initialState;
   let appData = parseAppDataParameter(options) ?? createDefaultAppData(resolvedInitialState);
@@ -7160,6 +7182,7 @@ function getAppData(initialState, schema, options) {
   appData.isDemo = appData.isDemo ?? false;
   const fallbackAccess = appData.viewType === "editable" ? "write" : "read";
   appData.access = appData.access ?? fallbackAccess;
+  applyClientIdentityFromAppData(appData);
   return appData;
 }
 function getSyncAdapter(params) {