@particle-academy/react-fancy 1.7.2 → 1.7.4

package/dist/index.cjs

@@ -8629,8 +8629,16 @@ function extensionEditorClasses(extensions) {
     ].join(" ");
   }).join(" ");
 }
-function EditorContent({ className }) {
-  const { contentRef, lineSpacing, placeholder, extensions, _onInput } = useEditor();
+function EditorContent({ className, maxHeight }) {
+  const { contentRef, lineSpacing, placeholder, extensions, _initialHtml, _onInput } = useEditor();
+  const initialized = react.useRef(false);
+  react.useEffect(() => {
+    const el = contentRef.current;
+    if (el && _initialHtml && !initialized.current) {
+      el.innerHTML = _initialHtml;
+      initialized.current = true;
+    }
+  }, [contentRef, _initialHtml]);
   const extClasses = react.useMemo(
     () => extensionEditorClasses(extensions),
     [extensions]
@@ -8644,10 +8652,14 @@ function EditorContent({ className }) {
       "data-react-fancy-editor-content": "",
       "data-placeholder": placeholder,
       onInput: _onInput,
-      style: { lineHeight: lineSpacing },
+      style: {
+        lineHeight: lineSpacing,
+        maxHeight: maxHeight ? `${maxHeight}px` : void 0
+      },
       className: cn(
         "min-h-[120px] px-4 py-3 text-sm outline-none",
         "focus:outline-none",
+        maxHeight && "overflow-y-auto",
         proseClasses,
         extClasses,
         "empty:before:content-[attr(data-placeholder)] empty:before:text-zinc-400 empty:before:pointer-events-none",
@@ -8736,6 +8748,14 @@ function mergeExtensions(instanceExtensions) {
   }
   return merged;
 }
+function toHtml(value, outputFormat) {
+  if (!value) return "";
+  if (outputFormat === "html") return value;
+  const format = detectFormat(value);
+  if (format === "html") return value;
+  const result = marked.marked.parse(value, { async: false });
+  return result.trim();
+}
 function EditorRoot({
   children,
   className,
@@ -8749,6 +8769,12 @@ function EditorRoot({
 }) {
   const contentRef = react.useRef(null);
   const [, setValue] = useControllableState(controlledValue, defaultValue, onChange);
+  const initialHtml = react.useMemo(
+    () => toHtml(controlledValue ?? defaultValue, outputFormat),
+    // Only compute once on mount — don't re-run when value changes from user input
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
   const extensions = react.useMemo(
     () => mergeExtensions(instanceExtensions),
     [instanceExtensions]
@@ -8807,6 +8833,7 @@ function EditorRoot({
     lineSpacing,
     placeholder,
     extensions,
+    _initialHtml: initialHtml,
     _onInput: handleInput
   };
   return /* @__PURE__ */ jsxRuntime.jsx(EditorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(