prev-cli 0.1.5 → 0.1.7

package/dist/cli.js

@@ -7,6 +7,7 @@ import { parseArgs } from "util";
 import { createServer as createServer2, build, preview } from "vite";
 
 // src/vite/config.ts
+import { createLogger } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import tailwindcss from "@tailwindcss/vite";
 import mdx from "@mdx-js/rollup";
@@ -269,6 +270,59 @@ function entryPlugin(rootDir) {
 }
 
 // src/vite/config.ts
+function createFriendlyLogger() {
+  const logger = createLogger("info", { allowClearScreen: false });
+  const hiddenPatterns = [
+    /Re-optimizing dependencies/,
+    /new dependencies optimized/,
+    /optimized dependencies changed/,
+    /Dependencies bundled/,
+    /Pre-bundling dependencies/,
+    /\(client\) ✨/
+  ];
+  const transformMessage = (msg) => {
+    for (const pattern of hiddenPatterns) {
+      if (pattern.test(msg))
+        return null;
+    }
+    if (msg.includes("hmr update")) {
+      const match = msg.match(/hmr update (.+)/);
+      if (match) {
+        return `  ↻ Updated: ${match[1]}`;
+      }
+    }
+    if (msg.includes("page reload")) {
+      return "  ↻ Page reloaded";
+    }
+    return msg;
+  };
+  return {
+    ...logger,
+    info(msg, options) {
+      const transformed = transformMessage(msg);
+      if (transformed)
+        logger.info(transformed, options);
+    },
+    warn(msg, options) {
+      if (!hiddenPatterns.some((p) => p.test(msg))) {
+        logger.warn(msg, options);
+      }
+    },
+    warnOnce(msg, options) {
+      if (!hiddenPatterns.some((p) => p.test(msg))) {
+        logger.warnOnce(msg, options);
+      }
+    },
+    error(msg, options) {
+      logger.error(msg, options);
+    },
+    clearScreen() {},
+    hasErrorLogged(err) {
+      return logger.hasErrorLogged(err);
+    },
+    hasWarned: false
+  };
+}
 function findCliRoot2() {
   let dir = path4.dirname(fileURLToPath2(import.meta.url));
   for (let i = 0;i < 10; i++) {
@@ -315,6 +369,8 @@ async function createViteConfig(options) {
     root: rootDir,
     mode,
     cacheDir,
+    customLogger: createFriendlyLogger(),
+    logLevel: mode === "production" ? "silent" : "info",
     plugins: [
       mdx({
         remarkPlugins: [remarkGfm],
@@ -331,7 +387,10 @@ async function createViteConfig(options) {
         "@prev/theme": path4.join(srcRoot2, "theme"),
         react: path4.join(cliNodeModules, "react"),
         "react-dom": path4.join(cliNodeModules, "react-dom"),
-        "react-router-dom": path4.join(cliNodeModules, "react-router-dom")
+        "react-router-dom": path4.join(cliNodeModules, "react-router-dom"),
+        mermaid: path4.join(cliNodeModules, "mermaid"),
+        dayjs: path4.join(cliNodeModules, "dayjs"),
+        "@terrastruct/d2": path4.join(cliNodeModules, "@terrastruct/d2")
       }
     },
     optimizeDeps: {
@@ -342,7 +401,10 @@ async function createViteConfig(options) {
         "react-dom/client",
         "react-router-dom",
         "react/jsx-runtime",
-        "react/jsx-dev-runtime"
+        "react/jsx-dev-runtime",
+        "mermaid",
+        "dayjs",
+        "@terrastruct/d2"
       ],
       exclude: [
         "clsx",
@@ -365,7 +427,9 @@ async function createViteConfig(options) {
       strictPort: false
     },
     build: {
-      outDir: path4.join(rootDir, "dist")
+      outDir: path4.join(rootDir, "dist"),
+      reportCompressedSize: false,
+      chunkSizeWarningLimit: 1e4
     }
   };
 }
@@ -402,6 +466,22 @@ async function findAvailablePort(minPort, maxPort) {
 }
 
 // src/vite/start.ts
+function printWelcome(type) {
+  console.log();
+  console.log("  ✨ prev");
+  console.log();
+  if (type === "dev") {
+    console.log("  Your docs are ready! Open in your browser:");
+  } else {
+    console.log("  Previewing your production build:");
+  }
+}
+function printReady() {
+  console.log();
+  console.log("  Edit your .mdx files and see changes instantly.");
+  console.log("  Press Ctrl+C to stop.");
+  console.log();
+}
 async function startDev(rootDir, options = {}) {
   const port = options.port ?? await getRandomPort();
   const config = await createViteConfig({
@@ -411,20 +491,24 @@ async function startDev(rootDir, options = {}) {
   });
   const server = await createServer2(config);
   await server.listen();
-  console.log();
-  console.log(`  prev dev server running at:`);
+  printWelcome("dev");
   server.printUrls();
-  console.log();
+  printReady();
   return server;
 }
 async function buildSite(rootDir) {
+  console.log();
+  console.log("  ✨ prev build");
+  console.log();
+  console.log("  Building your documentation site...");
   const config = await createViteConfig({
     rootDir,
     mode: "production"
   });
   await build(config);
   console.log();
-  console.log(`  Build complete. Output in ./dist`);
+  console.log("  Done! Your site is ready in ./dist");
+  console.log("  You can deploy this folder anywhere.");
   console.log();
 }
 async function previewSite(rootDir, options = {}) {
@@ -435,10 +519,11 @@ async function previewSite(rootDir, options = {}) {
     port
   });
   const server = await preview(config);
-  console.log();
-  console.log(`  Preview server running at:`);
+  printWelcome("preview");
   server.printUrls();
   console.log();
+  console.log("  Press Ctrl+C to stop.");
+  console.log();
   return server;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prev-cli",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Transform MDX directories into beautiful documentation websites",
   "type": "module",
   "license": "MIT",

package/src/theme/Layout.tsx

@@ -37,28 +37,33 @@ async function renderD2Diagrams() {
   const codeBlocks = document.querySelectorAll('code.language-d2, code.hljs.language-d2')
   if (codeBlocks.length === 0) return
 
-  const { D2 } = await import('@terrastruct/d2')
-  const d2 = new D2()
+  try {
+    const d2Module = await import('@terrastruct/d2')
+    const { D2 } = d2Module
+    const d2 = new D2()
 
-  for (const block of codeBlocks) {
-    const pre = block.parentElement as HTMLElement
-    if (!pre || pre.dataset.rendered) continue
-    pre.dataset.rendered = 'true'
+    for (const block of codeBlocks) {
+      const pre = block.parentElement as HTMLElement
+      if (!pre || pre.dataset.rendered) continue
+      pre.dataset.rendered = 'true'
 
-    const code = block.textContent || ''
-    const container = document.createElement('div')
-    container.className = 'd2-diagram'
+      const code = block.textContent || ''
+      const container = document.createElement('div')
+      container.className = 'd2-diagram'
 
-    try {
-      const result = await d2.compile(code)
-      const svg = await d2.render(result.diagram)
-      container.innerHTML = svg
-      // Hide original instead of replacing (avoids React DOM conflicts)
-      pre.style.display = 'none'
-      pre.insertAdjacentElement('afterend', container)
-    } catch (e) {
-      console.error('D2 render error:', e)
+      try {
+        const result = await d2.compile(code)
+        const svg = await d2.render(result.diagram, result.renderOptions)
+        container.innerHTML = svg
+        // Hide original instead of replacing (avoids React DOM conflicts)
+        pre.style.display = 'none'
+        pre.insertAdjacentElement('afterend', container)
+      } catch (e) {
+        console.error('D2 render error:', e)
+      }
     }
+  } catch (e) {
+    console.error('D2 library load error:', e)
   }
 }