@seorii/tiptap 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 export default TipTap;
-import TipTap from "./tiptap";
+import TipTap from "./tiptap/index.js";

package/dist/index.js

@@ -1,4 +1,4 @@
 // Reexport your entry components here
-import TipTap from "./tiptap";
+import TipTap from "./tiptap/index.js";
 
 export default TipTap;

package/dist/plugin/image.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("@tiptap/core").Node<{
+    sizes: string[];
+    inline: boolean;
+    allowBase64: boolean;
+    HTMLAttributes: Record<string, any>;
+}, any>;
+export default _default;

package/dist/plugin/image.js

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

package/dist/tiptap/TipTap.svelte

@@ -14,9 +14,10 @@ const san = (body, force = false) => (editor || force) ? body : sanitizeHtml(bod
         'tiptap-file': ['id']
     },
 });
-export let body = '', editor = false, style = '';
+export let body = '', editor = false, style = '', ref = null, plugins = [];
 const tiptap = setContext('editor', writable(null));
 let element, _body = san(body, true), fullscreen = false, html = false, mounted = false;
+$: ref = $tiptap;
 $: _san = san(body);
 $: if (_san !== _body && $tiptap)
     $tiptap?.commands.setContent(_body = _san);
@@ -30,6 +31,7 @@ if (browser)
             $tiptap = tt(element, _body, {
                 editable: editor,
                 onTransaction: () => $tiptap = $tiptap,
+                plugins,
             });
             $tiptap.on('update', ({ editor: tiptap }) => {
                 let content = tiptap.getHTML(), json = tiptap.getJSON().content;

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

@@ -5,6 +5,8 @@ declare const __propDef: {
         body?: string | undefined;
         editor?: boolean | undefined;
         style?: string | undefined;
+        ref?: any;
+        plugins?: any[] | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/tiptap/tiptap.d.ts

@@ -1,3 +1,3 @@
 import { Editor } from "@tiptap/core";
-declare const _default: (element: Element, content: string, { placeholder, ...props }?: any) => Editor;
+declare const _default: (element: Element, content: string, { placeholder, plugins, ...props }?: any) => Editor;
 export default _default;

package/dist/tiptap/tiptap.js

@@ -1,7 +1,7 @@
 import { Editor, mergeAttributes } from "@tiptap/core";
 import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
 import { lowlight } from "lowlight";
-import Image from "@tiptap/extension-image";
+import Image from "../plugin/image";
 import StarterKit from "@tiptap/starter-kit";
 import Underline from "@tiptap/extension-underline";
 import Highlight from "@tiptap/extension-highlight";
@@ -20,19 +20,13 @@ import { Indent } from "../plugin/indent";
 import { Color } from '@tiptap/extension-color';
 import TextStyle from '@tiptap/extension-text-style';
 import Iframe from "../plugin/iframe";
+//@ts-ignore
 import Math from "tiptap-katex";
-export default (element, content, { placeholder = '내용을 입력하세요...', ...props } = {}) => new Editor({
+export default (element, content, { placeholder = '내용을 입력하세요...', plugins = [], ...props } = {}) => new Editor({
     element, content, ...props,
     extensions: [
         CodeBlockLowlight.configure({ lowlight }),
-        Image.extend({
-            defaultOptions: { ...Image.options, sizes: ["inline", "block", "left", "right"] },
-            parseHTML: () => [{ tag: 'img' }],
-            renderHTML({ HTMLAttributes }) {
-                const { style } = HTMLAttributes;
-                return ["figure", { style }, ["img", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)]];
-            }
-        }).configure({ HTMLAttributes: { crossorigin: 'anonymous' } }),
+        Image,
         StarterKit,
         Underline,
         Highlight.configure({ multicolor: true }),
@@ -52,5 +46,6 @@ export default (element, content, { placeholder = '내용을 입력하세요...'
         TextStyle,
         Math,
         Iframe,
+        ...plugins,
     ],
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seorii/tiptap",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "scripts": {
     "dev": "vite dev",
     "build": "svelte-kit sync && svelte-package",
@@ -16,11 +16,11 @@
     "@sveltejs/package": "^2.2.0",
     "@typescript-eslint/eslint-plugin": "^6.2.0",
     "@typescript-eslint/parser": "^6.2.0",
-    "eslint": "^8.45.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.9.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "prettier": "^3.0.0",
-    "prettier-plugin-svelte": "^3.0.1",
+    "prettier-plugin-svelte": "^3.0.3",
     "sass": "^1.64.1",
     "svelte": "^4.1.1",
     "svelte-check": "^3.4.6",
@@ -55,8 +55,8 @@
     "prosemirror-model": "^1.19.3",
     "prosemirror-state": "^1.4.3",
     "prosemirror-tables": "^1.3.4",
-    "prosemirror-transform": "^1.7.3",
-    "prosemirror-view": "^1.31.6",
+    "prosemirror-transform": "^1.7.4",
+    "prosemirror-view": "^1.31.7",
     "sanitize-html": "^2.11.0",
     "tiptap-katex": "^0.0.2"
   },