_config.ts

import lume from "lume/mod.ts";
import postcss from "lume/plugins/postcss.ts";
import codeHighlight from "lume/plugins/code_highlight.ts";
import inline from "lume/plugins/inline.ts";
import resolveUrls from "lume/plugins/resolve_urls.ts";
import esbuild from "lume/plugins/esbuild.ts";
import transformImages from "lume/plugins/transform_images.ts";
import minifyHTML from "lume/plugins/minify_html.ts";
import lightningCss from "lume/plugins/lightningcss.ts";
import sitemap from "lume/plugins/sitemap.ts";
// import decapCMS from "lume/plugins/decap_cms.ts";
import metas from "lume/plugins/metas.ts";
import mdToc from "https://deno.land/x/lume_markdown_plugins@v0.1.0/toc/mod.ts";
import mdFootnote from "https://jspm.dev/markdown-it-footnote";
import ndIframe from "https://jspm.dev/markdown-it-iframe";
import mdVideo from "https://jspm.dev/markdown-it-video";
import checkActivity from "./checkActivity.ts";
import readInfo from "lume/plugins/reading_info.ts";
import date from "lume/plugins/date.ts";
import { gl } from "npm:date-fns/locale/gl";
import { es } from "npm:date-fns/locale/es";
import feed from "lume/plugins/feed.ts";
import nunjucks from "lume/plugins/nunjucks.ts";


import pagefind from "lume/plugins/pagefind.ts";
/* import pagefind from "../lume/plugins/pagefind.ts"; */

const markdown = {
   plugins: [mdToc, mdFootnote, [ndIframe, {
      width: 800,
      height: 600,
   }], [mdVideo, {
      youtube: { width: 800, height: 600 },
   }]],
   keepDefaultPlugins: true,
};

const site = lume({
   src: "./src",
   dest: "./_site",
   emptyDest: true,
   location: new URL("https://obradoirodixitalgalego.gal/"),
   prettyUrls: true, // Disable pretty urls
   server: {
      port: 443,
      page404: "/404/",
      open: true,
   },
}, { markdown });


site
   .use(checkActivity())
   .use(nunjucks(/* Options */))
   .ignore("CONTRIBUTING.md")
   .ignore("README.md")
   .ignore("velociraptor.json")
   .ignore("scripts")
   .copy("static", ".")
   .copy("_redirects")
   .use(readInfo())
   .use(pagefind({
      ui: {
         containerId: "search",
         showImages: true,
         showEmptyFilters: false,
         resetStyles: false,
         translations: {
            placeholder: "Buscar",
            clear_search: "Limpar",
            load_more: "Ver máis resultados",
            search_label: "Buscar neste sitio",
            filters_label: "Filtros",
            zero_results: "Non se atoparon resultados para [SEARCH_TERM]",
            many_results: "[COUNT] resultados atopados para [SEARCH_TERM]",
            one_result: "[COUNT] resultado atopado para [SEARCH_TERM]",
            alt_search: "Non se atoparon resultados para [SEARCH_TERM]. Amosando no seu lugar resultados para [DIFFERENT_TERM]",
            search_suggestion: "Non se atoparon resultados para [SEARCH_TERM]. Probe unha das seguintes pesquisas:",
            searching: "Buscando [SEARCH_TERM]..."
         }
      },
   }))
   // .use(decapCMS({
   //    identity: "netlify",
   // }))
   .use(codeHighlight())
   .use(postcss())
   .use(lightningCss())
   .use(metas())
   .use(inline())
   .use(esbuild({
      extensions: [".js"],
   }))
   .use(date({
      locales: { gl, es },
   }))
   .use(resolveUrls())
   .use(transformImages())
   .use(sitemap())
   .scopedUpdates(
      (path) => path.endsWith(".png") || path.endsWith(".jpg"),
   )
   .filter("slice", (arr, length) => arr.slice(0, length))
   .filter("channelTags", (allTags, channelTags) => allTags.filter((t: { id: string; }) => channelTags ? channelTags.some((ct: string) => ct == t.id) : false))
   // Os Remote filees é para importar arquivos remotos coma se fosen locais. https://lume.land/docs/core/remote-files/#override-remote-files
   /* .remoteFile("api/canles.tmpl.js", import.meta.resolve(`./src/api/canles.tmpl.js`))
   .remoteFile("api/canles.tmpl.js", import.meta.resolve(`./src/api/canles.tmpl.js`))
   .remoteFile("api/canles.tmpl.js", import.meta.resolve(`./src/api/canles.tmpl.js`)) */

   .preprocess([".md"], (pages) => {
      for (const page of pages) {
         page.data.excerpt ??= (page.data.content as string).split(
            /<!--\s*more\s*-->/i,
         )[0];
         if (page.type == 'post' && page.metas) {
            page.metas.title = page.title as string;
            page.metas.description = page.excerpt as string;
            page.metas.image = page.img?.replace(/\.(.*)$/, '.webp') as string;
            page.metas.keywords = page.metas.keywords.concat(page.tags as string[]);
         }
      }
   })
   .use(feed({
      output: ["/blog/feed.rss", "/blog/feed.json"],
      query: "type=post",
      info: {
         title: "=site.title",
         description: "=site.description",
         updated: "=date",
      },
      items: {
         title: "=title",
         description: "=description",
         updated: "=date",
         published: "=date", // New option!
      },
   }))
   .process([".html"], (page) => {
      if (!page.document) return;
      const doc = page.document;
      const blocks = doc.querySelectorAll("lume-code");

      blocks.forEach((block, i) => {
         const pres = (block as unknown as HTMLElement).querySelectorAll(
            ":scope > pre",
         );

         const menu = doc.createElement("ul");
         menu.setAttribute("role", "tablist");
         menu.setAttribute("aria-label", "Code Tabs");
         menu.classList.add("lume-code-menu");

         pres.forEach((pre, j) => {
            const title = pre.querySelector("code")!.getAttribute("title")!;

            const li = doc.createElement("li");
            li.setAttribute("role", "presentation");

            const button = doc.createElement("button");
            button.setAttribute("role", "tab");
            button.setAttribute("aria-selected", j === 0 ? true : false);
            button.setAttribute("aria-controls", `panel-${i + 1}-${j + 1}`);
            button.setAttribute("id", `tab-${i + 1}-${j + 1}`);
            button.setAttribute("tabindex", j === 0 ? 0 : -1);
            button.innerText = title;
            button.classList.add("lume-code-tab");

            if (j > 0) {
               pre.setAttribute("hidden", "true");
            } else {
               button.classList.add("is-active");
            }

            pre.setAttribute("role", "tabpanel");
            pre.setAttribute("aria-labelledby", `tab-${i + 1}-${j + 1}`);
            pre.setAttribute("id", `panel-${i + 1}-${j + 1}`);
            pre.setAttribute("tabindex", "0");

            li.append(button);
            menu.appendChild(li);
         });

         (block as unknown as HTMLElement).prepend(menu as unknown as Node);
      });
   })
   /* .use(minifyHTML()) */;

export default site;