@noya-app/noya-multiplayer-react 0.1.83 → 0.1.85

package/dist/index.d.mts

@@ -37,6 +37,7 @@ type StateInspectorOptions = {
     colorScheme?: "light" | "dark";
     anchor?: StateInspectorAnchor;
     advanced?: boolean;
+    defaultCollapsed?: boolean;
 };
 declare const StateInspector: <S, M extends object, E extends object, MenuT extends string = string, I extends Record<string, any> = Record<string, unknown>>(props: {
     noyaManager: NoyaManager<S, M, E, MenuT, I>;
@@ -134,10 +135,11 @@ declare function createStateInspectorRoot(): {
     root: Root;
     unmount: () => void;
 };
-declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string, I extends Record<string, any> = Record<string, unknown>>({ noyaManager, disabled, advanced, colorScheme, anchor, }: {
+declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string, I extends Record<string, any> = Record<string, unknown>>({ noyaManager, disabled, advanced, defaultCollapsed, 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"];
 }): void;
@@ -226,6 +228,7 @@ type AnyNoyaStateContextValue = {
     viewType: AppViewType;
 };
 declare const AnyNoyaStateContext: React.Context<AnyNoyaStateContextValue | undefined>;
+declare function useOptionalAnyNoyaStateContext(): AnyNoyaStateContextValue | undefined;
 declare function useAnyNoyaStateContext(): AnyNoyaStateContextValue;
 declare function useAnyNoyaManager(): NoyaManager<any, any, any, any, any>;
 declare function useColorScheme(): AppTheme;
@@ -508,6 +511,8 @@ declare function useObservable<T>(observable: Observable<T> | undefined): T | un
 declare function useObservable<T, A>(observable: Observable<T> | undefined, selector: (value: T) => A, options?: Pick<ObservableOptions, "isEqual">): A | undefined;
 declare function useObservable<T, P extends PathKey[] | string>(observable: Observable<T> | undefined, path: P): GetAtPath<T, P> | undefined;
 
+declare function useResourceUrl(idOrStableId: string | undefined): string | undefined;
+
 type ConnectionEvent<State> = {
     type: "stateChange";
     state: ReconnectingWebSocketState;
@@ -541,4 +546,4 @@ declare class WebSocketConnection<State> {
     removeListener(listener: (state: ReconnectingWebSocketState) => void): void;
 }
 
-export { type AnyNoyaSingletonBindings, type AnyNoyaSingletonOptions, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, buildResourcePatchPayload, createDefaultAppData, createNoyaContext, createStateInspectorRoot, decodeAll, deleteNoyaSingleton, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, getNoyaManagerSingleton, getNoyaSingletonBindings, getSyncAdapter, importAll, initializeNoyaSingleton, parseAppDataParameter, replaceDeep, resourceToCreateParameters, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyNoyaManager, useAnyNoyaStateContext, useAnySharedConnectionData, useAsset, useAssetManager, useAssets, useBindNoyaManager, useCallableAITools, useColorScheme, useEnqueueInput, useFileName, useFilePropertyManager, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaActiveUsers, useNoyaAssetTranscription, useNoyaCurrentUser, useNoyaCurrentUserId, useNoyaStateInternal, useNoyaTranscriptionManager, useNoyaUser, useNoyaUserManager, useNoyaUsers, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResources, useScriptEvaluator, useSecret, useSecretManager, useSecrets, useSetFileNameState, useStateInspector, useViewType };
+export { type AnyNoyaSingletonBindings, type AnyNoyaSingletonOptions, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, buildResourcePatchPayload, createDefaultAppData, createNoyaContext, createStateInspectorRoot, decodeAll, deleteNoyaSingleton, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, getNoyaManagerSingleton, getNoyaSingletonBindings, getSyncAdapter, importAll, initializeNoyaSingleton, parseAppDataParameter, replaceDeep, resourceToCreateParameters, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyNoyaManager, useAnyNoyaStateContext, useAnySharedConnectionData, useAsset, useAssetManager, useAssets, useBindNoyaManager, useCallableAITools, useColorScheme, useEnqueueInput, useFileName, useFilePropertyManager, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaActiveUsers, useNoyaAssetTranscription, useNoyaCurrentUser, useNoyaCurrentUserId, useNoyaStateInternal, useNoyaTranscriptionManager, useNoyaUser, useNoyaUserManager, useNoyaUsers, useObservable, useOptionalAnyNoyaStateContext, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResourceUrl, useResources, useScriptEvaluator, useSecret, useSecretManager, useSecrets, useSetFileNameState, useStateInspector, useViewType };

package/dist/index.d.ts

@@ -37,6 +37,7 @@ type StateInspectorOptions = {
     colorScheme?: "light" | "dark";
     anchor?: StateInspectorAnchor;
     advanced?: boolean;
+    defaultCollapsed?: boolean;
 };
 declare const StateInspector: <S, M extends object, E extends object, MenuT extends string = string, I extends Record<string, any> = Record<string, unknown>>(props: {
     noyaManager: NoyaManager<S, M, E, MenuT, I>;
@@ -134,10 +135,11 @@ declare function createStateInspectorRoot(): {
     root: Root;
     unmount: () => void;
 };
-declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string, I extends Record<string, any> = Record<string, unknown>>({ noyaManager, disabled, advanced, colorScheme, anchor, }: {
+declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string, I extends Record<string, any> = Record<string, unknown>>({ noyaManager, disabled, advanced, defaultCollapsed, 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"];
 }): void;
@@ -226,6 +228,7 @@ type AnyNoyaStateContextValue = {
     viewType: AppViewType;
 };
 declare const AnyNoyaStateContext: React.Context<AnyNoyaStateContextValue | undefined>;
+declare function useOptionalAnyNoyaStateContext(): AnyNoyaStateContextValue | undefined;
 declare function useAnyNoyaStateContext(): AnyNoyaStateContextValue;
 declare function useAnyNoyaManager(): NoyaManager<any, any, any, any, any>;
 declare function useColorScheme(): AppTheme;
@@ -508,6 +511,8 @@ declare function useObservable<T>(observable: Observable<T> | undefined): T | un
 declare function useObservable<T, A>(observable: Observable<T> | undefined, selector: (value: T) => A, options?: Pick<ObservableOptions, "isEqual">): A | undefined;
 declare function useObservable<T, P extends PathKey[] | string>(observable: Observable<T> | undefined, path: P): GetAtPath<T, P> | undefined;
 
+declare function useResourceUrl(idOrStableId: string | undefined): string | undefined;
+
 type ConnectionEvent<State> = {
     type: "stateChange";
     state: ReconnectingWebSocketState;
@@ -541,4 +546,4 @@ declare class WebSocketConnection<State> {
     removeListener(listener: (state: ReconnectingWebSocketState) => void): void;
 }
 
-export { type AnyNoyaSingletonBindings, type AnyNoyaSingletonOptions, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, buildResourcePatchPayload, createDefaultAppData, createNoyaContext, createStateInspectorRoot, decodeAll, deleteNoyaSingleton, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, getNoyaManagerSingleton, getNoyaSingletonBindings, getSyncAdapter, importAll, initializeNoyaSingleton, parseAppDataParameter, replaceDeep, resourceToCreateParameters, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyNoyaManager, useAnyNoyaStateContext, useAnySharedConnectionData, useAsset, useAssetManager, useAssets, useBindNoyaManager, useCallableAITools, useColorScheme, useEnqueueInput, useFileName, useFilePropertyManager, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaActiveUsers, useNoyaAssetTranscription, useNoyaCurrentUser, useNoyaCurrentUserId, useNoyaStateInternal, useNoyaTranscriptionManager, useNoyaUser, useNoyaUserManager, useNoyaUsers, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResources, useScriptEvaluator, useSecret, useSecretManager, useSecrets, useSetFileNameState, useStateInspector, useViewType };
+export { type AnyNoyaSingletonBindings, type AnyNoyaSingletonOptions, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, buildResourcePatchPayload, createDefaultAppData, createNoyaContext, createStateInspectorRoot, decodeAll, deleteNoyaSingleton, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, getNoyaManagerSingleton, getNoyaSingletonBindings, getSyncAdapter, importAll, initializeNoyaSingleton, parseAppDataParameter, replaceDeep, resourceToCreateParameters, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyNoyaManager, useAnyNoyaStateContext, useAnySharedConnectionData, useAsset, useAssetManager, useAssets, useBindNoyaManager, useCallableAITools, useColorScheme, useEnqueueInput, useFileName, useFilePropertyManager, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaActiveUsers, useNoyaAssetTranscription, useNoyaCurrentUser, useNoyaCurrentUserId, useNoyaStateInternal, useNoyaTranscriptionManager, useNoyaUser, useNoyaUserManager, useNoyaUsers, useObservable, useOptionalAnyNoyaStateContext, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResourceUrl, useResources, useScriptEvaluator, useSecret, useSecretManager, useSecrets, useSetFileNameState, useStateInspector, useViewType };

package/dist/index.js

@@ -1552,11 +1552,13 @@ __export(src_exports, {
   useNoyaUserManager: () => useNoyaUserManager,
   useNoyaUsers: () => useNoyaUsers,
   useObservable: () => useObservable,
+  useOptionalAnyNoyaStateContext: () => useOptionalAnyNoyaStateContext,
   useOutputTransforms: () => useOutputTransforms,
   usePipelineManager: () => usePipelineManager,
   usePublish: () => usePublish,
   useRegisterAITool: () => useRegisterAITool,
   useResourceManager: () => useResourceManager,
+  useResourceUrl: () => useResourceUrl,
   useResources: () => useResources,
   useScriptEvaluator: () => useScriptEvaluator,
   useSecret: () => useSecret,
@@ -6804,6 +6806,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
   anchor = "right",
   unstyled = false,
   advanced = false,
+  defaultCollapsed = false,
   ...props
 }) {
   const {
@@ -6833,7 +6836,7 @@ var StateInspector = (0, import_react_utils.memoGeneric)(function StateInspector
   const serverSimulationLogsContainerRef = import_react17.default.useRef(null);
   const [showInspector, setShowInspector] = useLocalStorageState(
     "noya-multiplayer-react-show-inspector",
-    true
+    !defaultCollapsed
   );
   const [showEvents, setShowEvents] = useLocalStorageState(
     "noya-multiplayer-react-show-events",
@@ -7584,6 +7587,7 @@ function useStateInspector({
   noyaManager,
   disabled = false,
   advanced = false,
+  defaultCollapsed = false,
   colorScheme,
   anchor
 }) {
@@ -7603,11 +7607,12 @@ function useStateInspector({
           colorScheme,
           anchor,
           noyaManager,
-          advanced
+          advanced,
+          defaultCollapsed
         }
       )
     );
-  }, [noyaManager, anchor, colorScheme, root, advanced]);
+  }, [noyaManager, anchor, colorScheme, root, advanced, defaultCollapsed]);
 }
 
 // src/hooks.ts
@@ -7943,7 +7948,8 @@ function initializeNoyaSingleton(options) {
           noyaManager: noyaManagerSingleton,
           colorScheme: resolvedInspector === true ? resolvedTheme : resolvedInspector.colorScheme,
           anchor: resolvedInspector === true ? "bottom right" : resolvedInspector.anchor,
-          advanced: resolvedInspector === true ? false : resolvedInspector.advanced
+          advanced: resolvedInspector === true ? false : resolvedInspector.advanced,
+          defaultCollapsed: resolvedInspector === true ? false : resolvedInspector.defaultCollapsed
         }
       )
     );
@@ -8039,22 +8045,23 @@ function buildResourcePatchPayload({
   return patch;
 }
 var AnyNoyaStateContext = (0, import_react22.createContext)(void 0);
-function useAnyNoyaStateContext() {
+function useOptionalAnyNoyaStateContext() {
   const value = (0, import_react22.useContext)(AnyNoyaStateContext);
-  if (!value) {
-    const bindings = getNoyaSingletonBindings();
-    if (bindings) {
-      return {
-        noyaManager: getNoyaManagerSingleton(),
-        theme: bindings.theme,
-        viewType: bindings.viewType
-      };
-    }
-    throw new Error(
-      "useNoyaStateContext must be used within a NoyaStateProvider"
-    );
-  }
-  return value;
+  const bindings = getNoyaSingletonBindings();
+  if (value) return value;
+  if (!bindings) return void 0;
+  return {
+    noyaManager: getNoyaManagerSingleton(),
+    theme: bindings.theme,
+    viewType: bindings.viewType
+  };
+}
+function useAnyNoyaStateContext() {
+  const value = useOptionalAnyNoyaStateContext();
+  if (value) return value;
+  throw new Error(
+    "useNoyaStateContext must be used within a NoyaStateProvider"
+  );
 }
 function useAnyNoyaManager() {
   const { noyaManager } = useAnyNoyaStateContext();
@@ -8528,18 +8535,30 @@ var UserPointersOverlay = (0, import_react_utils4.memoGeneric)(function UserPoin
   }));
 });
 
-// src/WebSocketConnection.ts
+// src/useResourceUrl.ts
 var import_state_manager6 = require("@noya-app/state-manager");
+function useResourceUrl(idOrStableId) {
+  const { noyaManager } = useAnyNoyaStateContext();
+  const resources = useObservable(
+    noyaManager.resourceManager.optimisticResources$
+  );
+  const assets = useObservable(noyaManager.assetManager.assets$);
+  if (!idOrStableId) return void 0;
+  return (0, import_state_manager6.getResourceUrl)(idOrStableId, resources, assets);
+}
+
+// src/WebSocketConnection.ts
+var import_state_manager7 = require("@noya-app/state-manager");
 var WebSocketConnection = class {
   constructor(url, options = {}) {
     this.url = url;
     this.options = options;
-    this.ws = new import_state_manager6.ReconnectingWebSocket({
+    this.ws = new import_state_manager7.ReconnectingWebSocket({
       debug: options.debug,
       onopen: this.handleOpen,
       onmessage: this.handleMessage,
       onclose: this.handleClose,
-      activityDetector: new import_state_manager6.UserActivityDetector()
+      activityDetector: new import_state_manager7.UserActivityDetector()
     });
   }
   ws;
@@ -8664,11 +8683,13 @@ var WebSocketConnection = class {
   useNoyaUserManager,
   useNoyaUsers,
   useObservable,
+  useOptionalAnyNoyaStateContext,
   useOutputTransforms,
   usePipelineManager,
   usePublish,
   useRegisterAITool,
   useResourceManager,
+  useResourceUrl,
   useResources,
   useScriptEvaluator,
   useSecret,