@richhtmleditor/react 1.1.2 → 1.2.0

package/README.md

@@ -2,13 +2,13 @@
 
 React component for Rich HTML Editor, built on [`@richhtmleditor/core`](https://www.npmjs.com/package/@richhtmleditor/core). Drop-in WYSIWYG with toolbar presets, dark mode, custom React toolbar tools, and enterprise plugin support.
 
-**Current release: 1.1.2** — Depends on `@richhtmleditor/core` **^1.1.2**.
+**Current release: 1.2.0** — Depends on `@richhtmleditor/core` **^1.2.0**.
 
 **Repository:** [github.com/rajkishorsahu89/richhtmleditor](https://github.com/rajkishorsahu89/richhtmleditor)
 
 **Demo:** [richhtmleditor.vercel.app](https://richhtmleditor.vercel.app/) — [demo](https://richhtmleditor.vercel.app/demo) · [guide](https://richhtmleditor.vercel.app/guide) · [API](https://richhtmleditor.vercel.app/api). Doc Preview joint demo: [doc-preview-app.vercel.app/demo/enterprise](https://doc-preview-app.vercel.app/demo/enterprise)
 
-### What's in 1.1.2
+### What's in 1.2.0
 
 - **`RichHtmlEditor`** — React wrapper around `createEditor` with lifecycle-safe mount/destroy
 - **Controlled content** — `content` prop syncs HTML into the editor instance
@@ -16,6 +16,29 @@ React component for Rich HTML Editor, built on [`@richhtmleditor/core`](https://
 - **Plugins** — pass `plugins` for AI, comments, workflows, and collab
 - Re-exports all public symbols from `@richhtmleditor/core`
 
+### New in 1.2.0
+
+| Feature | React usage |
+| --- | --- |
+| **Callout blocks** — info / warning / success / error styled blocks | `editorRef.current.commands.insertCallout("info")` or toolbar **Callout** dropdown |
+| **Embed blocks** — YouTube, Loom, Figma auto-embed | Paste URL to auto-embed; or `editorRef.current.commands.insertEmbed(url)` |
+| **Word goal + progress bar** | `editorRef.current.commands.setWordGoal(500)` — progress bar in status bar |
+| **Reading time** | Displayed automatically: status bar shows `~N min read` |
+| **Dark mode toggle** | `dark={true}` prop **or** toolbar `toggleDarkMode` button |
+| **Markdown shortcuts** | Always on — `## ` → H2, `**bold**`, `_italic_`, `` ` ``code`` ` `` |
+| **Markdown import** | `editorRef.current.commands.importMarkdown()` — opens `.md` file picker |
+| **Case change** | `editorRef.current.commands.caseChange("upper" \| "lower" \| "title" \| "sentence")` |
+| **Smart typography** | Auto-converts straight quotes, `--` → em dash, `...` → ellipsis |
+| **Autolink** | URLs auto-link on paste and after typing a space |
+| **Task lists** | `features={{ taskList: true }}` — checkbox bullet lists |
+| **XLSX / CSV paste** | Paste from Excel or Google Sheets → inserts a table |
+| **Table sort** | Click any `<th>` to sort column; click again to reverse |
+| **Undo history panel** | `editorRef.current.commands.undoHistoryPanel()` — sidebar with full undo stack |
+| **TOC navigation** | Click a TOC entry in the outline panel → scrolls to that heading |
+| **Preview modal** | `editorRef.current.commands.previewModal()` — read-only rendered preview overlay |
+| **Autoresize** | `features={{ autoresize: true }}` — editor grows with content |
+| **Mobile touch** | Touch-optimised toolbar; 40 px tap targets on `pointer: coarse` devices |
+
 > Ships as ESM with TypeScript declarations. Peer deps: `react` and `react-dom` ^18 \|\| ^19. Import [`@richhtmleditor/themes`](https://www.npmjs.com/package/@richhtmleditor/themes) CSS in your app entry.
 
 **Keywords:** `richhtmleditor` `react` `wysiwyg` `rich-text-editor` `component`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@richhtmleditor/react",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "React wrapper for Rich HTML Editor.",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,7 +21,7 @@
     "prepack": "node ../../scripts/assert-pack-ready.mjs"
   },
   "dependencies": {
-    "@richhtmleditor/core": "^1.1.1"
+    "@richhtmleditor/core": "^1.2.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",