goodteditor-ui 1.0.26 → 1.0.27

package/src/components/ui/WysiwygEditor/utils.js

@@ -1,72 +1,72 @@
-import { ToolsMap } from './tools-and-commands';
-
-/**
- * @typedef {import('./WysiwygEditor').ToolDef} Tool
- * @typedef {import('./WysiwygEditor').CommandDef} Command
- */
-
-/**
- * @param {Tool | string} tool
- * @param {string} toolName
- * @return boolean
- */
-const findTool = (tool, toolName) => {
-    if (typeof tool === 'string') {
-        return toolName === tool;
-    }
-    
-    return tool?.name === toolName;
-};
-
-/**
- * @param {Tool[][]} tools
- * @return Tool[][]
- */
-export const buildToolGroups = (tools) => {
-    const toolsFlatted = tools.flat();
-    
-    if (toolsFlatted.length === 0) {
-        return [Object.values(ToolsMap)];
-    }
-    
-    const availableTools = Object
-        .values(ToolsMap)
-        .filter(({ name }) => toolsFlatted.some((tool) => findTool(tool, name)));
-    
-    /**
-     * @param {Tool[]} toolsGroup
-     * @return Tool[]
-     */
-    const populateToolsGroup = (toolsGroup) =>
-        toolsGroup.reduce((acc, tool) => {
-            const { name: toolName = tool, ...rest } = typeof tool === 'string' ? {} : tool;
-            const foundTool = availableTools.find(({ name }) => findTool(tool, name));
-            
-            return [...acc, { ...foundTool, ...rest }];
-        }, []);
-    
-    return tools.reduce((acc, toolsGroup) => [...acc, populateToolsGroup(toolsGroup)], []);
-};
-
-/**
- * @param {Tool|Command} value
- * @param {Record<string, any>} context
- * @return {Tool|Command}
- */
-export const bindContext = (value, context) => {
-    if (value == null || typeof value !== 'object') {
-        return value;
-    }
-    
-    return Object.entries(value).reduce((acc, [propName, propValue]) => {
-        if (typeof propValue === 'function') {
-            return { ...acc, [propName]: propValue.bind(context) };
-        }
-        
-        if (Array.isArray(propValue)) {
-            return { ...acc, [propName]: propValue.map((childProp) => bindContext(childProp, context)) };
-        }
-        
-        return { ...acc, [propName]: propValue };
-    }, {});
-};
+import { ToolsMap } from './tools-and-commands';
+
+/**
+ * @typedef {import('./WysiwygEditor').ToolDef} Tool
+ * @typedef {import('./WysiwygEditor').CommandDef} Command
+ */
+
+/**
+ * @param {Tool | string} tool
+ * @param {string} toolName
+ * @return boolean
+ */
+const findTool = (tool, toolName) => {
+    if (typeof tool === 'string') {
+        return toolName === tool;
+    }
+    
+    return tool?.name === toolName;
+};
+
+/**
+ * @param {Tool[][]} tools
+ * @return Tool[][]
+ */
+export const buildToolGroups = (tools) => {
+    const toolsFlatted = tools.flat();
+    
+    if (toolsFlatted.length === 0) {
+        return [Object.values(ToolsMap)];
+    }
+    
+    const availableTools = Object
+        .values(ToolsMap)
+        .filter(({ name }) => toolsFlatted.some((tool) => findTool(tool, name)));
+    
+    /**
+     * @param {Tool[]} toolsGroup
+     * @return Tool[]
+     */
+    const populateToolsGroup = (toolsGroup) =>
+        toolsGroup.reduce((acc, tool) => {
+            const { name: toolName = tool, ...rest } = typeof tool === 'string' ? {} : tool;
+            const foundTool = availableTools.find(({ name }) => findTool(tool, name));
+            
+            return [...acc, { ...foundTool, ...rest }];
+        }, []);
+    
+    return tools.reduce((acc, toolsGroup) => [...acc, populateToolsGroup(toolsGroup)], []);
+};
+
+/**
+ * @param {Tool|Command} value
+ * @param {Record<string, any>} context
+ * @return {Tool|Command}
+ */
+export const bindContext = (value, context) => {
+    if (value == null || typeof value !== 'object') {
+        return value;
+    }
+    
+    return Object.entries(value).reduce((acc, [propName, propValue]) => {
+        if (typeof propValue === 'function') {
+            return { ...acc, [propName]: propValue.bind(context) };
+        }
+        
+        if (Array.isArray(propValue)) {
+            return { ...acc, [propName]: propValue.map((childProp) => bindContext(childProp, context)) };
+        }
+        
+        return { ...acc, [propName]: propValue };
+    }, {});
+};

package/src/components/ui/WysiwygEditor.md

@@ -1,18 +1,18 @@
-```vue
-<template>
-    <div class="pad-l5">
-        <ui-wysiwyg-editor v-model="model"></ui-wysiwyg-editor>
-    </div>
-</template>
-<script>
-import UiWysiwygEditor from './WysiwygEditor.vue';
-export default {
-    components: { UiWysiwygEditor },
-    data: () => ({
-        model: `<p>This WYSIWYG is based on 
-        <a target="_blank" rel="noopener noreferrer nofollow" href="https://tiptap.dev/" class="color-link">tiptap</a> 
-        editor framework.</p>`
-    })
-};
-</script>
-```
+```vue
+<template>
+    <div class="pad-l5">
+        <ui-wysiwyg-editor v-model="model"></ui-wysiwyg-editor>
+    </div>
+</template>
+<script>
+import UiWysiwygEditor from './WysiwygEditor.vue';
+export default {
+    components: { UiWysiwygEditor },
+    data: () => ({
+        model: `<p>This WYSIWYG is based on 
+        <a target="_blank" rel="noopener noreferrer nofollow" href="https://tiptap.dev/" class="color-link">tiptap</a> 
+        editor framework.</p>`
+    })
+};
+</script>
+```