do11y 0.4.1 → 0.4.3

package/dist/docs/html/plugin.js

@@ -3,10 +3,19 @@ import { writeFileSync } from "node:fs";
 import { output } from "../files.js";
 import { render } from "./render.js";
 export const indexHtml = (folder, key) => ({
-    writeBundle() {
-        const html = render(`/assets/${key}.js`, `/assets/${key}.css`);
-        const indexHtmlFile = join(output, `${key}.html`);
-        writeFileSync(indexHtmlFile, html);
+    writeBundle(_, bundle) {
+        const chunk = Object.values(bundle).find((chunk) => {
+            return chunk.type === "chunk" && chunk.isEntry && chunk.facadeModuleId?.endsWith(`${key}.js`);
+        });
+        if (!chunk) {
+            throw new Error(`Failed to create HTML file for ${key}.`);
+        }
+        const stylesheets = Array.from(chunk.viteMetadata?.importedCss || []);
+        const html = render(chunk.fileName, stylesheets);
+        writeFileSync(join(output, `${key}.html`), html);
+        if (key === "index") {
+            writeFileSync(join(output, "404.html"), html);
+        }
     },
     configureServer(server) {
         const bundle = join(folder, `${key}.js`);

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

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

package/dist/docs/html/render.js

@@ -2,13 +2,13 @@ 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, stylesheet) => {
+export const render = (script, stylesheets = []) => {
     const jsdom = new JSDOM(template);
     const scriptElement = jsdom.window.document.createElement("script");
     scriptElement.setAttribute("type", "module");
     scriptElement.setAttribute("src", script);
     jsdom.window.document.documentElement.appendChild(scriptElement);
-    if (stylesheet) {
+    for (const stylesheet of stylesheets) {
         const linkElement = jsdom.window.document.createElement("link");
         linkElement.setAttribute("as", "style");
         linkElement.setAttribute("rel", "preload stylesheet");

package/dist/docs/index.d.ts

@@ -2,6 +2,10 @@ import type { Options } from "./plugins/options.js";
 import type { Meta } from "./plugins/meta/meta-types.js";
 export type { Options, Meta };
 export interface SandboxIframeProps {
+    /**
+     * The accessible title for the Iframe.
+     */
+    title: string;
     /**
      * The `id` of the sandbox - which is the filename
      * in lower-case without the extension.

package/dist/ui/sandbox-iframe.js

@@ -1 +1 @@
-import{computed as e,createBlock as t,createElementBlock as n,defineComponent as r,mergeProps as i,onBeforeMount as a,openBlock as o,shallowRef as s,unref as c}from"vue";import l from"do11y:options";var u=[`src`],d=r({__name:`SandboxIframe`,props:{id:{},url:{},highlightedSource:{},highlightedStylelessSource:{},highlightedCssSource:{},passedProps:{}},setup(r){let d=r,f=e(()=>`/sandbox?id=${d.id}`),p=s();return a(async()=>{p.value=(await l.SandboxIframe?.())?.default}),(e,a)=>p.value?(o(),t(c(p),i({key:0,id:r.id,url:f.value,"highlighted-source":r.highlightedSource,"highlighted-css-source":r.highlightedCssSource,"highlighted-styleless-source":r.highlightedStylelessSource},r.passedProps),null,16,[`id`,`url`,`highlighted-source`,`highlighted-css-source`,`highlighted-styleless-source`])):(o(),n(`iframe`,{key:1,src:f.value},null,8,u))}});export{d as default};
+import{computed as e,createBlock as t,createElementBlock as n,defineComponent as r,mergeProps as i,onBeforeMount as a,openBlock as o,shallowRef as s,unref as c}from"vue";import l from"do11y:options";var u=[`title`,`src`],d=r({__name:`SandboxIframe`,props:{title:{},id:{},url:{},highlightedSource:{},highlightedStylelessSource:{},highlightedCssSource:{},passedProps:{}},setup(r){let d=r,f=e(()=>`/sandbox?id=${d.id}`),p=s();return a(async()=>{p.value=(await l.SandboxIframe?.())?.default}),(e,a)=>p.value?(o(),t(c(p),i({key:0,title:r.title,id:r.id,url:f.value,"highlighted-source":r.highlightedSource,"highlighted-css-source":r.highlightedCssSource,"highlighted-styleless-source":r.highlightedStylelessSource},r.passedProps),null,16,[`title`,`id`,`url`,`highlighted-source`,`highlighted-css-source`,`highlighted-styleless-source`])):(o(),n(`iframe`,{key:1,title:r.title,src:f.value},null,8,u))}});export{d as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "do11y",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "A bare-bones tool to document Vue components.",
   "keywords": [
     "docs-generator",
@@ -50,7 +50,7 @@
     "jiti": "^2.6.1",
     "oxfmt": "^0.41.0",
     "oxlint": "^1.56.0",
-    "typescript": "~5.9.3"
+    "typescript": "~6.0.2"
   },
   "peerDependencies": {
     "@vitejs/plugin-vue": "^6.0.5",