@emberkit/core 0.3.5 → 0.3.6

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;AA6hCD,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}

package/dist/vite-plugin/index.js

@@ -282,10 +282,27 @@ 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')) };
+    // 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 = 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 ?? {};
+  return _jsx('article', {
+    className: 'md-doc',
+    children: _jsx('div', {
+      className: 'md-content',
+      children: _jsx(_MDXContent, p)
+    })
+  });
+}
+`;
+    return { code: insertAfterLeadingImports(body + wrapper, exportLines.join('\n')) };
 }
 function parseFrontmatter(content) {
     const result = {};

package/package.json

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