@particle-academy/react-fancy 1.7.2 → 1.7.3

package/dist/index.cjs

@@ -8630,7 +8630,15 @@ function extensionEditorClasses(extensions) {
   }).join(" ");
 }
 function EditorContent({ className }) {
-  const { contentRef, lineSpacing, placeholder, extensions, _onInput } = useEditor();
+  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]
@@ -8736,6 +8744,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 +8765,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 +8829,7 @@ function EditorRoot({
     lineSpacing,
     placeholder,
     extensions,
+    _initialHtml: initialHtml,
     _onInput: handleInput
   };
   return /* @__PURE__ */ jsxRuntime.jsx(EditorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(