import date from "lume/plugins/date.ts";
import { env } from "lume/core/utils/env.ts";
import lightningcss from "lume/plugins/lightningcss.ts";
import basePath from "lume/plugins/base_path.ts";
import icons from "https://deno.land/x/lume_icon_plugins@v0.2.1/phosphor.ts";
import { alert } from "npm:@mdit/plugin-alert@0.12.0";
import favicon from "lume/plugins/favicon.ts";
import metas from "lume/plugins/metas.ts";
import filterPages from "lume/plugins/filter_pages.ts";

import "lume/types.ts";

let id = 0;

export default function () {
  return (site: Lume.Site) => {
    site.use(date())
      .add("files")
      .add("scripts")
      .add([".css"])
      .add(
        "npm:@vimeo/player@2.20.1/dist/player.es.js",
        "scripts/deps/vimeo-player.js",
      )
      .use(lightningcss())
      .use(basePath())
      .use(metas())
      .data("counter", () => id++)
      .use(icons({
        name: "icon",
        defaultType: "duotone",
      }))
      .use(favicon({
        input: "files/favicon.svg",
      }))
      .remoteFile(
        "_includes/styles/reset.css",
        "https://cdn.jsdelivr.net/npm/modern-normalize@2.0.0/modern-normalize.css",
      );

    // In CMS mode, show all pages, but ensure the URL is prefixed with the state
    if (env("LUME_CMS") === true) {
      site.process([".html"], (pages) => {
        for (const page of pages) {
          if (
            page.data.only_state && (page.data.only_state !== page.data.state)
          ) {
            const prefix = page.src.path.replaceAll("/", "-");
            page.data.url = page.outputPath.replace(
              "index.html",
              prefix + ".html",
            );
          }
        }
      });
    } else {
      // In production mode, show only pages that match the current state
      site.use(filterPages({
        fn: (page) =>
          !page.data.only_state || (page.data.only_state === page.data.state),
      }));
    }

    // Alert plugin
    site.hooks.addMarkdownItPlugin(alert);
  };
}