erl-mathtextx-editor 0.3.1 → 0.3.6

package/dist/math/MathInputModeContext.d.ts

@@ -0,0 +1,7 @@
+import { MathInputMode } from '../types';
+export declare const MATH_INPUT_MODE_STORAGE_KEY = "mtx-math-input-mode";
+export declare const MathInputModeContext: import('react').Context<MathInputMode>;
+export declare function useMathInputMode(): MathInputMode;
+export declare function isValidMathInputMode(value: unknown): value is MathInputMode;
+export declare function readStoredMathInputMode(): MathInputMode | null;
+export declare function storeMathInputMode(mode: MathInputMode): void;

package/dist/math/TemplatePanel.d.ts

@@ -1,5 +1,8 @@
+import { EducationLevel } from '../types';
 export interface TemplatePanelProps {
     onInsert: (latex: string) => void;
     onClose: () => void;
+    /** Restrict / preselect education level filter */
+    educationLevel?: EducationLevel;
 }
-export declare function TemplatePanel({ onInsert, onClose }: TemplatePanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function TemplatePanel({ onInsert, onClose, educationLevel }: TemplatePanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/math/mathFieldFontStyles.d.ts

@@ -0,0 +1,7 @@
+/** Primary Arabic text font for math fields and KaTeX output */
+export declare const ADOBE_NASKH_FONT_FAMILY = "Adobe Naskh Medium";
+export declare const ADOBE_NASKH_FONT_STACK = "'Adobe Naskh Medium', 'Adobe Naskh', 'Noto Naskh Arabic', 'Amiri', 'Traditional Arabic', serif";
+/** CSS injected into MathLive shadow roots (global editor.css does not apply there). */
+export declare const MATHFIELD_CUSTOM_FONT_CSS = "\n.mt-font-arabic {\n    font-family: 'Adobe Naskh Medium', 'Adobe Naskh', 'Noto Naskh Arabic', 'Amiri', 'Traditional Arabic', serif !important;\n    font-weight: 500;\n    direction: rtl;\n    unicode-bidi: embed;\n}\n";
+/** Inject Arabic / custom font classes into a math-field shadow DOM. */
+export declare function injectMathFieldFontStyles(mathField: HTMLElement): void;

package/dist/math/mathFieldSpaceKey.d.ts

@@ -0,0 +1,10 @@
+type MathFieldSpaceTarget = {
+    executeCommand?: (command: any) => void;
+    value?: string;
+};
+/**
+ * Map Space → thin space (\,) in math mode. Ignores key repeat (held spacebar).
+ */
+export declare function handleMathFieldSpaceKey(evt: Event, mathField: MathFieldSpaceTarget, onValueChange?: (value: string) => void): boolean;
+export declare const MATHFIELD_SPACE_LATEX = "\\,";
+export {};

package/dist/{tiptap-K3rU-Wjn.js → tiptap-BiWGiMFj.js}

@@ -1,4 +1,4 @@
-import ie, { createRef as Ed, memo as Md, createElement as Td, createContext as ja, version as qo, useContext as Od, useRef as Ad, useState as Wa, useDebugValue as Ua, useEffect as Ka, forwardRef as Nd, useLayoutEffect as vd } from "react";
+import ie, { useRef as Ed, useState as ja, useDebugValue as Wa, useEffect as Ua, createRef as Md, memo as Td, createElement as Od, forwardRef as Ad, createContext as Ka, useLayoutEffect as Nd, version as qo, useContext as vd } from "react";
 import Rd, { flushSync as Dd } from "react-dom";
 function fe(n) {
   this.content = n;
@@ -12607,7 +12607,7 @@ class Hg extends ie.Component {
     );
   }
 }
-const $g = Nd((n, e) => {
+const $g = Ad((n, e) => {
   const t = ie.useMemo(() => Math.floor(Math.random() * 4294967295).toString(), [n.editor]);
   return ie.createElement(Hg, {
     key: t,
@@ -12769,7 +12769,7 @@ function Wg() {
 }
 process.env.NODE_ENV === "production" ? _i.exports = jg() : _i.exports = Wg();
 var Ug = _i.exports;
-const Kg = typeof window < "u" ? vd : Ka;
+const Kg = typeof window < "u" ? Nd : Ua;
 class qg {
   constructor(e) {
     this.transactionNumber = 0, this.lastTransactionNumber = 0, this.subscribers = /* @__PURE__ */ new Set(), this.editor = e, this.lastSnapshot = { editor: e, transactionNumber: 0 }, this.getSnapshot = this.getSnapshot.bind(this), this.getServerSnapshot = this.getServerSnapshot.bind(this), this.watch = this.watch.bind(this), this.subscribe = this.subscribe.bind(this);
@@ -12810,8 +12810,8 @@ class qg {
 }
 function Jg(n) {
   var e;
-  const [t] = Wa(() => new qg(n.editor)), r = Ug.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getServerSnapshot, n.selector, (e = n.equalityFn) !== null && e !== void 0 ? e : Vg);
-  return Kg(() => t.watch(n.editor), [n.editor, t]), Ua(r), r;
+  const [t] = ja(() => new qg(n.editor)), r = Ug.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getServerSnapshot, n.selector, (e = n.equalityFn) !== null && e !== void 0 ? e : Vg);
+  return Kg(() => t.watch(n.editor), [n.editor, t]), Wa(r), r;
 }
 const sa = process.env.NODE_ENV !== "production", Hi = typeof window > "u", Gg = Hi || !!(typeof window < "u" && window.next);
 class To {
@@ -12952,21 +12952,21 @@ class To {
   }
 }
 function tS(n = {}, e = []) {
-  const t = Ad(n);
+  const t = Ed(n);
   t.current = n;
-  const [r] = Wa(() => new To(t)), s = Rs.useSyncExternalStore(r.subscribe, r.getEditor, r.getServerSnapshot);
-  return Ua(s), Ka(r.onRender(e)), Jg({
+  const [r] = ja(() => new To(t)), s = Rs.useSyncExternalStore(r.subscribe, r.getEditor, r.getServerSnapshot);
+  return Wa(s), Ua(r.onRender(e)), Jg({
     editor: s,
     selector: ({ transactionNumber: i }) => n.shouldRerenderOnTransaction === !1 ? null : n.immediatelyRender && i === 0 ? 0 : i + 1
   }), s;
 }
-const Yg = ja({
+const Yg = Ka({
   editor: null
 });
 Yg.Consumer;
-const Iu = ja({
+const Iu = Ka({
   onDragStart: void 0
-}), Qg = () => Od(Iu), nS = ie.forwardRef((n, e) => {
+}), Qg = () => vd(Iu), nS = ie.forwardRef((n, e) => {
   const { onDragStart: t } = Qg(), r = n.as || "div";
   return (
     // @ts-ignore
@@ -13077,7 +13077,7 @@ class ny extends Rg {
       getPos: () => this.getPos(),
       updateAttributes: (c = {}) => this.updateAttributes(c),
       deleteNode: () => this.deleteNode(),
-      ref: Ed()
+      ref: Md()
     };
     if (!this.component.displayName) {
       const c = (u) => u.charAt(0).toUpperCase() + u.substring(1);
@@ -13085,7 +13085,7 @@ class ny extends Rg {
     }
     const s = { onDragStart: this.onDragStart.bind(this), nodeViewContentRef: (c) => {
       c && this.contentDOMElement && c.firstChild !== this.contentDOMElement && (c.hasAttribute("data-node-view-wrapper") && c.removeAttribute("data-node-view-wrapper"), c.appendChild(this.contentDOMElement));
-    } }, i = this.component, o = Md((c) => ie.createElement(Iu.Provider, { value: s }, Td(i, c)));
+    } }, i = this.component, o = Td((c) => ie.createElement(Iu.Provider, { value: s }, Od(i, c)));
     o.displayName = "ReactNodeView";
     let l = this.node.isInline ? "span" : "div";
     this.options.as && (l = this.options.as);
@@ -19077,21 +19077,21 @@ export {
   I as T,
   iS as U,
   ee as a,
-  hS as b,
-  mS as c,
-  gS as d,
-  Eb as e,
-  lS as f,
-  bS as g,
-  CS as h,
-  pS as i,
-  sS as j,
-  ES as k,
-  cS as l,
+  lS as b,
+  bS as c,
+  CS as d,
+  pS as e,
+  sS as f,
+  ES as g,
+  cS as h,
+  aS as i,
+  wS as j,
+  dS as k,
+  mS as l,
   j as m,
-  aS as n,
-  wS as o,
-  dS as p,
+  gS as n,
+  hS as o,
+  Eb as p,
   eS as q,
   tS as u
 };

package/dist/toolbar/MainToolbar.d.ts

@@ -1,9 +1,11 @@
 import { default as React } from 'react';
 import { Editor } from '@tiptap/react';
-import { ToolbarMode } from '../types';
+import { ToolbarItem, ToolbarMode } from '../types';
 interface MainToolbarProps {
     editor: Editor | null;
     toolbarMode?: ToolbarMode;
+    /** When set, only tools mapped to these items are shown */
+    toolbar?: ToolbarItem[];
     onInsertMath?: (tab?: string) => void;
     onInsertBlockMath?: () => void;
     onInsertImage?: () => void;

package/dist/toolbar/MathToolbar.d.ts

@@ -1,9 +1,16 @@
-import { ToolbarMode } from '../types';
+import { MathInputMode, MathToolbarItem, ToolbarMode } from '../types';
 interface MathToolbarProps {
     onInsertLatex: (latex: string) => void;
     onToggleSymbols: () => void;
     onToggleTemplates?: () => void;
     mode?: ToolbarMode;
+    /** When set, only matching formula buttons / panels are shown */
+    items?: MathToolbarItem[];
+    /** Word-like Conversions mode */
+    mathInputMode?: MathInputMode;
+    onMathInputModeChange?: (mode: MathInputMode) => void;
+    onConvertToMath?: () => void;
+    onConvertToLatexText?: () => void;
 }
-export declare function MathToolbar({ onInsertLatex, onToggleSymbols, onToggleTemplates, mode }: MathToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MathToolbar({ onInsertLatex, onToggleSymbols, onToggleTemplates, mode, items, mathInputMode, onMathInputModeChange, onConvertToMath, onConvertToLatexText, }: MathToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/index.d.ts

@@ -9,11 +9,17 @@ export type EducationLevel = 'sd' | 'smp' | 'sma' | 'all';
 export type OutputFormat = 'html' | 'json';
 /** Toolbar density mode */
 export type ToolbarMode = 'basic' | 'advanced' | 'olimpiade';
+/**
+ * Word-like math input / paste interpretation mode.
+ * UI exposes `latex` (default, also accepts Unicode/OMML) and `text`.
+ * `unicode` remains for API/back-compat only.
+ */
+export type MathInputMode = 'latex' | 'unicode' | 'text';
 /** Main editor props */
 export interface MathTextXEditorProps {
     /** Initial content (HTML string or TipTap JSON) */
     content?: string;
-    /** Called when content changes — returns HTML string */
+    /** Called when content changes — returns HTML string (or JSON string when outputFormat is `json`) */
     onChange?: (html: string) => void;
     /** Called when user triggers save (Ctrl+S) */
     onSave?: (html: string) => void;
@@ -21,16 +27,23 @@ export interface MathTextXEditorProps {
     editable?: boolean;
     /** Placeholder text when editor is empty */
     placeholder?: string;
-    /** Which toolbar items to show */
+    /** Which toolbar items to show (filters MainToolbar buttons) */
     toolbar?: ToolbarItem[];
     /** Preset toolbar density mode */
     toolbarMode?: ToolbarMode;
     /** Which math toolbar items to show */
     mathToolbar?: MathToolbarItem[];
-    /** Education level for formula templates */
+    /** Education level for formula templates (filters TemplatePanel) */
     templates?: EducationLevel;
-    /** Output format */
+    /** Output format for onChange / onSave (`html` default, or TipTap `json` string) */
     outputFormat?: OutputFormat;
+    /**
+     * Word-like paste/input interpretation: `latex` (default), `unicode`, or `text`.
+     * When omitted, uses last saved preference or `latex`.
+     */
+    mathInputMode?: MathInputMode;
+    /** Called when the user changes the Conversions mode toggle */
+    onMathInputModeChange?: (mode: MathInputMode) => void;
     /** Custom class name for the editor container */
     className?: string;
     /** Minimum height of the editor */
@@ -41,7 +54,7 @@ export interface MathTextXEditorProps {
     autoFocus?: boolean;
     /** Image upload handler — return the URL of the uploaded image */
     onImageUpload?: (file: File) => Promise<string>;
-    /** Transform HTML before pasting — e.g. re-upload images in pasted content */
+    /** Transform HTML before pasting — e.g. re-upload images in pasted content. Overrides default re-upload when set. */
     onBeforePasteHTML?: (html: string) => Promise<string>;
     /** Table styling mode: 'custom' uses mtx-table CSS themes, 'native' uses plain TipTap/ProseMirror table */
     tableStyle?: 'custom' | 'native';

package/dist/utils/docxImporter.d.ts

@@ -9,6 +9,7 @@ export interface DocxImportResult {
 /**
  * Convert a .docx File to clean HTML via mammoth.js.
  *
+ * OMML equations are converted to LaTeX math spans before mammoth runs.
  * Images embedded in the .docx are extracted and returned separately
  * so they can be re-uploaded by the host application.
  */

package/dist/utils/docxOmmlPreprocess.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Pre-process DOCX so OMML equations become markers mammoth can keep as text,
+ * then post-process HTML into mtx math spans.
+ */
+/**
+ * Unzip DOCX, convert OMML in word/*.xml to text markers, re-zip.
+ */
+export declare function preprocessDocxOmml(arrayBuffer: ArrayBuffer): Promise<ArrayBuffer>;
+/**
+ * Replace MTX math markers left in mammoth HTML with math node spans.
+ */
+export declare function rewriteDocxMathMarkers(html: string): string;

package/dist/utils/imageFileValidation.d.ts

@@ -0,0 +1,14 @@
+export type ImageValidationResult = {
+    valid: true;
+} | {
+    valid: false;
+    error: string;
+};
+/**
+ * Validate image MIME, size, and magic-byte signature (including WebP RIFF+WEBP).
+ */
+export declare function validateImageFile(file: File): Promise<ImageValidationResult>;
+/**
+ * Check whether a URL is safe to insert as an image src (http/https only).
+ */
+export declare function isSafeImageUrl(raw: string): boolean;

package/dist/utils/isLatexContent.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Detect if pasted text looks like LaTeX content.
+ * Checks for common LaTeX delimiters and commands.
+ */
+export declare function isLatexContent(text: string): boolean;

package/dist/utils/mathMlToLatex.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Convert MathML string to LaTeX using MathLive (browser-only, lazy-loaded).
+ */
+export declare function mathMlToLatex(mathml: string): Promise<string | null>;

package/dist/utils/microsoftMathPaste.d.ts

@@ -0,0 +1,43 @@
+import { MathInputMode } from '../types';
+export type ResolvedMathPaste = {
+    latex: string;
+    /** Prefer block math node when true */
+    display: 'inline' | 'block';
+    source: 'latex' | 'mathml' | 'unicode' | 'omml';
+};
+/**
+ * True when clipboard carries *structured* math (OMML / MathML / LaTeX) that
+ * should win over Word's equation image snapshot.
+ *
+ * Unicode Math alone does **not** qualify — Word's Unicode equations are often
+ * best kept as the clipboard image (linear Unicode text is lossy / incomplete).
+ */
+export declare function clipboardHasMathContent(clipboard: DataTransfer | null | undefined): boolean;
+/**
+ * Strip common LaTeX delimiters and detect block vs inline.
+ */
+export declare function normalizeLatexSource(raw: string): {
+    latex: string;
+    display: 'inline' | 'block';
+};
+/**
+ * Resolve clipboard / plain text into LaTeX for math nodes.
+ * `mode` gates which detection paths run (Word-like Conversions).
+ * - latex: LaTeX MIME / plain LaTeX / TeX annotations only
+ * - unicode: Unicode / OMML / MathML (plus explicit text/latex MIME)
+ * - text: always null (caller inserts plain text)
+ */
+export declare function resolveMicrosoftMathPaste(clipboard: DataTransfer | null | undefined, mode?: MathInputMode): Promise<ResolvedMathPaste | null>;
+/**
+ * Resolve a plain string (selection / Convert) into LaTeX using the active mode.
+ */
+export declare function resolveMathText(text: string, mode?: MathInputMode): ResolvedMathPaste | null;
+/**
+ * Re-normalize latex already stored on a math node (Convert on selection).
+ */
+export declare function normalizeExistingMathLatex(latex: string): string;
+/**
+ * Replace MathML / OMML / Unicode-math-looking runs in Office HTML with mtx math spans.
+ * Call BEFORE namespace stripping so `<math>` and `<m:oMath>` survive.
+ */
+export declare function rewriteOfficeHtmlMath(html: string): Promise<string>;

package/dist/utils/ommlToLatex.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Convert Office Math Markup Language (OMML) fragments to LaTeX.
+ * Covers common Word equation structures used in education content.
+ */
+/**
+ * Parse an OMML XML/HTML string and return LaTeX.
+ * Accepts a full `<m:oMath>` / `<m:oMathPara>` fragment or inner OMML.
+ */
+export declare function ommlToLatex(omml: string): string | null;
+/** True when HTML/XML contains OMML math. */
+export declare function hasOmml(html: string): boolean;

package/dist/utils/reuploadImagesInHTML.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Re-upload images found in HTML (paste / Office) via a host upload callback.
+ * Handles data-URI and http(s) srcs; leaves failures unchanged.
+ */
+/**
+ * Find `<img src>` values, upload via `onImageUpload`, replace with returned URLs.
+ * Skips blob: URLs and already-same results. Failures leave the original src.
+ */
+export declare function reuploadImagesInHTML(html: string, onImageUpload: (file: File) => Promise<string>): Promise<string>;

package/dist/utils/sanitizeConfig.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Shared DOMPurify allowlists for editor input, paste, and viewer output.
+ * Keep these in sync so XSS policy is consistent across surfaces.
+ */
+export declare const SANITIZE_ALLOWED_TAGS: string[];
+export declare const SANITIZE_ALLOWED_ATTR: string[];
+export declare const SANITIZE_OPTIONS: {
+    ALLOWED_TAGS: string[];
+    ALLOWED_ATTR: string[];
+    ALLOW_DATA_ATTR: true;
+};

package/dist/utils/unicodeMathToLatex.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Convert Microsoft Word-style Unicode math characters to LaTeX.
+ * Covers Mathematical Alphanumeric Symbols, super/subscripts, operators,
+ * and linear UnicodeMath build-up (`1/2√2` → `\frac{1}{2}\sqrt{2}`).
+ */
+/**
+ * True when text looks like Unicode math / Word linear math, not normal prose.
+ */
+export declare function isUnicodeMathContent(text: string): boolean;
+/**
+ * Build up Word/UnicodeMath linear forms into structured LaTeX.
+ * e.g. `1/2√2` → `\frac{1}{2}\sqrt{2}`, `Q_enc/ε_0` → `\frac{Q_{enc}}{\varepsilon_0}`
+ */
+export declare function buildUpLinearMath(input: string): string;
+/**
+ * Insert a space after a known LaTeX control word when the next char would be
+ * glued into the command name. e.g. `\timesE` → `\times E`, `\partialB` → `\partial B`.
+ * Uses longest-match words so `\int` is not split as `\in` + `t`.
+ */
+export declare function separateLatexControlWords(input: string): string;
+/**
+ * Convert Unicode math text to a LaTeX string suitable for MathLive / mathInline.
+ */
+export declare function unicodeMathToLatex(text: string): string;

package/dist/utils/uploadError.d.ts

@@ -0,0 +1,8 @@
+export type UploadErrorDebug = Record<string, unknown>;
+export declare class UploadError extends Error {
+    readonly debug: UploadErrorDebug;
+    constructor(message: string, debug?: UploadErrorDebug);
+}
+export declare function getUploadErrorDebug(error: unknown): UploadErrorDebug | null;
+export declare function formatUploadErrorDebug(debug: UploadErrorDebug): string;
+export declare function logUploadError(context: string, error: unknown): UploadErrorDebug | null;

package/dist/{viewer-deps-BDYoL2Ts.js → viewer-deps-_HnWniSt.js}

@@ -12135,6 +12135,10 @@ function ii() {
   }, e;
 }
 var Ts = ii();
+const As = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ts
+}, Symbol.toStringTag, { value: "Module" }));
 ta.__defineMacro("\\ce", function(r) {
   return si(r.consumeArgs(1)[0], "ce");
 });
@@ -14441,6 +14445,7 @@ var t0 = {
   }
 };
 export {
+  As as a,
   ta as k,
   Ts as p
 };

package/dist/viewer.js

@@ -1,4 +1,4 @@
-import { C as r } from "./ContentViewer-RijJ5nlJ.js";
+import { C as r } from "./ContentViewer-LqSkiQjT.js";
 export {
   r as ContentViewer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "erl-mathtextx-editor",
-  "version": "0.3.1",
+  "version": "0.3.6",
   "description": "Visual math editor component for solutest.id — CKEditor replacement with zero-LaTeX approach",
   "type": "module",
   "main": "./dist/erl-mathtextx-editor.umd.cjs",
@@ -8,17 +8,20 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/erl-mathtextx-editor.js",
-      "require": "./dist/erl-mathtextx-editor.umd.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/erl-mathtextx-editor.umd.cjs"
     },
     "./viewer": {
-      "import": "./dist/viewer.js",
-      "types": "./dist/viewer.d.ts"
+      "types": "./dist/viewer.d.ts",
+      "import": "./dist/viewer.js"
     },
     "./styles": "./dist/assets/erl-mathtextx-editor.css",
-    "./viewer/styles": "./dist/viewer-styles.js"
+    "./viewer/styles": "./dist/assets/viewer.css"
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "files": [
     "dist",
     "README.md",
@@ -32,7 +35,9 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "test": "vitest",
     "test:run": "vitest run",
-    "test:coverage": "vitest run --coverage"
+    "test:coverage": "vitest run --coverage",
+    "prepack": "npm run test:run && npm run build",
+    "pack:check": "npm pack --dry-run --ignore-scripts"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -67,6 +72,7 @@
     "function-plot": "^1.25.3",
     "html2canvas": "^1.4.1",
     "jspdf": "^4.1.0",
+    "jszip": "^3.10.1",
     "katex": "^0.16.33",
     "lowlight": "^3.3.0",
     "mammoth": "^1.12.0",
@@ -76,6 +82,7 @@
     "@eslint/js": "^9.39.2",
     "@fullhuman/postcss-purgecss": "^8.0.0",
     "@types/dompurify": "^3.0.5",
+    "@types/jszip": "^3.4.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@typescript-eslint/eslint-plugin": "^8.56.0",
@@ -101,12 +108,16 @@
   "author": "Erlangga Team",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/erlangga/richtext-editor-research.git"
+    "url": "git+https://github.com/erlangga/richtext-editor-research.git",
+    "directory": "packages/editor"
   },
-  "homepage": "https://github.com/erlangga/richtext-editor-research#readme",
+  "homepage": "https://github.com/erlangga/richtext-editor-research/tree/main/packages/editor#readme",
   "bugs": {
     "url": "https://github.com/erlangga/richtext-editor-research/issues"
   },
+  "engines": {
+    "node": ">=18"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -118,6 +129,8 @@
     "wysiwyg",
     "ckeditor-replacement",
     "solutest",
-    "react"
+    "react",
+    "katex",
+    "rich-text-editor"
   ]
 }

package/dist/ContentViewer-RijJ5nlJ.js

@@ -1,45 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useRef as o, useMemo as i, useEffect as m } from "react";
-import { p as s, k as l } from "./viewer-deps-BDYoL2Ts.js";
-function c(t) {
-  if (t.querySelector(".katex")) return;
-  const e = t.getAttribute("data-latex") || t.getAttribute("latex");
-  if (!e) return;
-  const r = t.classList.contains("mtx-math-block");
-  try {
-    l.render(e, t, {
-      throwOnError: !1,
-      displayMode: r,
-      output: "htmlAndMathml"
-    });
-  } catch {
-    t.textContent = r ? `$$${e}$$` : `$${e}$`;
-  }
-}
-function x({ content: t, className: e }) {
-  const r = o(null), n = i(
-    () => s.sanitize(t, {
-      ADD_TAGS: ["math-field", "span", "div"],
-      ADD_ATTR: ["data-latex", "latex", "data-type", "data-mathml"],
-      FORBID_TAGS: ["script", "style", "iframe", "object", "embed"],
-      FORBID_ATTR: ["onerror", "onload", "onclick", "onmouseover", "onmouseout", "onfocus", "onblur"]
-    }),
-    [t]
-  );
-  return m(() => {
-    if (!r.current) return;
-    r.current.querySelectorAll(
-      '.mtx-math-inline, .mtx-math-block, [data-type="math-inline"], [data-type="math-block"]'
-    ).forEach(c);
-  }, [n]), /* @__PURE__ */ a(
-    "div",
-    {
-      ref: r,
-      className: `mtx-content-viewer${e ? ` ${e}` : ""}`,
-      dangerouslySetInnerHTML: { __html: n }
-    }
-  );
-}
-export {
-  x as C
-};