@particle-academy/react-fancy 1.7.1 → 1.7.3

package/dist/index.d.cts

@@ -1554,6 +1554,8 @@ interface EditorContextValue {
     placeholder?: string;
     /** Merged render extensions (global + instance). */
     extensions: RenderExtension[];
+    /** Initial HTML content to load into the editor on mount */
+    _initialHtml: string;
     /** @internal Called by EditorContent on input events */
     _onInput: () => void;
 }

package/dist/index.d.ts

@@ -1554,6 +1554,8 @@ interface EditorContextValue {
     placeholder?: string;
     /** Merged render extensions (global + instance). */
     extensions: RenderExtension[];
+    /** Initial HTML content to load into the editor on mount */
+    _initialHtml: string;
     /** @internal Called by EditorContent on input events */
     _onInput: () => void;
 }

package/dist/index.js

@@ -8320,7 +8320,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 = useRef(false);
+  useEffect(() => {
+    const el = contentRef.current;
+    if (el && _initialHtml && !initialized.current) {
+      el.innerHTML = _initialHtml;
+      initialized.current = true;
+    }
+  }, [contentRef, _initialHtml]);
   const extClasses = useMemo(
     () => extensionEditorClasses(extensions),
     [extensions]
@@ -8426,6 +8434,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.parse(value, { async: false });
+  return result.trim();
+}
 function EditorRoot({
   children,
   className,
@@ -8439,6 +8455,12 @@ function EditorRoot({
 }) {
   const contentRef = useRef(null);
   const [, setValue] = useControllableState(controlledValue, defaultValue, onChange);
+  const initialHtml = 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 = useMemo(
     () => mergeExtensions(instanceExtensions),
     [instanceExtensions]
@@ -8497,6 +8519,7 @@ function EditorRoot({
     lineSpacing,
     placeholder,
     extensions,
+    _initialHtml: initialHtml,
     _onInput: handleInput
   };
   return /* @__PURE__ */ jsx(EditorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(