create-hydro-app/hydro-starter/src/@shared/fetchHTML.ts

Create hydro apps with no build configuration.

import { render, html, setShouldSetReactivity } from "hydro-js";

export type fetchHTMLParams = {
  url: string;
  shouldRender?: boolean;
  locator?: Element | string;
  errorHandler?: (e: Error) => void;
};

export default function fetchHTML({
  url,
  shouldRender,
  locator,
  errorHandler,
}: fetchHTMLParams) {
  if (shouldRender) {
    setShouldSetReactivity(false);
  }
  return fetch(url)
    .then((res) => res.text())
    .then((t) => (shouldRender ? render(html`${t}`, locator) : t))
    .catch((e) => errorHandler?.(e) || console.error(e))
    .finally(() => setShouldSetReactivity(true));
}