@edifice.io/tiptap-extensions 2.0.0-develop-rc.7 → 2.0.0-develop-rc.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/abbr/abbr.cjs +1 -1
- package/dist/abbr/abbr.cjs.map +1 -1
- package/dist/abbr/abbr.js +7 -7
- package/dist/abbr/abbr.js.map +1 -1
- package/dist/alert/alert.cjs +1 -1
- package/dist/alert/alert.cjs.map +1 -1
- package/dist/alert/alert.js +6 -6
- package/dist/alert/alert.js.map +1 -1
- package/dist/attachment/attachment.cjs +1 -1
- package/dist/attachment/attachment.cjs.map +1 -1
- package/dist/attachment/attachment.js +29 -29
- package/dist/attachment/attachment.js.map +1 -1
- package/dist/audio/audio.cjs +3 -3
- package/dist/audio/audio.cjs.map +1 -1
- package/dist/audio/audio.js +16 -16
- package/dist/audio/audio.js.map +1 -1
- package/dist/font-size/font-size.cjs +1 -1
- package/dist/font-size/font-size.cjs.map +1 -1
- package/dist/font-size/font-size.js +10 -10
- package/dist/font-size/font-size.js.map +1 -1
- package/dist/heading/heading.cjs +1 -1
- package/dist/heading/heading.cjs.map +1 -1
- package/dist/heading/heading.js +20 -20
- package/dist/heading/heading.js.map +1 -1
- package/dist/highlight/highlight.cjs +1 -1
- package/dist/highlight/highlight.cjs.map +1 -1
- package/dist/highlight/highlight.js +9 -9
- package/dist/highlight/highlight.js.map +1 -1
- package/dist/hyperlink/hyperlink.cjs +1 -1
- package/dist/hyperlink/hyperlink.cjs.map +1 -1
- package/dist/hyperlink/hyperlink.js +13 -13
- package/dist/hyperlink/hyperlink.js.map +1 -1
- package/dist/iframe/iframe.cjs +1 -1
- package/dist/iframe/iframe.cjs.map +1 -1
- package/dist/iframe/iframe.js +17 -17
- package/dist/iframe/iframe.js.map +1 -1
- package/dist/image/custom-image.cjs +1 -1
- package/dist/image/custom-image.cjs.map +1 -1
- package/dist/image/custom-image.js +51 -51
- package/dist/image/custom-image.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +41 -41
- package/dist/line-height/line-height.cjs +1 -1
- package/dist/line-height/line-height.cjs.map +1 -1
- package/dist/line-height/line-height.js +8 -8
- package/dist/line-height/line-height.js.map +1 -1
- package/dist/linker/linker.cjs +1 -1
- package/dist/linker/linker.cjs.map +1 -1
- package/dist/linker/linker.js +16 -16
- package/dist/linker/linker.js.map +1 -1
- package/dist/mathjax/mathjax.cjs +1 -1
- package/dist/mathjax/mathjax.cjs.map +1 -1
- package/dist/mathjax/mathjax.js +9 -9
- package/dist/mathjax/mathjax.js.map +1 -1
- package/dist/paragraph/paragraph.cjs +1 -1
- package/dist/paragraph/paragraph.cjs.map +1 -1
- package/dist/paragraph/paragraph.js +5 -5
- package/dist/paragraph/paragraph.js.map +1 -1
- package/dist/speech-recognition/speech-recognition.cjs +1 -1
- package/dist/speech-recognition/speech-recognition.cjs.map +1 -1
- package/dist/speech-recognition/speech-recognition.js +29 -29
- package/dist/speech-recognition/speech-recognition.js.map +1 -1
- package/dist/speech-synthesis/speech-synthesis.cjs +1 -1
- package/dist/speech-synthesis/speech-synthesis.cjs.map +1 -1
- package/dist/speech-synthesis/speech-synthesis.js +8 -8
- package/dist/speech-synthesis/speech-synthesis.js.map +1 -1
- package/dist/table-cell/table-cell.cjs +1 -1
- package/dist/table-cell/table-cell.cjs.map +1 -1
- package/dist/table-cell/table-cell.js +10 -10
- package/dist/table-cell/table-cell.js.map +1 -1
- package/dist/transform/html-to-json/html-to-json.cjs +1 -1
- package/dist/transform/html-to-json/html-to-json.cjs.map +1 -1
- package/dist/transform/html-to-json/html-to-json.js +3 -3
- package/dist/transform/html-to-json/html-to-json.js.map +1 -1
- package/dist/transform/json-to-html/json-to-html.cjs +1 -1
- package/dist/transform/json-to-html/json-to-html.cjs.map +1 -1
- package/dist/transform/json-to-html/json-to-html.js +3 -3
- package/dist/transform/json-to-html/json-to-html.js.map +1 -1
- package/dist/video/video.cjs +9 -9
- package/dist/video/video.cjs.map +1 -1
- package/dist/video/video.js +40 -40
- package/dist/video/video.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { Node } from "@tiptap/core";
|
|
5
|
-
class
|
|
1
|
+
var g = Object.defineProperty;
|
|
2
|
+
var d = (e, t, i) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
|
|
3
|
+
var a = (e, t, i) => d(e, typeof t != "symbol" ? t + "" : t, i);
|
|
4
|
+
import { Node as h } from "@tiptap/core";
|
|
5
|
+
class l extends h {
|
|
6
6
|
constructor() {
|
|
7
7
|
super();
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
a(this, "recognition");
|
|
9
|
+
a(this, "isStarted", !1);
|
|
10
10
|
}
|
|
11
|
-
static create(
|
|
12
|
-
return
|
|
11
|
+
static create(i) {
|
|
12
|
+
return h.create(i);
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
-
const
|
|
15
|
+
const S = l.create({
|
|
16
16
|
name: "SpeechRecognition",
|
|
17
17
|
addOptions() {
|
|
18
18
|
return {
|
|
@@ -26,36 +26,36 @@ const SpeechRecognition = SR_Node.create({
|
|
|
26
26
|
},
|
|
27
27
|
addCommands() {
|
|
28
28
|
return {
|
|
29
|
-
startSpeechRecognition: () => ({ commands }) => {
|
|
30
|
-
const
|
|
31
|
-
this.recognition = new
|
|
32
|
-
let { from, to } = this.editor.state.selection;
|
|
33
|
-
return this.recognition.onresult = (
|
|
34
|
-
let
|
|
35
|
-
for (let
|
|
36
|
-
|
|
37
|
-
const
|
|
38
|
-
this.editor.commands.deleteRange({ from, to }), this.editor.commands.insertContentAt(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
{ updateSelection: !
|
|
42
|
-
),
|
|
43
|
-
}, this.recognition.onerror = (
|
|
29
|
+
startSpeechRecognition: () => ({ commands: e }) => {
|
|
30
|
+
const t = window.SpeechRecognition || window.webkitSpeechRecognition;
|
|
31
|
+
this.recognition = new t(), this.recognition.lang = this.options.lang, this.recognition.interimResults = !0, this.recognition.maxAlternatives = 1, this.recognition.continuous = !0, this.recognition.start();
|
|
32
|
+
let { from: i, to: n } = this.editor.state.selection;
|
|
33
|
+
return this.recognition.onresult = (o) => {
|
|
34
|
+
let s = "";
|
|
35
|
+
for (let c = o.resultIndex; c < o.results.length; c++)
|
|
36
|
+
s += o.results[c][0].transcript;
|
|
37
|
+
const r = o.results[o.results.length - 1].isFinal;
|
|
38
|
+
this.editor.commands.deleteRange({ from: i, to: n }), this.editor.commands.insertContentAt(
|
|
39
|
+
i,
|
|
40
|
+
r ? s : `<code>${s}</code>`,
|
|
41
|
+
{ updateSelection: !r }
|
|
42
|
+
), n = this.editor.state.selection.to, r && (i = n);
|
|
43
|
+
}, this.recognition.onerror = (o) => {
|
|
44
44
|
console.log(
|
|
45
|
-
`[speechrecognition from @edifice.io/tiptap-extensions][error][${
|
|
45
|
+
`[speechrecognition from @edifice.io/tiptap-extensions][error][${o.error}]: ${o.message}`
|
|
46
46
|
);
|
|
47
47
|
}, this.recognition.onstart = () => {
|
|
48
48
|
this.isStarted = !0;
|
|
49
49
|
}, this.recognition.onend = () => {
|
|
50
50
|
this.isStarted = !1;
|
|
51
|
-
},
|
|
51
|
+
}, e;
|
|
52
52
|
},
|
|
53
|
-
stopSpeechRecognition: () => ({ commands }) => (this.recognition.stop(), this.editor.commands.focus(),
|
|
53
|
+
stopSpeechRecognition: () => ({ commands: e }) => (this.recognition.stop(), this.editor.commands.focus(), e),
|
|
54
54
|
isSpeechRecognitionStarted: () => () => this.isStarted
|
|
55
55
|
};
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
58
|
export {
|
|
59
|
-
SpeechRecognition
|
|
59
|
+
S as SpeechRecognition
|
|
60
60
|
};
|
|
61
61
|
//# sourceMappingURL=speech-recognition.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"speech-recognition.js","sources":["../../src/speech-recognition/speech-recognition.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface SpeechRecognitionOptions {\n lang: string;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n SpeechRecognition: {\n startSpeechRecognition: () => ReturnType;\n stopSpeechRecognition: () => ReturnType;\n isSpeechRecognitionStarted: () => boolean;\n };\n }\n}\n\nclass SR_Node<O = any, S = any> extends Node<O, S> {\n protected constructor() {\n super();\n }\n\n recognition: SpeechRecognition | undefined;\n readonly isStarted: boolean = false;\n\n static create<O = any, S = any>(config?: any) {\n return Node.create(config) as SR_Node<O, S>;\n }\n}\n\nexport const SpeechRecognition = SR_Node.create<SpeechRecognitionOptions>({\n name: 'SpeechRecognition',\n\n addOptions() {\n return {\n lang: 'fr-FR',\n };\n },\n\n onCreate() {\n if (\n !('SpeechRecognition' in window || 'webkitSpeechRecognition' in window)\n ) {\n console.warn(\n '\"speechrecognition extension from @edifice.io/tiptap-extensions\" requires a browser supporting the SpeechRecognition API\".',\n );\n }\n },\n\n addCommands() {\n return {\n startSpeechRecognition:\n () =>\n ({ commands }) => {\n const SpeechRecognition =\n window.SpeechRecognition || window.webkitSpeechRecognition;\n this.recognition = new SpeechRecognition();\n\n this.recognition.lang = this.options.lang;\n this.recognition.interimResults = true;\n this.recognition.maxAlternatives = 1;\n this.recognition.continuous = true;\n\n this.recognition.start();\n\n // Memoize initial caret positions\n let { from, to } = this.editor.state.selection;\n\n this.recognition.onresult = (event: SpeechRecognitionEvent) => {\n let currentResult = '';\n\n // Add to the currentResult variable the content of the last recognized sentence\n for (let i = event.resultIndex; i < event.results.length; i++) {\n currentResult += event.results[i][0].transcript;\n }\n\n // Is this the final recognition ?\n const isFinal = event.results[event.results.length - 1].isFinal;\n\n // Replace selection by the last recognized sentence (+ style and select, if not final)\n this.editor.commands.deleteRange({ from, to });\n this.editor.commands.insertContentAt(\n from,\n isFinal ? currentResult : `<code>${currentResult}</code>`,\n { updateSelection: !isFinal },\n );\n to = this.editor.state.selection.to;\n\n if (isFinal) {\n // Next content will go after last insertion\n from = to;\n }\n };\n\n this.recognition.onerror = (event: SpeechRecognitionErrorEvent) => {\n // TODO create a \"feedback\" tiptap extension, to display user friendly error messages ?\n console.log(\n `[speechrecognition from @edifice.io/tiptap-extensions][error][${event.error}]: ${event.message}`,\n );\n };\n\n this.recognition.onstart = () => {\n this.isStarted = true;\n };\n\n this.recognition.onend = () => {\n this.isStarted = false;\n };\n\n return commands;\n },\n\n stopSpeechRecognition:\n () =>\n ({ commands }) => {\n this.recognition.stop();\n this.editor.commands.focus();\n return commands;\n },\n\n isSpeechRecognitionStarted: () => () => this.isStarted,\n };\n },\n});\n"],"names":["SpeechRecognition"],"mappings":";;;;AAgBA,
|
|
1
|
+
{"version":3,"file":"speech-recognition.js","sources":["../../src/speech-recognition/speech-recognition.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface SpeechRecognitionOptions {\n lang: string;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n SpeechRecognition: {\n startSpeechRecognition: () => ReturnType;\n stopSpeechRecognition: () => ReturnType;\n isSpeechRecognitionStarted: () => boolean;\n };\n }\n}\n\nclass SR_Node<O = any, S = any> extends Node<O, S> {\n protected constructor() {\n super();\n }\n\n recognition: SpeechRecognition | undefined;\n readonly isStarted: boolean = false;\n\n static create<O = any, S = any>(config?: any) {\n return Node.create(config) as SR_Node<O, S>;\n }\n}\n\nexport const SpeechRecognition = SR_Node.create<SpeechRecognitionOptions>({\n name: 'SpeechRecognition',\n\n addOptions() {\n return {\n lang: 'fr-FR',\n };\n },\n\n onCreate() {\n if (\n !('SpeechRecognition' in window || 'webkitSpeechRecognition' in window)\n ) {\n console.warn(\n '\"speechrecognition extension from @edifice.io/tiptap-extensions\" requires a browser supporting the SpeechRecognition API\".',\n );\n }\n },\n\n addCommands() {\n return {\n startSpeechRecognition:\n () =>\n ({ commands }) => {\n const SpeechRecognition =\n window.SpeechRecognition || window.webkitSpeechRecognition;\n this.recognition = new SpeechRecognition();\n\n this.recognition.lang = this.options.lang;\n this.recognition.interimResults = true;\n this.recognition.maxAlternatives = 1;\n this.recognition.continuous = true;\n\n this.recognition.start();\n\n // Memoize initial caret positions\n let { from, to } = this.editor.state.selection;\n\n this.recognition.onresult = (event: SpeechRecognitionEvent) => {\n let currentResult = '';\n\n // Add to the currentResult variable the content of the last recognized sentence\n for (let i = event.resultIndex; i < event.results.length; i++) {\n currentResult += event.results[i][0].transcript;\n }\n\n // Is this the final recognition ?\n const isFinal = event.results[event.results.length - 1].isFinal;\n\n // Replace selection by the last recognized sentence (+ style and select, if not final)\n this.editor.commands.deleteRange({ from, to });\n this.editor.commands.insertContentAt(\n from,\n isFinal ? currentResult : `<code>${currentResult}</code>`,\n { updateSelection: !isFinal },\n );\n to = this.editor.state.selection.to;\n\n if (isFinal) {\n // Next content will go after last insertion\n from = to;\n }\n };\n\n this.recognition.onerror = (event: SpeechRecognitionErrorEvent) => {\n // TODO create a \"feedback\" tiptap extension, to display user friendly error messages ?\n console.log(\n `[speechrecognition from @edifice.io/tiptap-extensions][error][${event.error}]: ${event.message}`,\n );\n };\n\n this.recognition.onstart = () => {\n this.isStarted = true;\n };\n\n this.recognition.onend = () => {\n this.isStarted = false;\n };\n\n return commands;\n },\n\n stopSpeechRecognition:\n () =>\n ({ commands }) => {\n this.recognition.stop();\n this.editor.commands.focus();\n return commands;\n },\n\n isSpeechRecognitionStarted: () => () => this.isStarted,\n };\n },\n});\n"],"names":["SR_Node","Node","__publicField","config","SpeechRecognition","commands","from","to","event","currentResult","i","isFinal"],"mappings":";;;;AAgBA,MAAMA,UAAkCC,EAAW;AAAA,EACvC,cAAc;AAChB;AAGR,IAAAC,EAAA;AACS,IAAAA,EAAA,mBAAqB;AAAA,EAH9B;AAAA,EAKA,OAAO,OAAyBC,GAAc;AACrC,WAAAF,EAAK,OAAOE,CAAM;AAAA,EAC3B;AACF;AAEa,MAAAC,IAAoBJ,EAAQ,OAAiC;AAAA,EACxE,MAAM;AAAA,EAEN,aAAa;AACJ,WAAA;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EAEV;AAAA,EAEA,WAAW;AACT,IACI,uBAAuB,UAAU,6BAA6B,UAExD,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAGN;AAAA,EAEA,cAAc;AACL,WAAA;AAAA,MACL,wBACE,MACA,CAAC,EAAE,UAAAK,QAAe;AACVD,cAAAA,IACJ,OAAO,qBAAqB,OAAO;AAChC,aAAA,cAAc,IAAIA,KAElB,KAAA,YAAY,OAAO,KAAK,QAAQ,MACrC,KAAK,YAAY,iBAAiB,IAClC,KAAK,YAAY,kBAAkB,GACnC,KAAK,YAAY,aAAa,IAE9B,KAAK,YAAY;AAGjB,YAAI,EAAE,MAAAE,GAAM,IAAAC,EAAO,IAAA,KAAK,OAAO,MAAM;AAEhC,oBAAA,YAAY,WAAW,CAACC,MAAkC;AAC7D,cAAIC,IAAgB;AAGpB,mBAASC,IAAIF,EAAM,aAAaE,IAAIF,EAAM,QAAQ,QAAQE;AACxD,YAAAD,KAAiBD,EAAM,QAAQE,CAAC,EAAE,CAAC,EAAE;AAIvC,gBAAMC,IAAUH,EAAM,QAAQA,EAAM,QAAQ,SAAS,CAAC,EAAE;AAGxD,eAAK,OAAO,SAAS,YAAY,EAAE,MAAAF,GAAM,IAAAC,GAAI,GAC7C,KAAK,OAAO,SAAS;AAAA,YACnBD;AAAA,YACAK,IAAUF,IAAgB,SAASA,CAAa;AAAA,YAChD,EAAE,iBAAiB,CAACE,EAAQ;AAAA,UAAA,GAEzBJ,IAAA,KAAK,OAAO,MAAM,UAAU,IAE7BI,MAEKL,IAAAC;AAAA,QACT,GAGG,KAAA,YAAY,UAAU,CAACC,MAAuC;AAEzD,kBAAA;AAAA,YACN,iEAAiEA,EAAM,KAAK,MAAMA,EAAM,OAAO;AAAA,UAAA;AAAA,QACjG,GAGG,KAAA,YAAY,UAAU,MAAM;AAC/B,eAAK,YAAY;AAAA,QAAA,GAGd,KAAA,YAAY,QAAQ,MAAM;AAC7B,eAAK,YAAY;AAAA,QAAA,GAGZH;AAAA,MACT;AAAA,MAEF,uBACE,MACA,CAAC,EAAE,UAAAA,SACD,KAAK,YAAY,QACZ,KAAA,OAAO,SAAS,SACdA;AAAA,MAGX,4BAA4B,MAAM,MAAM,KAAK;AAAA,IAAA;AAAA,EAEjD;AACF,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@tiptap/core");class h extends s.Node{static create(t){return s.Node.create(t)}}const n=h.create({name:"speechSynthesis",addOptions(){return{lang:"fr-FR",pitch:1}},addCommands(){return{startSpeechSynthesis:()=>({commands:e})=>(this.speechSynthesis=new SpeechSynthesisUtterance,this.speechSynthesis.lang=this.options.lang,this.speechSynthesis.pitch=this.options.pitch,this.speechSynthesis.text=this.editor.getText(),window.speechSynthesis.speak(this.speechSynthesis),e),stopSpeechSynthesis:()=>({commands:e})=>(window.speechSynthesis.cancel(),e)}}});exports.SpeechSynthesis=n;
|
|
2
2
|
//# sourceMappingURL=speech-synthesis.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"speech-synthesis.cjs","sources":["../../src/speech-synthesis/speech-synthesis.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface SpeechSynthesisOptions {\n lang: string;\n pitch: number;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n speechSynthesis: {\n startSpeechSynthesis: () => ReturnType;\n stopSpeechSynthesis: () => ReturnType;\n };\n }\n}\n\nclass SS_Node<O = any, S = any> extends Node<O, S> {\n static create<O = any, S = any>(config?: any) {\n return Node.create(config) as SS_Node<O, S>;\n }\n}\n\nexport const SpeechSynthesis = SS_Node.create<SpeechSynthesisOptions>({\n name: 'speechSynthesis',\n addOptions() {\n return {\n lang: 'fr-FR',\n pitch: 1,\n };\n },\n addCommands() {\n return {\n startSpeechSynthesis:\n () =>\n ({ commands }) => {\n this.speechSynthesis = new SpeechSynthesisUtterance();\n this.speechSynthesis.lang = this.options.lang;\n this.speechSynthesis.pitch = this.options.pitch;\n this.speechSynthesis.text = this.editor.getText();\n\n window.speechSynthesis.speak(this.speechSynthesis);\n return commands;\n },\n stopSpeechSynthesis:\n () =>\n ({ commands }) => {\n window.speechSynthesis.cancel();\n return commands;\n },\n };\n },\n});\n"],"names":["Node"],"mappings":"
|
|
1
|
+
{"version":3,"file":"speech-synthesis.cjs","sources":["../../src/speech-synthesis/speech-synthesis.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface SpeechSynthesisOptions {\n lang: string;\n pitch: number;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n speechSynthesis: {\n startSpeechSynthesis: () => ReturnType;\n stopSpeechSynthesis: () => ReturnType;\n };\n }\n}\n\nclass SS_Node<O = any, S = any> extends Node<O, S> {\n static create<O = any, S = any>(config?: any) {\n return Node.create(config) as SS_Node<O, S>;\n }\n}\n\nexport const SpeechSynthesis = SS_Node.create<SpeechSynthesisOptions>({\n name: 'speechSynthesis',\n addOptions() {\n return {\n lang: 'fr-FR',\n pitch: 1,\n };\n },\n addCommands() {\n return {\n startSpeechSynthesis:\n () =>\n ({ commands }) => {\n this.speechSynthesis = new SpeechSynthesisUtterance();\n this.speechSynthesis.lang = this.options.lang;\n this.speechSynthesis.pitch = this.options.pitch;\n this.speechSynthesis.text = this.editor.getText();\n\n window.speechSynthesis.speak(this.speechSynthesis);\n return commands;\n },\n stopSpeechSynthesis:\n () =>\n ({ commands }) => {\n window.speechSynthesis.cancel();\n return commands;\n },\n };\n },\n});\n"],"names":["SS_Node","Node","config","SpeechSynthesis","commands"],"mappings":"gHAgBA,MAAMA,UAAkCC,EAAAA,IAAW,CACjD,OAAO,OAAyBC,EAAc,CACrC,OAAAD,EAAA,KAAK,OAAOC,CAAM,CAC3B,CACF,CAEa,MAAAC,EAAkBH,EAAQ,OAA+B,CACpE,KAAM,kBACN,YAAa,CACJ,MAAA,CACL,KAAM,QACN,MAAO,CAAA,CAEX,EACA,aAAc,CACL,MAAA,CACL,qBACE,IACA,CAAC,CAAE,SAAAI,MACI,KAAA,gBAAkB,IAAI,yBACtB,KAAA,gBAAgB,KAAO,KAAK,QAAQ,KACpC,KAAA,gBAAgB,MAAQ,KAAK,QAAQ,MAC1C,KAAK,gBAAgB,KAAO,KAAK,OAAO,QAAQ,EAEzC,OAAA,gBAAgB,MAAM,KAAK,eAAe,EAC1CA,GAEX,oBACE,IACA,CAAC,CAAE,SAAAA,MACD,OAAO,gBAAgB,SAChBA,EACT,CAEN,CACF,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Node } from "@tiptap/core";
|
|
2
|
-
class
|
|
3
|
-
static create(
|
|
4
|
-
return
|
|
1
|
+
import { Node as s } from "@tiptap/core";
|
|
2
|
+
class h extends s {
|
|
3
|
+
static create(t) {
|
|
4
|
+
return s.create(t);
|
|
5
5
|
}
|
|
6
6
|
}
|
|
7
|
-
const
|
|
7
|
+
const i = h.create({
|
|
8
8
|
name: "speechSynthesis",
|
|
9
9
|
addOptions() {
|
|
10
10
|
return {
|
|
@@ -14,12 +14,12 @@ const SpeechSynthesis = SS_Node.create({
|
|
|
14
14
|
},
|
|
15
15
|
addCommands() {
|
|
16
16
|
return {
|
|
17
|
-
startSpeechSynthesis: () => ({ commands }) => (this.speechSynthesis = new SpeechSynthesisUtterance(), this.speechSynthesis.lang = this.options.lang, this.speechSynthesis.pitch = this.options.pitch, this.speechSynthesis.text = this.editor.getText(), window.speechSynthesis.speak(this.speechSynthesis),
|
|
18
|
-
stopSpeechSynthesis: () => ({ commands }) => (window.speechSynthesis.cancel(),
|
|
17
|
+
startSpeechSynthesis: () => ({ commands: e }) => (this.speechSynthesis = new SpeechSynthesisUtterance(), this.speechSynthesis.lang = this.options.lang, this.speechSynthesis.pitch = this.options.pitch, this.speechSynthesis.text = this.editor.getText(), window.speechSynthesis.speak(this.speechSynthesis), e),
|
|
18
|
+
stopSpeechSynthesis: () => ({ commands: e }) => (window.speechSynthesis.cancel(), e)
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
22
|
export {
|
|
23
|
-
SpeechSynthesis
|
|
23
|
+
i as SpeechSynthesis
|
|
24
24
|
};
|
|
25
25
|
//# sourceMappingURL=speech-synthesis.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"speech-synthesis.js","sources":["../../src/speech-synthesis/speech-synthesis.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface SpeechSynthesisOptions {\n lang: string;\n pitch: number;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n speechSynthesis: {\n startSpeechSynthesis: () => ReturnType;\n stopSpeechSynthesis: () => ReturnType;\n };\n }\n}\n\nclass SS_Node<O = any, S = any> extends Node<O, S> {\n static create<O = any, S = any>(config?: any) {\n return Node.create(config) as SS_Node<O, S>;\n }\n}\n\nexport const SpeechSynthesis = SS_Node.create<SpeechSynthesisOptions>({\n name: 'speechSynthesis',\n addOptions() {\n return {\n lang: 'fr-FR',\n pitch: 1,\n };\n },\n addCommands() {\n return {\n startSpeechSynthesis:\n () =>\n ({ commands }) => {\n this.speechSynthesis = new SpeechSynthesisUtterance();\n this.speechSynthesis.lang = this.options.lang;\n this.speechSynthesis.pitch = this.options.pitch;\n this.speechSynthesis.text = this.editor.getText();\n\n window.speechSynthesis.speak(this.speechSynthesis);\n return commands;\n },\n stopSpeechSynthesis:\n () =>\n ({ commands }) => {\n window.speechSynthesis.cancel();\n return commands;\n },\n };\n },\n});\n"],"names":[],"mappings":";AAgBA,
|
|
1
|
+
{"version":3,"file":"speech-synthesis.js","sources":["../../src/speech-synthesis/speech-synthesis.ts"],"sourcesContent":["import { Node } from '@tiptap/core';\n\nexport interface SpeechSynthesisOptions {\n lang: string;\n pitch: number;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n speechSynthesis: {\n startSpeechSynthesis: () => ReturnType;\n stopSpeechSynthesis: () => ReturnType;\n };\n }\n}\n\nclass SS_Node<O = any, S = any> extends Node<O, S> {\n static create<O = any, S = any>(config?: any) {\n return Node.create(config) as SS_Node<O, S>;\n }\n}\n\nexport const SpeechSynthesis = SS_Node.create<SpeechSynthesisOptions>({\n name: 'speechSynthesis',\n addOptions() {\n return {\n lang: 'fr-FR',\n pitch: 1,\n };\n },\n addCommands() {\n return {\n startSpeechSynthesis:\n () =>\n ({ commands }) => {\n this.speechSynthesis = new SpeechSynthesisUtterance();\n this.speechSynthesis.lang = this.options.lang;\n this.speechSynthesis.pitch = this.options.pitch;\n this.speechSynthesis.text = this.editor.getText();\n\n window.speechSynthesis.speak(this.speechSynthesis);\n return commands;\n },\n stopSpeechSynthesis:\n () =>\n ({ commands }) => {\n window.speechSynthesis.cancel();\n return commands;\n },\n };\n },\n});\n"],"names":["SS_Node","Node","config","SpeechSynthesis","commands"],"mappings":";AAgBA,MAAMA,UAAkCC,EAAW;AAAA,EACjD,OAAO,OAAyBC,GAAc;AACrC,WAAAD,EAAK,OAAOC,CAAM;AAAA,EAC3B;AACF;AAEa,MAAAC,IAAkBH,EAAQ,OAA+B;AAAA,EACpE,MAAM;AAAA,EACN,aAAa;AACJ,WAAA;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,cAAc;AACL,WAAA;AAAA,MACL,sBACE,MACA,CAAC,EAAE,UAAAI,SACI,KAAA,kBAAkB,IAAI,4BACtB,KAAA,gBAAgB,OAAO,KAAK,QAAQ,MACpC,KAAA,gBAAgB,QAAQ,KAAK,QAAQ,OAC1C,KAAK,gBAAgB,OAAO,KAAK,OAAO,QAAQ,GAEzC,OAAA,gBAAgB,MAAM,KAAK,eAAe,GAC1CA;AAAA,MAEX,qBACE,MACA,CAAC,EAAE,UAAAA,SACD,OAAO,gBAAgB,UAChBA;AAAA,IACT;AAAA,EAEN;AACF,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@tiptap/extension-table-cell"),t=n.TableCell.extend({addAttributes(){var r;return{...(r=this.parent)==null?void 0:r.call(this),backgroundColor:{default:null,renderHTML:e=>e.backgroundColor?{style:`background-color: ${e.backgroundColor}`}:{},parseHTML:e=>{var l,o;return(o=(l=e.style)==null?void 0:l.backgroundColor)==null?void 0:o.replace(/['"]+/g,"")}}}}});exports.TableCell=t;
|
|
2
2
|
//# sourceMappingURL=table-cell.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-cell.cjs","sources":["../../src/table-cell/table-cell.ts"],"sourcesContent":["import { TableCell as TipTapTableCell } from '@tiptap/extension-table-cell';\n\n/**\n * This custom extension allows setting a background-color to table cells.\n * Apply with ̀`editor.chain().focus().setCellAttribute(\"backgroundColor\", color).run()`\n */\nexport const TableCell = TipTapTableCell.extend({\n addAttributes() {\n return {\n ...this.parent?.(),\n backgroundColor: {\n default: null,\n renderHTML: (attributes: { backgroundColor?: string }) => {\n if (!attributes.backgroundColor) {\n return {};\n }\n\n return {\n style: `background-color: ${attributes.backgroundColor}`,\n };\n },\n parseHTML: (element: { style?: { backgroundColor: string } }) => {\n return element.style?.backgroundColor?.replace(/['\"]+/g, '');\n },\n },\n };\n },\n});\n"],"names":["TipTapTableCell","_a"],"mappings":"
|
|
1
|
+
{"version":3,"file":"table-cell.cjs","sources":["../../src/table-cell/table-cell.ts"],"sourcesContent":["import { TableCell as TipTapTableCell } from '@tiptap/extension-table-cell';\n\n/**\n * This custom extension allows setting a background-color to table cells.\n * Apply with ̀`editor.chain().focus().setCellAttribute(\"backgroundColor\", color).run()`\n */\nexport const TableCell = TipTapTableCell.extend({\n addAttributes() {\n return {\n ...this.parent?.(),\n backgroundColor: {\n default: null,\n renderHTML: (attributes: { backgroundColor?: string }) => {\n if (!attributes.backgroundColor) {\n return {};\n }\n\n return {\n style: `background-color: ${attributes.backgroundColor}`,\n };\n },\n parseHTML: (element: { style?: { backgroundColor: string } }) => {\n return element.style?.backgroundColor?.replace(/['\"]+/g, '');\n },\n },\n };\n },\n});\n"],"names":["TableCell","TipTapTableCell","_a","attributes","element","_b"],"mappings":"gIAMaA,EAAYC,YAAgB,OAAO,CAC9C,eAAgB,OACP,MAAA,CACL,IAAGC,EAAA,KAAK,SAAL,YAAAA,EAAA,WACH,gBAAiB,CACf,QAAS,KACT,WAAaC,GACNA,EAAW,gBAIT,CACL,MAAO,qBAAqBA,EAAW,eAAe,EAAA,EAJ/C,GAOX,UAAYC,GAAqD,SAC/D,OAAOC,GAAAH,EAAAE,EAAQ,QAAR,YAAAF,EAAe,kBAAf,YAAAG,EAAgC,QAAQ,SAAU,GAC3D,CACF,CAAA,CAEJ,CACF,CAAC"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { TableCell as
|
|
2
|
-
const
|
|
1
|
+
import { TableCell as n } from "@tiptap/extension-table-cell";
|
|
2
|
+
const t = n.extend({
|
|
3
3
|
addAttributes() {
|
|
4
|
-
var
|
|
4
|
+
var e;
|
|
5
5
|
return {
|
|
6
|
-
...(
|
|
6
|
+
...(e = this.parent) == null ? void 0 : e.call(this),
|
|
7
7
|
backgroundColor: {
|
|
8
8
|
default: null,
|
|
9
|
-
renderHTML: (
|
|
10
|
-
style: `background-color: ${
|
|
9
|
+
renderHTML: (r) => r.backgroundColor ? {
|
|
10
|
+
style: `background-color: ${r.backgroundColor}`
|
|
11
11
|
} : {},
|
|
12
|
-
parseHTML: (
|
|
13
|
-
var
|
|
14
|
-
return (
|
|
12
|
+
parseHTML: (r) => {
|
|
13
|
+
var l, o;
|
|
14
|
+
return (o = (l = r.style) == null ? void 0 : l.backgroundColor) == null ? void 0 : o.replace(/['"]+/g, "");
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
export {
|
|
21
|
-
TableCell
|
|
21
|
+
t as TableCell
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=table-cell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-cell.js","sources":["../../src/table-cell/table-cell.ts"],"sourcesContent":["import { TableCell as TipTapTableCell } from '@tiptap/extension-table-cell';\n\n/**\n * This custom extension allows setting a background-color to table cells.\n * Apply with ̀`editor.chain().focus().setCellAttribute(\"backgroundColor\", color).run()`\n */\nexport const TableCell = TipTapTableCell.extend({\n addAttributes() {\n return {\n ...this.parent?.(),\n backgroundColor: {\n default: null,\n renderHTML: (attributes: { backgroundColor?: string }) => {\n if (!attributes.backgroundColor) {\n return {};\n }\n\n return {\n style: `background-color: ${attributes.backgroundColor}`,\n };\n },\n parseHTML: (element: { style?: { backgroundColor: string } }) => {\n return element.style?.backgroundColor?.replace(/['\"]+/g, '');\n },\n },\n };\n },\n});\n"],"names":["TipTapTableCell","_a"],"mappings":";AAMa,
|
|
1
|
+
{"version":3,"file":"table-cell.js","sources":["../../src/table-cell/table-cell.ts"],"sourcesContent":["import { TableCell as TipTapTableCell } from '@tiptap/extension-table-cell';\n\n/**\n * This custom extension allows setting a background-color to table cells.\n * Apply with ̀`editor.chain().focus().setCellAttribute(\"backgroundColor\", color).run()`\n */\nexport const TableCell = TipTapTableCell.extend({\n addAttributes() {\n return {\n ...this.parent?.(),\n backgroundColor: {\n default: null,\n renderHTML: (attributes: { backgroundColor?: string }) => {\n if (!attributes.backgroundColor) {\n return {};\n }\n\n return {\n style: `background-color: ${attributes.backgroundColor}`,\n };\n },\n parseHTML: (element: { style?: { backgroundColor: string } }) => {\n return element.style?.backgroundColor?.replace(/['\"]+/g, '');\n },\n },\n };\n },\n});\n"],"names":["TableCell","TipTapTableCell","_a","attributes","element","_b"],"mappings":";AAMa,MAAAA,IAAYC,EAAgB,OAAO;AAAA,EAC9C,gBAAgB;;AACP,WAAA;AAAA,MACL,IAAGC,IAAA,KAAK,WAAL,gBAAAA,EAAA;AAAA,MACH,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,YAAY,CAACC,MACNA,EAAW,kBAIT;AAAA,UACL,OAAO,qBAAqBA,EAAW,eAAe;AAAA,QAAA,IAJ/C;QAOX,WAAW,CAACC,MAAqD;;AAC/D,kBAAOC,KAAAH,IAAAE,EAAQ,UAAR,gBAAAF,EAAe,oBAAf,gBAAAG,EAAgC,QAAQ,UAAU;AAAA,QAC3D;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const t=require("@tiptap/core"),o=(e,r)=>t.generateJSON(e,r);module.exports=o;
|
|
2
2
|
//# sourceMappingURL=html-to-json.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"html-to-json.cjs","sources":["../../../src/transform/html-to-json/html-to-json.ts"],"sourcesContent":["import { Extensions, HTMLContent, generateJSON } from '@tiptap/core';\n\nexport default (html: HTMLContent, extensions: Extensions) => {\n return generateJSON(html, extensions);\n};\n"],"names":["generateJSON"],"mappings":"
|
|
1
|
+
{"version":3,"file":"html-to-json.cjs","sources":["../../../src/transform/html-to-json/html-to-json.ts"],"sourcesContent":["import { Extensions, HTMLContent, generateJSON } from '@tiptap/core';\n\nexport default (html: HTMLContent, extensions: Extensions) => {\n return generateJSON(html, extensions);\n};\n"],"names":["htmlToJson","html","extensions","generateJSON"],"mappings":"6CAEAA,EAAe,CAACC,EAAmBC,IAC1BC,EAAA,aAAaF,EAAMC,CAAU"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { generateJSON } from "@tiptap/core";
|
|
2
|
-
const
|
|
1
|
+
import { generateJSON as o } from "@tiptap/core";
|
|
2
|
+
const n = (t, e) => o(t, e);
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
n as default
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=html-to-json.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"html-to-json.js","sources":["../../../src/transform/html-to-json/html-to-json.ts"],"sourcesContent":["import { Extensions, HTMLContent, generateJSON } from '@tiptap/core';\n\nexport default (html: HTMLContent, extensions: Extensions) => {\n return generateJSON(html, extensions);\n};\n"],"names":[],"mappings":";AAEA,
|
|
1
|
+
{"version":3,"file":"html-to-json.js","sources":["../../../src/transform/html-to-json/html-to-json.ts"],"sourcesContent":["import { Extensions, HTMLContent, generateJSON } from '@tiptap/core';\n\nexport default (html: HTMLContent, extensions: Extensions) => {\n return generateJSON(html, extensions);\n};\n"],"names":["htmlToJson","html","extensions","generateJSON"],"mappings":";AAEA,MAAAA,IAAe,CAACC,GAAmBC,MAC1BC,EAAaF,GAAMC,CAAU;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const t=require("@tiptap/core"),o=(e,r)=>t.generateHTML(e,r);module.exports=o;
|
|
2
2
|
//# sourceMappingURL=json-to-html.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"json-to-html.cjs","sources":["../../../src/transform/json-to-html/json-to-html.ts"],"sourcesContent":["import { Extensions, JSONContent, generateHTML } from '@tiptap/core';\n\nexport default (json: JSONContent, extensions: Extensions) => {\n return generateHTML(json, extensions);\n};\n"],"names":["generateHTML"],"mappings":"
|
|
1
|
+
{"version":3,"file":"json-to-html.cjs","sources":["../../../src/transform/json-to-html/json-to-html.ts"],"sourcesContent":["import { Extensions, JSONContent, generateHTML } from '@tiptap/core';\n\nexport default (json: JSONContent, extensions: Extensions) => {\n return generateHTML(json, extensions);\n};\n"],"names":["jsonToHtml","json","extensions","generateHTML"],"mappings":"6CAEAA,EAAe,CAACC,EAAmBC,IAC1BC,EAAA,aAAaF,EAAMC,CAAU"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { generateHTML } from "@tiptap/core";
|
|
2
|
-
const
|
|
1
|
+
import { generateHTML as o } from "@tiptap/core";
|
|
2
|
+
const n = (t, e) => o(t, e);
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
n as default
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=json-to-html.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"json-to-html.js","sources":["../../../src/transform/json-to-html/json-to-html.ts"],"sourcesContent":["import { Extensions, JSONContent, generateHTML } from '@tiptap/core';\n\nexport default (json: JSONContent, extensions: Extensions) => {\n return generateHTML(json, extensions);\n};\n"],"names":[],"mappings":";AAEA,
|
|
1
|
+
{"version":3,"file":"json-to-html.js","sources":["../../../src/transform/json-to-html/json-to-html.ts"],"sourcesContent":["import { Extensions, JSONContent, generateHTML } from '@tiptap/core';\n\nexport default (json: JSONContent, extensions: Extensions) => {\n return generateHTML(json, extensions);\n};\n"],"names":["jsonToHtml","json","extensions","generateHTML"],"mappings":";AAEA,MAAAA,IAAe,CAACC,GAAmBC,MAC1BC,EAAaF,GAAMC,CAAU;"}
|
package/dist/video/video.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
controls="${
|
|
3
|
-
controlslist="${
|
|
4
|
-
src="${
|
|
5
|
-
width="${
|
|
6
|
-
height="${
|
|
7
|
-
data-document-id="${
|
|
8
|
-
data-document-is-captation="${
|
|
9
|
-
data-video-resolution="${
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@tiptap/core"),l=/!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/,g=r.Node.create({name:"video",group:"block",draggable:!0,selectable:!0,addAttributes(){return{src:{default:null,parseHTML:t=>t.getAttribute("src"),renderHTML:t=>({src:t.src})},controls:{default:!0,parseHTML:t=>t.getAttribute("controls")?t.getAttribute("controls"):!!t.hasAttribute("controls"),renderHTML:t=>({controls:t.controls})},documentId:{default:"",renderHTML:t=>({"data-document-id":t.documentId}),parseHTML:t=>t.getAttribute("data-document-id")},isCaptation:{default:!1,renderHTML:t=>({"data-document-is-captation":t.isCaptation}),parseHTML:t=>t.getAttribute("data-document-is-captation")},videoResolution:{default:"404x720",renderHTML:t=>({"data-video-resolution":t.videoResolution}),parseHTML:t=>t.getAttribute("data-video-resolution")},width:{renderHTML:t=>({width:parseInt(t.width)}),parseHTML:t=>t.getAttribute("width")},height:{renderHTML:t=>({height:parseInt(t.height)}),parseHTML:t=>t.getAttribute("height")}}},parseHTML(){return[{tag:"div.video-wrapper>video,video",getAttrs:t=>({src:t.getAttribute("src")})}]},renderHTML({HTMLAttributes:t}){return["div",{class:"video-wrapper"},["video",r.mergeAttributes(t)]]},addCommands(){return{setVideo:(t,e,n,o=350,d=197,i=!0,a="nodownload",s)=>({commands:u,state:c})=>u.insertContentAt(c.selection,`<video
|
|
2
|
+
controls="${i}"
|
|
3
|
+
controlslist="${a}"
|
|
4
|
+
src="${e}"
|
|
5
|
+
width="${o}"
|
|
6
|
+
height="${d}"
|
|
7
|
+
data-document-id="${t}"
|
|
8
|
+
data-document-is-captation="${n}"
|
|
9
|
+
data-video-resolution="${o}x${d}" />`,s),toggleVideo:()=>({commands:t})=>t.toggleNode(this.name,"paragraph")}},addInputRules(){return[r.nodeInputRule({find:l,type:this.type,getAttributes:t=>{const[,,e]=t;return{src:e}}})]}});exports.Video=g;
|
|
10
10
|
//# sourceMappingURL=video.cjs.map
|
package/dist/video/video.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video.cjs","sources":["../../src/video/video.ts"],"sourcesContent":["import { mergeAttributes, Node, nodeInputRule } from '@tiptap/core';\n\nexport interface VideoOptions {\n url: string;\n width: number;\n height: number;\n HTMLAttributes: Record<string, any>;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n video: {\n /**\n * Set a video node\n * @param options.updateSelection set to true will select the newly inserted content\n */\n setVideo: (\n id: string,\n src: string,\n isCaptation: boolean,\n width?: number,\n height?: number,\n controls?: boolean,\n controlslist?: string,\n options?: { updateSelection: boolean },\n ) => ReturnType;\n /**\n * Toggle a video\n */\n toggleVideo: (src: string) => ReturnType;\n };\n }\n}\n\nconst VIDEO_INPUT_REGEX = /!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\)/;\n\nexport const Video = Node.create({\n name: 'video',\n group: 'block',\n draggable: true,\n selectable: true,\n\n addAttributes() {\n return {\n src: {\n default: null,\n parseHTML: (el: any) => (el as HTMLSpanElement).getAttribute('src'),\n renderHTML: (attrs: any) => ({ src: attrs.src }),\n },\n controls: {\n default: true,\n parseHTML: (el: any) => {\n if ((el as HTMLSpanElement).getAttribute('controls')) {\n return (el as HTMLSpanElement).getAttribute('controls');\n } else if ((el as HTMLSpanElement).hasAttribute('controls')) {\n return true;\n } else {\n return false;\n }\n },\n renderHTML: (attrs: any) => ({ controls: attrs.controls }),\n },\n documentId: {\n default: '',\n renderHTML: (attributes: any) => {\n return { 'data-document-id': attributes.documentId };\n },\n parseHTML: (element: any) => element.getAttribute('data-document-id'),\n },\n isCaptation: {\n default: false,\n renderHTML: (attributes: any) => {\n return { 'data-document-is-captation': attributes.isCaptation };\n },\n parseHTML: (element: any) =>\n element.getAttribute('data-document-is-captation'),\n },\n videoResolution: {\n default: '404x720',\n renderHTML: (attributes: any) => {\n return { 'data-video-resolution': attributes.videoResolution };\n },\n parseHTML: (element: any) =>\n element.getAttribute('data-video-resolution'),\n },\n width: {\n renderHTML: (attributes: any) => {\n return {\n width: parseInt(attributes.width),\n };\n },\n parseHTML: (element) => element.getAttribute('width'),\n },\n height: {\n renderHTML: (attributes: any) => {\n return {\n height: parseInt(attributes.height),\n };\n },\n parseHTML: (element) => element.getAttribute('height'),\n },\n };\n },\n\n parseHTML() {\n return [\n {\n tag: 'div.video-wrapper>video,video',\n getAttrs: (el: any) => ({\n src: (el as HTMLVideoElement).getAttribute('src'),\n }),\n },\n ];\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\n 'div',\n { class: 'video-wrapper' },\n ['video', mergeAttributes(HTMLAttributes)],\n ];\n },\n\n addCommands() {\n return {\n setVideo:\n (\n id: string,\n src: string,\n isCaptation: boolean,\n width = 350,\n height = 197,\n controls = true,\n controlslist = 'nodownload',\n options,\n ) =>\n ({ commands, state }) => {\n return commands.insertContentAt(\n state.selection,\n `<video \n controls=\"${controls}\" \n controlslist=\"${controlslist}\"\n src=\"${src}\" \n width=\"${width}\"\n height=\"${height}\"\n data-document-id=\"${id}\" \n data-document-is-captation=\"${isCaptation}\"\n data-video-resolution=\"${width}x${height}\" />`,\n options,\n );\n },\n\n toggleVideo:\n () =>\n ({ commands }) =>\n commands.toggleNode(this.name, 'paragraph'),\n };\n },\n\n addInputRules() {\n return [\n nodeInputRule({\n find: VIDEO_INPUT_REGEX,\n type: this.type,\n getAttributes: (match) => {\n const [, , src] = match;\n\n return { src };\n },\n }),\n ];\n },\n});\n"],"names":["Node","mergeAttributes","nodeInputRule"],"mappings":"
|
|
1
|
+
{"version":3,"file":"video.cjs","sources":["../../src/video/video.ts"],"sourcesContent":["import { mergeAttributes, Node, nodeInputRule } from '@tiptap/core';\n\nexport interface VideoOptions {\n url: string;\n width: number;\n height: number;\n HTMLAttributes: Record<string, any>;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n video: {\n /**\n * Set a video node\n * @param options.updateSelection set to true will select the newly inserted content\n */\n setVideo: (\n id: string,\n src: string,\n isCaptation: boolean,\n width?: number,\n height?: number,\n controls?: boolean,\n controlslist?: string,\n options?: { updateSelection: boolean },\n ) => ReturnType;\n /**\n * Toggle a video\n */\n toggleVideo: (src: string) => ReturnType;\n };\n }\n}\n\nconst VIDEO_INPUT_REGEX = /!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\)/;\n\nexport const Video = Node.create({\n name: 'video',\n group: 'block',\n draggable: true,\n selectable: true,\n\n addAttributes() {\n return {\n src: {\n default: null,\n parseHTML: (el: any) => (el as HTMLSpanElement).getAttribute('src'),\n renderHTML: (attrs: any) => ({ src: attrs.src }),\n },\n controls: {\n default: true,\n parseHTML: (el: any) => {\n if ((el as HTMLSpanElement).getAttribute('controls')) {\n return (el as HTMLSpanElement).getAttribute('controls');\n } else if ((el as HTMLSpanElement).hasAttribute('controls')) {\n return true;\n } else {\n return false;\n }\n },\n renderHTML: (attrs: any) => ({ controls: attrs.controls }),\n },\n documentId: {\n default: '',\n renderHTML: (attributes: any) => {\n return { 'data-document-id': attributes.documentId };\n },\n parseHTML: (element: any) => element.getAttribute('data-document-id'),\n },\n isCaptation: {\n default: false,\n renderHTML: (attributes: any) => {\n return { 'data-document-is-captation': attributes.isCaptation };\n },\n parseHTML: (element: any) =>\n element.getAttribute('data-document-is-captation'),\n },\n videoResolution: {\n default: '404x720',\n renderHTML: (attributes: any) => {\n return { 'data-video-resolution': attributes.videoResolution };\n },\n parseHTML: (element: any) =>\n element.getAttribute('data-video-resolution'),\n },\n width: {\n renderHTML: (attributes: any) => {\n return {\n width: parseInt(attributes.width),\n };\n },\n parseHTML: (element) => element.getAttribute('width'),\n },\n height: {\n renderHTML: (attributes: any) => {\n return {\n height: parseInt(attributes.height),\n };\n },\n parseHTML: (element) => element.getAttribute('height'),\n },\n };\n },\n\n parseHTML() {\n return [\n {\n tag: 'div.video-wrapper>video,video',\n getAttrs: (el: any) => ({\n src: (el as HTMLVideoElement).getAttribute('src'),\n }),\n },\n ];\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\n 'div',\n { class: 'video-wrapper' },\n ['video', mergeAttributes(HTMLAttributes)],\n ];\n },\n\n addCommands() {\n return {\n setVideo:\n (\n id: string,\n src: string,\n isCaptation: boolean,\n width = 350,\n height = 197,\n controls = true,\n controlslist = 'nodownload',\n options,\n ) =>\n ({ commands, state }) => {\n return commands.insertContentAt(\n state.selection,\n `<video \n controls=\"${controls}\" \n controlslist=\"${controlslist}\"\n src=\"${src}\" \n width=\"${width}\"\n height=\"${height}\"\n data-document-id=\"${id}\" \n data-document-is-captation=\"${isCaptation}\"\n data-video-resolution=\"${width}x${height}\" />`,\n options,\n );\n },\n\n toggleVideo:\n () =>\n ({ commands }) =>\n commands.toggleNode(this.name, 'paragraph'),\n };\n },\n\n addInputRules() {\n return [\n nodeInputRule({\n find: VIDEO_INPUT_REGEX,\n type: this.type,\n getAttributes: (match) => {\n const [, , src] = match;\n\n return { src };\n },\n }),\n ];\n },\n});\n"],"names":["VIDEO_INPUT_REGEX","Video","Node","el","attrs","attributes","element","HTMLAttributes","mergeAttributes","id","src","isCaptation","width","height","controls","controlslist","options","commands","state","nodeInputRule","match"],"mappings":"gHAkCMA,EAAoB,gDAEbC,EAAQC,OAAK,OAAO,CAC/B,KAAM,QACN,MAAO,QACP,UAAW,GACX,WAAY,GAEZ,eAAgB,CACP,MAAA,CACL,IAAK,CACH,QAAS,KACT,UAAYC,GAAaA,EAAuB,aAAa,KAAK,EAClE,WAAaC,IAAgB,CAAE,IAAKA,EAAM,GAAI,EAChD,EACA,SAAU,CACR,QAAS,GACT,UAAYD,GACLA,EAAuB,aAAa,UAAU,EACzCA,EAAuB,aAAa,UAAU,EAC5C,EAAAA,EAAuB,aAAa,UAAU,EAM5D,WAAaC,IAAgB,CAAE,SAAUA,EAAM,QAAS,EAC1D,EACA,WAAY,CACV,QAAS,GACT,WAAaC,IACJ,CAAE,mBAAoBA,EAAW,aAE1C,UAAYC,GAAiBA,EAAQ,aAAa,kBAAkB,CACtE,EACA,YAAa,CACX,QAAS,GACT,WAAaD,IACJ,CAAE,6BAA8BA,EAAW,cAEpD,UAAYC,GACVA,EAAQ,aAAa,4BAA4B,CACrD,EACA,gBAAiB,CACf,QAAS,UACT,WAAaD,IACJ,CAAE,wBAAyBA,EAAW,kBAE/C,UAAYC,GACVA,EAAQ,aAAa,uBAAuB,CAChD,EACA,MAAO,CACL,WAAaD,IACJ,CACL,MAAO,SAASA,EAAW,KAAK,CAAA,GAGpC,UAAYC,GAAYA,EAAQ,aAAa,OAAO,CACtD,EACA,OAAQ,CACN,WAAaD,IACJ,CACL,OAAQ,SAASA,EAAW,MAAM,CAAA,GAGtC,UAAYC,GAAYA,EAAQ,aAAa,QAAQ,CACvD,CAAA,CAEJ,EAEA,WAAY,CACH,MAAA,CACL,CACE,IAAK,gCACL,SAAWH,IAAa,CACtB,IAAMA,EAAwB,aAAa,KAAK,CAAA,EAEpD,CAAA,CAEJ,EAEA,WAAW,CAAE,eAAAI,GAAkB,CACtB,MAAA,CACL,MACA,CAAE,MAAO,eAAgB,EACzB,CAAC,QAASC,kBAAgBD,CAAc,CAAC,CAAA,CAE7C,EAEA,aAAc,CACL,MAAA,CACL,SACE,CACEE,EACAC,EACAC,EACAC,EAAQ,IACRC,EAAS,IACTC,EAAW,GACXC,EAAe,aACfC,IAEF,CAAC,CAAE,SAAAC,EAAU,MAAAC,KACJD,EAAS,gBACdC,EAAM,UACN;AAAA,0BACcJ,CAAQ;AAAA,8BACJC,CAAY;AAAA,qBACrBL,CAAG;AAAA,uBACDE,CAAK;AAAA,wBACJC,CAAM;AAAA,kCACIJ,CAAE;AAAA,4CACQE,CAAW;AAAA,uCAChBC,CAAK,IAAIC,CAAM,OAC1CG,CAAA,EAIN,YACE,IACA,CAAC,CAAE,SAAAC,KACDA,EAAS,WAAW,KAAK,KAAM,WAAW,CAAA,CAElD,EAEA,eAAgB,CACP,MAAA,CACLE,gBAAc,CACZ,KAAMnB,EACN,KAAM,KAAK,KACX,cAAgBoB,GAAU,CACxB,KAAM,CAAK,CAAA,CAAAV,CAAG,EAAIU,EAElB,MAAO,CAAE,IAAAV,CAAI,CACf,CAAA,CACD,CAAA,CAEL,CACF,CAAC"}
|
package/dist/video/video.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Node, mergeAttributes, nodeInputRule } from "@tiptap/core";
|
|
2
|
-
const
|
|
1
|
+
import { Node as c, mergeAttributes as l, nodeInputRule as p } from "@tiptap/core";
|
|
2
|
+
const g = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/, b = c.create({
|
|
3
3
|
name: "video",
|
|
4
4
|
group: "block",
|
|
5
5
|
draggable: !0,
|
|
@@ -8,40 +8,40 @@ const VIDEO_INPUT_REGEX = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/, Video
|
|
|
8
8
|
return {
|
|
9
9
|
src: {
|
|
10
10
|
default: null,
|
|
11
|
-
parseHTML: (
|
|
12
|
-
renderHTML: (
|
|
11
|
+
parseHTML: (t) => t.getAttribute("src"),
|
|
12
|
+
renderHTML: (t) => ({ src: t.src })
|
|
13
13
|
},
|
|
14
14
|
controls: {
|
|
15
15
|
default: !0,
|
|
16
|
-
parseHTML: (
|
|
17
|
-
renderHTML: (
|
|
16
|
+
parseHTML: (t) => t.getAttribute("controls") ? t.getAttribute("controls") : !!t.hasAttribute("controls"),
|
|
17
|
+
renderHTML: (t) => ({ controls: t.controls })
|
|
18
18
|
},
|
|
19
19
|
documentId: {
|
|
20
20
|
default: "",
|
|
21
|
-
renderHTML: (
|
|
22
|
-
parseHTML: (
|
|
21
|
+
renderHTML: (t) => ({ "data-document-id": t.documentId }),
|
|
22
|
+
parseHTML: (t) => t.getAttribute("data-document-id")
|
|
23
23
|
},
|
|
24
24
|
isCaptation: {
|
|
25
25
|
default: !1,
|
|
26
|
-
renderHTML: (
|
|
27
|
-
parseHTML: (
|
|
26
|
+
renderHTML: (t) => ({ "data-document-is-captation": t.isCaptation }),
|
|
27
|
+
parseHTML: (t) => t.getAttribute("data-document-is-captation")
|
|
28
28
|
},
|
|
29
29
|
videoResolution: {
|
|
30
30
|
default: "404x720",
|
|
31
|
-
renderHTML: (
|
|
32
|
-
parseHTML: (
|
|
31
|
+
renderHTML: (t) => ({ "data-video-resolution": t.videoResolution }),
|
|
32
|
+
parseHTML: (t) => t.getAttribute("data-video-resolution")
|
|
33
33
|
},
|
|
34
34
|
width: {
|
|
35
|
-
renderHTML: (
|
|
36
|
-
width: parseInt(
|
|
35
|
+
renderHTML: (t) => ({
|
|
36
|
+
width: parseInt(t.width)
|
|
37
37
|
}),
|
|
38
|
-
parseHTML: (
|
|
38
|
+
parseHTML: (t) => t.getAttribute("width")
|
|
39
39
|
},
|
|
40
40
|
height: {
|
|
41
|
-
renderHTML: (
|
|
42
|
-
height: parseInt(
|
|
41
|
+
renderHTML: (t) => ({
|
|
42
|
+
height: parseInt(t.height)
|
|
43
43
|
}),
|
|
44
|
-
parseHTML: (
|
|
44
|
+
parseHTML: (t) => t.getAttribute("height")
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
},
|
|
@@ -49,51 +49,51 @@ const VIDEO_INPUT_REGEX = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/, Video
|
|
|
49
49
|
return [
|
|
50
50
|
{
|
|
51
51
|
tag: "div.video-wrapper>video,video",
|
|
52
|
-
getAttrs: (
|
|
53
|
-
src:
|
|
52
|
+
getAttrs: (t) => ({
|
|
53
|
+
src: t.getAttribute("src")
|
|
54
54
|
})
|
|
55
55
|
}
|
|
56
56
|
];
|
|
57
57
|
},
|
|
58
|
-
renderHTML({ HTMLAttributes }) {
|
|
58
|
+
renderHTML({ HTMLAttributes: t }) {
|
|
59
59
|
return [
|
|
60
60
|
"div",
|
|
61
61
|
{ class: "video-wrapper" },
|
|
62
|
-
["video",
|
|
62
|
+
["video", l(t)]
|
|
63
63
|
];
|
|
64
64
|
},
|
|
65
65
|
addCommands() {
|
|
66
66
|
return {
|
|
67
|
-
setVideo: (
|
|
68
|
-
|
|
67
|
+
setVideo: (t, e, d, r = 350, o = 197, n = !0, i = "nodownload", a) => ({ commands: s, state: u }) => s.insertContentAt(
|
|
68
|
+
u.selection,
|
|
69
69
|
`<video
|
|
70
|
-
controls="${
|
|
71
|
-
controlslist="${
|
|
72
|
-
src="${
|
|
73
|
-
width="${
|
|
74
|
-
height="${
|
|
75
|
-
data-document-id="${
|
|
76
|
-
data-document-is-captation="${
|
|
77
|
-
data-video-resolution="${
|
|
78
|
-
|
|
70
|
+
controls="${n}"
|
|
71
|
+
controlslist="${i}"
|
|
72
|
+
src="${e}"
|
|
73
|
+
width="${r}"
|
|
74
|
+
height="${o}"
|
|
75
|
+
data-document-id="${t}"
|
|
76
|
+
data-document-is-captation="${d}"
|
|
77
|
+
data-video-resolution="${r}x${o}" />`,
|
|
78
|
+
a
|
|
79
79
|
),
|
|
80
|
-
toggleVideo: () => ({ commands }) =>
|
|
80
|
+
toggleVideo: () => ({ commands: t }) => t.toggleNode(this.name, "paragraph")
|
|
81
81
|
};
|
|
82
82
|
},
|
|
83
83
|
addInputRules() {
|
|
84
84
|
return [
|
|
85
|
-
|
|
86
|
-
find:
|
|
85
|
+
p({
|
|
86
|
+
find: g,
|
|
87
87
|
type: this.type,
|
|
88
|
-
getAttributes: (
|
|
89
|
-
const [, ,
|
|
90
|
-
return { src };
|
|
88
|
+
getAttributes: (t) => {
|
|
89
|
+
const [, , e] = t;
|
|
90
|
+
return { src: e };
|
|
91
91
|
}
|
|
92
92
|
})
|
|
93
93
|
];
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
export {
|
|
97
|
-
Video
|
|
97
|
+
b as Video
|
|
98
98
|
};
|
|
99
99
|
//# sourceMappingURL=video.js.map
|
package/dist/video/video.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video.js","sources":["../../src/video/video.ts"],"sourcesContent":["import { mergeAttributes, Node, nodeInputRule } from '@tiptap/core';\n\nexport interface VideoOptions {\n url: string;\n width: number;\n height: number;\n HTMLAttributes: Record<string, any>;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n video: {\n /**\n * Set a video node\n * @param options.updateSelection set to true will select the newly inserted content\n */\n setVideo: (\n id: string,\n src: string,\n isCaptation: boolean,\n width?: number,\n height?: number,\n controls?: boolean,\n controlslist?: string,\n options?: { updateSelection: boolean },\n ) => ReturnType;\n /**\n * Toggle a video\n */\n toggleVideo: (src: string) => ReturnType;\n };\n }\n}\n\nconst VIDEO_INPUT_REGEX = /!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\)/;\n\nexport const Video = Node.create({\n name: 'video',\n group: 'block',\n draggable: true,\n selectable: true,\n\n addAttributes() {\n return {\n src: {\n default: null,\n parseHTML: (el: any) => (el as HTMLSpanElement).getAttribute('src'),\n renderHTML: (attrs: any) => ({ src: attrs.src }),\n },\n controls: {\n default: true,\n parseHTML: (el: any) => {\n if ((el as HTMLSpanElement).getAttribute('controls')) {\n return (el as HTMLSpanElement).getAttribute('controls');\n } else if ((el as HTMLSpanElement).hasAttribute('controls')) {\n return true;\n } else {\n return false;\n }\n },\n renderHTML: (attrs: any) => ({ controls: attrs.controls }),\n },\n documentId: {\n default: '',\n renderHTML: (attributes: any) => {\n return { 'data-document-id': attributes.documentId };\n },\n parseHTML: (element: any) => element.getAttribute('data-document-id'),\n },\n isCaptation: {\n default: false,\n renderHTML: (attributes: any) => {\n return { 'data-document-is-captation': attributes.isCaptation };\n },\n parseHTML: (element: any) =>\n element.getAttribute('data-document-is-captation'),\n },\n videoResolution: {\n default: '404x720',\n renderHTML: (attributes: any) => {\n return { 'data-video-resolution': attributes.videoResolution };\n },\n parseHTML: (element: any) =>\n element.getAttribute('data-video-resolution'),\n },\n width: {\n renderHTML: (attributes: any) => {\n return {\n width: parseInt(attributes.width),\n };\n },\n parseHTML: (element) => element.getAttribute('width'),\n },\n height: {\n renderHTML: (attributes: any) => {\n return {\n height: parseInt(attributes.height),\n };\n },\n parseHTML: (element) => element.getAttribute('height'),\n },\n };\n },\n\n parseHTML() {\n return [\n {\n tag: 'div.video-wrapper>video,video',\n getAttrs: (el: any) => ({\n src: (el as HTMLVideoElement).getAttribute('src'),\n }),\n },\n ];\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\n 'div',\n { class: 'video-wrapper' },\n ['video', mergeAttributes(HTMLAttributes)],\n ];\n },\n\n addCommands() {\n return {\n setVideo:\n (\n id: string,\n src: string,\n isCaptation: boolean,\n width = 350,\n height = 197,\n controls = true,\n controlslist = 'nodownload',\n options,\n ) =>\n ({ commands, state }) => {\n return commands.insertContentAt(\n state.selection,\n `<video \n controls=\"${controls}\" \n controlslist=\"${controlslist}\"\n src=\"${src}\" \n width=\"${width}\"\n height=\"${height}\"\n data-document-id=\"${id}\" \n data-document-is-captation=\"${isCaptation}\"\n data-video-resolution=\"${width}x${height}\" />`,\n options,\n );\n },\n\n toggleVideo:\n () =>\n ({ commands }) =>\n commands.toggleNode(this.name, 'paragraph'),\n };\n },\n\n addInputRules() {\n return [\n nodeInputRule({\n find: VIDEO_INPUT_REGEX,\n type: this.type,\n getAttributes: (match) => {\n const [, , src] = match;\n\n return { src };\n },\n }),\n ];\n },\n});\n"],"names":[],"mappings":";AAkCA,
|
|
1
|
+
{"version":3,"file":"video.js","sources":["../../src/video/video.ts"],"sourcesContent":["import { mergeAttributes, Node, nodeInputRule } from '@tiptap/core';\n\nexport interface VideoOptions {\n url: string;\n width: number;\n height: number;\n HTMLAttributes: Record<string, any>;\n}\n\ndeclare module '@tiptap/core' {\n interface Commands<ReturnType> {\n video: {\n /**\n * Set a video node\n * @param options.updateSelection set to true will select the newly inserted content\n */\n setVideo: (\n id: string,\n src: string,\n isCaptation: boolean,\n width?: number,\n height?: number,\n controls?: boolean,\n controlslist?: string,\n options?: { updateSelection: boolean },\n ) => ReturnType;\n /**\n * Toggle a video\n */\n toggleVideo: (src: string) => ReturnType;\n };\n }\n}\n\nconst VIDEO_INPUT_REGEX = /!\\[(.+|:?)]\\((\\S+)(?:(?:\\s+)[\"'](\\S+)[\"'])?\\)/;\n\nexport const Video = Node.create({\n name: 'video',\n group: 'block',\n draggable: true,\n selectable: true,\n\n addAttributes() {\n return {\n src: {\n default: null,\n parseHTML: (el: any) => (el as HTMLSpanElement).getAttribute('src'),\n renderHTML: (attrs: any) => ({ src: attrs.src }),\n },\n controls: {\n default: true,\n parseHTML: (el: any) => {\n if ((el as HTMLSpanElement).getAttribute('controls')) {\n return (el as HTMLSpanElement).getAttribute('controls');\n } else if ((el as HTMLSpanElement).hasAttribute('controls')) {\n return true;\n } else {\n return false;\n }\n },\n renderHTML: (attrs: any) => ({ controls: attrs.controls }),\n },\n documentId: {\n default: '',\n renderHTML: (attributes: any) => {\n return { 'data-document-id': attributes.documentId };\n },\n parseHTML: (element: any) => element.getAttribute('data-document-id'),\n },\n isCaptation: {\n default: false,\n renderHTML: (attributes: any) => {\n return { 'data-document-is-captation': attributes.isCaptation };\n },\n parseHTML: (element: any) =>\n element.getAttribute('data-document-is-captation'),\n },\n videoResolution: {\n default: '404x720',\n renderHTML: (attributes: any) => {\n return { 'data-video-resolution': attributes.videoResolution };\n },\n parseHTML: (element: any) =>\n element.getAttribute('data-video-resolution'),\n },\n width: {\n renderHTML: (attributes: any) => {\n return {\n width: parseInt(attributes.width),\n };\n },\n parseHTML: (element) => element.getAttribute('width'),\n },\n height: {\n renderHTML: (attributes: any) => {\n return {\n height: parseInt(attributes.height),\n };\n },\n parseHTML: (element) => element.getAttribute('height'),\n },\n };\n },\n\n parseHTML() {\n return [\n {\n tag: 'div.video-wrapper>video,video',\n getAttrs: (el: any) => ({\n src: (el as HTMLVideoElement).getAttribute('src'),\n }),\n },\n ];\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\n 'div',\n { class: 'video-wrapper' },\n ['video', mergeAttributes(HTMLAttributes)],\n ];\n },\n\n addCommands() {\n return {\n setVideo:\n (\n id: string,\n src: string,\n isCaptation: boolean,\n width = 350,\n height = 197,\n controls = true,\n controlslist = 'nodownload',\n options,\n ) =>\n ({ commands, state }) => {\n return commands.insertContentAt(\n state.selection,\n `<video \n controls=\"${controls}\" \n controlslist=\"${controlslist}\"\n src=\"${src}\" \n width=\"${width}\"\n height=\"${height}\"\n data-document-id=\"${id}\" \n data-document-is-captation=\"${isCaptation}\"\n data-video-resolution=\"${width}x${height}\" />`,\n options,\n );\n },\n\n toggleVideo:\n () =>\n ({ commands }) =>\n commands.toggleNode(this.name, 'paragraph'),\n };\n },\n\n addInputRules() {\n return [\n nodeInputRule({\n find: VIDEO_INPUT_REGEX,\n type: this.type,\n getAttributes: (match) => {\n const [, , src] = match;\n\n return { src };\n },\n }),\n ];\n },\n});\n"],"names":["VIDEO_INPUT_REGEX","Video","Node","el","attrs","attributes","element","HTMLAttributes","mergeAttributes","id","src","isCaptation","width","height","controls","controlslist","options","commands","state","nodeInputRule","match"],"mappings":";AAkCA,MAAMA,IAAoB,iDAEbC,IAAQC,EAAK,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EAEZ,gBAAgB;AACP,WAAA;AAAA,MACL,KAAK;AAAA,QACH,SAAS;AAAA,QACT,WAAW,CAACC,MAAaA,EAAuB,aAAa,KAAK;AAAA,QAClE,YAAY,CAACC,OAAgB,EAAE,KAAKA,EAAM,IAAI;AAAA,MAChD;AAAA,MACA,UAAU;AAAA,QACR,SAAS;AAAA,QACT,WAAW,CAACD,MACLA,EAAuB,aAAa,UAAU,IACzCA,EAAuB,aAAa,UAAU,IAC5C,EAAAA,EAAuB,aAAa,UAAU;AAAA,QAM5D,YAAY,CAACC,OAAgB,EAAE,UAAUA,EAAM,SAAS;AAAA,MAC1D;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,YAAY,CAACC,OACJ,EAAE,oBAAoBA,EAAW;QAE1C,WAAW,CAACC,MAAiBA,EAAQ,aAAa,kBAAkB;AAAA,MACtE;AAAA,MACA,aAAa;AAAA,QACX,SAAS;AAAA,QACT,YAAY,CAACD,OACJ,EAAE,8BAA8BA,EAAW;QAEpD,WAAW,CAACC,MACVA,EAAQ,aAAa,4BAA4B;AAAA,MACrD;AAAA,MACA,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,YAAY,CAACD,OACJ,EAAE,yBAAyBA,EAAW;QAE/C,WAAW,CAACC,MACVA,EAAQ,aAAa,uBAAuB;AAAA,MAChD;AAAA,MACA,OAAO;AAAA,QACL,YAAY,CAACD,OACJ;AAAA,UACL,OAAO,SAASA,EAAW,KAAK;AAAA,QAAA;AAAA,QAGpC,WAAW,CAACC,MAAYA,EAAQ,aAAa,OAAO;AAAA,MACtD;AAAA,MACA,QAAQ;AAAA,QACN,YAAY,CAACD,OACJ;AAAA,UACL,QAAQ,SAASA,EAAW,MAAM;AAAA,QAAA;AAAA,QAGtC,WAAW,CAACC,MAAYA,EAAQ,aAAa,QAAQ;AAAA,MACvD;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,YAAY;AACH,WAAA;AAAA,MACL;AAAA,QACE,KAAK;AAAA,QACL,UAAU,CAACH,OAAa;AAAA,UACtB,KAAMA,EAAwB,aAAa,KAAK;AAAA,QAAA;AAAA,MAEpD;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,WAAW,EAAE,gBAAAI,KAAkB;AACtB,WAAA;AAAA,MACL;AAAA,MACA,EAAE,OAAO,gBAAgB;AAAA,MACzB,CAAC,SAASC,EAAgBD,CAAc,CAAC;AAAA,IAAA;AAAA,EAE7C;AAAA,EAEA,cAAc;AACL,WAAA;AAAA,MACL,UACE,CACEE,GACAC,GACAC,GACAC,IAAQ,KACRC,IAAS,KACTC,IAAW,IACXC,IAAe,cACfC,MAEF,CAAC,EAAE,UAAAC,GAAU,OAAAC,QACJD,EAAS;AAAA,QACdC,EAAM;AAAA,QACN;AAAA,0BACcJ,CAAQ;AAAA,8BACJC,CAAY;AAAA,qBACrBL,CAAG;AAAA,uBACDE,CAAK;AAAA,wBACJC,CAAM;AAAA,kCACIJ,CAAE;AAAA,4CACQE,CAAW;AAAA,uCAChBC,CAAK,IAAIC,CAAM;AAAA,QAC1CG;AAAA,MAAA;AAAA,MAIN,aACE,MACA,CAAC,EAAE,UAAAC,QACDA,EAAS,WAAW,KAAK,MAAM,WAAW;AAAA,IAAA;AAAA,EAElD;AAAA,EAEA,gBAAgB;AACP,WAAA;AAAA,MACLE,EAAc;AAAA,QACZ,MAAMnB;AAAA,QACN,MAAM,KAAK;AAAA,QACX,eAAe,CAACoB,MAAU;AACxB,gBAAM,CAAK,EAAA,EAAAV,CAAG,IAAIU;AAElB,iBAAO,EAAE,KAAAV,EAAI;AAAA,QACf;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AACF,CAAC;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edifice.io/tiptap-extensions",
|
|
3
|
-
"version": "2.0.0-develop-rc.
|
|
3
|
+
"version": "2.0.0-develop-rc.10",
|
|
4
4
|
"description": "Edifice Rich Text Editor Extensions",
|
|
5
5
|
"homepage": "https://github.com/edificeio/edifice-ui/tree/main/packages/tiptap/extensions#readme",
|
|
6
6
|
"bugs": {
|