smartrte-react 0.1.18 → 0.2.2

package/dist/components/MediaManager.d.ts

@@ -10,6 +10,13 @@ export type MediaItem = {
     title?: string;
     alt?: string;
     tags?: string[];
+    license?: {
+        author?: string;
+        licenseType?: string;
+        licenseText?: string;
+        sourceUrl?: string;
+        workName?: string;
+    };
 };
 export type MediaSearchQuery = {
     q?: string;

package/dist/components/MediaManager.js

@@ -7,6 +7,7 @@ export function MediaManager(props) {
     const [error, setError] = useState(null);
     const [query, setQuery] = useState("");
     const [results, setResults] = useState([]);
+    const [infoItem, setInfoItem] = useState(null);
     const fileInputRef = useRef(null);
     useEffect(() => {
         if (!open)
@@ -86,18 +87,19 @@ export function MediaManager(props) {
     return (_jsx("div", { style: {
             position: "fixed",
             inset: 0,
-            background: "rgba(0,0,0,0.35)",
+            background: "var(--srte-modal-backdrop)",
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
             zIndex: 80,
         }, onClick: onClose, children: _jsxs("div", { style: {
-                background: "#fff",
+                background: "var(--srte-modal-bg)",
+                color: "var(--srte-modal-text)",
                 width: 820,
                 maxWidth: "90vw",
                 maxHeight: "86vh",
                 borderRadius: 10,
-                boxShadow: "0 12px 32px rgba(0,0,0,0.22)",
+                boxShadow: "var(--srte-menu-shadow)",
                 display: "flex",
                 flexDirection: "column",
             }, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: {
@@ -105,29 +107,31 @@ export function MediaManager(props) {
                         alignItems: "center",
                         justifyContent: "space-between",
                         padding: "10px 14px",
-                        borderBottom: "1px solid #eee",
+                        borderBottom: "1px solid var(--srte-border-light)",
                     }, children: [_jsxs("div", { style: { display: "flex", gap: 8 }, children: [_jsx("button", { onClick: () => setActiveTab("upload"), style: {
                                         padding: "6px 10px",
                                         borderRadius: 6,
-                                        border: "1px solid #ddd",
-                                        background: activeTab === "upload" ? "#f2f2f2" : "#fff",
+                                        border: "1px solid var(--srte-border)",
+                                        background: activeTab === "upload" ? "var(--srte-surface-subtle)" : "var(--srte-input-bg)",
+                                        color: "var(--srte-input-text)",
                                     }, children: "Upload" }), _jsx("button", { onClick: () => setActiveTab("library"), style: {
                                         padding: "6px 10px",
                                         borderRadius: 6,
-                                        border: "1px solid #ddd",
-                                        background: activeTab === "library" ? "#f2f2f2" : "#fff",
-                                    }, children: "Library" })] }), _jsx("button", { onClick: onClose, children: "\u2715" })] }), error && (_jsx("div", { style: { color: "#b00020", padding: "8px 14px" }, children: error })), activeTab === "upload" ? (_jsxs("div", { style: { padding: 16 }, children: [_jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", multiple: true, style: { display: "none" }, onChange: (e) => handleUploadFiles(e.currentTarget.files) }), _jsx("div", { onClick: () => fileInputRef.current?.click(), onDragOver: (e) => {
+                                        border: "1px solid var(--srte-border)",
+                                        background: activeTab === "library" ? "var(--srte-surface-subtle)" : "var(--srte-input-bg)",
+                                        color: "var(--srte-input-text)",
+                                    }, children: "Library" })] }), _jsx("button", { onClick: onClose, children: "\u2715" })] }), error && (_jsx("div", { style: { color: "var(--srte-danger)", padding: "8px 14px" }, children: error })), activeTab === "upload" ? (_jsxs("div", { style: { padding: 16 }, children: [_jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", multiple: true, style: { display: "none" }, onChange: (e) => handleUploadFiles(e.currentTarget.files) }), _jsx("div", { onClick: () => fileInputRef.current?.click(), onDragOver: (e) => {
                                 e.preventDefault();
                             }, onDrop: (e) => {
                                 e.preventDefault();
                                 handleUploadFiles(e.dataTransfer.files);
                             }, style: {
-                                border: "2px dashed #bbb",
+                                border: "2px dashed var(--srte-border)",
                                 borderRadius: 10,
                                 padding: 24,
                                 textAlign: "center",
-                                color: "#333",
-                                background: "#fafafa",
+                                color: "var(--srte-text-muted)",
+                                background: "var(--srte-surface-subtle)",
                                 cursor: uploading ? "default" : "pointer",
                                 opacity: uploading ? 0.7 : 1,
                             }, children: uploading ? "Uploading…" : "Click or drag images to upload" })] })) : (_jsxs("div", { style: {
@@ -138,30 +142,82 @@ export function MediaManager(props) {
                     }, children: [_jsxs("div", { style: { display: "flex", gap: 8 }, children: [_jsx("input", { value: query, onChange: (e) => setQuery(e.target.value), placeholder: "Search images by name, tag, etc.", style: {
                                         flex: 1,
                                         padding: "6px 8px",
-                                        border: "1px solid #ddd",
+                                        border: "1px solid var(--srte-border)",
                                         borderRadius: 6,
+                                        background: "var(--srte-input-bg)",
+                                        color: "var(--srte-input-text)",
                                     } }), _jsx("button", { onClick: performSearch, children: "Search" })] }), _jsx("div", { style: {
                                 display: "grid",
                                 gridTemplateColumns: "repeat(auto-fill, minmax(120px, 1fr))",
                                 gap: 12,
                                 overflowY: "auto",
                                 paddingBottom: 16,
-                            }, children: results.map((it) => (_jsxs("button", { onClick: () => {
-                                    onSelect(it);
-                                    onClose();
-                                }, title: it.title || it.url, style: {
-                                    display: "block",
-                                    border: "1px solid #eee",
+                            }, children: results.map((it) => (_jsxs("div", { title: it.title || it.url, style: {
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    gap: 6,
+                                    border: "1px solid var(--srte-border-light)",
                                     borderRadius: 8,
                                     padding: 6,
-                                    background: "#fff",
-                                    textAlign: "center",
-                                }, children: [_jsx("img", { src: it.url, alt: it.alt || "", style: {
-                                            maxWidth: "100%",
-                                            maxHeight: 100,
-                                            display: "block",
-                                            margin: "0 auto",
-                                            objectFit: "cover",
-                                            borderRadius: 6,
-                                        } }), _jsx("div", { style: { fontSize: 11, marginTop: 6, color: "#333" }, children: it.width && it.height ? `${it.width}×${it.height}` : "" })] }, it.id || it.url))) })] }))] }) }));
+                                    background: "var(--srte-input-bg)",
+                                    color: "var(--srte-input-text)",
+                                }, children: [_jsx("button", { type: "button", onClick: () => {
+                                            onSelect(it);
+                                            onClose();
+                                        }, style: {
+                                            border: "none",
+                                            padding: 0,
+                                            background: "transparent",
+                                            cursor: "pointer",
+                                        }, children: _jsx("img", { src: it.url, alt: it.alt || "", style: {
+                                                maxWidth: "100%",
+                                                maxHeight: 100,
+                                                display: "block",
+                                                margin: "0 auto",
+                                                objectFit: "cover",
+                                                borderRadius: 6,
+                                            } }) }), _jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 6 }, children: [_jsx("div", { style: { fontSize: 11, color: "var(--srte-text-muted)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: it.title || it.alt || (it.width && it.height ? `${it.width}×${it.height}` : "Image") }), _jsx("button", { type: "button", onClick: () => setInfoItem(it), title: "Image info", style: {
+                                                    width: 24,
+                                                    height: 24,
+                                                    border: "1px solid var(--srte-border)",
+                                                    borderRadius: 999,
+                                                    background: "var(--srte-surface-subtle)",
+                                                    color: "var(--srte-input-text)",
+                                                    cursor: "pointer",
+                                                    flex: "0 0 auto",
+                                                }, children: "i" })] }), it.tags && it.tags.length > 0 && (_jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: it.tags.slice(0, 3).map((tag) => (_jsx("span", { style: {
+                                                fontSize: 10,
+                                                padding: "1px 5px",
+                                                borderRadius: 999,
+                                                background: "var(--srte-surface-subtle)",
+                                                color: "var(--srte-text-muted)",
+                                            }, children: tag }, tag))) }))] }, it.id || it.url))) })] })), infoItem && (_jsx("div", { style: {
+                        position: "fixed",
+                        inset: 0,
+                        background: "var(--srte-modal-backdrop)",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        zIndex: 90,
+                    }, onClick: () => setInfoItem(null), children: _jsxs("div", { style: {
+                            width: 420,
+                            maxWidth: "90vw",
+                            background: "var(--srte-modal-bg)",
+                            color: "var(--srte-modal-text)",
+                            borderRadius: 10,
+                            boxShadow: "var(--srte-menu-shadow)",
+                            padding: 16,
+                        }, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: { display: "flex", justifyContent: "space-between", gap: 12, marginBottom: 12 }, children: [_jsx("div", { style: { fontWeight: 600 }, children: "Image info" }), _jsx("button", { type: "button", onClick: () => setInfoItem(null), children: "\u2715" })] }), _jsx("img", { src: infoItem.url, alt: infoItem.alt || "", style: { maxWidth: "100%", maxHeight: 180, display: "block", margin: "0 auto 12px", borderRadius: 8 } }), [
+                                ["Title", infoItem.title],
+                                ["Alt text", infoItem.alt],
+                                ["Dimensions", infoItem.width && infoItem.height ? `${infoItem.width}×${infoItem.height}` : undefined],
+                                ["MIME type", infoItem.mimeType],
+                                ["Size", infoItem.sizeBytes ? `${Math.round(infoItem.sizeBytes / 1024)} KB` : undefined],
+                                ["Created", infoItem.createdAt],
+                                ["Tags", infoItem.tags?.join(", ")],
+                                ["Work", infoItem.license?.workName],
+                                ["Author", infoItem.license?.author],
+                                ["License", [infoItem.license?.licenseType, infoItem.license?.licenseText].filter(Boolean).join(" - ")],
+                                ["Source", infoItem.license?.sourceUrl],
+                            ].filter(([, value]) => value).map(([label, value]) => (_jsxs("div", { style: { display: "grid", gridTemplateColumns: "92px 1fr", gap: 8, fontSize: 12, marginBottom: 6 }, children: [_jsx("div", { style: { color: "var(--srte-text-muted)" }, children: label }), _jsx("div", { style: { overflowWrap: "anywhere" }, children: value })] }, label)))] }) }))] }) }));
 }

package/dist/index.d.ts

@@ -1,2 +1,4 @@
 export { ClassicEditor } from './components/ClassicEditor';
 export type { MediaManagerAdapter, MediaItem, MediaSearchQuery } from './components/MediaManager';
+export type { SrteTheme } from './theme';
+export { SRTE_DEFAULT_CSS, ensureStyleSheet } from './theme';

package/dist/index.js

@@ -1 +1,2 @@
 export { ClassicEditor } from './components/ClassicEditor';
+export { SRTE_DEFAULT_CSS, ensureStyleSheet } from './theme';

package/dist/standalone/classic-editor-embed.js

@@ -37,7 +37,7 @@ function ClassicEditorHost(props, ref) {
                     }
                 }
                 catch { }
-            }, placeholder: props.placeholder, minHeight: props.minHeight, maxHeight: props.maxHeight, readOnly: props.readOnly, table: props.table, media: props.media, formula: props.formula, mediaManager: props.mediaManager }) }));
+            }, placeholder: props.placeholder, minHeight: props.minHeight, maxHeight: props.maxHeight, readOnly: props.readOnly, table: props.table, media: props.media, formula: props.formula, mediaManager: props.mediaManager, theme: props.theme, className: props.className }) }));
 }
 const ClassicEditorHostWithRef = React.forwardRef(ClassicEditorHost);
 function initClassicEditor(opts) {

package/dist/theme.d.ts

@@ -0,0 +1,3 @@
+export type SrteTheme = 'light' | 'dark';
+export declare const SRTE_DEFAULT_CSS = "\n.srte-editor {\n  --srte-bg: #ffffff;\n  --srte-text: #111111;\n  --srte-text-muted: #4b5563;\n  --srte-border: #dddddd;\n  --srte-border-light: #eeeeee;\n  --srte-toolbar-bg: #ffffff;\n  --srte-input-bg: #ffffff;\n  --srte-input-text: #111111;\n  --srte-input-border: #e5e7eb;\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.35);\n  --srte-modal-bg: #ffffff;\n  --srte-modal-text: #000000;\n  --srte-menu-bg: #ffffff;\n  --srte-menu-text: #111111;\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n  --srte-accent: #1e90ff;\n  --srte-accent-bg: rgba(30, 144, 255, 0.15);\n  --srte-danger: #dc2626;\n  --srte-primary: #2563eb;\n  --srte-surface-subtle: #f3f4f6;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #f3f4f6;\n}\n.srte-editor.srte-dark {\n  --srte-bg: #1e1e1e;\n  --srte-text: #e0e0e0;\n  --srte-text-muted: #9ca3af;\n  --srte-border: #3a3a3a;\n  --srte-border-light: #2e2e2e;\n  --srte-toolbar-bg: #252525;\n  --srte-input-bg: #2a2a2a;\n  --srte-input-text: #e0e0e0;\n  --srte-input-border: #444444;\n  --srte-modal-backdrop: rgba(0, 0, 0, 0.6);\n  --srte-modal-bg: #252525;\n  --srte-modal-text: #e0e0e0;\n  --srte-menu-bg: #2a2a2a;\n  --srte-menu-text: #e0e0e0;\n  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n  --srte-accent: #3b9eff;\n  --srte-accent-bg: rgba(59, 158, 255, 0.2);\n  --srte-danger: #ef4444;\n  --srte-primary: #3b82f6;\n  --srte-surface-subtle: #333333;\n  --srte-on-primary: #ffffff;\n  --srte-cancel-bg: #333333;\n}\n.srte-editor [contenteditable] blockquote {\n  border-left: 4px solid var(--srte-accent);\n  margin: 0.75em 0;\n  padding: 0.5em 1em;\n  background: var(--srte-surface-subtle);\n  color: var(--srte-text);\n}\n.srte-editor.srte-dark [contenteditable] [style*=\"color\"]:not(.srte-preserve-colors):not(.srte-preserve-colors *),\n.srte-editor.srte-dark [contenteditable] [style*=\"background\"]:not(.srte-preserve-colors):not(.srte-preserve-colors *) {\n  color: var(--srte-text) !important;\n  background: transparent !important;\n  background-color: transparent !important;\n}\n.srte-editor [contenteditable] sub,\n.srte-editor [contenteditable] sup {\n  line-height: 0;\n}\n";
+export declare function ensureStyleSheet(): void;

package/dist/theme.js

@@ -0,0 +1,78 @@
+export const SRTE_DEFAULT_CSS = `
+.srte-editor {
+  --srte-bg: #ffffff;
+  --srte-text: #111111;
+  --srte-text-muted: #4b5563;
+  --srte-border: #dddddd;
+  --srte-border-light: #eeeeee;
+  --srte-toolbar-bg: #ffffff;
+  --srte-input-bg: #ffffff;
+  --srte-input-text: #111111;
+  --srte-input-border: #e5e7eb;
+  --srte-modal-backdrop: rgba(0, 0, 0, 0.35);
+  --srte-modal-bg: #ffffff;
+  --srte-modal-text: #000000;
+  --srte-menu-bg: #ffffff;
+  --srte-menu-text: #111111;
+  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
+  --srte-accent: #1e90ff;
+  --srte-accent-bg: rgba(30, 144, 255, 0.15);
+  --srte-danger: #dc2626;
+  --srte-primary: #2563eb;
+  --srte-surface-subtle: #f3f4f6;
+  --srte-on-primary: #ffffff;
+  --srte-cancel-bg: #f3f4f6;
+}
+.srte-editor.srte-dark {
+  --srte-bg: #1e1e1e;
+  --srte-text: #e0e0e0;
+  --srte-text-muted: #9ca3af;
+  --srte-border: #3a3a3a;
+  --srte-border-light: #2e2e2e;
+  --srte-toolbar-bg: #252525;
+  --srte-input-bg: #2a2a2a;
+  --srte-input-text: #e0e0e0;
+  --srte-input-border: #444444;
+  --srte-modal-backdrop: rgba(0, 0, 0, 0.6);
+  --srte-modal-bg: #252525;
+  --srte-modal-text: #e0e0e0;
+  --srte-menu-bg: #2a2a2a;
+  --srte-menu-text: #e0e0e0;
+  --srte-menu-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+  --srte-accent: #3b9eff;
+  --srte-accent-bg: rgba(59, 158, 255, 0.2);
+  --srte-danger: #ef4444;
+  --srte-primary: #3b82f6;
+  --srte-surface-subtle: #333333;
+  --srte-on-primary: #ffffff;
+  --srte-cancel-bg: #333333;
+}
+.srte-editor [contenteditable] blockquote {
+  border-left: 4px solid var(--srte-accent);
+  margin: 0.75em 0;
+  padding: 0.5em 1em;
+  background: var(--srte-surface-subtle);
+  color: var(--srte-text);
+}
+.srte-editor.srte-dark [contenteditable] [style*="color"]:not(.srte-preserve-colors):not(.srte-preserve-colors *),
+.srte-editor.srte-dark [contenteditable] [style*="background"]:not(.srte-preserve-colors):not(.srte-preserve-colors *) {
+  color: var(--srte-text) !important;
+  background: transparent !important;
+  background-color: transparent !important;
+}
+.srte-editor [contenteditable] sub,
+.srte-editor [contenteditable] sup {
+  line-height: 0;
+}
+`;
+const SRTE_STYLE_ID = 'srte-theme-defaults';
+export function ensureStyleSheet() {
+    if (typeof document === 'undefined')
+        return;
+    if (document.getElementById(SRTE_STYLE_ID))
+        return;
+    const style = document.createElement('style');
+    style.id = SRTE_STYLE_ID;
+    style.textContent = SRTE_DEFAULT_CSS;
+    document.head.appendChild(style);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smartrte-react",
-  "version": "0.1.18",
+  "version": "0.2.2",
   "description": "A powerful, feature-rich Rich Text Editor for React with support for tables, mathematical formulas (LaTeX/KaTeX), and media management",
   "type": "module",
   "main": "dist/index.js",
@@ -38,7 +38,16 @@
   },
   "author": "Smart RTE Contributors",
   "license": "MIT",
-  "runkitExampleFilename": "runkit-example.js",
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepublishOnly": "pnpm run build",
+    "dev": "pnpm build",
+    "lint": "eslint . || true",
+    "test": "vitest run || true",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "e2e": "playwright test || true"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -63,16 +72,8 @@
     "vitest": "^2.1.4"
   },
   "dependencies": {
+    "jszip": "^3.10.1",
     "mammoth": "^1.11.0",
     "pdfjs-dist": "^5.4.530"
-  },
-  "scripts": {
-    "build": "tsc -p tsconfig.json",
-    "dev": "pnpm build",
-    "lint": "eslint . || true",
-    "test": "vitest run || true",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "e2e": "playwright test || true"
   }
-}
+}

package/dist/QuillEditor.d.ts

@@ -1,8 +0,0 @@
-import "quill/dist/quill.snow.css";
-import "./blots";
-type QuillEditorProps = {
-    value?: any;
-    onChange?: (delta: any) => void;
-};
-export declare function QuillEditor({ value, onChange }: QuillEditorProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/QuillEditor.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import Quill from "quill";
-import "quill/dist/quill.snow.css";
-import "./blots"; // registers custom blots
-export function QuillEditor({ value, onChange }) {
-    const ref = useRef(null);
-    const quillRef = useRef();
-    useEffect(() => {
-        if (!ref.current)
-            return;
-        if (quillRef.current)
-            return;
-        quillRef.current = new Quill(ref.current, {
-            theme: "snow",
-            modules: {
-                toolbar: [
-                    ["bold", "italic", "underline"],
-                    [{ header: [1, 2, 3, false] }],
-                    ["formula", "image"],
-                    ["clean"],
-                ],
-            },
-        });
-        quillRef.current.on("text-change", () => {
-            const delta = quillRef.current?.getContents();
-            onChange?.(delta);
-        });
-        if (value) {
-            quillRef.current.setContents(value);
-        }
-    }, [value, onChange]);
-    return _jsx("div", { ref: ref, style: { minHeight: 300 } });
-}

package/dist/app.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export default function App(): React.DetailedReactHTMLElement<{
-    style: {
-        padding: number;
-    };
-}, HTMLElement>;

package/dist/app.js

@@ -1,6 +0,0 @@
-import React, { useState } from "react";
-import { QuillEditor } from "./QuillEditor";
-export default function App() {
-    const [delta, setDelta] = useState(null);
-    return React.createElement("div", { style: { padding: 20 } }, React.createElement("h1", null, "Smart RTE – Quill Demo"), React.createElement(QuillEditor, { value: delta, onChange: setDelta }), React.createElement("pre", null, JSON.stringify(delta, null, 2)));
-}

package/dist/blots/CommentBlot.d.ts

@@ -1,8 +0,0 @@
-declare const Inline: any;
-export declare class CommentBlot extends Inline {
-    static blotName: string;
-    static tagName: string;
-    static create(value: any): HTMLElement;
-    static value(domNode: HTMLElement): string;
-}
-export {};

package/dist/blots/CommentBlot.js

@@ -1,17 +0,0 @@
-import Quill from "quill";
-const Inline = Quill.import("blots/inline");
-export class CommentBlot extends Inline {
-    static create(value) {
-        const node = super.create();
-        node.setAttribute("data-comment", value);
-        node.classList.add("comment-anchor");
-        node.style.background = "rgba(255, 229, 100, 0.6)";
-        node.innerText = "💬"; // you can replace with thread number or icon
-        return node;
-    }
-    static value(domNode) {
-        return domNode.getAttribute("data-comment") || "";
-    }
-}
-CommentBlot.blotName = "comment";
-CommentBlot.tagName = "sup";

package/dist/blots/FormulaBlot.d.ts

@@ -1,12 +0,0 @@
-declare const Embed: any;
-export declare class FormulaBlot extends Embed {
-    static blotName: string;
-    static tagName: string;
-    static className: string;
-    static create(value: any): any;
-    static value(node: HTMLElement): {
-        tex: string;
-        displayMode: boolean;
-    };
-}
-export {};

package/dist/blots/FormulaBlot.js

@@ -1,36 +0,0 @@
-import Quill from "quill";
-const Embed = Quill.import("blots/embed");
-export class FormulaBlot extends Embed {
-    static create(value) {
-        const node = super.create();
-        node.setAttribute("data-formula", value.tex);
-        try {
-            // @ts-ignore
-            const katex = window.katex;
-            if (katex) {
-                node.innerHTML = "";
-                katex.render(value.tex, node, {
-                    displayMode: !!value.displayMode,
-                    throwOnError: false,
-                    strict: "ignore",
-                });
-            }
-            else {
-                node.textContent = value.tex;
-            }
-        }
-        catch {
-            node.textContent = value.tex;
-        }
-        return node;
-    }
-    static value(node) {
-        return {
-            tex: node.getAttribute("data-formula") || "",
-            displayMode: node.classList.contains("formula-block"),
-        };
-    }
-}
-FormulaBlot.blotName = "formula";
-FormulaBlot.tagName = "span";
-FormulaBlot.className = "formula-inline";

package/dist/blots/MediaBlot.d.ts

@@ -1,11 +0,0 @@
-declare const BlockEmbed: any;
-export declare class MediaBlot extends BlockEmbed {
-    static blotName: string;
-    static tagName: string;
-    static create(value: any): HTMLElement;
-    static value(domNode: HTMLElement): {
-        key: string;
-        content_type: string;
-    };
-}
-export {};

package/dist/blots/MediaBlot.js

@@ -1,37 +0,0 @@
-import Quill from "quill";
-const BlockEmbed = Quill.import("blots/block/embed");
-export class MediaBlot extends BlockEmbed {
-    static create(value) {
-        const node = super.create();
-        node.setAttribute("data-media-key", value.key);
-        node.setAttribute("data-type", value.content_type);
-        node.classList.add("smart-media");
-        node.innerHTML = `<div style="border:1px dashed #aaa;padding:4px;">Media: ${value.key}</div>`;
-        if (value.content_type.startsWith("image/")) {
-            const img = document.createElement("img");
-            img.src = value.url || `/media/${value.key}`;
-            node.appendChild(img);
-        }
-        else if (value.content_type.startsWith("video/")) {
-            const video = document.createElement("video");
-            video.controls = true;
-            video.src = value.url || `/media/${value.key}`;
-            node.appendChild(video);
-        }
-        else {
-            const link = document.createElement("a");
-            link.href = value.url || `/media/${value.key}`;
-            link.innerText = `Download ${value.key}`;
-            node.appendChild(link);
-        }
-        return node;
-    }
-    static value(domNode) {
-        return {
-            key: domNode.getAttribute("data-media-key"),
-            content_type: domNode.getAttribute("data-type") || "application/octet-stream",
-        };
-    }
-}
-MediaBlot.blotName = "media";
-MediaBlot.tagName = "div";

package/dist/blots/TableBlot.d.ts

@@ -1,10 +0,0 @@
-declare const BlockEmbed: any;
-export declare class TableBlot extends BlockEmbed {
-    static blotName: string;
-    static tagName: string;
-    static create(value: any): HTMLElement;
-    static value(domNode: HTMLElement): {
-        rows: any[];
-    };
-}
-export {};

package/dist/blots/TableBlot.js

@@ -1,54 +0,0 @@
-import Quill from "quill";
-const BlockEmbed = Quill.import("blots/block/embed");
-export class TableBlot extends BlockEmbed {
-    static create(value) {
-        const node = super.create();
-        node.setAttribute("contenteditable", "false");
-        node.classList.add("smart-table");
-        // Render rows & cells
-        if (value && value.rows) {
-            value.rows.forEach((row) => {
-                const tr = document.createElement("tr");
-                row.cells.forEach((cell) => {
-                    if (cell.placeholder)
-                        return;
-                    const td = document.createElement("td");
-                    if (cell.colspan && cell.colspan > 1)
-                        td.colSpan = cell.colspan;
-                    if (cell.rowspan && cell.rowspan > 1)
-                        td.rowSpan = cell.rowspan;
-                    if (cell.style?.background)
-                        td.style.background = cell.style.background;
-                    if (cell.style?.border)
-                        td.style.border = `${cell.style.border.width_px}px solid ${cell.style.border.color}`;
-                    td.innerText = cell.text;
-                    tr.appendChild(td);
-                });
-                node.appendChild(tr);
-            });
-        }
-        return node;
-    }
-    static value(domNode) {
-        // Store the JSON representation in Delta
-        const rows = [];
-        domNode.querySelectorAll("tr").forEach((tr) => {
-            const cells = [];
-            tr.querySelectorAll("td").forEach((td) => {
-                cells.push({
-                    text: td.innerText,
-                    colspan: td.colSpan || 1,
-                    rowspan: td.rowSpan || 1,
-                    style: td.style.background
-                        ? { background: td.style.background }
-                        : {},
-                    placeholder: false,
-                });
-            });
-            rows.push({ cells });
-        });
-        return { rows };
-    }
-}
-TableBlot.blotName = "table";
-TableBlot.tagName = "TABLE";

package/dist/blots/index.d.ts

@@ -1,5 +0,0 @@
-import { TableBlot } from "./TableBlot";
-import { FormulaBlot } from "./FormulaBlot";
-import { MediaBlot } from "./MediaBlot";
-import { CommentBlot } from "./CommentBlot";
-export { TableBlot, FormulaBlot, MediaBlot, CommentBlot };

package/dist/blots/index.js

@@ -1,12 +0,0 @@
-import Quill from "quill";
-import { TableBlot } from "./TableBlot";
-import { FormulaBlot } from "./FormulaBlot";
-import { MediaBlot } from "./MediaBlot";
-import { CommentBlot } from "./CommentBlot";
-Quill.register({
-    "formats/table": TableBlot,
-    "formats/formula": FormulaBlot,
-    "formats/media": MediaBlot,
-    "formats/comment": CommentBlot,
-});
-export { TableBlot, FormulaBlot, MediaBlot, CommentBlot };

package/dist/components/DiagramEditor.d.ts

@@ -1,5 +0,0 @@
-export declare function DiagramEditor({ open, onClose, onInsert, }: {
-    open: boolean;
-    onClose: () => void;
-    onInsert: (dataUrl: string) => void;
-}): import("react/jsx-runtime").JSX.Element;