@t8/docsgen 0.1.68 → 0.1.70

package/dist/bin.js

@@ -531,6 +531,7 @@ async function getParsedContent(ctx) {
   let badges = [];
   let title = "";
   let description = [];
+  let descriptionNote = [];
   let intro = [];
   let features = [];
   let note = [];
@@ -583,10 +584,21 @@ async function getParsedContent(ctx) {
     description = [];
   }
   if (intro.at(-1) === "<hr>") intro.pop();
+  if (intro.length === 1) {
+    descriptionNote = intro;
+    intro = [];
+  }
+  for (let i = 0; i < intro.length; i++) {
+    if (intro[i].includes("<br>") && intro[i].startsWith("<p>") && intro[i].endsWith("</p>")) {
+      let s = intro[i].slice(3, -4).split("<br>").join('</span><br><span class="li">');
+      intro[i] = `<p><span class="li">${s}</span></p>`;
+    }
+  }
   return {
     badges: postprocessBadges(joinLines(badges)),
     title,
     description: joinLines(description),
+    descriptionNote: joinLines(descriptionNote),
     intro: joinLines(intro),
     features: joinLines(features),
     note: joinLines(note),
@@ -678,7 +690,16 @@ ${getInjectedContent(ctx, "redirect", "body")}
     );
     return;
   }
-  let { badges, description, intro, features, installation, sections, nav } = await getParsedContent(ctx);
+  let {
+    badges,
+    description,
+    descriptionNote,
+    intro,
+    features,
+    installation,
+    sections,
+    nav
+  } = await getParsedContent(ctx);
   let navContent = await getNav(ctx, nav);
   let dirs = [contentDir];
   await Promise.all(
@@ -772,6 +793,7 @@ ${getInjectedContent(ctx, "section", "body")}
     <h1>${getTitle(ctx, { cover: true })}</h1>
     <div class="description">
       ${description || (escapedPackageDescription ? `<p><em>${escapedPackageDescription}</em><p>` : "")}
+      ${descriptionNote}
     </div>
     <p class="actions">
       <a href="${root}start" class="primary button">Docs</a>

package/dist/css/base.css

@@ -167,9 +167,6 @@ footer {
 main {
   box-sizing: border-box;
 }
-main h2:first-child {
-  margin-top: 0;
-}
 main ul {
   padding: 0;
   padding-inline-start: 1.5em;

package/dist/css/index.css

@@ -171,15 +171,15 @@ section.intro .section-content {
   }
   section .section-content {
     max-width: auto;
-    padding: var(--content-padding-y) var(--content-padding-x);
+    padding: 1rem 1.35rem;
   }
   section.intro-title .section-content {
-    min-height: auto;
-    padding-top: 2em;
-    padding-bottom: 1.5em;
+    min-height: 60vh;
+    padding-top: 2rem;
+    padding-bottom: 1.5rem;
   }
   section.intro-title:last-child .section-content {
-    padding-bottom: 2.5em;
+    padding-bottom: 2.5rem;
   }
   section.intro {
     flex: auto;
@@ -187,7 +187,7 @@ section.intro .section-content {
     align-items: center;
   }
   section.intro .section-content {
-    padding-top: 0.5em;
+    padding-top: 0.5rem;
   }
 }
 .features {
@@ -220,10 +220,6 @@ section.intro .section-content {
   border-top: 0.15em solid var(--line-color);
 }
 @media (max-width: 840px) {
-  .features {
-    padding: 0 0.5em;
-    margin: 0;
-  }
   .features h2 {
     text-align: center;
   }

package/dist/css/section.css

@@ -142,6 +142,9 @@ main h2 {
   border-bottom: var(--hr-border);
   padding-bottom: 0.1em;
 }
+main h2:first-child {
+  margin-top: 0;
+}
 
 .pagenav {
   --icon-width: 1.25em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t8/docsgen",
-  "version": "0.1.68",
+  "version": "0.1.70",
   "description": "",
   "main": "dist/bin.js",
   "bin": {

package/src/bin/getParsedContent.ts

@@ -132,6 +132,7 @@ export async function getParsedContent(ctx: Context) {
   let badges: string[] = [];
   let title = "";
   let description: string[] = [];
+  let descriptionNote: string[] = [];
   let intro: string[] = [];
   let features: string[] = [];
   let note: string[] = [];
@@ -203,10 +204,31 @@ export async function getParsedContent(ctx: Context) {
 
   if (intro.at(-1) === "<hr>") intro.pop();
 
+  if (intro.length === 1) {
+    descriptionNote = intro;
+    intro = [];
+  }
+
+  for (let i = 0; i < intro.length; i++) {
+    if (
+      intro[i].includes("<br>") &&
+      intro[i].startsWith("<p>") &&
+      intro[i].endsWith("</p>")
+    ) {
+      let s = intro[i]
+        .slice(3, -4)
+        .split("<br>")
+        .join('</span><br><span class="li">');
+
+      intro[i] = `<p><span class="li">${s}</span></p>`;
+    }
+  }
+
   return {
     badges: postprocessBadges(joinLines(badges)),
     title,
     description: joinLines(description),
+    descriptionNote: joinLines(descriptionNote),
     intro: joinLines(intro),
     features: joinLines(features),
     note: joinLines(note),

package/src/bin/setContent.ts

@@ -89,8 +89,16 @@ ${getInjectedContent(ctx, "redirect", "body")}
     return;
   }
 
-  let { badges, description, intro, features, installation, sections, nav } =
-    await getParsedContent(ctx);
+  let {
+    badges,
+    description,
+    descriptionNote,
+    intro,
+    features,
+    installation,
+    sections,
+    nav,
+  } = await getParsedContent(ctx);
 
   let navContent = await getNav(ctx, nav);
   let dirs = [contentDir];
@@ -192,6 +200,7 @@ ${getInjectedContent(ctx, "section", "body")}
     <h1>${getTitle(ctx, { cover: true })}</h1>
     <div class="description">
       ${description || (escapedPackageDescription ? `<p><em>${escapedPackageDescription}</em><p>` : "")}
+      ${descriptionNote}
     </div>
     <p class="actions">
       <a href="${root}start" class="primary button">Docs</a>

package/src/css/base.css

@@ -167,9 +167,6 @@ footer {
 main {
   box-sizing: border-box;
 }
-main h2:first-child {
-  margin-top: 0;
-}
 main ul {
   padding: 0;
   padding-inline-start: 1.5em;

package/src/css/index.css

@@ -171,15 +171,15 @@ section.intro .section-content {
   }
   section .section-content {
     max-width: auto;
-    padding: var(--content-padding-y) var(--content-padding-x);
+    padding: 1rem 1.35rem;
   }
   section.intro-title .section-content {
-    min-height: auto;
-    padding-top: 2em;
-    padding-bottom: 1.5em;
+    min-height: 60vh;
+    padding-top: 2rem;
+    padding-bottom: 1.5rem;
   }
   section.intro-title:last-child .section-content {
-    padding-bottom: 2.5em;
+    padding-bottom: 2.5rem;
   }
   section.intro {
     flex: auto;
@@ -187,7 +187,7 @@ section.intro .section-content {
     align-items: center;
   }
   section.intro .section-content {
-    padding-top: 0.5em;
+    padding-top: 0.5rem;
   }
 }
 .features {
@@ -220,10 +220,6 @@ section.intro .section-content {
   border-top: 0.15em solid var(--line-color);
 }
 @media (max-width: 840px) {
-  .features {
-    padding: 0 0.5em;
-    margin: 0;
-  }
   .features h2 {
     text-align: center;
   }

package/src/css/section.css

@@ -142,6 +142,9 @@ main h2 {
   border-bottom: var(--hr-border);
   padding-bottom: 0.1em;
 }
+main h2:first-child {
+  margin-top: 0;
+}
 
 .pagenav {
   --icon-width: 1.25em;