payload-richtext-tiptap 0.0.79 → 0.0.81

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.
Files changed (65) hide show
  1. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.d.ts +1 -1
  2. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.d.ts.map +1 -1
  3. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.js +6 -2
  4. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.js.map +1 -1
  5. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.d.ts +1 -1
  6. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.d.ts.map +1 -1
  7. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.js +6 -2
  8. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.js.map +1 -1
  9. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.d.ts +1 -1
  10. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.d.ts.map +1 -1
  11. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.js +6 -2
  12. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.js.map +1 -1
  13. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbedServerside.d.ts +2 -0
  14. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbedServerside.d.ts.map +1 -0
  15. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbedServerside.js +24 -0
  16. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbedServerside.js.map +1 -0
  17. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.d.ts +1 -1
  18. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.d.ts.map +1 -1
  19. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.js +6 -2
  20. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.js.map +1 -1
  21. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.d.ts +1 -1
  22. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.d.ts.map +1 -1
  23. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.js +6 -2
  24. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.js.map +1 -1
  25. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.d.ts +1 -1
  26. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.d.ts.map +1 -1
  27. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.js +6 -2
  28. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.js.map +1 -1
  29. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.d.ts.map +1 -1
  30. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.js +7 -7
  31. package/dist/src/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.js.map +1 -1
  32. package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.d.ts.map +1 -1
  33. package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.js +35 -22
  34. package/dist/src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.js.map +1 -1
  35. package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.d.ts +1 -1
  36. package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.d.ts.map +1 -1
  37. package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.js +11 -7
  38. package/dist/src/fields/TiptapEditor/extensions/serverside/FacebookServerside.js.map +1 -1
  39. package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.d.ts +1 -1
  40. package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.d.ts.map +1 -1
  41. package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.js +11 -7
  42. package/dist/src/fields/TiptapEditor/extensions/serverside/InstagramServerside.js.map +1 -1
  43. package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.d.ts +1 -1
  44. package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.d.ts.map +1 -1
  45. package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.js +11 -7
  46. package/dist/src/fields/TiptapEditor/extensions/serverside/LinkedinServerside.js.map +1 -1
  47. package/dist/src/fields/TiptapEditor/extensions/serverside/TiktokServerside.d.ts +1 -1
  48. package/dist/src/fields/TiptapEditor/extensions/serverside/TiktokServerside.d.ts.map +1 -1
  49. package/dist/src/fields/TiptapEditor/extensions/serverside/TiktokServerside.js +11 -7
  50. package/dist/src/fields/TiptapEditor/extensions/serverside/TiktokServerside.js.map +1 -1
  51. package/dist/src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.d.ts +1 -1
  52. package/dist/src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.d.ts.map +1 -1
  53. package/dist/src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.js +12 -8
  54. package/dist/src/fields/TiptapEditor/extensions/serverside/TwitterBlockServerside.js.map +1 -1
  55. package/dist/src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.d.ts +1 -1
  56. package/dist/src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.d.ts.map +1 -1
  57. package/dist/src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.js +11 -7
  58. package/dist/src/fields/TiptapEditor/extensions/serverside/YouTubeServerside.js.map +1 -1
  59. package/dist/src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.d.ts +3 -1
  60. package/dist/src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.d.ts.map +1 -1
  61. package/dist/src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.js +15 -3
  62. package/dist/src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.js.map +1 -1
  63. package/dist/src/fields/TiptapEditor/hooks/useBlockEditor.js.map +1 -1
  64. package/dist/tsconfig.tsbuildinfo +1 -1
  65. package/package.json +1 -1
@@ -4,7 +4,7 @@ declare module "@tiptap/core" {
4
4
  /**
5
5
  * Add an image
6
6
  */
7
- insertFacebook: (url?: string) => ReturnType;
7
+ insertFacebook: (url?: string, className?: string) => ReturnType;
8
8
  };
9
9
  }
10
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"facebook.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,QAAQ,EAAE;YACR;;eAEG;YAEH,cAAc,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAC9C,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,QAAQ,gBAwDnB,CAAC"}
1
+ {"version":3,"file":"facebook.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,QAAQ,EAAE;YACR;;eAEG;YAEH,cAAc,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAClE,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,QAAQ,gBA0DnB,CAAC"}
@@ -18,6 +18,9 @@ export const Facebook = Node.create({
18
18
  return {
19
19
  url: {
20
20
  default: null
21
+ },
22
+ class: {
23
+ default: null
21
24
  }
22
25
  };
23
26
  },
@@ -42,11 +45,12 @@ export const Facebook = Node.create({
42
45
  },
43
46
  addCommands () {
44
47
  return {
45
- insertFacebook: (url)=>({ commands, state })=>{
48
+ insertFacebook: (url, className)=>({ commands, state })=>{
46
49
  return commands.insertContent({
47
50
  type: "facebook",
48
51
  attrs: {
49
- url
52
+ url,
53
+ class: className
50
54
  }
51
55
  });
52
56
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n facebook: {\n /**\n * Add an image\n */\n\n insertFacebook: (url?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport FacebookEmbed from \"./FacebookEmbed.js\";\n\nexport const Facebook = Node.create({\n name: \"facebook\",\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: \"facebook-component\",\n },\n ];\n },\n addAttributes() {\n return {\n url: { default: null },\n };\n },\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"facebook-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(FacebookEmbed);\n },\n\n addCommands() {\n return {\n insertFacebook:\n (url) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"facebook\",\n attrs: {\n url,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","FacebookEmbed","Facebook","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertFacebook","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,mBAAmB,qBAAqB;AAE/C,OAAO,MAAMC,WAAWJ,KAAKK,MAAM,CAAC;IAClCC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;QACvB;IACF;IACAC;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAsBzB,gBAAgByB;YAAiB;SAAE;IACnE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,gBACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}
1
+ {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Facebook/facebook.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n facebook: {\n /**\n * Add an image\n */\n\n insertFacebook: (url?: string, className?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport FacebookEmbed from \"./FacebookEmbed.js\";\n\nexport const Facebook = Node.create({\n name: \"facebook\",\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: \"facebook-component\",\n },\n ];\n },\n addAttributes() {\n return {\n url: { default: null },\n class: { default: null },\n };\n },\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"facebook-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(FacebookEmbed);\n },\n\n addCommands() {\n return {\n insertFacebook:\n (url, className) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"facebook\",\n attrs: {\n url,\n class: className,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","FacebookEmbed","Facebook","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertFacebook","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,mBAAmB,qBAAqB;AAE/C,OAAO,MAAMC,WAAWJ,KAAKK,MAAM,CAAC;IAClCC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IACAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAsB1B,gBAAgB0B;YAAiB;SAAE;IACnE;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,gBACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
@@ -4,7 +4,7 @@ declare module "@tiptap/core" {
4
4
  /**
5
5
  * Add an image
6
6
  */
7
- insertInstagram: (url?: string) => ReturnType;
7
+ insertInstagram: (url?: string, className?: string) => ReturnType;
8
8
  };
9
9
  }
10
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"instagram.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,SAAS,EAAE;YACT;;eAEG;YAEH,eAAe,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAC/C,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,SAAS,gBAwDpB,CAAC"}
1
+ {"version":3,"file":"instagram.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,SAAS,EAAE;YACT;;eAEG;YAEH,eAAe,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SACnE,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,SAAS,gBA0DpB,CAAC"}
@@ -18,6 +18,9 @@ export const Instagram = Node.create({
18
18
  return {
19
19
  url: {
20
20
  default: null
21
+ },
22
+ class: {
23
+ default: null
21
24
  }
22
25
  };
23
26
  },
@@ -42,11 +45,12 @@ export const Instagram = Node.create({
42
45
  },
43
46
  addCommands () {
44
47
  return {
45
- insertInstagram: (url)=>({ commands, state })=>{
48
+ insertInstagram: (url, className)=>({ commands, state })=>{
46
49
  return commands.insertContent({
47
50
  type: "instagram",
48
51
  attrs: {
49
- url
52
+ url,
53
+ class: className
50
54
  }
51
55
  });
52
56
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n instagram: {\n /**\n * Add an image\n */\n\n insertInstagram: (url?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport InstagramEmbed from \"./InstagramEmbed.js\";\n\nexport const Instagram = Node.create({\n name: \"instagram\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: \"instagram-component\",\n },\n ];\n },\n addAttributes() {\n return {\n url: { default: null },\n };\n },\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"instagram-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(InstagramEmbed);\n },\n\n addCommands() {\n return {\n insertInstagram:\n (url) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"instagram\",\n attrs: {\n url,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","InstagramEmbed","Instagram","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertInstagram","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,oBAAoB,sBAAsB;AAEjD,OAAO,MAAMC,YAAYJ,KAAKK,MAAM,CAAC;IACnCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IACX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;QACvB;IACF;IACAC;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAuBzB,gBAAgByB;YAAiB;SAAE;IACpE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,iBACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}
1
+ {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Instagram/instagram.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n instagram: {\n /**\n * Add an image\n */\n\n insertInstagram: (url?: string, className?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport InstagramEmbed from \"./InstagramEmbed.js\";\n\nexport const Instagram = Node.create({\n name: \"instagram\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: \"instagram-component\",\n },\n ];\n },\n addAttributes() {\n return {\n url: { default: null },\n class: { default: null },\n };\n },\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"instagram-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(InstagramEmbed);\n },\n\n addCommands() {\n return {\n insertInstagram:\n (url, className) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"instagram\",\n attrs: {\n url,\n class: className,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","InstagramEmbed","Instagram","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertInstagram","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,oBAAoB,sBAAsB;AAEjD,OAAO,MAAMC,YAAYJ,KAAKK,MAAM,CAAC;IACnCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IACX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IACAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAuB1B,gBAAgB0B;YAAiB;SAAE;IACpE;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,iBACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
@@ -4,7 +4,7 @@ declare module "@tiptap/core" {
4
4
  /**
5
5
  * Add an image
6
6
  */
7
- insertLinkedin: (url?: string) => ReturnType;
7
+ insertLinkedin: (url?: string, className?: string) => ReturnType;
8
8
  };
9
9
  }
10
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"linkedin.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,QAAQ,EAAE;YACR;;eAEG;YAEH,cAAc,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAC9C,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,QAAQ,gBAuDnB,CAAC"}
1
+ {"version":3,"file":"linkedin.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,QAAQ,EAAE;YACR;;eAEG;YAEH,cAAc,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAClE,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,QAAQ,gBAyDnB,CAAC"}
@@ -17,6 +17,9 @@ export const Linkedin = Node.create({
17
17
  return {
18
18
  url: {
19
19
  default: null
20
+ },
21
+ class: {
22
+ default: null
20
23
  }
21
24
  };
22
25
  },
@@ -41,11 +44,12 @@ export const Linkedin = Node.create({
41
44
  },
42
45
  addCommands () {
43
46
  return {
44
- insertLinkedin: (url)=>({ commands, state })=>{
47
+ insertLinkedin: (url, className)=>({ commands, state })=>{
45
48
  return commands.insertContent({
46
49
  type: "linkedin",
47
50
  attrs: {
48
- url
51
+ url,
52
+ class: className
49
53
  }
50
54
  });
51
55
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n linkedin: {\n /**\n * Add an image\n */\n\n insertLinkedin: (url?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport LinkedinEmbed from \"./LinkedinEmbed.js\";\n\nexport const Linkedin = Node.create({\n name: \"linkedin\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n parseHTML() {\n return [\n {\n tag: \"linkedin-component\",\n },\n ];\n },\n addAttributes() {\n return {\n url: { default: null },\n };\n },\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"linkedin-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(LinkedinEmbed);\n },\n\n addCommands() {\n return {\n insertLinkedin:\n (url) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"linkedin\",\n attrs: {\n url,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","LinkedinEmbed","Linkedin","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertLinkedin","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,mBAAmB,qBAAqB;AAE/C,OAAO,MAAMC,WAAWJ,KAAKK,MAAM,CAAC;IAClCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEXC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;QACvB;IACF;IACAC;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAsBzB,gBAAgByB;YAAiB;SAAE;IACnE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,gBACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}
1
+ {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Linkedin/linkedin.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n linkedin: {\n /**\n * Add an image\n */\n\n insertLinkedin: (url?: string, className?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport LinkedinEmbed from \"./LinkedinEmbed.js\";\n\nexport const Linkedin = Node.create({\n name: \"linkedin\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n parseHTML() {\n return [\n {\n tag: \"linkedin-component\",\n },\n ];\n },\n addAttributes() {\n return {\n url: { default: null },\n class: { default: null },\n };\n },\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"linkedin-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(LinkedinEmbed);\n },\n\n addCommands() {\n return {\n insertLinkedin:\n (url, className) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"linkedin\",\n attrs: {\n url,\n class: className,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","LinkedinEmbed","Linkedin","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertLinkedin","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,mBAAmB,qBAAqB;AAE/C,OAAO,MAAMC,WAAWJ,KAAKK,MAAM,CAAC;IAClCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEXC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IACAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAsB1B,gBAAgB0B;YAAiB;SAAE;IACnE;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,gBACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
@@ -0,0 +1,2 @@
1
+ export declare const SocialMediaEmbedServerside: ({ children, className }: any) => import("react").JSX.Element;
2
+ //# sourceMappingURL=SocialMediaEmbedServerside.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SocialMediaEmbedServerside.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbedServerside.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,0BAA0B,4BAA6B,GAAG,gCAetE,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { NodeViewContent, NodeViewWrapper } from "@tiptap/react";
3
+ import { cn } from "../../lib/utils/index.js";
4
+ export const SocialMediaEmbedServerside = ({ children, className })=>{
5
+ return /*#__PURE__*/ _jsx(NodeViewWrapper, {
6
+ className: cn("react-component", className),
7
+ children: /*#__PURE__*/ _jsx(NodeViewContent, {
8
+ contentEditable: "false",
9
+ className: "socialMediaContainer",
10
+ children: /*#__PURE__*/ _jsx("div", {
11
+ style: {
12
+ display: "flex",
13
+ justifyContent: "center"
14
+ },
15
+ draggable: "true",
16
+ "data-drag-handle": "",
17
+ contentEditable: "false",
18
+ children: children
19
+ })
20
+ })
21
+ });
22
+ };
23
+
24
+ //# sourceMappingURL=SocialMediaEmbedServerside.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/SocialMediaEmbedServerside.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport const SocialMediaEmbedServerside = ({ children, className }: any) => {\n return (\n <NodeViewWrapper className={cn(\"react-component\", className)}>\n <NodeViewContent contentEditable=\"false\" className=\"socialMediaContainer\">\n <div\n style={{ display: \"flex\", justifyContent: \"center\" }}\n draggable=\"true\"\n data-drag-handle=\"\"\n contentEditable=\"false\"\n >\n {children}\n </div>\n </NodeViewContent>\n </NodeViewWrapper>\n );\n};\n"],"names":["NodeViewContent","NodeViewWrapper","cn","SocialMediaEmbedServerside","children","className","contentEditable","div","style","display","justifyContent","draggable","data-drag-handle"],"mappings":";AAAA,SAASA,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AACjE,SAASC,EAAE,QAAQ,2BAA2B;AAE9C,OAAO,MAAMC,6BAA6B,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAO;IACrE,qBACE,KAACJ;QAAgBI,WAAWH,GAAG,mBAAmBG;kBAChD,cAAA,KAACL;YAAgBM,iBAAgB;YAAQD,WAAU;sBACjD,cAAA,KAACE;gBACCC,OAAO;oBAAEC,SAAS;oBAAQC,gBAAgB;gBAAS;gBACnDC,WAAU;gBACVC,oBAAiB;gBACjBN,iBAAgB;0BAEfF;;;;AAKX,EAAE"}
@@ -4,7 +4,7 @@ declare module "@tiptap/core" {
4
4
  /**
5
5
  * Add an image
6
6
  */
7
- insertTiktok: (url?: string) => ReturnType;
7
+ insertTiktok: (url?: string, className?: string) => ReturnType;
8
8
  };
9
9
  }
10
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"tiktok.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,MAAM,EAAE;YACN;;eAEG;YAEH,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAC5C,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,MAAM,gBAyDjB,CAAC"}
1
+ {"version":3,"file":"tiktok.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,MAAM,EAAE;YACN;;eAEG;YAEH,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAChE,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAIrD,eAAO,MAAM,MAAM,gBA2DjB,CAAC"}
@@ -18,6 +18,9 @@ export const Tiktok = Node.create({
18
18
  return {
19
19
  url: {
20
20
  default: null
21
+ },
22
+ class: {
23
+ default: null
21
24
  }
22
25
  };
23
26
  },
@@ -42,11 +45,12 @@ export const Tiktok = Node.create({
42
45
  },
43
46
  addCommands () {
44
47
  return {
45
- insertTiktok: (url)=>({ commands, state })=>{
48
+ insertTiktok: (url, className)=>({ commands, state })=>{
46
49
  return commands.insertContent({
47
50
  type: "tiktok",
48
51
  attrs: {
49
- url
52
+ url,
53
+ class: className
50
54
  }
51
55
  });
52
56
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n tiktok: {\n /**\n * Add an image\n */\n\n insertTiktok: (url?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TiktokEmbed from \"./TiktokEmbed.js\";\n\nexport const Tiktok = Node.create({\n name: \"tiktok\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: \"tiktok-component\",\n },\n ];\n },\n addAttributes() {\n return {\n url: { default: null },\n };\n },\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"tiktok-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(TiktokEmbed);\n },\n\n addCommands() {\n return {\n insertTiktok:\n (url) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"tiktok\",\n attrs: {\n url,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TiktokEmbed","Tiktok","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTiktok","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,iBAAiB,mBAAmB;AAE3C,OAAO,MAAMC,SAASJ,KAAKK,MAAM,CAAC;IAChCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;QACvB;IACF;IACAC;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAoBzB,gBAAgByB;YAAiB;SAAE;IACjE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,cACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}
1
+ {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Tiktok/tiktok.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n tiktok: {\n /**\n * Add an image\n */\n\n insertTiktok: (url?: string, className?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TiktokEmbed from \"./TiktokEmbed.js\";\n\nexport const Tiktok = Node.create({\n name: \"tiktok\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: \"tiktok-component\",\n },\n ];\n },\n addAttributes() {\n return {\n url: { default: null },\n class: { default: null },\n };\n },\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"tiktok-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(TiktokEmbed);\n },\n\n addCommands() {\n return {\n insertTiktok:\n (url, className) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"tiktok\",\n attrs: {\n url,\n class: className,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TiktokEmbed","Tiktok","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTiktok","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAe;AACrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,iBAAiB,mBAAmB;AAE3C,OAAO,MAAMC,SAASJ,KAAKK,MAAM,CAAC;IAChCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IACAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IACAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAoB1B,gBAAgB0B;YAAiB;SAAE;IACjE;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,cACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
@@ -4,7 +4,7 @@ declare module "@tiptap/core" {
4
4
  /**
5
5
  * Add an image
6
6
  */
7
- insertTwitter: (url?: string) => ReturnType;
7
+ insertTwitter: (url?: string, className?: string) => ReturnType;
8
8
  };
9
9
  }
10
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"twitter.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP;;eAEG;YAEH,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAC7C,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAI/E,eAAO,MAAM,OAAO,gBA+DlB,CAAC"}
1
+ {"version":3,"file":"twitter.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP;;eAEG;YAEH,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SACjE,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAI/E,eAAO,MAAM,OAAO,gBAiElB,CAAC"}
@@ -18,6 +18,9 @@ export const Twitter = Node.create({
18
18
  return {
19
19
  url: {
20
20
  default: null
21
+ },
22
+ class: {
23
+ default: null
21
24
  }
22
25
  };
23
26
  },
@@ -44,11 +47,12 @@ export const Twitter = Node.create({
44
47
  },
45
48
  addCommands () {
46
49
  return {
47
- insertTwitter: (url)=>({ commands, state })=>{
50
+ insertTwitter: (url, className)=>({ commands, state })=>{
48
51
  return commands.insertContent({
49
52
  type: "twitter",
50
53
  attrs: {
51
- url
54
+ url,
55
+ class: className
52
56
  }
53
57
  });
54
58
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n twitter: {\n /**\n * Add an image\n */\n\n insertTwitter: (url?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TwitterEmbed from \"./TwitterEmbed.js\";\n\nexport const Twitter = Node.create({\n name: \"twitter\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: 'div[data-type=\"twitter\"]',\n },\n ];\n },\n\n addAttributes() {\n return {\n url: { default: null },\n };\n },\n\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\n \"div\",\n mergeAttributes(HTMLAttributes, { \"data-type\": \"twitter\" }),\n 0,\n ];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(TwitterEmbed);\n },\n\n addCommands() {\n return {\n insertTwitter:\n (url) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"twitter\",\n attrs: {\n url,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TwitterEmbed","Twitter","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTwitter","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAe;AAC/E,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,kBAAkB,oBAAoB;AAE7C,OAAO,MAAMC,UAAUJ,KAAKK,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;QACvB;IACF;IAEAC;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACAzB,gBAAgByB,gBAAgB;gBAAE,aAAa;YAAU;YACzD;SACD;IACH;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,eACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}
1
+ {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Twitter/twitter.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n twitter: {\n /**\n * Add an image\n */\n\n insertTwitter: (url?: string, className?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TwitterEmbed from \"./TwitterEmbed.js\";\n\nexport const Twitter = Node.create({\n name: \"twitter\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: 'div[data-type=\"twitter\"]',\n },\n ];\n },\n\n addAttributes() {\n return {\n url: { default: null },\n class: { default: null },\n };\n },\n\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\n \"div\",\n mergeAttributes(HTMLAttributes, { \"data-type\": \"twitter\" }),\n 0,\n ];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(TwitterEmbed);\n },\n\n addCommands() {\n return {\n insertTwitter:\n (url, className) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"twitter\",\n attrs: {\n url,\n class: className,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TwitterEmbed","Twitter","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTwitter","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAe;AAC/E,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,kBAAkB,oBAAoB;AAE7C,OAAO,MAAMC,UAAUJ,KAAKK,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IAEAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YACL;YACA1B,gBAAgB0B,gBAAgB;gBAAE,aAAa;YAAU;YACzD;SACD;IACH;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,eACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
@@ -4,7 +4,7 @@ declare module "@tiptap/core" {
4
4
  /**
5
5
  * Add an image
6
6
  */
7
- insertYoutube: (url?: string) => ReturnType;
7
+ insertYoutube: (url?: string, className?: string) => ReturnType;
8
8
  };
9
9
  }
10
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"youtube.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP;;eAEG;YAEH,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SAC7C,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAI/E,eAAO,MAAM,OAAO,gBA2DlB,CAAC"}
1
+ {"version":3,"file":"youtube.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP;;eAEG;YAEH,aAAa,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,UAAU,CAAC;SACjE,CAAC;KACH;CACF;AAED,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAI/E,eAAO,MAAM,OAAO,gBA6DlB,CAAC"}
@@ -18,6 +18,9 @@ export const Youtube = Node.create({
18
18
  return {
19
19
  url: {
20
20
  default: null
21
+ },
22
+ class: {
23
+ default: null
21
24
  }
22
25
  };
23
26
  },
@@ -42,11 +45,12 @@ export const Youtube = Node.create({
42
45
  },
43
46
  addCommands () {
44
47
  return {
45
- insertYoutube: (url)=>({ commands, state })=>{
48
+ insertYoutube: (url, className)=>({ commands, state })=>{
46
49
  return commands.insertContent({
47
50
  type: "youtube",
48
51
  attrs: {
49
- url
52
+ url,
53
+ class: className
50
54
  }
51
55
  });
52
56
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n youtube: {\n /**\n * Add an image\n */\n\n insertYoutube: (url?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TwitterEmbed from \"./YoutubeEmbed.js\";\n\nexport const Youtube = Node.create({\n name: \"youtube\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: \"twitter-component\",\n },\n ];\n },\n\n addAttributes() {\n return {\n url: { default: null },\n };\n },\n\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"twitter-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(TwitterEmbed);\n },\n\n addCommands() {\n return {\n insertYoutube:\n (url) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"youtube\",\n attrs: {\n url,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TwitterEmbed","Youtube","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertYoutube","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAe;AAC/E,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,kBAAkB,oBAAoB;AAE7C,OAAO,MAAMC,UAAUJ,KAAKK,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;QACvB;IACF;IAEAC;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAqBzB,gBAAgByB;YAAiB;SAAE;IAClE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,eACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}
1
+ {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n interface Commands<ReturnType> {\n youtube: {\n /**\n * Add an image\n */\n\n insertYoutube: (url?: string, className?: string) => ReturnType;\n };\n }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TwitterEmbed from \"./YoutubeEmbed.js\";\n\nexport const Youtube = Node.create({\n name: \"youtube\",\n\n group: \"block\",\n content: \"inline*\",\n draggable: true,\n\n // content: 'inline*',\n\n parseHTML() {\n return [\n {\n tag: \"twitter-component\",\n },\n ];\n },\n\n addAttributes() {\n return {\n url: { default: null },\n class: { default: null },\n };\n },\n\n addKeyboardShortcuts() {\n return {\n \"Mod-Enter\": () => {\n return this.editor\n .chain()\n .insertContentAt(this.editor.state.selection.head, {\n type: this.type.name,\n })\n .focus()\n .run();\n },\n };\n },\n\n renderHTML({ HTMLAttributes }) {\n return [\"twitter-component\", mergeAttributes(HTMLAttributes), 0];\n },\n\n addNodeView() {\n return ReactNodeViewRenderer(TwitterEmbed);\n },\n\n addCommands() {\n return {\n insertYoutube:\n (url, className) =>\n ({ commands, state }) => {\n return commands.insertContent({\n type: \"youtube\",\n attrs: {\n url,\n class: className,\n },\n });\n },\n };\n },\n});\n\nfunction isValidHttpUrl(string: string) {\n let url;\n\n try {\n url = new URL(string);\n } catch (_) {\n return false;\n }\n\n return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TwitterEmbed","Youtube","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","class","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertYoutube","className","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAe;AAC/E,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,kBAAkB,oBAAoB;AAE7C,OAAO,MAAMC,UAAUJ,KAAKK,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;YACrBC,OAAO;gBAAED,SAAS;YAAK;QACzB;IACF;IAEAE;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAACjB,IAAI;gBACtB,GACCkB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAqB1B,gBAAgB0B;YAAiB;SAAE;IAClE;IAEAC;QACE,OAAO1B,sBAAsBC;IAC/B;IAEA0B;QACE,OAAO;YACLC,eACE,CAACjB,KAAKkB,YACN,CAAC,EAAEC,QAAQ,EAAEZ,KAAK,EAAE;oBAClB,OAAOY,SAASC,aAAa,CAAC;wBAC5BV,MAAM;wBACNW,OAAO;4BACLrB;4BACAE,OAAOgB;wBACT;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASI,eAAeC,MAAc;IACpC,IAAIvB;IAEJ,IAAI;QACFA,MAAM,IAAIwB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOzB,IAAI0B,QAAQ,KAAK,WAAW1B,IAAI0B,QAAQ,KAAK;AACtD"}
@@ -1 +1 @@
1
- {"version":3,"file":"SocialMediaMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAG7D,eAAO,MAAM,eAAe,yBAA0B,SAAS,gCA8H9D,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"SocialMediaMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAG7D,eAAO,MAAM,eAAe,yBAA0B,SAAS,gCAyJ9D,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -15,28 +15,28 @@ export const SocialMediaMenu = ({ editor, appendTo })=>{
15
15
  }, [
16
16
  editor
17
17
  ]);
18
- const onHtml = useCallback((url)=>{
18
+ const onHtml = useCallback((url, isInline)=>{
19
19
  const socialMedia = supportedSocialMedia?.find((socialMedia)=>{
20
20
  return editor.isActive(socialMedia);
21
21
  });
22
22
  switch(socialMedia){
23
23
  case "facebook":
24
- editor.chain().focus().insertFacebook(url).run();
24
+ editor.chain().focus().insertFacebook(url, isInline ? "inline-facebook" : "side-facebook").run();
25
25
  break;
26
26
  case "instagram":
27
- editor.chain().focus().insertInstagram(url).run();
27
+ editor.chain().focus().insertInstagram(url, isInline ? "inline-instagram" : "side-instagram").run();
28
28
  break;
29
29
  case "youtube":
30
- editor.chain().focus().insertYoutube(url).run();
30
+ editor.chain().focus().insertYoutube(url, isInline ? "inline-youtube" : "side-youtube").run();
31
31
  break;
32
32
  case "linkedin":
33
- editor.chain().focus().insertLinkedin(url).run();
33
+ editor.chain().focus().insertLinkedin(url, isInline ? "inline-linkedin" : "side-linkedin").run();
34
34
  break;
35
35
  case "tiktok":
36
- editor.chain().focus().insertTiktok(url).run();
36
+ editor.chain().focus().insertTiktok(url, isInline ? "inline-tiktok" : "side-tiktok").run();
37
37
  break;
38
38
  case "twitter":
39
- editor.chain().focus().insertTwitter(url).run();
39
+ editor.chain().focus().insertTwitter(url, isInline ? "inline-twitter" : "side-twitter").run();
40
40
  break;
41
41
  }
42
42
  }, [
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\n\nimport { SocialMediaEditorPanel } from \"../../../features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.js\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { supportedSocialMedia } from \"./constants.js\";\n\nexport const SocialMediaMenu = ({ editor, appendTo }: MenuProps) => {\n const shouldShow = useCallback(() => {\n const isInSocialMedia = supportedSocialMedia?.some((socialMedia) => {\n const hasUrl = editor?.getAttributes(socialMedia)?.url;\n return !hasUrl && editor.isActive(socialMedia);\n });\n\n return isInSocialMedia;\n // const isIframe = editor.isActive('iframe')\n // return isIframe\n }, [editor]);\n\n const onHtml = useCallback(\n (url: string) => {\n const socialMedia = supportedSocialMedia?.find((socialMedia) => {\n return editor.isActive(socialMedia);\n });\n switch (socialMedia) {\n case \"facebook\":\n editor.chain().focus().insertFacebook(url).run();\n\n break;\n case \"instagram\":\n editor.chain().focus().insertInstagram(url).run();\n\n break;\n case \"youtube\":\n editor.chain().focus().insertYoutube(url).run();\n\n break;\n case \"linkedin\":\n editor.chain().focus().insertLinkedin(url).run();\n\n break;\n case \"tiktok\":\n editor.chain().focus().insertTiktok(url).run();\n\n break;\n case \"twitter\":\n editor.chain().focus().insertTwitter(url).run();\n break;\n }\n },\n [editor]\n );\n\n const generateTexts = useCallback(() => {\n const socialMedia = supportedSocialMedia?.find((socialMedia) => {\n return editor.isActive(socialMedia);\n });\n switch (socialMedia) {\n case \"facebook\":\n return {\n placeholderText: \"https://facebook.com/...\",\n buttonText: \"Embed Facebook\",\n descriptionText: \"Works with links to Facebook posts\",\n };\n\n case \"instagram\":\n return {\n placeholderText: \"https://instagram.com/...\",\n buttonText: \"Embed Instagram\",\n descriptionText: \"Works with links to Instagram posts\",\n };\n case \"youtube\":\n return {\n placeholderText: \"https://youtube.com/...\",\n buttonText: \"Embed Youtube\",\n descriptionText: \"Works with links to Youtube videos\",\n };\n case \"linkedin\":\n return {\n placeholderText: \"https://linkedin.com/...\",\n buttonText: \"Embed Linkedin\",\n descriptionText: \"Works with links to Linkedin posts\",\n };\n case \"tiktok\":\n return {\n placeholderText: \"https://tiktok.com/...\",\n buttonText: \"Embed Tiktok\",\n descriptionText: \"Works with links to tiktok videos\",\n };\n case \"twitter\":\n return {\n placeholderText: \"https://twitter.com/...\",\n buttonText: \"Embed Twitter\",\n descriptionText: \"Works with links to Tweets\",\n };\n }\n }, [editor]);\n return (\n <BaseBubbleMenu\n editor={editor}\n pluginKey={`socialMediaMenu`}\n shouldShow={shouldShow}\n tippyOptions={{\n popperOptions: { placement: \"bottom\" },\n placement: \"bottom\",\n // appendTo: () => {\n // return appendTo?.current\n // },\n }}\n updateDelay={100}\n >\n <SocialMediaEditorPanel\n onSetLink={onHtml}\n initialSrc=\"\"\n placeholderText={generateTexts()?.placeholderText ?? \"\"}\n buttonText={generateTexts()?.buttonText ?? \"\"}\n descriptionText={generateTexts()?.descriptionText ?? \"\"}\n />\n {/* <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} /> */}\n {/* \n <Toolbar.Wrapper>\n <to\n <Toolbar.Button\n type=\"button\"\n tooltip=\"Sidebar left\"\n active={true}\n // onClick={onColumnLeft}\n >\n <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} />\n </Toolbar.Button>\n </Toolbar.Wrapper> */}\n </BaseBubbleMenu>\n );\n};\n\nexport default SocialMediaMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","SocialMediaEditorPanel","supportedSocialMedia","SocialMediaMenu","editor","appendTo","shouldShow","isInSocialMedia","some","socialMedia","hasUrl","getAttributes","url","isActive","onHtml","find","chain","focus","insertFacebook","run","insertInstagram","insertYoutube","insertLinkedin","insertTiktok","insertTwitter","generateTexts","placeholderText","buttonText","descriptionText","pluginKey","tippyOptions","popperOptions","placement","updateDelay","onSetLink","initialSrc"],"mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,SAASC,WAAW,QAAQ,QAAQ;AAEpC,SAASC,sBAAsB,QAAQ,4EAA4E;AAEnH,SAASC,oBAAoB,QAAQ,iBAAiB;AAEtD,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IAC7D,MAAMC,aAAaN,YAAY;QAC7B,MAAMO,kBAAkBL,sBAAsBM,KAAK,CAACC;YAClD,MAAMC,SAASN,QAAQO,cAAcF,cAAcG;YACnD,OAAO,CAACF,UAAUN,OAAOS,QAAQ,CAACJ;QACpC;QAEA,OAAOF;IACP,6CAA6C;IAC7C,kBAAkB;IACpB,GAAG;QAACH;KAAO;IAEX,MAAMU,SAASd,YACb,CAACY;QACC,MAAMH,cAAcP,sBAAsBa,KAAK,CAACN;YAC9C,OAAOL,OAAOS,QAAQ,CAACJ;QACzB;QACA,OAAQA;YACN,KAAK;gBACHL,OAAOY,KAAK,GAAGC,KAAK,GAAGC,cAAc,CAACN,KAAKO,GAAG;gBAE9C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGG,eAAe,CAACR,KAAKO,GAAG;gBAE/C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGI,aAAa,CAACT,KAAKO,GAAG;gBAE7C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGK,cAAc,CAACV,KAAKO,GAAG;gBAE9C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGM,YAAY,CAACX,KAAKO,GAAG;gBAE5C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGO,aAAa,CAACZ,KAAKO,GAAG;gBAC7C;QACJ;IACF,GACA;QAACf;KAAO;IAGV,MAAMqB,gBAAgBzB,YAAY;QAChC,MAAMS,cAAcP,sBAAsBa,KAAK,CAACN;YAC9C,OAAOL,OAAOS,QAAQ,CAACJ;QACzB;QACA,OAAQA;YACN,KAAK;gBACH,OAAO;oBACLiB,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YAEF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;QACJ;IACF,GAAG;QAACxB;KAAO;IACX,qBACE,KAACL;QACCK,QAAQA;QACRyB,WAAW,CAAC,eAAe,CAAC;QAC5BvB,YAAYA;QACZwB,cAAc;YACZC,eAAe;gBAAEC,WAAW;YAAS;YACrCA,WAAW;QAIb;QACAC,aAAa;kBAEb,cAAA,KAAChC;YACCiC,WAAWpB;YACXqB,YAAW;YACXT,iBAAiBD,iBAAiBC,mBAAmB;YACrDC,YAAYF,iBAAiBE,cAAc;YAC3CC,iBAAiBH,iBAAiBG,mBAAmB;;;AAiB7D,EAAE;AAEF,eAAezB,gBAAgB"}
1
+ {"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\n\nimport { SocialMediaEditorPanel } from \"../../../features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.js\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { supportedSocialMedia } from \"./constants.js\";\n\nexport const SocialMediaMenu = ({ editor, appendTo }: MenuProps) => {\n const shouldShow = useCallback(() => {\n const isInSocialMedia = supportedSocialMedia?.some((socialMedia) => {\n const hasUrl = editor?.getAttributes(socialMedia)?.url;\n return !hasUrl && editor.isActive(socialMedia);\n });\n\n return isInSocialMedia;\n // const isIframe = editor.isActive('iframe')\n // return isIframe\n }, [editor]);\n\n const onHtml = useCallback(\n (url: string, isInline?: boolean) => {\n const socialMedia = supportedSocialMedia?.find((socialMedia) => {\n return editor.isActive(socialMedia);\n });\n switch (socialMedia) {\n case \"facebook\":\n editor\n .chain()\n .focus()\n .insertFacebook(url, isInline ? \"inline-facebook\" : \"side-facebook\")\n .run();\n\n break;\n case \"instagram\":\n editor\n .chain()\n .focus()\n .insertInstagram(\n url,\n isInline ? \"inline-instagram\" : \"side-instagram\"\n )\n .run();\n\n break;\n case \"youtube\":\n editor\n .chain()\n .focus()\n .insertYoutube(url, isInline ? \"inline-youtube\" : \"side-youtube\")\n .run();\n\n break;\n case \"linkedin\":\n editor\n .chain()\n .focus()\n .insertLinkedin(url, isInline ? \"inline-linkedin\" : \"side-linkedin\")\n .run();\n\n break;\n case \"tiktok\":\n editor\n .chain()\n .focus()\n .insertTiktok(url, isInline ? \"inline-tiktok\" : \"side-tiktok\")\n .run();\n\n break;\n case \"twitter\":\n editor\n .chain()\n .focus()\n .insertTwitter(url, isInline ? \"inline-twitter\" : \"side-twitter\")\n .run();\n break;\n }\n },\n [editor]\n );\n\n const generateTexts = useCallback(() => {\n const socialMedia = supportedSocialMedia?.find((socialMedia) => {\n return editor.isActive(socialMedia);\n });\n switch (socialMedia) {\n case \"facebook\":\n return {\n placeholderText: \"https://facebook.com/...\",\n buttonText: \"Embed Facebook\",\n descriptionText: \"Works with links to Facebook posts\",\n };\n\n case \"instagram\":\n return {\n placeholderText: \"https://instagram.com/...\",\n buttonText: \"Embed Instagram\",\n descriptionText: \"Works with links to Instagram posts\",\n };\n case \"youtube\":\n return {\n placeholderText: \"https://youtube.com/...\",\n buttonText: \"Embed Youtube\",\n descriptionText: \"Works with links to Youtube videos\",\n };\n case \"linkedin\":\n return {\n placeholderText: \"https://linkedin.com/...\",\n buttonText: \"Embed Linkedin\",\n descriptionText: \"Works with links to Linkedin posts\",\n };\n case \"tiktok\":\n return {\n placeholderText: \"https://tiktok.com/...\",\n buttonText: \"Embed Tiktok\",\n descriptionText: \"Works with links to tiktok videos\",\n };\n case \"twitter\":\n return {\n placeholderText: \"https://twitter.com/...\",\n buttonText: \"Embed Twitter\",\n descriptionText: \"Works with links to Tweets\",\n };\n }\n }, [editor]);\n return (\n <BaseBubbleMenu\n editor={editor}\n pluginKey={`socialMediaMenu`}\n shouldShow={shouldShow}\n tippyOptions={{\n popperOptions: { placement: \"bottom\" },\n placement: \"bottom\",\n // appendTo: () => {\n // return appendTo?.current\n // },\n }}\n updateDelay={100}\n >\n <SocialMediaEditorPanel\n onSetLink={onHtml}\n initialSrc=\"\"\n placeholderText={generateTexts()?.placeholderText ?? \"\"}\n buttonText={generateTexts()?.buttonText ?? \"\"}\n descriptionText={generateTexts()?.descriptionText ?? \"\"}\n />\n {/* <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} /> */}\n {/* \n <Toolbar.Wrapper>\n <to\n <Toolbar.Button\n type=\"button\"\n tooltip=\"Sidebar left\"\n active={true}\n // onClick={onColumnLeft}\n >\n <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} />\n </Toolbar.Button>\n </Toolbar.Wrapper> */}\n </BaseBubbleMenu>\n );\n};\n\nexport default SocialMediaMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","SocialMediaEditorPanel","supportedSocialMedia","SocialMediaMenu","editor","appendTo","shouldShow","isInSocialMedia","some","socialMedia","hasUrl","getAttributes","url","isActive","onHtml","isInline","find","chain","focus","insertFacebook","run","insertInstagram","insertYoutube","insertLinkedin","insertTiktok","insertTwitter","generateTexts","placeholderText","buttonText","descriptionText","pluginKey","tippyOptions","popperOptions","placement","updateDelay","onSetLink","initialSrc"],"mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,SAASC,WAAW,QAAQ,QAAQ;AAEpC,SAASC,sBAAsB,QAAQ,4EAA4E;AAEnH,SAASC,oBAAoB,QAAQ,iBAAiB;AAEtD,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IAC7D,MAAMC,aAAaN,YAAY;QAC7B,MAAMO,kBAAkBL,sBAAsBM,KAAK,CAACC;YAClD,MAAMC,SAASN,QAAQO,cAAcF,cAAcG;YACnD,OAAO,CAACF,UAAUN,OAAOS,QAAQ,CAACJ;QACpC;QAEA,OAAOF;IACP,6CAA6C;IAC7C,kBAAkB;IACpB,GAAG;QAACH;KAAO;IAEX,MAAMU,SAASd,YACb,CAACY,KAAaG;QACZ,MAAMN,cAAcP,sBAAsBc,KAAK,CAACP;YAC9C,OAAOL,OAAOS,QAAQ,CAACJ;QACzB;QACA,OAAQA;YACN,KAAK;gBACHL,OACGa,KAAK,GACLC,KAAK,GACLC,cAAc,CAACP,KAAKG,WAAW,oBAAoB,iBACnDK,GAAG;gBAEN;YACF,KAAK;gBACHhB,OACGa,KAAK,GACLC,KAAK,GACLG,eAAe,CACdT,KACAG,WAAW,qBAAqB,kBAEjCK,GAAG;gBAEN;YACF,KAAK;gBACHhB,OACGa,KAAK,GACLC,KAAK,GACLI,aAAa,CAACV,KAAKG,WAAW,mBAAmB,gBACjDK,GAAG;gBAEN;YACF,KAAK;gBACHhB,OACGa,KAAK,GACLC,KAAK,GACLK,cAAc,CAACX,KAAKG,WAAW,oBAAoB,iBACnDK,GAAG;gBAEN;YACF,KAAK;gBACHhB,OACGa,KAAK,GACLC,KAAK,GACLM,YAAY,CAACZ,KAAKG,WAAW,kBAAkB,eAC/CK,GAAG;gBAEN;YACF,KAAK;gBACHhB,OACGa,KAAK,GACLC,KAAK,GACLO,aAAa,CAACb,KAAKG,WAAW,mBAAmB,gBACjDK,GAAG;gBACN;QACJ;IACF,GACA;QAAChB;KAAO;IAGV,MAAMsB,gBAAgB1B,YAAY;QAChC,MAAMS,cAAcP,sBAAsBc,KAAK,CAACP;YAC9C,OAAOL,OAAOS,QAAQ,CAACJ;QACzB;QACA,OAAQA;YACN,KAAK;gBACH,OAAO;oBACLkB,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YAEF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;QACJ;IACF,GAAG;QAACzB;KAAO;IACX,qBACE,KAACL;QACCK,QAAQA;QACR0B,WAAW,CAAC,eAAe,CAAC;QAC5BxB,YAAYA;QACZyB,cAAc;YACZC,eAAe;gBAAEC,WAAW;YAAS;YACrCA,WAAW;QAIb;QACAC,aAAa;kBAEb,cAAA,KAACjC;YACCkC,WAAWrB;YACXsB,YAAW;YACXT,iBAAiBD,iBAAiBC,mBAAmB;YACrDC,YAAYF,iBAAiBE,cAAc;YAC3CC,iBAAiBH,iBAAiBG,mBAAmB;;;AAiB7D,EAAE;AAEF,eAAe1B,gBAAgB"}
@@ -1 +1 @@
1
- {"version":3,"file":"ContentEmbedSupport.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE;;CAAA,+BAyF3C"}
1
+ {"version":3,"file":"ContentEmbedSupport.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/serverside/ContentEmbedSupport.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE;;CAAA,+BA2G3C"}
@@ -6,6 +6,7 @@ import { useLayoutEffect, useState } from "react";
6
6
  import { FacebookEmbed, InstagramEmbed, LinkedInEmbed, TikTokEmbed, XEmbed, YouTubeEmbed } from "react-social-media-embed";
7
7
  import { cn } from "../../lib/utils/index.js";
8
8
  import VideoBlockViewClientside from "../VideoBlock/components/VideoBlockViewClientside.js";
9
+ import { SocialMediaEmbedServerside } from "../SocialMedia/SocialMediaEmbedServerside.js";
9
10
  export function ContentEmbedSupport({ body }) {
10
11
  const [mounted, setMounted] = useState(false);
11
12
  useLayoutEffect(()=>{
@@ -15,26 +16,34 @@ export function ContentEmbedSupport({ body }) {
15
16
  // if (!content.attrs.url) return null;
16
17
  switch(content.type){
17
18
  case "twitter":
18
- return /*#__PURE__*/ _jsx(XEmbed, {
19
- url: content.attrs.url,
20
- width: 325
19
+ return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
20
+ children: /*#__PURE__*/ _jsx(XEmbed, {
21
+ url: content.attrs.url,
22
+ width: 325
23
+ })
21
24
  });
22
25
  case "youtube":
23
- return /*#__PURE__*/ _jsx(YouTubeEmbed, {
24
- url: content.attrs.url
26
+ return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
27
+ children: /*#__PURE__*/ _jsx(YouTubeEmbed, {
28
+ url: content.attrs.url
29
+ })
25
30
  });
26
31
  case "instagram":
27
- return /*#__PURE__*/ _jsx(InstagramEmbed, {
28
- className: "max-w-[328px]",
29
- url: content.attrs.url || "",
30
- width: 328,
31
- captioned: true
32
+ return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
33
+ children: /*#__PURE__*/ _jsx(InstagramEmbed, {
34
+ className: "max-w-[328px]",
35
+ url: content.attrs.url || "",
36
+ width: 328,
37
+ captioned: true
38
+ })
32
39
  });
33
40
  case "tiktok":
34
- return /*#__PURE__*/ _jsx(TikTokEmbed, {
35
- className: "max-w-[328px]",
36
- url: content.attrs.url || "",
37
- width: 328
41
+ return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
42
+ children: /*#__PURE__*/ _jsx(TikTokEmbed, {
43
+ className: "max-w-[328px]",
44
+ url: content.attrs.url || "",
45
+ width: 328
46
+ })
38
47
  });
39
48
  case "imageBlock":
40
49
  return /*#__PURE__*/ _jsx("div", {
@@ -62,16 +71,20 @@ export function ContentEmbedSupport({ body }) {
62
71
  node: content
63
72
  });
64
73
  case "facebook":
65
- return /*#__PURE__*/ _jsx(FacebookEmbed, {
66
- url: content.attrs.url || "",
67
- width: 550
74
+ return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
75
+ children: /*#__PURE__*/ _jsx(FacebookEmbed, {
76
+ url: content.attrs.url || "",
77
+ width: 550
78
+ })
68
79
  });
69
80
  case "linkedin":
70
- return /*#__PURE__*/ _jsx(LinkedInEmbed, {
71
- url: content.attrs.url,
72
- // postUrl="https://www.linkedin.com/posts/peterdiamandis_5-discoveries-the-james-webb-telescope-will-activity-6898694773406875648-z-D7"
73
- width: 325,
74
- height: 570
81
+ return /*#__PURE__*/ _jsx(SocialMediaEmbedServerside, {
82
+ children: /*#__PURE__*/ _jsx(LinkedInEmbed, {
83
+ url: content.attrs.url,
84
+ // postUrl="https://www.linkedin.com/posts/peterdiamandis_5-discoveries-the-james-webb-telescope-will-activity-6898694773406875648-z-D7"
85
+ width: 325,
86
+ height: 570
87
+ })
75
88
  });
76
89
  default:
77
90
  return null;