@t8/docsgen 0.4.0 → 0.4.2

package/dist/bin.js

@@ -810,10 +810,15 @@ ${navContent}
 </nav>`;
 }
 
+// src/bin/content/tweakTypography.ts
+function tweakTypography(s = "") {
+  return s.replace(/\b(for|in|on|at|to|with|a|an|the|its)\s+/gi, "$1\xA0").replace(/\b(React)\s+(apps?)\b/gi, "$1\xA0$2");
+}
+
 // src/bin/content/getSectionContent.ts
 async function getSectionContent(ctx, index) {
   let { root, contentDir = "" } = ctx;
-  let escapedPackageDescription = escapeHTML(ctx.description);
+  let escapedPackageDescription = escapeHTML(tweakTypography(ctx.description));
   let cssRoot = await getCSSRoot(ctx, "content");
   let { sections, nav } = await getParsedContent(ctx);
   let content = sections[index];

package/dist/css/section.css

@@ -15,10 +15,23 @@ header {
   padding-bottom: 0.5em;
 }
 header h1 {
-  font-size: 1.25em;
+  font-size: 1.3rem;
   font-weight: 900;
+  color: var(--aux-emphatic-color);
   margin: 0;
 }
+header h1 > a,
+header h1 > a:link,
+header h1 > a:hover,
+header h1 > a:visited,
+header h1 > a:active {
+  --color: var(--aux-emphatic-color);
+  text-decoration: underline;
+  border-bottom: none;
+}
+header h1 sup {
+  font-size: 0.5em;
+}
 header .description {
   font-size: 0.8em;
   margin-top: 0.15em;
@@ -87,10 +100,26 @@ aside > .header .installation code {
   margin: 0;
 }
 aside h1 {
-  font-size: 1.35em;
+  font-size: 1.3rem;
   font-weight: 900;
+  color: var(--aux-emphatic-color);
   margin: 0;
 }
+aside h1 > a,
+aside h1 > a:link,
+aside h1 > a:hover,
+aside h1 > a:visited,
+aside h1 > a:active {
+  --color: var(--aux-emphatic-color);
+  text-decoration: underline;
+  border-bottom: none;
+}
+aside h1 sup {
+  font-size: 0.5em;
+}
+aside nav {
+  font-size: 0.8rem;
+}
 aside section {
   width: 100%;
   max-width: 16em;
@@ -227,14 +256,6 @@ main h1 {
 h1 .sep {
   margin: 0 0.1em;
 }
-h1 a,
-h1 a:link,
-h1 a:hover,
-h1 a:visited,
-h1 a:active {
-  color: inherit;
-  text-decoration: none;
-}
 @media (max-width: 840px) {
   main h1 {
     margin-top: 0;
@@ -244,6 +265,7 @@ main h1 + h2 {
   margin-top: 0.5rem;
 }
 main h2 {
+  font-weight: 900;
   border-bottom: var(--sep-line);
   padding-bottom: 0.1em;
 }

package/package.json

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

package/src/bin/content/getSectionContent.ts

@@ -14,10 +14,11 @@ import { getMainTitle } from "./getMainTitle.ts";
 import { getNav } from "./getNav.ts";
 import { getPlainTitle } from "./getPlainTitle.ts";
 import { toFileContent } from "./toFileContent.ts";
+import { tweakTypography } from "./tweakTypography.ts";
 
 export async function getSectionContent(ctx: Context, index: number) {
   let { root, contentDir = "" } = ctx;
-  let escapedPackageDescription = escapeHTML(ctx.description);
+  let escapedPackageDescription = escapeHTML(tweakTypography(ctx.description));
 
   let cssRoot = await getCSSRoot(ctx, "content");
   let { sections, nav } = await getParsedContent(ctx);

package/src/css/section.css

@@ -15,10 +15,23 @@ header {
   padding-bottom: 0.5em;
 }
 header h1 {
-  font-size: 1.25em;
+  font-size: 1.3rem;
   font-weight: 900;
+  color: var(--aux-emphatic-color);
   margin: 0;
 }
+header h1 > a,
+header h1 > a:link,
+header h1 > a:hover,
+header h1 > a:visited,
+header h1 > a:active {
+  --color: var(--aux-emphatic-color);
+  text-decoration: underline;
+  border-bottom: none;
+}
+header h1 sup {
+  font-size: 0.5em;
+}
 header .description {
   font-size: 0.8em;
   margin-top: 0.15em;
@@ -87,10 +100,26 @@ aside > .header .installation code {
   margin: 0;
 }
 aside h1 {
-  font-size: 1.35em;
+  font-size: 1.3rem;
   font-weight: 900;
+  color: var(--aux-emphatic-color);
   margin: 0;
 }
+aside h1 > a,
+aside h1 > a:link,
+aside h1 > a:hover,
+aside h1 > a:visited,
+aside h1 > a:active {
+  --color: var(--aux-emphatic-color);
+  text-decoration: underline;
+  border-bottom: none;
+}
+aside h1 sup {
+  font-size: 0.5em;
+}
+aside nav {
+  font-size: 0.8rem;
+}
 aside section {
   width: 100%;
   max-width: 16em;
@@ -227,14 +256,6 @@ main h1 {
 h1 .sep {
   margin: 0 0.1em;
 }
-h1 a,
-h1 a:link,
-h1 a:hover,
-h1 a:visited,
-h1 a:active {
-  color: inherit;
-  text-decoration: none;
-}
 @media (max-width: 840px) {
   main h1 {
     margin-top: 0;
@@ -244,6 +265,7 @@ main h1 + h2 {
   margin-top: 0.5rem;
 }
 main h2 {
+  font-weight: 900;
   border-bottom: var(--sep-line);
   padding-bottom: 0.1em;
 }