@lumir-company/editor 0.4.7 → 0.4.9

package/dist/index.mjs

@@ -2796,7 +2796,7 @@ var ALLOWED_VIDEO_EXTENSIONS = [
 // src/components/LumirEditor.tsx
 import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEBUG_LOG = (loc, msg, data) => {
-  fetch("http://127.0.0.1:7686/ingest/1f8ee1c5-0cf0-4ae7-91ed-5ea7ed17130a", {
+  const p = fetch("http://127.0.0.1:7686/ingest/1f8ee1c5-0cf0-4ae7-91ed-5ea7ed17130a", {
     method: "POST",
     headers: { "Content-Type": "application/json", "X-Debug-Session-Id": "b73262" },
     body: JSON.stringify({
@@ -2806,7 +2806,8 @@ var DEBUG_LOG = (loc, msg, data) => {
       data,
       timestamp: Date.now()
     })
-  }).catch(() => {
+  });
+  if (p && typeof p.catch === "function") p.catch(() => {
   });
 };
 var ContentUtils = class {
@@ -2927,8 +2928,9 @@ var EditorConfig = class {
     return Array.from(set);
   }
 };
-var isImageFile = (file) => {
-  if (file.size === 0 || file.size > MAX_FILE_SIZE) {
+var isImageFile = (file, maxSize) => {
+  const limit = maxSize !== void 0 ? maxSize : MAX_FILE_SIZE;
+  if (file.size === 0 || file.size > limit) {
     return false;
   }
   const fileName = file.name?.toLowerCase() || "";
@@ -2937,8 +2939,9 @@ var isImageFile = (file) => {
   }
   return file.type?.startsWith("image/") || !file.type && /\.(png|jpe?g|gif|webp|bmp)$/i.test(fileName);
 };
-var isVideoFile = (file) => {
-  const sizeOk = file.size > 0 && file.size <= MAX_VIDEO_FILE_SIZE;
+var isVideoFile = (file, maxSize) => {
+  const limit = maxSize !== void 0 ? maxSize : MAX_VIDEO_FILE_SIZE;
+  const sizeOk = file.size > 0 && file.size <= limit;
   const fileName = file.name?.toLowerCase() || "";
   const mimeMatch = ALLOWED_VIDEO_MIME_TYPES.has(file.type);
   const videoPrefix = typeof file.type === "string" && file.type.startsWith("video/");
@@ -3079,6 +3082,8 @@ function LumirEditor({
   allowVideoUpload = false,
   allowAudioUpload = false,
   allowFileUpload = false,
+  maxImageFileSize,
+  maxVideoFileSize,
   // link preview
   linkPreview,
   // view options
@@ -3193,8 +3198,8 @@ function LumirEditor({
       tabBehavior,
       trailingBlock,
       uploadFile: async (file) => {
-        const allowedImage = isImageFile(file);
-        const allowedVideo = allowVideoUpload && isVideoFile(file);
+        const allowedImage = isImageFile(file, maxImageFileSize);
+        const allowedVideo = allowVideoUpload && isVideoFile(file, maxVideoFileSize);
         DEBUG_LOG("uploadFile:step1:entry", "editor uploadFile callback invoked", {
           fileName: file.name,
           fileType: file.type,
@@ -3288,7 +3293,7 @@ function LumirEditor({
         const fileList = event?.clipboardData?.files ?? null;
         const files = fileList ? Array.from(fileList) : [];
         const acceptedFiles = files.filter(
-          (f) => isImageFile(f) || allowVideoUpload && isVideoFile(f)
+          (f) => isImageFile(f, maxImageFileSize) || allowVideoUpload && isVideoFile(f, maxVideoFileSize)
         );
         DEBUG_LOG("paste:step1:files", "paste clipboard files", {
           filesCount: files.length,
@@ -3314,11 +3319,11 @@ function LumirEditor({
                   fileType: file.type
                 });
                 const url = await editor2.uploadFile(file);
-                if (isImageFile(file)) {
+                if (isImageFile(file, maxImageFileSize)) {
                   editor2.pasteHTML(
                     `<img src="${escapeHtml(url)}" alt="image" />`
                   );
-                } else if (isVideoFile(file)) {
+                } else if (isVideoFile(file, maxVideoFileSize)) {
                   const currentBlock = editor2.getTextCursorPosition().block;
                   editor2.insertBlocks(
                     [{ type: "video", props: { url } }],
@@ -3411,8 +3416,8 @@ function LumirEditor({
       e.stopPropagation();
       const items = Array.from(e.dataTransfer.items ?? []);
       const files = items.filter((it) => it.kind === "file").map((it) => it.getAsFile()).filter((f) => !!f);
-      const imageFiles = files.filter(isImageFile);
-      const videoFiles = allowVideoUpload ? files.filter(isVideoFile) : [];
+      const imageFiles = files.filter((f) => isImageFile(f, maxImageFileSize));
+      const videoFiles = allowVideoUpload ? files.filter((f) => isVideoFile(f, maxVideoFileSize)) : [];
       const htmlFiles = files.filter(isHtmlFile);
       DEBUG_LOG("drop:step1:files", "drop received", {
         filesCount: files.length,
@@ -3424,8 +3429,8 @@ function LumirEditor({
           name: files[0].name,
           type: files[0].type,
           size: files[0].size,
-          isImage: isImageFile(files[0]),
-          isVideo: isVideoFile(files[0])
+          isImage: isImageFile(files[0], maxImageFileSize),
+          isVideo: isVideoFile(files[0], maxVideoFileSize)
         } : null
       });
       if (imageFiles.length === 0 && htmlFiles.length === 0 && videoFiles.length === 0)
@@ -3560,8 +3565,8 @@ function LumirEditor({
                 });
                 const blockToInsertAfter = floatingMenuBlockRef.current;
                 if (file && editor.uploadFile && blockToInsertAfter) {
-                  const allowedImage = isImageFile(file);
-                  const allowedVideo = allowVideoUpload && isVideoFile(file);
+                  const allowedImage = isImageFile(file, maxImageFileSize);
+                  const allowedVideo = allowVideoUpload && isVideoFile(file, maxVideoFileSize);
                   DEBUG_LOG("FloatingMenu:step4:fileCheck", "allowed check", {
                     fileName: file.name,
                     allowedImage,