autumnnote-react 1.15.0 → 1.16.0

package/dist/index.cjs

@@ -1 +1 @@
-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={},className:t,style:n},r){let i=(0,c.useRef)(null),a=(0,c.useRef)(null);return d(()=>(a.current=l.default.create(i.current,e),()=>{a.current?.destroy(),a.current=null}),[]),(0,c.useImperativeHandle)(r,()=>a.current,[]),(0,u.jsx)(`div`,{ref:i,className:t,style:n})});exports.AutumnNoteEditor=f,exports.default=f;
+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

@@ -2,14 +2,41 @@ import { forwardRef as e, useEffect as t, useImperativeHandle as n, useLayoutEff
 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 = {}, className: t, style: r }, c) {
-	let l = i(null), u = i(null);
-	return s(() => (u.current = a.create(l.current, e), () => {
-		u.current?.destroy(), u.current = null;
-	}), []), n(c, () => u.current, []), /* @__PURE__ */ o("div", {
-		ref: l,
-		className: t,
-		style: r
+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
 	});
 });
 //#endregion

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.15.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",
@@ -53,16 +53,16 @@
   "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": "^6.0.3",
     "@types/react": "^18.3.0",
+    "@vitejs/plugin-react": "^6.0.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "vite": "^8.1.4",
-    "autumnnote": "1.15.0"
+    "vite": "^8.1.5",
+    "autumnnote": "1.16.0"
   },
   "scripts": {
     "build": "vite build",