@emberkit/core 0.3.6 → 0.3.7

package/dist/vite-plugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite-plugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,MAAM,CAAC;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AA8CtE,wBAAgB,kBAAkB,CAAC,WAAW,GAAE,qBAA0B,GAAG,MAAM,CA8IlF;AA6hCD,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vite-plugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,MAAM,CAAC;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AA8CtE,wBAAgB,kBAAkB,CAAC,WAAW,GAAE,qBAA0B,GAAG,MAAM,CA8IlF;AAskCD,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}

package/dist/vite-plugin/index.js

@@ -285,11 +285,9 @@ async function transformMDX(code, _id) {
     let body = typeof compiled === 'object' && compiled !== null && 'value' in compiled
         ? String(compiled.value)
         : String(compiled);
-    // Rename the @mdx-js/mdx default export so we can wrap it with the
-    // md-doc / md-content styling containers that the docs CSS targets.
+    body = enhanceMDXCodeBlocks(body);
+    body = enhanceMDXHeadings(body);
     body = body.replace(/export default function MDXContent/, 'function _MDXContent');
-    // Wrapper re-exports the component with the styling containers.
-    // We reuse _jsx/_jsxs already imported by the compiled output.
     const wrapper = `
 export default function MDXComponent(props) {
   var p = props ?? {};
@@ -304,6 +302,39 @@ export default function MDXComponent(props) {
 `;
     return { code: insertAfterLeadingImports(body + wrapper, exportLines.join('\n')) };
 }
+/** Add `id` attributes to headings with simple text children for anchor linking. */
+function enhanceMDXHeadings(jsCode) {
+    const headingRe = /_jsx\(_components\.(h[1-6]),\s*\{\s*children:\s*("(?:[^"\\]|\\.)*")\s*\}\)/g;
+    return jsCode.replace(headingRe, (_match, tag, textStr) => {
+        const text = JSON.parse(textStr);
+        const id = text
+            .toLowerCase()
+            .replace(/[^\w]+/g, '-')
+            .replace(/^-|-$/g, '');
+        return `_jsx(_components.${tag}, { id: ${JSON.stringify(id)}, children: ${textStr} })`;
+    });
+}
+/**
+ * Post-process the compiled MDX JS output to replace plain `<pre><code>`
+ * blocks with syntax-highlighted code blocks that include copy buttons
+ * and `data-lang` attributes — matching the HTML that the `.md` transform
+ * produces via `renderCodeBlock`.
+ */
+function enhanceMDXCodeBlocks(jsCode) {
+    const codeBlockRe = /_jsx\(_components\.pre,\s*\{\s*children:\s*_jsx\(_components\.code,\s*\{(?:\s*className:\s*"language-([^"]+)",)?\s*children:\s*("(?:[^"\\]|\\.)*")\s*\}\)\s*\}\)/g;
+    return jsCode.replace(codeBlockRe, (_match, lang, codeStr) => {
+        const rawCode = JSON.parse(codeStr);
+        const language = lang ?? '';
+        const fullHtml = renderCodeBlock(language, rawCode);
+        const innerHtml = fullHtml.replace(/^<pre[^>]*>/, '').replace(/<\/pre>$/, '');
+        const attrs = [];
+        if (language) {
+            attrs.push(`"data-lang": ${JSON.stringify(language)}`);
+        }
+        attrs.push(`dangerouslySetInnerHTML: { __html: ${JSON.stringify(innerHtml)} }`);
+        return `_jsx("pre", { ${attrs.join(', ')} })`;
+    });
+}
 function parseFrontmatter(content) {
     const result = {};
     const lines = content.split('\n');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emberkit/core",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "type": "module",
   "private": false,
   "description": "Lightweight TypeScript-first JSX framework core",