lakelib 0.1.1 → 0.1.2

package/lib/lake.js

@@ -737,7 +737,7 @@ class Nodes {
         }
         return block;
     }
-    // Traverses the first node and its parents until it finds a root element which has contenteditable="true" attribute..
+    // Traverses the first node and its parents until it finds a root element which has contenteditable="true" attribute.
     closestContainer() {
         return this.closest('div[contenteditable="true"]');
     }
@@ -4299,7 +4299,7 @@ class Dropdown {
     }
 }
 
-var version = "0.1.1";
+var version = "0.1.2";
 
 // Inserts a box into the specified range.
 function insertBox(range, boxName, boxValue) {
@@ -5274,11 +5274,11 @@ class Editor {
         this.containerWrapper.append(this.overlayContainer);
         query(document.body).append(this.popupContainer);
         this.container.append(fragment);
+        Editor.plugin.loadAll(this);
         if (!this.readonly) {
             this.bindFocusEvents();
             this.selection.synByBookmark();
             this.history.save();
-            Editor.plugin.loadAll(this);
         }
         Editor.box.renderAll(this);
         if (this.toolbar) {
@@ -6991,7 +6991,6 @@ const imageBox = {
 };
 
 const config = {
-    defaultLang: 'text',
     comment: '#57606a',
     name: '#444d56',
     variableName: '#953800',
@@ -7086,19 +7085,22 @@ const codeBlockBox = {
             return;
         }
         // begin to create CodeMirror
-        const CodeMirror = window.CodeMirror;
+        const CodeMirror = window.LakeCodeMirror;
         if (!CodeMirror) {
             codeBlockNode.addClass('lake-code-block-error');
             codeBlockNode.text(`
-        The code cannot be displayed because window.CodeMirror is not found.
-        Please check if the CodeMirror file is added to this page.
+        The code cannot be displayed because window.LakeCodeMirror is not found.
+        Please check if the "lake-codemirror" library is added to this page.
       `.trim());
             codeBlockNode.on('click', () => {
                 editor.selection.range.selectBox(box.node);
             });
             return;
         }
-        const { EditorState, Compartment, EditorView, keymap, history, defaultKeymap, historyKeymap, indentWithTab, syntaxHighlighting, langItems, } = CodeMirror;
+        const { EditorState, Compartment, EditorView, keymap, history, defaultKeymap, historyKeymap, indentWithTab, syntaxHighlighting, } = CodeMirror;
+        const defaultLangItems = CodeMirror.langItems;
+        const codeBlockConfig = editor.config.codeBlock;
+        const langItems = defaultLangItems.filter((item) => codeBlockConfig.langList.indexOf(item.value) >= 0);
         // language menu items
         const langItemMap = new Map();
         for (const item of langItems) {
@@ -7144,7 +7146,7 @@ const codeBlockBox = {
             root: codeBlockNode,
             name: 'langType',
             downIcon: icons.get('down'),
-            defaultValue: langItem ? boxValue.lang : config.defaultLang,
+            defaultValue: langItem ? boxValue.lang : codeBlockConfig.defaultLang,
             tooltip: locale.codeBlock.langType(),
             width: 'auto',
             menuType: 'list',
@@ -7173,6 +7175,9 @@ const codeBlockBox = {
 };
 
 var copy = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.container.on('copy', event => {
         const range = editor.selection.range;
         if (range.isInsideBox) {
@@ -7197,6 +7202,9 @@ var copy = (editor) => {
 };
 
 var cut = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.container.on('cut', event => {
         const range = editor.selection.range;
         if (range.isInsideBox) {
@@ -7377,6 +7385,9 @@ function pasteFragment(editor, fragment) {
     editor.history.save();
 }
 var paste = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.container.on('paste', event => {
         const { requestTypes } = editor.config.image;
         const range = editor.selection.range;
@@ -7423,6 +7434,9 @@ var paste = (editor) => {
 };
 
 var undo = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('undo', {
         execute: () => {
             editor.history.undo();
@@ -7439,6 +7453,9 @@ var undo = (editor) => {
 };
 
 var redo = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('redo', {
         execute: () => {
             editor.history.redo();
@@ -7457,6 +7474,9 @@ var redo = (editor) => {
 };
 
 var selectAll = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('selectAll', {
         execute: () => {
             const range = editor.selection.range;
@@ -7467,6 +7487,9 @@ var selectAll = (editor) => {
 };
 
 var heading = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('heading', {
         selectedValues: appliedItems => {
             const currentItem = appliedItems.find(item => item.node.isHeading || item.name === 'p');
@@ -7488,6 +7511,9 @@ const typeList = [
     'danger',
 ];
 var blockQuote = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('blockQuote', {
         isSelected: appliedItems => !!appliedItems.find(item => item.name === 'blockquote'),
         execute: (type) => {
@@ -7515,6 +7541,9 @@ function setChecklist(editor, value) {
     editor.selection.setBlocks(`<ul type="checklist"><li value="${value}"></li></ul>`);
 }
 var list = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('list', {
         selectedValues: appliedItems => {
             let currentValue;
@@ -7615,6 +7644,9 @@ const alignValueMap = {
     end: 'right',
 };
 var align = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('align', {
         selectedValues: appliedItems => {
             let currentValue;
@@ -7639,6 +7671,9 @@ var align = (editor) => {
 };
 
 var indent = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('indent', {
         execute: (type) => {
             const blocks = editor.selection.range.getBlocks();
@@ -7652,6 +7687,9 @@ var indent = (editor) => {
 
 const tagName$6 = 'strong';
 var bold = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('bold', {
         isDisabled: appliedItems => !!appliedItems.find(item => item.node.isHeading),
         isSelected: appliedItems => !!appliedItems.find(item => item.name === tagName$6),
@@ -7673,6 +7711,9 @@ var bold = (editor) => {
 
 const tagName$5 = 'i';
 var italic = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('italic', {
         isSelected: appliedItems => !!appliedItems.find(item => item.name === tagName$5),
         execute: () => {
@@ -7693,6 +7734,9 @@ var italic = (editor) => {
 
 const tagName$4 = 'u';
 var underline = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('underline', {
         isSelected: appliedItems => !!appliedItems.find(item => item.name === tagName$4),
         execute: () => {
@@ -7713,6 +7757,9 @@ var underline = (editor) => {
 
 const tagName$3 = 's';
 var strikethrough = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('strikethrough', {
         isSelected: appliedItems => !!appliedItems.find(item => item.name === tagName$3),
         execute: () => {
@@ -7733,6 +7780,9 @@ var strikethrough = (editor) => {
 
 const tagName$2 = 'sub';
 var subscript = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('subscript', {
         isSelected: appliedItems => !!appliedItems.find(item => item.name === tagName$2),
         execute: () => {
@@ -7749,6 +7799,9 @@ var subscript = (editor) => {
 
 const tagName$1 = 'sup';
 var superscript = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('superscript', {
         isSelected: appliedItems => !!appliedItems.find(item => item.name === tagName$1),
         execute: () => {
@@ -7765,6 +7818,9 @@ var superscript = (editor) => {
 
 const tagName = 'code';
 var code = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('code', {
         isSelected: appliedItems => !!appliedItems.find(item => item.name === tagName),
         execute: () => {
@@ -7780,6 +7836,9 @@ var code = (editor) => {
 };
 
 var fontFamily = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('fontFamily', {
         selectedValues: appliedItems => {
             for (const item of appliedItems) {
@@ -7798,6 +7857,9 @@ var fontFamily = (editor) => {
 };
 
 var fontSize = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('fontSize', {
         isDisabled: appliedItems => !!appliedItems.find(item => item.node.isHeading),
         selectedValues: appliedItems => {
@@ -7817,6 +7879,9 @@ var fontSize = (editor) => {
 };
 
 var fontColor = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('fontColor', {
         selectedValues: appliedItems => {
             for (const item of appliedItems) {
@@ -7835,6 +7900,9 @@ var fontColor = (editor) => {
 };
 
 var highlight = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('highlight', {
         selectedValues: appliedItems => {
             for (const item of appliedItems) {
@@ -7853,6 +7921,9 @@ var highlight = (editor) => {
 };
 
 var removeFormat = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.command.add('removeFormat', {
         execute: () => {
             editor.selection.removeMark();
@@ -7863,6 +7934,9 @@ var removeFormat = (editor) => {
 
 const formatPainterClassName = 'lake-format-painter';
 var formatPainter = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     let markList = [];
     editor.command.add('formatPainter', {
         execute: () => {
@@ -8127,6 +8201,9 @@ class LinkPopup {
 }
 
 var link = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     const popup = new LinkPopup(editor.popupContainer);
     popup.event.on('save', node => {
         const range = editor.selection.range;
@@ -8178,6 +8255,9 @@ var link = (editor) => {
 };
 
 var hr = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.event.on('beforepaste', (nativeFragment) => {
         const fragment = new Fragment(nativeFragment);
         fragment.find('hr').each(nativeNode => {
@@ -8199,6 +8279,9 @@ var image = (editor) => {
         requestMethod: 'POST',
         requestTypes: ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml'],
     });
+    if (editor.readonly) {
+        return;
+    }
     editor.event.on('beforepaste', (nativeFragment) => {
         const fragment = new Fragment(nativeFragment);
         fragment.find('img').each(nativeNode => {
@@ -8225,8 +8308,35 @@ var image = (editor) => {
     });
 };
 
+const langList = [
+    'text',
+    'c',
+    'csharp',
+    'cpp',
+    'css',
+    'go',
+    'html',
+    'java',
+    'javascript',
+    'json',
+    'markdown',
+    'php',
+    'python',
+    'rust',
+    'sql',
+    'typescript',
+    'xml',
+    'yaml',
+];
 var codeBlock = (editor) => {
-    if (!window.CodeMirror) {
+    if (!window.LakeCodeMirror) {
+        return;
+    }
+    editor.setPluginConfig('codeBlock', {
+        langList,
+        defaultLang: 'text',
+    });
+    if (editor.readonly) {
         return;
     }
     editor.command.add('codeBlock', {
@@ -8505,6 +8615,9 @@ function enterKeyExecutesBlockCommand(editor, block) {
     return false;
 }
 var markdown = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.keystroke.setKeydown('space', event => {
         const selection = editor.selection;
         const range = selection.range;
@@ -8609,6 +8722,9 @@ function addBlockOrSplitBlockForBox(editor) {
     }
 }
 var enterKey = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.keystroke.setKeydown('enter', event => {
         const range = editor.selection.range;
         if (range.isInsideBox) {
@@ -8692,6 +8808,9 @@ function addBlockOrLineBreakForBox(editor) {
     }
 }
 var shiftEnterKey = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.keystroke.setKeydown('shift+enter', event => {
         const range = editor.selection.range;
         if (range.isInsideBox) {
@@ -8754,6 +8873,9 @@ function mergeWithPreviousBlock(editor, block) {
     editor.selection.fixList();
 }
 var backspaceKey = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.keystroke.setKeydown('backspace', event => {
         const range = editor.selection.range;
         if (range.isInsideBox) {
@@ -8871,6 +8993,9 @@ function mergeWithNextBlock(editor, block) {
     editor.selection.fixList();
 }
 var deleteKey = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.keystroke.setKeydown('delete', event => {
         const range = editor.selection.range;
         if (range.isInsideBox) {
@@ -8949,6 +9074,9 @@ var deleteKey = (editor) => {
 };
 
 var tabKey = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.keystroke.setKeydown('tab', event => {
         if (editor.config.indentWithTab === false) {
             return;
@@ -8967,6 +9095,9 @@ var tabKey = (editor) => {
 };
 
 var arrowKeys = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.keystroke.setKeydown('arrow-left', event => {
         const range = editor.selection.range;
         if (range.isInsideBox) {
@@ -9088,6 +9219,9 @@ var arrowKeys = (editor) => {
 };
 
 var escapeKey = (editor) => {
+    if (editor.readonly) {
+        return;
+    }
     editor.keystroke.setKeydown('escape', event => {
         const selection = editor.selection;
         const range = selection.range;