@seorii/tiptap 0.2.22 → 0.3.0-next.10

package/dist/i18n/en-us/index.js

@@ -42,5 +42,5 @@ export default {
     blockquoteInfo: 'Blockquote',
     newLineInfo: 'Press / to enter commands. Or',
     placeholder: 'Enter content here...',
-    insertCode: 'Insert code',
+    insertCode: 'Insert code'
 };

package/dist/i18n/index.js

@@ -1,12 +1,11 @@
 import enUs from './en-us/index';
 import koKr from './ko-kr/index';
-import { browser } from "$app/environment";
 const locales = [enUs, koKr];
 export function getLocale(locales) {
     if (typeof navigator === 'undefined')
         return enUs;
     const language = navigator.language;
-    const locale = locales.find(item => item.target.includes(language));
+    const locale = locales.find((item) => item.target.includes(language));
     return locale || enUs;
 }
 const locale = getLocale(locales);
@@ -18,5 +17,5 @@ export default function i18n(...args) {
 i18n.locale = locale;
 i18n.localeLangCountry = i18n('lang') + '-' + i18n('country');
 //@ts-ignore
-if (browser)
+if (typeof window !== 'undefined')
     window.__me_i18n = i18n;

package/dist/i18n/ko-kr/index.js

@@ -42,5 +42,5 @@ export default {
     blockquoteInfo: '있어보이는 인용구 삽입',
     newLineInfo: '/로 명령어 입력. 또는',
     placeholder: '내용을 입력하세요...',
-    insertCode: '코드 삽입',
+    insertCode: '코드 삽입'
 };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export default TipTap;
 export { getDetail };
-import TipTap from "./tiptap/index.js";
-import { getDetail } from "./plugin/command/suggest.js";
+import TipTap from './tiptap/index.js';
+import { getDetail } from './plugin/command/suggest.js';

package/dist/index.js

@@ -1,6 +1,6 @@
 // Reexport your entry components here
-import TipTap from "./tiptap/index.js";
-import {getDetail} from "./plugin/command/suggest.js";
+import TipTap from './tiptap/index.js';
+import { getDetail } from './plugin/command/suggest.js';
 
 export default TipTap;
-export {getDetail};
+export { getDetail };

package/dist/plugin/command/emoji.d.ts

@@ -1,5 +1,5 @@
-import { PluginKey } from "prosemirror-state";
-import type { Editor } from "@tiptap/core";
+import { PluginKey } from 'prosemirror-state';
+import type { Editor } from '@tiptap/core';
 export declare const emoji: {
     pluginKey: PluginKey<any>;
     char: string;

package/dist/plugin/command/emoji.js

@@ -1,6 +1,6 @@
 import { slashVisible, slashItems, slashLocaltion, slashProps, slashDetail } from './stores';
-import { PluginKey } from "prosemirror-state";
-import Suggestion from "@tiptap/suggestion";
+import { PluginKey } from 'prosemirror-state';
+import Suggestion from '@tiptap/suggestion';
 //@ts-ignore
 import emojis from 'emojis-list';
 //@ts-ignore
@@ -43,7 +43,11 @@ export const emoji = {
                 filtered.push({
                     title: emojis[i] + '  ' + tags[i],
                     command: ({ editor, range }) => {
-                        editor.chain().deleteRange(fixRange(editor, range, ':')).insertContent(emojis[i] + ' ').run();
+                        editor
+                            .chain()
+                            .deleteRange(fixRange(editor, range, ':'))
+                            .insertContent(emojis[i] + ' ')
+                            .run();
                     }
                 });
             if (filtered.length >= max)

package/dist/plugin/command/stores.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 export declare const slashVisible: import("svelte/store").Writable<boolean>;
 export declare const slashItems: import("svelte/store").Writable<never[]>;
 export declare const slashLocaltion: import("svelte/store").Writable<{

package/dist/plugin/command/suggest.d.ts

@@ -1,5 +1,5 @@
-import { PluginKey } from "prosemirror-state";
-import { Editor } from "@tiptap/core";
+import { PluginKey } from 'prosemirror-state';
+import { Editor } from '@tiptap/core';
 export declare function getDetail(editor: any, range: any, opt: any): void;
 export declare const suggest: {
     pluginKey: PluginKey<any>;

package/dist/plugin/command/suggest.js

@@ -1,9 +1,9 @@
 import { slashVisible, slashItems, slashLocaltion, slashProps, slashDetail, slashSelection } from './stores';
-import i18n from "../../i18n";
-import { fallbackUpload } from "../image/dragdrop";
-import { PluginKey } from "prosemirror-state";
-import { Editor } from "@tiptap/core";
-import Suggestion from "@tiptap/suggestion";
+import i18n from '../../i18n';
+import { fallbackUpload } from '../image/dragdrop';
+import { PluginKey } from 'prosemirror-state';
+import { Editor } from '@tiptap/core';
+import Suggestion from '@tiptap/suggestion';
 function fixRange(editor, range, split = '/') {
     const { state } = editor.view, { selection, doc } = state;
     if (selection.$to.nodeBefore?.text?.includes?.(split)) {
@@ -40,13 +40,19 @@ export const suggest = {
     items: ({ query }) => {
         const raw = [
             {
-                section: i18n('text'), list: [
+                section: i18n('text'),
+                list: [
                     {
                         icon: 'title',
                         title: i18n('title') + ' 1',
                         subtitle: i18n('title1Info'),
                         command: ({ editor, range }) => {
-                            editor.chain().focus().deleteRange(fixRange(editor, range)).setNode('heading', { level: 1 }).run();
+                            editor
+                                .chain()
+                                .focus()
+                                .deleteRange(fixRange(editor, range))
+                                .setNode('heading', { level: 1 })
+                                .run();
                         }
                     },
                     {
@@ -54,7 +60,12 @@ export const suggest = {
                         title: i18n('title') + ' 2',
                         subtitle: i18n('title2Info'),
                         command: ({ editor, range }) => {
-                            editor.chain().focus().deleteRange(fixRange(editor, range)).setNode('heading', { level: 2 }).run();
+                            editor
+                                .chain()
+                                .focus()
+                                .deleteRange(fixRange(editor, range))
+                                .setNode('heading', { level: 2 })
+                                .run();
                         }
                     },
                     {
@@ -62,7 +73,12 @@ export const suggest = {
                         title: i18n('title') + ' 3',
                         subtitle: i18n('title3Info'),
                         command: ({ editor, range }) => {
-                            editor.chain().focus().deleteRange(fixRange(editor, range)).setNode('heading', { level: 3 }).run();
+                            editor
+                                .chain()
+                                .focus()
+                                .deleteRange(fixRange(editor, range))
+                                .setNode('heading', { level: 3 })
+                                .run();
                         }
                     },
                     {
@@ -86,8 +102,9 @@ export const suggest = {
                 ]
             },
             {
-                section: i18n('block'), list: [
-                    ...(window.__tiptap_blocks),
+                section: i18n('block'),
+                list: [
+                    ...window.__tiptap_blocks,
                     {
                         icon: 'image',
                         title: i18n('image'),
@@ -115,8 +132,14 @@ export const suggest = {
                         title: i18n('codeBlock'),
                         subtitle: i18n('codeBlockInfo'),
                         command: ({ editor, range }) => getDetail(editor, range, {
-                            type: 'code', handler: (input) => {
-                                editor.chain().focus().deleteRange(fixRange(editor, range - 1)).setNode('codeBlock', { language: input }).run();
+                            type: 'code',
+                            handler: (input) => {
+                                editor
+                                    .chain()
+                                    .focus()
+                                    .deleteRange(fixRange(editor, range - 1))
+                                    .setNode('codeBlock', { language: input })
+                                    .run();
                             }
                         })
                     },
@@ -126,7 +149,13 @@ export const suggest = {
                         subtitle: i18n('mathBlockInfo'),
                         command: ({ editor, range }) => {
                             const { to } = range;
-                            editor.chain().focus().deleteRange(fixRange(editor, range)).setNode('math_display').focus().run();
+                            editor
+                                .chain()
+                                .focus()
+                                .deleteRange(fixRange(editor, range))
+                                .setNode('math_display')
+                                .focus()
+                                .run();
                         }
                     },
                     {
@@ -134,10 +163,15 @@ export const suggest = {
                         title: i18n('table'),
                         subtitle: i18n('tableInfo'),
                         command: ({ editor, range }) => {
-                            editor.chain().focus().deleteRange(fixRange(editor, range)).insertTable({
+                            editor
+                                .chain()
+                                .focus()
+                                .deleteRange(fixRange(editor, range))
+                                .insertTable({
                                 rows: 2,
                                 cols: 3
-                            }).run();
+                            })
+                                .run();
                         }
                     },
                     {
@@ -145,7 +179,13 @@ export const suggest = {
                         title: i18n('blockquote'),
                         subtitle: i18n('blockquoteInfo'),
                         command: ({ editor, range }) => {
-                            editor.chain().focus().deleteRange(fixRange(editor, range)).setBlockquote().focus().run();
+                            editor
+                                .chain()
+                                .focus()
+                                .deleteRange(fixRange(editor, range))
+                                .setBlockquote()
+                                .focus()
+                                .run();
                         }
                     },
                     {
@@ -153,11 +193,20 @@ export const suggest = {
                         title: i18n('iframe'),
                         subtitle: i18n('iframeInfo'),
                         command: ({ editor, range }) => getDetail(editor, range, {
-                            title: 'iframe', placeholder: 'url', handler: (input) => {
-                                editor.chain().focus().insertContent([{
+                            title: 'iframe',
+                            placeholder: 'url',
+                            handler: (input) => {
+                                editor
+                                    .chain()
+                                    .focus()
+                                    .insertContent([
+                                    {
                                         type: 'iframe',
                                         attrs: { src: input }
-                                    }, { type: 'paragraph' }]).run();
+                                    },
+                                    { type: 'paragraph' }
+                                ])
+                                    .run();
                             }
                         })
                     },
@@ -166,18 +215,28 @@ export const suggest = {
                         title: i18n('youtube'),
                         subtitle: i18n('youtubeInfo'),
                         command: ({ editor, range }) => getDetail(editor, range, {
-                            title: 'youtube', placeholder: 'url', handler: (input) => {
-                                editor.chain().focus().insertVideoPlayer({ url: input }).insertContent('\n').run();
+                            title: 'youtube',
+                            placeholder: 'url',
+                            handler: (input) => {
+                                editor
+                                    .chain()
+                                    .focus()
+                                    .insertVideoPlayer({ url: input })
+                                    .insertContent('\n')
+                                    .run();
                             }
                         })
                     }
                 ]
             }
         ];
-        const filtered = raw.map(({ section, list }) => ({
-            section, list: list.filter((item) => item.title.toLowerCase().includes(query.toLowerCase())
-                || item.subtitle.toLowerCase().includes(query.toLowerCase()))
-        })).filter(({ list }) => list.length > 0);
+        const filtered = raw
+            .map(({ section, list }) => ({
+            section,
+            list: list.filter((item) => item.title.toLowerCase().includes(query.toLowerCase()) ||
+                item.subtitle.toLowerCase().includes(query.toLowerCase()))
+        }))
+            .filter(({ list }) => list.length > 0);
         return filtered;
     },
     render: () => {

package/dist/plugin/embed.js

@@ -7,8 +7,8 @@ export default Node.create({
         return {
             allowFullscreen: true,
             HTMLAttributes: {
-                class: 'embed-wrapper',
-            },
+                class: 'embed-wrapper'
+            }
         };
     },
     addAttributes() {
@@ -17,7 +17,7 @@ export default Node.create({
             frameborder: { default: 0 },
             allowfullscreen: {
                 default: this.options.allowFullscreen,
-                parseHTML: () => this.options.allowFullscreen,
+                parseHTML: () => this.options.allowFullscreen
             },
             width: { default: '100%' },
             height: { default: '800px' },
@@ -25,12 +25,18 @@ export default Node.create({
         };
     },
     parseHTML() {
-        return [{
-                tag: 'embed',
-            }];
+        return [
+            {
+                tag: 'embed'
+            }
+        ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['div', this.options.HTMLAttributes, ['embed', mergeAttributes(HTMLAttributes, { credentialless: true, crossorigin: "anonymous" })]];
+        return [
+            'div',
+            this.options.HTMLAttributes,
+            ['embed', mergeAttributes(HTMLAttributes, { credentialless: true, crossorigin: 'anonymous' })]
+        ];
     },
     addCommands() {
         return {
@@ -40,7 +46,7 @@ export default Node.create({
                 if (dispatch)
                     tr.replaceRangeWith(selection.from, selection.to, node);
                 return true;
-            },
+            }
         };
-    },
+    }
 });

package/dist/plugin/iframe.js

@@ -7,8 +7,8 @@ export default Node.create({
         return {
             allowFullscreen: true,
             HTMLAttributes: {
-                class: 'iframe-wrapper',
-            },
+                class: 'iframe-wrapper'
+            }
         };
     },
     addAttributes() {
@@ -17,17 +17,26 @@ export default Node.create({
             frameborder: { default: 0 },
             allowfullscreen: {
                 default: this.options.allowFullscreen,
-                parseHTML: () => this.options.allowFullscreen,
-            },
+                parseHTML: () => this.options.allowFullscreen
+            }
         };
     },
     parseHTML() {
-        return [{
-                tag: 'iframe',
-            }];
+        return [
+            {
+                tag: 'iframe'
+            }
+        ];
     },
     renderHTML({ HTMLAttributes }) {
-        return ['div', this.options.HTMLAttributes, ['iframe', mergeAttributes(HTMLAttributes, { credentialless: true, crossorigin: "anonymous" })]];
+        return [
+            'div',
+            this.options.HTMLAttributes,
+            [
+                'iframe',
+                mergeAttributes(HTMLAttributes, { credentialless: true, crossorigin: 'anonymous' })
+            ]
+        ];
     },
     addCommands() {
         return {
@@ -37,7 +46,7 @@ export default Node.create({
                 if (dispatch)
                     tr.replaceRangeWith(selection.from, selection.to, node);
                 return true;
-            },
+            }
         };
-    },
+    }
 });

package/dist/plugin/image/dragdrop.js

@@ -1,5 +1,5 @@
 import { Plugin, PluginKey } from 'prosemirror-state';
-export const fallbackUpload = (async (image) => URL.createObjectURL(image));
+export const fallbackUpload = async (image) => URL.createObjectURL(image);
 export const dropImagePlugin = () => {
     return new Plugin({
         props: {
@@ -15,7 +15,7 @@ export const dropImagePlugin = () => {
                             if (upload && image) {
                                 upload(image).then((src) => {
                                     const node = schema.nodes.image.create({
-                                        src: src,
+                                        src: src
                                     });
                                     const transaction = view.state.tr.replaceSelectionWith(node);
                                     view.dispatch(transaction);
@@ -26,7 +26,7 @@ export const dropImagePlugin = () => {
                             const reader = new FileReader();
                             reader.onload = (readerEvent) => {
                                 const node = schema.nodes.image.create({
-                                    src: readerEvent.target?.result,
+                                    src: readerEvent.target?.result
                                 });
                                 const transaction = view.state.tr.replaceSelectionWith(node);
                                 view.dispatch(transaction);
@@ -40,9 +40,7 @@ export const dropImagePlugin = () => {
                 },
                 drop: (view, event) => {
                     const upload = window.__image_uploader || fallbackUpload;
-                    const hasFiles = event.dataTransfer &&
-                        event.dataTransfer.files &&
-                        event.dataTransfer.files.length;
+                    const hasFiles = event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files.length;
                     if (!hasFiles) {
                         return false;
                     }
@@ -54,7 +52,7 @@ export const dropImagePlugin = () => {
                     const { schema } = view.state;
                     const coordinates = view.posAtCoords({
                         left: event.clientX,
-                        top: event.clientY,
+                        top: event.clientY
                     });
                     if (!coordinates)
                         return false;
@@ -62,7 +60,7 @@ export const dropImagePlugin = () => {
                         const reader = new FileReader();
                         if (upload) {
                             const node = schema.nodes.image.create({
-                                src: await upload(image),
+                                src: await upload(image)
                             });
                             const transaction = view.state.tr.insert(coordinates.pos, node);
                             view.dispatch(transaction);
@@ -70,7 +68,7 @@ export const dropImagePlugin = () => {
                         else {
                             reader.onload = (readerEvent) => {
                                 const node = schema.nodes.image.create({
-                                    src: readerEvent.target?.result,
+                                    src: readerEvent.target?.result
                                 });
                                 const transaction = view.state.tr.insert(coordinates.pos, node);
                                 view.dispatch(transaction);
@@ -79,8 +77,8 @@ export const dropImagePlugin = () => {
                         }
                     });
                     return true;
-                },
-            },
-        },
+                }
+            }
+        }
     });
 };

package/dist/plugin/image/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any>;
+declare const _default: (crossorigin?: string) => import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any>;
 export default _default;

package/dist/plugin/image/index.js

@@ -1,19 +1,23 @@
-import Image from "@tiptap/extension-image";
-import { mergeAttributes } from "@tiptap/core";
-import { dropImagePlugin } from "./dragdrop";
-export default Image.extend({
+import Image from '@tiptap/extension-image';
+import { mergeAttributes } from '@tiptap/core';
+import { dropImagePlugin } from './dragdrop';
+export default (crossorigin = 'anonymous') => Image.extend({
     addOptions() {
         return {
             ...this.parent?.(),
-            sizes: ["inline", "block", "left", "right"],
+            sizes: ['inline', 'block', 'left', 'right']
         };
     },
     parseHTML: () => [{ tag: 'img' }],
     renderHTML({ HTMLAttributes }) {
         const { style } = HTMLAttributes;
-        return ["figure", { style }, ["img", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]];
+        return [
+            'figure',
+            { style },
+            ['img', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]
+        ];
     },
     addProseMirrorPlugins() {
         return [dropImagePlugin()];
-    },
-}).configure({ HTMLAttributes: { crossorigin: 'anonymous' } });
+    }
+}).configure({ HTMLAttributes: { crossorigin } });

package/dist/plugin/indent.js

@@ -2,7 +2,7 @@
 // Sources:
 // https://github.com/ueberdosis/tiptap/issues/1036#issuecomment-981094752
 // https://github.com/django-tiptap/django_tiptap/blob/main/django_tiptap/templates/forms/tiptap_textarea.html#L453-L602
-import { Extension, isList, } from '@tiptap/core';
+import { Extension, isList } from '@tiptap/core';
 import { TextSelection, Transaction } from 'prosemirror-state';
 export const Indent = Extension.create({
     name: 'indent',
@@ -13,7 +13,7 @@ export const Indent = Extension.create({
             minIndentLevel: 0,
             maxIndentLevel: 24 * 10,
             defaultIndentLevel: 0,
-            HTMLAttributes: {},
+            HTMLAttributes: {}
         };
     },
     addGlobalAttributes() {
@@ -23,14 +23,15 @@ export const Indent = Extension.create({
                 attributes: {
                     indent: {
                         default: this.options.defaultIndentLevel,
-                        renderHTML: (attributes) => attributes.indent ? {
-                            style: `margin-left: ${attributes.indent}px;`,
-                        } : {},
-                        parseHTML: (element) => parseInt(element.style.marginLeft, 10) ||
-                            this.options.defaultIndentLevel,
-                    },
-                },
-            },
+                        renderHTML: (attributes) => attributes.indent
+                            ? {
+                                style: `margin-left: ${attributes.indent}px;`
+                            }
+                            : {},
+                        parseHTML: (element) => parseInt(element.style.marginLeft, 10) || this.options.defaultIndentLevel
+                    }
+                }
+            }
         ];
     },
     addCommands() {
@@ -56,7 +57,7 @@ export const Indent = Extension.create({
                 }
                 editor.chain().focus().run();
                 return false;
-            },
+            }
         };
     },
     addKeyboardShortcuts() {
@@ -65,9 +66,9 @@ export const Indent = Extension.create({
             'Shift-Tab': outdent(false),
             Backspace: outdent(true),
             'Mod-]': indent(),
-            'Mod-[': outdent(false),
+            'Mod-[': outdent(false)
         };
-    },
+    }
 });
 export const clamp = (val, min, max) => {
     if (val < min)
@@ -110,7 +111,8 @@ const indent = () => ({ editor }) => {
     return false;
 };
 const outdent = (outdentOnlyAtHead) => ({ editor }) => {
-    if (!(isList(editor.state.doc.type.name, editor.extensionManager.extensions) || (outdentOnlyAtHead && editor.state.selection.$head.parentOffset !== 0)))
+    if (!(isList(editor.state.doc.type.name, editor.extensionManager.extensions) ||
+        (outdentOnlyAtHead && editor.state.selection.$head.parentOffset !== 0)))
         return editor.commands.outdent();
     return false;
 };