@noya-app/noya-multiplayer-react 0.1.84 → 0.1.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noya-app/noya-multiplayer-react",
-  "version": "0.1.84",
+  "version": "0.1.86",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -11,7 +11,7 @@
     "dev": "npm run build -- --watch"
   },
   "dependencies": {
-    "@noya-app/state-manager": "0.1.66",
+    "@noya-app/state-manager": "0.1.68",
     "@noya-app/emitter": "0.1.0",
     "@noya-app/observable": "0.1.12",
     "@noya-app/task-runner": "0.1.7",

package/src/NoyaStateContext.tsx

@@ -170,26 +170,28 @@ export const AnyNoyaStateContext = createContext<
   AnyNoyaStateContextValue | undefined
 >(undefined);
 
-export function useAnyNoyaStateContext() {
+export function useOptionalAnyNoyaStateContext() {
   const value = useContext(AnyNoyaStateContext);
+  const bindings = getNoyaSingletonBindings();
 
-  if (!value) {
-    const bindings = getNoyaSingletonBindings();
+  if (value) return value;
+  if (!bindings) return undefined;
 
-    if (bindings) {
-      return {
-        noyaManager: getNoyaManagerSingleton(),
-        theme: bindings.theme,
-        viewType: bindings.viewType,
-      } as AnyNoyaStateContextValue;
-    }
-
-    throw new Error(
-      "useNoyaStateContext must be used within a NoyaStateProvider"
-    );
-  }
+  return {
+    noyaManager: getNoyaManagerSingleton(),
+    theme: bindings.theme,
+    viewType: bindings.viewType,
+  } as AnyNoyaStateContextValue;
+}
+
+export function useAnyNoyaStateContext() {
+  const value = useOptionalAnyNoyaStateContext();
 
-  return value;
+  if (value) return value;
+
+  throw new Error(
+    "useNoyaStateContext must be used within a NoyaStateProvider"
+  );
 }
 
 export function useAnyNoyaManager() {

package/src/__tests__/useResourceUrl.test.tsx

@@ -0,0 +1,92 @@
+import { Asset, Resource } from "@noya-app/noya-schemas";
+import { NoyaManager } from "@noya-app/state-manager";
+import { act, cleanup, renderHook } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "bun:test";
+import { PropsWithChildren } from "react";
+import { AnyNoyaStateContext } from "../NoyaStateContext";
+import { useResourceUrl } from "../useResourceUrl";
+
+const asset = {
+  id: "asset-id",
+  stableId: "asset-stable-id",
+  url: "blob:http://localhost/image",
+} as Asset;
+
+const resource = {
+  accessibleByFileId: null,
+  accessibleByFileVersionId: null,
+  createdAt: "2026-01-01T00:00:00.000Z",
+  updatedAt: "2026-01-01T00:00:00.000Z",
+  id: "resource-id",
+  stableId: "resource-stable-id",
+  path: "image.png",
+  type: "asset",
+  assetId: asset.id,
+  url: "/api/resources/resource-id",
+} satisfies Resource;
+
+afterEach(cleanup);
+
+describe("useResourceUrl", () => {
+  it("resolves IDs and stable IDs and responds to data updates", () => {
+    const noyaManager = new NoyaManager(
+      {},
+      {
+        initialAssets: [asset],
+        initialResources: [resource],
+      }
+    );
+    const wrapper = ({ children }: PropsWithChildren) => (
+      <AnyNoyaStateContext.Provider
+        value={{ noyaManager, theme: "light", viewType: "editable" }}
+      >
+        {children}
+      </AnyNoyaStateContext.Provider>
+    );
+    const { result, rerender } = renderHook(
+      ({ id }: { id: string | undefined }) => useResourceUrl(id),
+      {
+        initialProps: { id: resource.id },
+        wrapper,
+      }
+    );
+
+    expect(result.current).toBe(asset.url);
+
+    rerender({ id: resource.stableId });
+    expect(result.current).toBe(asset.url);
+
+    act(() => {
+      noyaManager.assetManager.set([
+        { ...asset, url: "blob:http://localhost/updated-image" },
+      ]);
+    });
+    expect(result.current).toBe("blob:http://localhost/updated-image");
+
+    act(() => {
+      noyaManager.assetManager.set([]);
+    });
+    expect(result.current).toBe(resource.url);
+
+    act(() => {
+      noyaManager.resourceManager.setResources([
+        { ...resource, url: "/api/resources/updated-resource-id" },
+      ]);
+    });
+    expect(result.current).toBe("/api/resources/updated-resource-id");
+  });
+
+  it("returns undefined when no resource ID is provided", () => {
+    const noyaManager = new NoyaManager({});
+    const wrapper = ({ children }: PropsWithChildren) => (
+      <AnyNoyaStateContext.Provider
+        value={{ noyaManager, theme: "light", viewType: "editable" }}
+      >
+        {children}
+      </AnyNoyaStateContext.Provider>
+    );
+    const { result } = renderHook(() => useResourceUrl(undefined), { wrapper });
+
+    expect(result.current).toBeUndefined();
+  });
+});

package/src/index.ts

@@ -9,5 +9,6 @@ export * from "./noyaApp";
 export * from "./NoyaStateContext";
 export * from "./singleton";
 export * from "./useObservable";
+export * from "./useResourceUrl";
 export { WebSocketConnection } from "./WebSocketConnection";
 export type { ConnectionEvent, ConnectionOptions } from "./WebSocketConnection";

package/src/noyaApp.ts

@@ -40,6 +40,8 @@ export type AppData<State> = {
   clientId?: string;
   clientName?: string;
   clientImage?: string;
+  parentOrigin?: string;
+  enableDocumentAI?: boolean;
 };
 
 export function createDefaultAppData<State>(
@@ -150,6 +152,8 @@ export function getSyncAdapter<
   policyAuthContext?: PolicyAuthContext;
   serverScripts?: LocalStorageSyncOptions["serverScripts"];
   git?: LocalStorageSyncOptions["git"];
+  parentOrigin?: string;
+  enableDocumentAI?: boolean;
 }): SyncAdapter<S, M, E, MenuT, I> {
   const {
     multiplayerUrl,
@@ -158,10 +162,17 @@ export function getSyncAdapter<
     policyAuthContext,
     serverScripts,
     git,
+    parentOrigin,
+    enableDocumentAI,
   } = params ?? {};
 
   return isEmbeddedApp()
-    ? parentFrameSync<S, M, E, MenuT, I>({ debug, policyAuthContext })
+    ? parentFrameSync<S, M, E, MenuT, I>({
+        debug,
+        policyAuthContext,
+        origin: parentOrigin,
+        enableDocumentAI,
+      })
     : multiplayerUrl
       ? webSocketSync<S, M, E, MenuT, I>({ url: multiplayerUrl, debug })
       : offlineStorageKey
@@ -258,6 +269,8 @@ export function useNoyaStateInternal<
       userId,
       isDemo,
       access,
+      parentOrigin,
+      enableDocumentAI,
     },
   ] = useState(() => {
     return getAppData(initialState, options?.schema, {
@@ -289,6 +302,8 @@ export function useNoyaStateInternal<
       policyAuthContext: basePolicyAuthContext,
       serverScripts: options?.serverScripts,
       git: options?.git,
+      parentOrigin,
+      enableDocumentAI,
     });
   }, [
     multiplayerUrl,
@@ -297,10 +312,23 @@ export function useNoyaStateInternal<
     basePolicyAuthContext,
     options?.serverScripts,
     options?.git,
+    parentOrigin,
+    enableDocumentAI,
   ]);
 
   const [noyaManager] = useState(
-    () => new NoyaManager<S, M, E, MenuT, I>(noyaAppInitialState as S, options)
+    () =>
+      new NoyaManager<S, M, E, MenuT, I>(noyaAppInitialState as S, {
+        ...options,
+        resourceUrlBase:
+          options?.resourceUrlBase ??
+          parentOrigin ??
+          (typeof globalThis.location === "undefined"
+            ? undefined
+            : globalThis.location.origin === "null"
+              ? undefined
+              : globalThis.location.origin),
+      })
   );
 
   useEffect(() => {

package/src/singleton.tsx

@@ -89,7 +89,17 @@ export function initializeNoyaSingleton<
 
   noyaManagerSingleton = new NoyaManager<S, M, E, MenuT, I>(
     appData.initialState as S,
-    managerOptions
+    {
+      ...managerOptions,
+      resourceUrlBase:
+        managerOptions.resourceUrlBase ??
+        appData.parentOrigin ??
+        (typeof globalThis.location === "undefined"
+          ? undefined
+          : globalThis.location.origin === "null"
+            ? undefined
+            : globalThis.location.origin),
+    }
   );
 
   if (appData.userId) {
@@ -109,6 +119,8 @@ export function initializeNoyaSingleton<
       serverScripts: managerOptions?.serverScripts,
       git: managerOptions?.git,
       policyAuthContext,
+      parentOrigin: appData.parentOrigin,
+      enableDocumentAI: appData.enableDocumentAI,
     });
 
   // Activate sync immediately for the singleton

package/src/useResourceUrl.ts

@@ -0,0 +1,19 @@
+"use client";
+
+import { getResourceUrl } from "@noya-app/state-manager";
+import { useAnyNoyaStateContext } from "./NoyaStateContext";
+import { useObservable } from "./useObservable";
+
+export function useResourceUrl(
+  idOrStableId: string | undefined
+): string | undefined {
+  const { noyaManager } = useAnyNoyaStateContext();
+  const resources = useObservable(
+    noyaManager.resourceManager.optimisticResources$
+  );
+  const assets = useObservable(noyaManager.assetManager.assets$);
+
+  if (!idOrStableId) return undefined;
+
+  return getResourceUrl(idOrStableId, resources, assets);
+}