@emberkit/core 0.3.5 → 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;AAugCD,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

@@ -282,10 +282,58 @@ async function transformMDX(code, _id) {
         exportLines.push(`export const date = ${JSON.stringify(frontmatter.date)};`);
     }
     exportLines.push(`export const metadata = ${JSON.stringify(frontmatter)};`);
-    const body = typeof compiled === 'object' && compiled !== null && 'value' in compiled
+    let body = typeof compiled === 'object' && compiled !== null && 'value' in compiled
         ? String(compiled.value)
         : String(compiled);
-    return { code: insertAfterLeadingImports(body, exportLines.join('\n')) };
+    body = enhanceMDXCodeBlocks(body);
+    body = enhanceMDXHeadings(body);
+    body = body.replace(/export default function MDXContent/, 'function _MDXContent');
+    const wrapper = `
+export default function MDXComponent(props) {
+  var p = props ?? {};
+  return _jsx('article', {
+    className: 'md-doc',
+    children: _jsx('div', {
+      className: 'md-content',
+      children: _jsx(_MDXContent, p)
+    })
+  });
+}
+`;
+    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 = {};

package/package.json

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