prev-cli 0.11.0 → 0.11.1

package/dist/cli.js

@@ -348,7 +348,7 @@ function entryPlugin(rootDir) {
       const html = getHtml(entryPath, false);
       server.middlewares.use(async (req, res, next) => {
         const url = req.url || "/";
-        if (url === "/" || !url.includes(".") && !url.startsWith("/@")) {
+        if (url === "/" || !url.includes(".") && !url.startsWith("/@") && !url.startsWith("/_preview/")) {
           try {
             const transformed = await server.transformIndexHtml(url, html);
             res.setHeader("Content-Type", "text/html");
@@ -549,25 +549,42 @@ async function createViteConfig(options) {
       previewsPlugin(rootDir),
       {
         name: "prev-preview-server",
+        resolveId(id) {
+          if (id.startsWith("/_preview/")) {
+            const relativePath = id.slice("/_preview/".length);
+            const previewsDir = path6.join(rootDir, "previews");
+            const resolved = path6.resolve(previewsDir, relativePath);
+            if (resolved.startsWith(previewsDir)) {
+              return resolved;
+            }
+          }
+        },
         configureServer(server) {
           server.middlewares.use(async (req, res, next) => {
             if (req.url?.startsWith("/_preview/")) {
-              const previewName = decodeURIComponent(req.url.slice("/_preview/".length).split("?")[0]);
-              const previewsDir = path6.join(rootDir, "previews");
-              const htmlPath = path6.resolve(previewsDir, previewName, "index.html");
-              if (!htmlPath.startsWith(previewsDir)) {
-                return next();
-              }
-              if (existsSync4(htmlPath)) {
-                try {
-                  const html = await server.transformIndexHtml(req.url, readFileSync2(htmlPath, "utf-8"));
-                  res.setHeader("Content-Type", "text/html");
-                  res.end(html);
-                  return;
-                } catch (err) {
-                  console.error("Error serving preview:", err);
+              const urlPath = req.url.split("?")[0];
+              const isHtmlRequest = !path6.extname(urlPath) || urlPath.endsWith("/");
+              if (isHtmlRequest) {
+                const previewName = decodeURIComponent(urlPath.slice("/_preview/".length).replace(/\/$/, ""));
+                const previewsDir = path6.join(rootDir, "previews");
+                const htmlPath = path6.resolve(previewsDir, previewName, "index.html");
+                if (!htmlPath.startsWith(previewsDir)) {
                   return next();
                 }
+                if (existsSync4(htmlPath)) {
+                  try {
+                    let html = readFileSync2(htmlPath, "utf-8");
+                    const previewBase = `/_preview/${previewName}/`;
+                    html = html.replace(/(src|href)=["']\.\/([^"']+)["']/g, `$1="${previewBase}$2"`);
+                    const transformed = await server.transformIndexHtml(req.url, html);
+                    res.setHeader("Content-Type", "text/html");
+                    res.end(transformed);
+                    return;
+                  } catch (err) {
+                    console.error("Error serving preview:", err);
+                    return next();
+                  }
+                }
               }
             }
             next();

package/package.json

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