@seorii/tiptap 0.2.0 → 0.2.1

package/dist/plugin/command/emoji.js

@@ -43,7 +43,7 @@ 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/suggest.d.ts

@@ -7,15 +7,7 @@ export declare const suggest: {
         query: any;
     }) => {
         section: any;
-        list: {
-            icon: string;
-            title: any;
-            subtitle: any;
-            command: ({ editor, range }: {
-                editor: any;
-                range: any;
-            }) => void;
-        }[];
+        list: any[];
     }[];
     render: () => {
         onStart: (props: any) => void;

package/dist/plugin/command/suggest.js

@@ -83,6 +83,7 @@ export const suggest = {
             },
             {
                 section: i18n('block'), list: [
+                    ...(window.__tiptap_blocks),
                     {
                         icon: 'image',
                         title: i18n('image'),

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

package/dist/tiptap/TipTap.svelte

@@ -23,11 +23,13 @@ const san = (body) => sanitizeHtml(body, {
     },
 });
 export let body = '', editable = false, ref = null, options = {};
-export const imageUpload = fallbackUpload, style = '';
+export let imageUpload = fallbackUpload, style = '';
+export let blocks = [];
 const tiptap = setContext('editor', writable(null));
 let element, fullscreen = false, mounted = false, last = '';
 $: $tiptap && $tiptap.setEditable(editable);
 $: browser && (window.__image_uploader = imageUpload);
+$: browser && (window.__tiptap_blocks = blocks);
 if (browser) {
     onMount(() => {
         body = last = san(body);

package/dist/tiptap/TipTap.svelte.d.ts

@@ -8,7 +8,8 @@ declare const __propDef: {
         ref?: null | undefined;
         options?: {} | undefined;
         imageUpload?: UploadFn | undefined;
-        style?: "" | undefined;
+        style?: string | undefined;
+        blocks?: any[] | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -21,7 +22,5 @@ export type TipTapProps = typeof __propDef.props;
 export type TipTapEvents = typeof __propDef.events;
 export type TipTapSlots = typeof __propDef.slots;
 export default class TipTap extends SvelteComponentTyped<TipTapProps, TipTapEvents, TipTapSlots> {
-    get imageUpload(): UploadFn;
-    get style(): "";
 }
 export {};

package/package.json

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