@noya-app/noya-multiplayer-react 0.1.47 → 0.1.49

package/dist/index.mjs

@@ -1338,7 +1338,10 @@ function useNoyaState(...args) {
     });
   });
   const sync = useMemo3(() => {
-    return isEmbeddedApp() ? parentFrameSync({ debug: options?.debug }) : multiplayerUrl ? webSocketSync(multiplayerUrl) : options?.offlineStorageKey ? localStorageSync({ key: options.offlineStorageKey }) : stubSync2();
+    return isEmbeddedApp() ? parentFrameSync({ debug: options?.debug }) : multiplayerUrl ? webSocketSync({
+      url: multiplayerUrl,
+      debug: options?.debug
+    }) : options?.offlineStorageKey ? localStorageSync({ key: options.offlineStorageKey }) : stubSync2();
   }, [multiplayerUrl, options?.offlineStorageKey, options?.debug]);
   const result = useMultiplayerState(noyaAppInitialState, {
     ...options,
@@ -1373,69 +1376,81 @@ function useAnyNoyaStateContext() {
   }
   return value;
 }
+function useAnyNoyaManager() {
+  const { noyaManager } = useAnyNoyaStateContext();
+  return noyaManager;
+}
+function useColorScheme() {
+  const { theme } = useAnyNoyaStateContext();
+  return theme;
+}
+function useViewType() {
+  const { viewType } = useAnyNoyaStateContext();
+  return viewType;
+}
 function useAssets() {
-  const { assetManager } = useAnyNoyaStateContext();
-  return useObservable(assetManager.assets$);
+  const { noyaManager } = useAnyNoyaStateContext();
+  return useObservable(noyaManager.assetManager.assets$);
 }
 function useAsset(id) {
-  const { assetManager } = useAnyNoyaStateContext();
+  const { noyaManager } = useAnyNoyaStateContext();
   const observable = useMemo4(
-    () => assetManager.assets$.map((assets) => assets.find((a) => a.id === id)),
-    [assetManager, id]
+    () => noyaManager.assetManager.assets$.map(
+      (assets) => assets.find((a) => a.id === id)
+    ),
+    [noyaManager, id]
   );
   return useObservable(observable);
 }
 function useAssetManager() {
-  const { assetManager } = useAnyNoyaStateContext();
+  const { noyaManager } = useAnyNoyaStateContext();
+  const isInitialized = useObservable(noyaManager.assetManager.isInitialized$);
   return useMemo4(
     () => ({
-      create: assetManager.create,
-      delete: assetManager.delete
+      create: noyaManager.assetManager.create,
+      delete: noyaManager.assetManager.delete,
+      isInitialized
     }),
-    [assetManager]
+    [noyaManager, isInitialized]
   );
 }
 function useAIManager() {
-  const { aiManager } = useAnyNoyaStateContext();
-  return aiManager;
+  const { noyaManager } = useAnyNoyaStateContext();
+  return noyaManager.aiManager;
 }
 function useSecretManager() {
-  const { secretManager } = useAnyNoyaStateContext();
-  return secretManager;
+  const { noyaManager } = useAnyNoyaStateContext();
+  return noyaManager.secretManager;
 }
 function useSecrets() {
-  const { secretManager } = useAnyNoyaStateContext();
-  return useObservable(secretManager.secrets$);
+  const { noyaManager } = useAnyNoyaStateContext();
+  return useObservable(noyaManager.secretManager.secrets$);
 }
 function useSecret(name) {
-  const { secretManager } = useAnyNoyaStateContext();
+  const { noyaManager } = useAnyNoyaStateContext();
   return useObservable(
-    secretManager.secrets$,
+    noyaManager.secretManager.secrets$,
     useCallback2((secrets) => secrets.find((s) => s.name === name), [name])
   );
 }
 function useIsInitialized() {
-  const {
-    multiplayerStateManager: ms,
-    secretManager,
-    assetManager
-  } = useAnyNoyaStateContext();
+  const { noyaManager, viewType } = useAnyNoyaStateContext();
   const isInitializedObservable = useMemo4(
     () => Observable.combine(
       [
-        ms.isInitialized$,
-        secretManager.isInitialized$,
-        assetManager.isInitialized$
+        ...viewType === "preview" ? [] : [noyaManager.multiplayerStateManager.isInitialized$],
+        noyaManager.secretManager.isInitialized$,
+        noyaManager.assetManager.isInitialized$
       ],
       (values) => values.every((v) => v)
     ),
-    [ms, secretManager, assetManager]
+    [noyaManager, viewType]
   );
   return useObservable(isInitializedObservable);
 }
 function useWorkflowManager() {
-  const { workflowManager } = useAnyNoyaStateContext();
-  return workflowManager;
+  const { noyaManager } = useAnyNoyaStateContext();
+  return noyaManager.workflowManager;
 }
 var ConnectedUsersContext = createContext(void 0);
 function useConnectedUsersManager() {
@@ -1467,12 +1482,23 @@ function createNoyaContext({
     initialState,
     ...options
   }) {
-    const [, , { noyaManager }] = useNoyaState(initialState, {
-      ...options,
-      schema,
-      mergeHistoryEntries
-    });
-    return /* @__PURE__ */ React6.createElement(AnyNoyaStateContext.Provider, { value: noyaManager }, /* @__PURE__ */ React6.createElement(
+    const [, , { noyaManager, theme, viewType }] = useNoyaState(
+      initialState,
+      {
+        ...options,
+        schema,
+        mergeHistoryEntries
+      }
+    );
+    const contextValue = useMemo4(
+      () => ({
+        noyaManager,
+        theme,
+        viewType
+      }),
+      [noyaManager, theme, viewType]
+    );
+    return /* @__PURE__ */ React6.createElement(AnyNoyaStateContext.Provider, { value: contextValue }, /* @__PURE__ */ React6.createElement(
       ConnectedUsersContext.Provider,
       {
         value: noyaManager.connectedUsersManager
@@ -1487,25 +1513,31 @@ function createNoyaContext({
     ));
   }
   function useValue(path, options) {
-    const { multiplayerStateManager: ms } = useAnyNoyaStateContext();
+    const { noyaManager } = useAnyNoyaStateContext();
     let actualPath = typeof path === "function" || !path ? "" : path;
     const mappedObservable = useMemo4(() => {
       if (typeof path === "function") {
-        return ms.optimisticState$.map(path, { isEqual: options?.isEqual });
+        return noyaManager.multiplayerStateManager.optimisticState$.map(path, {
+          isEqual: options?.isEqual
+        });
       }
-      return ms.optimisticState$;
-    }, [ms, path, options?.isEqual]);
+      return noyaManager.multiplayerStateManager.optimisticState$;
+    }, [noyaManager, path, options?.isEqual]);
     const value = useObservable(mappedObservable, actualPath);
     return value;
   }
   function useSetValue(path) {
-    const { multiplayerStateManager: ms } = useAnyNoyaStateContext();
+    const { noyaManager } = useAnyNoyaStateContext();
     const setValue = useCallback2(
       (...args) => {
         const [metadata, value] = args.length === 2 ? args : [{}, args[0]];
-        ms.setStateAtPath(metadata, path ?? "", value);
+        noyaManager.multiplayerStateManager.setStateAtPath(
+          metadata,
+          path ?? "",
+          value
+        );
       },
-      [ms, path]
+      [noyaManager, path]
     );
     return setValue;
   }
@@ -1516,8 +1548,8 @@ function createNoyaContext({
     return [value, setValue];
   }
   function useStateManager() {
-    const { multiplayerStateManager: ms } = useAnyNoyaStateContext();
-    return ms;
+    const { noyaManager } = useAnyNoyaStateContext();
+    return noyaManager.multiplayerStateManager;
   }
   function useEphemeralUserDataManager() {
     const ephemeralUserData = useContext(EphemeralUserDataManagerContext);
@@ -1529,16 +1561,32 @@ function createNoyaContext({
     return ephemeralUserData;
   }
   function useNoyaManager() {
-    return useAnyNoyaStateContext();
+    return useAnyNoyaStateContext().noyaManager;
   }
   function useLeftMenuItems() {
     const { menuManager } = useNoyaManager();
     return useObservable(menuManager.leftMenuItems$);
   }
+  function useSetLeftMenuItems(leftMenuItems) {
+    const { menuManager } = useNoyaManager();
+    useEffect4(() => {
+      if (leftMenuItems) {
+        menuManager.setLeftMenuItems(leftMenuItems);
+      }
+    }, [menuManager, leftMenuItems]);
+  }
   function useRightMenuItems() {
     const { menuManager } = useNoyaManager();
     return useObservable(menuManager.rightMenuItems$);
   }
+  function useSetRightMenuItems(rightMenuItems) {
+    const { menuManager } = useNoyaManager();
+    useEffect4(() => {
+      if (rightMenuItems) {
+        menuManager.setRightMenuItems(rightMenuItems);
+      }
+    }, [menuManager, rightMenuItems]);
+  }
   function useHandleMenuItem(callback) {
     const { menuManager } = useNoyaManager();
     useEffect4(() => {
@@ -1549,6 +1597,14 @@ function createNoyaContext({
     const { menuManager } = useNoyaManager();
     return useCallback2((type) => menuManager.emit(type), [menuManager]);
   }
+  function useMenu(options) {
+    const { leftMenuItems, rightMenuItems, onSelectMenuItem } = options;
+    useSetLeftMenuItems(leftMenuItems);
+    useSetRightMenuItems(rightMenuItems);
+    const noop = useCallback2(() => {
+    }, []);
+    useHandleMenuItem(onSelectMenuItem ?? noop);
+  }
   return {
     Context: NoyaStateContext,
     Provider: NoyaStateProvider,
@@ -1558,10 +1614,13 @@ function createNoyaContext({
     useStateManager,
     useEphemeralUserDataManager,
     useLeftMenuItems,
+    useSetLeftMenuItems,
     useRightMenuItems,
+    useSetRightMenuItems,
     useHandleMenuItem,
     useOnSelectMenuItemCallback,
-    useNoyaManager
+    useNoyaManager,
+    useMenu
   };
 }
 
@@ -1677,9 +1736,12 @@ export {
   parseAppDataParameter,
   useAIManager,
   useAnyEphemeralUserData,
+  useAnyNoyaManager,
+  useAnyNoyaStateContext,
   useAsset,
   useAssetManager,
   useAssets,
+  useColorScheme,
   useConnectedUsersManager,
   useCurrentUserId,
   useIsInitialized,
@@ -1692,6 +1754,7 @@ export {
   useSecretManager,
   useSecrets,
   useSyncStateManager,
+  useViewType,
   useWorkflowManager
 };
 //# sourceMappingURL=index.mjs.map