import { apiInitializer } from "discourse/lib/api";
import HledgerDashboard from "../components/hledger-dashboard";

export default apiInitializer((api) => {
  api.decorateCookedElement(
    (element, helper) => {
      const node = element.querySelector(".hledger-dashboard");

      if (!node || !helper) {
        return;
      }

      const post = helper.getModel();

      if (!post || post.post_number !== 1) {
        return;
      }

      helper.renderGlimmer(node, HledgerDashboard, { post });
    },
    { onlyStream: true, id: "hledger" }
  );
});