microboard-temp 0.5.69 → 0.5.71

package/dist/cjs/browser.js

@@ -678,6 +678,7 @@ __export(exports_browser, {
   getPlaceholderImage: () => getPlaceholderImage,
   getHotkeyLabel: () => getHotkeyLabel,
   getControlPointData: () => getControlPointData,
+  getBlobFromDataURL: () => getBlobFromDataURL,
   forceNumberIntoInterval: () => forceNumberIntoInterval,
   fileTosha256: () => fileTosha256,
   exportBoardSnapshot: () => exportBoardSnapshot,
@@ -41289,14 +41290,56 @@ async function fileTosha256(file) {
   return hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
 }
 
+// src/api/MediaHelpers.ts
+var uploadMediaToStorage = async (hash, blob, accessToken, boardId, type) => {
+  try {
+    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`
+      },
+      body: JSON.stringify({
+        fileSize: blob.size,
+        boardId,
+        hash
+      })
+    });
+    if (!generateUrlResponse.ok) {
+      conf.hooks.onUploadMediaError(generateUrlResponse, type);
+      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
+    }
+    const data = await generateUrlResponse.json();
+    if (data.mediaUrl) {
+      console.log("Media already exists, skipping upload.");
+      return data.mediaUrl;
+    }
+    const { uploadUrl, promisedMediaUrl } = data;
+    if (!uploadUrl || !promisedMediaUrl) {
+      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
+    }
+    const uploadResponse = await fetch(uploadUrl, {
+      method: "PUT",
+      headers: {
+        "Content-Type": blob.type
+      },
+      body: blob
+    });
+    if (!uploadResponse.ok) {
+      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
+      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
+    }
+    return promisedMediaUrl;
+  } catch (error) {
+    console.error("Media upload process error:", error);
+    throw error;
+  }
+};
+
 // src/Items/Image/ImageHelpers.ts
 var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {
-    const base64String = dataURL.split(",")[1];
-    const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
-    const binaryString = window.atob(base64String);
-    const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
-    const blob = new Blob([bytes], { type: mimeType });
+    const { blob, mimeType } = getBlobFromDataURL(dataURL);
     fetch(`${window?.location.origin}/api/v1/media/image/${boardId}`, {
       method: "POST",
       headers: {
@@ -41318,6 +41361,14 @@ var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
     });
   });
 };
+var getBlobFromDataURL = (dataURL) => {
+  const base64String = dataURL.split(",")[1];
+  const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
+  const binaryString = window.atob(base64String);
+  const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
+  const blob = new Blob([bytes], { type: mimeType });
+  return { blob, base64String, mimeType };
+};
 var resizeAndConvertToPng = async (inp) => {
   return new Promise((resolve2, reject) => {
     if (typeof inp !== "string") {
@@ -41385,7 +41436,17 @@ var resizeAndConvertToPng = async (inp) => {
   });
 };
 var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).then(({ width: width2, height: height2, dataURL, hash }) => {
-  return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+  const { blob, mimeType } = getBlobFromDataURL(dataURL);
+  if (mimeType === "image/svg+xml") {
+    return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+      return {
+        imageDimension: { width: width2, height: height2 },
+        base64: dataURL,
+        storageLink: src
+      };
+    });
+  }
+  return uploadMediaToStorage(hash, blob, accessToken, boardId, "image").then((src) => {
     return {
       imageDimension: { width: width2, height: height2 },
       base64: dataURL,
@@ -41394,52 +41455,6 @@ var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).the
   });
 });
 
-// src/api/MediaHelpers.ts
-var uploadMediaToStorage = async (hash, videoBlob, accessToken, boardId, type) => {
-  try {
-    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${accessToken}`
-      },
-      body: JSON.stringify({
-        fileSize: videoBlob.size,
-        boardId,
-        hash
-      })
-    });
-    if (!generateUrlResponse.ok) {
-      conf.hooks.onUploadMediaError(generateUrlResponse, type);
-      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
-    }
-    const data = await generateUrlResponse.json();
-    if (data.mediaUrl) {
-      console.log("Media already exists, skipping upload.");
-      return data.mediaUrl;
-    }
-    const { uploadUrl, promisedMediaUrl } = data;
-    if (!uploadUrl || !promisedMediaUrl) {
-      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
-    }
-    const uploadResponse = await fetch(uploadUrl, {
-      method: "PUT",
-      headers: {
-        "Content-Type": videoBlob.type
-      },
-      body: videoBlob
-    });
-    if (!uploadResponse.ok) {
-      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
-      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
-    }
-    return promisedMediaUrl;
-  } catch (error) {
-    console.error("Media upload process error:", error);
-    throw error;
-  }
-};
-
 // src/Items/Video/VideoHelpers.ts
 var uploadVideoToStorage = async (hash, videoBlob, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {

package/dist/cjs/index.js

@@ -678,6 +678,7 @@ __export(exports_src, {
   getPlaceholderImage: () => getPlaceholderImage,
   getHotkeyLabel: () => getHotkeyLabel,
   getControlPointData: () => getControlPointData,
+  getBlobFromDataURL: () => getBlobFromDataURL,
   forceNumberIntoInterval: () => forceNumberIntoInterval,
   fileTosha256: () => fileTosha256,
   exportBoardSnapshot: () => exportBoardSnapshot,
@@ -41289,14 +41290,56 @@ async function fileTosha256(file) {
   return hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
 }
 
+// src/api/MediaHelpers.ts
+var uploadMediaToStorage = async (hash, blob, accessToken, boardId, type) => {
+  try {
+    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`
+      },
+      body: JSON.stringify({
+        fileSize: blob.size,
+        boardId,
+        hash
+      })
+    });
+    if (!generateUrlResponse.ok) {
+      conf.hooks.onUploadMediaError(generateUrlResponse, type);
+      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
+    }
+    const data = await generateUrlResponse.json();
+    if (data.mediaUrl) {
+      console.log("Media already exists, skipping upload.");
+      return data.mediaUrl;
+    }
+    const { uploadUrl, promisedMediaUrl } = data;
+    if (!uploadUrl || !promisedMediaUrl) {
+      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
+    }
+    const uploadResponse = await fetch(uploadUrl, {
+      method: "PUT",
+      headers: {
+        "Content-Type": blob.type
+      },
+      body: blob
+    });
+    if (!uploadResponse.ok) {
+      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
+      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
+    }
+    return promisedMediaUrl;
+  } catch (error) {
+    console.error("Media upload process error:", error);
+    throw error;
+  }
+};
+
 // src/Items/Image/ImageHelpers.ts
 var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {
-    const base64String = dataURL.split(",")[1];
-    const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
-    const binaryString = window.atob(base64String);
-    const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
-    const blob = new Blob([bytes], { type: mimeType });
+    const { blob, mimeType } = getBlobFromDataURL(dataURL);
     fetch(`${window?.location.origin}/api/v1/media/image/${boardId}`, {
       method: "POST",
       headers: {
@@ -41318,6 +41361,14 @@ var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
     });
   });
 };
+var getBlobFromDataURL = (dataURL) => {
+  const base64String = dataURL.split(",")[1];
+  const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
+  const binaryString = window.atob(base64String);
+  const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
+  const blob = new Blob([bytes], { type: mimeType });
+  return { blob, base64String, mimeType };
+};
 var resizeAndConvertToPng = async (inp) => {
   return new Promise((resolve2, reject) => {
     if (typeof inp !== "string") {
@@ -41385,7 +41436,17 @@ var resizeAndConvertToPng = async (inp) => {
   });
 };
 var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).then(({ width: width2, height: height2, dataURL, hash }) => {
-  return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+  const { blob, mimeType } = getBlobFromDataURL(dataURL);
+  if (mimeType === "image/svg+xml") {
+    return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+      return {
+        imageDimension: { width: width2, height: height2 },
+        base64: dataURL,
+        storageLink: src
+      };
+    });
+  }
+  return uploadMediaToStorage(hash, blob, accessToken, boardId, "image").then((src) => {
     return {
       imageDimension: { width: width2, height: height2 },
       base64: dataURL,
@@ -41394,52 +41455,6 @@ var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).the
   });
 });
 
-// src/api/MediaHelpers.ts
-var uploadMediaToStorage = async (hash, videoBlob, accessToken, boardId, type) => {
-  try {
-    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${accessToken}`
-      },
-      body: JSON.stringify({
-        fileSize: videoBlob.size,
-        boardId,
-        hash
-      })
-    });
-    if (!generateUrlResponse.ok) {
-      conf.hooks.onUploadMediaError(generateUrlResponse, type);
-      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
-    }
-    const data = await generateUrlResponse.json();
-    if (data.mediaUrl) {
-      console.log("Media already exists, skipping upload.");
-      return data.mediaUrl;
-    }
-    const { uploadUrl, promisedMediaUrl } = data;
-    if (!uploadUrl || !promisedMediaUrl) {
-      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
-    }
-    const uploadResponse = await fetch(uploadUrl, {
-      method: "PUT",
-      headers: {
-        "Content-Type": videoBlob.type
-      },
-      body: videoBlob
-    });
-    if (!uploadResponse.ok) {
-      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
-      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
-    }
-    return promisedMediaUrl;
-  } catch (error) {
-    console.error("Media upload process error:", error);
-    throw error;
-  }
-};
-
 // src/Items/Video/VideoHelpers.ts
 var uploadVideoToStorage = async (hash, videoBlob, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {

package/dist/cjs/node.js

@@ -1715,6 +1715,7 @@ __export(exports_node, {
   getPlaceholderImage: () => getPlaceholderImage,
   getHotkeyLabel: () => getHotkeyLabel,
   getControlPointData: () => getControlPointData,
+  getBlobFromDataURL: () => getBlobFromDataURL,
   forceNumberIntoInterval: () => forceNumberIntoInterval,
   fileTosha256: () => fileTosha256,
   exportBoardSnapshot: () => exportBoardSnapshot,
@@ -43762,14 +43763,56 @@ async function fileTosha256(file) {
   return hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
 }
 
+// src/api/MediaHelpers.ts
+var uploadMediaToStorage = async (hash, blob, accessToken, boardId, type) => {
+  try {
+    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`
+      },
+      body: JSON.stringify({
+        fileSize: blob.size,
+        boardId,
+        hash
+      })
+    });
+    if (!generateUrlResponse.ok) {
+      conf.hooks.onUploadMediaError(generateUrlResponse, type);
+      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
+    }
+    const data = await generateUrlResponse.json();
+    if (data.mediaUrl) {
+      console.log("Media already exists, skipping upload.");
+      return data.mediaUrl;
+    }
+    const { uploadUrl, promisedMediaUrl } = data;
+    if (!uploadUrl || !promisedMediaUrl) {
+      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
+    }
+    const uploadResponse = await fetch(uploadUrl, {
+      method: "PUT",
+      headers: {
+        "Content-Type": blob.type
+      },
+      body: blob
+    });
+    if (!uploadResponse.ok) {
+      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
+      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
+    }
+    return promisedMediaUrl;
+  } catch (error) {
+    console.error("Media upload process error:", error);
+    throw error;
+  }
+};
+
 // src/Items/Image/ImageHelpers.ts
 var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {
-    const base64String = dataURL.split(",")[1];
-    const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
-    const binaryString = window.atob(base64String);
-    const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
-    const blob = new Blob([bytes], { type: mimeType });
+    const { blob, mimeType } = getBlobFromDataURL(dataURL);
     fetch(`${window?.location.origin}/api/v1/media/image/${boardId}`, {
       method: "POST",
       headers: {
@@ -43791,6 +43834,14 @@ var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
     });
   });
 };
+var getBlobFromDataURL = (dataURL) => {
+  const base64String = dataURL.split(",")[1];
+  const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
+  const binaryString = window.atob(base64String);
+  const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
+  const blob = new Blob([bytes], { type: mimeType });
+  return { blob, base64String, mimeType };
+};
 var resizeAndConvertToPng = async (inp) => {
   return new Promise((resolve2, reject) => {
     if (typeof inp !== "string") {
@@ -43858,7 +43909,17 @@ var resizeAndConvertToPng = async (inp) => {
   });
 };
 var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).then(({ width: width2, height: height2, dataURL, hash }) => {
-  return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+  const { blob, mimeType } = getBlobFromDataURL(dataURL);
+  if (mimeType === "image/svg+xml") {
+    return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+      return {
+        imageDimension: { width: width2, height: height2 },
+        base64: dataURL,
+        storageLink: src
+      };
+    });
+  }
+  return uploadMediaToStorage(hash, blob, accessToken, boardId, "image").then((src) => {
     return {
       imageDimension: { width: width2, height: height2 },
       base64: dataURL,
@@ -43867,52 +43928,6 @@ var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).the
   });
 });
 
-// src/api/MediaHelpers.ts
-var uploadMediaToStorage = async (hash, videoBlob, accessToken, boardId, type) => {
-  try {
-    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${accessToken}`
-      },
-      body: JSON.stringify({
-        fileSize: videoBlob.size,
-        boardId,
-        hash
-      })
-    });
-    if (!generateUrlResponse.ok) {
-      conf.hooks.onUploadMediaError(generateUrlResponse, type);
-      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
-    }
-    const data = await generateUrlResponse.json();
-    if (data.mediaUrl) {
-      console.log("Media already exists, skipping upload.");
-      return data.mediaUrl;
-    }
-    const { uploadUrl, promisedMediaUrl } = data;
-    if (!uploadUrl || !promisedMediaUrl) {
-      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
-    }
-    const uploadResponse = await fetch(uploadUrl, {
-      method: "PUT",
-      headers: {
-        "Content-Type": videoBlob.type
-      },
-      body: videoBlob
-    });
-    if (!uploadResponse.ok) {
-      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
-      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
-    }
-    return promisedMediaUrl;
-  } catch (error) {
-    console.error("Media upload process error:", error);
-    throw error;
-  }
-};
-
 // src/Items/Video/VideoHelpers.ts
 var uploadVideoToStorage = async (hash, videoBlob, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {

package/dist/esm/browser.js

@@ -41135,14 +41135,56 @@ async function fileTosha256(file) {
   return hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
 }
 
+// src/api/MediaHelpers.ts
+var uploadMediaToStorage = async (hash, blob, accessToken, boardId, type) => {
+  try {
+    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`
+      },
+      body: JSON.stringify({
+        fileSize: blob.size,
+        boardId,
+        hash
+      })
+    });
+    if (!generateUrlResponse.ok) {
+      conf.hooks.onUploadMediaError(generateUrlResponse, type);
+      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
+    }
+    const data = await generateUrlResponse.json();
+    if (data.mediaUrl) {
+      console.log("Media already exists, skipping upload.");
+      return data.mediaUrl;
+    }
+    const { uploadUrl, promisedMediaUrl } = data;
+    if (!uploadUrl || !promisedMediaUrl) {
+      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
+    }
+    const uploadResponse = await fetch(uploadUrl, {
+      method: "PUT",
+      headers: {
+        "Content-Type": blob.type
+      },
+      body: blob
+    });
+    if (!uploadResponse.ok) {
+      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
+      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
+    }
+    return promisedMediaUrl;
+  } catch (error) {
+    console.error("Media upload process error:", error);
+    throw error;
+  }
+};
+
 // src/Items/Image/ImageHelpers.ts
 var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {
-    const base64String = dataURL.split(",")[1];
-    const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
-    const binaryString = window.atob(base64String);
-    const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
-    const blob = new Blob([bytes], { type: mimeType });
+    const { blob, mimeType } = getBlobFromDataURL(dataURL);
     fetch(`${window?.location.origin}/api/v1/media/image/${boardId}`, {
       method: "POST",
       headers: {
@@ -41164,6 +41206,14 @@ var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
     });
   });
 };
+var getBlobFromDataURL = (dataURL) => {
+  const base64String = dataURL.split(",")[1];
+  const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
+  const binaryString = window.atob(base64String);
+  const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
+  const blob = new Blob([bytes], { type: mimeType });
+  return { blob, base64String, mimeType };
+};
 var resizeAndConvertToPng = async (inp) => {
   return new Promise((resolve2, reject) => {
     if (typeof inp !== "string") {
@@ -41231,7 +41281,17 @@ var resizeAndConvertToPng = async (inp) => {
   });
 };
 var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).then(({ width: width2, height: height2, dataURL, hash }) => {
-  return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+  const { blob, mimeType } = getBlobFromDataURL(dataURL);
+  if (mimeType === "image/svg+xml") {
+    return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+      return {
+        imageDimension: { width: width2, height: height2 },
+        base64: dataURL,
+        storageLink: src
+      };
+    });
+  }
+  return uploadMediaToStorage(hash, blob, accessToken, boardId, "image").then((src) => {
     return {
       imageDimension: { width: width2, height: height2 },
       base64: dataURL,
@@ -41240,52 +41300,6 @@ var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).the
   });
 });
 
-// src/api/MediaHelpers.ts
-var uploadMediaToStorage = async (hash, videoBlob, accessToken, boardId, type) => {
-  try {
-    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${accessToken}`
-      },
-      body: JSON.stringify({
-        fileSize: videoBlob.size,
-        boardId,
-        hash
-      })
-    });
-    if (!generateUrlResponse.ok) {
-      conf.hooks.onUploadMediaError(generateUrlResponse, type);
-      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
-    }
-    const data = await generateUrlResponse.json();
-    if (data.mediaUrl) {
-      console.log("Media already exists, skipping upload.");
-      return data.mediaUrl;
-    }
-    const { uploadUrl, promisedMediaUrl } = data;
-    if (!uploadUrl || !promisedMediaUrl) {
-      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
-    }
-    const uploadResponse = await fetch(uploadUrl, {
-      method: "PUT",
-      headers: {
-        "Content-Type": videoBlob.type
-      },
-      body: videoBlob
-    });
-    if (!uploadResponse.ok) {
-      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
-      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
-    }
-    return promisedMediaUrl;
-  } catch (error) {
-    console.error("Media upload process error:", error);
-    throw error;
-  }
-};
-
 // src/Items/Video/VideoHelpers.ts
 var uploadVideoToStorage = async (hash, videoBlob, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {
@@ -57090,6 +57104,7 @@ export {
   getPlaceholderImage,
   getHotkeyLabel,
   getControlPointData,
+  getBlobFromDataURL,
   forceNumberIntoInterval,
   fileTosha256,
   exportBoardSnapshot,

package/dist/esm/index.js

@@ -41128,14 +41128,56 @@ async function fileTosha256(file) {
   return hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
 }
 
+// src/api/MediaHelpers.ts
+var uploadMediaToStorage = async (hash, blob, accessToken, boardId, type) => {
+  try {
+    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`
+      },
+      body: JSON.stringify({
+        fileSize: blob.size,
+        boardId,
+        hash
+      })
+    });
+    if (!generateUrlResponse.ok) {
+      conf.hooks.onUploadMediaError(generateUrlResponse, type);
+      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
+    }
+    const data = await generateUrlResponse.json();
+    if (data.mediaUrl) {
+      console.log("Media already exists, skipping upload.");
+      return data.mediaUrl;
+    }
+    const { uploadUrl, promisedMediaUrl } = data;
+    if (!uploadUrl || !promisedMediaUrl) {
+      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
+    }
+    const uploadResponse = await fetch(uploadUrl, {
+      method: "PUT",
+      headers: {
+        "Content-Type": blob.type
+      },
+      body: blob
+    });
+    if (!uploadResponse.ok) {
+      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
+      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
+    }
+    return promisedMediaUrl;
+  } catch (error) {
+    console.error("Media upload process error:", error);
+    throw error;
+  }
+};
+
 // src/Items/Image/ImageHelpers.ts
 var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {
-    const base64String = dataURL.split(",")[1];
-    const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
-    const binaryString = window.atob(base64String);
-    const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
-    const blob = new Blob([bytes], { type: mimeType });
+    const { blob, mimeType } = getBlobFromDataURL(dataURL);
     fetch(`${window?.location.origin}/api/v1/media/image/${boardId}`, {
       method: "POST",
       headers: {
@@ -41157,6 +41199,14 @@ var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
     });
   });
 };
+var getBlobFromDataURL = (dataURL) => {
+  const base64String = dataURL.split(",")[1];
+  const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
+  const binaryString = window.atob(base64String);
+  const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
+  const blob = new Blob([bytes], { type: mimeType });
+  return { blob, base64String, mimeType };
+};
 var resizeAndConvertToPng = async (inp) => {
   return new Promise((resolve2, reject) => {
     if (typeof inp !== "string") {
@@ -41224,7 +41274,17 @@ var resizeAndConvertToPng = async (inp) => {
   });
 };
 var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).then(({ width: width2, height: height2, dataURL, hash }) => {
-  return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+  const { blob, mimeType } = getBlobFromDataURL(dataURL);
+  if (mimeType === "image/svg+xml") {
+    return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+      return {
+        imageDimension: { width: width2, height: height2 },
+        base64: dataURL,
+        storageLink: src
+      };
+    });
+  }
+  return uploadMediaToStorage(hash, blob, accessToken, boardId, "image").then((src) => {
     return {
       imageDimension: { width: width2, height: height2 },
       base64: dataURL,
@@ -41233,52 +41293,6 @@ var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).the
   });
 });
 
-// src/api/MediaHelpers.ts
-var uploadMediaToStorage = async (hash, videoBlob, accessToken, boardId, type) => {
-  try {
-    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${accessToken}`
-      },
-      body: JSON.stringify({
-        fileSize: videoBlob.size,
-        boardId,
-        hash
-      })
-    });
-    if (!generateUrlResponse.ok) {
-      conf.hooks.onUploadMediaError(generateUrlResponse, type);
-      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
-    }
-    const data = await generateUrlResponse.json();
-    if (data.mediaUrl) {
-      console.log("Media already exists, skipping upload.");
-      return data.mediaUrl;
-    }
-    const { uploadUrl, promisedMediaUrl } = data;
-    if (!uploadUrl || !promisedMediaUrl) {
-      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
-    }
-    const uploadResponse = await fetch(uploadUrl, {
-      method: "PUT",
-      headers: {
-        "Content-Type": videoBlob.type
-      },
-      body: videoBlob
-    });
-    if (!uploadResponse.ok) {
-      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
-      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
-    }
-    return promisedMediaUrl;
-  } catch (error) {
-    console.error("Media upload process error:", error);
-    throw error;
-  }
-};
-
 // src/Items/Video/VideoHelpers.ts
 var uploadVideoToStorage = async (hash, videoBlob, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {
@@ -56988,6 +57002,7 @@ export {
   getPlaceholderImage,
   getHotkeyLabel,
   getControlPointData,
+  getBlobFromDataURL,
   forceNumberIntoInterval,
   fileTosha256,
   exportBoardSnapshot,

package/dist/esm/node.js

@@ -43596,14 +43596,56 @@ async function fileTosha256(file) {
   return hashArray.map((byte) => byte.toString(16).padStart(2, "0")).join("");
 }
 
+// src/api/MediaHelpers.ts
+var uploadMediaToStorage = async (hash, blob, accessToken, boardId, type) => {
+  try {
+    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${accessToken}`
+      },
+      body: JSON.stringify({
+        fileSize: blob.size,
+        boardId,
+        hash
+      })
+    });
+    if (!generateUrlResponse.ok) {
+      conf.hooks.onUploadMediaError(generateUrlResponse, type);
+      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
+    }
+    const data = await generateUrlResponse.json();
+    if (data.mediaUrl) {
+      console.log("Media already exists, skipping upload.");
+      return data.mediaUrl;
+    }
+    const { uploadUrl, promisedMediaUrl } = data;
+    if (!uploadUrl || !promisedMediaUrl) {
+      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
+    }
+    const uploadResponse = await fetch(uploadUrl, {
+      method: "PUT",
+      headers: {
+        "Content-Type": blob.type
+      },
+      body: blob
+    });
+    if (!uploadResponse.ok) {
+      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
+      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
+    }
+    return promisedMediaUrl;
+  } catch (error) {
+    console.error("Media upload process error:", error);
+    throw error;
+  }
+};
+
 // src/Items/Image/ImageHelpers.ts
 var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {
-    const base64String = dataURL.split(",")[1];
-    const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
-    const binaryString = window.atob(base64String);
-    const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
-    const blob = new Blob([bytes], { type: mimeType });
+    const { blob, mimeType } = getBlobFromDataURL(dataURL);
     fetch(`${window?.location.origin}/api/v1/media/image/${boardId}`, {
       method: "POST",
       headers: {
@@ -43625,6 +43667,14 @@ var uploadToTheStorage = async (hash, dataURL, accessToken, boardId) => {
     });
   });
 };
+var getBlobFromDataURL = (dataURL) => {
+  const base64String = dataURL.split(",")[1];
+  const mimeType = dataURL.split(",")[0].split(":")[1].split(";")[0];
+  const binaryString = window.atob(base64String);
+  const bytes = Uint8Array.from(binaryString, (char) => char.charCodeAt(0));
+  const blob = new Blob([bytes], { type: mimeType });
+  return { blob, base64String, mimeType };
+};
 var resizeAndConvertToPng = async (inp) => {
   return new Promise((resolve2, reject) => {
     if (typeof inp !== "string") {
@@ -43692,7 +43742,17 @@ var resizeAndConvertToPng = async (inp) => {
   });
 };
 var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).then(({ width: width2, height: height2, dataURL, hash }) => {
-  return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+  const { blob, mimeType } = getBlobFromDataURL(dataURL);
+  if (mimeType === "image/svg+xml") {
+    return uploadToTheStorage(hash, dataURL, accessToken, boardId).then((src) => {
+      return {
+        imageDimension: { width: width2, height: height2 },
+        base64: dataURL,
+        storageLink: src
+      };
+    });
+  }
+  return uploadMediaToStorage(hash, blob, accessToken, boardId, "image").then((src) => {
     return {
       imageDimension: { width: width2, height: height2 },
       base64: dataURL,
@@ -43701,52 +43761,6 @@ var prepareImage = (inp, accessToken, boardId) => resizeAndConvertToPng(inp).the
   });
 });
 
-// src/api/MediaHelpers.ts
-var uploadMediaToStorage = async (hash, videoBlob, accessToken, boardId, type) => {
-  try {
-    const generateUrlResponse = await fetch(`${window.location.origin}/api/v1/media/generate-upload-url`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${accessToken}`
-      },
-      body: JSON.stringify({
-        fileSize: videoBlob.size,
-        boardId,
-        hash
-      })
-    });
-    if (!generateUrlResponse.ok) {
-      conf.hooks.onUploadMediaError(generateUrlResponse, type);
-      throw new Error(`Failed to get presigned URL. Status: ${generateUrlResponse.status}`);
-    }
-    const data = await generateUrlResponse.json();
-    if (data.mediaUrl) {
-      console.log("Media already exists, skipping upload.");
-      return data.mediaUrl;
-    }
-    const { uploadUrl, promisedMediaUrl } = data;
-    if (!uploadUrl || !promisedMediaUrl) {
-      throw new Error("Server did not provide an uploadUrl or promisedMediaUrl in the response.");
-    }
-    const uploadResponse = await fetch(uploadUrl, {
-      method: "PUT",
-      headers: {
-        "Content-Type": videoBlob.type
-      },
-      body: videoBlob
-    });
-    if (!uploadResponse.ok) {
-      console.error("Direct upload to storage failed:", uploadResponse.status, uploadResponse.statusText);
-      throw new Error(`Direct upload to storage failed. Status: ${uploadResponse.status}`);
-    }
-    return promisedMediaUrl;
-  } catch (error) {
-    console.error("Media upload process error:", error);
-    throw error;
-  }
-};
-
 // src/Items/Video/VideoHelpers.ts
 var uploadVideoToStorage = async (hash, videoBlob, accessToken, boardId) => {
   return new Promise((resolve2, reject) => {
@@ -59623,6 +59637,7 @@ export {
   getPlaceholderImage,
   getHotkeyLabel,
   getControlPointData,
+  getBlobFromDataURL,
   forceNumberIntoInterval,
   fileTosha256,
   exportBoardSnapshot,

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

@@ -1,5 +1,10 @@
 import { ImageConstructorData } from './Image';
 export declare const uploadToTheStorage: (hash: string, dataURL: string, accessToken: string | null, boardId: string) => Promise<string>;
+export declare const getBlobFromDataURL: (dataURL: string) => {
+    blob: Blob;
+    base64String: string;
+    mimeType: string;
+};
 export declare const resizeAndConvertToPng: (inp: string | ArrayBuffer | null | undefined) => Promise<{
     dataURL: string;
     width: number;

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

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

package/package.json

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