@noya-app/noya-api-client-react 0.1.38 → 0.1.40

package/dist/index.js

@@ -5309,6 +5309,18 @@ var import_observable2 = require("@noya-app/observable");
 // ../state-manager/src/AssetManager.ts
 var import_noya_utils3 = require("@noya-app/noya-utils");
 var import_observable3 = require("@noya-app/observable");
+var _toNoyaAsset = (0, import_noya_utils3.memoize)(
+  (asset) => ({
+    id: asset.stableId,
+    url: asset.url,
+    createdAt: asset.createdAt,
+    size: asset.size,
+    contentType: asset.contentType,
+    width: asset.width ?? null,
+    height: asset.height ?? null,
+    userId: asset.userId ?? null
+  })
+);
 
 // ../noya-schemas/src/nullable.ts
 var Nullable = (schema) => Type.Union([Type.Null(), schema]);
@@ -5373,6 +5385,7 @@ var activityEventSchema = Type.Object({
 // ../noya-schemas/src/asset.ts
 var assetSchema = Type.Object({
   id: Type.String(),
+  stableId: Type.String(),
   url: Type.String(),
   createdAt: Type.String(),
   size: Type.Number(),
@@ -6067,11 +6080,11 @@ function handleValue(target, handledSet, options) {
     }
   });
   if (setMap) {
-    const set3 = target;
-    const values = Array.from(set3);
-    set3.clear();
+    const set4 = target;
+    const values = Array.from(set4);
+    set4.clear();
     values.forEach((value) => {
-      set3.add(setMap.has(value) ? setMap.get(value) : value);
+      set4.add(setMap.has(value) ? setMap.get(value) : value);
     });
   }
 }
@@ -6904,7 +6917,7 @@ var makeCreator = (arg) => {
       };
     }
     const base2 = arg0;
-    const mutate2 = arg1;
+    const mutate = arg1;
     let options = arg2;
     if (typeof arg1 !== "function") {
       options = arg1;
@@ -6948,7 +6961,7 @@ var makeCreator = (arg) => {
     }
     let result;
     try {
-      result = mutate2(draft);
+      result = mutate(draft);
     } catch (error) {
       revokeProxy(getProxyDraft(draft));
       throw error;
@@ -7056,7 +7069,7 @@ function apply(state, patches, applyOptions) {
   if (i > -1) {
     patches = patches.slice(i + 1);
   }
-  const mutate2 = (draft) => {
+  const mutate = (draft) => {
     patches.forEach((patch) => {
       const { path: _path, from: _fromPath, op } = patch;
       const path2 = unescapePath(_path);
@@ -7176,17 +7189,17 @@ function apply(state, patches, applyOptions) {
         console.warn('The "mutable" option is not allowed to be used with other options.');
       }
     }
-    mutate2(state);
+    mutate(state);
     return void 0;
   }
   if (isDraft(state)) {
     if (applyOptions !== void 0) {
       throw new Error(`Cannot apply patches with options to a draft.`);
     }
-    mutate2(state);
+    mutate(state);
     return state;
   }
-  return create(state, mutate2, Object.assign(Object.assign({}, applyOptions), { enablePatches: false }));
+  return create(state, mutate, Object.assign(Object.assign({}, applyOptions), { enablePatches: false }));
 }
 var constructorString = Object.prototype.constructor.toString();
 
@@ -7299,6 +7312,10 @@ var import_fast_diff = __toESM(require_diff());
 // ../state-manager/src/EvalManager.ts
 var import_noya_utils4 = require("@noya-app/noya-utils");
 
+// ../state-manager/src/FilePropertyManager.ts
+var import_noya_utils5 = require("@noya-app/noya-utils");
+var import_observable6 = require("@noya-app/observable");
+
 // ../state-manager/src/historyEntries.ts
 var HistoryEntries;
 ((HistoryEntries2) => {
@@ -7386,7 +7403,7 @@ var HistoryEntries;
 })(HistoryEntries || (HistoryEntries = {}));
 
 // ../state-manager/src/IOManager.ts
-var import_observable6 = require("@noya-app/observable");
+var import_observable7 = require("@noya-app/observable");
 
 // ../state-manager/src/jwt.ts
 function base64UrlEncode(str) {
@@ -7488,27 +7505,28 @@ var jwt;
 })(jwt || (jwt = {}));
 
 // ../state-manager/src/MenuManager.ts
-var import_observable7 = require("@noya-app/observable");
+var import_noya_utils6 = require("@noya-app/noya-utils");
+var import_observable8 = require("@noya-app/observable");
 
 // ../state-manager/src/multiplayer.ts
-var import_noya_utils5 = require("@noya-app/noya-utils");
-var import_observable9 = require("@noya-app/observable");
+var import_noya_utils7 = require("@noya-app/noya-utils");
+var import_observable10 = require("@noya-app/observable");
 
 // ../state-manager/src/stateManager.ts
-var import_observable8 = require("@noya-app/observable");
+var import_observable9 = require("@noya-app/observable");
 
 // ../state-manager/src/multiplayer.ts
-var createHash = (value, options) => (0, import_noya_utils5.hash)(value, { ...options, ignoreUndefinedProperties: true });
+var createHash = (value, options) => (0, import_noya_utils7.hash)(value, { ...options, ignoreUndefinedProperties: true });
 
 // ../state-manager/src/NoyaManager.ts
-var import_noya_utils9 = require("@noya-app/noya-utils");
-var import_observable17 = require("@noya-app/observable");
+var import_noya_utils11 = require("@noya-app/noya-utils");
+var import_observable18 = require("@noya-app/observable");
 
 // ../noya-pipeline/src/graphToTasks.ts
-var import_observable10 = require("@noya-app/observable");
+var import_observable11 = require("@noya-app/observable");
 
 // ../noya-pipeline/src/state.ts
-var import_noya_utils6 = require("@noya-app/noya-utils");
+var import_noya_utils8 = require("@noya-app/noya-utils");
 var rectSchema = Type.Object({
   x: Type.Number(),
   y: Type.Number(),
@@ -7607,24 +7625,24 @@ var pipelineSchema = Type.Object(
 );
 
 // ../state-manager/src/PipelineManager.ts
-var import_observable11 = require("@noya-app/observable");
+var import_observable12 = require("@noya-app/observable");
 
 // ../state-manager/src/PublishingManager.ts
-var import_observable12 = require("@noya-app/observable");
+var import_observable13 = require("@noya-app/observable");
 
 // ../state-manager/src/ResourceManager.ts
-var import_noya_utils7 = require("@noya-app/noya-utils");
-var import_observable13 = require("@noya-app/observable");
+var import_noya_utils9 = require("@noya-app/noya-utils");
+var import_observable14 = require("@noya-app/observable");
 
 // ../state-manager/src/rpcManager.ts
-var import_noya_utils8 = require("@noya-app/noya-utils");
-var import_observable14 = require("@noya-app/observable");
+var import_noya_utils10 = require("@noya-app/noya-utils");
+var import_observable15 = require("@noya-app/observable");
 
 // ../state-manager/src/SecretManager.ts
-var import_observable15 = require("@noya-app/observable");
+var import_observable16 = require("@noya-app/observable");
 
 // ../state-manager/src/TaskManager.ts
-var import_observable16 = require("@noya-app/observable");
+var import_observable17 = require("@noya-app/observable");
 
 // ../state-manager/src/NoyaManager.ts
 var createMutatorParametersSchema = Type.Object({
@@ -7636,6 +7654,9 @@ var createMutatorParametersSchema = Type.Object({
   })
 });
 
+// ../state-manager/src/sync/localRpcHelpers.ts
+var import_noya_utils12 = require("@noya-app/noya-utils");
+
 // ../noya-keymap/src/hooks.ts
 var import_react4 = require("react");
 
@@ -7747,10 +7768,10 @@ var MenuItemTree = (0, import_tree_visit3.defineTree)((node) => {
 });
 
 // ../noya-multiplayer-react/src/ai.ts
-var import_react59 = require("react");
+var import_react60 = require("react");
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_observable18 = require("@noya-app/observable");
+var import_observable19 = require("@noya-app/observable");
 
 // ../noya-react-utils/src/components/AutoSizer.tsx
 var React2 = __toESM(require("react"));
@@ -7932,7 +7953,7 @@ var FileDropTarget = memoGeneric(function FileDropTarget2({ children, onDropFile
 var import_react8 = require("react");
 
 // ../noya-react-utils/src/hooks/useDeepArray.ts
-var import_noya_utils10 = require("@noya-app/noya-utils");
+var import_noya_utils13 = require("@noya-app/noya-utils");
 var import_react9 = require("react");
 function useJsonMemo(value) {
   const stringified = (0, import_react9.useMemo)(
@@ -7947,7 +7968,7 @@ function useJsonMemo(value) {
 }
 
 // ../noya-react-utils/src/hooks/useDeepState.ts
-var import_noya_utils11 = require("@noya-app/noya-utils");
+var import_noya_utils14 = require("@noya-app/noya-utils");
 var import_react10 = require("react");
 
 // ../noya-react-utils/src/hooks/useFetch.ts
@@ -7978,7 +7999,7 @@ var import_react17 = require("react");
 var import_react18 = require("react");
 
 // ../noya-react-utils/src/hooks/useShallowArray.ts
-var import_noya_utils12 = require("@noya-app/noya-utils");
+var import_noya_utils15 = require("@noya-app/noya-utils");
 var import_react19 = require("react");
 
 // ../noya-react-utils/src/hooks/useStableCallback.ts
@@ -7988,7 +8009,7 @@ var import_react20 = require("react");
 var import_react21 = require("react");
 
 // ../noya-react-utils/src/hooks/useUrlHashParameters.ts
-var import_noya_utils13 = require("@noya-app/noya-utils");
+var import_noya_utils16 = require("@noya-app/noya-utils");
 var import_react22 = require("react");
 
 // ../noya-react-utils/src/hooks/useWindowSize.ts
@@ -8051,7 +8072,7 @@ function downloadBlob(...params) {
 }
 
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 
 // ../noya-multiplayer-react/src/noyaApp.ts
 var import_react57 = require("react");
@@ -8139,7 +8160,7 @@ var import_react55 = __toESM(require("react"));
 var import_client = require("react-dom/client");
 
 // ../noya-multiplayer-react/src/inspector/StateInspector.tsx
-var import_noya_utils14 = require("@noya-app/noya-utils");
+var import_noya_utils17 = require("@noya-app/noya-utils");
 var import_react54 = __toESM(require("react"));
 
 // ../../node_modules/react-inspector/dist/index.mjs
@@ -10472,19 +10493,17 @@ async function importAll(buffer, noyaManager, {
   }
   if (assets.length) {
     await Promise.all(
-      noyaManager.assetManager.assets$.get().map((asset) => noyaManager.assetManager.delete(asset.id))
+      noyaManager.assetManager.assets$.get().map((asset) => noyaManager.assetManager.delete(asset.stableId))
     );
-    const idPairs = await Promise.all(
+    await Promise.all(
       assets.map(async (asset) => {
-        const newAsset = await noyaManager.assetManager.create({
+        await noyaManager.assetManager.create({
           data: assetMap[asset.id],
-          contentType: asset.contentType
+          contentType: asset.contentType,
+          stableId: asset.stableId
         });
-        return [asset.id, newAsset.id];
       })
     );
-    const replacementMap = Object.fromEntries(idPairs);
-    state = replaceDeep(state, replacementMap);
   }
   noyaManager.initialState = state;
   noyaManager.forceInit();
@@ -10517,27 +10536,6 @@ function decodeAll(buffer) {
   }
   return { state, schema, assets, assetMap };
 }
-function replaceDeep(obj, replacementMap) {
-  switch (typeof obj) {
-    case "object":
-      if (obj === null) {
-        return obj;
-      }
-      if (Array.isArray(obj)) {
-        return obj.map((item) => replaceDeep(item, replacementMap));
-      }
-      return Object.fromEntries(
-        Object.entries(obj).map(([key, value]) => [
-          key,
-          replaceDeep(value, replacementMap)
-        ])
-      );
-    case "string":
-      return replacementMap[obj] ?? obj;
-    default:
-      return obj;
-  }
-}
 
 // ../noya-multiplayer-react/src/inspector/StateInspectorTitleLabel.tsx
 var import_react51 = __toESM(require("react"));
@@ -11000,7 +10998,14 @@ var StateInspector = memoGeneric(function StateInspector2({
           "Upload"
         ))
       },
-      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(themedObjectInspector, { name: asset.id, data: asset, theme: theme3 }), /* @__PURE__ */ import_react54.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(StateInspectorDisclosureRowInner, null, assets.map((asset) => /* @__PURE__ */ import_react54.default.createElement(StateInspectorRow, { key: asset.id, colorScheme }, /* @__PURE__ */ import_react54.default.createElement(
+        themedObjectInspector,
+        {
+          name: asset.id,
+          data: truncateAsset(asset),
+          theme: theme3
+        }
+      ), /* @__PURE__ */ import_react54.default.createElement(
         StateInspectorButton,
         {
           theme: theme3,
@@ -11025,10 +11030,8 @@ var StateInspector = memoGeneric(function StateInspector2({
                 "Are you sure you want to delete all resources?"
               );
               if (!ok) return;
-              await Promise.all(
-                resources.map(
-                  (resource) => resourceManager.deleteResource({ id: resource.id })
-                )
+              await resourceManager.deleteResource(
+                resources.map((resource) => ({ id: resource.id }))
               );
             }
           },
@@ -11038,7 +11041,7 @@ var StateInspector = memoGeneric(function StateInspector2({
           {
             theme: theme3,
             onClick: async () => {
-              const path2 = prompt("Enter directory path") || (0, import_noya_utils14.uuid)();
+              const path2 = prompt("Enter directory path") || (0, import_noya_utils17.uuid)();
               await resourceManager.createResource({
                 type: "directory",
                 path: path2
@@ -11054,9 +11057,9 @@ var StateInspector = memoGeneric(function StateInspector2({
               const file = await uploadFile();
               resourceManager.createResource({
                 type: "asset",
-                path: file.name || (0, import_noya_utils14.uuid)(),
+                path: file.name || (0, import_noya_utils17.uuid)(),
                 asset: {
-                  content: import_noya_utils14.Base64.encode(await file.arrayBuffer()),
+                  content: import_noya_utils17.Base64.encode(await file.arrayBuffer()),
                   contentType: file.type,
                   encoding: "base64"
                 }
@@ -11241,6 +11244,12 @@ var StateInspector = memoGeneric(function StateInspector2({
     )
   );
 });
+var truncateAsset = (0, import_noya_utils17.memoize)((asset) => {
+  if (asset.url.startsWith("data:") || asset.url.startsWith("blob:")) {
+    return { ...asset, url: ellipsis(asset.url, 40) };
+  }
+  return asset;
+});
 
 // ../noya-multiplayer-react/src/hooks.ts
 function useManagedHistory(stateManager) {
@@ -11251,15 +11260,16 @@ function useManagedHistory(stateManager) {
   );
 }
 
+// ../noya-multiplayer-react/src/singleton.tsx
+var import_react58 = __toESM(require("react"));
+
 // ../noya-multiplayer-react/src/NoyaStateContext.tsx
-var AnyNoyaStateContext = (0, import_react58.createContext)(void 0);
-var ConnectedUsersContext = (0, import_react58.createContext)(void 0);
-var AnyEphemeralUserDataManagerContext = (0, import_react58.createContext)(void 0);
+var AnyNoyaStateContext = (0, import_react59.createContext)(void 0);
 var emptyArray = [];
 function useActivityEventsForManager(streamFilter, activityEventsManager) {
-  const [streamId, setStreamId] = (0, import_react58.useState)(void 0);
+  const [streamId, setStreamId] = (0, import_react59.useState)(void 0);
   const stableStreamFilter = useJsonMemo(streamFilter);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!stableStreamFilter) return;
     const streamId2 = activityEventsManager.subscribe(stableStreamFilter);
     setStreamId(streamId2);
@@ -11273,8 +11283,8 @@ function useActivityEventsForManager(streamFilter, activityEventsManager) {
 }
 
 // ../noya-multiplayer-react/src/components/UserPointersOverlay.tsx
-var import_observable19 = require("@noya-app/observable");
-var import_react60 = __toESM(require("react"));
+var import_observable20 = require("@noya-app/observable");
+var import_react61 = __toESM(require("react"));
 function shouldShow(hideAfter, updatedAt) {
   return !!updatedAt && Date.now() - updatedAt < hideAfter;
 }
@@ -11284,18 +11294,18 @@ var UserPointerInternal = memoGeneric(function UserPointerInternal2({
   hideAfter = 5e3,
   renderUserPointer
 }) {
-  const observable = (0, import_react60.useMemo)(() => {
+  const observable = (0, import_react61.useMemo)(() => {
     const metadata$ = ephemeralUserDataManager.metadata$.observePath([user.id]).throttle(50);
     const data$ = ephemeralUserDataManager.data$.observePath([user.id]).throttle(50);
-    return import_observable19.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
+    return import_observable20.Observable.combine([metadata$, data$], ([metadata2, data2]) => {
       return { metadata: metadata2, data: data2 };
     });
   }, [ephemeralUserDataManager, user.id]);
   const { metadata, data } = useObservable2(observable);
-  const [, setForceUpdate] = (0, import_react60.useState)(0);
+  const [, setForceUpdate] = (0, import_react61.useState)(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   const show = shouldShow(hideAfter, updatedAt);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (!show) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
@@ -11317,9 +11327,9 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
 }) {
   const currentUserId = useObservable2(ephemeralUserDataManager.currentUserId$);
   const connectedUsers = useObservable2(connectedUsersManager.connectedUsers$);
-  return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, connectedUsers.map((user) => {
+  return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, connectedUsers.map((user) => {
     if (user.id === currentUserId) return null;
-    return /* @__PURE__ */ import_react60.default.createElement(
+    return /* @__PURE__ */ import_react61.default.createElement(
       UserPointerInternal,
       {
         key: user.id,
@@ -11333,15 +11343,15 @@ var UserPointersOverlay = memoGeneric(function UserPointers({
 
 // src/react/tableHooks.ts
 var import_observable_store = require("@noya-app/observable-store");
-var import_react61 = require("react");
+var import_react62 = require("react");
 function useTable(table, {
   where,
   select
 }, options = {}) {
-  const stableSelect = (0, import_react61.useMemo)(() => {
+  const stableSelect = (0, import_react62.useMemo)(() => {
     return JSON.stringify(select);
   }, [select]);
-  const stableWhere = (0, import_react61.useMemo)(() => {
+  const stableWhere = (0, import_react62.useMemo)(() => {
     let cloneWithNoUndefined = {};
     for (const [key, value] of Object.entries(where ?? {})) {
       if (value !== void 0) {
@@ -11350,7 +11360,7 @@ function useTable(table, {
     }
     return JSON.stringify(cloneWithNoUndefined);
   }, [where]);
-  const observable = (0, import_react61.useMemo)(() => {
+  const observable = (0, import_react62.useMemo)(() => {
     const parsedSelect = JSON.parse(stableSelect);
     const parsedWhere = JSON.parse(stableWhere);
     if (!table) {
@@ -11377,67 +11387,99 @@ function useTable(table, {
       }
     );
   }, [stableSelect, stableWhere, table, options.policy, options.debug]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     observable.start?.();
   }, [observable]);
   const { status, data } = useObservable2(observable);
-  return (0, import_react61.useMemo)(() => {
+  const optimisticUpdate = (0, import_react62.useCallback)(
+    (entity, config) => {
+      if (!table) return;
+      table.optimisticUpdate(entity, config);
+    },
+    [table]
+  );
+  return (0, import_react62.useMemo)(() => {
     return {
       status,
       data,
-      refetch: observable.refetch
+      refetch: observable.refetch,
+      optimisticUpdate
     };
-  }, [status, data, observable]);
+  }, [status, data, observable, optimisticUpdate]);
 }
 function useFileList(select, options = {}) {
   const client = useNoyaClientOrFallback();
-  return useTable(client.fileList$, { select }, options);
+  const { status, data, refetch, optimisticUpdate } = useTable(
+    client.fileList$,
+    { select },
+    options
+  );
+  return {
+    status,
+    data,
+    refetch,
+    optimisticUpdate
+  };
 }
 function useFileListItem(id, select, options = {}) {
   const client = useNoyaClientOrFallback();
-  const { status, data, refetch } = useTable(
+  const { status, data, refetch, optimisticUpdate } = useTable(
     client.fileList$,
     { where: { id: id ?? null }, select },
     options
   );
-  return (0, import_react61.useMemo)(() => {
+  return (0, import_react62.useMemo)(() => {
     return {
       data: data.at(0),
       status,
-      refetch
+      refetch,
+      optimisticUpdate
     };
-  }, [data, status, refetch]);
+  }, [data, status, refetch, optimisticUpdate]);
 }
 function useResourcesList(fileId, select, options = {}) {
   const client = useNoyaClientOrFallback();
-  return useTable(
+  const { status, data, refetch, optimisticUpdate } = useTable(
     client.resources$,
     { select, where: { accessibleByFileId: fileId } },
     options
   );
+  return {
+    status,
+    data,
+    refetch,
+    optimisticUpdate
+  };
 }
 function useUser(id, select, options = {}) {
   const client = useNoyaClientOrFallback();
-  const { status, data, refetch } = useTable(
+  const { status, data, refetch, optimisticUpdate } = useTable(
     client.users$,
     { select, where: { id: id ?? null } },
     options
   );
-  return (0, import_react61.useMemo)(() => {
+  return (0, import_react62.useMemo)(() => {
     return {
       status,
       data: data.at(0),
-      refetch
+      refetch,
+      optimisticUpdate
     };
-  }, [status, data, refetch]);
+  }, [status, data, refetch, optimisticUpdate]);
 }
 function useActivityEventsList(fileId, select, options = {}) {
   const client = useNoyaClientOrFallback();
-  return useTable(
+  const { status, data, refetch, optimisticUpdate } = useTable(
     client.activityEvents$,
     { select, where: { fileId } },
     options
   );
+  return {
+    status,
+    data,
+    refetch,
+    optimisticUpdate
+  };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {