@brillout/docpress 0.4.13 → 0.4.14

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.14",
   "scripts": {
     "// Check types while developing": "",
     "types": "tsc --noEmit --watch",