@yiitap/extension-video 0.5.0 → 0.7.0

package/dist/index.cjs

@@ -1,4 +1,6 @@
 "use strict";/**
  *  Copyright 2025 Yiitap 
  *  @license MIT
-**/Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@tiptap/core"),n=/(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,i=r.Node.create({name:"video",draggable:!0,addOptions(){return{inline:!1,HTMLAttributes:{}}},inline(){return this.options.inline},group(){return this.options.inline?"inline":"block"},addAttributes(){return{caption:{default:"",rendered:!1},src:{default:null,parseHTML:e=>e.firstElementChild?.src??""}}},parseHTML(){return[{tag:"video"}]},renderHTML({node:e,HTMLAttributes:t}){return["video",{caption:e.attrs.caption},["source",r.mergeAttributes(this.options.HTMLAttributes,t)]]},addCommands(){return{setVideo:e=>({commands:t})=>t.insertContent({type:this.name,attrs:e})}},addInputRules(){return[r.nodeInputRule({find:n,type:this.type,getAttributes:e=>{const[t]=e;return{src:t}}})]}});exports.Video=i;exports.default=i;exports.inputRegex=n;
+**/Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@tiptap/core"),c=/(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,a=n.Node.create({name:"video",draggable:!0,addOptions(){return{inline:!1,HTMLAttributes:{}}},inline(){return this.options.inline},group(){return this.options.inline?"inline":"block"},addAttributes(){return{caption:{default:"",rendered:!1},src:{default:null,parseHTML:t=>t.firstElementChild?.src??""}}},parseHTML(){return[{tag:"video"}]},renderHTML({node:t,HTMLAttributes:e}){return["video",{caption:t.attrs.caption},["source",n.mergeAttributes(this.options.HTMLAttributes,e)]]},parseMarkdown:(t,e)=>{if(t.type==="html_block"||t.type==="html_inline"){const r=t.content,i=r.match(/<video\b([^>]*)>/i);if(!i)return{};const u=i[1],s=r.match(/<source\s+src="([^"]+)"/i),o=u.match(/caption="([^"]*)"/i);if(s)return e.createNode("video",{src:s[1],caption:o?o[1]:""})}return{}},renderMarkdown:t=>{const e=t.attrs?.src??"";return`<video caption="${t.attrs?.caption??""}" controls>
+  <source src="${e}">
+</video>`},addCommands(){return{setVideo:t=>({commands:e})=>e.insertContent({type:this.name,attrs:t})}},addInputRules(){return[n.nodeInputRule({find:c,type:this.type,getAttributes:t=>{const[e]=t;return{src:e}}})]}});exports.Video=a;exports.default=a;exports.inputRegex=c;

package/dist/index.js

@@ -1,4 +1,6 @@
-var Video=function(n,r){"use strict";/**
+var Video=function(r,i){"use strict";/**
  *  Copyright 2025 Yiitap 
  *  @license MIT
-**/const i=/(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,s=r.Node.create({name:"video",draggable:!0,addOptions(){return{inline:!1,HTMLAttributes:{}}},inline(){return this.options.inline},group(){return this.options.inline?"inline":"block"},addAttributes(){return{caption:{default:"",rendered:!1},src:{default:null,parseHTML:e=>e.firstElementChild?.src??""}}},parseHTML(){return[{tag:"video"}]},renderHTML({node:e,HTMLAttributes:t}){return["video",{caption:e.attrs.caption},["source",r.mergeAttributes(this.options.HTMLAttributes,t)]]},addCommands(){return{setVideo:e=>({commands:t})=>t.insertContent({type:this.name,attrs:e})}},addInputRules(){return[r.nodeInputRule({find:i,type:this.type,getAttributes:e=>{const[t]=e;return{src:t}}})]}});return n.Video=s,n.default=s,n.inputRegex=i,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),n}({},TiptapCore);
+**/const s=/(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/,o=i.Node.create({name:"video",draggable:!0,addOptions(){return{inline:!1,HTMLAttributes:{}}},inline(){return this.options.inline},group(){return this.options.inline?"inline":"block"},addAttributes(){return{caption:{default:"",rendered:!1},src:{default:null,parseHTML:t=>t.firstElementChild?.src??""}}},parseHTML(){return[{tag:"video"}]},renderHTML({node:t,HTMLAttributes:e}){return["video",{caption:t.attrs.caption},["source",i.mergeAttributes(this.options.HTMLAttributes,e)]]},parseMarkdown:(t,e)=>{if(t.type==="html_block"||t.type==="html_inline"){const n=t.content,c=n.match(/<video\b([^>]*)>/i);if(!c)return{};const d=c[1],a=n.match(/<source\s+src="([^"]+)"/i),u=d.match(/caption="([^"]*)"/i);if(a)return e.createNode("video",{src:a[1],caption:u?u[1]:""})}return{}},renderMarkdown:t=>{const e=t.attrs?.src??"";return`<video caption="${t.attrs?.caption??""}" controls>
+  <source src="${e}">
+</video>`},addCommands(){return{setVideo:t=>({commands:e})=>e.insertContent({type:this.name,attrs:t})}},addInputRules(){return[i.nodeInputRule({find:s,type:this.type,getAttributes:t=>{const[e]=t;return{src:e}}})]}});return r.Video=o,r.default=o,r.inputRegex=s,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),r}({},TiptapCore);

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { Node as r, nodeInputRule as n, mergeAttributes as i } from "@tiptap/core";
+import { Node as c, nodeInputRule as a, mergeAttributes as d } from "@tiptap/core";
 /**
  *  Copyright 2025 Yiitap 
  *  @license MIT
 **/
-const s = /(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, d = r.create({
+const u = /(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, l = c.create({
   name: "video",
   draggable: !0,
   addOptions() {
@@ -44,9 +44,28 @@ const s = /(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, d = r.create({
       {
         caption: t.attrs.caption
       },
-      ["source", i(this.options.HTMLAttributes, e)]
+      ["source", d(this.options.HTMLAttributes, e)]
     ];
   },
+  parseMarkdown: (t, e) => {
+    if (t.type === "html_block" || t.type === "html_inline") {
+      const r = t.content, n = r.match(/<video\b([^>]*)>/i);
+      if (!n) return {};
+      const o = n[1], i = r.match(/<source\s+src="([^"]+)"/i), s = o.match(/caption="([^"]*)"/i);
+      if (i)
+        return e.createNode("video", {
+          src: i[1],
+          caption: s ? s[1] : ""
+        });
+    }
+    return {};
+  },
+  renderMarkdown: (t) => {
+    const e = t.attrs?.src ?? "";
+    return `<video caption="${t.attrs?.caption ?? ""}" controls>
+  <source src="${e}">
+</video>`;
+  },
   addCommands() {
     return {
       setVideo: (t) => ({ commands: e }) => e.insertContent({
@@ -57,8 +76,8 @@ const s = /(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, d = r.create({
   },
   addInputRules() {
     return [
-      n({
-        find: s,
+      a({
+        find: u,
         type: this.type,
         getAttributes: (t) => {
           const [e] = t;
@@ -69,7 +88,7 @@ const s = /(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, d = r.create({
   }
 });
 export {
-  d as Video,
-  d as default,
-  s as inputRegex
+  l as Video,
+  l as default,
+  u as inputRegex
 };

package/dist/types/video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAA;AAEnE,eAAO,MAAM,UAAU,QAAqD,CAAA;AAE5E,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,UAAU,CAAA;SACvC,CAAA;KACF;CACF;AAED,eAAO,MAAM,KAAK,gBAiFhB,CAAA"}
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAA;AAEnE,eAAO,MAAM,UAAU,QAAqD,CAAA;AAE5E,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,UAAU,CAAA;SACvC,CAAA;KACF;CACF;AAED,eAAO,MAAM,KAAK,gBA4GhB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yiitap/extension-video",
   "description": "Video extension",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "private": false,
   "author": {
     "name": "Yiitap",
@@ -26,8 +26,8 @@
   ],
   "dependencies": {},
   "peerDependencies": {
-    "@tiptap/core": "^3.7.0",
-    "@tiptap/pm": "^3.7.0"
+    "@tiptap/core": "^3.7.2",
+    "@tiptap/pm": "^3.7.2"
   },
   "devDependencies": {},
   "scripts": {

package/src/video.ts

@@ -65,6 +65,33 @@ export const Video = Node.create({
     ]
   },
 
+  parseMarkdown: (token, helpers) => {
+    if (token.type === 'html_block' || token.type === 'html_inline') {
+      const html = token.content
+      const videoMatch = html.match(/<video\b([^>]*)>/i)
+      if (!videoMatch) return {}
+
+      const attrsStr = videoMatch[1]
+      const srcMatch = html.match(/<source\s+src="([^"]+)"/i)
+      const captionMatch = attrsStr.match(/caption="([^"]*)"/i)
+      if (srcMatch) {
+        return helpers.createNode('video', {
+          src: srcMatch[1],
+          caption: captionMatch ? captionMatch[1] : '',
+        })
+      }
+    }
+    return {}
+  },
+
+  renderMarkdown: (node) => {
+    const src = node.attrs?.src ?? ''
+    const caption = node.attrs?.caption ?? ''
+    return `<video caption="${caption}" controls>
+  <source src="${src}">
+</video>`
+  },
+
   addCommands() {
     return {
       setVideo: