feat: onHTMLLoaded prop

meliorence · Jun 4, 2021 · 981b49b · 981b49b
1 parent 6c07b8d
commit 981b49b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/render-html/src/LoadHTML.tsx b/packages/render-html/src/LoadHTML.tsx
@@ -32,7 +32,7 @@ async function loadHTMLResource(uri: string): Promise<LoaderInternalState> {
 }
 
 function useLoader(props: HTMLLoaderProps) {
-  const { uri, html } = props;
+  const { uri, html, onHTMLLoaded } = props;
   const [loadState, setState] = useState<LoaderInternalState>({
     error: false,
     loading: false,
@@ -55,6 +55,9 @@ function useLoader(props: HTMLLoaderProps) {
       cancelled = true;
     };
   }, [error, uri]);
+  useEffect(() => {
+    loadState.resolvedHTML && onHTMLLoaded?.call(null, loadState.resolvedHTML);
+  }, [loadState.resolvedHTML, onHTMLLoaded]);
   return loadState;
 }
 

diff --git a/packages/render-html/src/shared-types.ts b/packages/render-html/src/shared-types.ts
@@ -225,6 +225,10 @@ export interface RenderHTMLProps<P = any>
    * Triggered when the transient render tree changes. Useful for debugging.
    */
   onTTreeChange?: (ttree: TNode) => void;
+  /**
+   * Triggered when HTML is available to the RenderHTML component.
+   */
+  onHTMLLoaded?: (html: string) => void;
   /**
    * A list of fonts available in the current platform. These fonts will used
    * to select the first match in CSS `fontFamily` property, which supports a