microboard-temp 0.13.79 → 0.13.80

package/dist/cjs/node.js

@@ -3638,6 +3638,8 @@ var init_Settings = __esm(() => {
     getDPI: () => 1,
     reactEditorFocus: () => {},
     reactEditorToSlatePoint: () => null,
+    onAuthInvalid: async () => false,
+    onAuthTerminalFailure: () => {},
     planNames: {
       basic: "Basic",
       plus: "Plus",
@@ -14452,6 +14454,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);
   }
@@ -31962,7 +31969,32 @@ var init_setLink = __esm(() => {
 
 // src/Items/RichText/editorHelpers/common/getSelectionMarks.ts
 function getSelectionMarks(editor) {
-  return import_slate41.Editor.marks(editor);
+  const marks = import_slate41.Editor.marks(editor);
+  if (!editor.selection) {
+    return marks;
+  }
+  if (!import_slate41.Range.isExpanded(editor.selection) || marks && Object.keys(marks).length > 0) {
+    return marks;
+  }
+  const textEntries = Array.from(import_slate41.Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => import_slate41.Text.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 import_slate41;
 var init_getSelectionMarks = __esm(() => {
@@ -41914,7 +41946,14 @@ function setSelectionFontSize(editor, isAutosize, fontSize, selectionContext) {
         shouldUpdateElement = true;
       }
     } else {
-      import_slate52.Editor.addMark(editor, "fontSize", size);
+      if (editor.selection && import_slate52.Range.isExpanded(editor.selection)) {
+        import_slate52.Transforms.setNodes(editor, { fontSize: size }, {
+          match: (n) => import_slate52.Text.isText(n),
+          split: true
+        });
+      } else {
+        import_slate52.Editor.addMark(editor, "fontSize", size);
+      }
     }
   }
   if (selectionContext === "EditTextUnderPointer") {
@@ -41994,7 +42033,14 @@ function setSelectionFontColor(editor, format, selectionContext) {
     return;
   }
   if (marks.fontColor !== format) {
-    import_slate54.Editor.addMark(editor, "fontColor", format);
+    if (editor.selection && import_slate54.Range.isExpanded(editor.selection)) {
+      import_slate54.Transforms.setNodes(editor, { fontColor: format }, {
+        match: (n) => import_slate54.Text.isText(n),
+        split: true
+      });
+    } else {
+      import_slate54.Editor.addMark(editor, "fontColor", format);
+    }
   }
   if (selectionContext === "EditTextUnderPointer") {
     try {
@@ -42545,7 +42591,14 @@ function applySelectionFontColor(editor, fontColor) {
   if (!marks) {
     return;
   }
-  import_slate56.Editor.addMark(editor, "fontColor", fontColor);
+  if (editor.selection && import_slate56.Range.isExpanded(editor.selection)) {
+    import_slate56.Transforms.setNodes(editor, { fontColor }, {
+      match: (n) => import_slate56.Text.isText(n),
+      split: true
+    });
+  } else {
+    import_slate56.Editor.addMark(editor, "fontColor", fontColor);
+  }
 }
 var import_slate56;
 var init_applySelectionFontColor = __esm(() => {
@@ -42573,7 +42626,14 @@ function applySelectionFontSize(editor, fontSize, selectionContext) {
       focus: import_slate57.Editor.end(editor, [])
     });
   }
-  import_slate57.Editor.addMark(editor, "fontSize", size);
+  if (editor.selection && import_slate57.Range.isExpanded(editor.selection)) {
+    import_slate57.Transforms.setNodes(editor, { fontSize: size }, {
+      match: (n) => import_slate57.Text.isText(n),
+      split: true
+    });
+  } else {
+    import_slate57.Editor.addMark(editor, "fontSize", size);
+  }
   if (selectionContext === "EditTextUnderPointer") {}
 }
 var import_slate57;
@@ -44241,6 +44301,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 {
@@ -44258,15 +44347,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}`);
@@ -44276,19 +44364,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}`);
@@ -44310,18 +44397,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;
@@ -44329,15 +44416,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);
@@ -44352,15 +44433,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);
     };
@@ -62887,7 +62969,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();
@@ -63247,9 +63329,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,
@@ -63290,15 +63372,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
@@ -69286,8 +69368,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);
       };
@@ -69988,7 +70070,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);
@@ -70443,7 +70525,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);
@@ -72305,7 +72387,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;
@@ -72726,7 +72808,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);