@tnd028/strapi-plugin-tiptap-editor 0.0.1 → 0.0.2

package/dist/_chunks/{Table-BhbZ2Blv.mjs → Table-DevGt3tV.mjs}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Table2, Table, ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Rows3, Columns3, Trash2 } from "lucide-react";
 import styled from "styled-components";
-import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem, g as TooltipContent } from "./TiptapEditorInput-BDE09h5-.mjs";
+import { u as useEditorContext, D as DropdownMenu, a as DropdownMenuTrigger, T as ToolbarButton, b as DropdownMenuContent, c as DropdownMenuGroup, d as DropdownMenuItem, g as TooltipContent } from "./TiptapEditorInput-ChH1R_k4.mjs";
 const IconWrapper = styled.span`
   display: flex;
   align-items: center;

package/dist/_chunks/{TiptapEditorInput-vfLsCt1p.js → TiptapEditorInput-CArezP4p.js}

@@ -46,7 +46,7 @@ const clsx = require("clsx");
 const Heading = require("@tiptap/extension-heading");
 const designSystem = require("@strapi/design-system");
 const Suggestion = require("@tiptap/suggestion");
-const index = require("./index-wYDv8vsJ.js");
+const index = require("./index-B6IeUCyh.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -431,6 +431,61 @@ const Button = React.forwardRef(
   }
 );
 Button.displayName = "Button";
+function normalizeYoutubeToEmbed(raw) {
+  const input = (raw ?? "").trim();
+  if (!input) return input;
+  if (/^https?:\/\/(www\.)?youtube\.com\/embed\//i.test(input)) {
+    return input;
+  }
+  let url;
+  try {
+    url = new URL(input);
+  } catch {
+    return input;
+  }
+  const host = url.hostname.replace(/^www\./i, "").toLowerCase();
+  const isYoutubeHost = host === "youtube.com" || host === "m.youtube.com";
+  const isYoutuBeHost = host === "youtu.be";
+  if (!isYoutubeHost && !isYoutuBeHost) return input;
+  let videoId = null;
+  if (isYoutuBeHost) {
+    videoId = url.pathname.split("/").filter(Boolean)[0] ?? null;
+  } else {
+    const pathname = url.pathname;
+    if (pathname === "/watch") {
+      videoId = url.searchParams.get("v");
+    } else if (pathname.startsWith("/shorts/")) {
+      videoId = pathname.split("/").filter(Boolean)[1] ?? null;
+    } else if (pathname.startsWith("/live/")) {
+      videoId = pathname.split("/").filter(Boolean)[1] ?? null;
+    } else if (pathname.startsWith("/embed/")) {
+      videoId = pathname.split("/").filter(Boolean)[1] ?? null;
+    }
+  }
+  if (!videoId) return input;
+  const embed = new URL(`https://www.youtube.com/embed/${videoId}`);
+  const list = url.searchParams.get("list");
+  const start2 = url.searchParams.get("start") ?? url.searchParams.get("t");
+  if (list) embed.searchParams.set("list", list);
+  if (start2) {
+    const seconds = parseYoutubeTimeToSeconds(start2);
+    embed.searchParams.set("start", seconds != null ? String(seconds) : start2);
+  }
+  return embed.toString();
+}
+function parseYoutubeTimeToSeconds(value) {
+  const v = (value ?? "").trim();
+  if (!v) return null;
+  if (/^\d+$/.test(v)) return Number(v);
+  const match = v.match(/^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/i);
+  if (!match) return null;
+  const [, h, m, s] = match;
+  const hours = h ? Number(h) : 0;
+  const minutes = m ? Number(m) : 0;
+  const seconds = s ? Number(s) : 0;
+  const total = hours * 3600 + minutes * 60 + seconds;
+  return Number.isFinite(total) && total > 0 ? total : null;
+}
 const Iframe = core.Node.create({
   name: "iframe",
   group: "block",
@@ -476,7 +531,10 @@ const Iframe = core.Node.create({
     return {
       setIframe: (options) => ({ tr, dispatch }) => {
         const { selection } = tr;
-        const node = this.type.create(options);
+        const node = this.type.create({
+          ...options,
+          src: normalizeYoutubeToEmbed(options.src)
+        });
         if (dispatch) {
           tr.replaceRangeWith(selection.from, selection.to, node);
         }
@@ -492,7 +550,7 @@ function TiptapIframeComponent({ node, selected, deleteNode, updateAttributes })
   const [isEditing, setIsEditing] = React.useState(false);
   const [tempSrc, setTempSrc] = React.useState(node.attrs.src || "");
   const handleSave = () => {
-    updateAttributes({ src: tempSrc });
+    updateAttributes({ src: normalizeYoutubeToEmbed(tempSrc) });
     setIsEditing(false);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(IframeWrapper, { $selected: selected, children: [
@@ -551,7 +609,6 @@ const IframeWrapper = styled__default.default(react.NodeViewWrapper)`
     width: 100%;
     min-height: 300px;
     border: none;
-    border-radius: 4px;
   }
 
   input {
@@ -570,7 +627,6 @@ const Placeholder = styled__default.default.div`
   color: #999;
   font-style: italic;
   background: #fafafa;
-  border-radius: 4px;
 `;
 function safelyResetPointerEvents(delay = 100) {
   requestAnimationFrame(() => {
@@ -1814,92 +1870,97 @@ const StyledSeparator = styled__default.default(Separator)`
 `;
 const ToolbarDefinitions = {
   // === GRUP 1: HEADING & TEXT STYLE ===
+  customCard: React.lazy(
+    () => Promise.resolve().then(() => require("./CustomCard-pj8tTTbU.js")).then((mod) => ({
+      default: mod.CustomCardToolbar
+    }))
+  ),
   heading: React.lazy(
-    () => Promise.resolve().then(() => require("./Heading-BDJqd1Qw.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Heading-DMpM8l4P.js")).then((mod) => ({
       default: mod.HeadingToolbar
     }))
   ),
   bold: React.lazy(
-    () => Promise.resolve().then(() => require("./Bold-ClnPsPHt.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Bold-CueKtObk.js")).then((mod) => ({
       default: mod.BoldToolbar
     }))
   ),
   italic: React.lazy(
-    () => Promise.resolve().then(() => require("./Italic-DdhVL78v.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Italic-DxsFIMhE.js")).then((mod) => ({
       default: mod.ItalicToolbar
     }))
   ),
   strikethrough: React.lazy(
-    () => Promise.resolve().then(() => require("./Strikethrough-DQfR4OFk.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Strikethrough-DoetuFNk.js")).then((mod) => ({
       default: mod.StrikeThroughToolbar
     }))
   ),
   // === GRUP 2: LISTS & INDENTATION ===
   lists: React.lazy(
-    () => Promise.resolve().then(() => require("./Lists-BKopoFR6.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Lists-Bv_GF1oJ.js")).then((mod) => ({
       default: mod.ListsToolbar
     }))
   ),
   blockquote: React.lazy(
-    () => Promise.resolve().then(() => require("./Blockquote-DeGUfK27.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Blockquote-xNUeALuh.js")).then((mod) => ({
       default: mod.BlockquoteToolbar
     }))
   ),
   // === GRUP 3: ALIGNMENT & FORMATTING ===
   alignment: React.lazy(
-    () => Promise.resolve().then(() => require("./Alignment-B0f2-LO0.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Alignment-hS-tTWuJ.js")).then((mod) => ({
       default: mod.AlignmentToolbar
     }))
   ),
   horizontalRule: React.lazy(
-    () => Promise.resolve().then(() => require("./HorizontalRule-CJlDmdma.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./HorizontalRule-BkDBP3Sn.js")).then((mod) => ({
       default: mod.HorizontalRuleToolbar
     }))
   ),
   color: React.lazy(
-    () => Promise.resolve().then(() => require("./ColorAndHighlight-BMmtoSpj.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./ColorAndHighlight-DW64XLWJ.js")).then((mod) => ({
       default: mod.ColorAndHighlightToolbar
     }))
   ),
   // === GRUP 4: MEDIA & LINKS ===
   link: React.lazy(
-    () => Promise.resolve().then(() => require("./Link-BuYDqSqo.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Link-u4PGWt-U.js")).then((mod) => ({
       default: mod.LinkToolbar
     }))
   ),
   image: React.lazy(
-    () => Promise.resolve().then(() => require("./ImagePlaceholder-C14kojd5.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./ImagePlaceholder-Da68VBcm.js")).then((mod) => ({
       default: mod.ImagePlaceholderToolbar
     }))
   ),
   emoji: React.lazy(
-    () => Promise.resolve().then(() => require("./Emoji-C-LQZ4Z3.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Emoji-CEoQDS_x.js")).then((mod) => ({
       default: mod.EmojiToolbar
     }))
   ),
   table: React.lazy(
-    () => Promise.resolve().then(() => require("./Table-DLaqBAbz.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Table-B5VeLc9S.js")).then((mod) => ({
       default: mod.TableToolbar
     }))
   ),
   iframe: React.lazy(
-    () => Promise.resolve().then(() => require("./Iframe-Dyn_2cMB.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Iframe-jTxffChk.js")).then((mod) => ({
       default: mod.IframeToolbar
     }))
   ),
   // === GRUP 5: UTILS ===
   undo: React.lazy(
-    () => Promise.resolve().then(() => require("./Undo-BuT4OkoE.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Undo-Bp_GQXYz.js")).then((mod) => ({
       default: mod.UndoToolbar
     }))
   ),
   redo: React.lazy(
-    () => Promise.resolve().then(() => require("./Redo-1mEX1yOd.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./Redo-DUNTAtjb.js")).then((mod) => ({
       default: mod.RedoToolbar
     }))
   ),
   searchAndReplace: React.lazy(
-    () => Promise.resolve().then(() => require("./SearchAndReplace-DzNdbTWJ.js")).then((mod) => ({
+    () => Promise.resolve().then(() => require("./SearchAndReplace-DtSE0ubu.js")).then((mod) => ({
       default: mod.SearchAndReplaceToolbar
     }))
   )
@@ -2619,9 +2680,13 @@ const createExtensions = () => [
   TextStyle__default.default
 ];
 const getOutput = (editor, output) => {
-  {
+  if (output === "html") {
+    return editor.getHTML();
+  }
+  if (output === "json") {
     return editor.getJSON();
   }
+  return editor.getText();
 };
 const useEditor = ({
   content,
@@ -2640,7 +2705,7 @@ const useEditor = ({
   }, throttleDelay);
   const handleUpdate = React.useCallback(
     (editor2) => {
-      return throttledSetValue(getOutput(editor2));
+      return throttledSetValue(getOutput(editor2, output));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [output]
@@ -2654,7 +2719,7 @@ const useEditor = ({
     [value]
   );
   const handleBlur = React.useCallback(
-    (editor2) => onBlur?.(getOutput(editor2)),
+    (editor2) => onBlur?.(getOutput(editor2, output)),
     [output, onBlur]
   );
   const editor = react.useEditor({
@@ -3500,7 +3565,7 @@ const BaseEditor = React.forwardRef(
       onUpdate: onChange,
       value,
       editable: !disabled,
-      output: "json"
+      output: options.output ?? "html"
     });
     React.useImperativeHandle(ref, () => editor, [editor]);
     if (!editor) {
@@ -3708,7 +3773,7 @@ const CustomComponentRenderer = (props) => {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { $selected: selected, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Badge, { $type: node.attrs.type, children: node.attrs.type.replace("custom", "") }),
+    /* @__PURE__ */ jsxRuntime.jsx(Badge, { $type: node.attrs.type, children: node.attrs.type?.replace("custom", "") }),
     renderPreview(),
     editor.isEditable && /* @__PURE__ */ jsxRuntime.jsxs(Toolbar, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleEdit, style: { width: 28, height: 28, border: "1px solid #ddd", borderRadius: 4, background: "white", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit3, { size: 14 }) }),
@@ -6595,7 +6660,8 @@ function ContentEditor({
     "table",
     "image",
     "iframe",
-    "emoji"
+    "emoji",
+    "customCard"
     // "HTMLToolbar"
   ],
   extensions = [],
@@ -6698,7 +6764,7 @@ const ContentEditorInput = React__default.default.memo(React__default.default.fo
         target: {
           name,
           value: content,
-          type: "json"
+          type: "text"
         }
       };
       onChange(evt);
@@ -6789,7 +6855,7 @@ const TextEditorInput = React__default.default.memo(React__default.default.forwa
         target: {
           name,
           value: content,
-          type: "json"
+          type: "text"
         }
       };
       onChange(evt);

package/dist/_chunks/{TiptapEditorInput-BDE09h5-.mjs → TiptapEditorInput-ChH1R_k4.mjs}

@@ -45,7 +45,7 @@ import { clsx } from "clsx";
 import Heading from "@tiptap/extension-heading";
 import { Checkbox, Field, Flex } from "@strapi/design-system";
 import Suggestion from "@tiptap/suggestion";
-import { g as getPluginConfig } from "./index-ku90UbIF.mjs";
+import { g as getPluginConfig } from "./index-2RQ7z9sc.mjs";
 const validateFileOrBase64 = (input, options, originalFile, validFiles, errors) => {
   const { isValidType, isValidSize } = checkTypeAndSize(input, options);
   if (isValidType && isValidSize) {
@@ -377,6 +377,61 @@ const Button = forwardRef(
   }
 );
 Button.displayName = "Button";
+function normalizeYoutubeToEmbed(raw) {
+  const input = (raw ?? "").trim();
+  if (!input) return input;
+  if (/^https?:\/\/(www\.)?youtube\.com\/embed\//i.test(input)) {
+    return input;
+  }
+  let url;
+  try {
+    url = new URL(input);
+  } catch {
+    return input;
+  }
+  const host = url.hostname.replace(/^www\./i, "").toLowerCase();
+  const isYoutubeHost = host === "youtube.com" || host === "m.youtube.com";
+  const isYoutuBeHost = host === "youtu.be";
+  if (!isYoutubeHost && !isYoutuBeHost) return input;
+  let videoId = null;
+  if (isYoutuBeHost) {
+    videoId = url.pathname.split("/").filter(Boolean)[0] ?? null;
+  } else {
+    const pathname = url.pathname;
+    if (pathname === "/watch") {
+      videoId = url.searchParams.get("v");
+    } else if (pathname.startsWith("/shorts/")) {
+      videoId = pathname.split("/").filter(Boolean)[1] ?? null;
+    } else if (pathname.startsWith("/live/")) {
+      videoId = pathname.split("/").filter(Boolean)[1] ?? null;
+    } else if (pathname.startsWith("/embed/")) {
+      videoId = pathname.split("/").filter(Boolean)[1] ?? null;
+    }
+  }
+  if (!videoId) return input;
+  const embed = new URL(`https://www.youtube.com/embed/${videoId}`);
+  const list = url.searchParams.get("list");
+  const start2 = url.searchParams.get("start") ?? url.searchParams.get("t");
+  if (list) embed.searchParams.set("list", list);
+  if (start2) {
+    const seconds = parseYoutubeTimeToSeconds(start2);
+    embed.searchParams.set("start", seconds != null ? String(seconds) : start2);
+  }
+  return embed.toString();
+}
+function parseYoutubeTimeToSeconds(value) {
+  const v = (value ?? "").trim();
+  if (!v) return null;
+  if (/^\d+$/.test(v)) return Number(v);
+  const match = v.match(/^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/i);
+  if (!match) return null;
+  const [, h, m, s] = match;
+  const hours = h ? Number(h) : 0;
+  const minutes = m ? Number(m) : 0;
+  const seconds = s ? Number(s) : 0;
+  const total = hours * 3600 + minutes * 60 + seconds;
+  return Number.isFinite(total) && total > 0 ? total : null;
+}
 const Iframe = Node.create({
   name: "iframe",
   group: "block",
@@ -422,7 +477,10 @@ const Iframe = Node.create({
     return {
       setIframe: (options) => ({ tr, dispatch }) => {
         const { selection } = tr;
-        const node = this.type.create(options);
+        const node = this.type.create({
+          ...options,
+          src: normalizeYoutubeToEmbed(options.src)
+        });
         if (dispatch) {
           tr.replaceRangeWith(selection.from, selection.to, node);
         }
@@ -438,7 +496,7 @@ function TiptapIframeComponent({ node, selected, deleteNode, updateAttributes })
   const [isEditing, setIsEditing] = useState(false);
   const [tempSrc, setTempSrc] = useState(node.attrs.src || "");
   const handleSave = () => {
-    updateAttributes({ src: tempSrc });
+    updateAttributes({ src: normalizeYoutubeToEmbed(tempSrc) });
     setIsEditing(false);
   };
   return /* @__PURE__ */ jsxs(IframeWrapper, { $selected: selected, children: [
@@ -497,7 +555,6 @@ const IframeWrapper = styled(NodeViewWrapper)`
     width: 100%;
     min-height: 300px;
     border: none;
-    border-radius: 4px;
   }
 
   input {
@@ -516,7 +573,6 @@ const Placeholder = styled.div`
   color: #999;
   font-style: italic;
   background: #fafafa;
-  border-radius: 4px;
 `;
 function safelyResetPointerEvents(delay = 100) {
   requestAnimationFrame(() => {
@@ -1760,92 +1816,97 @@ const StyledSeparator = styled(Separator)`
 `;
 const ToolbarDefinitions = {
   // === GRUP 1: HEADING & TEXT STYLE ===
+  customCard: lazy(
+    () => import("./CustomCard-DnOBubyS.mjs").then((mod) => ({
+      default: mod.CustomCardToolbar
+    }))
+  ),
   heading: lazy(
-    () => import("./Heading-BycRob5M.mjs").then((mod) => ({
+    () => import("./Heading-DV6F-wwl.mjs").then((mod) => ({
       default: mod.HeadingToolbar
     }))
   ),
   bold: lazy(
-    () => import("./Bold-C-0g6Ayd.mjs").then((mod) => ({
+    () => import("./Bold-ByaAbROo.mjs").then((mod) => ({
       default: mod.BoldToolbar
     }))
   ),
   italic: lazy(
-    () => import("./Italic-BfpKX0KX.mjs").then((mod) => ({
+    () => import("./Italic-C0EqNpkt.mjs").then((mod) => ({
       default: mod.ItalicToolbar
     }))
   ),
   strikethrough: lazy(
-    () => import("./Strikethrough-BygxCHak.mjs").then((mod) => ({
+    () => import("./Strikethrough-BsanR8PL.mjs").then((mod) => ({
       default: mod.StrikeThroughToolbar
     }))
   ),
   // === GRUP 2: LISTS & INDENTATION ===
   lists: lazy(
-    () => import("./Lists-DsKxj3MD.mjs").then((mod) => ({
+    () => import("./Lists-B6BSkd5d.mjs").then((mod) => ({
       default: mod.ListsToolbar
     }))
   ),
   blockquote: lazy(
-    () => import("./Blockquote-9wBGDz3L.mjs").then((mod) => ({
+    () => import("./Blockquote-DJUK1-BE.mjs").then((mod) => ({
       default: mod.BlockquoteToolbar
     }))
   ),
   // === GRUP 3: ALIGNMENT & FORMATTING ===
   alignment: lazy(
-    () => import("./Alignment-qMOzO-n2.mjs").then((mod) => ({
+    () => import("./Alignment-BTrqlTTh.mjs").then((mod) => ({
       default: mod.AlignmentToolbar
     }))
   ),
   horizontalRule: lazy(
-    () => import("./HorizontalRule-CzQCeC3b.mjs").then((mod) => ({
+    () => import("./HorizontalRule-duJS5mkv.mjs").then((mod) => ({
       default: mod.HorizontalRuleToolbar
     }))
   ),
   color: lazy(
-    () => import("./ColorAndHighlight-t1Ui5tcL.mjs").then((mod) => ({
+    () => import("./ColorAndHighlight-D53O4qn1.mjs").then((mod) => ({
       default: mod.ColorAndHighlightToolbar
     }))
   ),
   // === GRUP 4: MEDIA & LINKS ===
   link: lazy(
-    () => import("./Link-DUV5Ybep.mjs").then((mod) => ({
+    () => import("./Link-CIkiGBxD.mjs").then((mod) => ({
       default: mod.LinkToolbar
     }))
   ),
   image: lazy(
-    () => import("./ImagePlaceholder-DtrSuhf_.mjs").then((mod) => ({
+    () => import("./ImagePlaceholder-CYDho-h0.mjs").then((mod) => ({
       default: mod.ImagePlaceholderToolbar
     }))
   ),
   emoji: lazy(
-    () => import("./Emoji-Bm1_vSh5.mjs").then((mod) => ({
+    () => import("./Emoji-CSN4sPHu.mjs").then((mod) => ({
       default: mod.EmojiToolbar
     }))
   ),
   table: lazy(
-    () => import("./Table-BhbZ2Blv.mjs").then((mod) => ({
+    () => import("./Table-DevGt3tV.mjs").then((mod) => ({
       default: mod.TableToolbar
     }))
   ),
   iframe: lazy(
-    () => import("./Iframe-DCBWSb0v.mjs").then((mod) => ({
+    () => import("./Iframe-BrjBTqYD.mjs").then((mod) => ({
       default: mod.IframeToolbar
     }))
   ),
   // === GRUP 5: UTILS ===
   undo: lazy(
-    () => import("./Undo-PL5n4axf.mjs").then((mod) => ({
+    () => import("./Undo-D7dSauIG.mjs").then((mod) => ({
       default: mod.UndoToolbar
     }))
   ),
   redo: lazy(
-    () => import("./Redo-Ca3VQxSe.mjs").then((mod) => ({
+    () => import("./Redo-De5pQoO6.mjs").then((mod) => ({
       default: mod.RedoToolbar
     }))
   ),
   searchAndReplace: lazy(
-    () => import("./SearchAndReplace-DmU5DlWv.mjs").then((mod) => ({
+    () => import("./SearchAndReplace-QP8H8yFv.mjs").then((mod) => ({
       default: mod.SearchAndReplaceToolbar
     }))
   )
@@ -2565,9 +2626,13 @@ const createExtensions = () => [
   TextStyle
 ];
 const getOutput = (editor, output) => {
-  {
+  if (output === "html") {
+    return editor.getHTML();
+  }
+  if (output === "json") {
     return editor.getJSON();
   }
+  return editor.getText();
 };
 const useEditor = ({
   content,
@@ -2586,7 +2651,7 @@ const useEditor = ({
   }, throttleDelay);
   const handleUpdate = useCallback(
     (editor2) => {
-      return throttledSetValue(getOutput(editor2));
+      return throttledSetValue(getOutput(editor2, output));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [output]
@@ -2600,7 +2665,7 @@ const useEditor = ({
     [value]
   );
   const handleBlur = useCallback(
-    (editor2) => onBlur?.(getOutput(editor2)),
+    (editor2) => onBlur?.(getOutput(editor2, output)),
     [output, onBlur]
   );
   const editor = useEditor$1({
@@ -3446,7 +3511,7 @@ const BaseEditor = forwardRef(
       onUpdate: onChange,
       value,
       editable: !disabled,
-      output: "json"
+      output: options.output ?? "html"
     });
     useImperativeHandle(ref, () => editor, [editor]);
     if (!editor) {
@@ -3654,7 +3719,7 @@ const CustomComponentRenderer = (props) => {
     }
   };
   return /* @__PURE__ */ jsxs(Wrapper, { $selected: selected, children: [
-    /* @__PURE__ */ jsx(Badge, { $type: node.attrs.type, children: node.attrs.type.replace("custom", "") }),
+    /* @__PURE__ */ jsx(Badge, { $type: node.attrs.type, children: node.attrs.type?.replace("custom", "") }),
     renderPreview(),
     editor.isEditable && /* @__PURE__ */ jsxs(Toolbar, { children: [
       /* @__PURE__ */ jsx("button", { onClick: handleEdit, style: { width: 28, height: 28, border: "1px solid #ddd", borderRadius: 4, background: "white", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx(Edit3, { size: 14 }) }),
@@ -6541,7 +6606,8 @@ function ContentEditor({
     "table",
     "image",
     "iframe",
-    "emoji"
+    "emoji",
+    "customCard"
     // "HTMLToolbar"
   ],
   extensions = [],
@@ -6644,7 +6710,7 @@ const ContentEditorInput = React.memo(React.forwardRef(
         target: {
           name,
           value: content,
-          type: "json"
+          type: "text"
         }
       };
       onChange(evt);
@@ -6735,7 +6801,7 @@ const TextEditorInput = React.memo(React.forwardRef(
         target: {
           name,
           value: content,
-          type: "json"
+          type: "text"
         }
       };
       onChange(evt);

package/dist/_chunks/{Undo-BuT4OkoE.js → Undo-Bp_GQXYz.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const TiptapEditorInput = require("./TiptapEditorInput-vfLsCt1p.js");
+const TiptapEditorInput = require("./TiptapEditorInput-CArezP4p.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{Undo-PL5n4axf.mjs → Undo-D7dSauIG.mjs}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Undo2 } from "lucide-react";
-import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-BDE09h5-.mjs";
+import { u as useEditorContext, T as ToolbarButton } from "./TiptapEditorInput-ChH1R_k4.mjs";
 import styled from "styled-components";
 const UndoIcon = styled(Undo2)`
   width: 16px;

package/dist/_chunks/{index-ku90UbIF.mjs → index-2RQ7z9sc.mjs}

@@ -1031,11 +1031,17 @@ const colors = css`
       --tiptap-color-body: ${theme.colors.neutral800};
       --tiptap-color-heading: ${theme.colors.neutral900};
       --tiptap-color-muted: ${theme.colors.neutral500};
+      --tiptap-color-muted-2: ${theme.colors.neutral600};
       --tiptap-color-border: ${theme.colors.neutral200};
       --tiptap-color-bg: ${theme.colors.neutral0};
       --tiptap-color-code-bg: ${theme.colors.neutral100};
       --tiptap-color-primary: ${theme.colors.primary600};
       --tiptap-color-ring: ${theme.colors.primary200};
+
+      /* Speaker card helpers */
+      --tiptap-color-danger: ${theme.colors.danger500};
+      --tiptap-color-desc-bg: ${theme.colors.primary700 ?? theme.colors.primary600};
+      --tiptap-color-desc-fg: ${theme.colors.neutral0};
     }
   `}
 `;
@@ -1304,11 +1310,11 @@ const index = {
    * @param app - The Strapi administration application instance.
    */
   async register(app) {
-    console.log("Registering Tiptap Editor plugin (tiptap)...");
+    console.log("Registering Tiptap Editor plugin (Tiptap)...");
     app.customFields.register({
       name: "tiptap",
       pluginId: PLUGIN_ID,
-      type: "json",
+      type: "richtext",
       intlLabel: {
         id: `${PLUGIN_ID}.tiptap.label`,
         defaultMessage: "Tiptap Editor"
@@ -1319,7 +1325,7 @@ const index = {
       },
       icon: PluginIcon,
       components: {
-        Input: async () => import("./TiptapEditorInput-BDE09h5-.mjs").then((n) => n.i)
+        Input: async () => import("./TiptapEditorInput-ChH1R_k4.mjs").then((n) => n.i)
       },
       options: {
         base: [