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

package/dist/index.d.mts

@@ -149,6 +149,9 @@ type AppData<State> = {
     userId?: string;
     isDemo: boolean;
     access?: AccessType;
+    clientId?: string;
+    clientName?: string;
+    clientImage?: string;
 };
 declare function createDefaultAppData<State>(initialState: State): AppData<State>;
 type GetAppDataOptions = {

package/dist/index.d.ts

@@ -149,6 +149,9 @@ type AppData<State> = {
     userId?: string;
     isDemo: boolean;
     access?: AccessType;
+    clientId?: string;
+    clientName?: string;
+    clientImage?: string;
 };
 declare function createDefaultAppData<State>(initialState: State): AppData<State>;
 type GetAppDataOptions = {

package/dist/index.js

@@ -6378,6 +6378,10 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
     "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
@@ -6545,9 +6549,17 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
         colorScheme,
         style: {
           flex: "0 0 auto",
-          maxHeight: "200px"
+          maxHeight: "50%",
+          overflowY: "auto"
         },
-        right: /* @__PURE__ */ import_react15.default.createElement(
+        right: /* @__PURE__ */ import_react15.default.createElement("span", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ import_react15.default.createElement(
+          StateInspectorButton,
+          {
+            theme,
+            onClick: () => setShowUserDetails(!showUserDetails)
+          },
+          "Toggle details"
+        ), /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorToggleButton,
           {
             showInspector,
@@ -6555,10 +6567,9 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
             theme,
             anchor
           }
-        )
+        ))
       },
       /* @__PURE__ */ import_react15.default.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => {
-        const identifier = user.userId ?? user.connectionId;
         return /* @__PURE__ */ import_react15.default.createElement(
           StateInspectorRow,
           {
@@ -6584,10 +6595,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
               }
             }
           ),
-          user.name,
-          " (",
-          ellipsis(identifier, 8, "middle"),
-          ")"
+          showUserDetails ? /* @__PURE__ */ import_react15.default.createElement(import_react_inspector7.ObjectInspector, { data: user, theme }) : user.name
         );
       }), !connectedUsers && /* @__PURE__ */ import_react15.default.createElement(
         "div",
@@ -7192,6 +7200,17 @@ function parseAppDataParameter(options) {
     return null;
   }
 }
+function applyClientIdentityFromAppData(appData) {
+  if (appData.clientId !== void 0) {
+    (0, import_state_manager3.setClientId)(appData.clientId);
+  }
+  if (appData.clientName !== void 0) {
+    (0, import_state_manager3.setClientName)(appData.clientName);
+  }
+  if (appData.clientImage !== void 0) {
+    (0, import_state_manager3.setClientImage)(appData.clientImage);
+  }
+}
 function getAppData(initialState, schema, options) {
   const resolvedInitialState = initialState instanceof Function ? initialState() : initialState;
   let appData = parseAppDataParameter(options) ?? createDefaultAppData(resolvedInitialState);
@@ -7202,6 +7221,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) {