microboard-temp 0.13.78 → 0.13.80

package/dist/cjs/browser.js

@@ -3638,6 +3638,8 @@ var init_Settings = __esm(() => {
     getDPI: () => 1,
     reactEditorFocus: () => {},
     reactEditorToSlatePoint: () => null,
+    onAuthInvalid: async () => false,
+    onAuthTerminalFailure: () => {},
     planNames: {
       basic: "Basic",
       plus: "Plus",
@@ -3827,24 +3829,6 @@ var init_Settings = __esm(() => {
     HIGHLIGHTER_DEFAULT_COLOR: "rgba(0, 158, 41, 0.5)",
     ERASER_DEFAULT_COLOR: "rgba(222, 224, 227, 0.5)",
     ERASER_MAX_LINE_LENGTH: 12,
-    TEMPLATE_CATEGORIES: [
-      "Research & Analysis",
-      "Diagramming",
-      "Meeting & Workshop",
-      "Strategy & Planning",
-      "Brainstorming",
-      "Agile Workflow",
-      "Icebreaker & Game",
-      "Education"
-    ],
-    TEMPLATE_LANGUAGES: [
-      { value: "ru", label: "Russian" },
-      { value: "en", label: "English" },
-      { value: "de", label: "German" },
-      { value: "es", label: "Spanish" },
-      { value: "fr", label: "French" },
-      { value: "zh", label: "Chinese" }
-    ],
     CANVAS_BG_COLOR: "#f6f6f6",
     URL_REGEX: /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/i,
     AI_NODE_DEFAULT_NODE_WIDTH: 640,
@@ -14450,6 +14434,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);
   }
@@ -28357,7 +28346,7 @@ function normalizeBoardSubscriptionCompletedMsg(data) {
     eventsSinceLastSnapshot: exports_external.array(SocketSyncEventSchema).parse(parsed.eventsSinceLastSnapshot)
   });
 }
-var StringOrNumberSchema, StringArraySchema, UnknownRecordSchema, TimestampSchema, accessModeValues, AccessModeSchema, OptionalTransportTimestampSchema, MatrixDataSchema, ApplyMatrixItemSchema, UndoOperationSchema, RedoOperationSchema, AddSingleItemBoardOperationSchema, AddManyItemsBoardOperationSchema, BoardOperationSchemas, TranslateOperationSchema, ScaleOperationSchema, RotateOperationSchema, ScaleRelativeToOperationSchema, ScaleByTranslateByOperationSchema, ApplyMatrixOperationSchema, TransformManyItemsOperationSchema, TransformationOperationSchemas, ShapeOperationSchemas, StickerOperationSchema, RichTextWholeTextOperationSchema, RichTextSelectionOperationSchema, RichTextGroupEditOperationSchema, ConnectorOperationSchemas, DrawingOperationSchemas, FrameOperationSchemas, LinkToOperationSchema, PlaceholderOperationSchemas, GroupOperationSchemas, CommentOperationSchemas, ImageOperationSchema, VideoOperationSchema, AudioOperationSchema, SocketOperationSchema, SocketBoardEventBodySchema, SocketBoardEventPackBodySchema, SocketBoardEventSchema, SocketBoardEventPackSchema, SocketSyncBoardEventSchema, SocketSyncBoardEventPackSchema, SocketSyncEventSchema, PointerMovePresenceEventSchema, SelectionPresenceEventSchema, SetUserColorPresenceEventSchema, DrawSelectPresenceEventSchema, CancelDrawSelectPresenceEventSchema, CameraPresenceEventSchema, PingPresenceEventSchema, BringToMePresenceEventSchema, StopFollowingPresenceEventSchema, FollowPresenceEventSchema, PresenceEventSchema, TextActionSchema, UserRequestAiChatEventSchema, GenerateImageRequestAiChatEventSchema, GenerateImageResponseAiChatEventSchema, GenerateAudioRequestAiChatEventSchema, GenerateAudioResponseAiChatEventSchema, StopGenerationAiChatEventSchema, ChatChunkAiChatEventSchema, AiChatEventSchema, SocketBoardSnapshotSchema, NormalizedBoardSnapshotSchema, AuthMsgSchema, LogoutMsgSchema, InvalidateRightsMsgSchema, GetModeMsgSchema, SubscribeMsgSchema, UnsubscribeMsgSchema, ErrorMsgSchema, VersionCheckMsgSchema, AuthConfirmationMsgSchema, PingMsgSchema, PongMsgSchema, BoardAccessDeniedMsgSchema, BoardSubscriptionCompletedMsgSchema, NormalizedBoardSubscriptionCompletedMsgSchema, BoardSnapshotMsgSchema, AiChatMsgSchema, BoardEventMsgSchema, ConfirmationMsgSchema, ModeMsgSchema, SnapshotRequestMsgSchema, UserJoinMsgSchema, PresenceEventMsgSchema, EventsMsgSchema, SocketMsgSchema, BoardWsHandshakeJwtPayloadSchema, TemplateWsHandshakeJwtPayloadSchema, BoardConnectResponseSchema, TemplateConnectResponseSchema;
+var StringOrNumberSchema, StringArraySchema, UnknownRecordSchema, TimestampSchema, accessModeValues, AccessModeSchema, OptionalTransportTimestampSchema, MatrixDataSchema, ApplyMatrixItemSchema, UndoOperationSchema, RedoOperationSchema, AddSingleItemBoardOperationSchema, AddManyItemsBoardOperationSchema, BoardOperationSchemas, TranslateOperationSchema, ScaleOperationSchema, RotateOperationSchema, ScaleRelativeToOperationSchema, ScaleByTranslateByOperationSchema, ApplyMatrixOperationSchema, TransformManyItemsOperationSchema, TransformationOperationSchemas, ShapeOperationSchemas, StickerOperationSchema, RichTextWholeTextOperationSchema, RichTextSelectionOperationSchema, RichTextGroupEditOperationSchema, ConnectorOperationSchemas, DrawingOperationSchemas, FrameOperationSchemas, LinkToOperationSchema, PlaceholderOperationSchemas, GroupOperationSchemas, CommentOperationSchemas, ImageOperationSchema, VideoOperationSchema, AudioOperationSchema, SocketOperationSchema, SocketBoardEventBodySchema, SocketBoardEventPackBodySchema, SocketBoardEventSchema, SocketBoardEventPackSchema, SocketSyncBoardEventSchema, SocketSyncBoardEventPackSchema, SocketSyncEventSchema, PointerMovePresenceEventSchema, SelectionPresenceEventSchema, SetUserColorPresenceEventSchema, DrawSelectPresenceEventSchema, CancelDrawSelectPresenceEventSchema, CameraPresenceEventSchema, PingPresenceEventSchema, BringToMePresenceEventSchema, StopFollowingPresenceEventSchema, FollowPresenceEventSchema, PresenceEventSchema, TextActionSchema, UserRequestAiChatEventSchema, GenerateImageRequestAiChatEventSchema, GenerateImageResponseAiChatEventSchema, GenerateAudioRequestAiChatEventSchema, GenerateAudioResponseAiChatEventSchema, StopGenerationAiChatEventSchema, ChatChunkAiChatEventSchema, AiChatEventSchema, SocketBoardSnapshotSchema, NormalizedBoardSnapshotSchema, AuthMsgSchema, LogoutMsgSchema, InvalidateRightsMsgSchema, GetModeMsgSchema, SubscribeMsgSchema, UnsubscribeMsgSchema, ErrorMsgSchema, VersionCheckMsgSchema, AuthConfirmationMsgSchema, PingMsgSchema, PongMsgSchema, BoardAccessDeniedMsgSchema, BoardSubscriptionCompletedMsgSchema, NormalizedBoardSubscriptionCompletedMsgSchema, BoardSnapshotMsgSchema, AiChatMsgSchema, BoardEventMsgSchema, ConfirmationMsgSchema, ModeMsgSchema, SnapshotRequestMsgSchema, UserJoinMsgSchema, PresenceEventMsgSchema, EventsMsgSchema, SocketMsgSchema, BoardWsHandshakeJwtPayloadSchema, BoardConnectResponseSchema;
 var init_socketContract = __esm(() => {
   init_zod();
   StringOrNumberSchema = exports_external.union([exports_external.string(), exports_external.number()]);
@@ -29346,11 +29335,6 @@ var init_socketContract = __esm(() => {
     accessMode: exports_external.enum(accessModeValues),
     isWsToken: exports_external.literal(true)
   }).strict();
-  TemplateWsHandshakeJwtPayloadSchema = exports_external.object({
-    templateId: exports_external.string(),
-    connectionType: exports_external.literal("template"),
-    isWsToken: exports_external.literal(true)
-  }).strict();
   BoardConnectResponseSchema = exports_external.object({
     wsUrl: exports_external.string(),
     jwt: exports_external.string(),
@@ -29358,11 +29342,6 @@ var init_socketContract = __esm(() => {
     sessionId: exports_external.string(),
     accessMode: exports_external.enum(accessModeValues)
   }).strict();
-  TemplateConnectResponseSchema = exports_external.object({
-    wsUrl: exports_external.string(),
-    jwt: exports_external.string(),
-    userId: exports_external.string()
-  }).strict();
 });
 
 // src/Events/MessageRouter/createMessageRouter.ts
@@ -31899,7 +31878,32 @@ var init_setLink = __esm(() => {
 
 // src/Items/RichText/editorHelpers/common/getSelectionMarks.ts
 function getSelectionMarks(editor) {
-  return import_slate42.Editor.marks(editor);
+  const marks = import_slate42.Editor.marks(editor);
+  if (!editor.selection) {
+    return marks;
+  }
+  if (!import_slate42.Range.isExpanded(editor.selection) || marks && Object.keys(marks).length > 0) {
+    return marks;
+  }
+  const textEntries = Array.from(import_slate42.Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => import_slate42.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_slate42;
 var init_getSelectionMarks = __esm(() => {
@@ -39522,7 +39526,14 @@ function setSelectionFontSize(editor, isAutosize, fontSize, selectionContext) {
         shouldUpdateElement = true;
       }
     } else {
-      import_slate53.Editor.addMark(editor, "fontSize", size);
+      if (editor.selection && import_slate53.Range.isExpanded(editor.selection)) {
+        import_slate53.Transforms.setNodes(editor, { fontSize: size }, {
+          match: (n) => import_slate53.Text.isText(n),
+          split: true
+        });
+      } else {
+        import_slate53.Editor.addMark(editor, "fontSize", size);
+      }
     }
   }
   if (selectionContext === "EditTextUnderPointer") {
@@ -39602,7 +39613,14 @@ function setSelectionFontColor(editor, format, selectionContext) {
     return;
   }
   if (marks.fontColor !== format) {
-    import_slate55.Editor.addMark(editor, "fontColor", format);
+    if (editor.selection && import_slate55.Range.isExpanded(editor.selection)) {
+      import_slate55.Transforms.setNodes(editor, { fontColor: format }, {
+        match: (n) => import_slate55.Text.isText(n),
+        split: true
+      });
+    } else {
+      import_slate55.Editor.addMark(editor, "fontColor", format);
+    }
   }
   if (selectionContext === "EditTextUnderPointer") {
     try {
@@ -40153,7 +40171,14 @@ function applySelectionFontColor(editor, fontColor) {
   if (!marks) {
     return;
   }
-  import_slate57.Editor.addMark(editor, "fontColor", fontColor);
+  if (editor.selection && import_slate57.Range.isExpanded(editor.selection)) {
+    import_slate57.Transforms.setNodes(editor, { fontColor }, {
+      match: (n) => import_slate57.Text.isText(n),
+      split: true
+    });
+  } else {
+    import_slate57.Editor.addMark(editor, "fontColor", fontColor);
+  }
 }
 var import_slate57;
 var init_applySelectionFontColor = __esm(() => {
@@ -40181,7 +40206,14 @@ function applySelectionFontSize(editor, fontSize, selectionContext) {
       focus: import_slate58.Editor.end(editor, [])
     });
   }
-  import_slate58.Editor.addMark(editor, "fontSize", size);
+  if (editor.selection && import_slate58.Range.isExpanded(editor.selection)) {
+    import_slate58.Transforms.setNodes(editor, { fontSize: size }, {
+      match: (n) => import_slate58.Text.isText(n),
+      split: true
+    });
+  } else {
+    import_slate58.Editor.addMark(editor, "fontSize", size);
+  }
   if (selectionContext === "EditTextUnderPointer") {}
 }
 var import_slate58;
@@ -41849,6 +41881,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 {
@@ -41866,15 +41927,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}`);
@@ -41884,19 +41944,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}`);
@@ -41918,18 +41977,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;
@@ -41937,15 +41996,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);
@@ -41960,15 +42013,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);
     };
@@ -60495,7 +60549,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();
@@ -60855,9 +60909,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,
@@ -60898,15 +60952,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
@@ -66894,8 +66948,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);
       };
@@ -67596,7 +67650,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);
@@ -68051,7 +68105,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);
@@ -69913,7 +69967,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;
@@ -70334,7 +70388,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);