@ihsanabuhanifah/react-math-editor 1.0.1 → 1.1.0

package/README.md

@@ -13,14 +13,17 @@ Designed specifically for educational platforms, exam builders (CBT), question b
 
 ## ✨ Features
 
+- 🧠 **SmartContentEditor Included:** Advanced editor supporting resizable & alignable images (25%, 50%, 75%, 100%), document attachments, YouTube video embeds, and AI paste modal.
 - 📐 **Interactive LaTeX Math Formulas:** Popup dialog with live KaTeX preview. Click any formula chip inside the editor to edit it seamlessly.
 - 📘 **Built-in Formula Cheat Sheet:** Comprehensive LaTeX dictionary covering Algebra, Trigonometry, Calculus, Matrices, and Logic.
 - 📊 **Rich Table Support:** Insert tables (3x3), visually add/remove rows and columns, delete tables.
 - 📋 **Auto-convert Markdown Tables:** Copy-paste markdown tables from AI assistants (ChatGPT, Claude, DeepSeek) and they automatically convert into interactive HTML tables.
+- 🤖 **Smart AI Paste:** Dedicated modal & paste listener that formats markdown from AI into clean visual Tiptap nodes.
+- 🎥 **YouTube & Attachment Embeds:** Embed responsive 16:9 YouTube videos and downloadable document attachments.
 - 💻 **Syntax Highlighted Code Blocks:** Pre-configured code blocks with syntax highlighting using `highlight.js`.
-- 🖼️ **Vendor-Agnostic Image Upload:** Async callback prop (`onUploadImage`) easily connects to AWS S3, Cloudflare R2, Supabase, Firebase, or your custom REST API.
+- 🖼️ **Vendor-Agnostic Uploads:** Async callback props (`onUploadImage`, `onUploadFile`) connect to any storage backend.
 - 🎨 **Self-Contained Styling:** Bundled standalone CSS (`style.css`), no TailwindCSS setup required on the consumer application.
-- 👁️ **RenderMathHTML Viewer:** Companion lightweight component to safely render and display saved HTML content with full KaTeX formulas and responsive tables.
+- 👁️ **RenderMathHTML Viewer:** Companion lightweight component to safely render and display saved HTML content.
 
 ---
 

package/dist/components/SmartContentEditor.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+
+export declare let lastActiveSmartEditor: any;
+export declare function setLastActiveSmartEditor(ed: any): void;
+export declare function getLastActiveSmartEditor(): any;
+export declare function parseYouTubeEmbedUrl(url: string): string | null;
+export declare function convertAiMarkdownToTipTapHtml(markdown: string): string;
+export interface SmartContentEditorProps {
+    value: string;
+    handleChange?: (html: string) => void;
+    onChange?: (html: string) => void;
+    readOnly?: boolean;
+    minHeight?: number;
+    placeholder?: string;
+    onUploadImage?: (file: File) => Promise<string>;
+    onUploadFile?: (file: File) => Promise<{
+        url: string;
+        name: string;
+        size?: string | number;
+    }>;
+    showMathGraph?: boolean;
+    onPreview?: () => void;
+    error?: string;
+    className?: string;
+}
+export declare function SmartContentEditor({ value, handleChange, onChange, readOnly, minHeight, placeholder, onUploadImage, onUploadFile, showMathGraph, onPreview, error, className, }: SmartContentEditorProps): React.JSX.Element;
+export default SmartContentEditor;