Enhance in Next.js

next.config.mjs

import enhance from "@enhance/ssr";
import postProcess from "next/dist/server/post-process.js";
import MyButton from "./src/elements/my-button.mjs";
import MyIcon from "./src/elements/my-icon.mjs";
import styleTransform from "@enhance/enhance-style-transform";

const _postProcessHTML = postProcess.postProcessHTML;
postProcess.postProcessHTML = async function postProcessHTML(
  pathname,
  content,
  ...rest
) {
  const html = enhance({
    elements: {
      "my-button": MyButton,
      "my-icon": MyIcon,
    },
    styleTransforms: [styleTransform],
  });
  return _postProcessHTML(pathname, html`${content}`, ...rest);
};

export default {};