microboard-temp 0.13.79 → 0.13.81

package/dist/esm/browser.js

@@ -3645,6 +3645,8 @@ var init_Settings = __esm(() => {
     getDPI: () => 1,
     reactEditorFocus: () => {},
     reactEditorToSlatePoint: () => null,
+    onAuthInvalid: async () => false,
+    onAuthTerminalFailure: () => {},
     planNames: {
       basic: "Basic",
       plus: "Plus",
@@ -6155,11 +6157,12 @@ function getSnapshotFromList(list, board) {
   const snapshot = {
     events: list.getConfirmedRecords().map((record) => record.event),
     items: board.serialize(),
-    lastIndex: list.getLastIndex()
+    lastIndex: getLastIndexFromList(list)
   };
   list.applyUnconfirmed();
   return snapshot;
 }
+var init_getSnapshotFromList = () => {};
 
 // src/Events/Log/EventsLog.ts
 class EventsLog {
@@ -6248,6 +6251,7 @@ var init_EventsLog = __esm(() => {
   init_getUndoRecordFromList();
   init_getUnpublishedEventFromList();
   init_insertEventsFromOtherConnectionsIntoList();
+  init_getSnapshotFromList();
 });
 
 // src/Events/Log/index.ts
@@ -14404,6 +14408,11 @@ class Events {
   getOpKey(op) {
     return op.method;
   }
+  refreshIdentity() {
+    const sessionId = this.getSessionId();
+    const authorUserId = this.getAuthorUserId();
+    this.log.refreshUnconfirmedIdentity(sessionId, authorUserId);
+  }
   getSessionId() {
     return getConnectionSessionId(this.connection);
   }
@@ -31823,9 +31832,34 @@ var init_setLink = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/common/getSelectionMarks.ts
-import { Editor as Editor13 } from "slate";
+import { Editor as Editor13, Range as Range6, Text as Text7 } from "slate";
 function getSelectionMarks(editor) {
-  return Editor13.marks(editor);
+  const marks = Editor13.marks(editor);
+  if (!editor.selection) {
+    return marks;
+  }
+  if (!Range6.isExpanded(editor.selection) || marks && Object.keys(marks).length > 0) {
+    return marks;
+  }
+  const textEntries = Array.from(Editor13.nodes(editor, {
+    at: editor.selection,
+    match: (node) => Text7.isText(node)
+  }));
+  const [firstEntry, ...restEntries] = textEntries;
+  if (!firstEntry) {
+    return marks;
+  }
+  const { text: _firstText, ...firstMarks } = firstEntry[0];
+  const commonMarks = { ...firstMarks };
+  for (const [node] of restEntries) {
+    const { text: _text, ...nodeMarks } = node;
+    for (const key of Object.keys(commonMarks)) {
+      if (commonMarks[key] !== nodeMarks[key]) {
+        delete commonMarks[key];
+      }
+    }
+  }
+  return commonMarks;
 }
 var init_getSelectionMarks = () => {};
 
@@ -31844,13 +31878,13 @@ var init_clearText = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/common/hasTextInSelection.ts
-import { Editor as Editor15, Range as Range6 } from "slate";
+import { Editor as Editor15, Range as Range7 } from "slate";
 function hasTextInSelection(editor) {
   const { selection } = editor;
-  if (!selection || Range6.isCollapsed(selection)) {
+  if (!selection || Range7.isCollapsed(selection)) {
     return false;
   }
-  const [start, end] = Range6.edges(selection);
+  const [start, end] = Range7.edges(selection);
   const text = Editor15.string(editor, { anchor: start, focus: end });
   return text.length > 0;
 }
@@ -39399,7 +39433,7 @@ function getParagraphWithPassedTextNode(textNode) {
 }
 
 // src/Items/RichText/editorHelpers/selectionOps/setSelectionFontSize.ts
-import { Editor as Editor24, Transforms as Transforms17 } from "slate";
+import { Editor as Editor24, Range as Range8, Text as Text8, Transforms as Transforms17 } from "slate";
 import { ReactEditor as ReactEditor3 } from "slate-react";
 function setSelectionFontSize(editor, isAutosize, fontSize, selectionContext) {
   const size = fontSize;
@@ -39434,7 +39468,14 @@ function setSelectionFontSize(editor, isAutosize, fontSize, selectionContext) {
         shouldUpdateElement = true;
       }
     } else {
-      Editor24.addMark(editor, "fontSize", size);
+      if (editor.selection && Range8.isExpanded(editor.selection)) {
+        Transforms17.setNodes(editor, { fontSize: size }, {
+          match: (n) => Text8.isText(n),
+          split: true
+        });
+      } else {
+        Editor24.addMark(editor, "fontSize", size);
+      }
     }
   }
   if (selectionContext === "EditTextUnderPointer") {
@@ -39472,7 +39513,7 @@ var init_getEachNodeInSelectionStyles = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/selectionOps/setSelectionFontStyle.ts
-import { Editor as Editor25, Range as Range7, Transforms as Transforms18 } from "slate";
+import { Editor as Editor25, Range as Range9, Transforms as Transforms18 } from "slate";
 function setSelectionFontStyle(editor, style) {
   const styleList = Array.isArray(style) ? style : [style];
   for (const style2 of styleList) {
@@ -39489,7 +39530,7 @@ function setSelectionFontStyle(editor, style) {
       continue;
     }
     const { selection } = editor;
-    if (selection && Range7.isExpanded(selection)) {
+    if (selection && Range9.isExpanded(selection)) {
       Transforms18.setNodes(editor, { [style2]: value }, {
         match: (n) => !Editor25.isEditor(n) && n.type === "text",
         split: true
@@ -39504,7 +39545,7 @@ var init_setSelectionFontStyle = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/selectionOps/setSelectionFontColor.ts
-import { Editor as Editor26 } from "slate";
+import { Editor as Editor26, Range as Range10, Text as Text9, Transforms as Transforms19 } from "slate";
 import { ReactEditor as ReactEditor4 } from "slate-react";
 function setSelectionFontColor(editor, format, selectionContext) {
   const marks = getSelectionMarks(editor);
@@ -39512,7 +39553,14 @@ function setSelectionFontColor(editor, format, selectionContext) {
     return;
   }
   if (marks.fontColor !== format) {
-    Editor26.addMark(editor, "fontColor", format);
+    if (editor.selection && Range10.isExpanded(editor.selection)) {
+      Transforms19.setNodes(editor, { fontColor: format }, {
+        match: (n) => Text9.isText(n),
+        split: true
+      });
+    } else {
+      Editor26.addMark(editor, "fontColor", format);
+    }
   }
   if (selectionContext === "EditTextUnderPointer") {
     try {
@@ -39530,7 +39578,7 @@ var init_setSelectionFontColor = __esm(() => {
 import {
   createEditor,
   Editor as Editor27,
-  Transforms as Transforms19
+  Transforms as Transforms20
 } from "slate";
 import { withReact } from "slate-react";
 
@@ -39806,7 +39854,7 @@ class EditorContainer {
         break;
     }
     if (selection) {
-      Transforms19.select(this.editor, selection);
+      Transforms20.select(this.editor, selection);
     }
   }
   applyMaxWidth(maxWidth) {
@@ -39966,7 +40014,7 @@ class EditorContainer {
     return JSON.parse(JSON.stringify(this.editor.selection));
   }
   splitNode() {
-    Transforms19.splitNodes(this.editor, { always: true });
+    Transforms20.splitNodes(this.editor, { always: true });
   }
   getBlockNodes() {
     return this.editor.children;
@@ -40056,7 +40104,7 @@ var init_findOptimalMaxWidthForTextAutoSize = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/selectionOps/applySelectionFontColor.ts
-import { Editor as Editor28 } from "slate";
+import { Editor as Editor28, Range as Range11, Text as Text10, Transforms as Transforms21 } from "slate";
 function applySelectionFontColor(editor, fontColor) {
   if (!editor) {
     throw new Error("Editor is not initialized");
@@ -40065,14 +40113,21 @@ function applySelectionFontColor(editor, fontColor) {
   if (!marks) {
     return;
   }
-  Editor28.addMark(editor, "fontColor", fontColor);
+  if (editor.selection && Range11.isExpanded(editor.selection)) {
+    Transforms21.setNodes(editor, { fontColor }, {
+      match: (n) => Text10.isText(n),
+      split: true
+    });
+  } else {
+    Editor28.addMark(editor, "fontColor", fontColor);
+  }
 }
 var init_applySelectionFontColor = __esm(() => {
   init_getSelectionMarks();
 });
 
 // src/Items/RichText/editorHelpers/selectionOps/applySelectionFontSize.ts
-import { Editor as Editor29, Transforms as Transforms20 } from "slate";
+import { Editor as Editor29, Range as Range12, Text as Text11, Transforms as Transforms22 } from "slate";
 function applySelectionFontSize(editor, fontSize, selectionContext) {
   const size = fontSize;
   if (typeof size !== "number") {
@@ -40087,12 +40142,19 @@ function applySelectionFontSize(editor, fontSize, selectionContext) {
     return;
   }
   if (JSON.stringify(selection?.anchor) === JSON.stringify(selection?.focus)) {
-    Transforms20.select(editor, {
+    Transforms22.select(editor, {
       anchor: Editor29.start(editor, []),
       focus: Editor29.end(editor, [])
     });
   }
-  Editor29.addMark(editor, "fontSize", size);
+  if (editor.selection && Range12.isExpanded(editor.selection)) {
+    Transforms22.setNodes(editor, { fontSize: size }, {
+      match: (n) => Text11.isText(n),
+      split: true
+    });
+  } else {
+    Editor29.addMark(editor, "fontSize", size);
+  }
   if (selectionContext === "EditTextUnderPointer") {}
 }
 var init_applySelectionFontSize = __esm(() => {
@@ -40175,8 +40237,8 @@ var init_setEditorFocus = () => {};
 import {
   Editor as Editor31,
   Element as Element9,
-  Text as Text7,
-  Transforms as Transforms21
+  Text as Text12,
+  Transforms as Transforms23
 } from "slate";
 var isEditInProcessValue = false, counter = 0, RichText;
 var init_RichText = __esm(() => {
@@ -40211,7 +40273,7 @@ var init_RichText = __esm(() => {
     parent = "Board";
     subject = new Subject;
     editor;
-    editorTransforms = Transforms21;
+    editorTransforms = Transforms23;
     editorEditor = Editor31;
     isContainerSet = false;
     isRenderEnabled = true;
@@ -40743,7 +40805,7 @@ var init_RichText = __esm(() => {
     }
     getMinFontSize() {
       const textNodes = Editor31.nodes(this.editor.editor, {
-        match: (n) => Text7.isText(n),
+        match: (n) => Text12.isText(n),
         at: []
       });
       const fontSizes = [];
@@ -40847,9 +40909,9 @@ var init_RichText = __esm(() => {
     }
     restoreSelection(selection) {
       if (selection) {
-        Transforms21.select(this.editor.editor, selection);
+        Transforms23.select(this.editor.editor, selection);
       } else {
-        Transforms21.deselect(this.editor.editor);
+        Transforms23.deselect(this.editor.editor);
       }
     }
     deserialize(data) {
@@ -41759,6 +41821,35 @@ var init_Audio = __esm(() => {
   };
 });
 
+// src/api/AuthRequest.ts
+async function authenticatedFetch(url2, init2 = {}, boardId) {
+  const getAuthInit = (originalInit) => {
+    const token = conf.getAccessToken();
+    if (!token) {
+      return originalInit;
+    }
+    const headers = new Headers(originalInit.headers);
+    headers.set("Authorization", `Bearer ${token}`);
+    return { ...originalInit, headers };
+  };
+  let response = await fetch(url2, getAuthInit(init2));
+  if (response.status === 401) {
+    const body = await response.clone().json().catch(() => ({}));
+    if (body.code === "AUTH_INVALID_ACCESS_TOKEN") {
+      const refreshed = await conf.onAuthInvalid(boardId);
+      if (refreshed) {
+        response = await fetch(url2, getAuthInit(init2));
+      } else {
+        conf.onAuthTerminalFailure(boardId, body.code);
+      }
+    }
+  }
+  return response;
+}
+var init_AuthRequest = __esm(() => {
+  init_Settings();
+});
+
 // src/api/MediaHelpers.ts
 function getAccessTypeFromUrl(url2) {
   try {
@@ -41776,15 +41867,14 @@ function getAccessTypeFromUrl(url2) {
   }
   return null;
 }
-var uploadSvgDirectly = async (blob, accessToken, boardId, baseUrl) => {
-  const response = await fetch(`${baseUrl || ""}/svg/${boardId}`, {
+var uploadSvgDirectly = async (blob, boardId, baseUrl) => {
+  const response = await authenticatedFetch(`${baseUrl || ""}/svg/${boardId}`, {
     method: "POST",
     headers: {
-      "Content-Type": "image/svg+xml",
-      Authorization: `Bearer ${accessToken}`
+      "Content-Type": "image/svg+xml"
     },
     body: blob
-  });
+  }, boardId);
   if (!response.ok) {
     conf.hooks.onUploadMediaError(response, "image");
     throw new Error(`Failed to upload SVG. Status: ${response.status}`);
@@ -41794,19 +41884,18 @@ var uploadSvgDirectly = async (blob, accessToken, boardId, baseUrl) => {
     throw new Error("Server did not provide a key for the uploaded SVG.");
   }
   return data.url;
-}, uploadWithPresignedUrl = async (blob, accessToken, boardId, type, baseUrl) => {
-  const generateUrlResponse = await fetch(`${baseUrl || ""}/media/upload`, {
+}, uploadWithPresignedUrl = async (blob, boardId, type, baseUrl) => {
+  const generateUrlResponse = await authenticatedFetch(`${baseUrl || ""}/media/upload`, {
     method: "POST",
     headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${accessToken}`
+      "Content-Type": "application/json"
     },
     body: JSON.stringify({
       fileSize: blob.size,
       fileType: blob.type,
       boardId
     })
-  });
+  }, boardId);
   if (!generateUrlResponse.ok) {
     conf.hooks.onUploadMediaError(generateUrlResponse, type);
     throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
@@ -41828,18 +41917,18 @@ var uploadSvgDirectly = async (blob, accessToken, boardId, baseUrl) => {
     throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
   }
   return url2;
-}, uploadMediaToStorage = async (blob, accessToken, boardId, type, baseUrl) => {
+}, uploadMediaToStorage = async (blob, boardId, type, baseUrl) => {
   try {
     if (blob.type === "image/svg+xml") {
-      return await uploadSvgDirectly(blob, accessToken, boardId, baseUrl);
+      return await uploadSvgDirectly(blob, boardId, baseUrl);
     } else {
-      return await uploadWithPresignedUrl(blob, accessToken, boardId, type, baseUrl);
+      return await uploadWithPresignedUrl(blob, boardId, type, baseUrl);
     }
   } catch (error48) {
     console.error("Media upload process error:", error48);
     throw error48;
   }
-}, getMediaSignedUrl = async (url2, accessToken) => {
+}, getMediaSignedUrl = async (url2) => {
   const accessType = getAccessTypeFromUrl(url2);
   if (!accessType) {
     return null;
@@ -41847,15 +41936,9 @@ var uploadSvgDirectly = async (blob, accessToken, boardId, baseUrl) => {
   if (accessType === "anonymous") {
     return url2;
   }
-  if (!accessToken) {
-    return null;
-  }
   try {
-    const response = await fetch(url2, {
-      method: "GET",
-      headers: {
-        Authorization: `Bearer ${accessToken}`
-      }
+    const response = await authenticatedFetch(url2, {
+      method: "GET"
     });
     if (!response.ok) {
       console.error("Failed to get media signed url:", response.status, response.statusText);
@@ -41870,15 +41953,16 @@ var uploadSvgDirectly = async (blob, accessToken, boardId, baseUrl) => {
 };
 var init_MediaHelpers = __esm(() => {
   init_Settings();
+  init_AuthRequest();
 });
 
 // src/Items/Audio/AudioHelpers.ts
-var prepareAudio = (file2, accessToken, boardId, baseUrl) => {
+var prepareAudio = (file2, boardId, baseUrl) => {
   return new Promise((resolve, reject) => {
     const audio = document.createElement("audio");
     audio.src = URL.createObjectURL(file2);
     audio.onloadedmetadata = () => {
-      uploadMediaToStorage(file2, accessToken, boardId, "audio", baseUrl).then((url2) => {
+      uploadMediaToStorage(file2, boardId, "audio", baseUrl).then((url2) => {
         resolve(url2);
       }).catch(reject);
     };
@@ -60405,7 +60489,7 @@ var init_Video = __esm(() => {
     async setPreviewUrl(url2) {
       if (this.isStorageUrl) {
         try {
-          this.preview.src = await getMediaSignedUrl(url2, this.board.getAccount()?.accessToken || null) || "";
+          this.preview.src = await getMediaSignedUrl(url2) || "";
         } catch (err) {
           console.error(err);
           this.onError();
@@ -60765,9 +60849,9 @@ var getBlobFromDataURL = (dataURL) => {
       };
     }
   });
-}, prepareImage = (inp, accessToken, boardId, baseUrl) => resizeAndConvertToPng(inp).then(({ width: width2, height: height2, dataURL, hash: hash2 }) => {
+}, prepareImage = (inp, boardId, baseUrl) => resizeAndConvertToPng(inp).then(({ width: width2, height: height2, dataURL, hash: hash2 }) => {
   const { blob, mimeType } = getBlobFromDataURL(dataURL);
-  return uploadMediaToStorage(blob, accessToken, boardId, "image", baseUrl).then((src) => {
+  return uploadMediaToStorage(blob, boardId, "image", baseUrl).then((src) => {
     return {
       imageDimension: { width: width2, height: height2 },
       base64: dataURL,
@@ -60808,15 +60892,15 @@ var getVideoMetadata = (file2) => {
     board.selection.add(boardVideo);
     onLoadCb(boardVideo);
   });
-}, prepareVideo = (file2, accessToken, boardId, baseUrl) => {
+}, prepareVideo = (file2, boardId, baseUrl) => {
   return new Promise((resolve2, reject) => {
     const video = document.createElement("video");
     video.src = URL.createObjectURL(file2);
     video.onloadedmetadata = () => {
       video.onseeked = () => {
         video.onseeked = null;
-        prepareImage(captureFrame(0.1, video)?.src, accessToken, boardId, baseUrl).then((imageData) => {
-          uploadMediaToStorage(file2, accessToken, boardId, "video", baseUrl).then((url2) => {
+        prepareImage(captureFrame(0.1, video)?.src, boardId, baseUrl).then((imageData) => {
+          uploadMediaToStorage(file2, boardId, "video", baseUrl).then((url2) => {
             resolve2({
               url: url2,
               previewUrl: imageData.storageLink
@@ -66804,8 +66888,8 @@ var init_Card = __esm(() => {
     async createImages() {
       this.face = conf.documentFactory.createElement("img");
       this.backside = conf.documentFactory.createElement("img");
-      this.face.src = await getMediaSignedUrl(this.faceUrl, this.board.getAccount()?.accessToken || null) || "";
-      this.backside.src = await getMediaSignedUrl(this.backsideUrl, this.board.getAccount()?.accessToken || null) || "";
+      this.face.src = await getMediaSignedUrl(this.faceUrl) || "";
+      this.backside.src = await getMediaSignedUrl(this.backsideUrl) || "";
       this.face.onload = () => {
         this.subject.publish(this);
       };
@@ -67506,7 +67590,7 @@ var init_Dice = __esm(() => {
           this.renderValues[index2] = value;
         } else {
           const image2 = conf.documentFactory.createElement("img");
-          image2.src = await getMediaSignedUrl(value, this.board.getAccount()?.accessToken || null) || "";
+          image2.src = await getMediaSignedUrl(value) || "";
           this.renderValues[index2] = image2;
           image2.onload = () => {
             this.subject.publish(this);
@@ -67961,7 +68045,7 @@ var init_Screen = __esm(() => {
       this.backgroundUrl = url2 || "";
       if (url2) {
         this.backgroundImage = conf.documentFactory.createElement("img");
-        this.backgroundImage.src = await getMediaSignedUrl(url2, this.board.getAccount()?.accessToken || null) || "";
+        this.backgroundImage.src = await getMediaSignedUrl(url2) || "";
         this.applyBackgroundColor("none");
         this.backgroundImage.onload = () => {
           this.subject.publish(this);
@@ -69823,7 +69907,7 @@ var init_Image = __esm(() => {
     }
     async setStorageLink(link2) {
       this.storageLink = link2;
-      this.signedUrl = await getMediaSignedUrl(link2, this.board.getAccount()?.accessToken || null) || "";
+      this.signedUrl = await getMediaSignedUrl(link2) || "";
       if (!this.signedUrl) {
         const canvas = conf.documentFactory.createElement("canvas");
         canvas.width = 100;
@@ -70244,7 +70328,7 @@ function handleAudioGenerate(response, board) {
 }
 function handleImageGenerate(response, board) {
   if (response.status === "completed" && response.base64) {
-    prepareImage(response.base64, conf.getAccessToken(), board.getBoardId()).then((imageData) => {
+    prepareImage(response.base64, board.getBoardId()).then((imageData) => {
       const placeholderId = board.aiImagePlaceholder?.getId();
       if (placeholderId) {
         const placeholderNode = board.items.getById(placeholderId);