@inkandswitch/patchwork-pkg-base 0.0.49 → 0.0.50

package/packages/tldraw5/dist/tool.js

@@ -3511,31 +3511,57 @@ function useAutomergeStore({
   const [storeWithStatus, setStoreWithStatus] = (0, import_react3.useState)({
     status: "loading"
   });
+  const readOnlyRef = (0, import_react3.useRef)(readOnly);
+  readOnlyRef.current = readOnly;
   (0, import_react3.useEffect)(() => {
     const unsubs = [];
     let preventPatchApplications = false;
     function syncStoreChangesToAutomergeDoc({
       changes
     }) {
+      if (readOnlyRef.current) return;
       preventPatchApplications = true;
       handle.change((doc2) => {
         applyTLStoreChangesToAutomerge(doc2, changes);
       });
       preventPatchApplications = false;
     }
-    if (!readOnly) {
-      unsubs.push(
-        store.listen(syncStoreChangesToAutomergeDoc, {
-          source: "user",
-          scope: "document"
-        })
-      );
-    }
+    unsubs.push(
+      store.listen(syncStoreChangesToAutomergeDoc, {
+        source: "user",
+        scope: "document"
+      })
+    );
     const syncAutomergeDocChangesToStore = ({
       patches,
+      scopeReplaced,
       doc: doc2
     }) => {
       if (preventPatchApplications) return;
+      if (scopeReplaced) {
+        const swapped = handle.doc();
+        if (!swapped?.store) return;
+        const migrated = store.schema.migrateStoreSnapshot({
+          store: JSON.parse(JSON.stringify(swapped.store)),
+          schema: JSON.parse(JSON.stringify(swapped.schema))
+        });
+        if (migrated.type === "error") {
+          console.error(
+            "[tldraw5] failed to migrate swapped-in snapshot:",
+            migrated.reason
+          );
+          return;
+        }
+        const next = migrated.value;
+        store.mergeRemoteChanges(() => {
+          const toRemove = store.allRecords().filter(
+            (record) => store.scopedTypes.document.has(record.typeName) && !(record.id in next)
+          ).map((record) => record.id);
+          if (toRemove.length) store.remove(toRemove);
+          store.put(Object.values(next));
+        });
+        return;
+      }
       applyAutomergePatchesToTLStore(patches, store, doc2 ?? handle.doc());
     };
     handle.on("change", syncAutomergeDocChangesToStore);
@@ -3558,9 +3584,32 @@ function useAutomergeStore({
       unsubs.forEach((fn) => fn());
       unsubs.length = 0;
     };
-  }, [handle, store, readOnly]);
+  }, [handle, store]);
   return storeWithStatus;
 }
+function useIsHandleReadOnly(handle) {
+  const [readOnly, setReadOnly] = (0, import_react3.useState)(() => handle.isReadOnly());
+  (0, import_react3.useEffect)(() => {
+    setReadOnly(handle.isReadOnly());
+    const onChange = (payload) => {
+      if (payload.scopeReplaced) setReadOnly(handle.isReadOnly());
+    };
+    handle.on("change", onChange);
+    return () => void handle.off("change", onChange);
+  }, [handle]);
+  return readOnly;
+}
+function useClearHistoryOnScopeSwap(handle) {
+  const editor = useEditor();
+  (0, import_react3.useEffect)(() => {
+    if (!editor) return;
+    const onChange = (payload) => {
+      if (payload.scopeReplaced) editor.clearHistory();
+    };
+    handle.on("change", onChange);
+    return () => void handle.off("change", onChange);
+  }, [editor, handle]);
+}
 function useAutomergePresence({
   handle,
   store,
@@ -5036,7 +5085,7 @@ function TldrawTool({
   element
 }) {
   const handle = useDocHandle(docUrl, { suspense: true });
-  const readOnly = handle.isReadOnly();
+  const readOnly = useIsHandleReadOnly(handle);
   const [doc] = useDocument(docUrl, { suspense: true });
   if (doc && getDocType(doc) === TLDRAW4_TYPE) {
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MigratePrompt, { handle, readOnly });
@@ -5138,7 +5187,7 @@ function TldrawConfiguredCanvas({
   config
 }) {
   const handle = useDocHandle(docUrl, { suspense: true });
-  const readOnly = handle.isReadOnly();
+  const readOnly = useIsHandleReadOnly(handle);
   const contactInfo = useContactInfo();
   const colorScheme = useColorScheme(element);
   const store = useAutomergeStore({
@@ -5258,7 +5307,9 @@ function TldrawInner(props) {
   const key = (0, import_react15.useMemo)(() => `${props.docUrl}-camera`, [props.docUrl]);
   const editor = useEditor();
   const repo = useRepo();
+  const handle = useDocHandle(props.docUrl, { suspense: true });
   usePatchworkDrop(props.element);
+  useClearHistoryOnScopeSwap(handle);
   useDocumentScript(props.docUrl, editor, repo);
   const onChange = (0, import_react15.useCallback)(() => {
     if (!editor) return;