@seorii/tiptap 0.2.22 → 0.3.0-next.10

package/dist/plugin/orderedlist/index.js

@@ -1,6 +1,6 @@
-import { wrappingInputRule } from "@tiptap/core";
+import { wrappingInputRule } from '@tiptap/core';
 import OrderedListBase from '@tiptap/extension-ordered-list';
-import toggleList from "./toggleList";
+import toggleList from './toggleList';
 import './korean.scss';
 export default OrderedListBase.extend({
     priority: 20,
@@ -12,10 +12,10 @@ export default OrderedListBase.extend({
                     return element.hasAttribute('start')
                         ? parseInt(element.getAttribute('start') || '', 10)
                         : 1;
-                },
+                }
             },
             type: {
-                default: '1',
+                default: '1'
             }
         };
     },
@@ -24,58 +24,90 @@ export default OrderedListBase.extend({
             wrappingInputRule({
                 find: /^(\d+)\.\s$/,
                 type: this.type,
-                getAttributes: match => ({ start: +match[1], type: '1' }),
-                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
+                getAttributes: (match) => ({ start: +match[1], type: '1' }),
+                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
             }),
             wrappingInputRule({
                 find: /^([i])\.\s$/,
                 type: this.type,
-                getAttributes: match => ({ start: 1, type: 'i' }),
-                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
+                getAttributes: (match) => ({ start: 1, type: 'i' }),
+                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
             }),
             wrappingInputRule({
                 find: /^([I])\.\s$/,
                 type: this.type,
-                getAttributes: match => ({ start: 1, type: 'I' }),
-                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
+                getAttributes: (match) => ({ start: 1, type: 'I' }),
+                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
             }),
             wrappingInputRule({
                 find: /^([A-Z])\.\s$/,
                 type: this.type,
-                getAttributes: match => ({ start: match[1].charCodeAt(0) - 64, type: 'A' }),
-                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
+                getAttributes: (match) => ({ start: match[1].charCodeAt(0) - 64, type: 'A' }),
+                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
             }),
             wrappingInputRule({
                 find: /^([a-z])\.\s$/,
                 type: this.type,
-                getAttributes: match => ({ start: match[1].charCodeAt(0) - 96, type: 'a' }),
-                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
+                getAttributes: (match) => ({ start: match[1].charCodeAt(0) - 96, type: 'a' }),
+                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
             }),
             wrappingInputRule({
                 find: /^([ㄱ-ㅎ])\.\s$/,
                 type: this.type,
-                getAttributes: match => ({
-                    start: 1 + ['ㄱ', 'ㄴ', 'ㄷ', 'ㄹ', 'ㅁ', 'ㅂ', 'ㅅ', 'ㅇ', 'ㅈ', 'ㅊ', 'ㅋ', 'ㅌ', 'ㅍ', 'ㅎ'].indexOf(match[1]),
+                getAttributes: (match) => ({
+                    start: 1 +
+                        [
+                            'ㄱ',
+                            'ㄴ',
+                            'ㄷ',
+                            'ㄹ',
+                            'ㅁ',
+                            'ㅂ',
+                            'ㅅ',
+                            'ㅇ',
+                            'ㅈ',
+                            'ㅊ',
+                            'ㅋ',
+                            'ㅌ',
+                            'ㅍ',
+                            'ㅎ'
+                        ].indexOf(match[1]),
                     type: 'kors'
                 }),
-                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
+                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
             }),
             wrappingInputRule({
                 find: /^([가-하])\.\s$/,
                 type: this.type,
-                getAttributes: match => ({
-                    start: 1 + ['가', '나', '다', '라', '마', '바', '사', '아', '자', '차', '카', '타', '파', '하'].indexOf(match[1]),
+                getAttributes: (match) => ({
+                    start: 1 +
+                        [
+                            '가',
+                            '나',
+                            '다',
+                            '라',
+                            '마',
+                            '바',
+                            '사',
+                            '아',
+                            '자',
+                            '차',
+                            '카',
+                            '타',
+                            '파',
+                            '하'
+                        ].indexOf(match[1]),
                     type: 'korc'
                 }),
-                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
-            }),
+                joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
+            })
         ];
     },
     addCommands() {
         return {
             toggleOrderedList: (option) => (context) => {
                 return toggleList(this.name, this.options.itemTypeName, option)(context);
-            },
+            }
         };
-    },
+    }
 });

package/dist/plugin/orderedlist/korean.scss

@@ -1,22 +1,21 @@
 @counter-style kors {
-  system: cyclic;
-  symbols: "ㄱ." "ㄴ." "ㄷ." "ㄹ." "ㅁ." "ㅂ." "ㅅ." "ㅇ." "ㅈ." "ㅊ." "ㅋ." "ㅌ." "ㅍ." "ㅎ.";
-  suffix: " ";
+	system: cyclic;
+	symbols: 'ㄱ.' 'ㄴ.' 'ㄷ.' 'ㄹ.' 'ㅁ.' 'ㅂ.' 'ㅅ.' 'ㅇ.' 'ㅈ.' 'ㅊ.' 'ㅋ.' 'ㅌ.' 'ㅍ.' 'ㅎ.';
+	suffix: ' ';
 }
 
 @counter-style korc {
-  system: cyclic;
-  symbols: "가." "나." "다." "라." "마." "바." "사." "아." "자." "차." "카." "타." "파." "하.";
-  suffix: " ";
+	system: cyclic;
+	symbols: '가.' '나.' '다.' '라.' '마.' '바.' '사.' '아.' '자.' '차.' '카.' '타.' '파.' '하.';
+	suffix: ' ';
 }
 
 .ProseMirror {
-  ol[type="kors"] {
-    list-style-type: kors;
-  }
+	ol[type='kors'] {
+		list-style-type: kors;
+	}
 
-  ol[type="korc"] {
-    list-style-type: korc;
-  }
+	ol[type='korc'] {
+		list-style-type: korc;
+	}
 }
-

package/dist/plugin/orderedlist/toggleList.js

@@ -1,7 +1,7 @@
 import { canJoin } from 'prosemirror-transform';
-import { getNodeType, findParentNode, isList } from "@tiptap/core";
+import { getNodeType, findParentNode, isList } from '@tiptap/core';
 const joinListBackwards = (tr, listType) => {
-    const list = findParentNode(node => node.type === listType)(tr.selection);
+    const list = findParentNode((node) => node.type === listType)(tr.selection);
     if (!list)
         return true;
     const before = tr.doc.resolve(Math.max(0, list.pos - 1)).before(list.depth);
@@ -15,7 +15,7 @@ const joinListBackwards = (tr, listType) => {
     return true;
 };
 const joinListForwards = (tr, listType) => {
-    const list = findParentNode(node => node.type === listType)(tr.selection);
+    const list = findParentNode((node) => node.type === listType)(tr.selection);
     if (!list)
         return true;
     const after = tr.doc.resolve(list.start).after(list.depth);
@@ -37,13 +37,13 @@ export default (listTypeOrName, itemTypeOrName, attrs) => ({ editor, tr, state,
     const range = $from.blockRange($to);
     if (!range)
         return false;
-    const parentList = findParentNode(node => isList(node.type.name, extensions))(selection);
+    const parentList = findParentNode((node) => isList(node.type.name, extensions))(selection);
     if (range.depth >= 1 && parentList && range.depth - parentList.depth <= 1) {
         if (parentList.node.type === listType && parentList?.node?.attrs?.type === attrs?.type)
             return commands.liftListItem(itemType);
-        if (isList(parentList.node.type.name, extensions)
-            && listType.validContent(parentList.node.content)
-            && dispatch)
+        if (isList(parentList.node.type.name, extensions) &&
+            listType.validContent(parentList.node.content) &&
+            dispatch)
             return chain()
                 .command(() => {
                 tr.setNodeMarkup(parentList.pos, listType, attrs);

package/dist/plugin/table/deleteTable.d.ts

@@ -1,3 +1,3 @@
-import type { KeyboardShortcutCommand } from "@tiptap/core";
+import type { KeyboardShortcutCommand } from '@tiptap/core';
 export declare const deleteTable: KeyboardShortcutCommand;
 export default deleteTable;

package/dist/plugin/table/deleteTable.js

@@ -1,5 +1,5 @@
-import { isColumnSelected, isRowSelected, isTableSelected } from "./util";
-import { TableMap } from "prosemirror-tables";
+import { isColumnSelected, isRowSelected, isTableSelected } from './util';
+import { TableMap } from 'prosemirror-tables';
 export const deleteTable = ({ editor }) => {
     const { selection } = editor.state;
     if (!selection || !selection.$anchorCell)

package/dist/plugin/table/index.js

@@ -9,7 +9,11 @@ export default BuiltInTable.extend({
         return [
             'div',
             { class: 'node-table' },
-            ['div', { class: `scrollable` }, ['table', { class: `as-table render-wrapper` }, ['tbody', 0]]],
+            [
+                'div',
+                { class: `scrollable` },
+                ['table', { class: `as-table render-wrapper` }, ['tbody', 0]]
+            ]
         ];
     },
     addProseMirrorPlugins() {
@@ -43,9 +47,9 @@ export default BuiltInTable.extend({
                             index++;
                         });
                         return DecorationSet.create(doc, decorations);
-                    },
-                },
-            }),
+                    }
+                }
+            })
         ];
     },
     addKeyboardShortcuts() {
@@ -63,7 +67,7 @@ export default BuiltInTable.extend({
             Backspace: deleteTable,
             'Mod-Backspace': deleteTable,
             Delete: deleteTable,
-            'Mod-Delete': deleteTable,
+            'Mod-Delete': deleteTable
         };
-    },
+    }
 }).configure({ resizable: true, lastColumnResizable: false });

package/dist/plugin/table/style/cell.scss

@@ -1,16 +1,17 @@
 .ProseMirror table {
-  td, th {
-    position: relative;
-    min-width: 8px;
-    padding: 4px 8px;
-    text-align: left;
-    vertical-align: center;
-    border: 1px solid var(--primary-light3) !important;
-    transition: all 0.1s ease-in-out;
-    font-weight: normal;
+	td,
+	th {
+		position: relative;
+		min-width: 8px;
+		padding: 4px 8px;
+		text-align: left;
+		vertical-align: center;
+		border: 1px solid var(--primary-light3) !important;
+		transition: all 0.1s ease-in-out;
+		font-weight: normal;
 
-    > * {
-      margin-bottom: 0;
-    }
-  }
+		> * {
+			margin-bottom: 0;
+		}
+	}
 }

package/dist/plugin/table/style/grip.scss

@@ -1,72 +1,74 @@
 $grip-margin: 3px;
 
 .ProseMirror table {
-  .grip-column {
-    position: absolute;
-    top: -0.7em;
-    left: 0;
-    z-index: 10;
-    display: block;
-    width: calc(100% - 2 * #{$grip-margin});
-    height: 0.4em;
-    margin: 0 $grip-margin 3px $grip-margin;
-    background: var(--primary-light3);
-    opacity: 0;
-    border-radius: 10px;
+	.grip-column {
+		position: absolute;
+		top: -0.7em;
+		left: 0;
+		z-index: 10;
+		display: block;
+		width: calc(100% - 2 * #{$grip-margin});
+		height: 0.4em;
+		margin: 0 $grip-margin 3px $grip-margin;
+		background: var(--primary-light3);
+		opacity: 0;
+		border-radius: 10px;
 
-    transition: all 0.1s ease-in-out;
+		transition: all 0.1s ease-in-out;
 
-    &:hover,
-    &.selected {
-      background: var(--primary-light6);
-    }
-  }
+		&:hover,
+		&.selected {
+			background: var(--primary-light6);
+		}
+	}
 
-  .grip-row {
-    position: absolute;
-    top: 0;
-    left: -0.7em;
-    z-index: 10;
-    display: block;
-    width: 0.4em;
-    height: calc(100% - 2 * #{$grip-margin});
-    margin: $grip-margin 3px $grip-margin 0;
-    background: var(--primary-light3);
-    opacity: 0;
-    border-radius: 10px;
+	.grip-row {
+		position: absolute;
+		top: 0;
+		left: -0.7em;
+		z-index: 10;
+		display: block;
+		width: 0.4em;
+		height: calc(100% - 2 * #{$grip-margin});
+		margin: $grip-margin 3px $grip-margin 0;
+		background: var(--primary-light3);
+		opacity: 0;
+		border-radius: 10px;
 
-    transition: all 0.1s ease-in-out;
+		transition: all 0.1s ease-in-out;
 
-    &:hover,
-    &.selected {
-      background: var(--primary-light6);
-    }
-  }
+		&:hover,
+		&.selected {
+			background: var(--primary-light6);
+		}
+	}
 
-  .grip-table {
-    position: absolute;
-    top: -0.8em;
-    left: -0.8em;
-    z-index: 10;
-    display: block;
-    width: 0.6em;
-    height: 0.6em;
-    background: var(--primary-light3);
-    border-radius: 50%;
-    opacity: 0;
+	.grip-table {
+		position: absolute;
+		top: -0.8em;
+		left: -0.8em;
+		z-index: 10;
+		display: block;
+		width: 0.6em;
+		height: 0.6em;
+		background: var(--primary-light3);
+		border-radius: 50%;
+		opacity: 0;
 
-    transition: all 0.1s ease-in-out;
+		transition: all 0.1s ease-in-out;
 
-    &:hover,
-    &.selected {
-      background: var(--primary-light6);
-    }
-  }
+		&:hover,
+		&.selected {
+			background: var(--primary-light6);
+		}
+	}
 
-  .editable & {
-    .grip-column, .grip-row, .grip-table {
-      opacity: 1;
-      cursor: pointer;
-    }
-  }
+	.editable & {
+		.grip-column,
+		.grip-row,
+		.grip-table {
+			opacity: 1;
+			cursor: pointer;
+		}
+	}
 }

package/dist/plugin/table/style/resize.scss

@@ -1,28 +1,26 @@
 .ProseMirror {
-  table .column-resize-handle {
-    position: absolute;
-    top: 0;
-    right: -2px;
-    bottom: -2px;
-    width: 4px;
-    pointer-events: none;
-    background-color: var(--primary-light6);
-    opacity: 0;
+	table .column-resize-handle {
+		position: absolute;
+		top: 0;
+		right: -2px;
+		bottom: -2px;
+		width: 4px;
+		pointer-events: none;
+		background-color: var(--primary-light6);
+		opacity: 0;
 
-    .editable & {
-      opacity: 1;
-    }
-  }
+		.editable & {
+			opacity: 1;
+		}
+	}
 
-  &.resize-cursor {
-    pointer-events: none;
+	&.resize-cursor {
+		pointer-events: none;
 
-    .editable & {
-      pointer-events: initial;
-      cursor: ew-resize;
-      cursor: col-resize; /* stylelint-disable declaration-block-no-duplicate-properties */
-    }
-  }
+		.editable & {
+			pointer-events: initial;
+			cursor: ew-resize;
+			cursor: col-resize; /* stylelint-disable declaration-block-no-duplicate-properties */
+		}
+	}
 }
-
-

package/dist/plugin/table/style/table.scss

@@ -1,83 +1,86 @@
 .ProseMirror {
-  .tableWrapper {
-    position: relative;
-    margin-top: 0.75em;
-    scrollbar-width: thin;
-    scrollbar-color: transparent transparent;
-    transition: all 0.1s ease-in-out;
-  }
+	.tableWrapper {
+		position: relative;
+		margin-top: 0.75em;
+		scrollbar-width: thin;
+		scrollbar-color: transparent transparent;
+		transition: all 0.1s ease-in-out;
+	}
 
-  .scrollable {
-    padding-left: 1em;
-    margin-left: -1em;
-    overflow: auto hidden;
-    border-left: 1px solid transparent;
-    border-right: 1px solid transparent;
-    transition: border 250ms ease-in-out 0s;
-  }
+	.scrollable {
+		padding-left: 1em;
+		margin-left: -1em;
+		overflow: auto hidden;
+		border-left: 1px solid transparent;
+		border-right: 1px solid transparent;
+		transition: border 250ms ease-in-out 0s;
+	}
 
-  .scrollable-shadow {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: -1em;
-    width: 16px;
-    transition: box-shadow 250ms ease-in-out 0s;
-    border-width: 0 0 0 1em;
-    border-style: solid;
-    border-color: transparent;
-    border-image: initial;
-    pointer-events: none;
+	.scrollable-shadow {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: -1em;
+		width: 16px;
+		transition: box-shadow 250ms ease-in-out 0s;
+		border-width: 0 0 0 1em;
+		border-style: solid;
+		border-color: transparent;
+		border-image: initial;
+		pointer-events: none;
 
-    &.left {
-      box-shadow: 16px 0 16px -16px inset rgb(0 0 0 / 25%);
-    }
+		&.left {
+			box-shadow: 16px 0 16px -16px inset rgb(0 0 0 / 25%);
+		}
 
-    &.right {
-      right: 0;
-      left: auto;
-      box-shadow: rgb(0 0 0 / 25%) -16px 0 16px -16px inset;
+		&.right {
+			right: 0;
+			left: auto;
+			box-shadow: rgb(0 0 0 / 25%) -16px 0 16px -16px inset;
 
-      &.is-editable {
-        &::after {
-          position: absolute;
-          top: 0;
-          right: 0;
-          width: 1em;
-          height: 1em;
-          background-color: var(--semi-color-nav-bg);
-          content: '';
-        }
-      }
-    }
-  }
+			&.is-editable {
+				&::after {
+					position: absolute;
+					top: 0;
+					right: 0;
+					width: 1em;
+					height: 1em;
+					background-color: var(--semi-color-nav-bg);
+					content: '';
+				}
+			}
+		}
+	}
 
-  table {
-    margin-top: 1em;
-    border-radius: 4px;
-    border-collapse: collapse;
-    box-sizing: border-box;
-    width: 100% !important;
+	table {
+		margin-top: 1em;
+		border-radius: 4px;
+		border-collapse: collapse;
+		box-sizing: border-box;
+		width: 100% !important;
 
-    h1, h2, h3, p {
-      margin: 0;
-    }
+		h1,
+		h2,
+		h3,
+		p {
+			margin: 0;
+		}
 
-    &.is-readonly {
-      margin-top: 0;
-    }
-  }
+		&.is-readonly {
+			margin-top: 0;
+		}
+	}
 }
 
 .editable {
-  .ProseMirror {
-    .tableWrapper {
-      padding: 10px;
-    }
+	.ProseMirror {
+		.tableWrapper {
+			padding: 10px;
+		}
 
-    .selectedCell {
-      border-style: double;
-      background: var(--primary-light3);
-    }
-  }
+		.selectedCell {
+			border-style: double;
+			background: var(--primary-light3);
+		}
+	}
 }

package/dist/plugin/table/tableCell/index.js

@@ -12,9 +12,9 @@ export default BuiltInTableCell.extend({
                 parseHTML: (element) => {
                     const colwidth = element.getAttribute('colwidth');
                     return colwidth ? colwidth.split(',').map((item) => parseInt(item, 10)) : null;
-                },
+                }
             },
-            style: { default: null },
+            style: { default: null }
         };
     },
     addProseMirrorPlugins() {
@@ -72,9 +72,9 @@ export default BuiltInTableCell.extend({
                             });
                         }
                         return DecorationSet.create(doc, decorations);
-                    },
-                },
-            }),
+                    }
+                }
+            })
         ];
-    },
+    }
 });