@brillout/docpress 0.1.20 → 0.2.1

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

@@ -0,0 +1,312 @@
+/* src/navigation/Navigation-layout.css */
+:root {
+  --mobile-header-height: 60px;
+  --navigation-min-height: 300px;
+  --navigation-max-height: 350px;
+}
+#navigation-wrapper {
+  min-width: var(--navigation-min-height);
+}
+.doc-page #navigation-wrapper {
+  max-width: var(--navigation-max-height);
+}
+.landing-page #navigation-wrapper {
+  max-width: min(var(--navigation-max-height), max(var(--navigation-min-height), calc(var(--navigation-min-height) + 100vw - 1240px)));
+}
+#navigation-container {
+  position: sticky;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  border-right: 1px solid #eee;
+}
+#navigation-mask {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  top: 0;
+  left: 0;
+  z-index: 2;
+}
+@media screen and (min-width: 1140px) {
+  #mobile-header {
+    display: none !important;
+  }
+  #navigation-container {
+    height: 100vh;
+    top: 0;
+  }
+  #navigation-mask {
+    display: none;
+  }
+}
+#navigation-container {
+  transition: transform 0.25s ease;
+  background: white;
+  z-index: 3;
+}
+#page-wrapper {
+  margin-left: calc(-1 * var(--navigation-fullscreen-button-width));
+}
+@media screen and (max-width: 1139px) {
+  #navigation-header-logo,
+  #docsearch {
+    display: none !important;
+  }
+  #navigation-wrapper {
+    min-width: 0px !important;
+    max-width: 0px !important;
+  }
+  #navigation-fullscreen-button {
+    display: none;
+  }
+  #page-wrapper {
+    margin-left: 0 !important;
+  }
+  #navigation-container {
+    --width: min(100vw, 350px);
+    width: var(--width);
+    left: 0;
+    height: calc(100vh - var(--mobile-header-height));
+    top: var(--mobile-header-height);
+    padding-top: 20px;
+    position: fixed;
+  }
+  body:not(.show-menu) #navigation-container {
+    transform: translateX(calc(-1 * var(--width)));
+  }
+  body:not(.show-menu) #navigation-mask {
+    display: none;
+  }
+  #mobile-header {
+    display: inherit;
+  }
+  .doc-page h2 {
+    --padding-top: calc(var(--mobile-header-height) + 12px) !important;
+  }
+}
+html.navigation-fullscreen #navigation-container {
+  width: 100vw;
+  height: 100vh;
+  overflow-y: scroll;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: white;
+}
+html.navigation-fullscreen #navigation-header {
+  display: none !important;
+}
+html.navigation-fullscreen #navigation-content {
+  display: flex;
+  margin: auto;
+}
+html.navigation-fullscreen #navigation-content > .nav-column {
+  flex-grow: 1;
+  max-width: 350px;
+}
+html.navigation-fullscreen .nav-column > .nav-h1-group:first-child > .nav-item-h1:first-child {
+  margin-top: 0px;
+}
+html.navigation-fullscreen {
+  overflow: hidden !important;
+}
+
+/* src/navigation/Navigation-items.css */
+.nav-item {
+  display: block;
+  white-space: nowrap;
+  overflow-x: hidden;
+  --padding-left-global: 9px;
+  --padding-left-additional: 0px;
+}
+.nav-item code {
+  font-size: 0.9em;
+}
+.nav-item-h1 + .nav-item-h4 {
+  margin-top: -2px;
+}
+.nav-item-h4 {
+  margin-top: 14px;
+  margin-bottom: -1px;
+  color: #999;
+  font-size: 12px;
+  font-weight: 400;
+  letter-spacing: 0.15ch;
+  padding-left: var(--padding-left-global);
+  padding-right: 4px;
+  text-decoration: none;
+}
+.nav-column:first-of-type > .nav-h1-group:first-of-type > .nav-item-h1:first-of-type {
+  margin-top: 20px;
+}
+.nav-item-h1 {
+  margin-top: 30px;
+  font-size: 15.4px;
+  text-transform: uppercase;
+  font-weight: 600;
+  letter-spacing: 0.15ch;
+  color: var(--color-text);
+  padding: 12px 0;
+  padding-left: calc(var(--padding-left-global) - 2px);
+  padding-right: 4px;
+  text-decoration: none;
+}
+.nav-item-h2 {
+  text-decoration: none;
+  font-size: 14.4px;
+  font-weight: 400;
+  letter-spacing: 0.15ch;
+  color: var(--color-text);
+  padding-left: var(--padding-left-global);
+  padding-right: 0;
+  --padding: 4px;
+  padding-top: var(--padding);
+  padding-bottom: var(--padding);
+}
+.nav-item-h3 {
+  font-size: 12px;
+  font-weight: 400;
+  letter-spacing: 0.15ch;
+  color: var(--color-text);
+  text-decoration: none;
+  --padding: 5px;
+  background-color: #f9f9f9;
+  padding: var(--padding) 0;
+  padding-left: calc(var(--padding-left-global) + var(--padding-left-additional));
+}
+html.navigation-fullscreen .nav-item-h3 {
+  border-right: 4px solid #eee;
+}
+.nav-item-h3.nav-item-first-of-its-kind {
+  padding-top: calc(var(--padding) * 1.6);
+}
+.nav-item-h3.nav-item-last-of-its-kind {
+  padding-bottom: calc(var(--padding) * 2);
+}
+.nav-item-h2,
+.nav-item-h3 {
+  position: relative;
+}
+.nav-item-h2.is-active {
+  background-color: var(--background-color);
+}
+.nav-item-h3.is-active:before {
+  display: block;
+  content: "";
+  position: absolute;
+  width: 4px;
+  left: 0;
+  top: 0;
+  height: 100%;
+  background-color: var(--background-color);
+  z-index: 10;
+}
+.nav-item-h3.is-active-last:after {
+  display: block;
+  content: "";
+  position: absolute;
+  height: 4px;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background-color: var(--background-color);
+  z-index: 10;
+  border-bottom-left-radius: 5px;
+}
+html.navigation-fullscreen .nav-item {
+  --expend-border-radius: 5px;
+}
+.nav-item.is-active-first {
+  border-top-left-radius: 5px;
+  border-top-right-radius: var(--expend-border-radius);
+}
+.nav-item.is-active-last,
+.nav-item.is-active-last:before {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: var(--expend-border-radius);
+}
+.nav-item-h3.nav-item-parent-is-list-heading {
+  --padding-left-additional: 21px;
+}
+
+/* src/navigation/Navigation-highlight.css */
+
+/* src/navigation/Navigation.css */
+#navigation-container {
+  --background-color: #f0f0f0;
+  padding-bottom: 70px;
+}
+html.navigation-fullscreen #detached-note {
+  display: none;
+}
+
+/* src/navigation/navigation-fullscreen/NavigationFullscreenButton.css */
+:root {
+  --navigation-fullscreen-button-width: 20px;
+}
+#navigation-fullscreen-button {
+  width: var(--navigation-fullscreen-button-width);
+  position: relative;
+  z-index: 2;
+}
+#navigation-wrapper:hover + #navigation-fullscreen-button > div > div,
+#navigation-fullscreen-button:hover > div > div {
+  left: 0px;
+}
+#navigation-fullscreen-button > div > div {
+  transition: all 0.3s ease-in-out;
+  left: -20px;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background-color: #eee !important;
+  background: url(/assets/chevron-K3WPYLOP.svg);
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+html:not(.navigation-fullscreen) #navigation-fullscreen-close {
+  display: none;
+}
+html.navigation-fullscreen #page-content {
+  visibility: hidden;
+}
+
+/* src/PageLayout.css */
+.doc-page #page-container {
+  padding-bottom: 100px;
+}
+#page-layout {
+  display: flex;
+  justify-content: center;
+}
+#page-layout > #navigation-wrapper,
+#page-layout > #page-wrapper {
+  flex-grow: 1;
+}
+#page-layout > #page-wrapper {
+  min-width: 0;
+}
+.doc-page #page-wrapper {
+  --main-view-max-width: 800px;
+}
+.landing-page #page-wrapper {
+  --main-view-max-width: 1010px;
+}
+#page-wrapper {
+  max-width: calc(var(--main-view-max-width) + 80px);
+}
+#page-content {
+  box-sizing: content-box;
+  max-width: var(--main-view-max-width);
+  padding: 20px var(--main-view-padding);
+  margin: auto;
+}
+#page-content {
+  --main-view-padding: 20px;
+}
+@media screen and (max-width: 1139px) {
+  #page-content {
+    --main-view-padding: 10px;
+  }
+}
+/*# sourceMappingURL=_default.page.server.css.map */

package/dist/renderer/_default.page.server.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/navigation/Navigation-layout.css","../../src/navigation/Navigation-items.css","../../src/navigation/Navigation.css","../../src/navigation/navigation-fullscreen/NavigationFullscreenButton.css","../../src/PageLayout.css"],"sourcesContent":[":root {\n  --mobile-header-height: 60px;\n  --navigation-min-height: 300px;\n  --navigation-max-height: 350px;\n}\n#navigation-wrapper {\n  min-width: var(--navigation-min-height);\n}\n.doc-page #navigation-wrapper {\n  max-width: var(--navigation-max-height);\n}\n.landing-page #navigation-wrapper {\n  /* prettier-ignore */\n  max-width: min(var(--navigation-max-height), max(var(--navigation-min-height), calc(var(--navigation-min-height) + 100vw - 1240px)));\n}\n#navigation-container {\n  /* `position: fixed` doesn't inherit the parent's width */\n  position: sticky;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  border-right: 1px solid #eee;\n}\n#navigation-mask {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  top: 0;\n  left: 0;\n  z-index: 2;\n}\n/* `1140px` is the breaking point that preserves the width of code blocks. */\n/* BEFORE EDITING THIS: also change the `1139px` value below */\n@media screen and (min-width: 1140px) {\n  #mobile-header {\n    display: none !important;\n  }\n  #navigation-container {\n    height: 100vh;\n    top: 0;\n  }\n  #navigation-mask {\n    display: none;\n  }\n}\n#navigation-container {\n  transition: transform 0.25s ease;\n  background: white;\n  z-index: 3;\n}\n#page-wrapper {\n  margin-left: calc(-1 * var(--navigation-fullscreen-button-width));\n}\n@media screen and (max-width: 1139px) {\n  #navigation-header-logo,\n  #docsearch {\n    display: none !important;\n  }\n  #navigation-wrapper {\n    min-width: 0px !important;\n    max-width: 0px !important;\n  }\n  #navigation-fullscreen-button {\n    display: none;\n  }\n  #page-wrapper {\n    margin-left: 0 !important;\n  }\n  #navigation-container {\n    --width: min(100vw, 350px);\n    width: var(--width);\n    left: 0;\n    height: calc(100vh - var(--mobile-header-height));\n    top: var(--mobile-header-height);\n    padding-top: 20px;\n    /* `position: sticky` doesn't seem to work on mobile */\n    position: fixed;\n  }\n  body:not(.show-menu) #navigation-container {\n    transform: translateX(calc(-1 * var(--width)));\n  }\n  body:not(.show-menu) #navigation-mask {\n    display: none;\n  }\n  #mobile-header {\n    display: inherit;\n  }\n  .doc-page h2 {\n    --padding-top: calc(var(--mobile-header-height) + 12px) !important;\n  }\n}\n\nhtml.navigation-fullscreen #navigation-container {\n  width: 100vw;\n  height: 100vh;\n  overflow-y: scroll;\n  position: fixed;\n  top: 0;\n  left: 0;\n  background-color: white;\n}\nhtml.navigation-fullscreen #navigation-header {\n  display: none !important;\n}\nhtml.navigation-fullscreen #navigation-content {\n  display: flex;\n  margin: auto; /* A `max-width` is set by src/navigation/navigation-fullscreen/initNavigationFullscreen.ts */\n}\nhtml.navigation-fullscreen #navigation-content > .nav-column {\n  flex-grow: 1;\n  max-width: 350px;\n}\nhtml.navigation-fullscreen .nav-column > .nav-h1-group:first-child > .nav-item-h1:first-child {\n  margin-top: 0px;\n}\nhtml.navigation-fullscreen {\n  /* disable scroll of main view */\n  overflow: hidden !important;\n}\n",".nav-item {\n  display: block;\n  white-space: nowrap;\n  overflow-x: hidden;\n  --padding-left-global: 9px;\n  --padding-left-additional: 0px;\n}\n.nav-item code {\n  font-size: 0.9em;\n}\n.nav-item-h1 + .nav-item-h4 {\n  margin-top: -2px;\n}\n.nav-item-h4 {\n  margin-top: 14px;\n  margin-bottom: -1px;\n  color: #999;\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 0.15ch;\n  padding-left: var(--padding-left-global);\n  padding-right: 4px;\n  text-decoration: none;\n}\n.nav-column:first-of-type > .nav-h1-group:first-of-type > .nav-item-h1:first-of-type {\n  margin-top: 20px;\n}\n.nav-item-h1 {\n  margin-top: 30px;\n  font-size: 15.4px;\n  text-transform: uppercase;\n  font-weight: 600;\n  letter-spacing: 0.15ch;\n  color: var(--color-text);\n  padding: 12px 0;\n  padding-left: calc(var(--padding-left-global) - 2px);\n  padding-right: 4px;\n  text-decoration: none;\n}\n.nav-item-h2 {\n  text-decoration: none;\n  font-size: 14.4px;\n  font-weight: 400;\n  letter-spacing: 0.15ch;\n  color: var(--color-text);\n  padding-left: var(--padding-left-global);\n  padding-right: 0;\n  --padding: 4px;\n  padding-top: var(--padding);\n  padding-bottom: var(--padding);\n}\n.nav-item-h3 {\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 0.15ch;\n  color: var(--color-text);\n  text-decoration: none;\n  --padding: 5px;\n\n  background-color: #f9f9f9;\n  padding: var(--padding) 0;\n  padding-left: calc(var(--padding-left-global) + var(--padding-left-additional));\n}\nhtml.navigation-fullscreen .nav-item-h3 {\n  border-right: 4px solid #eee;\n}\n.nav-item-h3.nav-item-first-of-its-kind {\n  padding-top: calc(var(--padding) * 1.6);\n}\n.nav-item-h3.nav-item-last-of-its-kind {\n  padding-bottom: calc(var(--padding) * 2);\n}\n.nav-item-h2,\n.nav-item-h3 {\n  position: relative;\n}\n/*\n.nav-item-h2.is-active .nav-item-text{\n  background-color: var(--background-color);\n}\n*/\n.nav-item-h2.is-active {\n  background-color: var(--background-color);\n}\n.nav-item-h3.is-active:before {\n  display: block;\n  content: '';\n  position: absolute;\n  width: 4px;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background-color: var(--background-color);\n  z-index: 10;\n}\n.nav-item-h3.is-active-last:after {\n  display: block;\n  content: '';\n  position: absolute;\n  height: 4px;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  background-color: var(--background-color);\n  z-index: 10;\n  border-bottom-left-radius: 5px;\n}\nhtml.navigation-fullscreen .nav-item {\n  --expend-border-radius: 5px;\n}\n.nav-item.is-active-first {\n  border-top-left-radius: 5px;\n  border-top-right-radius: var(--expend-border-radius);\n}\n.nav-item.is-active-last,\n.nav-item.is-active-last:before {\n  border-bottom-left-radius: 5px;\n  border-bottom-right-radius: var(--expend-border-radius);\n}\n.nav-item-h3.nav-item-parent-is-list-heading {\n  --padding-left-additional: 21px;\n}\n","@import './Navigation-layout.css';\n@import './Navigation-items.css';\n@import './Navigation-highlight.css';\n\n#navigation-container {\n  --background-color: #f0f0f0;\n  padding-bottom: 70px;\n}\n\nhtml.navigation-fullscreen #detached-note {\n  display: none;\n}\n",":root {\n  --navigation-fullscreen-button-width: 20px;\n}\n#navigation-fullscreen-button {\n  width: var(--navigation-fullscreen-button-width);\n  position: relative;\n  z-index: 2;\n}\n#navigation-wrapper:hover + #navigation-fullscreen-button > div > div,\n#navigation-fullscreen-button:hover > div > div {\n  left: 0px;\n}\n#navigation-fullscreen-button > div > div {\n  transition: all 0.3s ease-in-out;\n  left: -20px;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  background-color: #eee !important;\n  background: url('./chevron.svg');\n  background-repeat: no-repeat;\n  background-position: center center;\n}\n\nhtml:not(.navigation-fullscreen) #navigation-fullscreen-close {\n  display: none;\n}\n\nhtml.navigation-fullscreen #page-content {\n  /* Make `Ctrl-F` browser search only crawl the navigation menu */\n  visibility: hidden;\n}\n",".doc-page #page-container {\n  padding-bottom: 100px;\n}\n\n#page-layout {\n  display: flex;\n  justify-content: center;\n}\n#page-layout > #navigation-wrapper,\n#page-layout > #page-wrapper {\n  flex-grow: 1;\n}\n/* Avoid overflow, see https://stackoverflow.com/questions/36230944/prevent-flex-items-from-overflowing-a-container/66689926#66689926 */\n#page-layout > #page-wrapper {\n  min-width: 0;\n}\n\n.doc-page #page-wrapper {\n  --main-view-max-width: 800px;\n}\n.landing-page #page-wrapper {\n  --main-view-max-width: 1010px;\n}\n#page-wrapper {\n  max-width: calc(var(--main-view-max-width) + 80px);\n}\n#page-content {\n  box-sizing: content-box;\n  max-width: var(--main-view-max-width);\n  padding: 20px var(--main-view-padding);\n  margin: auto;\n}\n\n#page-content {\n  --main-view-padding: 20px;\n}\n@media screen and (max-width: 1139px) {\n  #page-content {\n    --main-view-padding: 10px;\n  }\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AAEE;AAAA;AAEF;AAEE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAGJ;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAAA;AAIJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AAEE;AAAA;;;ACpHF;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AAAA;AAEE;AAAA;AAOF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AAAA;AAEE;AACA;AAAA;AAEF;AACE;AAAA;;;;;ACpHF;AACE;AACA;AAAA;AAGF;AACE;AAAA;;;ACVF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AAAA;AAEE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAEE;AAAA;;;AC9BF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAEF;AAAA;AAEE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AACE;AAAA;AAAA;","names":[]}

package/dist/renderer/_default.page.server.d.ts

@@ -0,0 +1,22 @@
+import * as vite_plugin_ssr_dist_cjs_node_html_renderHtml from 'vite-plugin-ssr/dist/cjs/node/html/renderHtml';
+import { PageContextBuiltIn } from 'vite-plugin-ssr';
+
+type MarkdownHeading = {
+    title: string;
+    id: string;
+    headingLevel: number;
+    titleAddendum?: string;
+};
+
+type ReactComponent = () => JSX.Element;
+type Exports = {
+    headings?: MarkdownHeading[];
+};
+type PageContextOriginal = PageContextBuiltIn & {
+    Page: ReactComponent;
+    exports: Exports;
+};
+
+declare function render(pageContextOriginal: PageContextOriginal): Promise<vite_plugin_ssr_dist_cjs_node_html_renderHtml.TemplateWrapped>;
+
+export { render };