lakelib 0.1.0 → 0.1.1

package/lib/lake.js

@@ -4299,7 +4299,7 @@ class Dropdown {
     }
 }
 
-var version = "0.1.0";
+var version = "0.1.1";
 
 // Inserts a box into the specified range.
 function insertBox(range, boxName, boxValue) {
@@ -4902,9 +4902,6 @@ const defaultConfig = {
     tabIndex: 0,
     indentWithTab: true,
     minChangeSize: 5,
-    imageRequestMethod: 'POST',
-    imageRequestAction: '/upload',
-    imageRequestTypes: ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml'],
 };
 class Editor {
     constructor(config) {
@@ -5038,7 +5035,10 @@ class Editor {
         }
         this.root = query(config.root);
         this.toolbar = config.toolbar;
-        this.config = Object.assign(Object.assign({}, defaultConfig), config);
+        this.config = Object.assign({}, defaultConfig);
+        for (const key of Object.keys(config)) {
+            this.config[key] = config[key];
+        }
         this.containerWrapper = query('<div class="lake-container-wrapper" />');
         this.container = query('<div class="lake-container" />');
         this.overlayContainer = query('<div class="lake-overlay" />');
@@ -5207,6 +5207,17 @@ class Editor {
         this.history.continue();
         this.history.save();
     }
+    // Sets default config for a plugin.
+    setPluginConfig(pluginName, pluginConfig) {
+        if (!this.config[pluginName]) {
+            this.config[pluginName] = {};
+        }
+        for (const key of Object.keys(pluginConfig)) {
+            if (this.config[pluginName][key] === undefined) {
+                this.config[pluginName][key] = pluginConfig[key];
+            }
+        }
+    }
     // Sets focus on the editor area.
     focus() {
         this.container.focus();
@@ -6232,9 +6243,9 @@ const toolbarItems = [
 
 function uploadImage(config) {
     const { editor, file, onError, onSuccess } = config;
-    const { imageRequestMethod, imageRequestAction, imageRequestTypes } = editor.config;
-    if (imageRequestTypes.indexOf(file.type) < 0) {
-        throw new Error(`Cannot upload file because its type '${file.type}' is not found in ['${imageRequestTypes.join('\', \'')}'].`);
+    const { requestMethod, requestAction, requestTypes } = editor.config.image;
+    if (requestTypes.indexOf(file.type) < 0) {
+        throw new Error(`Cannot upload file because its type '${file.type}' is not found in ['${requestTypes.join('\', \'')}'].`);
     }
     const box = editor.insertBox('image', {
         url: URL.createObjectURL(file),
@@ -6278,8 +6289,8 @@ function uploadImage(config) {
             }
         },
         file,
-        action: imageRequestAction,
-        method: imageRequestMethod,
+        action: requestAction,
+        method: requestMethod,
     });
     box.setData('xhr', xhr);
     return box;
@@ -7366,8 +7377,8 @@ function pasteFragment(editor, fragment) {
     editor.history.save();
 }
 var paste = (editor) => {
-    const { imageRequestTypes } = editor.config;
     editor.container.on('paste', event => {
+        const { requestTypes } = editor.config.image;
         const range = editor.selection.range;
         if (range.isInsideBox) {
             return;
@@ -7381,7 +7392,7 @@ var paste = (editor) => {
         // upload file
         if (dataTransfer.files.length > 0) {
             for (const file of dataTransfer.files) {
-                if (imageRequestTypes.indexOf(file.type) >= 0) {
+                if (requestTypes.indexOf(file.type) >= 0) {
                     uploadImage({
                         editor,
                         file,
@@ -8184,6 +8195,10 @@ var hr = (editor) => {
 };
 
 var image = (editor) => {
+    editor.setPluginConfig('image', {
+        requestMethod: 'POST',
+        requestTypes: ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml'],
+    });
     editor.event.on('beforepaste', (nativeFragment) => {
         const fragment = new Fragment(nativeFragment);
         fragment.find('img').each(nativeNode => {