tetrons 2.3.24 → 2.3.26

package/dist/styles/styles/tetrons.css

@@ -369,3 +369,195 @@
   padding: 0.5rem;
   text-align: left;
 }
+
+.icon-btn {
+  padding: 0.5rem;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.stop-btn {
+  background-color: #dc2626;
+  color: white;
+  margin-right: 20px;
+}
+
+.stop-btn:hover {
+  background-color: #b91c1c;
+}
+
+.voice-modal {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.voice-modal-content {
+  background: white;
+  padding: 2rem;
+  border-radius: 12px;
+  text-align: center;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+}
+
+.ai-button {
+  padding: 8px 16px;
+  background: linear-gradient(to right, #7f00ff, #4f46e5);
+  color: white;
+  font-weight: bold;
+  border: none;
+  border-radius: 6px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+  transition: background 0.3s ease, transform 0.2s ease;
+}
+
+.ai-button:hover {
+  background: linear-gradient(to right, #6b00d6, #4338ca);
+  transform: translateY(-1px);
+}
+
+.ai-button:active {
+  transform: scale(0.97);
+}
+
+.prompt-container {
+  margin-top: 0.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.prompt-textarea {
+  width: 100%;
+  padding: 8px;
+  font-size: 14px;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  resize: vertical;
+}
+
+.prompt-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.prompt-submit-btn {
+  padding: 6px 12px;
+  background-color: #4f46e5;
+  color: #fff;
+  border-radius: 4px;
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.prompt-submit-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.prompt-cancel-btn {
+  padding: 6px 12px;
+  background-color: #e5e7eb;
+  color: #000;
+  border-radius: 4px;
+  border: none;
+  cursor: pointer;
+}
+
+.ai-error-message {
+  color: red;
+  font-size: 13px;
+  margin-top: 0.5rem;
+}
+
+.ai-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.4);
+  -webkit-backdrop-filter: blur(4px);
+  backdrop-filter: blur(4px);
+}
+
+.ai-modal-content {
+  background-color: #ffffff;
+  border-radius: 16px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
+  padding: 1.5rem;
+  width: 90%;
+  max-width: 28rem;
+}
+
+.ai-modal-title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+
+.ai-modal-textarea {
+  width: 100%;
+  border: 1px solid #ccc;
+  border-radius: 0.5rem;
+  padding: 0.5rem;
+  font-size: 0.875rem;
+  min-height: 100px;
+  resize: none;
+}
+
+.ai-modal-error {
+  font-size: 0.875rem;
+  color: red;
+  margin-top: 0.5rem;
+}
+
+.ai-modal-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  margin-top: 1rem;
+}
+
+.ai-cancel-btn {
+  font-size: 0.875rem;
+  padding: 0.5rem 1rem;
+  background-color: #e5e7eb;
+  color: #000;
+  border: none;
+  border-radius: 0.375rem;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.ai-cancel-btn:hover {
+  background-color: #d1d5db;
+}
+
+.ai-submit-btn {
+  font-size: 0.875rem;
+  padding: 0.5rem 1rem;
+  background-color: #2563eb;
+  color: white;
+  border: none;
+  border-radius: 0.375rem;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.ai-submit-btn:hover {
+  background-color: #1d4ed8;
+}
+
+.ai-submit-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}

package/dist/styles/tetrons.css

@@ -369,3 +369,195 @@
   padding: 0.5rem;
   text-align: left;
 }
+
+.icon-btn {
+  padding: 0.5rem;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.stop-btn {
+  background-color: #dc2626;
+  color: white;
+  margin-right: 20px;
+}
+
+.stop-btn:hover {
+  background-color: #b91c1c;
+}
+
+.voice-modal {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.voice-modal-content {
+  background: white;
+  padding: 2rem;
+  border-radius: 12px;
+  text-align: center;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
+}
+
+.ai-button {
+  padding: 8px 16px;
+  background: linear-gradient(to right, #7f00ff, #4f46e5);
+  color: white;
+  font-weight: bold;
+  border: none;
+  border-radius: 6px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+  transition: background 0.3s ease, transform 0.2s ease;
+}
+
+.ai-button:hover {
+  background: linear-gradient(to right, #6b00d6, #4338ca);
+  transform: translateY(-1px);
+}
+
+.ai-button:active {
+  transform: scale(0.97);
+}
+
+.prompt-container {
+  margin-top: 0.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.prompt-textarea {
+  width: 100%;
+  padding: 8px;
+  font-size: 14px;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  resize: vertical;
+}
+
+.prompt-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.prompt-submit-btn {
+  padding: 6px 12px;
+  background-color: #4f46e5;
+  color: #fff;
+  border-radius: 4px;
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.prompt-submit-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.prompt-cancel-btn {
+  padding: 6px 12px;
+  background-color: #e5e7eb;
+  color: #000;
+  border-radius: 4px;
+  border: none;
+  cursor: pointer;
+}
+
+.ai-error-message {
+  color: red;
+  font-size: 13px;
+  margin-top: 0.5rem;
+}
+
+.ai-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.4);
+  -webkit-backdrop-filter: blur(4px);
+  backdrop-filter: blur(4px);
+}
+
+.ai-modal-content {
+  background-color: #ffffff;
+  border-radius: 16px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
+  padding: 1.5rem;
+  width: 90%;
+  max-width: 28rem;
+}
+
+.ai-modal-title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+
+.ai-modal-textarea {
+  width: 100%;
+  border: 1px solid #ccc;
+  border-radius: 0.5rem;
+  padding: 0.5rem;
+  font-size: 0.875rem;
+  min-height: 100px;
+  resize: none;
+}
+
+.ai-modal-error {
+  font-size: 0.875rem;
+  color: red;
+  margin-top: 0.5rem;
+}
+
+.ai-modal-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  margin-top: 1rem;
+}
+
+.ai-cancel-btn {
+  font-size: 0.875rem;
+  padding: 0.5rem 1rem;
+  background-color: #e5e7eb;
+  color: #000;
+  border: none;
+  border-radius: 0.375rem;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.ai-cancel-btn:hover {
+  background-color: #d1d5db;
+}
+
+.ai-submit-btn {
+  font-size: 0.875rem;
+  padding: 0.5rem 1rem;
+  background-color: #2563eb;
+  color: white;
+  border: none;
+  border-radius: 0.375rem;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.ai-submit-btn:hover {
+  background-color: #1d4ed8;
+}
+
+.ai-submit-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tetrons",
-  "version": "2.3.24",
+  "version": "2.3.26",
   "description": "A Next.js project written in TypeScript",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,48 +11,57 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@emoji-mart/react": "^1.1.1",
-    "@tiptap/extension-code-block-lowlight": "^2.14.0",
-    "@tiptap/extension-color": "^2.14.0",
-    "@tiptap/extension-highlight": "^2.14.0",
-    "@tiptap/extension-image": "^2.14.0",
-    "@tiptap/extension-link": "^2.14.0",
-    "@tiptap/extension-table": "^2.14.0",
-    "@tiptap/extension-table-cell": "^2.14.0",
-    "@tiptap/extension-table-header": "^2.14.0",
-    "@tiptap/extension-table-row": "^2.14.0",
-    "@tiptap/extension-text-align": "^2.14.0",
-    "@tiptap/extension-underline": "^2.14.0",
-    "@tiptap/react": "^2.12.0",
-    "@tiptap/starter-kit": "^2.12.0",
-    "docx": "^9.5.0",
-    "dom-to-pdf": "^0.3.2",
-    "html2pdf.js": "^0.10.3",
-    "lowlight": "^3.3.0",
-    "mongoose": "^8.16.0",
-    "react-icons": "^5.5.0",
-    "typo-js": "^1.2.5"
+    "@emoji-mart/react": "1.1.1",
+    "@tiptap/core": "2.24.1",
+    "@tiptap/extension-code-block-lowlight": "2.24.1",
+    "@tiptap/extension-color": "2.24.1",
+    "@tiptap/extension-highlight": "2.24.1",
+    "@tiptap/extension-image": "2.24.1",
+    "@tiptap/extension-link": "2.24.1",
+    "@tiptap/extension-table": "2.24.1",
+    "@tiptap/extension-table-cell": "2.24.1",
+    "@tiptap/extension-table-header": "2.24.1",
+    "@tiptap/extension-table-row": "2.24.1",
+    "@tiptap/extension-text-align": "2.24.1",
+    "@tiptap/extension-text-style": "2.24.1",
+    "@tiptap/extension-underline": "2.24.1",
+    "@tiptap/react": "2.24.1",
+    "@tiptap/starter-kit": "2.24.1",
+    "@uiball/loaders": "1.3.1",
+    "docx": "9.5.0",
+    "dom-to-pdf": "0.3.2",
+    "dotenv": "17.0.1",
+    "formidable": "3.5.4",
+    "framer-motion": "12.23.0",
+    "html2pdf.js": "0.10.3",
+    "lowlight": "3.3.0",
+    "mime": "4.0.7",
+    "mongoose": "8.16.0",
+    "openai": "^4.40.0",
+    "react-icons": "5.5.0",
+    "typo-js": "1.2.5"
   },
   "peerDependencies": {
-    "next": "^15.3.2",
-    "react": ">=18.3.1 <20",
-    "react-dom": ">=18.3.1 <20"
+    "next": "15.3.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "autoprefixer": "^10.4.21",
-    "copyfiles": "^2.4.1",
-    "eslint": "^9",
-    "eslint-config-next": "^15.3.2",
-    "tsup": "^8.5.0",
-    "typescript": "^5"
+    "@eslint/eslintrc": "3.0.0",
+    "@types/formidable": "3.4.5",
+    "@types/node": "20.9.0",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "autoprefixer": "10.4.21",
+    "copyfiles": "2.4.1",
+    "eslint": "9.0.0",
+    "eslint-config-next": "15.3.2",
+    "tsup": "8.5.0",
+    "typescript": "5.4.5"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/your-repo/tetrons.git"
+    "url": "git+https://github.com/Finapsys/Tetrons.git"
   },
   "keywords": [
     "nextjs",
@@ -65,8 +74,7 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     },
     "./style.css": "./dist/styles/tetrons.css"
   },
@@ -76,7 +84,7 @@
     "dist/components"
   ],
   "bugs": {
-    "url": "https://github.com/your-repo/tetrons/issues"
+    "url": "https://github.com/Finapsys/Tetrons/issues"
   },
-  "homepage": "https://github.com/your-repo/tetrons#readme"
+  "homepage": "https://github.com/Finapsys/Tetrons#readme"
 }

package/dist/app/page.jsx

@@ -1,51 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-import EditorContent from "../components/tetrons/EditorContent";
-import "../styles/tetrons.css";
-export default function Home() {
-    const [apiKey, setApiKey] = useState(null);
-    const [loading, setLoading] = useState(true);
-    useEffect(() => {
-        const fetchOrGenerateApiKey = async () => {
-            let key = localStorage.getItem("tetrons-key");
-            if (!key) {
-                try {
-                    const res = await fetch("/api/register", {
-                        method: "POST",
-                        headers: { "Content-Type": "application/json" },
-                        body: JSON.stringify({
-                            email: "developer@finapsys.co.in",
-                            organization: "FCSPL",
-                            version: "platinum",
-                        }),
-                    });
-                    const data = await res.json();
-                    if (!res.ok || !data.apiKey) {
-                        throw new Error(data.error || "Failed to register for API key");
-                    }
-                    key = data.apiKey;
-                    if (key) {
-                        localStorage.setItem("tetrons-key", key);
-                    }
-                }
-                catch (err) {
-                    console.error("❌ Failed to fetch or register API key:", err);
-                }
-            }
-            setApiKey(key);
-            setLoading(false);
-        };
-        fetchOrGenerateApiKey();
-    }, []);
-    if (loading) {
-        return <div className="text-center p-4">⏳ Loading Editor...</div>;
-    }
-    if (!apiKey) {
-        return <div className="text-red-600 text-center">❌ API key not found</div>;
-    }
-    return (<main className="flex flex-col h-screen overflow-hidden">
-      <div className="flex-1 overflow-auto flex flex-col">
-        <EditorContent apiKey={apiKey}/>
-      </div>
-    </main>);
-}

package/dist/components/tetrons/toolbar/MiscGroup.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { Editor } from "@tiptap/react";
-interface MiscGroupProps {
-    editor: Editor;
-}
-export default function MiscGroup({ editor }: MiscGroupProps): React.JSX.Element;
-export {};

package/dist/components/tetrons/toolbar/MiscGroup.jsx

@@ -1,55 +0,0 @@
-import React from "react";
-import { MdUndo, MdRedo, MdRefresh, MdVisibility, MdCode, MdSpellcheck, } from "react-icons/md";
-import ToolbarButton from "./ToolbarButton";
-import { checkGrammar } from "../../../utils/checkGrammar";
-export default function MiscGroup({ editor }) {
-    const handlePreview = () => {
-        const html = editor.getHTML();
-        const previewWindow = window.open("", "_blank");
-        if (previewWindow) {
-            previewWindow.document.open();
-            previewWindow.document.write(`
-        <html>
-          <head>
-            <title>Preview</title>
-            <style>
-              body { font-family: sans-serif; padding: 2rem; line-height: 1.6; }
-            </style>
-          </head>
-          <body>${html}</body>
-        </html>
-      `);
-            previewWindow.document.close();
-        }
-    };
-    const handleGrammarCheck = async () => {
-        const text = editor.getText();
-        try {
-            const issues = await checkGrammar(text);
-            if (issues.length === 0) {
-                alert("✅ No grammar issues found.");
-                return;
-            }
-            let message = "🔎 Grammar Suggestions:\n\n";
-            issues.forEach((issue, idx) => {
-                const replacements = issue.replacements
-                    .map((r) => r.value)
-                    .join(", ");
-                message += `${idx + 1}. "${issue.context.text}"\n→ ${replacements}\nReason: ${issue.message}\n\n`;
-            });
-            alert(message);
-        }
-        catch (err) {
-            console.error(err);
-            alert("❌ Failed to check grammar. Please try again later.");
-        }
-    };
-    return (<div className="misc-group">
-      <ToolbarButton icon={MdUndo} label="Undo" onClick={() => editor.chain().focus().undo().run()} disabled={!editor.can().undo()}/>
-      <ToolbarButton icon={MdRedo} label="Redo" onClick={() => editor.chain().focus().redo().run()} disabled={!editor.can().redo()}/>
-      <ToolbarButton icon={MdRefresh} label="Reset Formatting" onClick={() => editor.chain().focus().unsetAllMarks().clearNodes().run()}/>
-      <ToolbarButton icon={MdCode} label="Toggle Code Block" onClick={() => editor.chain().focus().toggleCodeBlock().run()} isActive={editor.isActive("codeBlock")}/>
-      <ToolbarButton icon={MdVisibility} label="Preview" onClick={handlePreview}/>
-      <ToolbarButton icon={MdSpellcheck} label="Check Grammar" onClick={handleGrammarCheck}/>
-    </div>);
-}

package/dist/components/tetrons/toolbar/TetronsToolbar.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { Editor } from "@tiptap/react";
-export default function TetronsToolbar({ editor, version, }: {
-    editor: Editor;
-    version: "free" | "pro" | "premium" | "platinum";
-}): React.JSX.Element;

package/dist/utils/checkGrammar.d.ts

@@ -1,25 +0,0 @@
-export interface GrammarMatch {
-    message: string;
-    shortMessage: string;
-    offset: number;
-    length: number;
-    replacements: {
-        value: string;
-    }[];
-    context: {
-        text: string;
-        offset: number;
-        length: number;
-    };
-    sentence: string;
-    rule: {
-        id: string;
-        description: string;
-        issueType: string;
-        category: {
-            id: string;
-            name: string;
-        };
-    };
-}
-export declare function checkGrammar(text: string): Promise<GrammarMatch[]>;

package/dist/utils/checkGrammar.js

@@ -1,17 +0,0 @@
-export async function checkGrammar(text) {
-    const response = await fetch("https://api.languagetool.org/v2/check", {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/x-www-form-urlencoded",
-        },
-        body: new URLSearchParams({
-            text,
-            language: "en-US",
-        }),
-    });
-    if (!response.ok) {
-        throw new Error("Grammar check failed");
-    }
-    const result = await response.json();
-    return result.matches;
-}