@teriusu/rich-editor 0.7.0 → 0.7.1

package/dist/extensions/MbusVideo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MbusVideo.d.ts","sourceRoot":"","sources":["../../src/extensions/MbusVideo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAChC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED,OAAO,QAAQ,cAAc,CAAC;IAC7B,UAAU,QAAQ,CAAC,UAAU;QAC5B,SAAS,EAAE;YACV,YAAY,EAAE,CAAC,KAAK,EAAE;gBAAE,GAAG,EAAE,MAAM,CAAC;gBAAC,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,KAAK,UAAU,CAAC;SACrE,CAAC;KACF;CACD;AAgCD,eAAO,MAAM,SAAS,6BAqKpB,CAAC"}
+{"version":3,"file":"MbusVideo.d.ts","sourceRoot":"","sources":["../../src/extensions/MbusVideo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAChC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED,OAAO,QAAQ,cAAc,CAAC;IAC7B,UAAU,QAAQ,CAAC,UAAU;QAC5B,SAAS,EAAE;YACV,YAAY,EAAE,CAAC,KAAK,EAAE;gBAAE,GAAG,EAAE,MAAM,CAAC;gBAAC,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,KAAK,UAAU,CAAC;SACrE,CAAC;KACF;CACD;AAED,eAAO,MAAM,SAAS,6BA0KpB,CAAC"}

package/dist/extensions/MbusVideo.js

@@ -1,35 +1,4 @@
 import { Node, mergeAttributes } from "@tiptap/core";
-function attachHls(video, src) {
-    if (video.canPlayType("application/vnd.apple.mpegurl")) {
-        video.src = src;
-        return { destroy: () => { } };
-    }
-    let hls = null;
-    let cancelled = false;
-    import("hls.js")
-        .then(({ default: Hls }) => {
-        if (cancelled)
-            return;
-        if (!Hls.isSupported()) {
-            video.src = src;
-            return;
-        }
-        const instance = new Hls();
-        instance.loadSource(src);
-        instance.attachMedia(video);
-        hls = instance;
-    })
-        .catch(() => {
-        if (!cancelled)
-            video.src = src;
-    });
-    return {
-        destroy: () => {
-            cancelled = true;
-            hls?.destroy();
-        }
-    };
-}
 export const MbusVideo = Node.create({
     name: "mbusVideo",
     group: "block",
@@ -76,15 +45,20 @@ export const MbusVideo = Node.create({
             dom.style.cssText = "margin:8px 0;position:relative;box-sizing:border-box;max-width:100%;";
             if (node.attrs.width)
                 dom.style.width = node.attrs.width;
-            const video = document.createElement("video");
-            video.controls = true;
-            video.preload = "metadata";
-            video.setAttribute("controlslist", "nodownload");
-            video.setAttribute("playsinline", "");
-            video.style.cssText =
-                "width:100%;height:auto;border-radius:8px;background:#0b1020;display:block;";
-            dom.appendChild(video);
-            const handle = node.attrs.src ? attachHls(video, node.attrs.src) : null;
+            const aspect = document.createElement("div");
+            aspect.style.cssText =
+                "position:relative;width:100%;padding-top:56.25%;background:#0b1020;border-radius:8px;overflow:hidden;";
+            dom.appendChild(aspect);
+            if (node.attrs.src) {
+                const iframe = document.createElement("iframe");
+                iframe.src = node.attrs.src;
+                iframe.allow = "autoplay; fullscreen; encrypted-media; picture-in-picture";
+                iframe.setAttribute("allowfullscreen", "");
+                iframe.setAttribute("loading", "lazy");
+                iframe.style.cssText =
+                    "position:absolute;inset:0;width:100%;height:100%;border:0;display:block;";
+                aspect.appendChild(iframe);
+            }
             if (editor.isEditable) {
                 const del = document.createElement("button");
                 del.type = "button";
@@ -171,7 +145,7 @@ export const MbusVideo = Node.create({
                     dom.style.width = w || "";
                     return true;
                 },
-                destroy: () => handle?.destroy()
+                destroy: () => { }
             };
         };
     },

package/package.json

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