tetrons 2.3.80 → 2.3.83

package/dist/components/tetrons/EditorContent.tsx

@@ -1,9 +1,9 @@
 "use client";
 import { MathInline } from "./extensions/MathExtension";
-
 import React, { useEffect, useRef, useState } from "react";
 import { useEditor, EditorContent as TiptapEditorContent } from "@tiptap/react";
 import type { AddOn } from "./toolbar/TetronsToolbar";
+import { getActivePlan, Plan } from "../../utils/licenseTracker";
 
 import Document from "@tiptap/extension-document";
 import Paragraph from "@tiptap/extension-paragraph";
@@ -38,7 +38,6 @@ import { createLowlight } from "lowlight";
 
 import { useTypo } from "../../utils/useTypo";
 import { Spellcheck } from "./extensions/Spellcheck";
-
 import { Comment } from "./toolbar/extensions/Comment";
 import { Subscript } from "./toolbar/marks/Subscript";
 import { Superscript } from "./toolbar/marks/Superscript";
@@ -57,7 +56,6 @@ lowlight.register("ts", ts);
 
 type EditorContentProps = {
   apiKey: string;
-  addOns?: string[];
 };
 
 export default function EditorContent({ apiKey }: EditorContentProps) {
@@ -72,6 +70,7 @@ export default function EditorContent({ apiKey }: EditorContentProps) {
   const [currentVersionIndex, setCurrentVersionIndex] = useState<number | null>(
     null
   );
+  const [addOns, setAddOns] = useState<AddOn[]>([]);
 
   const wrapperRef = useRef<HTMLDivElement>(null);
 
@@ -81,28 +80,35 @@ export default function EditorContent({ apiKey }: EditorContentProps) {
       : "https://staging.tetrons.com";
 
   useEffect(() => {
-    const validateKey = async () => {
+    const fetchKeyData = async () => {
       try {
-        const res = await fetch(`${API_BASE_URL}/api/validate`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-          },
-          body: JSON.stringify({ apiKey }),
-        });
-
+        const res = await fetch(`${API_BASE_URL}/api/api-key?apiKey=${apiKey}`);
         const data = await res.json();
+
         if (!res.ok) throw new Error(data.error || "Invalid API Key");
 
+        const version =
+          data.version &&
+          ["free", "pro", "premium", "platinum"].includes(data.version)
+            ? (data.version as Plan)
+            : "free";
+
+        const activeVersion = getActivePlan(version);
+
         setIsValid(true);
-        setUserVersion(data.version);
+        setUserVersion(activeVersion);
+        setAddOns(data.addOn || []);
+
+        if (activeVersion === "free" && data.version !== "free") {
+          setError("Your paid plan has expired. Downgraded to Free version.");
+        }
       } catch (err: unknown) {
         setError(err instanceof Error ? err.message : "Invalid API Key");
         setIsValid(false);
       }
     };
 
-    validateKey();
+    fetchKeyData();
   }, [apiKey, API_BASE_URL]);
 
   const editor = useEditor({
@@ -210,20 +216,6 @@ export default function EditorContent({ apiKey }: EditorContentProps) {
     return <div className="editor-loading">📖 Loading dictionary...</div>;
   }
 
-  const versionAddOnsMap: Record<
-    "free" | "pro" | "premium" | "platinum",
-    AddOn[]
-  > = {
-    free: [],
-    pro: ["code"],
-    premium: ["code", "math"],
-    platinum: ["code", "math"],
-  };
-
-  const enabledAddOns = (
-    userVersion ? versionAddOnsMap[userVersion] || [] : []
-  ) as AddOn[];
-
   return (
     <div className="editor-container">
       {userVersion !== "free" && (
@@ -246,9 +238,7 @@ export default function EditorContent({ apiKey }: EditorContentProps) {
                   key={idx}
                   type="button"
                   onClick={() => restoreVersion(idx)}
-                  className={`editor-version-btn ${
-                    idx === currentVersionIndex ? "active" : ""
-                  }`}
+                  className={`editor-version-btn ${idx === currentVersionIndex ? "active" : ""}`}
                   title={`Restore Version ${idx + 1}`}
                 >
                   {`V${idx + 1}`}
@@ -260,11 +250,7 @@ export default function EditorContent({ apiKey }: EditorContentProps) {
       )}
 
       {editor && userVersion && (
-        <TetronsToolbar
-          editor={editor}
-          version={userVersion}
-          addOns={enabledAddOns}
-        />
+        <TetronsToolbar editor={editor} version={userVersion} addOns={addOns} />
       )}
 
       <div

package/dist/index.cjs

@@ -195,6 +195,7 @@ var index_exports = {};
 __export(index_exports, {
   EditorContent: () => EditorContent,
   default: () => index_default,
+  getTetronsAddOns: () => getTetronsAddOns,
   getTetronsVersion: () => getTetronsVersion,
   initializeTetrons: () => initializeTetrons,
   isApiKeyValid: () => isApiKeyValid,
@@ -262,6 +263,43 @@ var MathInline = import_core.Node.create({
 var import_react24 = __toESM(require("react"));
 var import_react25 = require("@tiptap/react");
 
+// src/utils/licenseTracker.ts
+var getLicenseKey = (plan) => `__tetrons_license_start_${plan}__`;
+var PLAN_DURATIONS = {
+  free: Infinity,
+  pro: 30,
+  premium: 30,
+  platinum: 30
+};
+function initLicenseTracking(plan) {
+  if (typeof window === "undefined") return;
+  const key = getLicenseKey(plan);
+  const now = Date.now();
+  const stored = localStorage.getItem(key);
+  if (!stored) {
+    localStorage.setItem(key, now.toString());
+  }
+}
+function getActivePlan(plan) {
+  if (typeof window === "undefined") return plan;
+  if (plan === "free") return "free";
+  const key = getLicenseKey(plan);
+  const stored = localStorage.getItem(key);
+  if (!stored) return "free";
+  const startedAt = parseInt(stored, 10);
+  const now = Date.now();
+  const diffDays = Math.floor((now - startedAt) / (1e3 * 60 * 60 * 24));
+  const allowedDays = PLAN_DURATIONS[plan];
+  if (diffDays > allowedDays) {
+    localStorage.removeItem(key);
+    return "free";
+  }
+  return plan;
+}
+function isLicenseValid(plan) {
+  return getActivePlan(plan) === plan;
+}
+
 // node_modules/@tiptap/extension-document/dist/index.js
 var import_core2 = require("@tiptap/core");
 var Document = import_core2.Node.create({
@@ -17130,28 +17168,29 @@ function EditorContent({ apiKey }) {
   const [currentVersionIndex, setCurrentVersionIndex] = (0, import_react24.useState)(
     null
   );
+  const [addOns, setAddOns] = (0, import_react24.useState)([]);
   const wrapperRef = (0, import_react24.useRef)(null);
   const API_BASE_URL = typeof process !== "undefined" && process.env?.NEXT_PUBLIC_TETRONS_API_URL ? process.env.NEXT_PUBLIC_TETRONS_API_URL : "https://staging.tetrons.com";
   (0, import_react24.useEffect)(() => {
-    const validateKey = async () => {
+    const fetchKeyData = async () => {
       try {
-        const res = await fetch(`${API_BASE_URL}/api/validate`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({ apiKey })
-        });
+        const res = await fetch(`${API_BASE_URL}/api/api-key?apiKey=${apiKey}`);
         const data = await res.json();
         if (!res.ok) throw new Error(data.error || "Invalid API Key");
+        const version = data.version && ["free", "pro", "premium", "platinum"].includes(data.version) ? data.version : "free";
+        const activeVersion = getActivePlan(version);
         setIsValid(true);
-        setUserVersion(data.version);
+        setUserVersion(activeVersion);
+        setAddOns(data.addOn || []);
+        if (activeVersion === "free" && data.version !== "free") {
+          setError("Your paid plan has expired. Downgraded to Free version.");
+        }
       } catch (err) {
         setError(err instanceof Error ? err.message : "Invalid API Key");
         setIsValid(false);
       }
     };
-    validateKey();
+    fetchKeyData();
   }, [apiKey, API_BASE_URL]);
   const editor = (0, import_react25.useEditor)({
     extensions: [
@@ -17248,13 +17287,6 @@ function EditorContent({ apiKey }) {
   if (!typo) {
     return /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
   }
-  const versionAddOnsMap = {
-    free: [],
-    pro: ["code"],
-    premium: ["code", "math"],
-    platinum: ["code", "math"]
-  };
-  const enabledAddOns = userVersion ? versionAddOnsMap[userVersion] || [] : [];
   return /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ import_react24.default.createElement(
     "button",
     {
@@ -17274,14 +17306,7 @@ function EditorContent({ apiKey }) {
       title: `Restore Version ${idx + 1}`
     },
     `V${idx + 1}`
-  )))), editor && userVersion && /* @__PURE__ */ import_react24.default.createElement(
-    TetronsToolbar,
-    {
-      editor,
-      version: userVersion,
-      addOns: enabledAddOns
-    }
-  ), /* @__PURE__ */ import_react24.default.createElement(
+  )))), editor && userVersion && /* @__PURE__ */ import_react24.default.createElement(TetronsToolbar, { editor, version: userVersion, addOns }), /* @__PURE__ */ import_react24.default.createElement(
     "div",
     {
       ref: wrapperRef,
@@ -17292,60 +17317,32 @@ function EditorContent({ apiKey }) {
   ));
 }
 
-// src/utils/licenseTracker.ts
-var getLicenseKey = (plan) => `__tetrons_license_start_${plan}__`;
-var PLAN_DURATIONS = {
-  free: 14,
-  pro: 30,
-  premium: 30,
-  platinum: 30
-};
-function initLicenseTracking(plan) {
-  if (typeof window === "undefined") return;
-  const key = getLicenseKey(plan);
-  const now = Date.now();
-  const stored = localStorage.getItem(key);
-  if (!stored) {
-    localStorage.setItem(key, now.toString());
-  }
-}
-function isLicenseValid(plan) {
-  if (typeof window === "undefined") return true;
-  const key = getLicenseKey(plan);
-  const stored = localStorage.getItem(key);
-  if (!stored) return false;
-  const startedAt = parseInt(stored, 10);
-  const now = Date.now();
-  const diffDays = Math.floor((now - startedAt) / (1e3 * 60 * 60 * 24));
-  const allowedDays = PLAN_DURATIONS[plan];
-  return diffDays <= allowedDays;
-}
-
 // src/index.ts
 var API_VALID = false;
-var API_VERSION = "";
+var API_VERSION = null;
+var API_ADDONS = [];
 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 })
-  });
+  const res = await fetch(
+    `${process.env.NEXT_PUBLIC_TETRONS_API_URL || "https://staging.tetrons.com"}/api/api-key?apiKey=${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;
-  if (API_VALID && typeof window !== "undefined") {
+  API_VALID = true;
+  API_VERSION = data.version && ["free", "pro", "premium", "platinum"].includes(data.version) ? data.version : "free";
+  API_ADDONS = data.addOn || [];
+  if (typeof window !== "undefined" && API_VERSION) {
     initLicenseTracking(API_VERSION);
   }
 }
 function getTetronsVersion() {
   return API_VERSION;
 }
+function getTetronsAddOns() {
+  return API_ADDONS;
+}
 function isApiKeyValid() {
   return API_VALID;
 }
@@ -17357,6 +17354,7 @@ var index_default = EditorContent;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EditorContent,
+  getTetronsAddOns,
   getTetronsVersion,
   initializeTetrons,
   isApiKeyValid,

package/dist/index.d.mts

@@ -2,13 +2,15 @@ import React from 'react';
 
 type EditorContentProps = {
     apiKey: string;
-    addOns?: string[];
 };
 declare function EditorContent({ apiKey }: EditorContentProps): React.JSX.Element;
 
+type Plan = "free" | "pro" | "premium" | "platinum";
+
 declare function initializeTetrons(apiKey: string): Promise<void>;
-declare function getTetronsVersion(): "" | "free" | "pro" | "premium" | "platinum";
+declare function getTetronsVersion(): Plan | null;
+declare function getTetronsAddOns(): string[];
 declare function isApiKeyValid(): boolean;
 declare function isTetronsLicenseValid(): boolean;
 
-export { EditorContent, EditorContent as default, getTetronsVersion, initializeTetrons, isApiKeyValid, isTetronsLicenseValid };
+export { EditorContent, EditorContent as default, getTetronsAddOns, getTetronsVersion, initializeTetrons, isApiKeyValid, isTetronsLicenseValid };

package/dist/index.d.ts

@@ -2,13 +2,15 @@ import React from 'react';
 
 type EditorContentProps = {
     apiKey: string;
-    addOns?: string[];
 };
 declare function EditorContent({ apiKey }: EditorContentProps): React.JSX.Element;
 
+type Plan = "free" | "pro" | "premium" | "platinum";
+
 declare function initializeTetrons(apiKey: string): Promise<void>;
-declare function getTetronsVersion(): "" | "free" | "pro" | "premium" | "platinum";
+declare function getTetronsVersion(): Plan | null;
+declare function getTetronsAddOns(): string[];
 declare function isApiKeyValid(): boolean;
 declare function isTetronsLicenseValid(): boolean;
 
-export { EditorContent, EditorContent as default, getTetronsVersion, initializeTetrons, isApiKeyValid, isTetronsLicenseValid };
+export { EditorContent, EditorContent as default, getTetronsAddOns, getTetronsVersion, initializeTetrons, isApiKeyValid, isTetronsLicenseValid };

package/dist/index.mjs

@@ -227,6 +227,43 @@ var MathInline = Node.create({
 import React17, { useEffect as useEffect9, useRef as useRef7, useState as useState11 } from "react";
 import { useEditor, EditorContent as TiptapEditorContent } from "@tiptap/react";
 
+// src/utils/licenseTracker.ts
+var getLicenseKey = (plan) => `__tetrons_license_start_${plan}__`;
+var PLAN_DURATIONS = {
+  free: Infinity,
+  pro: 30,
+  premium: 30,
+  platinum: 30
+};
+function initLicenseTracking(plan) {
+  if (typeof window === "undefined") return;
+  const key = getLicenseKey(plan);
+  const now = Date.now();
+  const stored = localStorage.getItem(key);
+  if (!stored) {
+    localStorage.setItem(key, now.toString());
+  }
+}
+function getActivePlan(plan) {
+  if (typeof window === "undefined") return plan;
+  if (plan === "free") return "free";
+  const key = getLicenseKey(plan);
+  const stored = localStorage.getItem(key);
+  if (!stored) return "free";
+  const startedAt = parseInt(stored, 10);
+  const now = Date.now();
+  const diffDays = Math.floor((now - startedAt) / (1e3 * 60 * 60 * 24));
+  const allowedDays = PLAN_DURATIONS[plan];
+  if (diffDays > allowedDays) {
+    localStorage.removeItem(key);
+    return "free";
+  }
+  return plan;
+}
+function isLicenseValid(plan) {
+  return getActivePlan(plan) === plan;
+}
+
 // node_modules/@tiptap/extension-document/dist/index.js
 import { Node as Node2 } from "@tiptap/core";
 var Document = Node2.create({
@@ -17140,28 +17177,29 @@ function EditorContent({ apiKey }) {
   const [currentVersionIndex, setCurrentVersionIndex] = useState11(
     null
   );
+  const [addOns, setAddOns] = useState11([]);
   const wrapperRef = useRef7(null);
   const API_BASE_URL = typeof process !== "undefined" && process.env?.NEXT_PUBLIC_TETRONS_API_URL ? process.env.NEXT_PUBLIC_TETRONS_API_URL : "https://staging.tetrons.com";
   useEffect9(() => {
-    const validateKey = async () => {
+    const fetchKeyData = async () => {
       try {
-        const res = await fetch(`${API_BASE_URL}/api/validate`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({ apiKey })
-        });
+        const res = await fetch(`${API_BASE_URL}/api/api-key?apiKey=${apiKey}`);
         const data = await res.json();
         if (!res.ok) throw new Error(data.error || "Invalid API Key");
+        const version = data.version && ["free", "pro", "premium", "platinum"].includes(data.version) ? data.version : "free";
+        const activeVersion = getActivePlan(version);
         setIsValid(true);
-        setUserVersion(data.version);
+        setUserVersion(activeVersion);
+        setAddOns(data.addOn || []);
+        if (activeVersion === "free" && data.version !== "free") {
+          setError("Your paid plan has expired. Downgraded to Free version.");
+        }
       } catch (err) {
         setError(err instanceof Error ? err.message : "Invalid API Key");
         setIsValid(false);
       }
     };
-    validateKey();
+    fetchKeyData();
   }, [apiKey, API_BASE_URL]);
   const editor = useEditor({
     extensions: [
@@ -17258,13 +17296,6 @@ function EditorContent({ apiKey }) {
   if (!typo) {
     return /* @__PURE__ */ React17.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
   }
-  const versionAddOnsMap = {
-    free: [],
-    pro: ["code"],
-    premium: ["code", "math"],
-    platinum: ["code", "math"]
-  };
-  const enabledAddOns = userVersion ? versionAddOnsMap[userVersion] || [] : [];
   return /* @__PURE__ */ React17.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ React17.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ React17.createElement(
     "button",
     {
@@ -17284,14 +17315,7 @@ function EditorContent({ apiKey }) {
       title: `Restore Version ${idx + 1}`
     },
     `V${idx + 1}`
-  )))), editor && userVersion && /* @__PURE__ */ React17.createElement(
-    TetronsToolbar,
-    {
-      editor,
-      version: userVersion,
-      addOns: enabledAddOns
-    }
-  ), /* @__PURE__ */ React17.createElement(
+  )))), editor && userVersion && /* @__PURE__ */ React17.createElement(TetronsToolbar, { editor, version: userVersion, addOns }), /* @__PURE__ */ React17.createElement(
     "div",
     {
       ref: wrapperRef,
@@ -17302,60 +17326,32 @@ function EditorContent({ apiKey }) {
   ));
 }
 
-// src/utils/licenseTracker.ts
-var getLicenseKey = (plan) => `__tetrons_license_start_${plan}__`;
-var PLAN_DURATIONS = {
-  free: 14,
-  pro: 30,
-  premium: 30,
-  platinum: 30
-};
-function initLicenseTracking(plan) {
-  if (typeof window === "undefined") return;
-  const key = getLicenseKey(plan);
-  const now = Date.now();
-  const stored = localStorage.getItem(key);
-  if (!stored) {
-    localStorage.setItem(key, now.toString());
-  }
-}
-function isLicenseValid(plan) {
-  if (typeof window === "undefined") return true;
-  const key = getLicenseKey(plan);
-  const stored = localStorage.getItem(key);
-  if (!stored) return false;
-  const startedAt = parseInt(stored, 10);
-  const now = Date.now();
-  const diffDays = Math.floor((now - startedAt) / (1e3 * 60 * 60 * 24));
-  const allowedDays = PLAN_DURATIONS[plan];
-  return diffDays <= allowedDays;
-}
-
 // src/index.ts
 var API_VALID = false;
-var API_VERSION = "";
+var API_VERSION = null;
+var API_ADDONS = [];
 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 })
-  });
+  const res = await fetch(
+    `${process.env.NEXT_PUBLIC_TETRONS_API_URL || "https://staging.tetrons.com"}/api/api-key?apiKey=${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;
-  if (API_VALID && typeof window !== "undefined") {
+  API_VALID = true;
+  API_VERSION = data.version && ["free", "pro", "premium", "platinum"].includes(data.version) ? data.version : "free";
+  API_ADDONS = data.addOn || [];
+  if (typeof window !== "undefined" && API_VERSION) {
     initLicenseTracking(API_VERSION);
   }
 }
 function getTetronsVersion() {
   return API_VERSION;
 }
+function getTetronsAddOns() {
+  return API_ADDONS;
+}
 function isApiKeyValid() {
   return API_VALID;
 }
@@ -17367,6 +17363,7 @@ var index_default = EditorContent;
 export {
   EditorContent,
   index_default as default,
+  getTetronsAddOns,
   getTetronsVersion,
   initializeTetrons,
   isApiKeyValid,

package/package.json

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