_config.ts

import lume from "lume/mod.ts";
import tailwindcss from "lume/plugins/tailwindcss.ts";
import jsx from "lume/plugins/jsx.ts";
import esbuild from "lume/plugins/esbuild.ts";
import inline from "lume/plugins/inline.ts";
import nav from "lume/plugins/nav.ts";
import sitemap from "lume/plugins/sitemap.ts";
import toc from "https://deno.land/x/lume_markdown_plugins@v0.7.0/toc.ts";
import anchor from "npm:markdown-it-anchor@9";

import AUTOLINK_REFERENCES from "./references.json" with { type: "json" };

import autolink from "./_plugins/autolink.ts";
import tableWrap from "./_plugins/table-wrap.ts";

const site = lume({ location: new URL("https://messageformat.dev") }, {
  markdown: {
    options: {
      linkify: true,
    },
    plugins: [
      [anchor, {
        permalink: anchor.permalink.linkInsideHeader({
          symbol:
            `<span class="sr-only">Jump to heading</span><span aria-hidden="true" class="anchor">#</span>`,
          placement: "after",
        }),
      }],
      [autolink, {
        references: AUTOLINK_REFERENCES,
      }],
      [tableWrap],
    ],
  },
});

site.use(
  esbuild({
    options: { minify: false, keepNames: false },
  }),
);
site.add("static");
site.add("src/interactive.ts");
site.add("src/utils.ts");
site.add("src/playground.ts");

site.use(tailwindcss());
site.use(jsx({}));
site.use(inline());
site.use(nav({}));
site.use(toc({ anchor: false }));
site.use(sitemap({}));

export default site;