@t8/docsgen 0.3.19 → 0.3.21

package/dist/bin.js

@@ -360,6 +360,12 @@ function getInjectedContent(ctx, page, target, mode) {
 // src/bin/getNav.ts
 import { JSDOM as JSDOM2 } from "jsdom";
 
+// src/bin/getNpmLink.ts
+function getNpmLink({ npm }, className) {
+  if (!npm) return "";
+  return `<a href="${npm}"${className ? ` class="${className}"` : ""} target="_blank">npm</a>`;
+}
+
 // src/bin/getRepoLink.ts
 function getRepoLink({ repo }, className) {
   if (!repo) return "";
@@ -421,11 +427,13 @@ async function getNav(ctx, navItems) {
 </ul>
 ` : "";
   let repoLink = getRepoLink(ctx);
-  if (repoLink || backstory)
+  let npmLink = getNpmLink(ctx);
+  if (repoLink || npmLink || backstory)
     s += `
 <p class="title">Resources</p>
 <ul>
   ${repoLink ? `<li>${repoLink}</li>` : ""}
+  ${npmLink ? `<li>${npmLink}</li>` : ""}
   ${backstory ? `<li><a href="${backstory}">Backstory</a></li>` : ""}
 </ul>
 `;

package/dist/css/base.css

@@ -23,7 +23,7 @@
     --link-color: deepskyblue;
     --secondary-color: #8d8d8d;
     --emphatic-color: var(--color);
-    --line-color: #272b34;
+    --line-color: #383a3e;
 
     --aux-color: #8e9198;
     --aux-background: #1d2331;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t8/docsgen",
-  "version": "0.3.19",
+  "version": "0.3.21",
   "description": "",
   "main": "dist/bin.js",
   "type": "module",

package/src/bin/getNav.ts

@@ -2,6 +2,7 @@ import { JSDOM } from "jsdom";
 import type { Context } from "../types/Context.ts";
 import type { NavItem } from "../types/NavItem.ts";
 import { fetchContent } from "./fetchContent.ts";
+import { getNpmLink } from "./getNpmLink.ts";
 import { getRepoLink } from "./getRepoLink.ts";
 
 export async function getNav(ctx: Context, navItems: NavItem[]) {
@@ -68,12 +69,14 @@ export async function getNav(ctx: Context, navItems: NavItem[]) {
   s = s ? `<p class="title">Contents</p>\n<ul>${s}\n</ul>\n` : "";
 
   let repoLink = getRepoLink(ctx);
+  let npmLink = getNpmLink(ctx);
 
-  if (repoLink || backstory)
+  if (repoLink || npmLink || backstory)
     s += `
 <p class="title">Resources</p>
 <ul>
   ${repoLink ? `<li>${repoLink}</li>` : ""}
+  ${npmLink ? `<li>${npmLink}</li>` : ""}
   ${backstory ? `<li><a href="${backstory}">Backstory</a></li>` : ""}
 </ul>
 `;

package/src/bin/getNpmLink.ts

@@ -0,0 +1,7 @@
+import type { Context } from "../types/Context.ts";
+
+export function getNpmLink({ npm }: Context, className?: string) {
+  if (!npm) return "";
+
+  return `<a href="${npm}"${className ? ` class="${className}"` : ""} target="_blank">npm</a>`;
+}

package/src/css/base.css

@@ -23,7 +23,7 @@
     --link-color: deepskyblue;
     --secondary-color: #8d8d8d;
     --emphatic-color: var(--color);
-    --line-color: #272b34;
+    --line-color: #383a3e;
 
     --aux-color: #8e9198;
     --aux-background: #1d2331;