@brillout/docpress 0.4.13 → 0.4.15

package/dist/index.d.ts

@@ -152,7 +152,7 @@ declare function Sponsors(): JSX.Element;
 
 declare function CodeBlock({ children, lineBreak }: {
     children: any;
-    lineBreak?: true;
+    lineBreak?: 'white-space' | 'break-word';
 }): JSX.Element;
 
 export { CodeBlock, Config, Construction, Emoji, EmojiName, HeadingDefinition, HeadingDetachedDefinition, HorizontalLine, ImportMeta, Info, Link, Note, P, ReadingRecommendation, RepoLink, Sponsor, Sponsors, Warning, assert, assertUsage, assertWarning, crawlAllFiles, determineSectionTitle, determineSectionUrlHash, filter, isBrowser, isRepoLink, jsxToTextContent, objectAssign };

package/dist/index.js

@@ -585,15 +585,18 @@ function isIndividual(sponsor) {
 // src/components/CodeBlock.tsx
 import React9 from "react";
 function CodeBlock({ children, lineBreak }) {
-  assert(lineBreak, "`lineBreak: true` is currently the only use case for <CodeBlock>");
+  assert(
+    lineBreak === "white-space" || lineBreak === "break-word",
+    "`lineBreak` is currently the only use case for <CodeBlock>"
+  );
   const style = {};
   if (lineBreak) {
-    objectAssign(style, {
-      wordWrap: "break-word",
-      wordBreak: "break-all",
-      whiteSpace: "initial",
-      paddingRight: "16px !important"
-    });
+    style.whiteSpace = "break-spaces";
+    style.paddingRight = "16px !important";
+    if (lineBreak === "break-word") {
+      style.wordWrap = "break-word";
+      style.wordBreak = "break-all";
+    }
   }
   return /* @__PURE__ */ React9.createElement("pre", null, /* @__PURE__ */ React9.createElement("code", {
     style

package/dist/renderer/_default.page.client.css

@@ -36,29 +36,39 @@ iframe {
 }
 
 /* src/css/heading.css */
+.doc-page h2,
+.doc-page h3 {
+  margin-bottom: 16px;
+}
 .doc-page h2 {
   margin-top: 50px;
+}
+.doc-page h3 {
+  margin-top: 40px;
+}
+.doc-page h1 + h2,
+.doc-page h1 + h3,
+.doc-page h2 + h3 {
+  margin-top: 0;
+}
+.doc-page h4 {
+  margin-top: 32px;
   margin-bottom: 16px;
 }
-.doc-page h2[id] {
+.doc-page h2[id],
+.doc-page h3[id] {
   cursor: pointer;
   position: relative;
-  padding-left: 20px;
-  margin-left: -20px;
+  padding-left: 26px;
+  margin-left: -26px;
 }
-.doc-page h2[id]:hover::before {
+.doc-page h2[id]:hover::before,
+.doc-page h3[id]:hover::before {
   content: "#";
   position: absolute;
-  left: calc(-1 * (0.75em - 20px));
+  left: calc(-1 * (0.75em - 23px));
   color: #aaa;
 }
-.doc-page h1 + h2 {
-  margin-top: 0;
-}
-.doc-page h4 {
-  margin-top: 32px;
-  margin-bottom: 16px;
-}
 
 /* src/css/button.css */
 button,

package/dist/renderer/_default.page.client.js

@@ -29,29 +29,31 @@ function installSectionUrlHashs() {
     assert(window.location.pathname === "/");
     return;
   }
-  const navigationsEl = Array.from(document.querySelectorAll(".navigation-content"));
-  assert(navigationsEl.length > 0);
-  navigationsEl.forEach((navigationEl) => {
-    const docSections = Array.from(document.querySelectorAll("h2"));
-    docSections.forEach((docSection) => {
-      if (!docSection.id)
-        return;
-      const urlHash = "#" + docSection.id;
-      assertNavLink(navigationEl, urlHash);
-      docSection.onclick = () => {
-        window.location.hash = urlHash;
-        jumpToSection();
-      };
-    });
+  const headings = [...Array.from(document.querySelectorAll("h2")), ...Array.from(document.querySelectorAll("h3"))];
+  headings.forEach((heading) => {
+    if (!heading.id)
+      return;
+    const urlHash = "#" + heading.id;
+    assertNavLink(urlHash, heading);
+    heading.onclick = () => {
+      window.location.hash = urlHash;
+      jumpToSection();
+    };
   });
 }
-function assertNavLink(navigationEl, urlHash) {
-  const parentNavLinkMatch = Array.from(navigationEl.querySelectorAll(`a[href="${window.location.pathname}"]`));
-  assert(parentNavLinkMatch.length <= 1);
-  if (parentNavLinkMatch.length === 0)
-    return;
-  const navLinks = Array.from(navigationEl.querySelectorAll(`a[href="${urlHash}"]`));
-  assert(navLinks.length === 1, { urlHash });
+function assertNavLink(urlHash, heading) {
+  const navigationEl = getNavigationEl();
+  {
+    const parentNavLinkMatch = Array.from(navigationEl.querySelectorAll(`a[href="${window.location.pathname}"]`));
+    assert(parentNavLinkMatch.length === 1);
+  }
+  {
+    const navLinks = Array.from(navigationEl.querySelectorAll(`a[href="${urlHash}"]`));
+    const { tagName } = heading;
+    assert(tagName.startsWith("H"));
+    const lengthExpected = tagName === "H2" ? 1 : 0;
+    assert(navLinks.length === lengthExpected, { urlHash });
+  }
 }
 function jumpToSection() {
   const { hash } = window.location;
@@ -65,6 +67,12 @@ function jumpToSection() {
   }
   target.scrollIntoView();
 }
+function getNavigationEl() {
+  const elems = Array.from(document.querySelectorAll("#navigation-container"));
+  assert(elems.length === 1);
+  const navigationEl = elems[0];
+  return navigationEl;
+}
 
 // src/navigation/navigation-fullscreen/initNavigationFullscreen.ts
 var scrollPositionBeforeToggle = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "scripts": {
     "// Check types while developing": "",
     "types": "tsc --noEmit --watch",