lakelib 0.3.10 → 0.3.11

package/lib/lake.d.ts

@@ -2261,4 +2261,5 @@ declare class Dropdown {
     unmount(): void;
 }
 
-export { type ActiveItem, Box, type BoxComponent, type BoxValue, Button, type CommandItem, type ContentRules, Dropdown, type DropdownItem, type DropdownMenuItem, Editor, Fragment, HTMLParser, type InitializePlugin, type KeyValue, type MentionItem, type NodePath, Nodes, Range$1 as Range, type SelectionState, type SlashButtonItem, type SlashItem, type SlashUploadItem, TextParser, Toolbar, type ToolbarButtonItem, type ToolbarDropdownItem, type ToolbarItem, type ToolbarUploadItem, type UnmountPlugin, addMark, createIframeBox, deleteContents, getBox, getContentRules, icons, insertBlock, insertBookmark, insertBox, insertContents, query, removeBox, removeMark, setBlocks, splitBlock, splitMarks, template, toBookmark, toHex };
+export { Box, Button, Dropdown, Editor, Fragment, HTMLParser, Nodes, Range$1 as Range, TextParser, Toolbar, addMark, createIframeBox, deleteContents, getBox, getContentRules, icons, insertBlock, insertBookmark, insertBox, insertContents, query, removeBox, removeMark, setBlocks, splitBlock, splitMarks, template, toBookmark, toHex };
+export type { ActiveItem, BoxComponent, BoxValue, CommandItem, ContentRules, DropdownItem, DropdownMenuItem, InitializePlugin, KeyValue, MentionItem, NodePath, SelectionState, SlashButtonItem, SlashItem, SlashUploadItem, ToolbarButtonItem, ToolbarDropdownItem, ToolbarItem, ToolbarUploadItem, UnmountPlugin };

package/lib/lake.js

@@ -1268,15 +1268,10 @@ class Nodes {
         var _a;
         if (value === undefined) {
             const node = this.get(0);
-            if (this.isText) {
-                return (_a = node.nodeValue) !== null && _a !== void 0 ? _a : '';
-            }
-            const element = node;
-            // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText
-            return element.innerText.replace(/^\n+|\n+$/, '');
+            return (_a = node.textContent) !== null && _a !== void 0 ? _a : '';
         }
         return this.eachElement(element => {
-            element.innerText = value;
+            element.textContent = value;
         });
     }
     value(value) {
@@ -3104,12 +3099,12 @@ function request(option) {
         formData.append(key, value);
     });
     if (option.file) {
-        const filename = option.filename || 'file';
+        const fieldName = option.fieldName || 'file';
         if (option.file instanceof Blob) {
-            formData.append(filename, option.file, option.file.name);
+            formData.append(fieldName, option.file, option.file.name);
         }
         else {
-            formData.append(filename, option.file);
+            formData.append(fieldName, option.file);
         }
     }
     xhr.onerror = e => {
@@ -3151,18 +3146,19 @@ function request(option) {
     return xhr;
 }
 
-// Uploads a file to the server.
-function uploadFile(config) {
-    const { editor, name, file, onError, onSuccess } = config;
-    const { requestMethod, requestAction, requestTypes } = editor.config[name];
+/**
+ * Inserts an upload box into a given selection and sends an HTTP request to upload the file to a specified URL.
+ */
+function insertUploadBox(config) {
+    const { selection, boxName, file, requestTypes, requestMethod, requestAction, requestFieldName, requestWithCredentials, requestHeaders, transformResponse, onError, onSuccess, } = config;
     if (requestTypes.indexOf(file.type) < 0) {
         if (onError) {
             onError(`File "${file.name}" is not allowed for uploading.`);
         }
         throw new Error(`Cannot upload file "${file.name}" because its type "${file.type}" is not found in ['${requestTypes.join('\', \'')}'].`);
     }
-    const box = editor.selection.insertBox(name, {
-        url: URL.createObjectURL(file),
+    const box = selection.insertBox(boxName, {
+        url: file.type.indexOf('image/') === 0 ? URL.createObjectURL(file) : '',
         status: 'uploading',
         name: file.name,
         size: file.size,
@@ -3186,6 +3182,9 @@ function uploadFile(config) {
         },
         onSuccess: body => {
             xhr = null;
+            if (transformResponse) {
+                body = transformResponse(body);
+            }
             if (!body.url) {
                 box.updateValue('status', 'error');
                 box.render();
@@ -3199,7 +3198,6 @@ function uploadFile(config) {
                 url: body.url,
             });
             box.render();
-            editor.history.save();
             if (onSuccess) {
                 onSuccess();
             }
@@ -3207,6 +3205,9 @@ function uploadFile(config) {
         file,
         action: requestAction,
         method: requestMethod,
+        fieldName: requestFieldName,
+        withCredentials: requestWithCredentials,
+        headers: requestHeaders,
     });
     box.event.on('beforeunmount', () => {
         if (xhr) {
@@ -4491,19 +4492,28 @@ class Toolbar {
         this.container.append(uploadNode);
         fileNode.on('click', event => event.stopPropagation());
         fileNode.on('change', event => {
+            const { requestTypes, requestMethod, requestAction, requestFieldName, requestWithCredentials, requestHeaders, transformResponse, } = editor.config[item.name];
             const target = event.target;
             const files = target.files || [];
             for (const file of files) {
-                uploadFile({
-                    editor,
-                    name: item.name,
+                insertUploadBox({
+                    selection: editor.selection,
+                    boxName: item.name,
                     file,
+                    requestTypes,
+                    requestMethod,
+                    requestAction,
+                    requestFieldName,
+                    requestWithCredentials,
+                    requestHeaders,
+                    transformResponse,
                     onError: error => {
                         fileNativeNode.value = '';
                         editor.config.onMessage('error', error);
                     },
                     onSuccess: () => {
                         fileNativeNode.value = '';
+                        editor.history.save();
                     },
                 });
             }
@@ -6598,7 +6608,7 @@ function removeBox(range) {
     return box;
 }
 
-var version = "0.3.10";
+var version = "0.3.11";
 
 // Converts the custom HTML tags to the special tags that can not be parsed by browser.
 function denormalizeValue(value) {
@@ -8815,7 +8825,6 @@ var paste = (editor) => {
         return;
     }
     editor.event.on('paste', event => {
-        const { requestTypes } = editor.config.image;
         const range = editor.selection.range;
         if (range.isInsideBox) {
             return;
@@ -8829,12 +8838,22 @@ var paste = (editor) => {
         // upload file
         if (dataTransfer.files.length > 0) {
             for (const file of dataTransfer.files) {
+                const pluginName = file.type.indexOf('image/') === 0 ? 'image' : 'file';
+                const { requestTypes, requestMethod, requestAction, requestFieldName, requestWithCredentials, requestHeaders, transformResponse, } = editor.config[pluginName];
                 if (requestTypes.indexOf(file.type) >= 0) {
-                    uploadFile({
-                        editor,
-                        name: file.type.indexOf('image/') === 0 ? 'image' : 'file',
+                    insertUploadBox({
+                        selection: editor.selection,
+                        boxName: pluginName,
                         file,
+                        requestTypes,
+                        requestMethod,
+                        requestAction,
+                        requestFieldName,
+                        requestWithCredentials,
+                        requestHeaders,
+                        transformResponse,
                         onError: error => editor.config.onMessage('error', error),
+                        onSuccess: () => editor.history.save(),
                     });
                 }
             }
@@ -11039,8 +11058,8 @@ function renderFloatingToolbar(box) {
             onClick: () => {
                 const boxContainer = box.getContainer();
                 const captionNode = boxContainer.find('.lake-image-caption');
-                const caption = captionNode.text().trim();
-                if (caption === '') {
+                const caption = captionNode.text();
+                if (caption.trim() === '') {
                     captionNode.addClass('lake-placeholder');
                 }
                 showCaption(box, captionNode);
@@ -11273,11 +11292,11 @@ function openFullScreen(box) {
 function renderCaption(box) {
     const editor = box.getEditor();
     const boxContainer = box.getContainer();
-    const defaultCaption = (box.value.caption || '').trim();
+    const defaultCaption = box.value.caption || '';
     const captionNode = query('<div class="lake-image-caption" />');
     captionNode.text(defaultCaption);
     boxContainer.append(captionNode);
-    if (defaultCaption === '') {
+    if (defaultCaption.trim() === '') {
         hideCaption(box, captionNode);
     }
     else {
@@ -11300,7 +11319,7 @@ function renderCaption(box) {
         immediate: false,
     });
     captionNode.on('input', () => {
-        const caption = captionNode.text().trim();
+        const caption = captionNode.text();
         if (caption === '') {
             captionNode.addClass('lake-placeholder');
         }
@@ -11328,8 +11347,8 @@ function renderCaption(box) {
         }
     });
     captionNode.on('focusout', () => {
-        const caption = captionNode.text().trim();
-        if (caption === '') {
+        const caption = captionNode.text();
+        if (caption.trim() === '') {
             hideCaption(box, captionNode);
         }
     });
@@ -12294,7 +12313,6 @@ var mention = (editor) => {
     if (editor.readonly) {
         return;
     }
-    const { requestAction, requestMethod, items } = editor.config.mention;
     let menu = null;
     const selectListener = (event, item) => {
         if (menu) {
@@ -12328,9 +12346,14 @@ var mention = (editor) => {
             return;
         }
         if (!menu) {
+            const { requestAction, items } = editor.config.mention;
             if (requestAction) {
+                const { requestMethod, requestWithCredentials, requestHeaders, transformResponse } = editor.config.mention;
                 request({
                     onSuccess: body => {
+                        if (transformResponse) {
+                            body = transformResponse(body);
+                        }
                         if (!body.data) {
                             return;
                         }
@@ -12344,6 +12367,8 @@ var mention = (editor) => {
                     },
                     action: requestAction,
                     method: requestMethod,
+                    withCredentials: requestWithCredentials,
+                    headers: requestHeaders,
                 });
             }
             else {
@@ -13829,20 +13854,29 @@ var slash = (editor) => {
                 if (!fileNode) {
                     return;
                 }
+                const { requestTypes, requestMethod, requestAction, requestFieldName, requestWithCredentials, requestHeaders, transformResponse, } = editor.config[item.name];
                 const target = event.target;
                 const fileNativeNode = fileNode.get(0);
                 const files = target.files || [];
                 for (const file of files) {
-                    uploadFile({
-                        editor,
-                        name: item.name,
+                    insertUploadBox({
+                        selection: editor.selection,
+                        boxName: item.name,
                         file,
+                        requestTypes,
+                        requestMethod,
+                        requestAction,
+                        requestFieldName,
+                        requestWithCredentials,
+                        requestHeaders,
+                        transformResponse,
                         onError: error => {
                             fileNativeNode.value = '';
                             editor.config.onMessage('error', error);
                         },
                         onSuccess: () => {
                             fileNativeNode.value = '';
+                            editor.history.save();
                         },
                     });
                 }