@t8/docsgen 0.4.23 → 0.4.25

package/dist/bin.js

@@ -436,8 +436,10 @@ function getPreviewContent(url, title) {
   let previewURL = new URL(`https://codesandbox.io/embed/${sandboxId}`);
   let content = title ? `<legend>${title}</legend>` : "";
   previewURL.searchParams.set("view", "preview");
+  previewURL.searchParams.set("hidedevtools", "1");
+  previewURL.searchParams.set("theme", "dark");
   if (file) previewURL.searchParams.set("module", file);
-  let attrs = [`src="${previewURL.href}"`];
+  let attrs = ['class="csb"', `src="${previewURL.href}"`];
   if (title) attrs.push(`title="${title}"`);
   if (height) attrs.push(`style="height: ${height}px;"`);
   content += `<iframe ${attrs.join(" ")} sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts" loading="lazy"></iframe>`;
@@ -889,19 +891,14 @@ async function getNav(ctx, navItems) {
       navItemCount++;
     }
   } else {
-    for (let { id, title, items } of navItems) {
+    for (let {
+      id,
+      title
+      /*, items */
+    } of navItems) {
       let itemLink = `${root}${contentDir}/${encodeURIComponent(id)}`;
       s += `
 <li data-id="${id}"><a href="${itemLink}">${title}</a>`;
-      if (items.length !== 0) {
-        s += "\n  <ul>";
-        for (let { id: id2, title: title2 } of items) {
-          s += `
-    <li><a href="${itemLink}#${encodeURIComponent(id2)}">${title2}</a></li>`;
-          navItemCount++;
-        }
-        s += "\n  </ul>\n";
-      }
       s += "</li>";
       navItemCount++;
     }

package/dist/css/base.css

@@ -185,3 +185,24 @@ html.blank .layout {
   justify-content: center;
   overflow: hidden;
 }
+fieldset.csb {
+  --background: #242424;
+
+  border: 0.05em solid var(--secondary-color);
+  padding: 0.25em 0.65em 0.65em;
+  margin: var(--block-margin-y) 0;
+}
+fieldset.csb legend {
+  font-size: 0.8em;
+  color: var(--secondary-color);
+}
+fieldset.csb iframe {
+  display: block;
+  width: 100%;
+  height: 360px;
+  background: var(--background);
+  border: 2px solid var(--background);
+  border-width: 2px 3px;
+  box-sizing: border-box;
+  overflow: hidden;
+}

package/dist/css/section.css

@@ -250,21 +250,6 @@ main h2 {
 main h2:first-child {
   margin-top: 0;
 }
-main fieldset {
-  border: 0.05em solid var(--secondary-color);
-  margin: var(--block-margin-y) 0;
-}
-main fieldset legend {
-  font-size: 0.8em;
-  color: var(--secondary-color);
-}
-main fieldset iframe {
-  width: 100%;
-  height: 360px;
-  background: var(--code-block-background);
-  border: none;
-  overflow: hidden;
-}
 
 .pagenav {
   --icon-width: 1.25em;

package/package.json

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

package/src/bin/content/getNav.ts

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

package/src/bin/parsing/getSectionPostprocess.ts

@@ -15,10 +15,12 @@ function getPreviewContent(url: string, title?: string) {
   let content = title ? `<legend>${title}</legend>` : "";
 
   previewURL.searchParams.set("view", "preview");
+  previewURL.searchParams.set("hidedevtools", "1");
+  previewURL.searchParams.set("theme", "dark");
 
   if (file) previewURL.searchParams.set("module", file);
 
-  let attrs = [`src="${previewURL.href}"`];
+  let attrs = ['class="csb"', `src="${previewURL.href}"`];
 
   if (title) attrs.push(`title="${title}"`);
   if (height) attrs.push(`style="height: ${height}px;"`);

package/src/css/base.css

@@ -185,3 +185,24 @@ html.blank .layout {
   justify-content: center;
   overflow: hidden;
 }
+fieldset.csb {
+  --background: #242424;
+
+  border: 0.05em solid var(--secondary-color);
+  padding: 0.25em 0.65em 0.65em;
+  margin: var(--block-margin-y) 0;
+}
+fieldset.csb legend {
+  font-size: 0.8em;
+  color: var(--secondary-color);
+}
+fieldset.csb iframe {
+  display: block;
+  width: 100%;
+  height: 360px;
+  background: var(--background);
+  border: 2px solid var(--background);
+  border-width: 2px 3px;
+  box-sizing: border-box;
+  overflow: hidden;
+}

package/src/css/section.css

@@ -250,21 +250,6 @@ main h2 {
 main h2:first-child {
   margin-top: 0;
 }
-main fieldset {
-  border: 0.05em solid var(--secondary-color);
-  margin: var(--block-margin-y) 0;
-}
-main fieldset legend {
-  font-size: 0.8em;
-  color: var(--secondary-color);
-}
-main fieldset iframe {
-  width: 100%;
-  height: 360px;
-  background: var(--code-block-background);
-  border: none;
-  overflow: hidden;
-}
 
 .pagenav {
   --icon-width: 1.25em;