@cyberyozh/text-editor 0.1.1

package/dist/render/client.d.mts

@@ -0,0 +1,24 @@
+/**
+ * Client component that initializes Tiptap interactivity
+ * Use this in your layout to enable interactive features for server-rendered content
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx (Server Component)
+ * import { CalloutInteractivityProvider } from '@cyberyozh/tiptap/render';
+ *
+ * export default function Layout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         <CalloutInteractivityProvider />
+ *         {children}
+ *       </body>
+ *     </html>
+ *   );
+ * }
+ * ```
+ */
+declare function TiptapInteractivityProvider(): null;
+
+export { TiptapInteractivityProvider };

package/dist/render/client.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Client component that initializes Tiptap interactivity
+ * Use this in your layout to enable interactive features for server-rendered content
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx (Server Component)
+ * import { CalloutInteractivityProvider } from '@cyberyozh/tiptap/render';
+ *
+ * export default function Layout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         <CalloutInteractivityProvider />
+ *         {children}
+ *       </body>
+ *     </html>
+ *   );
+ * }
+ * ```
+ */
+declare function TiptapInteractivityProvider(): null;
+
+export { TiptapInteractivityProvider };

package/dist/render/client.js

@@ -0,0 +1,98 @@
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/render/tiptap-interactivity-provider.tsx
+var tiptap_interactivity_provider_exports = {};
+__export(tiptap_interactivity_provider_exports, {
+  TiptapInteractivityProvider: () => TiptapInteractivityProvider
+});
+module.exports = __toCommonJS(tiptap_interactivity_provider_exports);
+var import_react = require("react");
+
+// src/utils/copy-to-clipboard.ts
+var copyToClipboard = (text) => {
+  if (navigator.clipboard && window.isSecureContext) {
+    return navigator.clipboard.writeText(text);
+  }
+  return new Promise((resolve, reject) => {
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.style.position = "fixed";
+    textarea.style.opacity = "0";
+    document.body.appendChild(textarea);
+    try {
+      textarea.select();
+      document.execCommand("copy");
+      resolve();
+    } catch (error) {
+      reject(error);
+    } finally {
+      document.body.removeChild(textarea);
+    }
+  });
+};
+
+// src/render/tiptap-interactivity-provider.tsx
+function TiptapInteractivityProvider() {
+  (0, import_react.useEffect)(() => {
+    function findCopyContent(button) {
+      const parent = button.closest(":has([data-copy-content])");
+      return parent?.querySelector("[data-copy-content]") || null;
+    }
+    function showSuccessIcon(button) {
+      const defaultIcon = button.querySelector('[data-copy-icon="default"]');
+      const successIcon = button.querySelector('[data-copy-icon="success"]');
+      if (defaultIcon && successIcon) {
+        defaultIcon.style.display = "none";
+        successIcon.style.display = "flex";
+        setTimeout(() => {
+          defaultIcon.style.display = "flex";
+          successIcon.style.display = "none";
+        }, 1500);
+      }
+    }
+    function handleCopy(e) {
+      const target = e.target;
+      const button = target.closest('[data-copy-action="copy"]');
+      if (button) {
+        const contentElement = findCopyContent(button);
+        if (contentElement) {
+          const textContent = contentElement.textContent?.trim() || "";
+          copyToClipboard(textContent).then(() => {
+            showSuccessIcon(button);
+          }).catch((error) => {
+            console.error("\u274C Failed to copy:", error);
+          });
+        }
+      }
+    }
+    document.addEventListener("click", handleCopy);
+    return () => {
+      document.removeEventListener("click", handleCopy);
+    };
+  }, []);
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TiptapInteractivityProvider
+});
+//# sourceMappingURL=client.js.map

package/dist/render/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/render/tiptap-interactivity-provider.tsx","../../src/utils/copy-to-clipboard.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { copyToClipboard } from \"../utils/copy-to-clipboard\";\n\n/**\n * Client component that initializes Tiptap interactivity\n * Use this in your layout to enable interactive features for server-rendered content\n *\n * @example\n * ```tsx\n * // app/layout.tsx (Server Component)\n * import { CalloutInteractivityProvider } from '@cyberyozh/tiptap/render';\n *\n * export default function Layout({ children }) {\n *   return (\n *     <html>\n *       <body>\n *         <CalloutInteractivityProvider />\n *         {children}\n *       </body>\n *     </html>\n *   );\n * }\n * ```\n */\nexport function TiptapInteractivityProvider() {\n  useEffect(() => {\n    function findCopyContent(button: HTMLElement): Element | null {\n      const parent = button.closest(\":has([data-copy-content])\");\n      return parent?.querySelector(\"[data-copy-content]\") || null;\n    }\n\n    function showSuccessIcon(button: HTMLElement) {\n      const defaultIcon = button.querySelector('[data-copy-icon=\"default\"]') as HTMLElement;\n      const successIcon = button.querySelector('[data-copy-icon=\"success\"]') as HTMLElement;\n\n      if (defaultIcon && successIcon) {\n        defaultIcon.style.display = \"none\";\n        successIcon.style.display = \"flex\";\n\n        setTimeout(() => {\n          defaultIcon.style.display = \"flex\";\n          successIcon.style.display = \"none\";\n        }, 1500);\n      }\n    }\n\n    function handleCopy(e: MouseEvent) {\n      const target = e.target as HTMLElement;\n      const button = target.closest('[data-copy-action=\"copy\"]') as HTMLElement;\n\n      if (button) {\n        const contentElement = findCopyContent(button);\n\n        if (contentElement) {\n          const textContent = contentElement.textContent?.trim() || \"\";\n\n          copyToClipboard(textContent)\n            .then(() => {\n              showSuccessIcon(button);\n            })\n            .catch((error) => {\n              console.error(\"❌ Failed to copy:\", error);\n            });\n        }\n      }\n    }\n\n    document.addEventListener(\"click\", handleCopy);\n\n    return () => {\n      document.removeEventListener(\"click\", handleCopy);\n    };\n  }, []);\n\n  return null;\n}\n","export const copyToClipboard = (text: string): Promise<void> => {\n  if (navigator.clipboard && window.isSecureContext) {\n    return navigator.clipboard.writeText(text);\n  }\n\n  return new Promise((resolve, reject) => {\n    const textarea = document.createElement(\"textarea\");\n    textarea.value = text;\n    textarea.style.position = \"fixed\";\n    textarea.style.opacity = \"0\";\n    document.body.appendChild(textarea);\n\n    try {\n      textarea.select();\n      document.execCommand(\"copy\");\n      resolve();\n    } catch (error) {\n      reject(error);\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA0B;;;ACFnB,IAAM,kBAAkB,CAAC,SAAgC;AAC9D,MAAI,UAAU,aAAa,OAAO,iBAAiB;AACjD,WAAO,UAAU,UAAU,UAAU,IAAI;AAAA,EAC3C;AAEA,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,WAAW,SAAS,cAAc,UAAU;AAClD,aAAS,QAAQ;AACjB,aAAS,MAAM,WAAW;AAC1B,aAAS,MAAM,UAAU;AACzB,aAAS,KAAK,YAAY,QAAQ;AAElC,QAAI;AACF,eAAS,OAAO;AAChB,eAAS,YAAY,MAAM;AAC3B,cAAQ;AAAA,IACV,SAAS,OAAO;AACd,aAAO,KAAK;AAAA,IACd,UAAE;AACA,eAAS,KAAK,YAAY,QAAQ;AAAA,IACpC;AAAA,EACF,CAAC;AACH;;;ADIO,SAAS,8BAA8B;AAC5C,8BAAU,MAAM;AACd,aAAS,gBAAgB,QAAqC;AAC5D,YAAM,SAAS,OAAO,QAAQ,2BAA2B;AACzD,aAAO,QAAQ,cAAc,qBAAqB,KAAK;AAAA,IACzD;AAEA,aAAS,gBAAgB,QAAqB;AAC5C,YAAM,cAAc,OAAO,cAAc,4BAA4B;AACrE,YAAM,cAAc,OAAO,cAAc,4BAA4B;AAErE,UAAI,eAAe,aAAa;AAC9B,oBAAY,MAAM,UAAU;AAC5B,oBAAY,MAAM,UAAU;AAE5B,mBAAW,MAAM;AACf,sBAAY,MAAM,UAAU;AAC5B,sBAAY,MAAM,UAAU;AAAA,QAC9B,GAAG,IAAI;AAAA,MACT;AAAA,IACF;AAEA,aAAS,WAAW,GAAe;AACjC,YAAM,SAAS,EAAE;AACjB,YAAM,SAAS,OAAO,QAAQ,2BAA2B;AAEzD,UAAI,QAAQ;AACV,cAAM,iBAAiB,gBAAgB,MAAM;AAE7C,YAAI,gBAAgB;AAClB,gBAAM,cAAc,eAAe,aAAa,KAAK,KAAK;AAE1D,0BAAgB,WAAW,EACxB,KAAK,MAAM;AACV,4BAAgB,MAAM;AAAA,UACxB,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,oBAAQ,MAAM,0BAAqB,KAAK;AAAA,UAC1C,CAAC;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAEA,aAAS,iBAAiB,SAAS,UAAU;AAE7C,WAAO,MAAM;AACX,eAAS,oBAAoB,SAAS,UAAU;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":[]}

package/dist/render/client.mjs

@@ -0,0 +1,74 @@
+"use client";
+"use client";
+
+// src/render/tiptap-interactivity-provider.tsx
+import { useEffect } from "react";
+
+// src/utils/copy-to-clipboard.ts
+var copyToClipboard = (text) => {
+  if (navigator.clipboard && window.isSecureContext) {
+    return navigator.clipboard.writeText(text);
+  }
+  return new Promise((resolve, reject) => {
+    const textarea = document.createElement("textarea");
+    textarea.value = text;
+    textarea.style.position = "fixed";
+    textarea.style.opacity = "0";
+    document.body.appendChild(textarea);
+    try {
+      textarea.select();
+      document.execCommand("copy");
+      resolve();
+    } catch (error) {
+      reject(error);
+    } finally {
+      document.body.removeChild(textarea);
+    }
+  });
+};
+
+// src/render/tiptap-interactivity-provider.tsx
+function TiptapInteractivityProvider() {
+  useEffect(() => {
+    function findCopyContent(button) {
+      const parent = button.closest(":has([data-copy-content])");
+      return parent?.querySelector("[data-copy-content]") || null;
+    }
+    function showSuccessIcon(button) {
+      const defaultIcon = button.querySelector('[data-copy-icon="default"]');
+      const successIcon = button.querySelector('[data-copy-icon="success"]');
+      if (defaultIcon && successIcon) {
+        defaultIcon.style.display = "none";
+        successIcon.style.display = "flex";
+        setTimeout(() => {
+          defaultIcon.style.display = "flex";
+          successIcon.style.display = "none";
+        }, 1500);
+      }
+    }
+    function handleCopy(e) {
+      const target = e.target;
+      const button = target.closest('[data-copy-action="copy"]');
+      if (button) {
+        const contentElement = findCopyContent(button);
+        if (contentElement) {
+          const textContent = contentElement.textContent?.trim() || "";
+          copyToClipboard(textContent).then(() => {
+            showSuccessIcon(button);
+          }).catch((error) => {
+            console.error("\u274C Failed to copy:", error);
+          });
+        }
+      }
+    }
+    document.addEventListener("click", handleCopy);
+    return () => {
+      document.removeEventListener("click", handleCopy);
+    };
+  }, []);
+  return null;
+}
+export {
+  TiptapInteractivityProvider
+};
+//# sourceMappingURL=client.mjs.map

package/dist/render/client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/render/tiptap-interactivity-provider.tsx","../../src/utils/copy-to-clipboard.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { copyToClipboard } from \"../utils/copy-to-clipboard\";\n\n/**\n * Client component that initializes Tiptap interactivity\n * Use this in your layout to enable interactive features for server-rendered content\n *\n * @example\n * ```tsx\n * // app/layout.tsx (Server Component)\n * import { CalloutInteractivityProvider } from '@cyberyozh/tiptap/render';\n *\n * export default function Layout({ children }) {\n *   return (\n *     <html>\n *       <body>\n *         <CalloutInteractivityProvider />\n *         {children}\n *       </body>\n *     </html>\n *   );\n * }\n * ```\n */\nexport function TiptapInteractivityProvider() {\n  useEffect(() => {\n    function findCopyContent(button: HTMLElement): Element | null {\n      const parent = button.closest(\":has([data-copy-content])\");\n      return parent?.querySelector(\"[data-copy-content]\") || null;\n    }\n\n    function showSuccessIcon(button: HTMLElement) {\n      const defaultIcon = button.querySelector('[data-copy-icon=\"default\"]') as HTMLElement;\n      const successIcon = button.querySelector('[data-copy-icon=\"success\"]') as HTMLElement;\n\n      if (defaultIcon && successIcon) {\n        defaultIcon.style.display = \"none\";\n        successIcon.style.display = \"flex\";\n\n        setTimeout(() => {\n          defaultIcon.style.display = \"flex\";\n          successIcon.style.display = \"none\";\n        }, 1500);\n      }\n    }\n\n    function handleCopy(e: MouseEvent) {\n      const target = e.target as HTMLElement;\n      const button = target.closest('[data-copy-action=\"copy\"]') as HTMLElement;\n\n      if (button) {\n        const contentElement = findCopyContent(button);\n\n        if (contentElement) {\n          const textContent = contentElement.textContent?.trim() || \"\";\n\n          copyToClipboard(textContent)\n            .then(() => {\n              showSuccessIcon(button);\n            })\n            .catch((error) => {\n              console.error(\"❌ Failed to copy:\", error);\n            });\n        }\n      }\n    }\n\n    document.addEventListener(\"click\", handleCopy);\n\n    return () => {\n      document.removeEventListener(\"click\", handleCopy);\n    };\n  }, []);\n\n  return null;\n}\n","export const copyToClipboard = (text: string): Promise<void> => {\n  if (navigator.clipboard && window.isSecureContext) {\n    return navigator.clipboard.writeText(text);\n  }\n\n  return new Promise((resolve, reject) => {\n    const textarea = document.createElement(\"textarea\");\n    textarea.value = text;\n    textarea.style.position = \"fixed\";\n    textarea.style.opacity = \"0\";\n    document.body.appendChild(textarea);\n\n    try {\n      textarea.select();\n      document.execCommand(\"copy\");\n      resolve();\n    } catch (error) {\n      reject(error);\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  });\n};\n"],"mappings":";;;;AAEA,SAAS,iBAAiB;;;ACFnB,IAAM,kBAAkB,CAAC,SAAgC;AAC9D,MAAI,UAAU,aAAa,OAAO,iBAAiB;AACjD,WAAO,UAAU,UAAU,UAAU,IAAI;AAAA,EAC3C;AAEA,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,WAAW,SAAS,cAAc,UAAU;AAClD,aAAS,QAAQ;AACjB,aAAS,MAAM,WAAW;AAC1B,aAAS,MAAM,UAAU;AACzB,aAAS,KAAK,YAAY,QAAQ;AAElC,QAAI;AACF,eAAS,OAAO;AAChB,eAAS,YAAY,MAAM;AAC3B,cAAQ;AAAA,IACV,SAAS,OAAO;AACd,aAAO,KAAK;AAAA,IACd,UAAE;AACA,eAAS,KAAK,YAAY,QAAQ;AAAA,IACpC;AAAA,EACF,CAAC;AACH;;;ADIO,SAAS,8BAA8B;AAC5C,YAAU,MAAM;AACd,aAAS,gBAAgB,QAAqC;AAC5D,YAAM,SAAS,OAAO,QAAQ,2BAA2B;AACzD,aAAO,QAAQ,cAAc,qBAAqB,KAAK;AAAA,IACzD;AAEA,aAAS,gBAAgB,QAAqB;AAC5C,YAAM,cAAc,OAAO,cAAc,4BAA4B;AACrE,YAAM,cAAc,OAAO,cAAc,4BAA4B;AAErE,UAAI,eAAe,aAAa;AAC9B,oBAAY,MAAM,UAAU;AAC5B,oBAAY,MAAM,UAAU;AAE5B,mBAAW,MAAM;AACf,sBAAY,MAAM,UAAU;AAC5B,sBAAY,MAAM,UAAU;AAAA,QAC9B,GAAG,IAAI;AAAA,MACT;AAAA,IACF;AAEA,aAAS,WAAW,GAAe;AACjC,YAAM,SAAS,EAAE;AACjB,YAAM,SAAS,OAAO,QAAQ,2BAA2B;AAEzD,UAAI,QAAQ;AACV,cAAM,iBAAiB,gBAAgB,MAAM;AAE7C,YAAI,gBAAgB;AAClB,gBAAM,cAAc,eAAe,aAAa,KAAK,KAAK;AAE1D,0BAAgB,WAAW,EACxB,KAAK,MAAM;AACV,4BAAgB,MAAM;AAAA,UACxB,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,oBAAQ,MAAM,0BAAqB,KAAK;AAAA,UAC1C,CAAC;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAEA,aAAS,iBAAiB,SAAS,UAAU;AAE7C,WAAO,MAAM;AACX,eAAS,oBAAoB,SAAS,UAAU;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":[]}

package/dist/render.d.mts

@@ -0,0 +1,58 @@
+import { ReactNode } from 'react';
+
+type JSONContent = Record<string, any>;
+interface TiptapRenderProps {
+    /**
+     * Tiptap JSON content (parsed object or JSON string)
+     */
+    content: JSONContent | string;
+    /**
+     * Function to resolve image URLs from file IDs
+     * Used for static rendering of figure nodes with file references
+     */
+    getImageById?: (fileId: string) => string | null;
+}
+/**
+ * Server component that renders Tiptap JSON content as React
+ *
+ * Designed for Next.js Server Components. Converts Tiptap JSON to rendered React elements
+ * without any client-side dependencies.
+ *
+ * @example
+ * ```tsx
+ * // app/blog/[slug]/page.tsx (Server Component)
+ * import { TiptapRender } from '@cyberyozh/tiptap/server';
+ *
+ * export default function BlogPost({ article }) {
+ *   return (
+ *     <article>
+ *       <h1>{article.title}</h1>
+ *       <TiptapRender content={article.content} lang="en" />
+ *     </article>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom image resolver
+ * import { TiptapRender } from '@cyberyozh/tiptap/server';
+ *
+ * const getImageById = (fileId: string) => `/api/images/${fileId}`;
+ *
+ * export default function BlogPost({ article }) {
+ *   return (
+ *     <article>
+ *       <TiptapRender
+ *         content={article.content}
+ *         lang="en"
+ *         getImageById={getImageById}
+ *       />
+ *     </article>
+ *   );
+ * }
+ * ```
+ */
+declare function TiptapRender({ content, getImageById }: TiptapRenderProps): ReactNode;
+
+export { TiptapRender };

package/dist/render.d.ts

@@ -0,0 +1,58 @@
+import { ReactNode } from 'react';
+
+type JSONContent = Record<string, any>;
+interface TiptapRenderProps {
+    /**
+     * Tiptap JSON content (parsed object or JSON string)
+     */
+    content: JSONContent | string;
+    /**
+     * Function to resolve image URLs from file IDs
+     * Used for static rendering of figure nodes with file references
+     */
+    getImageById?: (fileId: string) => string | null;
+}
+/**
+ * Server component that renders Tiptap JSON content as React
+ *
+ * Designed for Next.js Server Components. Converts Tiptap JSON to rendered React elements
+ * without any client-side dependencies.
+ *
+ * @example
+ * ```tsx
+ * // app/blog/[slug]/page.tsx (Server Component)
+ * import { TiptapRender } from '@cyberyozh/tiptap/server';
+ *
+ * export default function BlogPost({ article }) {
+ *   return (
+ *     <article>
+ *       <h1>{article.title}</h1>
+ *       <TiptapRender content={article.content} lang="en" />
+ *     </article>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom image resolver
+ * import { TiptapRender } from '@cyberyozh/tiptap/server';
+ *
+ * const getImageById = (fileId: string) => `/api/images/${fileId}`;
+ *
+ * export default function BlogPost({ article }) {
+ *   return (
+ *     <article>
+ *       <TiptapRender
+ *         content={article.content}
+ *         lang="en"
+ *         getImageById={getImageById}
+ *       />
+ *     </article>
+ *   );
+ * }
+ * ```
+ */
+declare function TiptapRender({ content, getImageById }: TiptapRenderProps): ReactNode;
+
+export { TiptapRender };