@teriusu/rich-editor 0.7.1 → 0.7.2

package/dist/extensions/VideoBlock.d.ts

@@ -1,16 +0,0 @@
-import { Node } from "@tiptap/core";
-export interface VideoBlockOptions {
-    HTMLAttributes: Record<string, unknown>;
-}
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        videoBlock: {
-            setVideoBlock: (attrs: {
-                src: string;
-                name?: string;
-            }) => ReturnType;
-        };
-    }
-}
-export declare const VideoBlock: Node<VideoBlockOptions, any>;
-//# sourceMappingURL=VideoBlock.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VideoBlock.d.ts","sourceRoot":"","sources":["../../src/extensions/VideoBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,UAAU,EAAE;YACV,aAAa,EAAE,CAAC,KAAK,EAAE;gBAAE,GAAG,EAAE,MAAM,CAAC;gBAAC,IAAI,CAAC,EAAE,MAAM,CAAA;aAAE,KAAK,UAAU,CAAC;SACtE,CAAC;KACH;CACF;AAED,eAAO,MAAM,UAAU,8BAkGrB,CAAC"}

package/dist/extensions/VideoBlock.js

@@ -1,87 +0,0 @@
-import { Node, mergeAttributes } from "@tiptap/core";
-export const VideoBlock = Node.create({
-    name: "videoBlock",
-    group: "block",
-    atom: true,
-    draggable: true,
-    addOptions() {
-        return { HTMLAttributes: {} };
-    },
-    addAttributes() {
-        return {
-            src: { default: null },
-            name: { default: "" },
-        };
-    },
-    parseHTML() {
-        return [
-            {
-                tag: 'div[data-video-src]',
-                getAttrs: (dom) => {
-                    const el = dom;
-                    return {
-                        src: el.getAttribute("data-video-src"),
-                        name: el.getAttribute("data-video-name") || "",
-                    };
-                },
-            },
-        ];
-    },
-    renderHTML({ HTMLAttributes }) {
-        return [
-            "div",
-            mergeAttributes(this.options.HTMLAttributes, {
-                "data-video-src": HTMLAttributes.src,
-                "data-video-name": HTMLAttributes.name || "",
-            }),
-        ];
-    },
-    addNodeView() {
-        return ({ node, editor }) => {
-            const dom = document.createElement("div");
-            dom.style.cssText = "margin:8px 0;position:relative;";
-            const video = document.createElement("video");
-            video.src = node.attrs.src;
-            video.controls = true;
-            video.preload = "metadata";
-            video.style.cssText =
-                "width:100%;max-height:480px;border-radius:8px;background:#0b1020;";
-            video.setAttribute("controlslist", "nodownload");
-            video.setAttribute("playsinline", "");
-            dom.appendChild(video);
-            if (node.attrs.name) {
-                const label = document.createElement("p");
-                label.textContent = node.attrs.name;
-                label.style.cssText =
-                    "margin:4px 0 0;font-size:12px;color:var(--muted-foreground, #718096);";
-                dom.appendChild(label);
-            }
-            if (editor.isEditable) {
-                const del = document.createElement("button");
-                del.type = "button";
-                del.textContent = "\u00D7";
-                del.style.cssText =
-                    "position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;background:rgba(0,0,0,0.6);color:#fff;font-size:18px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;";
-                del.addEventListener("mouseenter", () => {
-                    del.style.background = "var(--destructive, #FF6B6B)";
-                });
-                del.addEventListener("mouseleave", () => {
-                    del.style.background = "rgba(0,0,0,0.6)";
-                });
-                del.addEventListener("click", () => {
-                    const pos = editor.view.posAtDOM(dom, 0);
-                    editor.chain().focus().deleteRange({ from: pos, to: pos + 1 }).run();
-                });
-                dom.appendChild(del);
-            }
-            return { dom };
-        };
-    },
-    addCommands() {
-        return {
-            setVideoBlock: (attrs) => ({ chain }) => {
-                return chain().insertContent({ type: this.name, attrs }).run();
-            },
-        };
-    },
-});

package/dist/extensions/VideoBlock.test.d.ts

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

package/dist/extensions/VideoBlock.test.d.ts.map

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

package/dist/extensions/VideoBlock.test.js

@@ -1,54 +0,0 @@
-import { describe, it, expect, afterEach } from 'vitest';
-import { Editor } from '@tiptap/core';
-import StarterKit from '@tiptap/starter-kit';
-import { VideoBlock } from './VideoBlock';
-describe('VideoBlock extension', () => {
-    let editor;
-    function createEditor(content = '<p></p>') {
-        editor = new Editor({
-            element: document.createElement('div'),
-            extensions: [StarterKit, VideoBlock],
-            content
-        });
-        return editor;
-    }
-    afterEach(() => {
-        editor?.destroy();
-    });
-    it('registers with name "videoBlock"', () => {
-        createEditor();
-        const ext = editor.extensionManager.extensions.find((e) => e.name === 'videoBlock');
-        expect(ext).toBeDefined();
-    });
-    it('parses <div data-video-src="url">', () => {
-        createEditor('<div data-video-src="https://example.com/video.mp4" data-video-name="demo"></div>');
-        const doc = editor.getJSON();
-        const videoNode = doc.content?.find((n) => n.type === 'videoBlock');
-        expect(videoNode).toBeDefined();
-        expect(videoNode?.attrs?.src).toBe('https://example.com/video.mp4');
-        expect(videoNode?.attrs?.name).toBe('demo');
-    });
-    it('renders correct HTML', () => {
-        createEditor('<div data-video-src="https://example.com/video.mp4" data-video-name="demo"></div>');
-        const html = editor.getHTML();
-        expect(html).toContain('data-video-src="https://example.com/video.mp4"');
-        expect(html).toContain('data-video-name="demo"');
-    });
-    it('defaults name to empty string', () => {
-        createEditor('<div data-video-src="https://example.com/video.mp4"></div>');
-        const doc = editor.getJSON();
-        const videoNode = doc.content?.find((n) => n.type === 'videoBlock');
-        expect(videoNode?.attrs?.name).toBe('');
-    });
-    it('inserts via setVideoBlock command', () => {
-        createEditor();
-        editor.commands.setVideoBlock({
-            src: 'https://example.com/v.mp4',
-            name: 'My Video'
-        });
-        const doc = editor.getJSON();
-        const videoNode = doc.content?.find((n) => n.type === 'videoBlock');
-        expect(videoNode).toBeDefined();
-        expect(videoNode?.attrs?.src).toBe('https://example.com/v.mp4');
-    });
-});