@teriusu/rich-editor 0.4.1

package/dist/types.d.ts

@@ -0,0 +1,44 @@
+import type { Editor } from "@tiptap/core";
+import type { Component } from "svelte";
+import type { FileResolver } from "./extensions/FileAttachment";
+/** 파일 업로드 핸들러 -- 호스트 앱에서 구현 */
+export type UploadHandler = (file: File) => Promise<string>;
+/** 툴바 모드 */
+export type ToolbarMode = 'minimal' | 'standard' | 'full';
+export interface TipTapEditorProps {
+    content: string;
+    onChange: (html: string) => void;
+    placeholder?: string;
+    /** 이미지/PDF 파일 업로드 시 호출. URL을 반환해야 함 */
+    onUploadFile?: UploadHandler;
+    /** 파일 ID → URL 변환. 하이브리드 파일 저장 시 사용 */
+    onResolveFile?: FileResolver;
+    /** 툴바 모드: 'minimal' | 'standard' | 'full' (기본값 'full') */
+    toolbar?: ToolbarMode;
+}
+export interface FixedToolbarProps {
+    editor: Editor;
+    onPdfClick: () => void;
+}
+export interface BlockHandleProps {
+    editor: Editor;
+}
+export interface SlashCommandMenuProps {
+    editor: Editor;
+    query: string;
+    onClose: () => void;
+    onPdfUpload?: () => void;
+}
+export interface PdfViewerProps {
+    src: string;
+    fileName?: string;
+}
+export interface SlashMenuItem {
+    label: string;
+    keywords: string;
+    icon: Component<{
+        size?: number;
+    }>;
+    command: (editor: Editor) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,+BAA+B;AAC/B,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;AAE5D,YAAY;AACZ,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,uCAAuC;IACvC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/utils/cn.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/utils/cn.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cn.test.d.ts.map

package/dist/utils/cn.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.test.d.ts","sourceRoot":"","sources":["../../src/utils/cn.test.ts"],"names":[],"mappings":""}

package/dist/utils/cn.test.js

@@ -0,0 +1,28 @@
+import { describe, it, expect } from 'vitest';
+import { cn } from './cn';
+describe('cn', () => {
+    it('merges class names', () => {
+        const result = cn('foo', 'bar');
+        expect(result).toBe('foo bar');
+    });
+    it('handles conditional classes', () => {
+        const result = cn('base', false && 'hidden', 'visible');
+        expect(result).toBe('base visible');
+    });
+    it('handles undefined and null', () => {
+        const result = cn('base', undefined, null, 'end');
+        expect(result).toBe('base end');
+    });
+    it('merges tailwind classes correctly', () => {
+        const result = cn('px-2 py-1', 'px-4');
+        expect(result).toBe('py-1 px-4');
+    });
+    it('handles empty input', () => {
+        const result = cn();
+        expect(result).toBe('');
+    });
+    it('handles array input', () => {
+        const result = cn(['foo', 'bar']);
+        expect(result).toBe('foo bar');
+    });
+});

package/dist/utils/escape-html.d.ts

@@ -0,0 +1,2 @@
+export declare function escapeHtml(str: string): string;
+//# sourceMappingURL=escape-html.d.ts.map

package/dist/utils/escape-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"escape-html.d.ts","sourceRoot":"","sources":["../../src/utils/escape-html.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAM9C"}

package/dist/utils/escape-html.js

@@ -0,0 +1,7 @@
+export function escapeHtml(str) {
+    return str
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+}

package/dist/utils/escape-html.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=escape-html.test.d.ts.map

package/dist/utils/escape-html.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"escape-html.test.d.ts","sourceRoot":"","sources":["../../src/utils/escape-html.test.ts"],"names":[],"mappings":""}

package/dist/utils/escape-html.test.js

@@ -0,0 +1,25 @@
+import { describe, it, expect } from 'vitest';
+import { escapeHtml } from './escape-html';
+describe('escapeHtml', () => {
+    it('escapes ampersand', () => {
+        expect(escapeHtml('a & b')).toBe('a & b');
+    });
+    it('escapes less-than', () => {
+        expect(escapeHtml('a < b')).toBe('a &lt; b');
+    });
+    it('escapes greater-than', () => {
+        expect(escapeHtml('a > b')).toBe('a &gt; b');
+    });
+    it('escapes double quotes', () => {
+        expect(escapeHtml('a "b" c')).toBe('a &quot;b&quot; c');
+    });
+    it('escapes all entities together', () => {
+        expect(escapeHtml('<div class="x">&</div>')).toBe('&lt;div class=&quot;x&quot;&gt;&amp;&lt;/div&gt;');
+    });
+    it('handles empty string', () => {
+        expect(escapeHtml('')).toBe('');
+    });
+    it('passes through plain text unchanged', () => {
+        expect(escapeHtml('Hello world')).toBe('Hello world');
+    });
+});

package/dist/utils/pdf.d.ts

@@ -0,0 +1,9 @@
+export interface PdfJsConfig {
+    /** pdf.min.mjs 경로 (기본: "/pdf.min.mjs") */
+    pdfSrc?: string;
+    /** pdf.worker.min.mjs 경로 (기본: "/pdf.worker.min.mjs") */
+    workerSrc?: string;
+}
+export declare function configurePdfJs(cfg: PdfJsConfig): void;
+export declare function getPdfJs(): Promise<any>;
+//# sourceMappingURL=pdf.d.ts.map

package/dist/utils/pdf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf.d.ts","sourceRoot":"","sources":["../../src/utils/pdf.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,cAAc,CAAC,GAAG,EAAE,WAAW,QAK9C;AAED,wBAAsB,QAAQ,iBAyB7B"}

package/dist/utils/pdf.js

@@ -0,0 +1,33 @@
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+let cached = null;
+let loading = null;
+let config = {};
+export function configurePdfJs(cfg) {
+    config = cfg;
+    // 설정 변경 시 캐시 초기화
+    cached = null;
+    loading = null;
+}
+export async function getPdfJs() {
+    if (cached)
+        return cached;
+    if (!loading) {
+        loading = (async () => {
+            const pdfSrc = config.pdfSrc || "/pdf.min.mjs";
+            const workerSrc = config.workerSrc || "/pdf.worker.min.mjs";
+            const res = await fetch(pdfSrc);
+            if (!res.ok)
+                throw new Error(`${pdfSrc} 로드 실패`);
+            const text = await res.text();
+            const blob = new Blob([text], { type: "application/javascript" });
+            const url = URL.createObjectURL(blob);
+            const mod = await import(/* webpackIgnore: true */ url);
+            URL.revokeObjectURL(url);
+            const pdfjsLib = mod;
+            pdfjsLib.GlobalWorkerOptions.workerSrc = workerSrc;
+            cached = pdfjsLib;
+            return pdfjsLib;
+        })();
+    }
+    return loading;
+}

package/dist/utils/sanitize.d.ts

@@ -0,0 +1,9 @@
+export declare function sanitizeHtml(html: string): string;
+/**
+ * 레거시 TipTap v2 커스텀 태그를 현재 형식으로 변환.
+ * 에디터 content 로드 전, 또는 게시물 렌더링 전에 호출.
+ * tiptap-file → data-file-id, tiptap-midibus → iframe으로 변환.
+ */
+export declare function transformLegacyHtml(html: string): string;
+export declare function stripHtmlToExcerpt(html: string, maxLen?: number): string;
+//# sourceMappingURL=sanitize.d.ts.map

package/dist/utils/sanitize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize.d.ts","sourceRoot":"","sources":["../../src/utils/sanitize.ts"],"names":[],"mappings":"AAyBA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAcjD;AA0BD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAyExD;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,SAAM,GAAG,MAAM,CAWrE"}

package/dist/utils/sanitize.js

@@ -0,0 +1,115 @@
+import { escapeHtml } from "./escape-html";
+const ALLOWED_TAGS = new Set([
+    "p", "br", "b", "i", "u", "em", "strong", "a",
+    "ul", "ol", "li", "h1", "h2", "h3", "h4", "h5", "h6",
+    "blockquote", "pre", "code", "img", "figure", "figcaption",
+    "table", "colgroup", "col", "thead", "tbody", "tr", "th", "td",
+    "span", "div", "hr", "sub", "sup",
+]);
+const ALLOWED_ATTRS = {
+    a: new Set(["href", "title", "target", "rel"]),
+    img: new Set(["src", "alt", "width", "height"]),
+    table: new Set(["style"]),
+    col: new Set(["style", "width"]),
+    td: new Set(["colspan", "rowspan", "colwidth", "style"]),
+    th: new Set(["colspan", "rowspan", "colwidth", "style"]),
+    div: new Set(["data-pdf-src", "data-pdf-name"]),
+    pre: new Set(["class"]),
+    code: new Set(["class"]),
+    "*": new Set(["class", "id"]),
+};
+const SAFE_URL_PATTERN = /^(?:https?:\/\/|\/[\w])/i;
+export function sanitizeHtml(html) {
+    return String(html || "")
+        .replace(/<script[\s\S]*?<\/script>/gi, "")
+        .replace(/<style[\s\S]*?<\/style>/gi, "")
+        .replace(/<\/?([a-zA-Z][a-zA-Z0-9]*)\b([^>]*)>/g, (match, tag, attrs) => {
+        const lower = tag.toLowerCase();
+        if (!ALLOWED_TAGS.has(lower))
+            return "";
+        const cleanAttrs = sanitizeAttributes(lower, attrs);
+        const isClosing = match.startsWith("</");
+        if (isClosing)
+            return `</${lower}>`;
+        const selfClosing = match.endsWith("/>");
+        return `<${lower}${cleanAttrs}${selfClosing ? " /" : ""}>`;
+    });
+}
+function sanitizeAttributes(tag, attrString) {
+    const allowedForTag = ALLOWED_ATTRS[tag] ?? new Set();
+    const allowedGlobal = ALLOWED_ATTRS["*"] ?? new Set();
+    const result = [];
+    const attrRegex = /([a-zA-Z][\w-]*)\s*=\s*(?:"([^"]*)"|'([^']*)'|(\S+))/g;
+    let m;
+    while ((m = attrRegex.exec(attrString)) !== null) {
+        const name = m[1].toLowerCase();
+        const value = m[2] ?? m[3] ?? m[4] ?? "";
+        if (name.startsWith("on"))
+            continue;
+        if (!allowedForTag.has(name) && !allowedGlobal.has(name))
+            continue;
+        if ((name === "href" || name === "src") && !SAFE_URL_PATTERN.test(value)) {
+            continue;
+        }
+        result.push(` ${name}="${escapeHtml(value)}"`);
+    }
+    return result.join("");
+}
+/**
+ * 레거시 TipTap v2 커스텀 태그를 현재 형식으로 변환.
+ * 에디터 content 로드 전, 또는 게시물 렌더링 전에 호출.
+ * tiptap-file → data-file-id, tiptap-midibus → iframe으로 변환.
+ */
+export function transformLegacyHtml(html) {
+    if (!html)
+        return html;
+    return (html
+        // <tiptap-collapsable title="X">content</tiptap-collapsable>
+        // → <details><summary>X</summary><div>content</div></details>
+        .replace(/<tiptap-collapsable\s+title="([^"]*)">([\s\S]*?)<\/tiptap-collapsable>/gi, '<details><summary>$1</summary><div>$2</div></details>')
+        // <lite-youtube videoid="X" ...></lite-youtube>
+        // → <div data-youtube-video><iframe src="https://www.youtube.com/embed/X" allowfullscreen></iframe></div>
+        .replace(/<lite-youtube\s+videoid="([^"]*)"[^>]*>(?:<\/lite-youtube>)?/gi, '<div data-youtube-video=""><iframe src="https://www.youtube.com/embed/$1" allowfullscreen></iframe></div>')
+        // <embed src="X" type="application/pdf" ...>
+        // → <div data-pdf-src="X" data-pdf-name="filename">
+        .replace(/<embed\s+[^>]*src="([^"]*)"[^>]*type="application\/pdf"[^>]*\/?>/gi, (_match, src) => {
+        const name = src.split("/").pop()?.replace(/\?.*$/, "") || "PDF";
+        return `<div data-pdf-src="${src}" data-pdf-name="${name}"></div>`;
+    })
+        // Also handle reversed attribute order: type before src
+        .replace(/<embed\s+[^>]*type="application\/pdf"[^>]*src="([^"]*)"[^>]*\/?>/gi, (_match, src) => {
+        const name = src.split("/").pop()?.replace(/\?.*$/, "") || "PDF";
+        return `<div data-pdf-src="${src}" data-pdf-name="${name}"></div>`;
+    })
+        // <tiptap-file id="X">text</tiptap-file>
+        // → <div data-file-id="X" data-file-name="text">
+        .replace(/<tiptap-file\s+id="([^"]*)"[^>]*>([^<]*)<\/tiptap-file>/gi, (_match, id, text) => {
+        const name = text.trim() || "\uD30C\uC77C";
+        return `<div data-file-id="${id}" data-file-name="${name}"></div>`;
+    })
+        // <tiptap-midibus id="X" ...></tiptap-midibus> + 뒤따르는 iframe-wrapper 제거
+        // → <div data-youtube-video><iframe src="https://play.mbus.tv/v1/hls/X" allowfullscreen></iframe></div>
+        .replace(/<tiptap-midibus\s+id="([^"]*)"[^>]*>(?:<\/tiptap-midibus>)?/gi, (_match, id) => {
+        return `<div data-youtube-video=""><iframe src="https://play.mbus.tv/v1/hls/${id}" width="100%" height="400" frameborder="0" allowfullscreen="true"></iframe></div>`;
+    })
+        // 미디버스 뒤에 따라오는 빈 iframe-wrapper 제거
+        .replace(/<div\s+class="iframe-wrapper"[^>]*>[\s\S]*?<\/div>/gi, "")
+        // <div class="tiptap-columns"> → <div data-type="columns">
+        .replace(/<div\s+class="tiptap-columns">/gi, '<div data-type="columns">')
+        // <div class="tiptap-column"> → <div data-type="column">
+        .replace(/<div\s+class="tiptap-column">/gi, '<div data-type="column">')
+        // <tiptap-upload-skeleton ...> 제거
+        .replace(/<tiptap-upload-skeleton[^>]*>(?:<\/tiptap-upload-skeleton>)?/gi, ""));
+}
+export function stripHtmlToExcerpt(html, maxLen = 200) {
+    const text = String(html || "")
+        .replace(/<[^>]*>/g, " ")
+        .replace(/&nbsp;/g, " ")
+        .replace(/&amp;/g, "&")
+        .replace(/&lt;/g, "<")
+        .replace(/&gt;/g, ">")
+        .replace(/&quot;/g, '"')
+        .replace(/\s+/g, " ")
+        .trim();
+    return text.length > maxLen ? text.slice(0, maxLen) + "\u2026" : text;
+}

package/dist/utils/sanitize.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=sanitize.test.d.ts.map

package/dist/utils/sanitize.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize.test.d.ts","sourceRoot":"","sources":["../../src/utils/sanitize.test.ts"],"names":[],"mappings":""}

package/dist/utils/sanitize.test.js

@@ -0,0 +1,206 @@
+import { describe, it, expect } from 'vitest';
+import { transformLegacyHtml, sanitizeHtml, stripHtmlToExcerpt } from './sanitize';
+describe('transformLegacyHtml', () => {
+    it('returns empty string for empty input', () => {
+        expect(transformLegacyHtml('')).toBe('');
+    });
+    it('returns null/undefined as-is', () => {
+        // @ts-expect-error testing null
+        expect(transformLegacyHtml(null)).toBe(null);
+        // @ts-expect-error testing undefined
+        expect(transformLegacyHtml(undefined)).toBe(undefined);
+    });
+    it('converts <tiptap-file id="X"> to <div data-file-id="X">', () => {
+        const input = '<tiptap-file id="abc123">report.pdf</tiptap-file>';
+        const result = transformLegacyHtml(input);
+        expect(result).toContain('data-file-id="abc123"');
+        expect(result).toContain('data-file-name="report.pdf"');
+        expect(result).not.toContain('tiptap-file');
+    });
+    it('converts <tiptap-file> with empty text to default name', () => {
+        const input = '<tiptap-file id="abc123">  </tiptap-file>';
+        const result = transformLegacyHtml(input);
+        expect(result).toContain('data-file-name="파일"');
+    });
+    it('converts <tiptap-midibus id="X"> to iframe', () => {
+        const input = '<tiptap-midibus id="vid123"></tiptap-midibus>';
+        const result = transformLegacyHtml(input);
+        expect(result).toContain('data-youtube-video');
+        expect(result).toContain('https://play.mbus.tv/v1/hls/vid123');
+        expect(result).toContain('iframe');
+        expect(result).not.toContain('tiptap-midibus');
+    });
+    it('converts <tiptap-collapsable title="X"> to <details><summary>', () => {
+        const input = '<tiptap-collapsable title="Click me">Hidden content</tiptap-collapsable>';
+        const result = transformLegacyHtml(input);
+        expect(result).toContain('<details>');
+        expect(result).toContain('<summary>Click me</summary>');
+        expect(result).toContain('Hidden content');
+        expect(result).not.toContain('tiptap-collapsable');
+    });
+    it('converts <lite-youtube videoid="X"> to YouTube iframe', () => {
+        const input = '<lite-youtube videoid="dQw4w9WgXcQ" params=""></lite-youtube>';
+        const result = transformLegacyHtml(input);
+        expect(result).toContain('https://www.youtube.com/embed/dQw4w9WgXcQ');
+        expect(result).toContain('data-youtube-video');
+        expect(result).not.toContain('lite-youtube');
+    });
+    it('converts <embed type="application/pdf"> (src before type)', () => {
+        const input = '<embed src="https://example.com/file.pdf" type="application/pdf" />';
+        const result = transformLegacyHtml(input);
+        expect(result).toContain('data-pdf-src="https://example.com/file.pdf"');
+        expect(result).toContain('data-pdf-name="file.pdf"');
+        expect(result).not.toContain('embed');
+    });
+    it('converts <embed type="application/pdf"> (type before src)', () => {
+        const input = '<embed type="application/pdf" src="https://example.com/doc.pdf" />';
+        const result = transformLegacyHtml(input);
+        expect(result).toContain('data-pdf-src="https://example.com/doc.pdf"');
+        expect(result).toContain('data-pdf-name="doc.pdf"');
+    });
+    it('converts <div class="tiptap-columns"> to <div data-type="columns">', () => {
+        const input = '<div class="tiptap-columns"><div class="tiptap-column">A</div></div>';
+        const result = transformLegacyHtml(input);
+        expect(result).toContain('data-type="columns"');
+        expect(result).toContain('data-type="column"');
+        expect(result).not.toContain('tiptap-columns');
+        expect(result).not.toContain('tiptap-column');
+    });
+    it('removes <tiptap-upload-skeleton>', () => {
+        const input = '<p>Before</p><tiptap-upload-skeleton data-id="x"></tiptap-upload-skeleton><p>After</p>';
+        const result = transformLegacyHtml(input);
+        expect(result).not.toContain('tiptap-upload-skeleton');
+        expect(result).toContain('Before');
+        expect(result).toContain('After');
+    });
+    it('removes iframe-wrapper divs after midibus conversion', () => {
+        const input = '<tiptap-midibus id="vid"></tiptap-midibus><div class="iframe-wrapper"><iframe></iframe></div>';
+        const result = transformLegacyHtml(input);
+        expect(result).not.toContain('iframe-wrapper');
+    });
+    it('parses margin-left: 40px via Indent extension (not transformLegacyHtml itself)', () => {
+        // transformLegacyHtml does NOT handle margin-left; the Indent extension does.
+        // This just verifies the function passes through margin-left style unchanged.
+        const input = '<p style="margin-left: 40px">Indented</p>';
+        const result = transformLegacyHtml(input);
+        expect(result).toContain('margin-left: 40px');
+    });
+    it('passes through normal HTML unchanged', () => {
+        const input = '<p>Hello <strong>world</strong></p>';
+        const result = transformLegacyHtml(input);
+        expect(result).toBe(input);
+    });
+});
+describe('sanitizeHtml', () => {
+    it('strips script tags', () => {
+        const input = '<p>Hello</p><script>alert("xss")</script><p>World</p>';
+        const result = sanitizeHtml(input);
+        expect(result).not.toContain('script');
+        expect(result).not.toContain('alert');
+        expect(result).toContain('<p>Hello</p>');
+        expect(result).toContain('<p>World</p>');
+    });
+    it('strips style tags', () => {
+        const input = '<style>body{color:red}</style><p>Text</p>';
+        const result = sanitizeHtml(input);
+        expect(result).not.toContain('style');
+        expect(result).toContain('<p>Text</p>');
+    });
+    it('keeps allowed tags', () => {
+        const input = '<p>Hello <strong>world</strong> <em>!</em></p>';
+        const result = sanitizeHtml(input);
+        expect(result).toContain('<p>');
+        expect(result).toContain('<strong>');
+        expect(result).toContain('<em>');
+    });
+    it('removes disallowed tags but keeps content', () => {
+        const input = '<p>Hello</p><form><input type="text"></form>';
+        const result = sanitizeHtml(input);
+        expect(result).not.toContain('form');
+        expect(result).not.toContain('input');
+        expect(result).toContain('<p>Hello</p>');
+    });
+    it('handles empty/null input', () => {
+        expect(sanitizeHtml('')).toBe('');
+        // @ts-expect-error testing null
+        expect(sanitizeHtml(null)).toBe('');
+        // @ts-expect-error testing undefined
+        expect(sanitizeHtml(undefined)).toBe('');
+    });
+    it('strips on* event handlers', () => {
+        const input = '<p onclick="alert(1)">Click</p>';
+        const result = sanitizeHtml(input);
+        expect(result).not.toContain('onclick');
+        expect(result).toContain('<p>');
+    });
+    it('allows safe href attributes on links', () => {
+        const input = '<a href="https://example.com" title="link">Link</a>';
+        const result = sanitizeHtml(input);
+        expect(result).toContain('href=');
+        expect(result).toContain('title=');
+    });
+    it('strips javascript: URLs', () => {
+        const input = '<a href="javascript:alert(1)">Bad</a>';
+        const result = sanitizeHtml(input);
+        expect(result).not.toContain('javascript:');
+    });
+    it('allows img with src', () => {
+        const input = '<img src="https://example.com/img.png" alt="test">';
+        const result = sanitizeHtml(input);
+        expect(result).toContain('src=');
+        expect(result).toContain('alt=');
+    });
+    it('preserves data-pdf-src on div', () => {
+        const input = '<div data-pdf-src="https://example.com/file.pdf" data-pdf-name="file.pdf"></div>';
+        const result = sanitizeHtml(input);
+        expect(result).toContain('data-pdf-src=');
+        expect(result).toContain('data-pdf-name=');
+    });
+    it('preserves table-related attributes', () => {
+        const input = '<td colspan="2" rowspan="1">Cell</td>';
+        const result = sanitizeHtml(input);
+        expect(result).toContain('colspan=');
+        expect(result).toContain('rowspan=');
+    });
+});
+describe('stripHtmlToExcerpt', () => {
+    it('strips all HTML tags', () => {
+        const input = '<p>Hello <strong>world</strong></p>';
+        const result = stripHtmlToExcerpt(input);
+        expect(result).toBe('Hello world');
+    });
+    it('truncates to specified length', () => {
+        const input = '<p>' + 'a'.repeat(300) + '</p>';
+        const result = stripHtmlToExcerpt(input, 100);
+        expect(result.length).toBe(101); // 100 chars + ellipsis
+        expect(result.endsWith('\u2026')).toBe(true);
+    });
+    it('truncates to default 200 length', () => {
+        const input = '<p>' + 'b'.repeat(300) + '</p>';
+        const result = stripHtmlToExcerpt(input);
+        expect(result.length).toBe(201); // 200 + ellipsis
+    });
+    it('does not truncate short text', () => {
+        const input = '<p>Short</p>';
+        const result = stripHtmlToExcerpt(input);
+        expect(result).toBe('Short');
+    });
+    it('handles empty input', () => {
+        expect(stripHtmlToExcerpt('')).toBe('');
+        // @ts-expect-error testing null
+        expect(stripHtmlToExcerpt(null)).toBe('');
+    });
+    it('decodes HTML entities', () => {
+        const input = '&amp; &lt; &gt; &quot; &nbsp;';
+        const result = stripHtmlToExcerpt(input);
+        expect(result).toContain('&');
+        expect(result).toContain('<');
+        expect(result).toContain('>');
+        expect(result).toContain('"');
+    });
+    it('collapses whitespace', () => {
+        const input = '<p>Hello   \n\t  world</p>';
+        const result = stripHtmlToExcerpt(input);
+        expect(result).toBe('Hello world');
+    });
+});

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@teriusu/rich-editor",
+  "version": "0.4.1",
+  "description": "TipTap 기반 Notion-style 리치 텍스트 에디터 (Svelte)",
+  "type": "module",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles": {
+      "style": "./dist/styles/editor.css",
+      "default": "./dist/styles/editor.css"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "svelte-package -i src",
+    "dev": "svelte-package -i src --watch",
+    "dev:preview": "vite --config vite.config.dev.ts",
+    "test": "vitest run"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "dependencies": {
+    "@tiptap/core": "^3.20.4",
+    "@tiptap/extension-bubble-menu": "^3.20.4",
+    "@tiptap/extension-character-count": "^3.21.0",
+    "@tiptap/extension-code-block-lowlight": "^3.20.5",
+    "@tiptap/extension-color": "^3.20.4",
+    "@tiptap/extension-details": "^3.21.0",
+    "@tiptap/extension-details-content": "^3.0.0-beta.11",
+    "@tiptap/extension-details-summary": "^3.0.0-beta.11",
+    "@tiptap/extension-file-handler": "^3.21.0",
+    "@tiptap/extension-focus": "^3.21.0",
+    "@tiptap/extension-highlight": "^3.20.4",
+    "@tiptap/extension-image": "^3.20.4",
+    "@tiptap/extension-link": "^3.20.4",
+    "@tiptap/extension-placeholder": "^3.20.4",
+    "@tiptap/extension-subscript": "^3.21.0",
+    "@tiptap/extension-superscript": "^3.21.0",
+    "@tiptap/extension-table": "^3.20.5",
+    "@tiptap/extension-table-cell": "^3.20.5",
+    "@tiptap/extension-table-header": "^3.20.5",
+    "@tiptap/extension-table-row": "^3.20.5",
+    "@tiptap/extension-task-item": "^3.21.0",
+    "@tiptap/extension-task-list": "^3.21.0",
+    "@tiptap/extension-text-align": "^3.20.4",
+    "@tiptap/extension-text-style": "^3.20.4",
+    "@tiptap/extension-typography": "^3.21.0",
+    "@tiptap/extension-underline": "^3.20.4",
+    "@tiptap/extension-youtube": "^3.21.0",
+    "@tiptap/pm": "^3.20.4",
+    "@tiptap/starter-kit": "^3.22.0",
+    "clsx": "^2.1.1",
+    "highlight.js": "^11.11.1",
+    "lowlight": "^3.3.0",
+    "lucide-svelte": "^0.477.0",
+    "tailwind-merge": "^3.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.3.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "jsdom": "^29.0.1",
+    "svelte": "^5.0.0",
+    "typescript": "^5.7.0",
+    "vite": "^6.0.0",
+    "vitest": "^4.1.2"
+  }
+}