@teriusu/rich-editor 0.5.2 → 0.5.3

package/dist/utils/sanitize.d.ts

@@ -2,7 +2,7 @@ export declare function sanitizeHtml(html: string): string;
 /**
  * 레거시 TipTap v2 커스텀 태그를 현재 형식으로 변환.
  * 에디터 content 로드 전, 또는 게시물 렌더링 전에 호출.
- * tiptap-file → data-file-id, tiptap-midibus → iframe으로 변환.
+ * tiptap-file → data-file-id 변환. tiptap-midibus는 호스트 앱이 처리.
  */
 export declare function transformLegacyHtml(html: string): string;
 export declare function stripHtmlToExcerpt(html: string, maxLen?: number): string;

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

@@ -1 +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"}
+{"version":3,"file":"sanitize.d.ts","sourceRoot":"","sources":["../../src/utils/sanitize.ts"],"names":[],"mappings":"AA2BA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAcjD;AA0BD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA4DxD;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,SAAM,GAAG,MAAM,CAWrE"}

package/dist/utils/sanitize.js

@@ -5,6 +5,7 @@ const ALLOWED_TAGS = new Set([
     "blockquote", "pre", "code", "img", "figure", "figcaption",
     "table", "colgroup", "col", "thead", "tbody", "tr", "th", "td",
     "span", "div", "hr", "sub", "sup",
+    "tiptap-midibus",
 ]);
 const ALLOWED_ATTRS = {
     a: new Set(["href", "title", "target", "rel"]),
@@ -16,6 +17,7 @@ const ALLOWED_ATTRS = {
     div: new Set(["data-pdf-src", "data-pdf-name"]),
     pre: new Set(["class"]),
     code: new Set(["class"]),
+    "tiptap-midibus": new Set(["id", "start", "uuid", "width", "height"]),
     "*": new Set(["class", "id"]),
 };
 const SAFE_URL_PATTERN = /^(?:https?:\/\/|\/[\w])/i;
@@ -58,7 +60,7 @@ function sanitizeAttributes(tag, attrString) {
 /**
  * 레거시 TipTap v2 커스텀 태그를 현재 형식으로 변환.
  * 에디터 content 로드 전, 또는 게시물 렌더링 전에 호출.
- * tiptap-file → data-file-id, tiptap-midibus → iframe으로 변환.
+ * tiptap-file → data-file-id 변환. tiptap-midibus는 호스트 앱이 처리.
  */
 export function transformLegacyHtml(html) {
     if (!html)
@@ -87,13 +89,6 @@ export function transformLegacyHtml(html) {
         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">

package/dist/utils/sanitize.test.js

@@ -22,13 +22,11 @@ describe('transformLegacyHtml', () => {
         const result = transformLegacyHtml(input);
         expect(result).toContain('data-file-name="파일"');
     });
-    it('converts <tiptap-midibus id="X"> to iframe', () => {
+    it('preserves <tiptap-midibus> for host app custom extension', () => {
         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');
+        expect(result).toContain('tiptap-midibus');
+        expect(result).toContain('id="vid123"');
     });
     it('converts <tiptap-collapsable title="X"> to <details><summary>', () => {
         const input = '<tiptap-collapsable title="Click me">Hidden content</tiptap-collapsable>';
@@ -73,10 +71,10 @@ describe('transformLegacyHtml', () => {
         expect(result).toContain('Before');
         expect(result).toContain('After');
     });
-    it('removes iframe-wrapper divs after midibus conversion', () => {
+    it('preserves midibus with trailing iframe-wrapper intact', () => {
         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');
+        expect(result).toContain('tiptap-midibus');
     });
     it('parses margin-left: 40px via Indent extension (not transformLegacyHtml itself)', () => {
         // transformLegacyHtml does NOT handle margin-left; the Indent extension does.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teriusu/rich-editor",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "TipTap 기반 Notion-style 리치 텍스트 에디터 (Svelte)",
   "type": "module",
   "svelte": "./dist/index.js",