---
import type { JamCommentsProps } from "..";
import { fetchCommentData, getCurrentPath } from "./utils";
import { Store } from "@jam-comments/server-utilities";

type Props = JamCommentsProps;

const {
  tz,
  path,
  schema,
  domain,
  baseUrl,
  dateFormat,
  environment,
  copy = {},
} = Astro.props as Props;

const store = new Store();
const pagePath = path || getCurrentPath(Astro);
const cachedMarkup = store.get(pagePath) || store.emptyMarkup;

const markup =
  cachedMarkup ||
  (await fetchCommentData({
    tz,
    copy,
    path: pagePath,
    schema,
    domain,
    baseUrl,
    environment,
    dateFormat,
  }));
---

<div set:html={markup} />

<script is:inline>
  if (window.jcAlpine) {
    window.jcAlpine.start();
  }
</script>