do11y 0.5.6 → 0.5.8

package/dist/docs/html/plugin.js

@@ -2,8 +2,9 @@ import { join } from "node:path";
 import { writeFileSync } from "node:fs";
 import { output } from "../files.js";
 import { render } from "./render.js";
+import { getUserViteConfig } from "../vite-config.js";
 export const indexHtml = (folder, key) => ({
-    writeBundle(_, bundle) {
+    async writeBundle(_, bundle) {
         const chunk = Object.values(bundle).find((chunk) => {
             return chunk.type === "chunk" && chunk.isEntry && chunk.facadeModuleId?.endsWith(`${key}.js`);
         });
@@ -11,20 +12,22 @@ export const indexHtml = (folder, key) => ({
             throw new Error(`Failed to create HTML file for ${key}.`);
         }
         const stylesheets = Array.from(chunk.viteMetadata?.importedCss || []);
-        const html = render(chunk.fileName, stylesheets);
+        const { base } = await getUserViteConfig("build");
+        const html = render(base, chunk.fileName, stylesheets);
         writeFileSync(join(output, `${key}.html`), html);
         if (key === "index") {
             writeFileSync(join(output, "404.html"), html);
         }
     },
-    configureServer(server) {
+    async configureServer(server) {
         const bundle = join(folder, `${key}.js`);
         const sandboxBundle = join(folder, "sandbox.js");
         server.middlewares.use(async (req, res, next) => {
             if (!req.url || req.method !== "GET" || !req.headers.accept?.includes("text/html")) {
                 return next();
             }
-            const html = render(`/@fs/${req.url?.startsWith("/sandbox") ? sandboxBundle : bundle}`);
+            const { base } = await getUserViteConfig("build");
+            const html = render(base, `/@fs/${req.url?.startsWith("/sandbox") ? sandboxBundle : bundle}`);
             const transformedHtml = await server.transformIndexHtml(req.url, html);
             res.statusCode = 200;
             res.setHeader("content-type", "text/html; charset=UTF-8");

package/dist/docs/html/render.d.ts

@@ -1 +1 @@
-export declare const render: (script: string, stylesheets?: string[]) => string;
+export declare const render: (base: string | undefined, script: string, stylesheets?: string[]) => string;

package/dist/docs/html/render.js

@@ -2,17 +2,17 @@ import { readFileSync } from "node:fs";
 import { join } from "node:path";
 import { JSDOM } from "jsdom";
 const template = readFileSync(join(import.meta.dirname, "index.html"), "utf-8");
-export const render = (script, stylesheets = []) => {
+export const render = (base = "", script, stylesheets = []) => {
     const jsdom = new JSDOM(template);
     const scriptElement = jsdom.window.document.createElement("script");
     scriptElement.setAttribute("type", "module");
-    scriptElement.setAttribute("src", script);
+    scriptElement.setAttribute("src", `${base}${script}`);
     jsdom.window.document.documentElement.appendChild(scriptElement);
     for (const stylesheet of stylesheets) {
         const linkElement = jsdom.window.document.createElement("link");
         linkElement.setAttribute("as", "style");
         linkElement.setAttribute("rel", "preload stylesheet");
-        linkElement.setAttribute("href", stylesheet);
+        linkElement.setAttribute("href", `${base}${stylesheet}`);
         jsdom.window.document.head.appendChild(linkElement);
     }
     return jsdom.serialize();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "do11y",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "A bare-bones tool to document Vue components.",
   "keywords": [
     "docs-generator",