goodteditor-ui 1.0.26 → 1.0.28

package/src/components/ui/WysiwygEditor/extensions/code.js

@@ -1,13 +1,13 @@
-import { Code as CodeToExtend } from '@tiptap/extension-code';
-
-export const Code = CodeToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: null
-        }
-    }
-})
+import { Code as CodeToExtend } from '@tiptap/extension-code';
+
+export const Code = CodeToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: null
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/font-size.js

@@ -1,34 +1,34 @@
-import { Extension } from '@tiptap/vue-2';
-import { MarkType } from '../constants';
-
-export const FontSize = Extension.create({
-    name: 'fontSize',
-    addOptions() {
-        return {
-            types: [MarkType.TEXT_STYLE]
-        };
-    },
-    addGlobalAttributes() {
-        return [
-            {
-                types: this.options.types,
-                attributes: {
-                    fontSize: {
-                        default: null,
-                        parseHTML: ({ style }) => style.fontSize?.replace(/['"]+/g, ''),
-                        renderHTML: ({ fontSize }) => ({ ...(fontSize && { style: `font-size: ${fontSize}` }) })
-                    }
-                }
-            }
-        ];
-    },
-    addCommands() {
-        return {
-            setFontSize: fontSize => ({ commands }) => commands.setMark(MarkType.TEXT_STYLE, { fontSize }),
-            unsetFontSize: () => ({ chain }) => chain()
-                .setMark(MarkType.TEXT_STYLE, { fontSize: null })
-                .removeEmptyTextStyle()
-                .run()
-        };
-    }
-});
+import { Extension } from '@tiptap/vue-2';
+import { MarkType } from '../constants';
+
+export const FontSize = Extension.create({
+    name: 'fontSize',
+    addOptions() {
+        return {
+            types: [MarkType.TEXT_STYLE]
+        };
+    },
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    fontSize: {
+                        default: null,
+                        parseHTML: ({ style }) => style.fontSize?.replace(/['"]+/g, ''),
+                        renderHTML: ({ fontSize }) => ({ ...(fontSize && { style: `font-size: ${fontSize}` }) })
+                    }
+                }
+            }
+        ];
+    },
+    addCommands() {
+        return {
+            setFontSize: fontSize => ({ commands }) => commands.setMark(MarkType.TEXT_STYLE, { fontSize }),
+            unsetFontSize: () => ({ chain }) => chain()
+                .setMark(MarkType.TEXT_STYLE, { fontSize: null })
+                .removeEmptyTextStyle()
+                .run()
+        };
+    }
+});

package/src/components/ui/WysiwygEditor/extensions/formatting.js

@@ -1,14 +1,14 @@
-import { Extension } from '@tiptap/vue-2';
-
-export const Formatting = Extension.create({
-    name: 'formatting',
-    addCommands() {
-        return {
-            clearFormatting: () => ({ chain }) =>
-                chain()
-                    .clearNodes()
-                    .unsetAllMarks()
-                    .run()
-        }
-    }
-})
+import { Extension } from '@tiptap/vue-2';
+
+export const Formatting = Extension.create({
+    name: 'formatting',
+    addCommands() {
+        return {
+            clearFormatting: () => ({ chain }) =>
+                chain()
+                    .clearNodes()
+                    .unsetAllMarks()
+                    .run()
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/heading.js

@@ -1,13 +1,13 @@
-import { Heading as HeadingToExtend } from '@tiptap/extension-heading';
-
-export const Heading = HeadingToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: null
-        }
-    }
-})
+import { Heading as HeadingToExtend } from '@tiptap/extension-heading';
+
+export const Heading = HeadingToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: null
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/horizontal-rule.js

@@ -1,15 +1,15 @@
-import { HorizontalRule as HorizontalRuleToExtend } from '@tiptap/extension-horizontal-rule';
-
-export const HorizontalRule = HorizontalRuleToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-})
+import { HorizontalRule as HorizontalRuleToExtend } from '@tiptap/extension-horizontal-rule';
+
+export const HorizontalRule = HorizontalRuleToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/image.js

@@ -1,33 +1,37 @@
-import { Image as ImageToExtend } from '@tiptap/extension-image';
-import { NodeType } from '../constants';
-
-export const Image = ImageToExtend
-    .extend({
-        addAttributes() {
-            return {
-                ...this.parent?.(),
-                class: {
-                    default: 'responsive',
-                },
-                style: {
-                    default: null,
-                },
-            };
-        },
-        addCommands() {
-            return {
-                ...this.parent?.(),
-                toggleResponsive: (value = false) => ({ commands }) => {
-                    value === true
-                        ? commands.updateAttributes(NodeType.IMAGE, { class: 'responsive' })
-                        : commands.updateAttributes(NodeType.IMAGE, { class: null });
-                },
-                setStyles: (styles) => ({ commands }) => {
-                    const styleObjToString = () => Object
-                        .entries(styles)
-                        .reduce((acc, [styleName, style]) => `${acc}${styleName}:${style};`, '');
-                    commands.updateAttributes(NodeType.IMAGE, { style: styleObjToString() });
-                }
-            };
-        }
-    })
+import { Image as ImageToExtend } from '@tiptap/extension-image';
+import { NodeType } from '../constants';
+
+export const Image = ImageToExtend
+    .extend({
+        addAttributes() {
+            return {
+                ...this.parent?.(),
+                class: {
+                    default: 'responsive',
+                },
+                style: {
+                    default: null,
+                },
+            };
+        },
+        addCommands() {
+            return {
+                ...this.parent?.(),
+                resetResponsive: (imageClasses) => ({ commands }) => {
+                    const classes = imageClasses.replace(/responsive\s*/, '');
+                    return commands.updateAttributes(NodeType.IMAGE, { class: classes })
+                },
+                setImageAlign: (className, imageClasses) => ({ commands }) => {
+                    const valueToReplace = className === null ? '' : `${className} `;
+                    const classes = imageClasses.replace(/(mar-\w+-\w+s*)|/, valueToReplace);
+                    return commands.updateAttributes(NodeType.IMAGE, { class: classes });
+                },
+                setStyles: (styles) => ({ commands }) => {
+                    const styleObjToString = () => Object
+                        .entries(styles)
+                        .reduce((acc, [styleName, style]) => `${acc}${styleName}:${style};`, '');
+                    commands.updateAttributes(NodeType.IMAGE, { style: styleObjToString() });
+                }
+            };
+        }
+    });

package/src/components/ui/WysiwygEditor/extensions/index.d.ts

@@ -1,32 +1,32 @@
-export { Document } from '@tiptap/extension-document';
-export { Text } from '@tiptap/extension-text';
-export { History } from '@tiptap/extension-history';
-export { Dropcursor } from '@tiptap/extension-dropcursor';
-export { Gapcursor } from '@tiptap/extension-gapcursor';
-export { Color } from '@tiptap/extension-color';
-export { FontFamily } from '@tiptap/extension-font-family';
-export { HardBreak } from '@tiptap/extension-hard-break';
-
-export { Table } from './table';
-export { TableRow } from './table-row';
-export { TableCell } from './table-cell';
-export { TableHeader } from './table-header';
-export { Heading } from './heading';
-export { Code } from './code';
-export { CodeBlock } from './code-block';
-export { Link } from './link';
-export { TextAlign } from './text-align';
-export { FontSize } from './font-size';
-export { Paragraph } from './paragraph';
-export { Formatting } from './formatting';
-export { TextStyle } from './text-style';
-export { Blockquote } from './blockquote';
-export { Bold } from './bold';
-export { Italic } from './italic';
-export { Underline } from './underline';
-export { Strike } from './strike';
-export { OrderedList } from './ordered-list';
-export { BulletList } from './bullet-list';
-export { ListItem } from './list-item';
-export { Image } from './image';
-export { HorizontalRule } from './horizontal-rule';
+export { Document } from '@tiptap/extension-document';
+export { Text } from '@tiptap/extension-text';
+export { History } from '@tiptap/extension-history';
+export { Dropcursor } from '@tiptap/extension-dropcursor';
+export { Gapcursor } from '@tiptap/extension-gapcursor';
+export { Color } from '@tiptap/extension-color';
+export { FontFamily } from '@tiptap/extension-font-family';
+export { HardBreak } from '@tiptap/extension-hard-break';
+
+export { Table } from './table';
+export { TableRow } from './table-row';
+export { TableCell } from './table-cell';
+export { TableHeader } from './table-header';
+export { Heading } from './heading';
+export { Code } from './code';
+export { CodeBlock } from './code-block';
+export { Link } from './link';
+export { TextAlign } from './text-align';
+export { FontSize } from './font-size';
+export { Paragraph } from './paragraph';
+export { Formatting } from './formatting';
+export { TextStyle } from './text-style';
+export { Blockquote } from './blockquote';
+export { Bold } from './bold';
+export { Italic } from './italic';
+export { Underline } from './underline';
+export { Strike } from './strike';
+export { OrderedList } from './ordered-list';
+export { BulletList } from './bullet-list';
+export { ListItem } from './list-item';
+export { Image } from './image';
+export { HorizontalRule } from './horizontal-rule';

package/src/components/ui/WysiwygEditor/extensions/index.js

@@ -1,32 +1,32 @@
-export { Document } from '@tiptap/extension-document';
-export { Text } from '@tiptap/extension-text';
-export { History } from '@tiptap/extension-history';
-export { Dropcursor } from '@tiptap/extension-dropcursor';
-export { Gapcursor } from '@tiptap/extension-gapcursor';
-export { Color } from '@tiptap/extension-color';
-export { FontFamily } from '@tiptap/extension-font-family';
-export { HardBreak } from '@tiptap/extension-hard-break';
-
-export { Table } from './table';
-export { TableRow } from './table-row';
-export { TableCell } from './table-cell';
-export { TableHeader } from './table-header';
-export { Heading } from './heading';
-export { Code } from './code';
-export { CodeBlock } from './code-block';
-export { Link } from './link';
-export { TextAlign } from './text-align';
-export { FontSize } from './font-size';
-export { Paragraph } from './paragraph';
-export { Formatting } from './formatting';
-export { TextStyle } from './text-style';
-export { Blockquote } from './blockquote';
-export { Bold } from './bold';
-export { Italic } from './italic';
-export { Underline } from './underline';
-export { Strike } from './strike';
-export { OrderedList } from './ordered-list';
-export { BulletList } from './bullet-list';
-export { ListItem } from './list-item';
-export { Image } from './image';
-export { HorizontalRule } from './horizontal-rule';
+export { Document } from '@tiptap/extension-document';
+export { Text } from '@tiptap/extension-text';
+export { History } from '@tiptap/extension-history';
+export { Dropcursor } from '@tiptap/extension-dropcursor';
+export { Gapcursor } from '@tiptap/extension-gapcursor';
+export { Color } from '@tiptap/extension-color';
+export { FontFamily } from '@tiptap/extension-font-family';
+export { HardBreak } from '@tiptap/extension-hard-break';
+
+export { Table } from './table';
+export { TableRow } from './table-row';
+export { TableCell } from './table-cell';
+export { TableHeader } from './table-header';
+export { Heading } from './heading';
+export { Code } from './code';
+export { CodeBlock } from './code-block';
+export { Link } from './link';
+export { TextAlign } from './text-align';
+export { FontSize } from './font-size';
+export { Paragraph } from './paragraph';
+export { Formatting } from './formatting';
+export { TextStyle } from './text-style';
+export { Blockquote } from './blockquote';
+export { Bold } from './bold';
+export { Italic } from './italic';
+export { Underline } from './underline';
+export { Strike } from './strike';
+export { OrderedList } from './ordered-list';
+export { BulletList } from './bullet-list';
+export { ListItem } from './list-item';
+export { Image } from './image';
+export { HorizontalRule } from './horizontal-rule';

package/src/components/ui/WysiwygEditor/extensions/italic.js

@@ -1,15 +1,15 @@
-import { Italic as ItalicToExtend } from '@tiptap/extension-italic';
-
-export const Italic = ItalicToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-})
+import { Italic as ItalicToExtend } from '@tiptap/extension-italic';
+
+export const Italic = ItalicToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/link.js

@@ -1,16 +1,16 @@
-import { Link as LinkToExtend } from '@tiptap/extension-link';
-
-export const Link = LinkToExtend.extend({
-        addAttributes() {
-            return {
-                ...this.parent?.(),
-                class: {
-                    default: 'color-link cursor-pointer'
-                },
-                style: {
-                    default: null
-                }
-            };
-        }
-    }
-);
+import { Link as LinkToExtend } from '@tiptap/extension-link';
+
+export const Link = LinkToExtend.extend({
+        addAttributes() {
+            return {
+                ...this.parent?.(),
+                class: {
+                    default: 'color-link cursor-pointer'
+                },
+                style: {
+                    default: null
+                }
+            };
+        }
+    }
+);

package/src/components/ui/WysiwygEditor/extensions/list-item.js

@@ -1,15 +1,15 @@
-import { ListItem as ListItemToExtend } from '@tiptap/extension-list-item';
-
-export const ListItem = ListItemToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-});
+import { ListItem as ListItemToExtend } from '@tiptap/extension-list-item';
+
+export const ListItem = ListItemToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+});

package/src/components/ui/WysiwygEditor/extensions/ordered-list.js

@@ -1,15 +1,15 @@
-import { OrderedList as OrderedListToExtend } from '@tiptap/extension-ordered-list';
-
-export const OrderedList = OrderedListToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: 'list-outside'
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-});
+import { OrderedList as OrderedListToExtend } from '@tiptap/extension-ordered-list';
+
+export const OrderedList = OrderedListToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: 'list-outside'
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+});

package/src/components/ui/WysiwygEditor/extensions/paragraph.js

@@ -1,23 +1,23 @@
-import { Paragraph as ParagraphToExtend } from '@tiptap/extension-paragraph';
-import { NodeType } from '../constants';
-
-export const Paragraph = ParagraphToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: 'p'
-            },
-            style: {
-                default: null
-            }
-        };
-    },
-    addCommands() {
-        return {
-            ...this.parent?.(),
-            setParagraphClass: (className) => ({ commands }) =>
-                commands.updateAttributes(NodeType.PARAGRAPH, { class: className })
-        };
-    }
-});
+import { Paragraph as ParagraphToExtend } from '@tiptap/extension-paragraph';
+import { NodeType } from '../constants';
+
+export const Paragraph = ParagraphToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: 'p'
+            },
+            style: {
+                default: null
+            }
+        };
+    },
+    addCommands() {
+        return {
+            ...this.parent?.(),
+            setParagraphClass: (className) => ({ commands }) =>
+                commands.updateAttributes(NodeType.PARAGRAPH, { class: className })
+        };
+    }
+});

package/src/components/ui/WysiwygEditor/extensions/strike.js

@@ -1,15 +1,15 @@
-import { Strike as StrikeToExtend } from '@tiptap/extension-strike';
-
-export const Strike = StrikeToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-})
+import { Strike as StrikeToExtend } from '@tiptap/extension-strike';
+
+export const Strike = StrikeToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/table-cell.js

@@ -1,13 +1,13 @@
-import { TableCell as TableCellToExtend } from '@tiptap/extension-table-cell';
-
-export const TableCell = TableCellToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: null
-        }
-    }
-})
+import { TableCell as TableCellToExtend } from '@tiptap/extension-table-cell';
+
+export const TableCell = TableCellToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: null
+        }
+    }
+})

package/src/components/ui/WysiwygEditor/extensions/table-header.js

@@ -1,15 +1,15 @@
-import { TableHeader as TableHeaderToExtend } from '@tiptap/extension-table-header';
-
-export const TableHeader = TableHeaderToExtend.extend({
-    addAttributes() {
-        return {
-            ...this.parent?.(),
-            class: {
-                default: null
-            },
-            style: {
-                default: null
-            }
-        }
-    }
-})
+import { TableHeader as TableHeaderToExtend } from '@tiptap/extension-table-header';
+
+export const TableHeader = TableHeaderToExtend.extend({
+    addAttributes() {
+        return {
+            ...this.parent?.(),
+            class: {
+                default: null
+            },
+            style: {
+                default: null
+            }
+        }
+    }
+})