@t8/docsgen 0.1.11 → 0.1.13

package/dist/bin.js

@@ -299,7 +299,7 @@ async function getNav(ctx, navItems) {
   if (navItems.length > 1) {
     for (let { id, title, items } of navItems) {
       s += `
-<li data-id="${id}"><a href="${root}${contentDir}/${id}">${title}</a></li>`;
+<li data-id="${id}"><a href="${root}${contentDir}/${id}">${title}</a>`;
       if (items.length !== 0) {
         s += "\n  <ul>";
         for (let { title: title2 } of items) s += `
@@ -413,6 +413,18 @@ function getSectionPostprocess(linkMap) {
     return s;
   };
 }
+function postprocessBadges(content) {
+  let { document } = new import_jsdom2.JSDOM(content).window;
+  for (let img of document.querySelectorAll("img")) {
+    let parent = img.parentElement;
+    if (!parent) continue;
+    let container = document.createElement("span");
+    container.className = "badge";
+    parent.insertBefore(container, img);
+    container.append(img);
+  }
+  return document.body.innerHTML;
+}
 async function getParsedContent(ctx) {
   let { singlePage } = ctx;
   let rawContent = await fetchText(getLocation(ctx, "README.md", ctx.source));
@@ -465,7 +477,7 @@ async function getParsedContent(ctx) {
   if (section.length !== 0) sections.push(joinLines(section));
   let postprocess = getSectionPostprocess(linkMap);
   return {
-    badges: joinLines(badges),
+    badges: postprocessBadges(joinLines(badges)),
     title,
     description: joinLines(description),
     features: joinLines(features),
@@ -599,9 +611,9 @@ ${content}
 ${navContent ? "<hr>" : ""}
 ${navContent.replace(
           new RegExp(
-            `(<li data-id="${escapeRegExp(nav[i]?.id)}">)<a href="[^"]+">([^<]+)</a>(</li>)`
+            `(<li data-id="${escapeRegExp(nav[i]?.id)}">)<a href="[^"]+">([^<]+)</a>`
           ),
-          "$1<strong>$2</strong>$3"
+          "$1<strong>$2</strong>"
         )}
 </div>
 </div>

package/dist/css/base.css

@@ -227,3 +227,23 @@ html.blank .layout {
   justify-content: center;
   overflow: hidden;
 }
+
+.badges .badge {
+  display: inline-flex;
+  min-width: 60px;
+  min-height: 20px;
+  font-size: 11px;
+  font-family: Verdana, sans-serif;
+  text-align: center;
+  white-space: nowrap;
+  place-content: center;
+  color: #fff;
+  background: #345;
+  box-sizing: border-box;
+}
+.badges img {
+  vertical-align: top;
+}
+.badges a {
+  text-decoration: none;
+}

package/package.json

@@ -1,36 +1,36 @@
-{
-  "name": "@t8/docsgen",
-  "version": "0.1.11",
-  "description": "",
-  "main": "dist/bin.js",
-  "bin": {
-    "docsgen": "dist/bin.js"
-  },
-  "scripts": {
-    "build": "npx npm-run-all clean build-bin -s build-css",
-    "build-bin": "npx esbuild ./src/bin/run.ts --bundle --outfile=dist/bin.js --platform=node --external:jsdom --external:markdown-it",
-    "build-css": "node -e \"require('node:fs').cpSync('src/css', 'dist/css', { force: true, recursive: true });\"",
-    "clean": "node -e \"require('node:fs').rmSync('dist', { force: true, recursive: true });\"",
-    "prepublishOnly": "npm run build",
-    "preversion": "npx npm-run-all typecheck shape build",
-    "shape": "npx codeshape",
-    "typecheck": "tsc --noEmit"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/t8js/docsgen.git"
-  },
-  "license": "ISC",
-  "author": "axtk",
-  "devDependencies": {
-    "@types/jsdom": "^27.0.0",
-    "@types/markdown-it": "^14.1.2",
-    "@types/node": "^24.7.0",
-    "typescript": "^5.9.3"
-  },
-  "dependencies": {
-    "args-json": "^1.2.4",
-    "jsdom": "^27.0.0",
-    "markdown-it": "^14.1.0"
-  }
-}
+{
+  "name": "@t8/docsgen",
+  "version": "0.1.13",
+  "description": "",
+  "main": "dist/bin.js",
+  "bin": {
+    "docsgen": "dist/bin.js"
+  },
+  "scripts": {
+    "build": "npx npm-run-all clean build-bin -s build-css",
+    "build-bin": "npx esbuild ./src/bin/run.ts --bundle --outfile=dist/bin.js --platform=node --external:jsdom --external:markdown-it",
+    "build-css": "node -e \"require('node:fs').cpSync('src/css', 'dist/css', { force: true, recursive: true });\"",
+    "clean": "node -e \"require('node:fs').rmSync('dist', { force: true, recursive: true });\"",
+    "prepublishOnly": "npm run build",
+    "preversion": "npx npm-run-all typecheck shape build",
+    "shape": "npx codeshape",
+    "typecheck": "tsc --noEmit"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/t8js/docsgen.git"
+  },
+  "license": "ISC",
+  "author": "axtk",
+  "devDependencies": {
+    "@types/jsdom": "^27.0.0",
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^24.7.0",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "args-json": "^1.2.4",
+    "jsdom": "^27.0.0",
+    "markdown-it": "^14.1.0"
+  }
+}

package/src/bin/getNav.ts

@@ -32,7 +32,7 @@ export async function getNav(ctx: Context, navItems: NavItem[]) {
 
   if (navItems.length > 1) {
     for (let { id, title, items } of navItems) {
-      s += `\n<li data-id="${id}"><a href="${root}${contentDir}/${id}">${title}</a></li>`;
+      s += `\n<li data-id="${id}"><a href="${root}${contentDir}/${id}">${title}</a>`;
 
       if (items.length !== 0) {
         s += "\n  <ul>";

package/src/bin/getParsedContent.ts

@@ -103,6 +103,24 @@ function getSectionPostprocess(linkMap: Record<string, string>) {
   };
 }
 
+function postprocessBadges(content: string) {
+  let { document } = new JSDOM(content).window;
+
+  for (let img of document.querySelectorAll("img")) {
+    let parent = img.parentElement;
+
+    if (!parent) continue;
+
+    let container = document.createElement("span");
+    container.className = "badge";
+
+    parent.insertBefore(container, img);
+    container.append(img);
+  }
+
+  return document.body.innerHTML;
+}
+
 export async function getParsedContent(ctx: Context) {
   let { singlePage } = ctx;
   let rawContent = await fetchText(getLocation(ctx, "README.md", ctx.source));
@@ -170,7 +188,7 @@ export async function getParsedContent(ctx: Context) {
   let postprocess = getSectionPostprocess(linkMap);
 
   return {
-    badges: joinLines(badges),
+    badges: postprocessBadges(joinLines(badges)),
     title,
     description: joinLines(description),
     features: joinLines(features),

package/src/bin/setContent.ts

@@ -132,9 +132,9 @@ ${content}
 ${navContent ? "<hr>" : ""}
 ${navContent.replace(
   new RegExp(
-    `(<li data-id="${escapeRegExp(nav[i]?.id)}">)<a href="[^"]+">([^<]+)</a>(</li>)`,
+    `(<li data-id="${escapeRegExp(nav[i]?.id)}">)<a href="[^"]+">([^<]+)</a>`,
   ),
-  "$1<strong>$2</strong>$3",
+  "$1<strong>$2</strong>",
 )}
 </div>
 </div>

package/src/css/base.css

@@ -227,3 +227,23 @@ html.blank .layout {
   justify-content: center;
   overflow: hidden;
 }
+
+.badges .badge {
+  display: inline-flex;
+  min-width: 60px;
+  min-height: 20px;
+  font-size: 11px;
+  font-family: Verdana, sans-serif;
+  text-align: center;
+  white-space: nowrap;
+  place-content: center;
+  color: #fff;
+  background: #345;
+  box-sizing: border-box;
+}
+.badges img {
+  vertical-align: top;
+}
+.badges a {
+  text-decoration: none;
+}