lakelib 0.4.1 → 0.4.3

package/lib/lake.js

@@ -3,6 +3,7 @@ import { i18nObject as i18nObject$1 } from 'typesafe-i18n';
 import { isKeyHotkey } from 'is-hotkey';
 import debounce from 'debounce';
 import isEqual from 'fast-deep-equal/es6';
+import { toHTML } from 'lake-html';
 import 'photoswipe/style.css';
 import PhotoSwipeLightbox from 'photoswipe/lightbox';
 import PhotoSwipe from 'photoswipe';
@@ -1504,11 +1505,7 @@ function template(strings, ...keys) {
         // Don't escape special characters in the template.
         content += strings[i + 1];
     }
-    content = content
-        .replace(/^\s+/gm, '')
-        .replace(/\s+$/gm, '')
-        .replace(/[\r\n]/g, '');
-    return content;
+    return content.replace(/^\s+|\s+$|[\r\n]/gm, '');
 }
 
 const boxInstances = new Map();
@@ -3275,7 +3272,9 @@ class Button {
     }
 }
 
-// The unsafeTemplate function is a tag function for removing whitespace or line terminator character.
+/**
+ * A tag function that removes empty spaces at the beginning and end of lines or line terminator character.
+ */
 function unsafeTemplate(strings, ...keys) {
     let content = strings[0];
     for (let i = 0; i < keys.length; i++) {
@@ -3283,11 +3282,7 @@ function unsafeTemplate(strings, ...keys) {
         content += key;
         content += strings[i + 1];
     }
-    content = content
-        .replace(/^\s+/gm, '')
-        .replace(/\s+$/gm, '')
-        .replace(/[\r\n]/g, '');
-    return content;
+    return content.replace(/^\s+|\s+$|[\r\n]/gm, '');
 }
 
 // Returns the text of keyboard shortcuts used for a tooltip or help.
@@ -4026,7 +4021,6 @@ const localeTranslations = {
     ja,
     ko,
 };
-const locales = Object.keys(localeTranslations);
 const loadedLocales = {};
 const loadedFormatters = {};
 const initFormatters = () => {
@@ -4045,11 +4039,30 @@ function loadLocale(locale) {
     loadedLocales[locale] = localeTranslations[locale];
     loadFormatters(locale);
 }
-const loadAllLocales = () => locales.forEach(loadLocale);
 function i18nObject(locale) {
     return i18nObject$1(locale, loadedLocales[locale], loadedFormatters[locale]);
 }
-loadAllLocales();
+/**
+ * The LocaleManager interface manages a collection of Translation objects.
+ * It allows you to add and retrieve the names of locales.
+ */
+class LocaleManager {
+    /**
+     * Adds a Translation to the collection.
+     */
+    add(locale, translation) {
+        localeTranslations[locale] = translation;
+        loadLocale(locale);
+    }
+    /**
+     * Returns a list of all locale names.
+     */
+    getNames() {
+        return Object.keys(localeTranslations);
+    }
+}
+const locales = Object.keys(localeTranslations);
+locales.forEach(loadLocale);
 
 /**
  * The Dropdown component provides a user-friendly menu with selectable options. Use it to allow users to pick from a list of predefined choices.
@@ -4398,16 +4411,13 @@ const defaultItems$1 = [
     'blockQuote',
     'hr',
 ];
-const toolbarItemMap = new Map();
-for (const item of toolbarItems) {
-    toolbarItemMap.set(item.name, item);
-}
 /**
  * The Toolbar interface provides properties and methods for rendering and manipulating the toolbar.
  */
 class Toolbar {
     constructor(config) {
         this.placement = 'top';
+        this.toolbarItemMap = new Map();
         this.allMenuMap = new Map();
         this.buttonItemList = [];
         this.dropdownItemList = [];
@@ -4417,6 +4427,14 @@ class Toolbar {
         if (config.placement) {
             this.placement = config.placement;
         }
+        for (const item of toolbarItems) {
+            this.toolbarItemMap.set(item.name, Object.assign({}, item));
+        }
+        if (config.fontFamily) {
+            const fontFamilyItem = this.toolbarItemMap.get('fontFamily');
+            fontFamilyItem.defaultValue = config.fontFamily.defaultValue;
+            fontFamilyItem.menuItems = config.fontFamily.menuItems;
+        }
         this.container = query('<div class="lake-toolbar" />');
     }
     appendDivision(name) {
@@ -4603,7 +4621,7 @@ class Toolbar {
             else {
                 let item;
                 if (typeof name === 'string') {
-                    item = toolbarItemMap.get(name);
+                    item = this.toolbarItemMap.get(name);
                     if (!item) {
                         throw new Error(`ToolbarItem "${name}" has not been defined yet.`);
                     }
@@ -6611,22 +6629,44 @@ function removeBox(range) {
     return box;
 }
 
-var version = "0.4.1";
+var version = "0.4.3";
 
-// Converts the custom HTML tags to the special tags that can not be parsed by browser.
+/**
+ * Converts the custom HTML tags to the special tags that can not be parsed by browser.
+ */
 function denormalizeValue(value) {
-    return value
-        .replace(/(<lake-box[^>]+>)[\s\S]*?(<\/lake-box>)/gi, '$1$2')
-        .replace(/<lake-bookmark\s+type="anchor">\s*<\/lake-bookmark>/gi, '<anchor />')
-        .replace(/<lake-bookmark\s+type="focus">\s*<\/lake-bookmark>/gi, '<focus />');
+    const combinedRegex = /(<lake-box[^>]+>)[\s\S]*?<\/lake-box>|<lake-bookmark\s+type="(anchor|focus)">\s*<\/lake-bookmark>/gi;
+    return value.replace(combinedRegex, (match, boxOpen, bookmarkType) => {
+        if (boxOpen) {
+            return `${boxOpen}</lake-box>`;
+        }
+        if (bookmarkType === 'anchor') {
+            return '<anchor />';
+        }
+        if (bookmarkType === 'focus') {
+            return '<focus />';
+        }
+        return match;
+    });
 }
 
-// Converts the special tags to ordinary HTML tags that can be parsed by browser.
+/**
+ * Converts the special tags to ordinary HTML tags that can be parsed by browser.
+ */
 function normalizeValue(value) {
-    return value
-        .replace(/(<lake-box[^>]+>)[\s\S]*?(<\/lake-box>|$)/gi, '$1</lake-box>')
-        .replace(/<anchor\s*\/>/gi, '<lake-bookmark type="anchor"></lake-bookmark>')
-        .replace(/<focus\s*\/>/gi, '<lake-bookmark type="focus"></lake-bookmark>');
+    const combinedRegex = /(<lake-box[^>]+>)[\s\S]*?(?:<\/lake-box>|$)|(<anchor\s*\/>)|(<focus\s*\/>)/gi;
+    return value.replace(combinedRegex, (match, boxOpen, anchorMatch, focusMatch) => {
+        if (boxOpen) {
+            return `${boxOpen}</lake-box>`;
+        }
+        if (anchorMatch) {
+            return '<lake-bookmark type="anchor"></lake-bookmark>';
+        }
+        if (focusMatch) {
+            return '<lake-bookmark type="focus"></lake-bookmark>';
+        }
+        return match;
+    });
 }
 
 // If the specified node is not visible, scrolls the container that contains the node to its position to make it visible.
@@ -7602,9 +7642,13 @@ class History {
         this.container = selection.container;
     }
     removeBookmark(value) {
-        return value.replace(/(<lake-box[^>]+)\sfocus="\w+"([^>]*>)/gi, '$1$2')
-            .replace(/<lake-bookmark\s+type="anchor">\s*<\/lake-bookmark>/gi, '')
-            .replace(/<lake-bookmark\s+type="focus">\s*<\/lake-bookmark>/gi, '');
+        const combinedRegex = /(<lake-box[^>]+)\sfocus="\w+"([^>]*>)|<lake-bookmark\s+type="(?:anchor|focus)">\s*<\/lake-bookmark>/gi;
+        return value.replace(combinedRegex, (match, boxLeft, boxRight) => {
+            if (boxLeft) {
+                return `${boxLeft}${boxRight}`;
+            }
+            return '';
+        });
     }
     getValue(container) {
         return new HTMLParser(container, this.contentRules).getHTML();
@@ -8345,11 +8389,21 @@ class Editor {
         }
         else if (children.length === 1) {
             const child = children[0];
-            if (child.isVoid) {
+            if (child.isVoid || child.isText) {
+                const startNode = range.startNode;
+                const startOffset = range.startOffset;
+                const endNode = range.endNode;
+                const endOffset = range.endOffset;
                 const paragraph = query('<p />');
                 child.before(paragraph);
                 paragraph.append(child);
-                range.shrinkAfter(paragraph);
+                if (startNode.isText || endNode.isText) {
+                    range.setStart(startNode, startOffset);
+                    range.setEnd(endNode, endOffset);
+                }
+                else {
+                    range.shrinkAfter(paragraph);
+                }
                 changed = true;
                 debug(`Content fixed: void element "${child.name}" was wrapped in paragraph`);
             }
@@ -8490,6 +8544,12 @@ class Editor {
         value = denormalizeValue(value);
         return value;
     }
+    /**
+     * Returns the editor's content in HTML format.
+     */
+    getHTML() {
+        return toHTML(this.getValue());
+    }
     /**
      * Renders an editing area and sets default content to it.
      */
@@ -8568,6 +8628,10 @@ class Editor {
  * The current version of Lake.
  */
 Editor.version = version;
+/**
+ * A LocaleManager object that manages the locale translations.
+ */
+Editor.locale = new LocaleManager();
 /**
  * A BoxManager object that manages the box components.
  */
@@ -14014,5 +14078,5 @@ Editor.plugin.add('arrowKeys', arrowKeys);
 Editor.plugin.add('escapeKey', escapeKey);
 Editor.plugin.add('slash', slash);
 
-export { Box, Button, Dropdown, Editor, Fragment, HTMLParser, Nodes, Range, TextParser, Toolbar, addMark, createIframeBox, deleteContents, getBox, getContentRules, icons, insertBlock, insertBookmark, insertBox, insertContents, query, removeBox, removeMark, setBlocks, splitBlock$1 as splitBlock, splitMarks, template, toBookmark, toHex };
+export { Box, Button, Dropdown, Editor, Fragment, HTMLParser, Nodes, Range, TextParser, Toolbar, addMark, createIframeBox, deleteContents, getBox, getContentRules, icons, insertBlock, insertBookmark, insertBox, insertContents, modifierText, query, removeBox, removeMark, setBlocks, splitBlock$1 as splitBlock, splitMarks, template, toBookmark, toHex };
 //# sourceMappingURL=lake.js.map