import { Marked } from "marked";
// import { markedHighlight } from "marked-highlight";
// import hljs from 'highlight.js';

// // import 'highlight.js/styles/github.css';
// import 'highlight.js/styles/monokai.css';

// import javascript from 'highlight.js/lib/languages/javascript';
// import python from 'highlight.js/lib/languages/python';
// import sql from 'highlight.js/lib/languages/sql';
// hljs.registerLanguage('javascript', javascript);
// hljs.registerLanguage('python', python);
// hljs.registerLanguage('sql', sql);

/**
 * @see https://www.npmjs.com/package/marked-highlight
 */

// or UMD script
// <script src="https://cdn.jsdelivr.net/npm/marked/lib/marked.umd.js"></script>
// <script src="https://cdn.jsdelivr.net/npm/marked-highlight/lib/index.umd.js"></script>
// const { Marked } = globalThis.marked;
// const { markedHighlight } = globalThis.markedHighlight;
const marked = new Marked(
    // markedHighlight({
    //     emptyLangClass: 'hljs',
    //     langPrefix: 'hljs language-',
    //     highlight(code, lang, info) {
    //         const language = hljs.getLanguage(lang) ? lang : 'plaintext';
    //         return hljs.highlight(code, { language }).value;
    //     }
    // })
);

export default marked;

// export const applyHighLight = (container_klass) => {
//     // first, find all the div.code blocks
//     document.querySelectorAll(`${container_klass} code`).forEach(el => {
//         // then highlight each
//         hljs.highlightElement(el);
//     });
// }