dommief 0.1.2 → 0.1.3

package/dist/cli.js

@@ -1013,6 +1013,7 @@ import { cac } from "cac";
 import { createServer } from "vite";
 
 // src/vite/plugin.ts
+import { transformWithOxc } from "vite";
 import fs10 from "fs";
 import path10 from "path";
 
@@ -2180,10 +2181,16 @@ function dommiefPlugin(opts) {
     if (!loaded) throw new Error("dommief: config ch\u01B0a \u0111\u01B0\u1EE3c n\u1EA1p");
     return loaded;
   });
+  let isServe = false;
+  const jsx2 = async (code, name) => {
+    const r = await transformWithOxc(code, name + ".jsx", { lang: "jsx", jsx: { runtime: "automatic", development: isServe } });
+    return { code: r.code, map: r.map ?? null, moduleType: "js" };
+  };
   const markdownPlugin = {
     name: "dommief:markdown",
     enforce: "pre",
-    async config() {
+    async config(_, env) {
+      isServe = env.command === "serve";
       if (!loaded) {
         const config = await loadConfig(opts.root);
         loaded = { config, host: createPluginHost(config.plugins ?? []) };
@@ -2193,7 +2200,10 @@ function dommiefPlugin(opts) {
       return {
         base: loaded.config.base,
         resolve: { dedupe: ["react", "react-dom", "react-router"], alias: aliases },
-        ssr: { noExternal: ["dommief"] }
+        ssr: { noExternal: ["dommief"] },
+        // Client dommief nằm trong node_modules nên Vite không quét dep → React CJS bị serve thô
+        // ("does not provide an export named 'jsxDEV'").
+        optimizeDeps: { include: ["react", "react-dom", "react-dom/client", "react/jsx-runtime", "react/jsx-dev-runtime", "react-router"] }
       };
     },
     resolveId(id, importer) {
@@ -2218,7 +2228,7 @@ function dommiefPlugin(opts) {
       if (id.startsWith("\0virtual:dommief-demo/")) {
         const demoId2 = id.slice("\0virtual:dommief-demo/".length);
         const source = demoRegistry.get(demoId2) ?? "export default function Demo(){ return null; }";
-        return { code: source, map: null, moduleType: "jsx" };
+        return jsx2(source, "demo-" + demoId2);
       }
       if (id === "\0virtual:dommief/entry") {
         return { code: `import ${JSON.stringify(resolveClientFile("entry-client.tsx"))};`, map: null, moduleType: "js" };
@@ -2270,7 +2280,7 @@ function dommiefPlugin(opts) {
         if (isMeta) {
           return { code: `export default ${JSON.stringify({ frontmatter: meta.frontmatter, toc: meta.toc })};`, map: null, moduleType: "js" };
         }
-        return { code: out, map: null, moduleType: "jsx" };
+        return jsx2(out, file);
       }
       return null;
     },

package/package.json

@@ -1 +1 @@
-{"name":"dommief","version":"0.1.2","type":"module","main":"dist/index.js","types":"dist/index.d.ts","bin":{"dommief":"dist/cli.js"},"exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./theme-api":{"types":"./dist/theme-api.d.ts","default":"./dist/theme-api.js"},"./client":{"types":"./src/client/index.tsx","default":"./src/client/index.tsx"}},"files":["dist","src"],"scripts":{"build":"tsup","dev":"tsup --watch"},"dependencies":{"cac":"^7.1.0","chokidar":"^6.0.0","estree-util-to-js":"^2.0.0","github-slugger":"^2.0.0","hast-util-to-estree":"^3.1.3","minisearch":"^7.2.0","picocolors":"^1.1.1","react-docgen-typescript":"^2.4.0","rehype-raw":"^7.0.0","remark-directive":"^4.0.0","remark-frontmatter":"^5.0.0","remark-gfm":"^4.0.1","remark-parse":"^11.0.0","remark-rehype":"^11.1.2","shiki":"^4.5.0","unified":"^11.0.5","unist-util-visit":"^5.0.0","yaml":"^2.9.1","zod":"^4.6.7"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","react-router":"^8.0.0","typescript":"^5.0.0","vite":"^8.0.0"},"devDependencies":{"react":"^19.3.1","react-dom":"^19.3.1","react-router":"^8.5.0","tsup":"^9.0.0","typescript":"^5.9.3","vite":"^8.3.5"}}
+{"name":"dommief","version":"0.1.3","type":"module","main":"dist/index.js","types":"dist/index.d.ts","bin":{"dommief":"dist/cli.js"},"exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./theme-api":{"types":"./dist/theme-api.d.ts","default":"./dist/theme-api.js"},"./client":{"types":"./src/client/index.tsx","default":"./src/client/index.tsx"}},"files":["dist","src"],"scripts":{"build":"tsup","dev":"tsup --watch"},"dependencies":{"cac":"^7.1.0","chokidar":"^6.0.0","estree-util-to-js":"^2.0.0","github-slugger":"^2.0.0","hast-util-to-estree":"^3.1.3","minisearch":"^7.2.0","picocolors":"^1.1.1","react-docgen-typescript":"^2.4.0","rehype-raw":"^7.0.0","remark-directive":"^4.0.0","remark-frontmatter":"^5.0.0","remark-gfm":"^4.0.1","remark-parse":"^11.0.0","remark-rehype":"^11.1.2","shiki":"^4.5.0","unified":"^11.0.5","unist-util-visit":"^5.0.0","yaml":"^2.9.1","zod":"^4.6.7"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","react-router":"^8.0.0","typescript":"^5.0.0","vite":"^8.0.0"},"devDependencies":{"react":"^19.3.1","react-dom":"^19.3.1","react-router":"^8.5.0","tsup":"^9.0.0","typescript":"^5.9.3","vite":"^8.3.5"}}

package/src/vite/plugin.ts

@@ -1,4 +1,4 @@
-import type { Plugin } from 'vite';
+import { transformWithOxc, type Plugin } from 'vite';
 import fs from 'node:fs';
 import path from 'node:path';
 import { loadConfig, type ResolvedConfig } from '../config.js';
@@ -50,10 +50,18 @@ export function dommiefPlugin(opts: DommiefPluginOptions) {
     return loaded;
   });
 
+  let isServe = false;
+  // Vite 8 dev bỏ qua `moduleType: 'jsx'` từ load → JSX thô tới import-analysis. Tự biên dịch.
+  const jsx = async (code: string, name: string) => {
+    const r = await transformWithOxc(code, name + '.jsx', { lang: 'jsx', jsx: { runtime: 'automatic', development: isServe } });
+    return { code: r.code, map: r.map ?? null, moduleType: 'js' as const };
+  };
+
   const markdownPlugin: Plugin = {
     name: 'dommief:markdown',
     enforce: 'pre',
-    async config() {
+    async config(_, env) {
+      isServe = env.command === 'serve';
       if (!loaded) {
         const config = await loadConfig(opts.root);
         loaded = { config, host: createPluginHost(config.plugins ?? []) };
@@ -68,6 +76,9 @@ export function dommiefPlugin(opts: DommiefPluginOptions) {
         base: loaded.config.base,
         resolve: { dedupe: ['react', 'react-dom', 'react-router'], alias: aliases },
         ssr: { noExternal: ['dommief'] },
+        // Client dommief nằm trong node_modules nên Vite không quét dep → React CJS bị serve thô
+        // ("does not provide an export named 'jsxDEV'").
+        optimizeDeps: { include: ['react', 'react-dom', 'react-dom/client', 'react/jsx-runtime', 'react/jsx-dev-runtime', 'react-router'] },
       };
     },
     resolveId(id, importer) {
@@ -94,7 +105,7 @@ export function dommiefPlugin(opts: DommiefPluginOptions) {
       if (id.startsWith('\0virtual:dommief-demo/')) {
         const demoId = id.slice('\0virtual:dommief-demo/'.length);
         const source = demoRegistry.get(demoId) ?? 'export default function Demo(){ return null; }';
-        return { code: source, map: null, moduleType: 'jsx' };
+        return jsx(source, 'demo-' + demoId);
       }
       if (id === '\0virtual:dommief/entry') {
         return { code: `import ${JSON.stringify(resolveClientFile('entry-client.tsx'))};`, map: null, moduleType: 'js' };
@@ -137,7 +148,7 @@ export function dommiefPlugin(opts: DommiefPluginOptions) {
           // Trả frontmatter + toc (nhỏ) — không texts (nặng, chỉ để tìm kiếm).
           return { code: `export default ${JSON.stringify({ frontmatter: meta.frontmatter, toc: meta.toc })};`, map: null, moduleType: 'js' };
         }
-        return { code: out, map: null, moduleType: 'jsx' };
+        return jsx(out, file);
       }
       return null;
     },