tetrons 2.3.80 → 2.3.81

package/dist/components/tetrons/EditorContent.tsx

@@ -1,6 +1,5 @@
 "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";
@@ -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,23 @@ 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");
 
         setIsValid(true);
         setUserVersion(data.version);
+        setAddOns(data.addOn || []);
       } 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 +204,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 +226,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 +238,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,
@@ -17130,28 +17131,24 @@ 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");
         setIsValid(true);
         setUserVersion(data.version);
+        setAddOns(data.addOn || []);
       } 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 +17245,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 +17264,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,
@@ -17324,28 +17307,29 @@ function isLicenseValid(plan) {
 // src/index.ts
 var API_VALID = false;
 var API_VERSION = "";
+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_VALID = true;
   API_VERSION = data.version;
-  if (API_VALID && typeof window !== "undefined") {
+  API_ADDONS = data.addOn || [];
+  if (typeof window !== "undefined") {
     initLicenseTracking(API_VERSION);
   }
 }
 function getTetronsVersion() {
   return API_VERSION;
 }
+function getTetronsAddOns() {
+  return API_ADDONS;
+}
 function isApiKeyValid() {
   return API_VALID;
 }
@@ -17357,6 +17341,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,13 @@ import React from 'react';
 
 type EditorContentProps = {
     apiKey: string;
-    addOns?: string[];
 };
 declare function EditorContent({ apiKey }: EditorContentProps): React.JSX.Element;
 
 declare function initializeTetrons(apiKey: string): Promise<void>;
 declare function getTetronsVersion(): "" | "free" | "pro" | "premium" | "platinum";
+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,13 @@ import React from 'react';
 
 type EditorContentProps = {
     apiKey: string;
-    addOns?: string[];
 };
 declare function EditorContent({ apiKey }: EditorContentProps): React.JSX.Element;
 
 declare function initializeTetrons(apiKey: string): Promise<void>;
 declare function getTetronsVersion(): "" | "free" | "pro" | "premium" | "platinum";
+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

@@ -17140,28 +17140,24 @@ 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");
         setIsValid(true);
         setUserVersion(data.version);
+        setAddOns(data.addOn || []);
       } 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 +17254,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 +17273,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,
@@ -17334,28 +17316,29 @@ function isLicenseValid(plan) {
 // src/index.ts
 var API_VALID = false;
 var API_VERSION = "";
+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_VALID = true;
   API_VERSION = data.version;
-  if (API_VALID && typeof window !== "undefined") {
+  API_ADDONS = data.addOn || [];
+  if (typeof window !== "undefined") {
     initLicenseTracking(API_VERSION);
   }
 }
 function getTetronsVersion() {
   return API_VERSION;
 }
+function getTetronsAddOns() {
+  return API_ADDONS;
+}
 function isApiKeyValid() {
   return API_VALID;
 }
@@ -17367,6 +17350,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.81",
   "description": "A Next.js project written in TypeScript",
   "main": "dist/index.js",
   "module": "dist/index.mjs",