tetrons 2.2.3 → 2.2.4

package/dist/lib/db.d.ts

@@ -0,0 +1 @@
+export function connectDB(): Promise<void>;

package/dist/lib/db.js

@@ -0,0 +1,15 @@
+import mongoose from "mongoose";
+const MONGO_URL = process.env.MONGO_URL;
+export const connectDB = async () => {
+    if (mongoose.connection.readyState >= 1) {
+        return;
+    }
+    try {
+        await mongoose.connect(MONGO_URL);
+        console.log("Connected to MongoDB 👍");
+    }
+    catch (error) {
+        console.error("MongoDB connection failed ❌", error);
+        process.exit(1);
+    }
+};

package/dist/models/ApiKey.d.ts

@@ -0,0 +1,2 @@
+import mongoose from "mongoose";
+export declare const ApiKey: mongoose.Model<any, {}, {}, {}, any, any>;

package/dist/models/ApiKey.js

@@ -0,0 +1,14 @@
+import mongoose from "mongoose";
+const ApiKeySchema = new mongoose.Schema({
+    email: { type: String, required: true },
+    organization: { type: String, required: true },
+    version: {
+        type: String,
+        enum: ["free", "pro", "premium", "platinum"],
+        required: true,
+    },
+    apiKey: { type: String, required: true, unique: true },
+    createdAt: { type: Date, default: Date.now },
+    expiresAt: { type: Date },
+});
+export const ApiKey = mongoose.models.ApiKey || mongoose.model("ApiKey", ApiKeySchema);

package/dist/utils/apiKeyUtils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Generates a secure random API key
+ * @param length Length of the key (default 48 characters)
+ * @returns Hex string API key
+ */
+export declare function generateApiKey(length?: number): string;
+/**
+ * Generates a unique key with optional prefix (e.g., for versioning or branding)
+ * @param prefix Optional prefix like 'PRO-', 'PREMIUM-', etc.
+ */
+export declare function generateVersionedKey(prefix?: string): string;

package/dist/utils/apiKeyUtils.js

@@ -0,0 +1,17 @@
+import crypto from "crypto";
+/**
+ * Generates a secure random API key
+ * @param length Length of the key (default 48 characters)
+ * @returns Hex string API key
+ */
+export function generateApiKey(length = 48) {
+    return crypto.randomBytes(length / 2).toString("hex"); // length must be even
+}
+/**
+ * Generates a unique key with optional prefix (e.g., for versioning or branding)
+ * @param prefix Optional prefix like 'PRO-', 'PREMIUM-', etc.
+ */
+export function generateVersionedKey(prefix = "") {
+    const key = generateApiKey(48);
+    return `${prefix}${key}`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tetrons",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "A Next.js project written in TypeScript",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -29,6 +29,7 @@
     "dom-to-pdf": "^0.3.2",
     "html2pdf.js": "^0.10.3",
     "lowlight": "^3.3.0",
+    "mongoose": "^8.16.0",
     "react-icons": "^5.5.0"
   },
   "peerDependencies": {

package/dist/app/page.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import EditorContent from "../components/tetrons/EditorContent";
-import "../styles/tetrons.css";
-export default function Home() {
-    return (_jsx("main", { className: "flex flex-col h-screen overflow-hidden", children: _jsx("div", { className: "flex-1 overflow-auto flex flex-col", children: _jsx(EditorContent, {}) }) }));
-}

package/dist/components/tetrons/toolbar/ClipboardGroup.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MdContentPaste, MdContentCut, MdContentCopy, MdFormatPaint, } from "react-icons/md";
-import ToolbarButton from "./ToolbarButton";
-export default function ClipboardGroup({ editor }) {
-    return (_jsxs("div", { className: "clipboard-group", children: [_jsx(ToolbarButton, { icon: MdContentPaste, title: "Paste", onClick: async () => {
-                    try {
-                        const text = await navigator.clipboard.readText();
-                        editor.chain().focus().insertContent(text).run();
-                    }
-                    catch (error) {
-                        console.error("Failed to read clipboard contents:", error);
-                    }
-                } }), _jsx(ToolbarButton, { icon: MdContentCut, title: "Cut", onClick: () => {
-                    const { from, to } = editor.state.selection;
-                    if (from === to)
-                        return;
-                    const selectedText = editor.state.doc.textBetween(from, to);
-                    navigator.clipboard.writeText(selectedText).then(() => {
-                        editor.chain().focus().deleteRange({ from, to }).run();
-                    });
-                } }), _jsx(ToolbarButton, { icon: MdContentCopy, title: "Copy", onClick: () => {
-                    const { from, to } = editor.state.selection;
-                    if (from === to)
-                        return;
-                    const selectedText = editor.state.doc.textBetween(from, to);
-                    navigator.clipboard.writeText(selectedText);
-                } }), _jsx(ToolbarButton, { icon: MdFormatPaint, title: "Format Painter", onClick: () => {
-                    const currentMarks = editor.getAttributes("textStyle");
-                    localStorage.setItem("formatPainter", JSON.stringify(currentMarks));
-                } })] }));
-}

package/dist/components/tetrons/toolbar/FontStyleGroup.js

@@ -1,63 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MdFormatBold, MdFormatItalic, MdFormatUnderlined, MdStrikethroughS, MdSubscript, MdSuperscript, MdFormatClear, MdFormatPaint, } from "react-icons/md";
-import { ImTextColor } from "react-icons/im";
-import { BiSolidColorFill } from "react-icons/bi";
-import ToolbarButton from "./ToolbarButton";
-import { useEffect, useState } from "react";
-export default function FontStyleGroup({ editor }) {
-    const [textColor, setTextColor] = useState("#000000");
-    const [highlightColor, setHighlightColor] = useState("#ffff00");
-    const [fontFamily, setFontFamily] = useState("Arial");
-    const [fontSize, setFontSize] = useState("16px");
-    useEffect(() => {
-        if (!editor)
-            return;
-        const updateStates = () => {
-            var _a, _b, _c;
-            const highlight = editor.getAttributes("highlight");
-            setHighlightColor((highlight === null || highlight === void 0 ? void 0 : highlight.color) || "#ffff00");
-            const color = (_a = editor.getAttributes("textStyle")) === null || _a === void 0 ? void 0 : _a.color;
-            setTextColor(color || "#000000");
-            const fontAttr = ((_b = editor.getAttributes("fontFamily")) === null || _b === void 0 ? void 0 : _b.font) || "Arial";
-            setFontFamily(fontAttr);
-            const sizeAttr = ((_c = editor.getAttributes("fontSize")) === null || _c === void 0 ? void 0 : _c.size) || "16px";
-            setFontSize(sizeAttr);
-        };
-        updateStates();
-        editor.on("selectionUpdate", updateStates);
-        editor.on("transaction", updateStates);
-        return () => {
-            editor.off("selectionUpdate", updateStates);
-            editor.off("transaction", updateStates);
-        };
-    }, [editor]);
-    return (_jsxs("div", { className: "font-style-group", children: [_jsxs("select", { title: "Font Family", value: fontFamily, onChange: (e) => {
-                    const value = e.target.value;
-                    setFontFamily(value);
-                    editor.chain().focus().setFontFamily(value).run();
-                }, children: [_jsx("option", { value: "Arial", children: "Arial" }), _jsx("option", { value: "Georgia", children: "Georgia" }), _jsx("option", { value: "Times New Roman", children: "Times New Roman" }), _jsx("option", { value: "Courier New", children: "Courier New" }), _jsx("option", { value: "Verdana", children: "Verdana" })] }), _jsxs("select", { title: "Font Size", value: fontSize, onChange: (e) => {
-                    const value = e.target.value;
-                    setFontSize(value);
-                    editor.chain().focus().setFontSize(value).run();
-                }, children: [_jsx("option", { value: "12px", children: "12" }), _jsx("option", { value: "14px", children: "14" }), _jsx("option", { value: "16px", children: "16" }), _jsx("option", { value: "18px", children: "18" }), _jsx("option", { value: "24px", children: "24" }), _jsx("option", { value: "36px", children: "36" }), _jsx("option", { value: "48px", children: "48" }), _jsx("option", { value: "64px", children: "64" }), _jsx("option", { value: "72px", children: "72" })] }), _jsx(ToolbarButton, { icon: MdFormatBold, label: "Bold", onClick: () => editor.chain().focus().toggleBold().run(), isActive: editor.isActive("bold") }), _jsx(ToolbarButton, { icon: MdFormatItalic, label: "Italic", onClick: () => editor.chain().focus().toggleItalic().run(), isActive: editor.isActive("italic") }), _jsx(ToolbarButton, { icon: MdFormatUnderlined, label: "Underline", onClick: () => editor.chain().focus().toggleUnderline().run(), isActive: editor.isActive("underline") }), _jsx(ToolbarButton, { icon: MdStrikethroughS, label: "Strikethrough", onClick: () => editor.chain().focus().toggleStrike().run(), isActive: editor.isActive("strike") }), _jsx(ToolbarButton, { icon: MdSubscript, label: "Subscript", onClick: () => editor.chain().focus().toggleSubscript().run(), isActive: editor.isActive("subscript") }), _jsx(ToolbarButton, { icon: MdSuperscript, label: "Superscript", onClick: () => editor.chain().focus().toggleSuperscript().run(), isActive: editor.isActive("superscript") }), _jsxs("label", { title: "Font Color", "aria-label": "Font Color", className: "color-label", style: { "--indicator-color": textColor }, children: [_jsx(ImTextColor, { size: 20 }), _jsx("div", { className: "color-indicator" }), _jsx("input", { type: "color", value: textColor, onChange: (e) => {
-                            const color = e.target.value;
-                            setTextColor(color);
-                            editor.chain().focus().setColor(color).run();
-                        } })] }), _jsxs("label", { title: "Highlight Color", "aria-label": "Highlight Color", className: "color-label", style: { "--indicator-color": highlightColor }, children: [_jsx(BiSolidColorFill, { size: 20 }), _jsx("div", { className: "color-indicator" }), _jsx("input", { type: "color", value: highlightColor, onChange: (e) => {
-                            const color = e.target.value;
-                            setHighlightColor(color);
-                            editor.chain().focus().setHighlight({ color }).run();
-                        } })] }), _jsx(ToolbarButton, { icon: MdFormatClear, label: "Clear Formatting", onClick: () => editor.chain().focus().unsetAllMarks().run() }), _jsx(ToolbarButton, { icon: MdFormatPaint, label: "Apply Painter Format", onClick: () => {
-                    const format = JSON.parse(localStorage.getItem("formatPainter") || "{}");
-                    if (format.color)
-                        editor.chain().focus().setColor(format.color).run();
-                    if (format.backgroundColor) {
-                        editor
-                            .chain()
-                            .focus()
-                            .setHighlight({ color: format.backgroundColor })
-                            .run();
-                    }
-                } })] }));
-}

package/dist/components/tetrons/toolbar/InsertGroup.js

@@ -1,138 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import { MdTableChart, MdInsertPhoto, MdInsertLink, MdInsertComment, MdInsertEmoticon, MdHorizontalRule, MdVideoLibrary, MdOutlineOndemandVideo, } from "react-icons/md";
-import ToolbarButton from "./ToolbarButton";
-import Picker from "@emoji-mart/react";
-export default function InsertGroup({ editor }) {
-    const [showTableGrid, setShowTableGrid] = useState(false);
-    const [selectedRows, setSelectedRows] = useState(1);
-    const [selectedCols, setSelectedCols] = useState(1);
-    const imageInputRef = useRef(null);
-    const videoInputRef = useRef(null);
-    const [showPicker, setShowPicker] = useState(false);
-    const addEmoji = (emoji) => {
-        editor.chain().focus().insertContent(emoji.native).run();
-        setShowPicker(false);
-    };
-    const handleTableCellHover = (row, col) => {
-        setSelectedRows(row);
-        setSelectedCols(col);
-    };
-    const handleTableInsert = (rows, cols) => {
-        editor
-            .chain()
-            .focus()
-            .insertTable({
-            rows: rows || 1,
-            cols: cols || 1,
-            withHeaderRow: true,
-        })
-            .run();
-        setShowTableGrid(false);
-        setSelectedRows(1);
-        setSelectedCols(1);
-    };
-    const handleImageUpload = (e) => {
-        var _a;
-        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (file) {
-            const reader = new FileReader();
-            reader.onload = () => {
-                editor
-                    .chain()
-                    .focus()
-                    .setImage({ src: reader.result })
-                    .run();
-            };
-            reader.readAsDataURL(file);
-        }
-    };
-    const handleVideoUpload = (e) => {
-        var _a;
-        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (file) {
-            const reader = new FileReader();
-            reader.onload = () => {
-                editor
-                    .chain()
-                    .focus()
-                    .setVideo({ src: reader.result, controls: true })
-                    .run();
-            };
-            reader.readAsDataURL(file);
-        }
-    };
-    function normalizeEmbedUrl(url) {
-        try {
-            const u = new URL(url);
-            const hostname = u.hostname.replace("www.", "").toLowerCase();
-            if (hostname === "youtube.com" || hostname === "youtu.be") {
-                let videoId = u.searchParams.get("v");
-                if (!videoId && hostname === "youtu.be") {
-                    videoId = u.pathname.slice(1);
-                }
-                if (videoId) {
-                    return `https://www.youtube.com/embed/${videoId}`;
-                }
-            }
-            if (hostname === "vimeo.com") {
-                const videoId = u.pathname.split("/")[1];
-                if (videoId) {
-                    return `https://player.vimeo.com/video/${videoId}`;
-                }
-            }
-            if (hostname === "google.com" ||
-                hostname === "maps.google.com" ||
-                hostname === "goo.gl") {
-                if (url.includes("/maps/embed")) {
-                    return url;
-                }
-                return url.replace("/maps/", "/maps/embed/");
-            }
-            return url;
-        }
-        catch (_a) {
-            return url;
-        }
-    }
-    return (_jsxs("div", { className: "insert-group", children: [_jsx("input", { type: "file", accept: "image/*", ref: imageInputRef, className: "hidden-input", onChange: handleImageUpload, "aria-label": "Upload Image", title: "Upload Image" }), _jsx("input", { type: "file", accept: "video/*", ref: videoInputRef, className: "hidden-input", onChange: handleVideoUpload, "aria-label": "Upload Video", title: "Upload Video" }), _jsx(ToolbarButton, { icon: MdTableChart, label: "Insert Table", onClick: () => setShowTableGrid(!showTableGrid) }), showTableGrid && (_jsxs("div", { className: "table-grid-popup", onMouseLeave: () => setShowTableGrid(false), children: [_jsx("div", { className: "table-grid", children: [...Array(10)].map((_, row) => [...Array(10)].map((_, col) => {
-                            const isSelected = row < selectedRows && col < selectedCols;
-                            return (_jsx("div", { className: `table-grid-cell ${isSelected ? "selected" : ""}`, onMouseEnter: () => handleTableCellHover(row + 1, col + 1), onClick: () => handleTableInsert(row + 1, col + 1) }, `${row}-${col}`));
-                        })) }), _jsxs("div", { className: "table-grid-label", children: [selectedRows, " x ", selectedCols] })] })), _jsx(ToolbarButton, { icon: MdInsertPhoto, label: "Insert Image", onClick: () => { var _a; return (_a = imageInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); } }), _jsx(ToolbarButton, { icon: MdVideoLibrary, label: "Insert Video", onClick: () => { var _a; return (_a = videoInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); } }), _jsx(ToolbarButton, { icon: MdInsertLink, label: "Insert Link", onClick: () => {
-                    const url = prompt("Enter URL");
-                    if (url) {
-                        editor
-                            .chain()
-                            .focus()
-                            .extendMarkRange("link")
-                            .setLink({ href: url })
-                            .run();
-                    }
-                } }), _jsx(ToolbarButton, { icon: MdInsertComment, label: "Insert Comment", onClick: () => {
-                    const comment = prompt("Enter your comment");
-                    if (comment &&
-                        editor.can().chain().focus().setComment(comment).run()) {
-                        editor.chain().focus().setComment(comment).run();
-                    }
-                    else {
-                        console.warn("Cannot apply comment — maybe no selection?");
-                    }
-                } }), _jsxs("div", { className: "relative", children: [_jsx(ToolbarButton, { icon: MdInsertEmoticon, label: "Emoji", onClick: () => setShowPicker(!showPicker) }), showPicker && (_jsx("div", { className: "emoji-picker", children: _jsx(Picker, { onEmojiSelect: addEmoji, theme: "auto", emoji: "point_up", showPreview: false, showSkinTones: true, emojiTooltip: true }) }))] }), _jsx(ToolbarButton, { icon: MdHorizontalRule, label: "Horizontal Line", onClick: () => editor.chain().focus().setHorizontalRule().run() }), _jsx(ToolbarButton, { icon: MdOutlineOndemandVideo, label: "Embed", onClick: () => {
-                    const url = prompt("Enter embed URL (YouTube, Vimeo, Google Maps, etc.)");
-                    if (!url)
-                        return;
-                    const embedUrl = normalizeEmbedUrl(url);
-                    const width = prompt("Enter width in pixels", "560");
-                    const height = prompt("Enter height in pixels", "315");
-                    editor
-                        .chain()
-                        .focus()
-                        .setEmbed({
-                        src: embedUrl,
-                        width: width ? parseInt(width) : 560,
-                        height: height ? parseInt(height) : 315,
-                    })
-                        .run();
-                } })] }));
-}

package/dist/components/tetrons/toolbar/ListAlignGroup.js

@@ -1,7 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MdFormatListBulleted, MdFormatListNumbered, MdFormatIndentDecrease, MdFormatIndentIncrease, MdFormatAlignLeft, MdFormatAlignCenter, MdFormatAlignRight, MdFormatAlignJustify, } from "react-icons/md";
-import ToolbarButton from "./ToolbarButton";
-export default function ListAlignGroup({ editor }) {
-    return (_jsxs("div", { className: "list-align-group", children: [_jsx(ToolbarButton, { icon: MdFormatListBulleted, title: "Bulleted List", onClick: () => editor.chain().focus().toggleBulletList().run(), disabled: !editor.can().toggleBulletList() }), _jsx(ToolbarButton, { icon: MdFormatListNumbered, title: "Numbered List", onClick: () => editor.chain().focus().toggleOrderedList().run(), disabled: !editor.can().toggleOrderedList() }), _jsx(ToolbarButton, { icon: MdFormatIndentIncrease, title: "Increase Indent", onClick: () => editor.chain().focus().sinkListItem("listItem").run(), disabled: !editor.can().sinkListItem("listItem") }), _jsx(ToolbarButton, { icon: MdFormatIndentDecrease, title: "Decrease Indent", onClick: () => editor.chain().focus().liftListItem("listItem").run(), disabled: !editor.can().liftListItem("listItem") }), _jsx(ToolbarButton, { icon: MdFormatAlignLeft, title: "Align Left", onClick: () => editor.chain().focus().setTextAlign("left").run(), disabled: !editor.can().setTextAlign("left") }), _jsx(ToolbarButton, { icon: MdFormatAlignCenter, title: "Align Center", onClick: () => editor.chain().focus().setTextAlign("center").run(), disabled: !editor.can().setTextAlign("center") }), _jsx(ToolbarButton, { icon: MdFormatAlignRight, title: "Align Right", onClick: () => editor.chain().focus().setTextAlign("right").run(), disabled: !editor.can().setTextAlign("right") }), _jsx(ToolbarButton, { icon: MdFormatAlignJustify, title: "Justify", onClick: () => editor.chain().focus().setTextAlign("justify").run(), disabled: !editor.can().setTextAlign("justify") })] }));
-}

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

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MdUndo, MdRedo, MdRefresh, MdVisibility, MdCode, } from "react-icons/md";
-import ToolbarButton from "./ToolbarButton";
-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();
-        }
-    };
-    return (_jsxs("div", { className: "misc-group", children: [_jsx(ToolbarButton, { icon: MdUndo, label: "Undo", onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo() }), _jsx(ToolbarButton, { icon: MdRedo, label: "Redo", onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo() }), _jsx(ToolbarButton, { icon: MdRefresh, label: "Reset Formatting", onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run() }), _jsx(ToolbarButton, { icon: MdCode, label: "Toggle Code Block", onClick: () => editor.chain().focus().toggleCodeBlock().run(), isActive: editor.isActive("codeBlock") }), _jsx(ToolbarButton, { icon: MdVisibility, label: "Preview", onClick: handlePreview })] }));
-}

package/dist/components/tetrons/toolbar/ToolbarButton.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-const ToolbarButton = React.forwardRef(({ icon: Icon, onClick, disabled = false, title, label, isActive = false }, ref) => {
-    return (_jsx("button", { type: "button", ref: ref, onClick: onClick, disabled: disabled, title: title !== null && title !== void 0 ? title : label, "aria-label": title !== null && title !== void 0 ? title : label, className: `toolbar-button ${isActive ? "active" : ""}`, children: _jsx(Icon, { size: 20 }) }));
-});
-ToolbarButton.displayName = "ToolbarButton";
-export default ToolbarButton;