@noya-app/noya-multiplayer-react 0.1.69 → 0.1.71

package/dist/index.mjs

@@ -1493,7 +1493,7 @@ var require_lib2 = __commonJS({
 export * from "@noya-app/state-manager";
 
 // src/ai.ts
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 
 // ../../node_modules/@sinclair/typebox/build/esm/type/symbols/symbols.mjs
 var TransformKind = Symbol.for("TypeBox.Transform");
@@ -4616,7 +4616,7 @@ import React17, {
   createContext,
   useCallback as useCallback3,
   useContext,
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useMemo as useMemo4,
   useState as useState4
 } from "react";
@@ -4632,7 +4632,7 @@ import {
   TypeGuard,
   webSocketSync
 } from "@noya-app/state-manager";
-import { useMemo as useMemo3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo3, useState as useState3 } from "react";
 
 // src/hooks.ts
 import {
@@ -5084,14 +5084,15 @@ function StateInspectorRow({
   colorScheme,
   selected,
   style,
-  variant
+  variant,
+  bordered = true
 }) {
   const solidBorderColor = colorScheme === "light" ? "rgb(223 223 223)" : "rgb(29 29 29)";
   return /* @__PURE__ */ React6.createElement(
     "div",
     {
       style: {
-        borderBottom: `1px solid ${solidBorderColor}`,
+        borderBottom: bordered ? `1px solid ${solidBorderColor}` : void 0,
         fontSize: "12px",
         fontFamily: "Menlo, monospace",
         padding: "2px 12px 1px",
@@ -6193,12 +6194,13 @@ var StateInspector = memoGeneric(function StateInspector2({
   colorScheme = "light",
   anchor = "right",
   unstyled = false,
+  advanced = false,
   ...props
 }) {
   const {
     multiplayerStateManager,
     assetManager,
-    connectedUsersManager,
+    userManager,
     secretManager,
     ephemeralUserDataManager,
     connectionEventManager,
@@ -6285,8 +6287,8 @@ var StateInspector = memoGeneric(function StateInspector2({
   const assetsInitialized = useObservable(assetManager.isInitialized$);
   const secrets = useObservable(secretManager.secrets$);
   const secretsInitialized = useObservable(secretManager.isInitialized$);
-  const connectedUsers = useObservable(connectedUsersManager.connectedUsers$);
-  const userId = useObservable(connectedUsersManager.currentUserId$);
+  const connectedUsers = useObservable(userManager.connectedUsers$);
+  const userId = useObservable(userManager.currentUserId$);
   const state = useObservable(multiplayerStateManager.optimisticState$);
   const inputsInitialized = useObservable(ioManager.inputsInitialized$);
   const outputTransformsInitialized = useObservable(
@@ -6384,12 +6386,13 @@ var StateInspector = memoGeneric(function StateInspector2({
           }
         )
       },
-      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user) => /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React14.createElement(StateInspectorDisclosureRowInner, { style: { flex: "0 0 auto" } }, connectedUsers?.map((user, index, array) => /* @__PURE__ */ React14.createElement(
         StateInspectorRow,
         {
           key: user.id,
           colorScheme,
-          variant: user.id === userId ? "up" : void 0
+          variant: user.id === userId ? "up" : void 0,
+          bordered: index !== array.length - 1
         },
         user.image && /* @__PURE__ */ React14.createElement(
           "img",
@@ -6561,7 +6564,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Resources (", resources.length, ")", /* @__PURE__ */ React14.createElement(ColoredDot, { type: resourcesInitialized ? "success" : "error" })),
@@ -6643,7 +6646,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Rename"
       )))))
     ),
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         title: /* @__PURE__ */ React14.createElement(StateInspectorTitleLabel, null, "Secrets", /* @__PURE__ */ React14.createElement(ColoredDot, { type: secretsInitialized ? "success" : "error" })),
@@ -6674,8 +6677,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         "Delete"
       ))))
     ),
-    " ",
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         open: showInputs,
@@ -6697,7 +6699,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         /* @__PURE__ */ React14.createElement("span", null, "No inputs")
       ))
     ),
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         open: showOutputTransforms,
@@ -6724,7 +6726,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         /* @__PURE__ */ React14.createElement("span", null, "No output transforms")
       ))
     ),
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React14.createElement(
       StateInspectorDisclosureSection,
       {
         title: "Tasks",
@@ -6769,7 +6771,7 @@ var StateInspector = memoGeneric(function StateInspector2({
         }
       ))))
     ),
-    /* @__PURE__ */ React14.createElement(
+    advanced && /* @__PURE__ */ React14.createElement(
       ActivityEventsSection,
       {
         colorScheme,
@@ -6821,6 +6823,7 @@ function createStateInspectorRoot() {
 function useStateInspector({
   noyaManager,
   disabled = false,
+  advanced = false,
   colorScheme,
   anchor
 }) {
@@ -6839,11 +6842,12 @@ function useStateInspector({
         {
           colorScheme,
           anchor,
-          noyaManager
+          noyaManager,
+          advanced
         }
       )
     );
-  }, [noyaManager, anchor, colorScheme, root]);
+  }, [noyaManager, anchor, colorScheme, root, advanced]);
 }
 
 // src/hooks.ts
@@ -6911,7 +6915,7 @@ function useBindNoyaManager(noyaManager, options) {
       noyaManager,
       taskManager: noyaManager.taskManager,
       connectionEventManager: noyaManager.connectionEventManager,
-      connectedUsersManager: noyaManager.connectedUsersManager,
+      userManager: noyaManager.userManager,
       ephemeralUserDataManager: noyaManager.ephemeralUserDataManager,
       multiplayerStateManager: noyaManager.multiplayerStateManager,
       assetManager: noyaManager.assetManager,
@@ -6935,6 +6939,7 @@ function useBindNoyaManager(noyaManager, options) {
   useStateInspector({
     noyaManager,
     disabled: !options?.inspector,
+    advanced: true,
     ...typeof options?.inspector === "object" && options?.inspector
   });
   return [state, noyaManager.multiplayerStateManager.setState, extras];
@@ -6972,7 +6977,8 @@ function createDefaultAppData(initialState) {
     theme: "light",
     viewType: "editable",
     initialState,
-    inspector: false
+    inspector: false,
+    isDemo: false
   };
 }
 function enforceSchema(initialState, schema) {
@@ -7003,6 +7009,7 @@ function getAppData(initialState, schema, options) {
     appData.initialState = resolvedInitialState;
   }
   appData.initialState = enforceSchema(appData.initialState, schema);
+  appData.isDemo = appData.isDemo ?? false;
   return appData;
 }
 function getSyncAdapter(params) {
@@ -7017,7 +7024,9 @@ function useNoyaStateInternal(...args) {
       inspector,
       initialState: noyaAppInitialState,
       theme,
-      viewType
+      viewType,
+      userId,
+      isDemo
     }
   ] = useState3(() => {
     return getAppData(initialState, options?.schema, {
@@ -7034,14 +7043,19 @@ function useNoyaStateInternal(...args) {
   const [noyaManager] = useState3(
     () => new NoyaManager3(noyaAppInitialState, options)
   );
+  useEffect4(() => {
+    if (!userId) return;
+    noyaManager.ephemeralUserDataManager.setCurrentUserId(userId);
+    noyaManager.userManager.setCurrentUserId(userId);
+  }, [noyaManager, userId]);
   const result = useBindNoyaManager(noyaManager, {
     inspector: options?.inspector ?? inspector,
     sync: options?.sync ?? sync
   });
   const [, , extras] = result;
   const mergedExtras = useMemo3(() => {
-    return { ...extras, theme, viewType };
-  }, [extras, theme, viewType]);
+    return { ...extras, theme, viewType, isDemo };
+  }, [extras, theme, viewType, isDemo]);
   return [result[0], result[1], mergedExtras];
 }
 
@@ -7077,6 +7091,12 @@ function initializeNoyaSingleton(options) {
     appData.initialState,
     managerOptions
   );
+  if (appData.userId) {
+    noyaManagerSingleton.ephemeralUserDataManager.setCurrentUserId(
+      appData.userId
+    );
+    noyaManagerSingleton.userManager.setCurrentUserId(appData.userId);
+  }
   const resolvedSync = sync ?? getSyncAdapter({
     multiplayerUrl: multiplayerUrl ?? appData.multiplayerUrl,
     offlineStorageKey,
@@ -7098,7 +7118,8 @@ function initializeNoyaSingleton(options) {
         {
           noyaManager: noyaManagerSingleton,
           colorScheme: resolvedInspector === true ? resolvedTheme : resolvedInspector.colorScheme,
-          anchor: resolvedInspector === true ? "bottom right" : resolvedInspector.anchor
+          anchor: resolvedInspector === true ? "bottom right" : resolvedInspector.anchor,
+          advanced: resolvedInspector === true ? false : resolvedInspector.advanced
         }
       )
     );
@@ -7107,7 +7128,9 @@ function initializeNoyaSingleton(options) {
     sync: resolvedSync,
     inspector: resolvedInspector,
     theme: resolvedTheme,
-    viewType: resolvedViewType
+    viewType: resolvedViewType,
+    userId: appData.userId,
+    isDemo: appData.isDemo
   };
 }
 function getNoyaManagerSingleton() {
@@ -7283,7 +7306,7 @@ function useIOManager() {
 function usePublish(callback) {
   const { noyaManager } = useAnyNoyaStateContext();
   const stableCallback = useStableCallback(callback);
-  useEffect4(() => {
+  useEffect5(() => {
     noyaManager.publishingManager.setPublishingEnabled(true);
     noyaManager.publishingManager.getFilesToPublish = stableCallback;
     return () => {
@@ -7311,18 +7334,18 @@ function usePipelineManager() {
   const { noyaManager } = useAnyNoyaStateContext();
   return noyaManager.pipelineManager;
 }
-function useConnectedUsersManager() {
+function useUserManager() {
   const { noyaManager } = useAnyNoyaStateContext();
-  return noyaManager.connectedUsersManager;
+  return noyaManager.userManager;
 }
 function useConnectedUsers() {
-  const connectedUsersManager = useConnectedUsersManager();
-  return useObservable(connectedUsersManager?.connectedUsers$);
+  const userManager = useUserManager();
+  return useObservable(userManager?.connectedUsers$);
 }
 function useConnectedUser(userId) {
-  const connectedUsersManager = useConnectedUsersManager();
+  const userManager = useUserManager();
   return useObservable(
-    connectedUsersManager?.connectedUsers$,
+    userManager?.connectedUsers$,
     useCallback3(
       (users) => {
         return users.find((user) => {
@@ -7339,8 +7362,8 @@ function useAnyEphemeralUserData() {
   return noyaManager.ephemeralUserDataManager;
 }
 function useCurrentUserId() {
-  const connectedUsersManager = useConnectedUsersManager();
-  return useObservable(connectedUsersManager?.currentUserId$);
+  const userManager = useUserManager();
+  return useObservable(userManager?.currentUserId$);
 }
 function useIsProcessing() {
   const { noyaManager } = useAnyNoyaStateContext();
@@ -7441,7 +7464,7 @@ function useActivityEvents(streamFilter) {
 function useActivityEventsForManager(streamFilter, activityEventsManager) {
   const [streamId, setStreamId] = useState4(void 0);
   const stableStreamFilter = useJsonMemo(streamFilter);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!stableStreamFilter) return;
     const streamId2 = activityEventsManager.subscribe(stableStreamFilter);
     setStreamId(streamId2);
@@ -7549,7 +7572,7 @@ function createNoyaContext({
   }
   function useSetLeftMenuItems(leftMenuItems) {
     const { menuManager } = useNoyaManager();
-    useEffect4(() => {
+    useEffect5(() => {
       if (leftMenuItems) {
         menuManager.setLeftMenuItems(leftMenuItems);
       }
@@ -7561,7 +7584,7 @@ function createNoyaContext({
   }
   function useSetRightMenuItems(rightMenuItems) {
     const { menuManager } = useNoyaManager();
-    useEffect4(() => {
+    useEffect5(() => {
       if (rightMenuItems) {
         menuManager.setRightMenuItems(rightMenuItems);
       }
@@ -7569,7 +7592,7 @@ function createNoyaContext({
   }
   function useHandleMenuItem(callback) {
     const { menuManager } = useNoyaManager();
-    useEffect4(() => {
+    useEffect5(() => {
       return menuManager.addListener(callback);
     }, [menuManager, callback]);
   }
@@ -7608,7 +7631,7 @@ function createNoyaContext({
 // src/ai.ts
 function useRegisterAITool(tool) {
   const aiManager = useAIManager();
-  useEffect5(() => {
+  useEffect6(() => {
     return aiManager.registerTool(tool);
   }, [aiManager, tool]);
 }
@@ -7620,7 +7643,7 @@ function useCallableAITools() {
 // src/components/UserPointersOverlay.tsx
 import { Observable as Observable2 } from "@noya-app/observable";
 import { memoGeneric as memoGeneric2 } from "@noya-app/react-utils";
-import React18, { useEffect as useEffect6, useMemo as useMemo5, useState as useState5 } from "react";
+import React18, { useEffect as useEffect7, useMemo as useMemo5, useState as useState5 } from "react";
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
@@ -7641,7 +7664,7 @@ var UserPointerInternal = memoGeneric2(function UserPointerInternal2({
   const [, setForceUpdate] = useState5(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!show) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
@@ -7657,12 +7680,12 @@ var UserPointerInternal = memoGeneric2(function UserPointerInternal2({
   });
 });
 var UserPointersOverlay = memoGeneric2(function UserPointers({
-  connectedUsersManager,
+  userManager,
   ephemeralUserDataManager,
   renderUserPointer
 }) {
   const currentUserId = useObservable(ephemeralUserDataManager.currentUserId$);
-  const connectedUsers = useObservable(connectedUsersManager.connectedUsers$);
+  const connectedUsers = useObservable(userManager.connectedUsers$);
   return /* @__PURE__ */ React18.createElement(React18.Fragment, null, connectedUsers.map((user) => {
     if (user.id === currentUserId) return null;
     return /* @__PURE__ */ React18.createElement(
@@ -7797,7 +7820,6 @@ export {
   useColorScheme,
   useConnectedUser,
   useConnectedUsers,
-  useConnectedUsersManager,
   useCurrentUserId,
   useFileName,
   useFilePropertyManager,
@@ -7821,6 +7843,7 @@ export {
   useSecrets,
   useSetFileNameState,
   useStateInspector,
+  useUserManager,
   useViewType
 };
 //# sourceMappingURL=index.mjs.map