@powerhousedao/connect 1.0.16-dev.2 → 1.0.16-staging.0

package/dist/assets/{content-BlRqE_8w.js → content-CmVByr1W.js}

@@ -1,16 +1,10 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { t as twMerge, B as Button, m as mergeClassNameProps, E as ERROR, M as MISSING, C as CONFLICT, S as SUCCESS, h as SYNCING, I as INITIAL_SYNC, i as ConnectDropdownMenu, u as useOnClickOutside, j as useEventListener, k as useCopyToClipboard, l as Select, n as ENSAvatar, P as Provider, o as Root3, T as Trigger, p as Portal, q as Content2, v as validateInitialState, w as validateStateSchemaName, x as validateModules, y as useUnwrappedReactor, z as useConnectDid, A as useConnectCrypto, D as useTranslation, F as useModal, G as useAtomValue, H as themeAtom, J as useUser, K as useUserPermissions, L as useUiNodes, N as exportFile, O as useGetDocumentModelModule, Q as addActionContext, U as signOperation, V as useDocumentDriveServer, W as useHotkeys, X as useGetEditor, Y as isSameDocument, Z as useNavigate, _ as ErrorBoundary, $ as DriveLayout, a0 as SearchBar, a1 as useAsyncReactor, a2 as useFilteredDocumentModels, a3 as useDriveEditor, a4 as useDocumentDriveById, a5 as useParams, a6 as useDocumentDrives, a7 as toast } from "./app-DhH3gUSI.js";
+import { t as twMerge, B as Button, m as mergeClassNameProps, E as ERROR, M as MISSING, C as CONFLICT, S as SUCCESS, k as SYNCING, I as INITIAL_SYNC, l as ConnectDropdownMenu, u as useOnClickOutside, n as useEventListener, o as useCopyToClipboard, p as Select, q as ENSAvatar, P as Provider, v as Root3, T as Trigger, w as Portal, x as Content2, y as validateInitialState, z as validateStateSchemaName, A as validateModules, D as useDocumentDrives, F as useUiNodesContext, G as useDriveContext, H as FILE$1, J as useUnwrappedReactor, K as useConnectDid, L as useConnectCrypto, N as useTranslation, O as useModal, Q as useAtomValue, U as themeAtom, V as useUser, W as useUserPermissions$1, X as useUiNodes, Y as exportFile, Z as useGetDocumentModelModule, _ as addActionContext$1, $ as signOperation$1, a0 as useDocumentDriveServer, a1 as useHotkeys, a2 as useGetEditor, a3 as isSameDocument, a4 as useNavigate, a5 as ErrorBoundary, a6 as DriveLayout, a7 as DriveContextProvider, a8 as SearchBar, a9 as useAsyncReactor, aa as useFilteredDocumentModels, ab as useDriveEditor, ac as useDocumentDriveById, ad as useParams, ae as useDocumentDrives$1, af as toast } from "./app-BjxLqcmz.js";
 import * as React from "react";
 import React__default, { useState, useCallback, useMemo, useEffect, Fragment, useRef, useLayoutEffect, memo as memo$1, createElement, useSyncExternalStore, Suspense } from "react";
-import { _ as Icon, aX as getDimensions, aY as READ, aZ as nodeOptionsMap, a_ as defaultFileOptions, a$ as DELETE, b0 as RENAME, b1 as WRITE, b2 as DUPLICATE, b3 as defaultFolderOptions, b4 as garbageCollect, b5 as sortOperations, b6 as UI_NODE, aO as DRIVE, ay as FILE, b7 as undo, b8 as redo, ac as logger, b9 as useDocumentDispatch, aP as FOLDER, ak as driveDocumentModelModule } from "./app-loader-Btk_wf_z.js";
-import { useDocument, useDocumentEditorProps } from "@powerhousedao/reactor-browser";
-import { useUiNodesContext, FILE as FILE$1 } from "@powerhousedao/reactor-browser/hooks/useUiNodesContext";
-import { useDriveActionsWithUiNodes } from "@powerhousedao/reactor-browser/hooks/useDriveActionsWithUiNodes";
-import { DriveContextProvider, useDriveContext } from "@powerhousedao/reactor-browser/hooks/useDriveContext";
-import "@powerhousedao/reactor-browser/uiNodes/constants";
-import { makeDriveDocumentStateHook } from "@powerhousedao/reactor-browser/hooks/document-state";
+import { _ as Icon, aX as getDimensions, aY as READ, aZ as nodeOptionsMap, a_ as defaultFileOptions, a$ as DELETE, b0 as RENAME, b1 as WRITE, b2 as DUPLICATE, b3 as defaultFolderOptions, b4 as garbageCollect, b5 as sortOperations, b6 as UI_NODE, aP as DRIVE, az as FILE, ae as buildSignedOperation, b7 as generateId$1, aw as isFolderNode, aB as generateNodesCopy, aC as copyNode, aA as moveNode, ay as updateNode, ax as deleteNode, ar as generateAddNodeAction, as as isFileNode, av as addFolder, b8 as undo, b9 as redo, ac as logger, ba as useDocumentDispatch$1, aQ as FOLDER, al as driveDocumentModelModule } from "./app-loader-nik9-lTL.js";
 import { flushSync } from "react-dom";
-import "./main.C1DJvpcL.js";
+import "./main.BuoJ8woF.js";
 const PaginationButton = ({ active = false, ...props }) => {
   const className = twMerge("h-8 min-w-8 border border-solid border-gray-300 bg-white px-3 py-1 text-xs text-gray-900 hover:bg-gray-100", !active && "border-0");
   return jsx(Button, { color: "light", size: "small", ...mergeClassNameProps(props, className), children: props.children });
@@ -3010,6 +3004,349 @@ const validateDocument = (document2) => {
   const modulesErrors = validateModules(specs.modules);
   return [...initialStateErrors, ...schemaStateErrors, ...modulesErrors];
 };
+function useUserPermissions() {
+  return {
+    isAllowedToCreateDocuments: true,
+    isAllowedToEditDocuments: true
+  };
+}
+function useDocument(reactor, documentMeta = {}) {
+  const { documentId, documentType, driveId } = documentMeta;
+  const [document2, setDocument] = useState();
+  const onStrandUpdate = useCallback((cb) => {
+    if (!reactor) {
+      throw new Error("Reactor is not loaded");
+    }
+    return reactor.on("strandUpdate", cb);
+  }, [reactor]);
+  useEffect(() => {
+    if (!reactor)
+      return;
+    if (!driveId || !documentId || !documentType)
+      return;
+    reactor.getDocument(driveId, documentId).then(setDocument).catch(console.error);
+  }, [driveId, documentId, documentType, reactor]);
+  useEffect(() => {
+    if (!reactor)
+      return;
+    if (!driveId || !documentId || !documentType)
+      return;
+    const removeListener = onStrandUpdate((strand) => {
+      if (strand.driveId === driveId && strand.documentId === documentId) {
+        reactor.getDocument(driveId, documentId).then(setDocument).catch(console.error);
+      }
+    });
+    return removeListener;
+  }, [onStrandUpdate, driveId, documentId, documentType]);
+  return document2;
+}
+async function signOperation(operation, sign, documentId, document2, reducer, user) {
+  if (!user)
+    return operation;
+  if (!operation.context)
+    return operation;
+  if (!operation.context.signer)
+    return operation;
+  if (!reducer) {
+    console.error(`Document model '${document2.documentType}' does not have a reducer`);
+    return operation;
+  }
+  const context = {
+    documentId,
+    signer: operation.context.signer
+  };
+  const signedOperation = await buildSignedOperation(operation, reducer, document2, context, sign);
+  return signedOperation;
+}
+function addActionContext(action, connectDid, user) {
+  if (!user)
+    return action;
+  const signer = {
+    app: {
+      name: "Connect",
+      key: connectDid || ""
+    },
+    user: {
+      address: user.address,
+      networkId: user.networkId,
+      chainId: user.chainId
+    },
+    signatures: []
+  };
+  return {
+    context: { signer },
+    ...action
+  };
+}
+function debounceOperations(callback, timeout = 50) {
+  let timer;
+  const operations = [];
+  return (operation) => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+    const index = operations.findIndex((op) => op.scope === operation.scope && op.index === operation.index);
+    if (index > -1) {
+      const oldOperation = operations[index];
+      if (!(oldOperation.type === operation.type && JSON.stringify(operation.input) === JSON.stringify(oldOperation.input))) {
+        console.warn("Two conflicting operations were dispatched:", oldOperation, operation);
+      }
+      operations[index] = operation;
+    } else {
+      operations.push(operation);
+    }
+    return new Promise((resolve, reject) => {
+      timer = setTimeout(() => {
+        callback(operations).then(resolve).catch(reject);
+      }, timeout);
+    });
+  };
+}
+function useAddDebouncedOperations(reactor, props) {
+  const { driveId, documentId } = props;
+  const [documentDrives] = useDocumentDrives(reactor);
+  const documentDrivesRef = useRef(documentDrives);
+  const { isAllowedToEditDocuments } = useUserPermissions() || {
+    isAllowedToEditDocuments: false
+  };
+  useEffect(() => {
+    documentDrivesRef.current = documentDrives;
+  }, [documentDrives]);
+  const addOperations = useCallback(async (driveId2, id, operations) => {
+    if (!isAllowedToEditDocuments) {
+      throw new Error("User is not allowed to edit documents");
+    }
+    if (!reactor) {
+      throw new Error("Reactor is not loaded");
+    }
+    const drive = documentDrivesRef.current.find((drive2) => drive2.state.global.id === driveId2);
+    if (!drive) {
+      throw new Error(`Drive with id ${driveId2} not found`);
+    }
+    const newDocument = await reactor.queueOperations(driveId2, id, operations);
+    return newDocument.document;
+  }, [isAllowedToEditDocuments, reactor]);
+  const addDebouncedOperations = useMemo(() => {
+    return debounceOperations((operations) => addOperations(driveId, documentId, operations));
+  }, [addOperations, driveId, documentId]);
+  return addDebouncedOperations;
+}
+function useDocumentDispatch(documentReducer, initialState, onError = console.error) {
+  const [state, setState] = useState(initialState);
+  const [error, setError] = useState();
+  const onErrorHandler = (error2) => {
+    setError(error2);
+    onError(error2);
+  };
+  useEffect(() => {
+    setState(initialState);
+  }, [initialState]);
+  const dispatch = (action, callback, onErrorCallback) => {
+    setError(void 0);
+    setState((_state) => {
+      if (!documentReducer || !_state)
+        return _state;
+      try {
+        const newState = documentReducer(_state, action);
+        const scope = action.scope ?? "global";
+        const operations = newState.operations[scope];
+        const operation = operations[operations.length - 1];
+        if (operation.error) {
+          const error2 = new Error(operation.error);
+          onErrorHandler(error2);
+          onErrorCallback == null ? void 0 : onErrorCallback(error2);
+        }
+        callback == null ? void 0 : callback(operation, {
+          prevState: { ..._state },
+          newState: { ...newState }
+        });
+        return newState;
+      } catch (error2) {
+        onErrorHandler(error2);
+        onErrorCallback == null ? void 0 : onErrorCallback(error2);
+        return _state;
+      }
+    });
+  };
+  return [state, dispatch, error];
+}
+function useDocumentEditorProps(reactor, props) {
+  const { nodeId, driveId, documentModelModule, document: initialDocument, user, connectDid, sign } = props;
+  const addDebouncedOprations = useAddDebouncedOperations(reactor, {
+    driveId,
+    documentId: nodeId
+  });
+  const [document2, _dispatch, error] = useDocumentDispatch(documentModelModule.reducer, initialDocument);
+  function dispatch(action, onErrorCallback) {
+    const callback = (operation, state) => {
+      const { prevState } = state;
+      signOperation(operation, sign, nodeId, prevState, documentModelModule.reducer, user).then((op) => {
+        return addDebouncedOprations(op);
+      }).catch(console.error);
+    };
+    _dispatch(addActionContext(action, connectDid, user), callback, onErrorCallback);
+  }
+  return {
+    dispatch,
+    document: document2,
+    error
+  };
+}
+const generateId = () => generateId$1().toString();
+function getNode(id, drive) {
+  return drive.state.global.nodes.find((node) => node.id === id);
+}
+function createDriveActions(document2, dispatch, context) {
+  const drive = document2;
+  const { id: driveId } = drive.state.global;
+  const { selectedNode } = context;
+  const handleAddFolder = async (name, parentFolder, id = generateId()) => {
+    dispatch(addFolder({
+      id,
+      name,
+      parentFolder: parentFolder ?? null
+    }));
+  };
+  const addDocument = async (name, documentType, document3, parentFolder, id = generateId()) => {
+    const action = generateAddNodeAction(drive.state.global, {
+      id,
+      name,
+      parentFolder: parentFolder ?? null,
+      documentType,
+      document: document3
+    }, ["global"]);
+    dispatch(action);
+  };
+  const addFile = async (file, parentFolder = selectedNode && isFileNode(selectedNode) ? void 0 : selectedNode == null ? void 0 : selectedNode.id, name = file.name.replace(/\.zip$/gim, "")) => {
+    const folder = parentFolder ? getNode(parentFolder, drive) : void 0;
+    if (parentFolder && !folder) {
+      throw new Error(`Parent folder with id "${parentFolder}" not found`);
+    }
+    if (folder && !isFolderNode(folder)) {
+      throw new Error(`Parent folder with id "${parentFolder}" is not a folder`);
+    }
+    await context.addFile(file, driveId, name, parentFolder);
+  };
+  const handleDeleteNode = async (id) => {
+    dispatch(deleteNode({ id }));
+  };
+  const renameNode = async (id, name) => {
+    dispatch(updateNode({ id, name }));
+  };
+  const handleMoveNode = async (sourceId, targetId) => {
+    dispatch(moveNode({
+      srcFolder: sourceId,
+      targetParentFolder: targetId
+    }));
+  };
+  const handleCopyNode = async (sourceId, targetFolderId) => {
+    const target = targetFolderId ? getNode(targetFolderId, drive) : void 0;
+    if (targetFolderId && !target) {
+      throw new Error(`Target node with id "${targetFolderId}" not found`);
+    }
+    if (target && !isFolderNode(target)) {
+      throw new Error(`Target node with id "${targetFolderId}" is not a folder`);
+    }
+    const source = getNode(sourceId, drive);
+    if (!source) {
+      throw new Error(`Source node with id "${sourceId}" not found`);
+    }
+    const copyNodesInput = generateNodesCopy({
+      srcId: sourceId,
+      targetParentFolder: target == null ? void 0 : target.id,
+      targetName: source.name
+    }, generateId, drive.state.global.nodes);
+    const copyActions = copyNodesInput.map((copyNodeInput) => copyNode(copyNodeInput));
+    for (const copyAction of copyActions) {
+      dispatch(copyAction);
+    }
+  };
+  const duplicateNode = async (sourceId) => {
+    const node = getNode(sourceId, drive);
+    if (!node) {
+      throw new Error(`Node with id "${sourceId}" not found`);
+    }
+    await handleCopyNode(node.id, node.parentFolder || void 0);
+  };
+  return {
+    context,
+    selectNode: context.selectNode,
+    addFolder: handleAddFolder,
+    addFile,
+    addDocument,
+    deleteNode: handleDeleteNode,
+    renameNode,
+    moveNode: handleMoveNode,
+    copyNode: handleCopyNode,
+    duplicateNode
+  };
+}
+function useDriveActions(document2, dispatch, context) {
+  return useMemo(() => createDriveActions(document2, dispatch, context), [document2, dispatch, context]);
+}
+function toNode(uiNode) {
+  if (uiNode.kind === "DRIVE") {
+    throw new Error("Cannot convert drive node to regular node");
+  }
+  const { id, name, parentFolder, kind } = uiNode;
+  if (kind === "FOLDER") {
+    return { id, name, parentFolder, kind: "folder" };
+  } else {
+    const fileNode = uiNode;
+    return {
+      id,
+      name,
+      parentFolder,
+      kind: "file",
+      documentType: fileNode.documentType,
+      synchronizationUnits: fileNode.synchronizationUnits
+    };
+  }
+}
+function createUiNodeAdapter(driveActions) {
+  return {
+    ...driveActions,
+    addFile: (file, parentNode) => driveActions.addFile(file, parentNode == null ? void 0 : parentNode.id),
+    addFolder: (name, parentFolder = void 0) => driveActions.addFolder(name, parentFolder),
+    renameNode: (name, node) => {
+      const converted = toNode(node);
+      return driveActions.renameNode(converted.id, name);
+    },
+    deleteNode: (node) => {
+      const converted = toNode(node);
+      return driveActions.deleteNode(converted.id);
+    },
+    moveNode: async (src, target) => {
+      if (target.kind === FILE$1 || src.parentFolder === target.id)
+        return;
+      const srcNode = toNode(src);
+      const targetNode = toNode(target);
+      return driveActions.moveNode(srcNode.id, targetNode.id);
+    },
+    copyNode: (src, target) => {
+      return driveActions.copyNode(src.id, target.id);
+    },
+    duplicateNode: (node) => {
+      const converted = toNode(node);
+      return driveActions.duplicateNode(converted.id);
+    }
+  };
+}
+function useDriveActionsWithUiNodes(document2, dispatch) {
+  const { selectedNode, selectedDriveNode, setSelectedNode, getNodeById } = useUiNodesContext();
+  const _driveContext = useDriveContext();
+  const driveContext = useMemo(() => ({
+    ..._driveContext,
+    selectedNode,
+    onSelectNode: (node) => {
+      _driveContext.selectNode(node);
+      setSelectedNode(getNodeById(node.id));
+    }
+  }), [selectedNode, selectedDriveNode == null ? void 0 : selectedDriveNode.driveId, setSelectedNode, getNodeById]);
+  const driveActions = useDriveActions(document2, dispatch, driveContext);
+  const uiNodeActions = useMemo(() => createUiNodeAdapter(driveActions), [driveActions]);
+  return uiNodeActions;
+}
 function useDocumentEditor(props) {
   const { driveId, documentId, documentType, documentModelModule, user } = props;
   const reactor = useUnwrappedReactor();
@@ -3042,7 +3379,7 @@ function useEditorDispatch(node, documentDispatch, onAddOperation) {
       const callback = (operation, state) => {
         if (!(node == null ? void 0 : node.id)) return;
         const { prevState } = state;
-        signOperation(
+        signOperation$1(
           operation,
           sign,
           node.id,
@@ -3058,7 +3395,7 @@ function useEditorDispatch(node, documentDispatch, onAddOperation) {
         }).catch(logger.error);
       };
       documentDispatch(
-        addActionContext(action, connectDid, user),
+        addActionContext$1(action, connectDid, user),
         callback,
         onErrorCallback
       );
@@ -3080,7 +3417,7 @@ function useEditorProps(document2, node, documentDispatch, onAddOperation) {
   const { showModal } = useModal();
   const theme = useAtomValue(themeAtom);
   const user = useUser() || void 0;
-  const userPermissions = useUserPermissions();
+  const userPermissions = useUserPermissions$1();
   const context = useMemo(() => ({ theme, user }), [theme, user]);
   const {
     selectedParentNode,
@@ -3267,7 +3604,7 @@ const DocumentEditor = (props) => {
     () => documentType ? getEditor(documentType) : void 0,
     [documentType, getEditor]
   );
-  const [document2, _dispatch, error] = useDocumentDispatch(
+  const [document2, _dispatch, error] = useDocumentDispatch$1(
     documentModel == null ? void 0 : documentModel.reducer,
     initialDocument
   );
@@ -3275,7 +3612,7 @@ const DocumentEditor = (props) => {
     () => ({ theme, user }),
     [theme, user]
   );
-  const userPermissions = useUserPermissions();
+  const userPermissions = useUserPermissions$1();
   const currentDocument = useRef({ ...fileNodeDocument, document: document2 });
   useEffect(() => {
     var _a;
@@ -3295,7 +3632,7 @@ const DocumentEditor = (props) => {
       const callback = (operation, state) => {
         if (!(fileNodeDocument == null ? void 0 : fileNodeDocument.documentId)) return;
         const { prevState } = state;
-        signOperation(
+        signOperation$1(
           operation,
           sign,
           fileNodeDocument.documentId,
@@ -3311,7 +3648,7 @@ const DocumentEditor = (props) => {
         }).catch(logger.error);
       };
       _dispatch(
-        addActionContext(action, connectDid, user),
+        addActionContext$1(action, connectDid, user),
         callback,
         onErrorCallback
       );
@@ -3751,7 +4088,7 @@ function BaseEditor(props) {
   const { showSearchBar, isAllowedToCreateDocuments, documentModels, showCreateDocumentModal } = useDriveContext();
   const { driveNodes, selectedNode, selectedNodePath, getNodeById, setSelectedNode } = useUiNodesContext();
   const driveNode = useMemo(() => driveNodes.find((n) => n.id === driveId), [driveNodes, driveId]);
-  const { addDocument, addFile, addFolder, renameNode, deleteNode, moveNode, copyNode, duplicateNode } = useDriveActionsWithUiNodes(document2, dispatch);
+  const { addDocument, addFile, addFolder: addFolder2, renameNode, deleteNode: deleteNode2, moveNode: moveNode2, copyNode: copyNode2, duplicateNode } = useDriveActionsWithUiNodes(document2, dispatch);
   const onCreateDocument = useCallback(async (documentModel) => {
     const { name } = await showCreateDocumentModal(documentModel);
     const document3 = documentModel.utils.createDocument();
@@ -3760,8 +4097,8 @@ function BaseEditor(props) {
   const { isDropTarget, dropProps } = useDrop({
     uiNode: selectedNode,
     onAddFile: addFile,
-    onCopyNode: copyNode,
-    onMoveNode: moveNode
+    onCopyNode: copyNode2,
+    onMoveNode: moveNode2
   });
   const { breadcrumbs, onBreadcrumbSelected } = useBreadcrumbs({
     selectedNodePath,
@@ -3773,7 +4110,7 @@ function BaseEditor(props) {
   } else if ((selectedNode == null ? void 0 : selectedNode.kind) === FILE$1) {
     return jsx(Fragment$1, {});
   }
-  return jsxs(DriveLayout, { className, children: [children, jsxs(DriveLayout.Header, { children: [jsx(Breadcrumbs, { breadcrumbs, createEnabled: isAllowedToCreateDocuments, onCreate: addFolder, onBreadcrumbSelected }), showSearchBar && jsx(SearchBar, {})] }), jsx(DriveLayout.Content, { children: jsx(FolderView, { node: selectedNode || driveNode, onSelectNode: setSelectedNode, onRenameNode: renameNode, onDuplicateNode: duplicateNode, onDeleteNode: deleteNode, onAddFile: addFile, onCopyNode: copyNode, onMoveNode: moveNode, isDropTarget, isAllowedToCreateDocuments }) }), jsx(DriveLayout.Footer, { children: isAllowedToCreateDocuments && jsx(CreateDocument, { documentModels, createDocument: onCreateDocument }) })] });
+  return jsxs(DriveLayout, { className, children: [children, jsxs(DriveLayout.Header, { children: [jsx(Breadcrumbs, { breadcrumbs, createEnabled: isAllowedToCreateDocuments, onCreate: addFolder2, onBreadcrumbSelected }), showSearchBar && jsx(SearchBar, {})] }), jsx(DriveLayout.Content, { children: jsx(FolderView, { node: selectedNode || driveNode, onSelectNode: setSelectedNode, onRenameNode: renameNode, onDuplicateNode: duplicateNode, onDeleteNode: deleteNode2, onAddFile: addFile, onCopyNode: copyNode2, onMoveNode: moveNode2, isDropTarget, isAllowedToCreateDocuments }) }), jsx(DriveLayout.Footer, { children: isAllowedToCreateDocuments && jsx(CreateDocument, { documentModels, createDocument: onCreateDocument }) })] });
 }
 function Editor(props) {
   return jsx(DriveContextProvider, { value: props.context, children: jsx(BaseEditor, { ...props }) });
@@ -3781,6 +4118,80 @@ function Editor(props) {
 const GenericDriveExplorer = {
   Component: Editor
 };
+function useDocumentsState(args) {
+  const { reactor, driveId, documentIds, options } = args;
+  const [statesByDocumentId, setStatesByDocumentId] = useState({});
+  const isInitialized = useRef(false);
+  const isSubscribed = useRef(false);
+  useEffect(() => {
+    async function initialize() {
+      if (isInitialized.current)
+        return;
+      if (!reactor || !driveId)
+        return;
+      isInitialized.current = true;
+      const ids = documentIds ?? await reactor.getDocuments(driveId);
+      const statesByDocumentId2 = {};
+      for (const id of ids) {
+        const document2 = await reactor.getDocument(driveId, id, options);
+        statesByDocumentId2[id] = {
+          ...document2.state,
+          documentType: document2.documentType,
+          revision: document2.revision,
+          created: document2.created,
+          lastModified: document2.lastModified
+        };
+      }
+      setStatesByDocumentId(statesByDocumentId2);
+    }
+    void initialize();
+  }, [reactor, driveId, options]);
+  useEffect(() => {
+    if (!reactor || !driveId)
+      return;
+    if (isSubscribed.current)
+      return;
+    isSubscribed.current = true;
+    const unsubscribe = reactor.on("strandUpdate", async (update) => {
+      if (update.driveId !== driveId || documentIds && !documentIds.includes(update.documentId))
+        return;
+      const updatedDocument = await reactor.getDocument(driveId, update.documentId, options);
+      setStatesByDocumentId((prev) => {
+        const newStatesByDocumentId = { ...prev };
+        newStatesByDocumentId[update.documentId] = {
+          ...updatedDocument.state,
+          documentType: updatedDocument.documentType,
+          revision: updatedDocument.revision,
+          created: updatedDocument.created,
+          lastModified: updatedDocument.lastModified
+        };
+        return newStatesByDocumentId;
+      });
+    });
+    return unsubscribe;
+  }, [reactor, driveId, options]);
+  return useMemo(() => statesByDocumentId, [statesByDocumentId]);
+}
+function makeDriveDocumentStateHook(reactor) {
+  const useDriveDocumentState = useCallback((args) => {
+    const { driveId, documentId } = args;
+    return useDocumentState({
+      reactor,
+      driveId,
+      documentId
+    });
+  }, [reactor]);
+  return useDriveDocumentState;
+}
+function useDocumentState(args) {
+  const { reactor, driveId, documentId } = args;
+  const state = useDocumentsState({
+    reactor,
+    driveId,
+    documentIds: [documentId]
+  });
+  return useMemo(() => state[documentId], [state, documentId]);
+}
 function useGetDriveDocuments(props) {
   const { driveId } = props;
   const [documents, setDocuments] = useState({});
@@ -3858,7 +4269,7 @@ function DriveEditorContainer() {
   } = useUiNodesContext();
   const { addOperationToSelectedDrive } = useUiNodes();
   const documentDrive = useSelectedDocumentDrive();
-  const [document2, _dispatch, error] = useDocumentDispatch(
+  const [document2, _dispatch, error] = useDocumentDispatch$1(
     driveDocumentModelModule.reducer,
     documentDrive
   );
@@ -3950,7 +4361,7 @@ function DriveEditorContainer() {
 function Content() {
   const navigate = useNavigate();
   const { driveId } = useParams();
-  const [documentDrives, , , status] = useDocumentDrives();
+  const [documentDrives, , , status] = useDocumentDrives$1();
   const uiNodes = useUiNodes();
   const { fileNodeDocument, selectedDriveNode, selectedNode, addFile } = uiNodes;
   useEffect(() => {

package/dist/assets/{index-Whh7mT2J.js → index-11j-ZVsN.js}

@@ -1,8 +1,8 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/app-loader-Btk_wf_z.js","assets/main.C1DJvpcL.js","assets/app-loader-DiF8OhX3.css"])))=>i.map(i=>d[i]);
-import { _ as __vitePreload } from "./main.C1DJvpcL.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/app-loader-nik9-lTL.js","assets/main.BuoJ8woF.js","assets/app-loader-DiF8OhX3.css"])))=>i.map(i=>d[i]);
+import { _ as __vitePreload } from "./main.BuoJ8woF.js";
 import { createRoot } from "react-dom/client";
 async function renderApp(element) {
-  const AppLoader = await __vitePreload(() => import("./app-loader-Btk_wf_z.js").then((n) => n.c9), true ? __vite__mapDeps([0,1,2]) : void 0);
+  const AppLoader = await __vitePreload(() => import("./app-loader-nik9-lTL.js").then((n) => n.ca), true ? __vite__mapDeps([0,1,2]) : void 0);
   createRoot(element).render(AppLoader.default);
 }
 const AppElement = document.getElementById("app");