import { defineMDSveXConfig as defineConfig } from "mdsvex";
// import type { Plugin, Settings } from 'unified';

import remarkGfm from "remark-gfm";
import remarkFrontmatter from "remark-frontmatter";
import remarkMath from "remark-math";
import remarkWikiLink, { } from "remark-wiki-link";

import slug from 'rehype-slug';

import { parse, format } from "node:path";

import slugify from 'slugify';

export const NOTE_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="2" x2="22" y2="6"></line><path d="M7.5 20.5 19 9l-4-4L3.5 16.5 2 22z"></path></svg>';

export const QUOTE_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"></path><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"></path></svg>';

export const INFO_ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>';

export const ICONS = {
    note: NOTE_ICON,
    quote: QUOTE_ICON,
    info: INFO_ICON,
};

import { globSync } from 'glob'

const projects = globSync('/node_modules/Notes/Projects/*.md')
    .map((filepath) => {
        return parse(filepath)
    })
    .map((path) => {
        return format({
            // ...path,
            name: slugify(path.name, { lower: true }),
            // base: undefined,
            // root: "",
            // ext: undefined,
            // dir: path.dir.replace("/node_modules/Notes/Projects", "")
        })
    })
/**
 * @type {string[]}
 */
const permalinks = projects.map((p) => "/projects/" + p)



/**
 * @param {string} pageName
 * @returns {string[]}
 */
function pageResolver(pageName) {
    const slug = slugify(pageName, { lower: true });
    return ["/", "/projects/"].map((p) => p + slug);
}

const hrefTemplate = (/** @type {string} */ permalink) => `#${permalink}`

const config = defineConfig({
  extensions: [".svelte.md", ".md", ".svx"],

//   fences: true,
//   ruleSpaces: false,
  smartypants: {
    dashes: "oldschool",
  },
  
  highlight: {
    alias: {
      ts: "typescript",
      mdx: "markdown",
      svelte: "svelte",
      svx: "svx",
      mdsvex: "svx",
      sig: "ts",
    }
  },

  remarkPlugins: [
    remarkGfm,
    remarkFrontmatter,
    remarkMath,
    [remarkWikiLink, {
      // @ts-ignore
      aliasDivider: "|",
      permalinks: permalinks,
      pageResolver,
      hrefTemplate,
      
      // wikiLinkClassName,
      // newClassName,
    }],
    // [citePlugin, {
    //   syntax: {
    //     // see micromark-extension-cite
    //     enableAltSyntax: false,
    //     enablePandocSyntax: true,
    //   },
    //   toMarkdown: {
    //     // see mdast-util-cite
    //     standardizeAltSyntax: false,
    //     enableAuthorSuppression: true,
    //     useNodeValue: false,
    //   },
    // }],
    // [remarkBibliography, { bibliography }],
    // [remarkMermaid, {}]
  ],
  rehypePlugins: [
    // @ts-ignore
    slug 
  ],
});

export default config;