tetrons 2.3.100 → 2.4.0

package/dist/components/Editor/Editor.d.ts

@@ -1,3 +1,3 @@
-import { TetronsEditorProps } from "./types/TetronsEditorProps";
+import { EditorRuntimeProps } from "./types/TetronsEditorProps";
 import "katex/dist/katex.min.css";
-export default function Editor(props: TetronsEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export default function Editor(props: EditorRuntimeProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Editor/TetronsEditor.d.ts

@@ -1,8 +1,10 @@
+import type { TetronsConfig } from "./types/TetronsEditorProps";
 import type { ValidationResponse } from "./types/ValidationResponse";
 interface TetronsEditorProps {
     apiKey: string;
+    config?: TetronsConfig;
     onError?: (msg: string) => void;
     onSuccess?: (details: ValidationResponse) => void;
 }
-export default function TetronsEditor({ apiKey, onError, onSuccess, }: TetronsEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export default function TetronsEditor({ apiKey, config, onError, onSuccess, }: TetronsEditorProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Editor/types/TetronsEditorProps.d.ts

@@ -61,6 +61,32 @@ export interface PlatinumOnlyFeatureFlags {
 export type ProFeatureFlags = FreeFeatureFlags;
 export type PremiumFeatureFlags = FreeFeatureFlags & PremiumOnlyFeatureFlags;
 export type PlatinumFeatureFlags = FreeFeatureFlags & PremiumOnlyFeatureFlags & PlatinumOnlyFeatureFlags;
+export interface TetronsConfig {
+    version?: ProductVersion;
+    features?: FeatureFlags;
+    addOns?: PremiumOnlyFeatureFlags & PlatinumOnlyFeatureFlags;
+    autoSave?: boolean;
+    showVersions?: boolean;
+    ui?: {
+        topMenu?: boolean;
+        paragraphDropdown?: boolean;
+        fontDropdown?: boolean;
+        fontSizeDropdown?: boolean;
+    };
+}
+export interface EditorRuntimeProps {
+    version: ProductVersion;
+    apiKey: string;
+    features?: FeatureFlags;
+    addOns?: PremiumOnlyFeatureFlags & PlatinumOnlyFeatureFlags;
+    platinumAddOns?: PlatinumOnlyFeatureFlags;
+    autoSave?: boolean;
+    showVersions?: boolean;
+    topMenu?: boolean;
+    showParagraphDropdown?: boolean;
+    showFontDropdown?: boolean;
+    showFontSizeDropdown?: boolean;
+}
 interface BaseProps {
     apiKey: string;
     topMenu?: boolean;

package/dist/index.mjs

@@ -17320,9 +17320,11 @@ Output: ${output}
 }
 function TetronsEditor({
   apiKey,
+  config,
   onError,
   onSuccess
 }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
   const [details, setDetails] = useState(null);
@@ -17335,31 +17337,25 @@ function TetronsEditor({
           body: JSON.stringify({ apiKey })
         });
         if (!res.ok) {
-          const errData = await res.text();
-          console.error("Server response:", errData);
-          setError("Invalid or expired API key.");
-          if (onError) onError("Invalid or expired API key.");
-          setLoading(false);
-          return;
+          throw new Error("Invalid or expired API key.");
         }
         const data = await res.json();
         setDetails(data);
-        if (onSuccess) onSuccess(data);
+        onSuccess == null ? void 0 : onSuccess(data);
       } catch (err) {
-        console.error("Fetch error:", err);
         const msg = err instanceof Error ? err.message : "Failed to validate API key.";
         setError(msg);
-        if (onError) onError(msg);
+        onError == null ? void 0 : onError(msg);
       } finally {
         setLoading(false);
       }
     }
     validateApiKey();
-  }, [apiKey]);
+  }, [apiKey, onError, onSuccess]);
   if (loading) return /* @__PURE__ */ jsx("p", { children: "Validating API key..." });
   if (error) return /* @__PURE__ */ jsx("p", { className: "error-message", children: error });
   if (!details) return null;
-  const normalizedVersion = details.version.charAt(0).toUpperCase() + details.version.slice(1).toLowerCase();
+  const backendVersion = details.version.charAt(0).toUpperCase() + details.version.slice(1).toLowerCase();
   const freeFeatures = {
     newFile: true,
     openFile: true,
@@ -17367,157 +17363,56 @@ function TetronsEditor({
     cut: true,
     copy: true,
     paste: true,
-    formatPainter: true,
     undo: true,
     redo: true,
     bold: true,
     italic: true,
     underline: true,
-    strikeout: true,
-    subscript: true,
-    superscript: true,
-    fontColor: true,
-    highlightColor: true,
-    clearFormatting: true,
     bulletedList: true,
-    numberedList: true,
-    lineHeight: true,
-    lineSpacing: true,
-    indentIncrease: true,
-    indentDecrease: true,
-    alignLeft: true,
-    alignCenter: true,
-    alignRight: true,
-    alignJustify: true
+    numberedList: true
   };
-  const allPremiumFeatures = {
+  const premiumFeatures = {
     insertTable: true,
     insertImage: true,
     insertVideo: true,
     insertAudio: true,
-    insertCheckboxList: true,
     insertLink: true,
-    insertComments: true,
-    insertEmoji: true,
-    insertHorizontalRule: true,
-    insertEmbedVideo: true,
-    zoomIn: true,
-    zoomOut: true,
     print: true,
     exportFile: true
   };
-  const allPlatinumFeatures = {
-    resetFormatting: true,
-    preview: true,
-    codeBlock: true,
-    spellCheck: true,
-    voice: true,
+  const platinumFeatures = {
     ai: true,
-    languageConverter: true,
-    codeEditor: true,
+    voice: true,
+    spellCheck: true,
     mathEquation: true,
-    virtualKeyboard: true,
-    getContentFromImage: true
+    codeEditor: true
   };
-  const premiumAddOnKeys = [
-    "insertTable",
-    "insertImage",
-    "insertVideo",
-    "insertAudio",
-    "insertCheckboxList",
-    "insertLink",
-    "insertComments",
-    "insertEmoji",
-    "insertHorizontalRule",
-    "insertEmbedVideo",
-    "zoomIn",
-    "zoomOut",
-    "print",
-    "exportFile"
-  ];
-  const platinumAddOnKeys = [
-    "resetFormatting",
-    "preview",
-    "codeBlock",
-    "spellCheck",
-    "voice",
-    "ai",
-    "languageConverter",
-    "codeEditor",
-    "mathEquation",
-    "virtualKeyboard"
-  ];
-  const activePremiumAddOns = {};
-  const activePlatinumAddOns = {};
-  const isPremiumAddOn = (add) => premiumAddOnKeys.includes(add);
-  const isPlatinumAddOn = (add) => platinumAddOnKeys.includes(add);
-  details.addOn.forEach((add) => {
-    if (isPremiumAddOn(add)) activePremiumAddOns[add] = true;
-    if (isPlatinumAddOn(add)) activePlatinumAddOns[add] = true;
-  });
-  switch (normalizedVersion) {
-    case "Free":
-      return /* @__PURE__ */ jsx(
-        Editor2,
-        {
-          version: "Free",
-          apiKey,
-          topMenu: true,
-          showParagraphDropdown: true,
-          showFontDropdown: true,
-          showFontSizeDropdown: true,
-          features: freeFeatures
-        }
-      );
-    case "Pro":
-      return /* @__PURE__ */ jsx(
-        Editor2,
-        {
-          version: "Pro",
-          apiKey,
-          topMenu: true,
-          showParagraphDropdown: true,
-          showFontDropdown: true,
-          showFontSizeDropdown: true,
-          autoSave: true,
-          showVersions: true,
-          features: freeFeatures,
-          addOns: __spreadValues(__spreadValues({}, activePremiumAddOns), activePlatinumAddOns)
-        }
-      );
-    case "Premium":
-      return /* @__PURE__ */ jsx(
-        Editor2,
-        {
-          version: "Premium",
-          apiKey,
-          topMenu: true,
-          showParagraphDropdown: true,
-          showFontDropdown: true,
-          showFontSizeDropdown: true,
-          autoSave: true,
-          showVersions: true,
-          features: __spreadValues(__spreadValues({}, freeFeatures), allPremiumFeatures),
-          platinumAddOns: activePlatinumAddOns
-        }
-      );
-    case "Platinum":
-      return /* @__PURE__ */ jsx(
-        Editor2,
-        {
-          version: "Platinum",
-          apiKey,
-          topMenu: true,
-          showParagraphDropdown: true,
-          showFontDropdown: true,
-          showFontSizeDropdown: true,
-          autoSave: true,
-          showVersions: true,
-          features: __spreadValues(__spreadValues(__spreadValues({}, freeFeatures), allPremiumFeatures), allPlatinumFeatures),
-          platinumAddOns: activePlatinumAddOns
-        }
-      );
+  let entitledFeatures = __spreadValues({}, freeFeatures);
+  if (backendVersion === "Premium" || backendVersion === "Platinum") {
+    entitledFeatures = __spreadValues(__spreadValues({}, entitledFeatures), premiumFeatures);
   }
+  if (backendVersion === "Platinum") {
+    entitledFeatures = __spreadValues(__spreadValues({}, entitledFeatures), platinumFeatures);
+  }
+  const effectiveVersion = (_a = config == null ? void 0 : config.version) != null ? _a : backendVersion;
+  const effectiveFeatures = (_b = config == null ? void 0 : config.features) != null ? _b : entitledFeatures;
+  const effectiveAddOns = config == null ? void 0 : config.addOns;
+  return /* @__PURE__ */ jsx(
+    Editor2,
+    {
+      version: effectiveVersion,
+      apiKey,
+      features: effectiveFeatures,
+      addOns: effectiveAddOns,
+      platinumAddOns: effectiveAddOns,
+      autoSave: config == null ? void 0 : config.autoSave,
+      showVersions: config == null ? void 0 : config.showVersions,
+      topMenu: (_d = (_c = config == null ? void 0 : config.ui) == null ? void 0 : _c.topMenu) != null ? _d : true,
+      showParagraphDropdown: (_f = (_e = config == null ? void 0 : config.ui) == null ? void 0 : _e.paragraphDropdown) != null ? _f : true,
+      showFontDropdown: (_h = (_g = config == null ? void 0 : config.ui) == null ? void 0 : _g.fontDropdown) != null ? _h : true,
+      showFontSizeDropdown: (_j = (_i = config == null ? void 0 : config.ui) == null ? void 0 : _i.fontSizeDropdown) != null ? _j : true
+    }
+  );
 }
 
 // src/index.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tetrons",
-  "version": "2.3.100",
+  "version": "2.4.0",
   "description": "Tetrons is a fully-featured, modern WYSIWYG rich text editor built on TipTap.",
   "license": "MIT",
   "main": "dist/index.mjs",