@seorii/tiptap 0.2.3 → 0.2.5

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

@@ -1,5 +1,5 @@
 export default {
-    target: ['ko'],
+    target: ['ko', 'ko-KR'],
     lang: 'ko',
     country: 'KR',
     text: '텍스트',

package/dist/plugin/embed.d.ts

@@ -0,0 +1,21 @@
+import { Node } from '@tiptap/core';
+export interface EmbedOptions {
+    allowFullscreen: boolean;
+    type: string;
+    HTMLAttributes: {
+        [key: string]: any;
+    };
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        embed: {
+            setEmbed: (options: {
+                src: string;
+                type: string;
+                width: string;
+            }) => ReturnType;
+        };
+    }
+}
+declare const _default: Node<EmbedOptions, any>;
+export default _default;

package/dist/plugin/embed.js

@@ -0,0 +1,46 @@
+import { mergeAttributes, Node } from '@tiptap/core';
+export default Node.create({
+    name: 'embed',
+    group: 'block',
+    atom: true,
+    addOptions() {
+        return {
+            allowFullscreen: true,
+            HTMLAttributes: {
+                class: 'embed-wrapper',
+            },
+        };
+    },
+    addAttributes() {
+        return {
+            src: { default: null },
+            frameborder: { default: 0 },
+            allowfullscreen: {
+                default: this.options.allowFullscreen,
+                parseHTML: () => this.options.allowFullscreen,
+            },
+            width: { default: '100%' },
+            height: { default: '800px' },
+            type: { default: '' }
+        };
+    },
+    parseHTML() {
+        return [{
+                tag: 'embed',
+            }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return ['div', this.options.HTMLAttributes, ['embed', mergeAttributes(HTMLAttributes, { credentialless: true })]];
+    },
+    addCommands() {
+        return {
+            setEmbed: (options) => ({ tr, dispatch }) => {
+                const { selection } = tr;
+                const node = this.type.create(options);
+                if (dispatch)
+                    tr.replaceRangeWith(selection.from, selection.to, node);
+                return true;
+            },
+        };
+    },
+});

package/dist/tiptap/Command.svelte

@@ -28,7 +28,7 @@ $: setTimeout(() => focus?.focus?.(), 100);
                     <div class="title">iframe</div>
                 </header>
                 <Input placeholder="url" fullWidth bind:value={iframe} bind:input={focus}
-                       on:submit={() => $tiptap.chain().focus().insertContent({type: 'iframe', attrs: {src: iframe}}).insertContent('\n').run()}/>
+                       on:submit={() => $tiptap.chain().focus().insertContent([{type: 'iframe', attrs: {src: iframe}}, {type: 'paragraph'}]).run()}/>
                 <footer>
                     <Button tabindex="0" transparent small on:click={() => {
                         iframe = ''
@@ -38,7 +38,7 @@ $: setTimeout(() => focus?.focus?.(), 100);
                     <Button tabindex="0" transparent small
                             on:click={() => {
                                 $slashSelection?.();
-                                $tiptap.chain().focus().insertContent({type: 'iframe', attrs: {src: iframe}}).insertContent('\n').run();
+                                $tiptap.chain().focus().insertContent([{type: 'iframe', attrs: {src: iframe}}, {type: 'paragraph'}]).run();
                             }}>{i18n('insert')}
                     </Button>
                 </footer>

package/dist/tiptap/TipTap.svelte

@@ -10,7 +10,7 @@ import { slashItems, slashProps, slashVisible } from "../plugin/command/stores";
 import i18n from "../i18n";
 import { fallbackUpload } from "../plugin/image/dragdrop";
 const san = (body) => sanitizeHtml(body, {
-    allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img', 'math-inline', 'math-node', 'iframe', 'tiptap-file', 'lite-youtube', 'blockquote']),
+    allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img', 'math-inline', 'math-node', 'iframe', 'tiptap-file', 'lite-youtube', 'blockquote', 'embed']),
     allowedStyles: '*', allowedAttributes: {
         '*': ['style', 'class'],
         a: ['href', 'name', 'target'],
@@ -20,6 +20,7 @@ const san = (body) => sanitizeHtml(body, {
         td: ['colwidth', 'colspan', 'rowspan'],
         'tiptap-file': ['id'],
         'lite-youtube': ['videoid', 'params', 'nocookie', 'title', 'provider'],
+        embed: ['src', 'type', 'frameborder', 'allowfullscreen']
     },
 });
 export let body = '', editable = false, ref = null, options = {};

package/dist/tiptap/tiptap.js

@@ -20,6 +20,7 @@ import { Indent } from "../plugin/indent";
 import { Color } from '@tiptap/extension-color';
 import TextStyle from '@tiptap/extension-text-style';
 import Iframe from "../plugin/iframe";
+import Embed from "../plugin/embed";
 // @ts-ignore
 import { MathInline, MathBlock } from "@seorii/prosemirror-math/tiptap";
 import Youtube from "../plugin/youtube";
@@ -70,6 +71,7 @@ export default (element, content, { placeholder = i18n('placeholder'), plugins =
             Color,
             TextStyle,
             Iframe,
+            Embed,
             Code.extend({
                 renderHTML({ HTMLAttributes }) {
                     return ['code', mergeAttributes(HTMLAttributes, { class: 'inline' })];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seorii/tiptap",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "scripts": {
     "dev": "vite dev",
     "build": "svelte-kit sync && svelte-package",