npm - tetrons - Versions diffs - 2.3.91 → 2.3.92 - Mend

tetrons 2.3.91 → 2.3.92

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 (3) hide show

package/dist/index.cjs CHANGED Viewed

@@ -16016,14 +16016,10 @@ function ActionGroup({ editor }) {
         setDropdownOpen(false);
       }
     };
-    if (dropdownOpen) {
+    if (dropdownOpen)
       document.addEventListener("mousedown", handleClickOutside);
-    } else {
-      document.removeEventListener("mousedown", handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
+    else document.removeEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [dropdownOpen]);
   const zoomIn = () => {
     const element = document.querySelector(
@@ -16032,8 +16028,7 @@ function ActionGroup({ editor }) {
     if (element) {
       const style = element.style;
       const currentZoom = parseFloat(style.zoom || "1");
-      const next = Math.min(currentZoom + 0.1, 2);
-      style.zoom = next.toString();
+      style.zoom = Math.min(currentZoom + 0.1, 2).toString();
     }
   };
   const zoomOut = () => {
@@ -16043,28 +16038,24 @@ function ActionGroup({ editor }) {
     if (element) {
       const style = element.style;
       const currentZoom = parseFloat(style.zoom || "1");
-      const next = Math.max(currentZoom - 0.1, 0.5);
-      style.zoom = next.toString();
+      style.zoom = Math.max(currentZoom - 0.1, 0.5).toString();
     }
   };
   const handlePrint = () => {
+    if (!editor) return;
     const html = editor.getHTML();
     const printWindow = window.open("", "_blank");
     if (printWindow) {
-      printWindow.document.write(`
-        <html>
-          <head>
-            <title>Print</title>
-          </head>
-          <body>${html}</body>
-        </html>
-      `);
+      printWindow.document.write(
+        `<html><head><title>Print</title></head><body>${html}</body></html>`
+      );
       printWindow.document.close();
       printWindow.focus();
       printWindow.print();
     }
   };
   const handleSave = async () => {
+    if (!editor) return;
     const content = editor.getJSON();
     try {
       const response = await fetch("/api/save", {
@@ -16074,14 +16065,14 @@ function ActionGroup({ editor }) {
       });
       if (!response.ok) throw new Error("Failed to save file");
       const result = await response.json();
-      console.log(result.message);
-      alert("Content saved successfully!");
+      alert(result.message || "Content saved successfully!");
     } catch (error) {
-      console.error("Error saving content:", error);
+      console.error(error);
       alert("Failed to save content.");
     }
   };
   const handleDownloadPDF = async () => {
+    if (!editor) return;
     const html = editor.getHTML();
     const container = document.createElement("div");
     container.innerHTML = html;
@@ -16089,22 +16080,22 @@ function ActionGroup({ editor }) {
     document.body.appendChild(container);
     try {
       const domToPdf = (await import("dom-to-pdf")).default;
-      const options = {
-        filename: "document.pdf",
-        overrideWidth: 800,
-        overrideHeight: 1120
-      };
-      domToPdf(container, options, () => {
-        console.log("PDF downloaded!");
-      });
+      domToPdf(
+        container,
+        { filename: "document.pdf", overrideWidth: 800, overrideHeight: 1120 },
+        () => {
+          console.log("PDF downloaded!");
+        }
+      );
     } catch (error) {
-      console.error("PDF download failed", error);
+      console.error(error);
       alert("Failed to download PDF.");
     } finally {
       document.body.removeChild(container);
     }
   };
   const handleDownloadHTML = () => {
+    if (!editor) return;
     const html = editor.getHTML();
     const blob = new Blob([html], { type: "text/html" });
     const link = document.createElement("a");
@@ -16115,15 +16106,11 @@ function ActionGroup({ editor }) {
     document.body.removeChild(link);
   };
   const handleDownloadDOCX = async () => {
+    if (!editor) return;
     const { Document: Document2, Packer, Paragraph: Paragraph2 } = await import("docx");
     const text = editor.getText();
     const doc3 = new Document2({
-      sections: [
-        {
-          properties: {},
-          children: [new Paragraph2(text)]
-        }
-      ]
+      sections: [{ properties: {}, children: [new Paragraph2(text)] }]
     });
     const blob = await Packer.toBlob(doc3);
     const link = document.createElement("a");
@@ -16133,49 +16120,59 @@ function ActionGroup({ editor }) {
     link.click();
     document.body.removeChild(link);
   };
-  return /* @__PURE__ */ import_react10.default.createElement("div", { className: "action-group", role: "group", "aria-label": "Editor actions" }, /* @__PURE__ */ import_react10.default.createElement(ToolbarButton_default, { icon: import_md.MdZoomIn, onClick: zoomIn, title: "Zoom In" }), /* @__PURE__ */ import_react10.default.createElement(ToolbarButton_default, { icon: import_md.MdZoomOut, onClick: zoomOut, title: "Zoom Out" }), /* @__PURE__ */ import_react10.default.createElement(ToolbarButton_default, { icon: import_md.MdPrint, onClick: handlePrint, title: "Print" }), /* @__PURE__ */ import_react10.default.createElement(ToolbarButton_default, { icon: import_md.MdSave, onClick: handleSave, title: "Save" }), /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative", ref: dropdownRef }, /* @__PURE__ */ import_react10.default.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => setDropdownOpen((open) => !open),
-      "aria-haspopup": "menu",
-      "aria-expanded": dropdownOpen ? "true" : "false",
-      className: "export-button",
-      title: "Export"
-    },
-    /* @__PURE__ */ import_react10.default.createElement(import_md.MdDownload, null),
-    /* @__PURE__ */ import_react10.default.createElement("span", { className: "text-sm" })
-  ), dropdownOpen && /* @__PURE__ */ import_react10.default.createElement("div", { className: "export-dropdown" }, /* @__PURE__ */ import_react10.default.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        setDropdownOpen(false);
-        handleDownloadPDF();
-      }
-    },
-    "Export as PDF"
-  ), /* @__PURE__ */ import_react10.default.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        setDropdownOpen(false);
-        handleDownloadHTML();
-      }
-    },
-    "Export as HTML"
-  ), /* @__PURE__ */ import_react10.default.createElement(
-    "button",
+  if (!editor) return null;
+  return /* @__PURE__ */ import_react10.default.createElement(
+    "div",
     {
-      type: "button",
-      onClick: () => {
-        setDropdownOpen(false);
-        handleDownloadDOCX();
-      }
+      className: "action-group bg-white text-black dark:bg-gray-800 dark:text-white",
+      role: "group",
+      "aria-label": "Editor actions"
     },
-    "Export as DOCX"
-  ))));
+    /* @__PURE__ */ import_react10.default.createElement(ToolbarButton_default, { icon: import_md.MdZoomIn, onClick: zoomIn, title: "Zoom In" }),
+    /* @__PURE__ */ import_react10.default.createElement(ToolbarButton_default, { icon: import_md.MdZoomOut, onClick: zoomOut, title: "Zoom Out" }),
+    /* @__PURE__ */ import_react10.default.createElement(ToolbarButton_default, { icon: import_md.MdPrint, onClick: handlePrint, title: "Print" }),
+    /* @__PURE__ */ import_react10.default.createElement(ToolbarButton_default, { icon: import_md.MdSave, onClick: handleSave, title: "Save" }),
+    /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative", ref: dropdownRef }, /* @__PURE__ */ import_react10.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setDropdownOpen((o) => !o),
+        className: "export-button",
+        title: "Export"
+      },
+      /* @__PURE__ */ import_react10.default.createElement(import_md.MdDownload, null)
+    ), dropdownOpen && /* @__PURE__ */ import_react10.default.createElement("div", { className: "export-dropdown" }, /* @__PURE__ */ import_react10.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setDropdownOpen(false);
+          handleDownloadPDF();
+        }
+      },
+      "Export as PDF"
+    ), /* @__PURE__ */ import_react10.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setDropdownOpen(false);
+          handleDownloadHTML();
+        }
+      },
+      "Export as HTML"
+    ), /* @__PURE__ */ import_react10.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setDropdownOpen(false);
+          handleDownloadDOCX();
+        }
+      },
+      "Export as DOCX"
+    )))
+  );
 }
 // src/components/tetrons/toolbar/ClipboardGroup.tsx
@@ -16638,13 +16635,18 @@ function InsertGroup({ editor }) {
 var import_react15 = __toESM(require("react"));
 var import_md5 = require("react-icons/md");
 function ListAlignGroup({ editor }) {
-  return /* @__PURE__ */ import_react15.default.createElement("div", { className: "list-align-group" }, /* @__PURE__ */ import_react15.default.createElement(
+  if (!editor) return null;
+  const canToggleBullet = editor.can().toggleBulletList() || editor.isEmpty;
+  const canToggleOrdered = editor.can().toggleOrderedList() || editor.isEmpty;
+  const canSink = editor.can().sinkListItem("listItem");
+  const canLift = editor.can().liftListItem("listItem");
+  return /* @__PURE__ */ import_react15.default.createElement("div", { className: "list-align-group bg-white text-black dark:bg-gray-800 dark:text-white" }, /* @__PURE__ */ import_react15.default.createElement(
     ToolbarButton_default,
     {
       icon: import_md5.MdFormatListBulleted,
       title: "Bulleted List",
       onClick: () => editor.chain().focus().toggleBulletList().run(),
-      disabled: !editor.can().toggleBulletList()
+      disabled: !canToggleBullet
     }
   ), /* @__PURE__ */ import_react15.default.createElement(
     ToolbarButton_default,
@@ -16652,7 +16654,7 @@ function ListAlignGroup({ editor }) {
       icon: import_md5.MdFormatListNumbered,
       title: "Numbered List",
       onClick: () => editor.chain().focus().toggleOrderedList().run(),
-      disabled: !editor.can().toggleOrderedList()
+      disabled: !canToggleOrdered
     }
   ), /* @__PURE__ */ import_react15.default.createElement(
     ToolbarButton_default,
@@ -16660,7 +16662,7 @@ function ListAlignGroup({ editor }) {
       icon: import_md5.MdFormatIndentIncrease,
       title: "Increase Indent",
       onClick: () => editor.chain().focus().sinkListItem("listItem").run(),
-      disabled: !editor.can().sinkListItem("listItem")
+      disabled: !canSink
     }
   ), /* @__PURE__ */ import_react15.default.createElement(
     ToolbarButton_default,
@@ -16668,7 +16670,7 @@ function ListAlignGroup({ editor }) {
       icon: import_md5.MdFormatIndentDecrease,
       title: "Decrease Indent",
       onClick: () => editor.chain().focus().liftListItem("listItem").run(),
-      disabled: !editor.can().liftListItem("listItem")
+      disabled: !canLift
     }
   ), /* @__PURE__ */ import_react15.default.createElement(
     ToolbarButton_default,
@@ -16876,11 +16878,16 @@ function FileGroup({ editor }) {
 var import_react18 = __toESM(require("react"));
 var import_fa2 = require("react-icons/fa");
 var import_loaders = require("@uiball/loaders");
+var import_framer_motion = require("framer-motion");
 function AiGroup({ editor, enabledFeatures }) {
   const [isRecording, setIsRecording] = (0, import_react18.useState)(false);
   const [audioBlob, setAudioBlob] = (0, import_react18.useState)(null);
   const [isTranscribing, setIsTranscribing] = (0, import_react18.useState)(false);
   const [transcriptionError, setTranscriptionError] = (0, import_react18.useState)("");
+  const [showPromptInput, setShowPromptInput] = (0, import_react18.useState)(false);
+  const [prompt2, setPrompt] = (0, import_react18.useState)("");
+  const [isLoadingAI, setIsLoadingAI] = (0, import_react18.useState)(false);
+  const [aiError, setAiError] = (0, import_react18.useState)("");
   const mediaRecorderRef = (0, import_react18.useRef)(null);
   const chunksRef = (0, import_react18.useRef)([]);
   const startRecording = async () => {
@@ -16927,6 +16934,34 @@ function AiGroup({ editor, enabledFeatures }) {
       setIsTranscribing(false);
     }
   };
+  const handleAiClick = () => {
+    setShowPromptInput(true);
+    setPrompt("");
+    setAiError("");
+  };
+  const handlePromptSubmit = async () => {
+    if (!prompt2.trim()) return;
+    setIsLoadingAI(true);
+    setAiError("");
+    try {
+      const res = await fetch("https://staging.tetrons.com/api/ai-action", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ content: prompt2 })
+      });
+      const data = await res.json();
+      if (!res.ok || !data.response) {
+        throw new Error(data.error || "AI failed to generate content");
+      }
+      editor.commands.insertContent(data.response);
+      setShowPromptInput(false);
+    } catch (e) {
+      console.error(e);
+      setAiError("Failed to generate content. Try again.");
+    } finally {
+      setIsLoadingAI(false);
+    }
+  };
   if (!enabledFeatures.includes("voice to text")) return null;
   return /* @__PURE__ */ import_react18.default.createElement("div", { className: "group flex flex-col gap-2 items-start" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex gap-2 items-center" }, !isRecording ? /* @__PURE__ */ import_react18.default.createElement(
     "button",
@@ -16946,7 +16981,60 @@ function AiGroup({ editor, enabledFeatures }) {
       title: "Stop Recording"
     },
     /* @__PURE__ */ import_react18.default.createElement(import_fa2.FaStop, { size: 18 })
-  )), isRecording && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ import_react18.default.createElement(import_loaders.Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ import_react18.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ import_react18.default.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })));
+  ), /* @__PURE__ */ import_react18.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleAiClick,
+      className: "ai-button",
+      title: "AI Assist"
+    },
+    "AI"
+  )), isRecording && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ import_react18.default.createElement(import_loaders.Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ import_react18.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ import_react18.default.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })), /* @__PURE__ */ import_react18.default.createElement(import_framer_motion.AnimatePresence, null, showPromptInput && /* @__PURE__ */ import_react18.default.createElement(
+    import_framer_motion.motion.div,
+    {
+      className: "ai-modal-backdrop",
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 }
+    },
+    /* @__PURE__ */ import_react18.default.createElement(
+      import_framer_motion.motion.div,
+      {
+        className: "ai-modal-content",
+        initial: { scale: 0.9, opacity: 0 },
+        animate: { scale: 1, opacity: 1 },
+        exit: { scale: 0.9, opacity: 0 }
+      },
+      /* @__PURE__ */ import_react18.default.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"),
+      /* @__PURE__ */ import_react18.default.createElement(
+        "textarea",
+        {
+          className: "ai-modal-textarea",
+          value: prompt2,
+          onChange: (e) => setPrompt(e.target.value),
+          placeholder: "Enter your prompt here..."
+        }
+      ),
+      aiError && /* @__PURE__ */ import_react18.default.createElement("p", { className: "ai-modal-error" }, aiError),
+      /* @__PURE__ */ import_react18.default.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ import_react18.default.createElement(
+        "button",
+        {
+          onClick: () => setShowPromptInput(false),
+          className: "ai-cancel-btn"
+        },
+        "Cancel"
+      ), /* @__PURE__ */ import_react18.default.createElement(
+        "button",
+        {
+          onClick: handlePromptSubmit,
+          disabled: isLoadingAI,
+          className: "ai-submit-btn"
+        },
+        isLoadingAI ? "Generating..." : "Submit"
+      ))
+    )
+  )));
 }
 // src/components/tetrons/toolbar/AddOnGroup.tsx
@@ -17039,9 +17127,8 @@ function TetronsToolbar({
 }) {
   const [autoSave, setAutoSave] = (0, import_react23.useState)(false);
   (0, import_react23.useEffect)(() => {
-    if (!editor) return;
+    if (!editor || !autoSave) return;
     const handleUpdate = () => {
-      if (!autoSave) return;
       const content = editor.getJSON();
       fetch("/api/save", {
         method: "POST",
@@ -17060,7 +17147,18 @@ function TetronsToolbar({
       case "premium":
         return addOns;
       case "platinum":
-        return ["math", "code"];
+        return [
+          "math",
+          "code",
+          "ai",
+          "voice to text",
+          "undo",
+          "redo",
+          "resetFormatting",
+          "preview",
+          "codeBlock",
+          "spell check"
+        ];
       default:
         return [];
     }
@@ -17073,13 +17171,22 @@ function TetronsToolbar({
       checked: autoSave,
       onChange: (e) => setAutoSave(e.target.checked)
     }
-  ), /* @__PURE__ */ import_react23.default.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(FileGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(InsertGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ActionGroup, { editor })), (["pro", "premium"].includes(version) || version === "platinum") && /* @__PURE__ */ import_react23.default.createElement(
+  ), /* @__PURE__ */ import_react23.default.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(FileGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(InsertGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ActionGroup, { editor })), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(
     MiscGroup,
     {
       editor,
-      enabledFeatures: effectiveAddOns
+      enabledFeatures: effectiveAddOns.filter(
+        (a) => [
+          "undo",
+          "redo",
+          "resetFormatting",
+          "preview",
+          "codeBlock",
+          "spell check"
+        ].includes(a)
+      )
     }
-  ), (version === "premium" && effectiveAddOns.includes("ai") || version === "platinum" || effectiveAddOns.includes("voice to text")) && /* @__PURE__ */ import_react23.default.createElement(
+  ), effectiveAddOns.some((a) => ["ai", "voice to text"].includes(a)) && /* @__PURE__ */ import_react23.default.createElement(
     AiGroup,
     {
       editor,

package/dist/index.mjs CHANGED Viewed

@@ -15986,14 +15986,10 @@ function ActionGroup({ editor }) {
         setDropdownOpen(false);
       }
     };
-    if (dropdownOpen) {
+    if (dropdownOpen)
       document.addEventListener("mousedown", handleClickOutside);
-    } else {
-      document.removeEventListener("mousedown", handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
+    else document.removeEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [dropdownOpen]);
   const zoomIn = () => {
     const element = document.querySelector(
@@ -16002,8 +15998,7 @@ function ActionGroup({ editor }) {
     if (element) {
       const style = element.style;
       const currentZoom = parseFloat(style.zoom || "1");
-      const next = Math.min(currentZoom + 0.1, 2);
-      style.zoom = next.toString();
+      style.zoom = Math.min(currentZoom + 0.1, 2).toString();
     }
   };
   const zoomOut = () => {
@@ -16013,28 +16008,24 @@ function ActionGroup({ editor }) {
     if (element) {
       const style = element.style;
       const currentZoom = parseFloat(style.zoom || "1");
-      const next = Math.max(currentZoom - 0.1, 0.5);
-      style.zoom = next.toString();
+      style.zoom = Math.max(currentZoom - 0.1, 0.5).toString();
     }
   };
   const handlePrint = () => {
+    if (!editor) return;
     const html = editor.getHTML();
     const printWindow = window.open("", "_blank");
     if (printWindow) {
-      printWindow.document.write(`
-        <html>
-          <head>
-            <title>Print</title>
-          </head>
-          <body>${html}</body>
-        </html>
-      `);
+      printWindow.document.write(
+        `<html><head><title>Print</title></head><body>${html}</body></html>`
+      );
       printWindow.document.close();
       printWindow.focus();
       printWindow.print();
     }
   };
   const handleSave = async () => {
+    if (!editor) return;
     const content = editor.getJSON();
     try {
       const response = await fetch("/api/save", {
@@ -16044,14 +16035,14 @@ function ActionGroup({ editor }) {
       });
       if (!response.ok) throw new Error("Failed to save file");
       const result = await response.json();
-      console.log(result.message);
-      alert("Content saved successfully!");
+      alert(result.message || "Content saved successfully!");
     } catch (error) {
-      console.error("Error saving content:", error);
+      console.error(error);
       alert("Failed to save content.");
     }
   };
   const handleDownloadPDF = async () => {
+    if (!editor) return;
     const html = editor.getHTML();
     const container = document.createElement("div");
     container.innerHTML = html;
@@ -16059,22 +16050,22 @@ function ActionGroup({ editor }) {
     document.body.appendChild(container);
     try {
       const domToPdf = (await import("dom-to-pdf")).default;
-      const options = {
-        filename: "document.pdf",
-        overrideWidth: 800,
-        overrideHeight: 1120
-      };
-      domToPdf(container, options, () => {
-        console.log("PDF downloaded!");
-      });
+      domToPdf(
+        container,
+        { filename: "document.pdf", overrideWidth: 800, overrideHeight: 1120 },
+        () => {
+          console.log("PDF downloaded!");
+        }
+      );
     } catch (error) {
-      console.error("PDF download failed", error);
+      console.error(error);
       alert("Failed to download PDF.");
     } finally {
       document.body.removeChild(container);
     }
   };
   const handleDownloadHTML = () => {
+    if (!editor) return;
     const html = editor.getHTML();
     const blob = new Blob([html], { type: "text/html" });
     const link = document.createElement("a");
@@ -16085,15 +16076,11 @@ function ActionGroup({ editor }) {
     document.body.removeChild(link);
   };
   const handleDownloadDOCX = async () => {
+    if (!editor) return;
     const { Document: Document2, Packer, Paragraph: Paragraph2 } = await import("docx");
     const text = editor.getText();
     const doc3 = new Document2({
-      sections: [
-        {
-          properties: {},
-          children: [new Paragraph2(text)]
-        }
-      ]
+      sections: [{ properties: {}, children: [new Paragraph2(text)] }]
     });
     const blob = await Packer.toBlob(doc3);
     const link = document.createElement("a");
@@ -16103,49 +16090,59 @@ function ActionGroup({ editor }) {
     link.click();
     document.body.removeChild(link);
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: "action-group", role: "group", "aria-label": "Editor actions" }, /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdZoomIn, onClick: zoomIn, title: "Zoom In" }), /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdZoomOut, onClick: zoomOut, title: "Zoom Out" }), /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdPrint, onClick: handlePrint, title: "Print" }), /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdSave, onClick: handleSave, title: "Save" }), /* @__PURE__ */ React5.createElement("div", { className: "relative", ref: dropdownRef }, /* @__PURE__ */ React5.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => setDropdownOpen((open) => !open),
-      "aria-haspopup": "menu",
-      "aria-expanded": dropdownOpen ? "true" : "false",
-      className: "export-button",
-      title: "Export"
-    },
-    /* @__PURE__ */ React5.createElement(MdDownload, null),
-    /* @__PURE__ */ React5.createElement("span", { className: "text-sm" })
-  ), dropdownOpen && /* @__PURE__ */ React5.createElement("div", { className: "export-dropdown" }, /* @__PURE__ */ React5.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        setDropdownOpen(false);
-        handleDownloadPDF();
-      }
-    },
-    "Export as PDF"
-  ), /* @__PURE__ */ React5.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => {
-        setDropdownOpen(false);
-        handleDownloadHTML();
-      }
-    },
-    "Export as HTML"
-  ), /* @__PURE__ */ React5.createElement(
-    "button",
+  if (!editor) return null;
+  return /* @__PURE__ */ React5.createElement(
+    "div",
     {
-      type: "button",
-      onClick: () => {
-        setDropdownOpen(false);
-        handleDownloadDOCX();
-      }
+      className: "action-group bg-white text-black dark:bg-gray-800 dark:text-white",
+      role: "group",
+      "aria-label": "Editor actions"
     },
-    "Export as DOCX"
-  ))));
+    /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdZoomIn, onClick: zoomIn, title: "Zoom In" }),
+    /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdZoomOut, onClick: zoomOut, title: "Zoom Out" }),
+    /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdPrint, onClick: handlePrint, title: "Print" }),
+    /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdSave, onClick: handleSave, title: "Save" }),
+    /* @__PURE__ */ React5.createElement("div", { className: "relative", ref: dropdownRef }, /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setDropdownOpen((o) => !o),
+        className: "export-button",
+        title: "Export"
+      },
+      /* @__PURE__ */ React5.createElement(MdDownload, null)
+    ), dropdownOpen && /* @__PURE__ */ React5.createElement("div", { className: "export-dropdown" }, /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setDropdownOpen(false);
+          handleDownloadPDF();
+        }
+      },
+      "Export as PDF"
+    ), /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setDropdownOpen(false);
+          handleDownloadHTML();
+        }
+      },
+      "Export as HTML"
+    ), /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setDropdownOpen(false);
+          handleDownloadDOCX();
+        }
+      },
+      "Export as DOCX"
+    )))
+  );
 }
 // src/components/tetrons/toolbar/ClipboardGroup.tsx
@@ -16640,13 +16637,18 @@ import {
   MdFormatAlignJustify
 } from "react-icons/md";
 function ListAlignGroup({ editor }) {
-  return /* @__PURE__ */ React9.createElement("div", { className: "list-align-group" }, /* @__PURE__ */ React9.createElement(
+  if (!editor) return null;
+  const canToggleBullet = editor.can().toggleBulletList() || editor.isEmpty;
+  const canToggleOrdered = editor.can().toggleOrderedList() || editor.isEmpty;
+  const canSink = editor.can().sinkListItem("listItem");
+  const canLift = editor.can().liftListItem("listItem");
+  return /* @__PURE__ */ React9.createElement("div", { className: "list-align-group bg-white text-black dark:bg-gray-800 dark:text-white" }, /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatListBulleted,
       title: "Bulleted List",
       onClick: () => editor.chain().focus().toggleBulletList().run(),
-      disabled: !editor.can().toggleBulletList()
+      disabled: !canToggleBullet
     }
   ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
@@ -16654,7 +16656,7 @@ function ListAlignGroup({ editor }) {
       icon: MdFormatListNumbered,
       title: "Numbered List",
       onClick: () => editor.chain().focus().toggleOrderedList().run(),
-      disabled: !editor.can().toggleOrderedList()
+      disabled: !canToggleOrdered
     }
   ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
@@ -16662,7 +16664,7 @@ function ListAlignGroup({ editor }) {
       icon: MdFormatIndentIncrease,
       title: "Increase Indent",
       onClick: () => editor.chain().focus().sinkListItem("listItem").run(),
-      disabled: !editor.can().sinkListItem("listItem")
+      disabled: !canSink
     }
   ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
@@ -16670,7 +16672,7 @@ function ListAlignGroup({ editor }) {
       icon: MdFormatIndentDecrease,
       title: "Decrease Indent",
       onClick: () => editor.chain().focus().liftListItem("listItem").run(),
-      disabled: !editor.can().liftListItem("listItem")
+      disabled: !canLift
     }
   ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
@@ -16885,11 +16887,16 @@ function FileGroup({ editor }) {
 import React12, { useState as useState7, useRef as useRef6 } from "react";
 import { FaMicrophone, FaStop } from "react-icons/fa";
 import { Waveform } from "@uiball/loaders";
+import { motion, AnimatePresence } from "framer-motion";
 function AiGroup({ editor, enabledFeatures }) {
   const [isRecording, setIsRecording] = useState7(false);
   const [audioBlob, setAudioBlob] = useState7(null);
   const [isTranscribing, setIsTranscribing] = useState7(false);
   const [transcriptionError, setTranscriptionError] = useState7("");
+  const [showPromptInput, setShowPromptInput] = useState7(false);
+  const [prompt2, setPrompt] = useState7("");
+  const [isLoadingAI, setIsLoadingAI] = useState7(false);
+  const [aiError, setAiError] = useState7("");
   const mediaRecorderRef = useRef6(null);
   const chunksRef = useRef6([]);
   const startRecording = async () => {
@@ -16936,6 +16943,34 @@ function AiGroup({ editor, enabledFeatures }) {
       setIsTranscribing(false);
     }
   };
+  const handleAiClick = () => {
+    setShowPromptInput(true);
+    setPrompt("");
+    setAiError("");
+  };
+  const handlePromptSubmit = async () => {
+    if (!prompt2.trim()) return;
+    setIsLoadingAI(true);
+    setAiError("");
+    try {
+      const res = await fetch("https://staging.tetrons.com/api/ai-action", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ content: prompt2 })
+      });
+      const data = await res.json();
+      if (!res.ok || !data.response) {
+        throw new Error(data.error || "AI failed to generate content");
+      }
+      editor.commands.insertContent(data.response);
+      setShowPromptInput(false);
+    } catch (e) {
+      console.error(e);
+      setAiError("Failed to generate content. Try again.");
+    } finally {
+      setIsLoadingAI(false);
+    }
+  };
   if (!enabledFeatures.includes("voice to text")) return null;
   return /* @__PURE__ */ React12.createElement("div", { className: "group flex flex-col gap-2 items-start" }, /* @__PURE__ */ React12.createElement("div", { className: "flex gap-2 items-center" }, !isRecording ? /* @__PURE__ */ React12.createElement(
     "button",
@@ -16955,7 +16990,60 @@ function AiGroup({ editor, enabledFeatures }) {
       title: "Stop Recording"
     },
     /* @__PURE__ */ React12.createElement(FaStop, { size: 18 })
-  )), isRecording && /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React12.createElement(Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ React12.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ React12.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React12.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })));
+  ), /* @__PURE__ */ React12.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleAiClick,
+      className: "ai-button",
+      title: "AI Assist"
+    },
+    "AI"
+  )), isRecording && /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React12.createElement(Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ React12.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ React12.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React12.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })), /* @__PURE__ */ React12.createElement(AnimatePresence, null, showPromptInput && /* @__PURE__ */ React12.createElement(
+    motion.div,
+    {
+      className: "ai-modal-backdrop",
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 }
+    },
+    /* @__PURE__ */ React12.createElement(
+      motion.div,
+      {
+        className: "ai-modal-content",
+        initial: { scale: 0.9, opacity: 0 },
+        animate: { scale: 1, opacity: 1 },
+        exit: { scale: 0.9, opacity: 0 }
+      },
+      /* @__PURE__ */ React12.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"),
+      /* @__PURE__ */ React12.createElement(
+        "textarea",
+        {
+          className: "ai-modal-textarea",
+          value: prompt2,
+          onChange: (e) => setPrompt(e.target.value),
+          placeholder: "Enter your prompt here..."
+        }
+      ),
+      aiError && /* @__PURE__ */ React12.createElement("p", { className: "ai-modal-error" }, aiError),
+      /* @__PURE__ */ React12.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React12.createElement(
+        "button",
+        {
+          onClick: () => setShowPromptInput(false),
+          className: "ai-cancel-btn"
+        },
+        "Cancel"
+      ), /* @__PURE__ */ React12.createElement(
+        "button",
+        {
+          onClick: handlePromptSubmit,
+          disabled: isLoadingAI,
+          className: "ai-submit-btn"
+        },
+        isLoadingAI ? "Generating..." : "Submit"
+      ))
+    )
+  )));
 }
 // src/components/tetrons/toolbar/AddOnGroup.tsx
@@ -17048,9 +17136,8 @@ function TetronsToolbar({
 }) {
   const [autoSave, setAutoSave] = useState10(false);
   useEffect8(() => {
-    if (!editor) return;
+    if (!editor || !autoSave) return;
     const handleUpdate = () => {
-      if (!autoSave) return;
       const content = editor.getJSON();
       fetch("/api/save", {
         method: "POST",
@@ -17069,7 +17156,18 @@ function TetronsToolbar({
       case "premium":
         return addOns;
       case "platinum":
-        return ["math", "code"];
+        return [
+          "math",
+          "code",
+          "ai",
+          "voice to text",
+          "undo",
+          "redo",
+          "resetFormatting",
+          "preview",
+          "codeBlock",
+          "spell check"
+        ];
       default:
         return [];
     }
@@ -17082,13 +17180,22 @@ function TetronsToolbar({
       checked: autoSave,
       onChange: (e) => setAutoSave(e.target.checked)
     }
-  ), /* @__PURE__ */ React16.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(FileGroup, { editor }), /* @__PURE__ */ React16.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ React16.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ React16.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(InsertGroup, { editor }), /* @__PURE__ */ React16.createElement(ActionGroup, { editor })), (["pro", "premium"].includes(version) || version === "platinum") && /* @__PURE__ */ React16.createElement(
+  ), /* @__PURE__ */ React16.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(FileGroup, { editor }), /* @__PURE__ */ React16.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ React16.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ React16.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(InsertGroup, { editor }), /* @__PURE__ */ React16.createElement(ActionGroup, { editor })), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(
     MiscGroup,
     {
       editor,
-      enabledFeatures: effectiveAddOns
+      enabledFeatures: effectiveAddOns.filter(
+        (a) => [
+          "undo",
+          "redo",
+          "resetFormatting",
+          "preview",
+          "codeBlock",
+          "spell check"
+        ].includes(a)
+      )
     }
-  ), (version === "premium" && effectiveAddOns.includes("ai") || version === "platinum" || effectiveAddOns.includes("voice to text")) && /* @__PURE__ */ React16.createElement(
+  ), effectiveAddOns.some((a) => ["ai", "voice to text"].includes(a)) && /* @__PURE__ */ React16.createElement(
     AiGroup,
     {
       editor,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "tetrons",
-  "version": "2.3.91",
+  "version": "2.3.92",
   "description": "A Next.js project written in TypeScript",
   "main": "dist/index.js",
   "module": "dist/index.mjs",