tetrons 2.3.1 → 2.3.21

package/dist/index.mjs

@@ -14345,7 +14345,7 @@ var FontSize = Mark2.create({
 });
 
 // src/components/tetrons/toolbar/TetronsToolbar.tsx
-import React9, { useEffect as useEffect3 } from "react";
+import React9, { useEffect as useEffect3, useState as useState4 } from "react";
 
 // src/components/tetrons/toolbar/ActionGroup.tsx
 import React2, { useEffect, useRef, useState } from "react";
@@ -15233,8 +15233,11 @@ function FileGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/TetronsToolbar.tsx
-function TetronsToolbar({ editor }) {
-  const [autoSave, setAutoSave] = React9.useState(false);
+function TetronsToolbar({
+  editor,
+  version
+}) {
+  const [autoSave, setAutoSave] = useState4(false);
   useEffect3(() => {
     if (!editor) return;
     const handleUpdate = () => {
@@ -15251,7 +15254,7 @@ function TetronsToolbar({ editor }) {
       editor.off("update", handleUpdate);
     };
   }, [autoSave, editor]);
-  return /* @__PURE__ */ React9.createElement("div", { className: "tetrons-toolbar" }, /* @__PURE__ */ React9.createElement("div", { className: "group" }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React9.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ React9.createElement("div", { className: "group" }, /* @__PURE__ */ React9.createElement(
     "input",
     {
       type: "checkbox",
@@ -15259,7 +15262,7 @@ function TetronsToolbar({ editor }) {
       checked: autoSave,
       onChange: (e) => setAutoSave(e.target.checked)
     }
-  ), /* @__PURE__ */ React9.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), /* @__PURE__ */ React9.createElement(FileGroup, { editor }), /* @__PURE__ */ React9.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ React9.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ React9.createElement(ListAlignGroup, { editor }), /* @__PURE__ */ React9.createElement(InsertGroup, { editor }), /* @__PURE__ */ React9.createElement(MiscGroup, { editor }), /* @__PURE__ */ React9.createElement(ActionGroup, { editor }));
+  ), /* @__PURE__ */ React9.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React9.createElement(FileGroup, { editor }), /* @__PURE__ */ React9.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ React9.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ React9.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(InsertGroup, { editor }), /* @__PURE__ */ React9.createElement(ActionGroup, { editor })), version === "platinum" && /* @__PURE__ */ React9.createElement(MiscGroup, { editor }));
 }
 
 // src/components/tetrons/ResizableImage.ts
@@ -15460,9 +15463,9 @@ var ResizableVideo = Node2.create({
 });
 
 // src/components/tetrons/toolbar/TableContextMenu.tsx
-import React12, { useEffect as useEffect6, useState as useState4 } from "react";
+import React12, { useEffect as useEffect6, useState as useState5 } from "react";
 function TableContextMenu({ editor }) {
-  const [menuPosition, setMenuPosition] = useState4(null);
+  const [menuPosition, setMenuPosition] = useState5(null);
   useEffect6(() => {
     const handleContextMenu = (event) => {
       const target = event.target;
@@ -17072,11 +17075,22 @@ function EditorContent({ apiKey }) {
   const [isValid, setIsValid] = React13.useState(null);
   const [error, setError] = React13.useState(null);
   const [versions, setVersions] = React13.useState([]);
+  const [userVersion, setUserVersion] = React13.useState(null);
   const [currentVersionIndex, setCurrentVersionIndex] = React13.useState(null);
+  function getApiBaseUrl() {
+    if (typeof import.meta !== "undefined" && import.meta.env?.VITE_TETRONS_API_URL) {
+      return import.meta.env.VITE_TETRONS_API_URL;
+    }
+    if (typeof process !== "undefined" && process.env?.NEXT_PUBLIC_TETRONS_API_URL) {
+      return process.env.NEXT_PUBLIC_TETRONS_API_URL;
+    }
+    return "https://staging.tetrons.com";
+  }
+  const API_BASE_URL = getApiBaseUrl();
   useEffect7(() => {
     const validateKey = async () => {
       try {
-        const res = await fetch("/api/validate", {
+        const res = await fetch(`${API_BASE_URL}/api/validate`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -17086,6 +17100,7 @@ function EditorContent({ apiKey }) {
         const data = await res.json();
         if (!res.ok) throw new Error(data.error || "Invalid API Key");
         setIsValid(true);
+        setUserVersion(data.version);
       } catch (err) {
         if (err instanceof Error) {
           setError(err.message || "Invalid API Key");
@@ -17186,7 +17201,7 @@ function EditorContent({ apiKey }) {
   if (isValid === null) {
     return /* @__PURE__ */ React13.createElement("div", { className: "editor-loading" }, "\u{1F50D} Validating license...");
   }
-  return /* @__PURE__ */ React13.createElement("div", { className: "editor-container" }, /* @__PURE__ */ React13.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React13.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ React13.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ React13.createElement(
     "button",
     {
       type: "button",
@@ -17205,7 +17220,7 @@ function EditorContent({ apiKey }) {
       title: `Restore Version ${idx + 1}`
     },
     `V${idx + 1}`
-  )))), editor && /* @__PURE__ */ React13.createElement(TetronsToolbar, { editor }), /* @__PURE__ */ React13.createElement(
+  )))), editor && userVersion && /* @__PURE__ */ React13.createElement(TetronsToolbar, { editor, version: userVersion }), /* @__PURE__ */ React13.createElement(
     "div",
     {
       ref: wrapperRef,
@@ -17217,8 +17232,36 @@ function EditorContent({ apiKey }) {
 }
 
 // src/index.ts
+import "./tetrons-UCHWNATC.css";
+var API_VALID = false;
+var API_VERSION = "";
+async function initializeTetrons(apiKey) {
+  const res = await fetch("https://staging.tetrons.com/api/validate", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({ apiKey })
+  });
+  if (!res.ok) {
+    const error = await res.json();
+    throw new Error(`API Key validation failed: ${error.error}`);
+  }
+  const data = await res.json();
+  API_VALID = data.valid;
+  API_VERSION = data.version;
+}
+function getTetronsVersion() {
+  return API_VERSION;
+}
+function isApiKeyValid() {
+  return API_VALID;
+}
 var index_default = EditorContent;
 export {
   EditorContent,
-  index_default as default
+  index_default as default,
+  getTetronsVersion,
+  initializeTetrons,
+  isApiKeyValid
 };

package/dist/tetrons-UCHWNATC.css

@@ -0,0 +1,372 @@
+.editor-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.editor-toolbar {
+  padding: 0.5rem;
+  border-bottom: 1px solid #d1d5db;
+  background-color: #f9fafb;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.editor-save-btn {
+  padding: 0.25rem 0.75rem;
+  background-color: #2563eb;
+  color: white;
+  border-radius: 0.375rem;
+  transition: background-color 0.2s;
+}
+
+.editor-save-btn:hover {
+  background-color: #1d4ed8;
+}
+
+.editor-save-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.editor-version-btn {
+  padding: 0.25rem 0.5rem;
+  border: 1px solid #d1d5db;
+  color: #374151;
+  border-radius: 0.375rem;
+  font-size: 0.875rem;
+  white-space: nowrap;
+  transition: all 0.2s;
+  background: none;
+}
+
+.editor-version-btn:hover {
+  border-color: #4b5563;
+}
+
+.editor-version-btn.active {
+  border-color: #2563eb;
+  color: #2563eb;
+  font-weight: 600;
+}
+
+.editor-content-wrapper {
+  flex-grow: 1;
+  padding: 1.5rem;
+  background-color: white;
+  border: 1px solid #d1d5db;
+  border-radius: 0.5rem;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  overflow: auto;
+  position: relative;
+  min-height: 0;
+}
+
+.editor-loading {
+  color: #6b7280;
+  font-size: 0.875rem;
+  text-align: center;
+  padding: 1rem;
+}
+
+.editor-content-wrapper .ProseMirror {
+  outline: none;
+  min-height: 300px;
+  font-size: 1rem;
+  line-height: 1.75;
+}
+
+.editor-content-wrapper .ProseMirror[data-placeholder]:empty::before {
+  content: attr(data-placeholder);
+  color: #9ca3af;
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+
+.ProseMirror pre {
+  background: #f3f4f6;
+  padding: 1rem;
+  border-radius: 0.375rem;
+  font-family: monospace;
+  font-size: 0.875rem;
+  overflow-x: auto;
+}
+
+.editor-versions-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  overflow-x: auto;
+  max-width: 100%;
+}
+
+.editor-no-versions {
+  color: #6b7280;
+  font-size: 0.875rem;
+}
+
+.tetrons-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 1rem;
+  padding: 0.75rem;
+  border-bottom: 1px solid #e5e7eb;
+  background-color: white;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  position: relative;
+  z-index: 10;
+}
+
+.tetrons-toolbar .group {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  border-right: 1px solid #e5e7eb;
+  padding-right: 0.75rem;
+}
+
+.tetrons-toolbar input[type="checkbox"] {
+  width: 1rem;
+  height: 1rem;
+}
+
+.tetrons-toolbar label {
+  font-size: 0.875rem;
+  -moz-user-select: none;
+       user-select: none;
+  -webkit-user-select: none;
+}
+
+.misc-group {
+  display: flex;
+  gap: 0.25rem;
+  align-items: center;
+  border-right: 1px solid #e5e7eb;
+  padding-right: 0.75rem;
+}
+
+.list-align-group {
+  display: flex;
+  gap: 0.25rem;
+  border-right: 1px solid #e5e7eb;
+  padding-right: 0.75rem;
+  align-items: center;
+}
+
+.insert-group {
+  display: flex;
+  gap: 0.25rem;
+  border-right: 1px solid #e5e7eb;
+  padding-right: 0.75rem;
+  position: relative;
+  align-items: center;
+}
+
+.table-grid-popup {
+  position: absolute;
+  top: 2.5rem;
+  left: 0;
+  background-color: white;
+  border: 1px solid #d1d5db;
+  border-radius: 0.25rem;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  padding: 0.5rem;
+  z-index: 20;
+}
+
+.table-grid {
+  display: grid;
+  grid-template-columns: repeat(10, 1fr);
+  gap: 1px;
+}
+
+.table-grid-cell {
+  width: 1.25rem;
+  height: 1.25rem;
+  border: 1px solid #d1d5db;
+  background-color: #f3f4f6;
+  cursor: pointer;
+}
+
+.table-grid-cell.selected {
+  background-color: #3b82f6;
+}
+
+.table-grid-label {
+  margin-top: 0.5rem;
+  font-size: 0.75rem;
+  text-align: center;
+  color: #6b7280;
+}
+
+.hidden-input {
+  display: none;
+}
+
+.emoji-picker {
+  position: absolute;
+  top: 2.5rem;
+  left: 0;
+  z-index: 50;
+}
+
+.font-style-group {
+  display: flex;
+  gap: 0.25rem;
+  border-right: 1px solid #e5e7eb;
+  padding-right: 0.75rem;
+  align-items: center;
+}
+
+.font-style-group select {
+  font-size: 0.875rem;
+  border: 1px solid #d1d5db;
+  border-radius: 0.25rem;
+  padding: 0.125rem 0.25rem;
+  margin-right: 0.5rem;
+}
+
+.color-label {
+  position: relative;
+  width: 2rem;
+  height: 2rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+.color-indicator {
+  content: "";
+  position: absolute;
+  bottom: 2px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 12px;
+  height: 4px;
+  background-color: var(--indicator-color, #000000);
+  border-radius: 2px;
+  pointer-events: none;
+}
+
+.color-label input[type="color"] {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.file-group {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  border-right: 1px solid #e5e7eb;
+  padding-right: 0.75rem;
+}
+
+.file-group input[type="file"] {
+  display: none;
+}
+
+.clipboard-group {
+  display: flex;
+  gap: 0.25rem;
+  border-right: 1px solid #e5e7eb;
+  padding-right: 0.75rem;
+}
+
+.action-group {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.export-button {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  background: transparent;
+  cursor: pointer;
+}
+
+.export-button:hover {
+  background-color: #f3f4f6;
+}
+
+.export-button:focus {
+  outline: none;
+}
+
+.export-dropdown {
+  position: absolute;
+  z-index: 10;
+  margin-top: 0.5rem;
+  width: 10rem;
+  background-color: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 0.25rem;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.export-dropdown button {
+  width: 100%;
+  text-align: left;
+  padding: 0.5rem 1rem;
+  background: none;
+  border: none;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+
+.export-dropdown button:hover {
+  background-color: #f3f4f6;
+}
+
+.toolbar-button {
+  padding: 0.5rem;
+  border: none;
+  background-color: transparent;
+  border-radius: 0.375rem;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.2s ease;
+}
+
+.toolbar-button:hover {
+  background-color: #e5e7eb;
+}
+
+.toolbar-button.active {
+  background-color: #d1d5db;
+}
+
+.toolbar-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.tableWrapper {
+  overflow-x: auto;
+  margin: 1rem 0;
+}
+
+.tableWrapper table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.tableWrapper th,
+.tableWrapper td {
+  border: 1px solid #d1d5db;
+  padding: 0.5rem;
+  text-align: left;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tetrons",
-  "version": "2.3.1",
+  "version": "2.3.21",
   "description": "A Next.js project written in TypeScript",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -39,14 +39,14 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
-    "@tailwindcss/postcss": "^4",
+    "@tailwindcss/postcss": "^4.1.11",
     "@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",
-    "tailwindcss": "^4",
     "tsup": "^8.5.0",
     "typescript": "^5"
   },

package/dist/app/api/export/route.d.ts

@@ -1 +0,0 @@
-export declare function GET(req: Request): Response;

package/dist/app/api/export/route.js

@@ -1,4 +0,0 @@
-export function GET(req) {
-    console.log(req.method); // Example usage
-    return new Response("Hello, world!", { status: 200 });
-}

package/dist/app/api/register/route.d.ts

@@ -1,7 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-export declare function POST(req: NextRequest): Promise<NextResponse<{
-    error: string;
-}> | NextResponse<{
-    apiKey: string;
-    expiresAt: Date | null;
-}>>;

package/dist/app/api/register/route.js

@@ -1,32 +0,0 @@
-import { NextResponse } from "next/server";
-import { connectDB } from "../../../lib/db";
-import { ApiKey } from "../../../models/ApiKey";
-import { generateUserApiKey, getFreeApiKey } from "../../../utils/apiKeyUtils";
-export async function POST(req) {
-    const body = await req.json();
-    const { email, organization, version } = body;
-    if (!email || !organization || !version) {
-        return NextResponse.json({ error: "Missing fields" }, { status: 400 });
-    }
-    await connectDB();
-    const lowerEmail = email.trim().toLowerCase();
-    const lowerOrg = organization.trim().toLowerCase();
-    await ApiKey.deleteMany({ email: lowerEmail, version });
-    let apiKey;
-    let expiresAt = null;
-    if (version === "free") {
-        apiKey = getFreeApiKey();
-        expiresAt = new Date(Date.now() + 14 * 24 * 60 * 60 * 1000);
-    }
-    else {
-        apiKey = generateUserApiKey(lowerEmail, lowerOrg, version);
-    }
-    await ApiKey.create({
-        email: lowerEmail,
-        organization: lowerOrg,
-        version,
-        apiKey,
-        expiresAt,
-    });
-    return NextResponse.json({ apiKey, expiresAt });
-}

package/dist/app/api/save/route.d.ts

@@ -1,6 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-export declare function POST(request: NextRequest): Promise<NextResponse<{
-    message: string;
-}> | NextResponse<{
-    error: string;
-}>>;

package/dist/app/api/save/route.js

@@ -1,15 +0,0 @@
-import { NextResponse } from "next/server";
-import path from "path";
-import fs from "fs/promises";
-export async function POST(request) {
-    try {
-        const json = await request.json();
-        const publicDir = path.join(process.cwd(), "public");
-        const filePath = path.join(publicDir, "editor-content.json");
-        await fs.writeFile(filePath, JSON.stringify(json, null, 2), "utf-8");
-        return NextResponse.json({ message: "File saved successfully" });
-    }
-    catch (_a) {
-        return NextResponse.json({ error: "Failed to save file" }, { status: 500 });
-    }
-}

package/dist/app/api/validate/route.d.ts

@@ -1,10 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-export declare function OPTIONS(): Promise<Response>;
-export declare function POST(req: NextRequest): Promise<NextResponse<{
-    error: string;
-}> | NextResponse<{
-    valid: boolean;
-    version: any;
-    email: any;
-    organization: any;
-}>>;

package/dist/app/api/validate/route.js

@@ -1,58 +0,0 @@
-import { NextResponse } from "next/server";
-import { connectDB } from "../../../lib/db";
-import { ApiKey } from "../../../models/ApiKey";
-const corsHeaders = {
-    "Access-Control-Allow-Origin": "*",
-    "Access-Control-Allow-Methods": "POST, OPTIONS",
-    "Access-Control-Allow-Headers": "Content-Type",
-};
-export async function OPTIONS() {
-    return new Response(null, {
-        status: 204,
-        headers: corsHeaders,
-    });
-}
-export async function POST(req) {
-    try {
-        const body = (await req.json());
-        const apiKey = body.apiKey;
-        if (!apiKey) {
-            return NextResponse.json({ error: "API key required" }, {
-                status: 400,
-                headers: corsHeaders,
-            });
-        }
-        await connectDB();
-        const keyEntry = await ApiKey.findOne({ apiKey });
-        if (!keyEntry) {
-            return NextResponse.json({ error: "Invalid API key" }, {
-                status: 401,
-                headers: corsHeaders,
-            });
-        }
-        if (keyEntry.version === "free" &&
-            keyEntry.expiresAt &&
-            new Date() > new Date(keyEntry.expiresAt)) {
-            return NextResponse.json({ error: "Free trial expired" }, {
-                status: 403,
-                headers: corsHeaders,
-            });
-        }
-        return NextResponse.json({
-            valid: true,
-            version: keyEntry.version,
-            email: keyEntry.email,
-            organization: keyEntry.organization,
-        }, {
-            status: 200,
-            headers: corsHeaders,
-        });
-    }
-    catch (err) {
-        console.error("Validation Error:", err);
-        return NextResponse.json({ error: "Server error" }, {
-            status: 500,
-            headers: corsHeaders,
-        });
-    }
-}

package/dist/app/layout.d.ts

@@ -1,6 +0,0 @@
-import type { Metadata } from "next";
-import "./globals.css";
-export declare const metadata: Metadata;
-export default function RootLayout({ children, }: {
-    children: React.ReactNode;
-}): import("react").JSX.Element;