microboard-temp 0.13.79 → 0.13.81

package/dist/esm/node.js

@@ -3640,6 +3640,8 @@ var init_Settings = __esm(() => {
     getDPI: () => 1,
     reactEditorFocus: () => {},
     reactEditorToSlatePoint: () => null,
+    onAuthInvalid: async () => false,
+    onAuthTerminalFailure: () => {},
     planNames: {
       basic: "Basic",
       plus: "Plus",
@@ -6150,11 +6152,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 {
@@ -6243,6 +6246,7 @@ var init_EventsLog = __esm(() => {
   init_getUndoRecordFromList();
   init_getUnpublishedEventFromList();
   init_insertEventsFromOtherConnectionsIntoList();
+  init_getSnapshotFromList();
 });
 
 // src/Events/Log/index.ts
@@ -14419,6 +14423,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);
   }
@@ -31901,9 +31910,34 @@ var init_setLink = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/common/getSelectionMarks.ts
-import { Editor as Editor12 } from "slate";
+import { Editor as Editor12, Range as Range6, Text as Text7 } from "slate";
 function getSelectionMarks(editor) {
-  return Editor12.marks(editor);
+  const marks = Editor12.marks(editor);
+  if (!editor.selection) {
+    return marks;
+  }
+  if (!Range6.isExpanded(editor.selection) || marks && Object.keys(marks).length > 0) {
+    return marks;
+  }
+  const textEntries = Array.from(Editor12.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 = () => {};
 
@@ -31922,13 +31956,13 @@ var init_clearText = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/common/hasTextInSelection.ts
-import { Editor as Editor14, Range as Range6 } from "slate";
+import { Editor as Editor14, 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 = Editor14.string(editor, { anchor: start, focus: end });
   return text.length > 0;
 }
@@ -41801,7 +41835,7 @@ function getParagraphWithPassedTextNode(textNode) {
 }
 
 // src/Items/RichText/editorHelpers/selectionOps/setSelectionFontSize.ts
-import { Editor as Editor23, Transforms as Transforms16 } from "slate";
+import { Editor as Editor23, Range as Range8, Text as Text8, Transforms as Transforms16 } from "slate";
 import { ReactEditor as ReactEditor3 } from "slate-react";
 function setSelectionFontSize(editor, isAutosize, fontSize, selectionContext) {
   const size = fontSize;
@@ -41836,7 +41870,14 @@ function setSelectionFontSize(editor, isAutosize, fontSize, selectionContext) {
         shouldUpdateElement = true;
       }
     } else {
-      Editor23.addMark(editor, "fontSize", size);
+      if (editor.selection && Range8.isExpanded(editor.selection)) {
+        Transforms16.setNodes(editor, { fontSize: size }, {
+          match: (n) => Text8.isText(n),
+          split: true
+        });
+      } else {
+        Editor23.addMark(editor, "fontSize", size);
+      }
     }
   }
   if (selectionContext === "EditTextUnderPointer") {
@@ -41874,7 +41915,7 @@ var init_getEachNodeInSelectionStyles = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/selectionOps/setSelectionFontStyle.ts
-import { Editor as Editor24, Range as Range7, Transforms as Transforms17 } from "slate";
+import { Editor as Editor24, Range as Range9, Transforms as Transforms17 } from "slate";
 function setSelectionFontStyle(editor, style) {
   const styleList = Array.isArray(style) ? style : [style];
   for (const style2 of styleList) {
@@ -41891,7 +41932,7 @@ function setSelectionFontStyle(editor, style) {
       continue;
     }
     const { selection } = editor;
-    if (selection && Range7.isExpanded(selection)) {
+    if (selection && Range9.isExpanded(selection)) {
       Transforms17.setNodes(editor, { [style2]: value }, {
         match: (n) => !Editor24.isEditor(n) && n.type === "text",
         split: true
@@ -41906,7 +41947,7 @@ var init_setSelectionFontStyle = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/selectionOps/setSelectionFontColor.ts
-import { Editor as Editor25 } from "slate";
+import { Editor as Editor25, Range as Range10, Text as Text9, Transforms as Transforms18 } from "slate";
 import { ReactEditor as ReactEditor4 } from "slate-react";
 function setSelectionFontColor(editor, format, selectionContext) {
   const marks = getSelectionMarks(editor);
@@ -41914,7 +41955,14 @@ function setSelectionFontColor(editor, format, selectionContext) {
     return;
   }
   if (marks.fontColor !== format) {
-    Editor25.addMark(editor, "fontColor", format);
+    if (editor.selection && Range10.isExpanded(editor.selection)) {
+      Transforms18.setNodes(editor, { fontColor: format }, {
+        match: (n) => Text9.isText(n),
+        split: true
+      });
+    } else {
+      Editor25.addMark(editor, "fontColor", format);
+    }
   }
   if (selectionContext === "EditTextUnderPointer") {
     try {
@@ -41932,7 +41980,7 @@ var init_setSelectionFontColor = __esm(() => {
 import {
   createEditor,
   Editor as Editor26,
-  Transforms as Transforms18
+  Transforms as Transforms19
 } from "slate";
 import { withReact } from "slate-react";
 
@@ -42208,7 +42256,7 @@ class EditorContainer {
         break;
     }
     if (selection) {
-      Transforms18.select(this.editor, selection);
+      Transforms19.select(this.editor, selection);
     }
   }
   applyMaxWidth(maxWidth) {
@@ -42368,7 +42416,7 @@ class EditorContainer {
     return JSON.parse(JSON.stringify(this.editor.selection));
   }
   splitNode() {
-    Transforms18.splitNodes(this.editor, { always: true });
+    Transforms19.splitNodes(this.editor, { always: true });
   }
   getBlockNodes() {
     return this.editor.children;
@@ -42458,7 +42506,7 @@ var init_findOptimalMaxWidthForTextAutoSize = __esm(() => {
 });
 
 // src/Items/RichText/editorHelpers/selectionOps/applySelectionFontColor.ts
-import { Editor as Editor27 } from "slate";
+import { Editor as Editor27, Range as Range11, Text as Text10, Transforms as Transforms20 } from "slate";
 function applySelectionFontColor(editor, fontColor) {
   if (!editor) {
     throw new Error("Editor is not initialized");
@@ -42467,14 +42515,21 @@ function applySelectionFontColor(editor, fontColor) {
   if (!marks) {
     return;
   }
-  Editor27.addMark(editor, "fontColor", fontColor);
+  if (editor.selection && Range11.isExpanded(editor.selection)) {
+    Transforms20.setNodes(editor, { fontColor }, {
+      match: (n) => Text10.isText(n),
+      split: true
+    });
+  } else {
+    Editor27.addMark(editor, "fontColor", fontColor);
+  }
 }
 var init_applySelectionFontColor = __esm(() => {
   init_getSelectionMarks();
 });
 
 // src/Items/RichText/editorHelpers/selectionOps/applySelectionFontSize.ts
-import { Editor as Editor28, Transforms as Transforms19 } from "slate";
+import { Editor as Editor28, Range as Range12, Text as Text11, Transforms as Transforms21 } from "slate";
 function applySelectionFontSize(editor, fontSize, selectionContext) {
   const size = fontSize;
   if (typeof size !== "number") {
@@ -42489,12 +42544,19 @@ function applySelectionFontSize(editor, fontSize, selectionContext) {
     return;
   }
   if (JSON.stringify(selection?.anchor) === JSON.stringify(selection?.focus)) {
-    Transforms19.select(editor, {
+    Transforms21.select(editor, {
       anchor: Editor28.start(editor, []),
       focus: Editor28.end(editor, [])
     });
   }
-  Editor28.addMark(editor, "fontSize", size);
+  if (editor.selection && Range12.isExpanded(editor.selection)) {
+    Transforms21.setNodes(editor, { fontSize: size }, {
+      match: (n) => Text11.isText(n),
+      split: true
+    });
+  } else {
+    Editor28.addMark(editor, "fontSize", size);
+  }
   if (selectionContext === "EditTextUnderPointer") {}
 }
 var init_applySelectionFontSize = __esm(() => {
@@ -42577,8 +42639,8 @@ var init_setEditorFocus = () => {};
 import {
   Editor as Editor30,
   Element as Element9,
-  Text as Text7,
-  Transforms as Transforms20
+  Text as Text12,
+  Transforms as Transforms22
 } from "slate";
 var isEditInProcessValue = false, counter = 0, RichText;
 var init_RichText = __esm(() => {
@@ -42613,7 +42675,7 @@ var init_RichText = __esm(() => {
     parent = "Board";
     subject = new Subject;
     editor;
-    editorTransforms = Transforms20;
+    editorTransforms = Transforms22;
     editorEditor = Editor30;
     isContainerSet = false;
     isRenderEnabled = true;
@@ -43145,7 +43207,7 @@ var init_RichText = __esm(() => {
     }
     getMinFontSize() {
       const textNodes = Editor30.nodes(this.editor.editor, {
-        match: (n) => Text7.isText(n),
+        match: (n) => Text12.isText(n),
         at: []
       });
       const fontSizes = [];
@@ -43249,9 +43311,9 @@ var init_RichText = __esm(() => {
     }
     restoreSelection(selection) {
       if (selection) {
-        Transforms20.select(this.editor.editor, selection);
+        Transforms22.select(this.editor.editor, selection);
       } else {
-        Transforms20.deselect(this.editor.editor);
+        Transforms22.deselect(this.editor.editor);
       }
     }
     deserialize(data) {
@@ -44161,6 +44223,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 {
@@ -44178,15 +44269,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}`);
@@ -44196,19 +44286,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}`);
@@ -44230,18 +44319,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;
@@ -44249,15 +44338,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);
@@ -44272,15 +44355,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);
     };
@@ -62807,7 +62891,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();
@@ -63167,9 +63251,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,
@@ -63210,15 +63294,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
@@ -69206,8 +69290,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);
       };
@@ -69908,7 +69992,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);
@@ -70363,7 +70447,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);
@@ -72225,7 +72309,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;
@@ -72646,7 +72730,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);

package/dist/types/Events/Events.d.ts

@@ -92,6 +92,12 @@ export declare class Events {
     private canUndoEvent;
     private setLatestUserEvent;
     private getOpKey;
+    /**
+     * Synchronizes the identity of all unconfirmed local events with the current connection state.
+     * Call this after a successful token refresh or when falling back to an anonymous session
+     * to ensure pending operations are sent with the correct session and user IDs.
+     */
+    refreshIdentity(): void;
     private getSessionId;
     private getSessionIds;
     private getAuthorUserId;

package/dist/types/Events/Log/getSnapshotFromList.d.ts

@@ -1,5 +1,5 @@
 export declare function getSnapshotFromList(list: any, board: any): {
     events: any;
     items: any;
-    lastIndex: any;
+    lastIndex: number;
 };

package/dist/types/Items/Audio/AudioHelpers.d.ts

@@ -1,5 +1,5 @@
 import { Board } from '../../Board';
 import { AudioItem } from '../Audio/Audio';
 import { Matrix } from '../Transformation/Matrix';
-export declare const prepareAudio: (file: File, accessToken: string | null, boardId: string, baseUrl?: string) => Promise<string>;
+export declare const prepareAudio: (file: File, boardId: string, baseUrl?: string) => Promise<string>;
 export declare const calculateAudioPosition: (board: Board, audioItem: AudioItem) => Matrix;

package/dist/types/Items/Image/ImageHelpers.d.ts

@@ -16,4 +16,4 @@ export declare const resizeAndConvertToPng: (inp: string | ArrayBuffer | null |
  * @param boardId
  * @returns An object containing prepared image information on success, err otherwise
  */
-export declare const prepareImage: (inp: string | ArrayBuffer | null | undefined, accessToken: string | null, boardId: string, baseUrl?: string) => Promise<ImageConstructorData>;
+export declare const prepareImage: (inp: string | ArrayBuffer | null | undefined, boardId: string, baseUrl?: string) => Promise<ImageConstructorData>;

package/dist/types/Items/Video/VideoHelpers.d.ts

@@ -5,7 +5,7 @@ export declare const getVideoMetadata: (file: File) => Promise<{
     height: number;
 }>;
 export declare const createVideoItem: (board: Board, extension: "mp4" | "webm", videoData: VideoConstructorData, onLoadCb: (video: VideoItem) => void) => void;
-export declare const prepareVideo: (file: File, accessToken: string | null, boardId: string, baseUrl?: string) => Promise<{
+export declare const prepareVideo: (file: File, boardId: string, baseUrl?: string) => Promise<{
     url: string;
     previewUrl: string;
 }>;

package/dist/types/Settings.d.ts

@@ -97,6 +97,8 @@ type GetDocumentWidthFunction = () => number;
 type GetDocumentHeightFunction = () => number;
 type GetDPIFunction = () => number;
 type GetYouTubeIdFunction = (url?: string) => string | null;
+type OnAuthInvalidFunction = (boardId?: string) => Promise<boolean>;
+type OnAuthTerminalFailureFunction = (boardId?: string, reason?: string) => void;
 type GetDOMParser = () => {
     parseFromString: (str: string, type: DOMParserSupportedType) => Document;
 };
@@ -129,6 +131,12 @@ export declare const conf: {
     getDPI: GetDPIFunction;
     reactEditorFocus: ReactEditorFocus;
     reactEditorToSlatePoint: ReactEditorToSlatePoint;
+    /**
+     * Coordination hooks for authentication and connection state.
+     * UI repository should implement these to handle token refresh and terminal failure.
+     */
+    onAuthInvalid: OnAuthInvalidFunction;
+    onAuthTerminalFailure: OnAuthTerminalFailureFunction;
     planNames: {
         basic: string;
         plus: string;

package/dist/types/api/AuthRequest.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Universal authenticated fetch wrapper.
+ * Detects 401 AUTH_INVALID_ACCESS_TOKEN and coordinates refresh with the UI layer via Settings hooks.
+ * Compatible with Browser, Node.js (v18+), and Cloudflare Workers.
+ */
+export declare function authenticatedFetch(url: string, init?: RequestInit, boardId?: string): Promise<Response>;

package/dist/types/api/MediaHelpers.d.ts

@@ -1,2 +1,2 @@
-export declare const uploadMediaToStorage: (blob: Blob, accessToken: string | null, boardId: string, type: "video" | "audio" | "image", baseUrl?: string) => Promise<string>;
-export declare const getMediaSignedUrl: (url: string, accessToken: string | null) => Promise<string | null>;
+export declare const uploadMediaToStorage: (blob: Blob, boardId: string, type: "video" | "audio" | "image", baseUrl?: string) => Promise<string>;
+export declare const getMediaSignedUrl: (url: string) => Promise<string | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.13.79",
+  "version": "0.13.81",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",