import process from 'node:process'
import { BiDirectionalLinks } from '@nolebase/markdown-it-bi-directional-links'
import { ElementTransform } from '@nolebase/markdown-it-element-transform'
import type { MarkdownOptions } from 'vitepress'
import mdkatex from '@andatoshiki/markdown-it-katex'
import mdTasklist from 'markdown-it-task-lists'
import mdCaption from '@andatoshiki/markdown-it-image-caption'
// import mdLink from 'markdown-it-link-preview'

export const markdown: MarkdownOptions = {
    html: true,
    theme: {
        light: 'github-light',
        dark: 'github-dark-dimmed'
    },
    lineNumbers: true,
    config: md => {
        // use more markdown-it plugins!
        md.use(mdkatex),
        md.use(mdTasklist),
        md.use(mdCaption), 
        // md.use(mdLink),
        md.use(BiDirectionalLinks({ 
            dir: 'docs/', 
          })),
        md.use(ElementTransform, (() => {
        let transformNextLinkCloseToken = false

        return {
            transform(token) {
            switch (token.type) {
                case 'link_open':
                if (token.attrGet('class') !== 'header-anchor') {
                    token.tag = 'VPNolebaseInlineLinkPreview'
                    transformNextLinkCloseToken = true
                }
                break
                case 'link_close':
                if (transformNextLinkCloseToken) {
                    token.tag = 'VPNolebaseInlineLinkPreview'
                    transformNextLinkCloseToken = false
                }

                break
            }
            },
        }
        })())
        // insert specific custom vue layout template slots under a markdown tag attributes (currenlty disabled and unncessary because applied via markdowntransform component)
        // md.renderer.rules.heading_close = (tokens, idx, options, env, slf) => {
        //     let htmlResult = slf.renderToken(tokens, idx, options);
        //     if (tokens[idx].tag === 'h1') htmlResult += `\n<ClientOnly><PageInfo /></ClientOnly>`;
        //     return htmlResult;
        //   }
    },
}