auwla-markdown 0.0.2 → 0.0.4

package/bun.lock

@@ -1,131 +0,0 @@
-{
-  "lockfileVersion": 1,
-  "configVersion": 1,
-  "workspaces": {
-    "": {
-      "name": "markdown",
-      "dependencies": {
-        "marked": "^18.0.5",
-        "marked-highlight": "^2.2.4",
-      },
-      "devDependencies": {
-        "@types/bun": "latest",
-        "@types/prismjs": "^1.26.6",
-        "prismjs": "^1.30.0",
-        "shiki": "^4.3.0",
-      },
-      "peerDependencies": {
-        "typescript": "^5",
-      },
-    },
-  },
-  "packages": {
-    "@shikijs/core": ["@shikijs/core@4.3.0", "", { "dependencies": { "@shikijs/primitive": "4.3.0", "@shikijs/types": "4.3.0", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4", "hast-util-to-html": "^9.0.5" } }, "sha512-EooU3i9F6IAE8kEu+AnGf9DFZWkQBZ+hJn3tLVbsH+61mtQiva5biai66fAA6nvFPXkLgvrh7BrR7YcJU83xQQ=="],
-
-    "@shikijs/engine-javascript": ["@shikijs/engine-javascript@4.3.0", "", { "dependencies": { "@shikijs/types": "4.3.0", "@shikijs/vscode-textmate": "^10.0.2", "oniguruma-to-es": "^4.3.6" } }, "sha512-hTv/KiFf2tpiqlACPiztGGurEARWIutB8YUhcrA1pUC7VzzwKO+g5crUocrLztrZ5ro5Z4hbXg7bYclETn3gSQ=="],
-
-    "@shikijs/engine-oniguruma": ["@shikijs/engine-oniguruma@4.3.0", "", { "dependencies": { "@shikijs/types": "4.3.0", "@shikijs/vscode-textmate": "^10.0.2" } }, "sha512-1vMdN3gHfnKfLYwecUI2ITJI4RhHt96xEaJumVn7Heb0IlJ8WQMIH0Voak+2j22BpSNKdnOfB/pCTPnPm2gq7A=="],
-
-    "@shikijs/langs": ["@shikijs/langs@4.3.0", "", { "dependencies": { "@shikijs/types": "4.3.0" } }, "sha512-rnlqFbBRSys9bT4gl/5rw9RnS0W/I84ZldXPkO7cvlEMoV85TyF/aU01N7/NbSR776RNLjrJKjfFUXJR6wN1Cg=="],
-
-    "@shikijs/primitive": ["@shikijs/primitive@4.3.0", "", { "dependencies": { "@shikijs/types": "4.3.0", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-CPkz64PTa5diRW1ggzMZH9VM/du4RNChYgVtgqrFcgruvIybmCvySv8GkiHSczUHXYuuR8TdKEwFx+UnZMpgdg=="],
-
-    "@shikijs/themes": ["@shikijs/themes@4.3.0", "", { "dependencies": { "@shikijs/types": "4.3.0" } }, "sha512-Avgt05YiT+Y3prjIc9lmQxhJzHBcCfR6cjiFW4OyaMBbt2A6trX5rfjUzx+Vj/mE9qpArYjatnqo9XPjQNW/AQ=="],
-
-    "@shikijs/types": ["@shikijs/types@4.3.0", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-oc8b9U2SYvofKZk8e/737nIX0qwf6eV2vHFATeObAu7r+mUVpLs8Re0BmVkIjAWAYgkmG/CzLNo7rzuBzRu/wQ=="],
-
-    "@shikijs/vscode-textmate": ["@shikijs/vscode-textmate@10.0.2", "", {}, "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg=="],
-
-    "@types/bun": ["@types/bun@1.3.14", "", { "dependencies": { "bun-types": "1.3.14" } }, "sha512-h1hFqFVcvAvD9j9K7ZW7vd82aSA+rTdznZa+5bwvCwqSB1jmmfLcbIWhOLx1/+boy/xmjgCs/OMUL8hRJSmnPw=="],
-
-    "@types/hast": ["@types/hast@3.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ=="],
-
-    "@types/mdast": ["@types/mdast@4.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA=="],
-
-    "@types/node": ["@types/node@26.0.1", "", { "dependencies": { "undici-types": "~8.3.0" } }, "sha512-fc3KiUoBt6kie0N9bIW3E47vZsuaMf0PM2AaUpLCLT0s/LvX1nxAim6Fc049cNxODPpGm6qRAuUOB86SkRuPQw=="],
-
-    "@types/prismjs": ["@types/prismjs@1.26.6", "", {}, "sha512-vqlvI7qlMvcCBbVe0AKAb4f97//Hy0EBTaiW8AalRnG/xAN5zOiWWyrNqNXeq8+KAuvRewjCVY1+IPxk4RdNYw=="],
-
-    "@types/unist": ["@types/unist@3.0.3", "", {}, "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="],
-
-    "@ungap/structured-clone": ["@ungap/structured-clone@1.3.2", "", {}, "sha512-5jsZFwgR5rTdKwidH9Qmat75RKwqfpKlWWB1frDkljN127mwqBu8K0PYo7/hFpF03IEJpfVPpCQDY/eDx3iHvA=="],
-
-    "bun-types": ["bun-types@1.3.14", "", { "dependencies": { "@types/node": "*" } }, "sha512-4N0ig0fEomHt5R0KCFWjovxow98rIoRwKolrYdCcknNwMekCXRnWEUvgu5soYV8QXtVsrUD8B95MBOZGPvr6KQ=="],
-
-    "ccount": ["ccount@2.0.1", "", {}, "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="],
-
-    "character-entities-html4": ["character-entities-html4@2.1.0", "", {}, "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA=="],
-
-    "character-entities-legacy": ["character-entities-legacy@3.0.0", "", {}, "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ=="],
-
-    "comma-separated-tokens": ["comma-separated-tokens@2.0.3", "", {}, "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg=="],
-
-    "dequal": ["dequal@2.0.3", "", {}, "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA=="],
-
-    "devlop": ["devlop@1.1.0", "", { "dependencies": { "dequal": "^2.0.0" } }, "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA=="],
-
-    "hast-util-to-html": ["hast-util-to-html@9.0.5", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "ccount": "^2.0.0", "comma-separated-tokens": "^2.0.0", "hast-util-whitespace": "^3.0.0", "html-void-elements": "^3.0.0", "mdast-util-to-hast": "^13.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0", "stringify-entities": "^4.0.0", "zwitch": "^2.0.4" } }, "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw=="],
-
-    "hast-util-whitespace": ["hast-util-whitespace@3.0.0", "", { "dependencies": { "@types/hast": "^3.0.0" } }, "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw=="],
-
-    "html-void-elements": ["html-void-elements@3.0.0", "", {}, "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg=="],
-
-    "marked": ["marked@18.0.5", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-S6GcvALHg6K4ohtu4E7x0a1AqhAjp6cV8KhLSyN9qVapnzJkusVBxZRcIU9AeYsbe6P1hKDusSbEOzGyyuce6w=="],
-
-    "marked-highlight": ["marked-highlight@2.2.4", "", { "peerDependencies": { "marked": ">=4 <19" } }, "sha512-PZxisNMJDduSjc0q6uvjsnqqHCXc9s0eyzxDO9sB1eNGJnd/H1/Fu+z6g/liC1dfJdFW4SftMwMlLvsBhUPrqQ=="],
-
-    "mdast-util-to-hast": ["mdast-util-to-hast@13.2.1", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/mdast": "^4.0.0", "@ungap/structured-clone": "^1.0.0", "devlop": "^1.0.0", "micromark-util-sanitize-uri": "^2.0.0", "trim-lines": "^3.0.0", "unist-util-position": "^5.0.0", "unist-util-visit": "^5.0.0", "vfile": "^6.0.0" } }, "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA=="],
-
-    "micromark-util-character": ["micromark-util-character@2.1.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q=="],
-
-    "micromark-util-encode": ["micromark-util-encode@2.0.1", "", {}, "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw=="],
-
-    "micromark-util-sanitize-uri": ["micromark-util-sanitize-uri@2.0.1", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ=="],
-
-    "micromark-util-symbol": ["micromark-util-symbol@2.0.1", "", {}, "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q=="],
-
-    "micromark-util-types": ["micromark-util-types@2.0.2", "", {}, "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA=="],
-
-    "oniguruma-parser": ["oniguruma-parser@0.12.2", "", {}, "sha512-6HVa5oIrgMC6aA6WF6XyyqbhRPJrKR02L20+2+zpDtO5QAzGHAUGw5TKQvwi5vctNnRHkJYmjAhRVQF2EKdTQw=="],
-
-    "oniguruma-to-es": ["oniguruma-to-es@4.3.6", "", { "dependencies": { "oniguruma-parser": "^0.12.2", "regex": "^6.1.0", "regex-recursion": "^6.0.2" } }, "sha512-csuQ9x3Yr0cEIs/Zgx/OEt9iBw9vqIunAPQkx19R/fiMq2oGVTgcMqO/V3Ybqefr1TBvosI6jU539ksaBULJyA=="],
-
-    "prismjs": ["prismjs@1.30.0", "", {}, "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw=="],
-
-    "property-information": ["property-information@7.2.0", "", {}, "sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg=="],
-
-    "regex": ["regex@6.1.0", "", { "dependencies": { "regex-utilities": "^2.3.0" } }, "sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg=="],
-
-    "regex-recursion": ["regex-recursion@6.0.2", "", { "dependencies": { "regex-utilities": "^2.3.0" } }, "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg=="],
-
-    "regex-utilities": ["regex-utilities@2.3.0", "", {}, "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng=="],
-
-    "shiki": ["shiki@4.3.0", "", { "dependencies": { "@shikijs/core": "4.3.0", "@shikijs/engine-javascript": "4.3.0", "@shikijs/engine-oniguruma": "4.3.0", "@shikijs/langs": "4.3.0", "@shikijs/themes": "4.3.0", "@shikijs/types": "4.3.0", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-NKKjWzR6LIGL3sXBrWDw9sDS9cxx42/DkysaNqJEeOWE8Kix5gpak0bc00OfDVEO4oyXSyz8+aRaqKoBD1yo7A=="],
-
-    "space-separated-tokens": ["space-separated-tokens@2.0.2", "", {}, "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q=="],
-
-    "stringify-entities": ["stringify-entities@4.0.4", "", { "dependencies": { "character-entities-html4": "^2.0.0", "character-entities-legacy": "^3.0.0" } }, "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg=="],
-
-    "trim-lines": ["trim-lines@3.0.1", "", {}, "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg=="],
-
-    "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
-
-    "undici-types": ["undici-types@8.3.0", "", {}, "sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ=="],
-
-    "unist-util-is": ["unist-util-is@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g=="],
-
-    "unist-util-position": ["unist-util-position@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA=="],
-
-    "unist-util-stringify-position": ["unist-util-stringify-position@4.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ=="],
-
-    "unist-util-visit": ["unist-util-visit@5.1.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg=="],
-
-    "unist-util-visit-parents": ["unist-util-visit-parents@6.0.2", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ=="],
-
-    "vfile": ["vfile@6.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "vfile-message": "^4.0.0" } }, "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q=="],
-
-    "vfile-message": ["vfile-message@4.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw=="],
-
-    "zwitch": ["zwitch@2.0.4", "", {}, "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A=="],
-  }
-}

package/src/adapters/shiki.ts

@@ -1,42 +0,0 @@
-import type { HighlighterAdapter } from '../types';
-import type { BundledLanguage, BundledTheme, Highlighter } from 'shiki';
-
-export interface ShikiAdapterOptions {
-  theme?: BundledTheme | { light: BundledTheme; dark: BundledTheme };
-  langs?: BundledLanguage[]; // Pre-load specific languages for speed
-}
-
-export function shikiHighlighter(options: ShikiAdapterOptions = {}): HighlighterAdapter {
-  let shikiInstance: Highlighter | null = null;
-  const theme = options.theme || 'github-dark';
-
-  return async (code: string, language: string) => {
-    // 1. Dynamically import Shiki ONLY when this function is actually called
-    const { createHighlighter } = await import('shiki');
-
-    // 2. Initialize it as a singleton on the first run
-    if (!shikiInstance) {
-      shikiInstance = await createHighlighter({
-        themes: typeof theme === 'string' ? [theme] : [theme.light, theme.dark],
-        langs: options.langs || [language as BundledLanguage, 'javascript', 'typescript', 'bash', 'html', 'css'],
-      });
-    }
-
-    // 3. Load the language if it hasn't been loaded yet (catch-all for unexpected languages)
-    if (!shikiInstance.getLoadedLanguages().includes(language)) {
-      await shikiInstance.loadLanguage(language as BundledLanguage).catch(() => {});
-    }
-
-    const shikiOptions: any = {
-      lang: language,
-    };
-
-    if (typeof theme === 'string') {
-      shikiOptions.theme = theme;
-    } else {
-        shikiOptions.themes = theme;
-    }
-
-    return shikiInstance.codeToHtml(code, shikiOptions);
-  };
-}

package/src/engine.ts

@@ -1,68 +0,0 @@
-import { Marked } from 'marked';
-import { markedHighlight } from 'marked-highlight';
-import type { MarkdownConfig, MarkdownEngine, ParsedMarkdown } from './types';
-import { extractFrontmatter } from './frontmatter';
-import { extractHeadings } from './headings';
-import {
-  preprocessComponents,
-  copyCodeButtonRenderer,
-  headerAnchorsRenderer,
-} from './features';
-
-/** Configures and returns an isolated instance of the Markdown parsing engine. */
-export function createMDConfig(config: MarkdownConfig = {}): MarkdownEngine {
-  const markedInstance = new Marked({
-    gfm: true,
-  });
-
-  if (config.highlighter) {
-    markedInstance.use(
-      markedHighlight({
-        async: true,
-        highlight: async (code, lang) => {
-          if (!lang) return code;
-          return await (config.highlighter as any)(code, lang);
-        },
-      })
-    );
-  }
-
-  // Register built-in features using custom Marked renderers
-  const customRenderer: any = {};
-
-  if (config.features?.headerAnchors) {
-    customRenderer.heading = headerAnchorsRenderer;
-  }
-
-  if (config.features?.copyCodeButton) {
-    customRenderer.code = copyCodeButtonRenderer;
-  }
-
-  if (Object.keys(customRenderer).length > 0) {
-    markedInstance.use({ renderer: customRenderer });
-  }
-
-  return {
-    parse: async (rawString: string): Promise<ParsedMarkdown> => {
-      let { content, meta } = extractFrontmatter(rawString);
-      const headings = extractHeadings(content);
-
-      // Preprocess component blocks and custom tags before sending to Marked
-      content = await preprocessComponents(
-        content,
-        async (str) => await markedInstance.parse(str),
-        async (str) => await markedInstance.parseInline(str),
-        config.features,
-        config.components
-      );
-
-      const html = await markedInstance.parse(content);
-
-      return {
-        html,
-        meta,
-        headings,
-      };
-    },
-  };
-}

package/src/features.ts

@@ -1,412 +0,0 @@
-import type { ComponentRenderer, MarkdownFeatures } from './types';
-
-const inlineWrapperTags = new Set(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'a', 'li']);
-
-export const defaultComponents: Record<string, ComponentRenderer> = {
-  Callout: async (props, rawContent, parse, parseInline, features) => {
-    const type = props.type || 'note';
-    const title = props.title || type.toUpperCase();
-    const htmlContent = await parse(rawContent);
-    const isCollapsible = 'collapsible' in props && props.collapsible !== 'false';
-    const isCollapsed = props.collapsed === 'true';
-
-    const customClass = props.class ? ` ${props.class}` : '';
-    const className = `callout callout-${type.toLowerCase()}${customClass}`;
-    
-    const otherAttrs = Object.entries(props)
-      .filter(([k]) => !['value', 'type', 'title', 'collapsible', 'collapsed', 'class'].includes(k))
-      .map(([k, v]) => `${k}="${v}"`)
-      .join(' ');
-    const attrString = otherAttrs ? ` ${otherAttrs}` : '';
-
-    if (isCollapsible) {
-      const openAttr = isCollapsed ? '' : ' open';
-      return `<details class="${className}"${openAttr}${attrString}><summary class="callout-title">${title}</summary><div class="callout-content">${htmlContent}</div></details>`;
-    }
-
-    return `<div class="${className}"${attrString}><div class="callout-title">${title}</div><div class="callout-content">${htmlContent}</div></div>`;
-  },
-  
-  Tabs: async (props, rawContent, parse, parseInline, features) => {
-    const content = await parse(rawContent);
-    
-    const regex = /<div class="tab-panel[^"]*"\s+data-title="([^"]*)"/g;
-    const titles: string[] = [];
-    let match;
-    while ((match = regex.exec(content)) !== null) {
-      titles.push(match[1]!);
-    }
-
-    if (titles.length === 0) return content;
-
-    const tabButtons = titles.map((title, idx) => {
-      const activeClass = idx === 0 ? 'active' : '';
-      const clickHandler = `const c = this.closest('.tabs-container'); c.querySelectorAll('.tab-btn').forEach((b, i) => { b.classList.toggle('active', b === this); c.querySelectorAll('.tab-panel')[i].style.display = (b === this) ? 'block' : 'none'; })`;
-      return `<button class="tab-btn ${activeClass}" onclick="${clickHandler}">${title}</button>`;
-    }).join('');
-
-    let panelIndex = 0;
-    const adjustedContent = content.replace(/class="tab-panel([^"]*)"/g, (match, customClasses) => {
-      const activeClass = panelIndex === 0 ? ' active' : '';
-      const display = panelIndex === 0 ? 'block' : 'none';
-      panelIndex++;
-      return `class="tab-panel${customClasses}${activeClass}" style="display: ${display};"`;
-    });
-
-    const customClass = props.class ? ` ${props.class}` : '';
-    const className = `tabs-container${customClass}`;
-    const otherAttrs = Object.entries(props)
-      .filter(([k]) => !['value', 'class'].includes(k))
-      .map(([k, v]) => `${k}="${v}"`)
-      .join(' ');
-    const attrString = otherAttrs ? ` ${otherAttrs}` : '';
-
-    return `<div class="${className}"${attrString}><div class="tabs-header">${tabButtons}</div><div class="tabs-content">${adjustedContent}</div></div>`;
-  },
-
-  Tab: async (props, rawContent, parse, parseInline, features) => {
-    const title = props.title || '';
-    const content = await parse(rawContent);
-    
-    const customClass = props.class ? ` ${props.class}` : '';
-    const className = `tab-panel${customClass}`;
-    const otherAttrs = Object.entries(props)
-      .filter(([k]) => !['value', 'title', 'class'].includes(k))
-      .map(([k, v]) => `${k}="${v}"`)
-      .join(' ');
-    const attrString = otherAttrs ? ` ${otherAttrs}` : '';
-    
-    return `<div class="${className}" data-title="${title}"${attrString}>${content}</div>`;
-  },
-
-  Table: async (props, rawContent, parse, parseInline, features) => {
-    const content = await parseInline(rawContent);
-    const defaultClass = 'auwla-table';
-    const customClass = props.class ? ` ${props.class}` : '';
-    const mergedClass = `${defaultClass}${customClass}`;
-    const attrPairs = Object.entries(props)
-      .filter(([k]) => k !== 'value' && k !== 'class')
-      .map(([k, v]) => `${k}="${v}"`)
-      .join(' ');
-    const attrString = attrPairs ? ` ${attrPairs}` : '';
-    return `<table class="${mergedClass}"${attrString}>${content}</table>`;
-  },
-
-  Row: async (props, rawContent, parse, parseInline, features) => {
-    const content = await parseInline(rawContent);
-    const attrPairs = Object.entries(props)
-      .filter(([k]) => k !== 'value')
-      .map(([k, v]) => `${k}="${v}"`)
-      .join(' ');
-    const attrString = attrPairs ? ` ${attrPairs}` : '';
-    return `<tr${attrString}>${content}</tr>`;
-  },
-
-  Column: async (props, rawContent, parse, parseInline, features) => {
-    const content = await parseInline(rawContent);
-    const attrPairs = Object.entries(props)
-      .filter(([k]) => k !== 'value')
-      .map(([k, v]) => `${k}="${v}"`)
-      .join(' ');
-    const attrString = attrPairs ? ` ${attrPairs}` : '';
-    return `<th${attrString}>${content}</th>`;
-  },
-
-  Cell: async (props, rawContent, parse, parseInline, features) => {
-    const content = await parseInline(rawContent);
-    const attrPairs = Object.entries(props)
-      .filter(([k]) => k !== 'value')
-      .map(([k, v]) => `${k}="${v}"`)
-      .join(' ');
-    const attrString = attrPairs ? ` ${attrPairs}` : '';
-    return `<td${attrString}>${content}</td>`;
-  }
-};
-
-function parseAttributes(attrString: string): Record<string, string> {
-  const attrs: Record<string, string> = {};
-  const trimmed = attrString.trim();
-  if (!trimmed) return attrs;
-
-  if (trimmed.startsWith('=')) {
-    const match = trimmed.match(/^=\s*(?:"(.*?)"|'(.*?)'|([^\s>]+))/);
-    if (match) {
-      attrs.value = match[1] ?? match[2] ?? match[3] ?? '';
-      return attrs;
-    }
-  }
-
-  const regex = /(\w+)(?:\s*=\s*(?:"(.*?)"|'(.*?)'|([^\s>]+)))?/g;
-  let match;
-  while ((match = regex.exec(attrString)) !== null) {
-    const key = match[1]!;
-    const val = match[2] ?? match[3] ?? match[4] ?? 'true';
-    attrs[key] = val;
-  }
-  return attrs;
-}
-
-async function renderComponent(
-  tagName: string,
-  props: Record<string, string>,
-  rawContent: string,
-  parseFn: (str: string) => Promise<string>,
-  parseInlineFn: (str: string) => Promise<string>,
-  features: MarkdownFeatures,
-  customComponents: Record<string, ComponentRenderer>
-): Promise<string> {
-  if (customComponents[tagName]) {
-    return await customComponents[tagName]!(props, rawContent, parseFn, parseInlineFn, features);
-  }
-
-  if (defaultComponents[tagName]) {
-    return await defaultComponents[tagName]!(props, rawContent, parseFn, parseInlineFn, features);
-  }
-
-  const isInline = inlineWrapperTags.has(tagName.toLowerCase());
-  const compiledContent = isInline ? await parseInlineFn(rawContent) : await parseFn(rawContent);
-
-  // Match custom tag heading (e.g. h1, h2, h3, etc.)
-  if (isInline && tagName.toLowerCase().startsWith('h') && tagName.length === 2 && !isNaN(Number(tagName.slice(1)))) {
-    const depth = tagName.toLowerCase().slice(1);
-    const plainText = compiledContent.replace(/<[^>]*>/g, '');
-    const id = props.id || plainText
-      .toLowerCase()
-      .replace(/[^\w\s-]/g, '')
-      .replace(/\s+/g, '-');
-
-    const idAttr = `id="${id}"`;
-    const classAttr = props.class ? `class="${props.class}"` : '';
-    const otherAttrs = Object.entries(props)
-      .filter(([k]) => k !== 'value' && k !== 'id' && k !== 'class')
-      .map(([k, v]) => `${k}="${v}"`)
-      .join(' ');
-    const attrString = [idAttr, classAttr, otherAttrs].filter(Boolean).map(s => s.trim()).join(' ');
-    const finalAttrString = attrString ? ` ${attrString}` : '';
-
-    if (features?.headerAnchors) {
-      return `<h${depth}${finalAttrString}><a href="#${id}" class="header-anchor" aria-hidden="true">#</a>${compiledContent}</h${depth}>`;
-    } else {
-      return `<h${depth}${finalAttrString}>${compiledContent}</h${depth}>`;
-    }
-  }
-
-  const attrPairs = Object.entries(props).filter(([k]) => k !== 'value').map(([k, v]) => `${k}="${v}"`).join(' ');
-  const attrString = attrPairs ? ` ${attrPairs}` : '';
-  
-  return `<${tagName}${attrString}>${compiledContent}</${tagName}>`;
-}
-
-/**
- * Preprocesses component-like tags (=<TagName>) inside a raw markdown string.
- * Looks up default and custom components, compiles, and injects HTML.
- */
-export async function preprocessComponents(
-  rawMarkdown: string,
-  parseFn: (str: string) => Promise<string>,
-  parseInlineFn: (str: string) => Promise<string>,
-  features: MarkdownFeatures = {},
-  customComponents: Record<string, ComponentRenderer> = {}
-): Promise<string> {
-  const lines = rawMarkdown.split('\n');
-  const result: string[] = [];
-  
-  type OpenBlock = {
-    tagName: string;
-    props: Record<string, string>;
-    contentLines: string[];
-  };
-  const stack: OpenBlock[] = [];
-
-  for (const line of lines) {
-    const trimmed = line.trim();
-
-    // 1. Single-line components (e.g. =<Column>Name=</Column>)
-    const singleLineMatch = trimmed.match(/^=<(\w+)([^>]*?)>(.*?)=<\/\1>$/);
-    if (singleLineMatch) {
-      const tagName = singleLineMatch[1]!;
-      const attrString = singleLineMatch[2] || '';
-      const innerContent = singleLineMatch[3] || '';
-      const props = parseAttributes(attrString);
-      const html = await renderComponent(tagName, props, innerContent, parseFn, parseInlineFn, features, customComponents);
-      
-      if (stack.length > 0) {
-        stack[stack.length - 1]!.contentLines.push(html);
-      } else {
-        result.push(html);
-      }
-      continue;
-    }
-
-    // 2. Self-closing components
-    if (trimmed.startsWith('=<') && trimmed.endsWith('/>')) {
-      const match = trimmed.match(/^=<(\w+)([^>]*?)\/>$/);
-      if (match) {
-        const tagName = match[1]!;
-        const attrString = match[2] || '';
-        const props = parseAttributes(attrString);
-        const html = await renderComponent(tagName, props, '', parseFn, parseInlineFn, features, customComponents);
-        
-        if (stack.length > 0) {
-          stack[stack.length - 1]!.contentLines.push(html);
-        } else {
-          result.push(html);
-        }
-        continue;
-      }
-    }
-
-    // 3. Opening component tags
-    if (trimmed.startsWith('=<') && !trimmed.startsWith('=</') && trimmed.endsWith('>')) {
-      const match = trimmed.match(/^=<(\w+)([^>]*?)>$/);
-      if (match) {
-        const tagName = match[1]!;
-        const attrString = match[2] || '';
-        const props = parseAttributes(attrString);
-        
-        stack.push({
-          tagName,
-          props,
-          contentLines: []
-        });
-        continue;
-      }
-    }
-
-    // 4. Closing component tags
-    if (trimmed.startsWith('=</') && trimmed.endsWith('>')) {
-      const match = trimmed.match(/^=<\/(.*?)>$/);
-      if (match) {
-        const tagName = match[1]!.trim();
-        
-        if (stack.length > 0 && stack[stack.length - 1]!.tagName === tagName) {
-          const block = stack.pop()!;
-          const rawContent = block.contentLines.join('\n');
-          const html = await renderComponent(block.tagName, block.props, rawContent, parseFn, parseInlineFn, features, customComponents);
-          
-          if (stack.length > 0) {
-            stack[stack.length - 1]!.contentLines.push(html);
-          } else {
-            result.push(html);
-          }
-          continue;
-        }
-      }
-    }
-
-    // 5. Standard line
-    if (stack.length > 0) {
-      stack[stack.length - 1]!.contentLines.push(line);
-    } else {
-      result.push(line);
-    }
-  }
-
-  while (stack.length > 0) {
-    const block = stack.pop()!;
-    result.push(`=<${block.tagName}>`);
-    result.push(block.contentLines.join('\n'));
-    result.push(`=</${block.tagName}>`);
-  }
-
-  return result.join('\n');
-}
-
-function extractRawCode(raw: string): string {
-  if (raw.startsWith('```') || raw.startsWith('~~~')) {
-    const lines = raw.split('\n');
-    return lines.slice(1, -1).join('\n');
-  }
-  return raw;
-}
-
-function parseCodeMeta(langString: string): { lang: string; filename?: string; highlightedLines: Set<number> } {
-  const parts = langString.trim().split(/\s+/);
-  const lang = parts[0] || '';
-  let filename: string | undefined;
-  const highlightedLines = new Set<number>();
-
-  for (const part of parts.slice(1)) {
-    if (part.startsWith('[') && part.endsWith(']')) {
-      filename = part.slice(1, -1);
-    } else if (part.startsWith('{') && part.endsWith('}')) {
-      const ranges = part.slice(1, -1).split(',');
-      for (const range of ranges) {
-        if (range.includes('-')) {
-          const [startStr, endStr] = range.split('-');
-          const start = parseInt(startStr || '0', 10);
-          const end = parseInt(endStr || '0', 10);
-          if (!isNaN(start) && !isNaN(end)) {
-            for (let i = start; i <= end; i++) {
-              highlightedLines.add(i);
-            }
-          }
-        } else {
-          const val = parseInt(range, 10);
-          if (!isNaN(val)) {
-            highlightedLines.add(val);
-          }
-        }
-      }
-    }
-  }
-
-  return { lang, filename, highlightedLines };
-}
-
-function injectHighlightedLines(html: string, highlightedLines: Set<number>): string {
-  if (highlightedLines.size === 0) return html;
-
-  if (html.includes('class="line"')) {
-    let lineIndex = 0;
-    return html.replace(/class="line"/g, () => {
-      lineIndex++;
-      if (highlightedLines.has(lineIndex)) {
-        return 'class="line highlighted-line"';
-      }
-      return 'class="line"';
-    });
-  }
-
-  const lines = html.split('\n');
-  const processed = lines.map((line, idx) => {
-    const lineNum = idx + 1;
-    if (highlightedLines.has(lineNum)) {
-      return `<div class="highlighted-line">${line}</div>`;
-    }
-    return line;
-  });
-  return processed.join('\n');
-}
-
-/** Custom Marked renderer for a button that copies code snippets to clipboard. */
-export function copyCodeButtonRenderer(info: any): string {
-  const rawCode = extractRawCode(info.raw);
-  const escapedCode = encodeURIComponent(rawCode).replace(/'/g, '%27');
-  
-  const { lang, filename, highlightedLines } = parseCodeMeta(info.lang ?? '');
-
-  let codeContent = info.text.trim().startsWith('<pre') 
-    ? info.text 
-    : `<pre><code class="language-${lang}">${info.text}</code></pre>`;
-
-  codeContent = injectHighlightedLines(codeContent, highlightedLines);
-
-  const filenameHeader = filename 
-    ? `<div class="code-block-filename">${filename}</div>` 
-    : '';
-
-  return `<div class="code-block-wrapper" style="position: relative;">${filenameHeader}<button onclick="navigator.clipboard.writeText(decodeURIComponent('${escapedCode}')); this.textContent = 'Copied!'; setTimeout(() => this.textContent = 'Copy', 2000)" class="copy-code-btn" style="position: absolute; right: 0.5rem; top: ${filename ? '2.5rem' : '0.5rem'}; z-index: 10;">Copy</button>${codeContent}</div>`;
-}
-
-/** Custom Marked renderer for adding hoverable anchors pointing to header IDs. */
-export function headerAnchorsRenderer(this: any, info: any): string {
-  const text = info.text ?? (this.parser ? this.parser.parseInline(info.tokens) : info.raw);
-  const depth = info.depth;
-  const id = text
-    .toLowerCase()
-    .replace(/[^\w\s-]/g, '')
-    .replace(/\s+/g, '-');
-  return `<h${depth} id="${id}"><a href="#${id}" class="header-anchor" aria-hidden="true">#</a>${text}</h${depth}>`;
-}
-