erl-mathtextx-editor 0.1.7 → 0.1.9

package/dist/utils/logger.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Logger utility for the editor package.
+ * Logs only in development mode to avoid information disclosure in production.
+ * TODO: Add integration with error tracking service (Sentry, etc.) for production
+ */
+/**
+ * Logger object with methods for different log levels.
+ * In production, these are no-ops to prevent console noise and info disclosure.
+ */
+export declare const logger: {
+    /**
+     * Log error messages. In production, consider sending to error tracking service.
+     */
+    error: (message: string, error?: unknown) => void;
+    /**
+     * Log warning messages.
+     */
+    warn: (message: string, data?: unknown) => void;
+    /**
+     * Log informational messages (uses warn in dev to comply with ESLint rules).
+     */
+    info: (message: string, data?: unknown) => void;
+    /**
+     * Log debug messages (verbose logging for development, uses warn in dev).
+     */
+    debug: (message: string, data?: unknown) => void;
+};
+/**
+ * Type-safe error handler that captures both message and error object.
+ * Use this for async operations where you need to handle errors.
+ */
+export declare function handleError(context: string, error: unknown, options?: {
+    silent?: boolean;
+    fallbackMessage?: string;
+}): void;
+/**
+ * Wrap a function with error logging.
+ * Useful for event handlers and callbacks.
+ */
+export declare function withErrorLogging<T extends (...args: unknown[]) => unknown>(fn: T, context: string): (...args: Parameters<T>) => ReturnType<T> | undefined;

package/dist/viewer.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "erl-mathtextx-editor",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Visual math editor component for solutest.id — CKEditor replacement with zero-LaTeX approach",
   "type": "module",
   "main": "./dist/erl-mathtextx-editor.umd.cjs",
@@ -20,7 +20,10 @@
     "./viewer/styles": "./dist/viewer-styles.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
   ],
   "scripts": {
     "dev": "vite",
@@ -37,27 +40,13 @@
   },
   "dependencies": {
     "@tiptap/core": "^2.11.0",
-    "@tiptap/extension-bold": "^2.11.0",
-    "@tiptap/extension-bullet-list": "^2.11.0",
-    "@tiptap/extension-code-block": "^2.11.0",
+    "@tiptap/extension-code-block-lowlight": "^2.11.0",
     "@tiptap/extension-color": "^2.27.2",
-    "@tiptap/extension-document": "^2.11.0",
-    "@tiptap/extension-dropcursor": "^2.11.0",
     "@tiptap/extension-font-family": "^2.27.2",
-    "@tiptap/extension-gapcursor": "^2.11.0",
-    "@tiptap/extension-hard-break": "^2.11.0",
-    "@tiptap/extension-heading": "^2.11.0",
     "@tiptap/extension-highlight": "^2.27.2",
-    "@tiptap/extension-history": "^2.11.0",
-    "@tiptap/extension-horizontal-rule": "^2.11.0",
     "@tiptap/extension-image": "^2.11.0",
-    "@tiptap/extension-italic": "^2.11.0",
     "@tiptap/extension-link": "^2.11.0",
-    "@tiptap/extension-list-item": "^2.11.0",
-    "@tiptap/extension-ordered-list": "^2.11.0",
-    "@tiptap/extension-paragraph": "^2.11.0",
     "@tiptap/extension-placeholder": "^2.11.0",
-    "@tiptap/extension-strike": "^2.11.0",
     "@tiptap/extension-subscript": "^2.11.0",
     "@tiptap/extension-superscript": "^2.11.0",
     "@tiptap/extension-table": "^2.11.0",
@@ -66,7 +55,6 @@
     "@tiptap/extension-table-row": "^2.11.0",
     "@tiptap/extension-task-item": "^2.11.0",
     "@tiptap/extension-task-list": "^2.11.0",
-    "@tiptap/extension-text": "^2.11.0",
     "@tiptap/extension-text-align": "^2.27.2",
     "@tiptap/extension-text-style": "^2.27.2",
     "@tiptap/extension-typography": "^2.27.2",
@@ -80,6 +68,7 @@
     "html2canvas": "^1.4.1",
     "jspdf": "^4.1.0",
     "katex": "^0.16.33",
+    "lowlight": "^3.3.0",
     "mathlive": "^0.101.0"
   },
   "devDependencies": {

package/dist/ImageInsertDialog-DzLFhSDK.js

@@ -1,217 +0,0 @@
-import { jsxs as l, Fragment as E, jsx as e } from "react/jsx-runtime";
-import { useId as I, useRef as P, useState as c, useCallback as n } from "react";
-import { u as W } from "./index-Ci20X1Rj.js";
-function O({
-  isOpen: f,
-  onClose: x,
-  onInsert: m,
-  onImageUpload: p
-}) {
-  const k = I(), N = P(null), [g, y] = c(p ? "upload" : "url"), [t, U] = c(""), [d, w] = c(""), [F, h] = c(!1), [G, b] = c(!1), [v, s] = c(null), [D, i] = c(""), R = P(null), C = n(() => {
-    U(""), w(""), s(null), i(""), b(!1), h(!1);
-  }, []), r = n(() => {
-    C(), x();
-  }, [x, C]);
-  W({ isOpen: f, dialogRef: N, onClose: r });
-  const _ = n(
-    async (a) => {
-      if (!a.type.startsWith("image/")) {
-        i("File harus berupa gambar (jpg, png, gif, webp)");
-        return;
-      }
-      if (a.size > 10 * 1024 * 1024) {
-        i("Ukuran file maksimal 10MB");
-        return;
-      }
-      i("");
-      const o = URL.createObjectURL(a);
-      if (s(o), p) {
-        b(!0);
-        try {
-          const u = await p(a);
-          m(u, d || a.name), r();
-        } catch {
-          i("Upload gagal. Silakan coba lagi."), s(null);
-        } finally {
-          b(!1);
-        }
-      } else {
-        const u = new FileReader();
-        u.onload = () => {
-          const T = u.result;
-          m(T, d || a.name), r();
-        }, u.readAsDataURL(a);
-      }
-    },
-    [p, m, d, r]
-  ), M = n(
-    (a) => {
-      const o = a.target.files?.[0];
-      o && _(o);
-    },
-    [_]
-  ), S = n((a) => {
-    a.preventDefault(), a.stopPropagation(), h(!0);
-  }, []), j = n((a) => {
-    a.preventDefault(), a.stopPropagation(), h(!1);
-  }, []), A = n(
-    (a) => {
-      a.preventDefault(), a.stopPropagation(), h(!1);
-      const o = a.dataTransfer.files?.[0];
-      o && _(o);
-    },
-    [_]
-  ), L = n(() => {
-    if (!t.trim()) {
-      i("Masukkan URL gambar");
-      return;
-    }
-    try {
-      new URL(t);
-    } catch {
-      i("URL tidak valid");
-      return;
-    }
-    m(t.trim(), d || void 0), r();
-  }, [t, d, m, r]), B = n(() => {
-    if (t.trim())
-      try {
-        new URL(t), s(t.trim()), i("");
-      } catch {
-        i("URL tidak valid");
-      }
-  }, [t]);
-  return f ? /* @__PURE__ */ l(E, { children: [
-    /* @__PURE__ */ e("div", { className: "mtx-dialog-overlay", onClick: r }),
-    /* @__PURE__ */ l("div", { className: "mtx-image-dialog", ref: N, role: "dialog", "aria-modal": "true", "aria-labelledby": k, tabIndex: -1, children: [
-      /* @__PURE__ */ l("div", { className: "mtx-image-dialog__header", children: [
-        /* @__PURE__ */ e("h3", { id: k, children: "Sisipkan Gambar" }),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: "mtx-image-dialog__close",
-            onClick: r,
-            "aria-label": "Tutup",
-            children: "✕"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l("div", { className: "mtx-image-dialog__tabs", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: `mtx-image-dialog__tab ${g === "upload" ? "is-active" : ""}`,
-            onClick: () => {
-              y("upload"), i(""), s(null);
-            },
-            children: "📁 Upload File"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: `mtx-image-dialog__tab ${g === "url" ? "is-active" : ""}`,
-            onClick: () => {
-              y("url"), i(""), s(null);
-            },
-            children: "🔗 URL"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l("div", { className: "mtx-image-dialog__body", children: [
-        g === "upload" && /* @__PURE__ */ l(
-          "div",
-          {
-            className: `mtx-image-dialog__dropzone ${F ? "is-dragging" : ""}`,
-            onDragOver: S,
-            onDragLeave: j,
-            onDrop: A,
-            onClick: () => R.current?.click(),
-            children: [
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  ref: R,
-                  type: "file",
-                  accept: "image/*",
-                  onChange: M,
-                  style: { display: "none" }
-                }
-              ),
-              G ? /* @__PURE__ */ l("div", { className: "mtx-image-dialog__uploading", children: [
-                /* @__PURE__ */ e("div", { className: "mtx-spinner" }),
-                /* @__PURE__ */ e("p", { children: "Mengupload gambar..." })
-              ] }) : v ? /* @__PURE__ */ e("div", { className: "mtx-image-dialog__preview", children: /* @__PURE__ */ e("img", { src: v, alt: "Preview" }) }) : /* @__PURE__ */ l("div", { className: "mtx-image-dialog__placeholder", children: [
-                /* @__PURE__ */ l("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-                  /* @__PURE__ */ e("rect", { x: "4", y: "8", width: "40", height: "32", rx: "4" }),
-                  /* @__PURE__ */ e("circle", { cx: "16", cy: "20", r: "4" }),
-                  /* @__PURE__ */ e("path", { d: "M4 36l10-10 6 6 8-10 16 14" })
-                ] }),
-                /* @__PURE__ */ l("p", { children: [
-                  /* @__PURE__ */ e("strong", { children: "Klik untuk pilih file" }),
-                  " atau drag & drop ke sini"
-                ] }),
-                /* @__PURE__ */ e("span", { children: "JPG, PNG, GIF, WebP — Maks 10MB" })
-              ] })
-            ]
-          }
-        ),
-        g === "url" && /* @__PURE__ */ l("div", { className: "mtx-image-dialog__url-form", children: [
-          /* @__PURE__ */ e("label", { children: "URL Gambar" }),
-          /* @__PURE__ */ e("div", { className: "mtx-image-dialog__url-row", children: /* @__PURE__ */ e(
-            "input",
-            {
-              type: "url",
-              value: t,
-              onChange: (a) => U(a.target.value),
-              placeholder: "https://example.com/gambar.jpg",
-              onKeyDown: (a) => {
-                a.key === "Enter" && L();
-              },
-              onBlur: B,
-              autoFocus: !0
-            }
-          ) }),
-          v && /* @__PURE__ */ e("div", { className: "mtx-image-dialog__url-preview", children: /* @__PURE__ */ e(
-            "img",
-            {
-              src: v,
-              alt: "Preview",
-              onError: () => {
-                s(null), i("Gambar tidak dapat dimuat dari URL ini");
-              }
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ l("div", { className: "mtx-image-dialog__alt", children: [
-          /* @__PURE__ */ e("label", { children: "Teks Alternatif (opsional)" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              value: d,
-              onChange: (a) => w(a.target.value),
-              placeholder: "Deskripsi gambar untuk aksesibilitas"
-            }
-          )
-        ] }),
-        D && /* @__PURE__ */ e("div", { className: "mtx-image-dialog__error", children: D })
-      ] }),
-      /* @__PURE__ */ l("div", { className: "mtx-image-dialog__footer", children: [
-        /* @__PURE__ */ e("button", { className: "mtx-image-dialog__btn mtx-image-dialog__btn--cancel", onClick: r, children: "Batal" }),
-        g === "url" && /* @__PURE__ */ e(
-          "button",
-          {
-            className: "mtx-image-dialog__btn mtx-image-dialog__btn--insert",
-            onClick: L,
-            disabled: !t.trim(),
-            children: "Sisipkan"
-          }
-        )
-      ] })
-    ] })
-  ] }) : null;
-}
-export {
-  O as ImageInsertDialog
-};