autumnnote-react 1.14.0 → 1.16.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),e=require("react"),d=require("autumnnote"),n=e.forwardRef(function({options:o={},className:c,style:s},i){const r=e.useRef(null),t=e.useRef(null);return e.useEffect(()=>(t.current=d.create(r.current,o),()=>{var u;(u=t.current)==null||u.destroy(),t.current=null}),[]),e.useImperativeHandle(i,()=>t.current,[]),l.jsx("div",{ref:r,className:c,style:s})});exports.AutumnNoteEditor=n;exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react"),l=require("autumnnote");l=s(l,1);let u=require("react/jsx-runtime");var d=typeof window>`u`?c.useEffect:c.useLayoutEffect,f=(0,c.forwardRef)(function({options:e={},value:t,defaultValue:n,onChange:r,className:i,style:a},o){let s=(0,c.useRef)(null),f=(0,c.useRef)(null),p=(0,c.useRef)({onChange:r,optionOnChange:e.onChange}),m=(0,c.useRef)(null),h=(0,c.useRef)(null);return p.current={onChange:r,optionOnChange:e.onChange},h.current||=e=>{if(p.current.optionOnChange?.(e),e===m.current){m.current=null;return}p.current.onChange?.(e)},d(()=>{f.current=l.default.create(s.current,{...e,onChange:h.current});let r=t??n;return r!=null&&(t!=null&&(m.current=t),f.current.setHTML(r),f.current.clearHistory()),()=>{f.current?.destroy(),f.current=null}},[]),(0,c.useEffect)(()=>{f.current?.updateOptions({...e,onChange:h.current})},[e]),(0,c.useEffect)(()=>{let e=f.current;t==null||!e||e.getHTML()===t||(m.current=t,e.setHTML(t),e.clearHistory())},[t]),(0,c.useImperativeHandle)(o,()=>f.current,[]),(0,u.jsx)(`div`,{ref:s,className:i,style:a})});exports.AutumnNoteEditor=f,exports.default=f;

package/dist/index.js

@@ -1,14 +1,43 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as m, useRef as n, useEffect as s, useImperativeHandle as d } from "react";
-import l from "autumnnote";
-const E = m(function({ options: u = {}, className: o, style: f }, c) {
-  const t = n(null), r = n(null);
-  return s(() => (r.current = l.create(t.current, u), () => {
-    var e;
-    (e = r.current) == null || e.destroy(), r.current = null;
-  }), []), d(c, () => r.current, []), /* @__PURE__ */ i("div", { ref: t, className: o, style: f });
+import { forwardRef as e, useEffect as t, useImperativeHandle as n, useLayoutEffect as r, useRef as i } from "react";
+import a from "autumnnote";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/index.jsx
+var s = typeof window > "u" ? t : r, c = e(function({ options: e = {}, value: r, defaultValue: c, onChange: l, className: u, style: d }, f) {
+	let p = i(null), m = i(null), h = i({
+		onChange: l,
+		optionOnChange: e.onChange
+	}), g = i(null), _ = i(null);
+	return h.current = {
+		onChange: l,
+		optionOnChange: e.onChange
+	}, _.current ||= (e) => {
+		if (h.current.optionOnChange?.(e), e === g.current) {
+			g.current = null;
+			return;
+		}
+		h.current.onChange?.(e);
+	}, s(() => {
+		m.current = a.create(p.current, {
+			...e,
+			onChange: _.current
+		});
+		let t = r ?? c;
+		return t != null && (r != null && (g.current = r), m.current.setHTML(t), m.current.clearHistory()), () => {
+			m.current?.destroy(), m.current = null;
+		};
+	}, []), t(() => {
+		m.current?.updateOptions({
+			...e,
+			onChange: _.current
+		});
+	}, [e]), t(() => {
+		let e = m.current;
+		r == null || !e || e.getHTML() === r || (g.current = r, e.setHTML(r), e.clearHistory());
+	}, [r]), n(f, () => m.current, []), /* @__PURE__ */ o("div", {
+		ref: p,
+		className: u,
+		style: d
+	});
 });
-export {
-  E as AutumnNoteEditor,
-  E as default
-};
+//#endregion
+export { c as AutumnNoteEditor, c as default };

package/index.d.ts

@@ -4,6 +4,12 @@ import type { CSSProperties, ForwardRefExoticComponent, RefAttributes } from 're
 export interface AutumnNoteEditorProps {
   /** Editor configuration object. All AsnOptions fields are accepted. */
   options?: AsnOptions;
+  /** Controlled HTML value. */
+  value?: string;
+  /** Initial HTML value for uncontrolled usage. */
+  defaultValue?: string;
+  /** Called when editor HTML changes. */
+  onChange?: (html: string) => void;
   /** CSS class applied to the container <div>. */
   className?: string;
   /** Inline styles applied to the container <div>. */
@@ -19,7 +25,7 @@ export interface AutumnNoteEditorProps {
  * <AutumnNoteEditor ref={editorRef} options={{ height: 300 }} />
  * editorRef.current?.getHTML();
  * ```
- * To reinitialise with new options, change the `key` prop.
+ * Runtime-safe option changes are applied without remounting.
  */
 declare const AutumnNoteEditor: ForwardRefExoticComponent<
   AutumnNoteEditorProps & RefAttributes<Context>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autumnnote-react",
-  "version": "1.14.0",
+  "version": "1.16.0",
   "description": "Official React wrapper for Autumn Note — zero-dependency WYSIWYG editor. Mount the editor with a single component and access the full Context API via ref.",
   "type": "module",
   "main": "dist/index.cjs",
@@ -8,9 +8,9 @@
   "types": "index.d.ts",
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./index.d.ts"
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -53,17 +53,20 @@
   "license": "MIT",
   "peerDependencies": {
     "autumnnote": ">=1.4.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "^4.3.0",
+    "@types/react": "^18.3.0",
+    "@vitejs/plugin-react": "^6.0.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "vite": "^6.0.0",
-    "autumnnote": "1.14.0"
+    "vite": "^8.1.5",
+    "autumnnote": "1.16.0"
   },
   "scripts": {
-    "build": "vite build"
+    "build": "vite build",
+    "test": "vitest run",
+    "typecheck": "tsc --project tsconfig.test.json"
   }
 }