hyperbook 0.6.2 → 0.7.0

package/dist/templates/default/.hyperbook/src/styles.css

@@ -1,439 +0,0 @@
-html,
-body {
-  font-family: hyperbook-body, sans-serif;
-  overflow-x: hidden;
-}
-
-body {
-  -ms-overflow-style: none; /* IE and Edge */
-  scrollbar-width: none; /* Firefox */
-}
-
-body::-webkit-scrollbar {
-  display: none;
-}
-
-.main-grid {
-  display: grid;
-  height: 100vh;
-  width: 100vw;
-  grid-template-columns: 300px 1fr;
-  grid-template-rows: 80px 1fr;
-  grid-template-areas:
-    "header header header"
-    "nav article article";
-}
-
-.sidebar,
-#mobile-sidebar {
-  display: flex;
-  flex-direction: column;
-  grid-area: nav;
-  border-right-width: 1px;
-  height: calc(100vh - 80px);
-  border-right-style: solid;
-  overflow-y: auto;
-}
-
-#toc-sidebar {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: calc(100vh - 80px);
-  border-left-width: 1px;
-  border-left-style: solid;
-  overflow-y: auto;
-}
-
-#mobile-sidebar {
-  width: 100%;
-}
-
-.sidebar > nav,
-#mobile-sidebar > nav,
-#toc-sidebar > nav {
-  padding: 20px;
-  flex: 1;
-}
-
-.sidebar > .author,
-#mobile-sidebar > .author {
-  text-align: center;
-  text-decoration: none;
-  padding: 20px;
-}
-
-.sidebar > .author > b,
-#mobile-sidebar > .author > b {
-  font-weight: bold;
-}
-
-.mobile-nav {
-  display: none;
-  margin-left: 16px;
-}
-
-.mobile-nav .toggle {
-  font-size: 42px;
-  border: none;
-  background: none;
-  width: 40px;
-  height: 40px;
-}
-.toggle > .bar1,
-.toggle > .bar2,
-.toggle > .bar3 {
-  width: 35px;
-  height: 5px;
-  margin: 6px 0;
-  transition: 0.4s;
-}
-
-.toc-toggle {
-  position: fixed;
-  top: 90px;
-  right: 20px;
-  border-radius: 50%;
-  height: 40px;
-  width: 40px;
-  border-style: solid;
-  border-width: 1px;
-  opacity: 0.7;
-  z-index: 1000;
-}
-
-.toc-toggle:hover {
-  opacity: 1;
-}
-
-.toc-toggle > .bar1,
-.toc-toggle > .bar3 {
-  width: 20px;
-  height: 2px;
-  margin: 2px 3px;
-  transition: 0.4s;
-}
-
-.toc-toggle > .bar2,
-.toc-toggle > .bar4 {
-  width: 25px;
-  height: 2px;
-  margin: 2px 3px;
-  transition: 0.4s;
-}
-
-/* Rotate first bar */
-.change .bar1 {
-  transform: rotate(-45deg) translate(-8px, 8px);
-}
-
-/* Fade out the second bar */
-.change .bar2 {
-  opacity: 0;
-}
-
-/* Rotate last bar */
-.change .bar3 {
-  transform: rotate(45deg) translate(-8px, -8px);
-}
-
-@media screen and (max-width: 800px) {
-  .main-grid {
-    grid-template-columns: 1fr;
-    grid-template-rows: 80px 1fr;
-    grid-template-areas:
-      "header"
-      "article";
-  }
-
-  .sidebar {
-    display: none;
-  }
-
-  .mobile-nav {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-main {
-  padding: 20px 40px;
-  overflow-y: auto;
-}
-
-article {
-  max-width: 980px;
-  margin: 0 auto;
-  grid-area: article;
-  line-height: 1.5;
-}
-
-header {
-  display: flex;
-  grid-area: header;
-  align-items: center;
-  z-index: 1001;
-  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 4px;
-}
-
-.branding {
-  text-decoration: none;
-  display: flex;
-  padding: 20px;
-  align-items: center;
-}
-
-.custom-links {
-  padding: 20px;
-  flex: 1;
-  display: flex;
-  justify-content: flex-end;
-}
-
-.custom-links .container {
-  display: inline-flex;
-}
-
-.branding .logo {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 10px;
-  height: 40px;
-  width: auto;
-  min-width: 40px;
-}
-
-.branding .logo img {
-  width: auto;
-  height: 100%;
-}
-
-.branding .name {
-  font-size: 20px;
-  font-weight: bold;
-}
-
-.jump-container {
-  display: flex;
-  max-width: 980px;
-  margin: 0 auto;
-  margin-top: 40px;
-}
-
-.flex {
-  flex: 1;
-}
-
-.meta {
-  display: flex;
-  flex-wrap: wrap;
-  border-top-style: solid;
-  border-top-width: 1px;
-  margin: 0 auto;
-  align-items: center;
-  justify-content: center;
-  gap: 16px;
-  margin-top: 30px;
-  padding-top: 30px;
-  max-width: 980px;
-}
-
-.meta .edit-github {
-  text-decoration: none;
-  display: block;
-  flex: 1;
-}
-
-.meta .vercel {
-  text-align: center;
-  flex: 1;
-}
-
-.meta .copyright {
-  text-align: right;
-  flex: 1;
-}
-
-.section ul,
-.virtual-section ul,
-nav > ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-nav li + li {
-  margin-top: 0px;
-}
-
-.section,
-.virtual-section {
-  display: flex;
-  flex-direction: column;
-}
-
-.section {
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-
-.section > .name {
-  display: flex;
-  text-decoration: none;
-  padding: 10px;
-  border-width: 1px;
-  border-style: solid;
-  width: 100%;
-  user-select: none;
-}
-
-.section > .name > .label {
-  flex: 1;
-}
-
-.section > .name > .toggle {
-  text-align: right;
-  background: none;
-  border: none;
-  font-size: 13px;
-}
-
-.section .section {
-  margin-left: 16px;
-  margin-bottom: 0px;
-}
-
-.page {
-  display: block;
-  padding: 10px;
-  text-decoration: none;
-}
-
-.section > .links {
-  border-left-width: 1px;
-  border-left-style: solid;
-  padding-top: 6px;
-}
-
-.drawer-container {
-  --transition-speed: 0.3s;
-}
-
-.drawer {
-  width: 300px;
-  height: 100%;
-  overflow: auto;
-  position: fixed;
-  display: flex;
-  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
-  transition: transform var(--transition-speed) ease;
-  z-index: 1000;
-}
-
-.drawer.left {
-  top: 80px;
-  left: 0;
-  transform: translateX(-105%);
-}
-
-.drawer.right {
-  top: 80px;
-  right: 0;
-  transform: translateX(100%);
-}
-
-.drawer-container.in.open .left,
-.drawer-container.in.open .right {
-  transform: translateX(0);
-}
-
-.backdrop {
-  visibility: hidden;
-  opacity: 0;
-  background: rgba(0, 0, 0, 0.5);
-  transition: opacity var(--transition-speed) ease,
-    visibility var(--transition-speed) ease;
-  width: 100%;
-  height: 100%;
-  top: 80px;
-  left: 0;
-  position: fixed;
-  pointer-events: none;
-  z-index: 0;
-}
-
-.drawer-container.in.open .backdrop {
-  visibility: visible;
-  opacity: 1;
-  pointer-events: auto;
-  z-index: 999;
-}
-
-.glossary .letter {
-  font-size: 24px;
-}
-
-.glossary .term {
-  list-style-type: none;
-  text-decoration: none;
-}
-
-.glossary .terms {
-  padding-left: 1em;
-  border-left-width: 1px;
-  border-left-style: solid;
-}
-
-.pages {
-  margin-top: 30px;
-}
-
-.border {
-  border-radius: 4px;
-  border-style: solid;
-  border-width: 1px;
-}
-
-.loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: none;
-  font-size: 32px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-nav.toc li {
-  margin-bottom: 8px;
-}
-
-nav.toc li > a {
-  color: var(--color-text);
-  text-decoration: none;
-}
-
-nav.toc li > a:hover {
-  color: var(--color-brand);
-}
-
-nav.toc li.level-1 {
-  padding-left: 0px;
-}
-
-nav.toc li.level-2 {
-  padding-left: 8px;
-}
-
-nav.toc li.level-3 {
-  padding-left: 16px;
-}
-
-nav.toc li.level-3 {
-  padding-left: 24px;
-}

package/dist/templates/default/.hyperbook/src/szh-menu.css

@@ -1,269 +0,0 @@
-@charset "UTF-8";
-.szh-menu {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  box-sizing: border-box;
-  width: max-content;
-  z-index: 100;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  background-color: var(--color-background);
-}
-.szh-menu:focus {
-  outline: none;
-}
-.szh-menu__arrow {
-  box-sizing: border-box;
-  width: 0.75rem;
-  height: 0.75rem;
-  background-color: var(--color-background);
-  border: 1px solid transparent;
-  border-left-color: rgba(0, 0, 0, 0.1);
-  border-top-color: rgba(0, 0, 0, 0.1);
-  z-index: -1;
-}
-.szh-menu__arrow--dir-left {
-  right: -0.375rem;
-  transform: translateY(-50%) rotate(135deg);
-}
-.szh-menu__arrow--dir-right {
-  left: -0.375rem;
-  transform: translateY(-50%) rotate(-45deg);
-}
-.szh-menu__arrow--dir-top {
-  bottom: -0.375rem;
-  transform: translateX(-50%) rotate(-135deg);
-}
-.szh-menu__arrow--dir-bottom {
-  top: -0.375rem;
-  transform: translateX(-50%) rotate(45deg);
-}
-.szh-menu__item {
-  cursor: pointer;
-}
-.szh-menu__item:focus {
-  outline: none;
-}
-.szh-menu__item--hover {
-  background-color: var(--color-nav);
-}
-.szh-menu__item--focusable {
-  cursor: default;
-  background-color: inherit;
-}
-.szh-menu__item--disabled {
-  cursor: default;
-  color: #aaa;
-}
-.szh-menu__item--anchor {
-  text-decoration: none;
-  color: var(--color-text);
-}
-
-.szh-menu__group {
-  box-sizing: border-box;
-}
-.szh-menu__radio-group {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.szh-menu__divider {
-  height: 1px;
-  margin: 0.5rem 0;
-  background-color: rgba(0, 0, 0, 0.12);
-}
-
-.szh-menu-button::after {
-  content: "❯";
-  transform: rotate(90deg);
-  font-size: 0.8rem;
-  position: absolute;
-  right: 1rem;
-}
-
-.szh-menu-button svg {
-  width: auto;
-  height: 28px;
-  stroke: var(--color-brand-text);
-  fill: var(--color-brand-text);
-}
-
-.szh-menu-button.icon::after {
-  content: "";
-}
-
-.szh-menu-button,
-.szh-menu-link {
-  display: flex;
-  align-items: center;
-  position: relative;
-  box-sizing: border-box;
-  background: none;
-  border-style: solid;
-  border-color: transparent;
-  text-decoration: none;
-  padding: 8px;
-  border-width: 1px;
-  color: var(--color-brand-text);
-  border-radius: 0.25rem;
-  font-size: 1em;
-  font-weight: bold;
-}
-
-.szh-menu-button {
-  padding-right: 2.5rem;
-}
-
-.szh-menu-button.icon {
-  padding: 8px;
-}
-
-.szh-menu-button:hover,
-.szh-menu-link:hover {
-  border-color: var(--color-brand-text);
-}
-
-.szh-menu {
-  user-select: none;
-  color: var(--color-text);
-  border: 1px solid var(--color-spacer);
-  border-radius: 0.25rem;
-  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.133), 0 0.6px 2px rgba(0, 0, 0, 0.1);
-  min-width: 10rem;
-}
-.szh-menu__item {
-  display: flex;
-  align-items: center;
-  position: relative;
-  gap: 8px;
-  padding: 0.75rem 1rem;
-}
-
-.szh-menu__item > .label {
-  flex: 1;
-}
-
-.szh-menu-container--itemTransition .szh-menu__item {
-  transition-property: background-color, color;
-  transition-duration: 0.15s;
-  transition-timing-function: ease-in-out;
-}
-.szh-menu__item--type-radio {
-  padding-left: 2.2rem;
-}
-.szh-menu__item--type-radio::before {
-  content: "○";
-  position: absolute;
-  left: 0.8rem;
-  top: 0.55rem;
-  font-size: 0.8rem;
-}
-.szh-menu__item--type-radio.szh-menu__item--checked::before {
-  content: "●";
-}
-.szh-menu__item--type-checkbox {
-  padding-left: 2.2rem;
-}
-.szh-menu__item--type-checkbox::before {
-  position: absolute;
-  left: 0.8rem;
-}
-.szh-menu__item--type-checkbox.szh-menu__item--checked::before {
-  content: "✔";
-}
-.szh-menu__submenu > .szh-menu__item {
-  padding-right: 2.5rem;
-}
-.szh-menu__submenu > .szh-menu__item::after {
-  content: "❯";
-  font-size: 0.8rem;
-  position: absolute;
-  right: 1rem;
-}
-.szh-menu__header {
-  color: #888;
-  font-size: 0.8rem;
-  padding: 0.2rem 1.5rem;
-  text-transform: uppercase;
-}
-
-@keyframes szh-menu-show-slide-left {
-  from {
-    opacity: 0;
-    transform: translateX(0.5rem);
-  }
-}
-@keyframes szh-menu-hide-slide-left {
-  to {
-    opacity: 0;
-    transform: translateX(0.5rem);
-  }
-}
-@keyframes szh-menu-show-slide-right {
-  from {
-    opacity: 0;
-    transform: translateX(-0.5rem);
-  }
-}
-@keyframes szh-menu-hide-slide-right {
-  to {
-    opacity: 0;
-    transform: translateX(-0.5rem);
-  }
-}
-@keyframes szh-menu-show-slide-top {
-  from {
-    opacity: 0;
-    transform: translateY(0.5rem);
-  }
-}
-@keyframes szh-menu-hide-slide-top {
-  to {
-    opacity: 0;
-    transform: translateY(0.5rem);
-  }
-}
-@keyframes szh-menu-show-slide-bottom {
-  from {
-    opacity: 0;
-    transform: translateY(-0.5rem);
-  }
-}
-@keyframes szh-menu-hide-slide-bottom {
-  to {
-    opacity: 0;
-    transform: translateY(-0.5rem);
-  }
-}
-.szh-menu--state-opening.szh-menu--dir-left {
-  animation: szh-menu-show-slide-left 0.15s ease-out;
-}
-
-.szh-menu--state-closing.szh-menu--dir-left {
-  animation: szh-menu-hide-slide-left 0.15s ease-in forwards;
-}
-
-.szh-menu--state-opening.szh-menu--dir-right {
-  animation: szh-menu-show-slide-right 0.15s ease-out;
-}
-
-.szh-menu--state-closing.szh-menu--dir-right {
-  animation: szh-menu-hide-slide-right 0.15s ease-in forwards;
-}
-
-.szh-menu--state-opening.szh-menu--dir-top {
-  animation: szh-menu-show-slide-top 0.15s ease-out;
-}
-
-.szh-menu--state-closing.szh-menu--dir-top {
-  animation: szh-menu-hide-slide-top 0.15s ease-in forwards;
-}
-
-.szh-menu--state-opening.szh-menu--dir-bottom {
-  animation: szh-menu-show-slide-bottom 0.15s ease-out;
-}
-
-.szh-menu--state-closing.szh-menu--dir-bottom {
-  animation: szh-menu-hide-slide-bottom 0.15s ease-in forwards;
-}

package/dist/templates/default/.hyperbook/src/utils/files.js

@@ -1 +0,0 @@
-import c from"fs";import s from"path";const r=function(t,o=[]){try{return c.readdirSync(t).forEach(function(n){c.statSync(s.join(t,n)).isDirectory()?o=r(s.join(t,n),o):(n.endsWith(".md")||n.endsWith(".mdx"))&&o.push(s.join(t,n))}),o}catch{return[]}};export{r as getAllFiles};

package/dist/templates/default/.hyperbook/src/utils/hyperbook.js

@@ -1 +0,0 @@
-import o from"../../hyperbook.json";const t=()=>o;export{t as getHyperbook};

package/dist/templates/default/.hyperbook/src/utils/navigation.js

@@ -1,4 +0,0 @@
-import p from"fs";import b from"gray-matter";import i from"path";import{getHyperbook as h}from"./hyperbook";const f=h(),u=s=>{let r;try{r=p.readFileSync(s)}catch{try{r=p.readFileSync(i.join(s,"index")+".md")}catch{r=new Buffer(`---
-name: ${i.basename(s)}
----
-`),p.writeFileSync(i.join(s,"index")+".md",r)}}const{content:d,data:n}=b(r);return{content:d,data:n}},x=async function(s,r=[]){const d=p.readdirSync(s);let n=[],a=[];for(const t of d){let e=i.join(s,t),c;if(f.repo&&(c=f.repo+"/"+i.relative(i.join(process.env.root??process.cwd()),e)),p.statSync(e).isDirectory()){const{pages:o,sections:g}=await x(e,r),{content:y,data:v}=u(e),l={...v,href:"/"+i.relative(i.join(process.env.root??process.cwd(),"book"),e),isEmpty:y.trim()==="",pages:o,sections:g};c&&(l.repo=c+"/index.md"),a.push(l)}else{const{data:o}=u(e);if(e.endsWith(".md")&&(e=e.substring(0,e.length-3),i.relative(i.join(process.env.root??process.cwd(),"book"),e)==="index"&&(e=e.substring(0,e.length-5)),!e.endsWith("index"))){const g={...o,href:"/"+i.relative(i.join(process.env.root??process.cwd(),"book"),e)};c&&(g.repo=c),n.push(g)}}}return n=n.sort((t,e)=>t.name>e.name?1:-1),n=n.sort((t,e)=>{const c=t.index!==void 0?t.index:9999,o=e.index!==void 0?e.index:9999;return c-o}),a=a.sort((t,e)=>t.name>e.name?1:-1),a=a.sort((t,e)=>{const c=t.index!==void 0?t.index:9999,o=e.index!==void 0?e.index:9999;return c-o}),{pages:n,sections:a}},m=(s,r)=>{let d=[...r];for(const n of s)d=[...d,n,...m(n.sections,n.pages)];return d},k=async(s="/")=>{const{sections:r,pages:d}=await x(i.join(process.env.root??process.cwd(),"book"));let n=m(r,d),a=n.findIndex(o=>o.href===s);const t=n[a]||null;n=n.filter(o=>!o.isEmpty&&!o.hide),a=n.findIndex(o=>o.href===s);const e=n[a+1]||null,c=n[a-1]||null;return{next:e,current:t,previous:c,sections:r,pages:d}};export{k as getNavigation,u as readFile};

package/dist/templates/default/.hyperbook/src/utils/toc.js

@@ -1,2 +0,0 @@
-const c=t=>{let e=t.toLowerCase();return e=e.replace(/[^a-zA-Z0-9 ]/g,""),e=e.replace(/ /g,"-"),e},l=t=>({headings:t.split(`
-`).filter(n=>n.match(/^\s*#{1,3}\s/)).map(n=>{const[,s,r]=n.match(/(#{1,3})\s(.*)/),a=c(r);return{level:s.length,label:r,anchor:a}})});export{l as getToc};

package/dist/templates/default/.hyperbook/src/utils/useMountTransition.js

@@ -1 +0,0 @@
-import{useEffect as s,useState as n}from"react";const a=(t,i)=>{const[e,o]=n(!1);return s(()=>{let r;return t&&!e?o(!0):!t&&e&&(r=setTimeout(()=>o(!1),i)),()=>{clearTimeout(r)}},[i,t,e]),e};export{a as useMountTransition};

package/dist/templates/default/.hyperbook/src/utils/useOnScreen.js

@@ -1 +0,0 @@
-import{useLayoutEffect as u,useState as d}from"react";const O=(t,r,s=0)=>{const[c,i]=d(!0),o=n=>()=>{if(r.current){const e=r.current.getBoundingClientRect();e.width>=n.width+s&&e.right<=window.innerWidth?i(!0):i(!1)}};return u(()=>{if(t.current){const n=t.current.getBoundingClientRect(),e=o(n);return window.addEventListener("resize",e),e(),()=>{window.removeEventListener("resize",e)}}},[t]),c};export{O as useOnScreen};

package/dist/templates/default/.hyperbook/src/utils/useOverflow.js

@@ -1 +0,0 @@
-import{useLayoutEffect as i,useState as c}from"react";const O=t=>{const[o,r]=c(void 0);return i(()=>{const{current:e}=t,s=()=>{const n=e.scrollWidth>e.clientWidth;console.log(e),r(n)};e&&("ResizeObserver"in window&&new ResizeObserver(s).observe(e),s())},[t]),o};export{O as useIsOverflow};