Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/flo-bit/ui-kit. 🦊 fox ui, svelte 5 and tailwind 4 flo-bit.dev/ui-kit
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849import { defineConfig } from 'mdsx';import { createHighlighterCore } from 'shiki/core';import { createJavaScriptRegexEngine } from 'shiki/engine/javascript';import { rehypeCustomHighlight } from '@mdsx/rehype-custom-highlighter';
const jsEngine = createJavaScriptRegexEngine();// let highlighter: Awaited<ReturnType<typeof createHighlighterCore>> | null = null;let highlighter = null;
const highlighterPromise = createHighlighterCore({ themes: [import('@shikijs/themes/github-light'), import('@shikijs/themes/github-dark')], langs: [ import('@shikijs/langs/javascript'), import('@shikijs/langs/typescript'), import('@shikijs/langs/svelte'), import('@shikijs/langs/css'), import('@shikijs/langs/html'), import('@shikijs/langs/json'), import('@shikijs/langs/markdown'), import('@shikijs/langs/bash') ], engine: jsEngine});
const highlightOptions = { highlight: async ({ value, lang }) => { if (!lang) return value; if (!highlighter) { highlighter = await highlighterPromise; } console.log(lang); return highlighter.codeToHtml(value, { lang, themes: { light: 'github-light', dark: 'github-dark' } }); }};
export const mdsxConfig = defineConfig({ extensions: ['.md'], rehypePlugins: [[rehypeCustomHighlight, highlightOptions]],
blueprints: { default: { path: 'src/lib/blueprints/default/Blueprint.svelte' } }});