hyperbook 0.23.1 → 0.23.2

package/dist/templates/default/.hyperbook/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforms/web",
-  "version": "0.23.1",
+  "version": "0.23.2",
   "private": true,
   "dependencies": {
     "gray-matter": "4.0.3",
@@ -11,15 +11,15 @@
     "redux": "4.2.1",
     "redux-persist": "6.0.0",
     "@hyperbook/drawer": "0.1.1",
-    "@hyperbook/element-audio": "0.2.0",
     "@hyperbook/element-alert": "0.2.0",
+    "@hyperbook/element-audio": "0.2.0",
     "@hyperbook/element-bitflow": "0.2.0",
     "@hyperbook/element-bookmarks": "0.3.0",
     "@hyperbook/element-collapsible": "0.4.0",
     "@hyperbook/element-dl": "0.2.0",
     "@hyperbook/element-embed": "0.2.0",
-    "@hyperbook/element-excalidraw": "0.5.0",
-    "@hyperbook/element-mermaid": "0.2.0",
+    "@hyperbook/element-excalidraw": "0.5.1",
+    "@hyperbook/element-mermaid": "0.2.1",
     "@hyperbook/element-online-ide": "0.4.0",
     "@hyperbook/element-plantuml": "0.2.0",
     "@hyperbook/element-protect": "0.4.0",
@@ -31,14 +31,14 @@
     "@hyperbook/element-term": "0.2.0",
     "@hyperbook/element-youtube": "0.2.0",
     "@hyperbook/fs": "0.10.0",
-    "@hyperbook/markdown": "0.9.1",
+    "@hyperbook/markdown": "0.9.2",
     "@hyperbook/provider": "0.4.0",
-    "@hyperbook/shell": "0.7.1",
+    "@hyperbook/shell": "0.7.2",
     "@hyperbook/store": "0.2.0",
     "@hyperbook/styles": "0.3.0"
   },
   "devDependencies": {
-    "@hyperbook/next-watch": "0.5.0"
+    "@hyperbook/next-watch": "0.5.1"
   },
   "scripts": {
     "next:dev": "next-hyperbook-watch",

package/dist/templates/default/.hyperbook/src/pages/[[...page]].js

@@ -1 +1,57 @@
-import{Shell as N}from"@hyperbook/shell";import{Markdown as F}from"@hyperbook/markdown";import{useActivePageId as G,useLink as L}from"@hyperbook/provider";import{Fragment as H}from"react";import{vfile as v,hyperbook as x}from"@hyperbook/fs";import{useScrollHash as J}from"../useScrollHash";import M from"path";function A({markdown:k,data:u,navigation:e}){const P=L();return G(),J(),<H><N navigation={e}><article><F children={k}showToc={u.toc!==!1}/></article>{!u.hide&&<div className="jump-container">{e.previous?<P className="jump previous"href={e.previous.href}>{e.previous.name}</P>:<div className="flex"/>}{e.next?<P className="jump next"href={e.next.href}>{e.next.name}</P>:<div className="flex"/>}</div>}</N></H>}const V=async({params:k})=>{const u=process.env.root??process.cwd();let e="";k.page&&(e=M.join(...k.page));const P=await v.get(u,"book","/"+e),{content:w,data:S}=await v.getMarkdown(P),y=await x.getJson(u),b=await x.getNavigation(u,P);return{props:{locale:S?.lang||y.language,markdown:w,data:S,navigation:b}}},W=async()=>{const k=process.env.root??process.cwd();return{paths:(await v.listForFolder(k,"book")).map(P=>{const w=P.path.href.slice(1).split("/");return P.name==="index"&&P.path.directory===""&&w.pop(),{params:{page:w}}}),fallback:!1}};export{A as default,W as getStaticPaths,V as getStaticProps};
+import React from "react";
+import { Shell } from "@hyperbook/shell";
+import { Markdown } from "@hyperbook/markdown";
+import { useActivePageId, useLink } from "@hyperbook/provider";
+import { Fragment } from "react";
+import { vfile, hyperbook } from "@hyperbook/fs";
+import { useScrollHash } from "../useScrollHash";
+import path from "path";
+function BookPage({ markdown, data, navigation }) {
+  const Link = useLink();
+  useActivePageId();
+  useScrollHash();
+  return /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Shell, { navigation }, /* @__PURE__ */ React.createElement("article", null, /* @__PURE__ */ React.createElement(Markdown, { children: markdown, showToc: data.toc !== false })), !data.hide && /* @__PURE__ */ React.createElement("div", { className: "jump-container" }, navigation.previous ? /* @__PURE__ */ React.createElement(Link, { className: "jump previous", href: navigation.previous.href }, navigation.previous.name) : /* @__PURE__ */ React.createElement("div", { className: "flex" }), navigation.next ? /* @__PURE__ */ React.createElement(Link, { className: "jump next", href: navigation.next.href }, navigation.next.name) : /* @__PURE__ */ React.createElement("div", { className: "flex" }))));
+}
+const getStaticProps = async ({ params }) => {
+  const root = process.env.root ?? process.cwd();
+  let href = "";
+  if (params.page) {
+    href = path.join(...params.page);
+  }
+  const file = await vfile.get(root, "book", "/" + href);
+  const { content, data } = await vfile.getMarkdown(file);
+  const hyperbookJson = await hyperbook.getJson(root);
+  const navigation = await hyperbook.getNavigation(root, file);
+  return {
+    props: {
+      locale: data?.lang || hyperbookJson.language,
+      markdown: content,
+      data,
+      navigation
+    }
+  };
+};
+const getStaticPaths = async () => {
+  const root = process.env.root ?? process.cwd();
+  const files = await vfile.listForFolder(root, "book");
+  const paths = files.map((f) => {
+    const page = f.path.href.slice(1).split("/");
+    if (f.name === "index" && f.path.directory === "") {
+      page.pop();
+    }
+    return {
+      params: {
+        page
+      }
+    };
+  });
+  return {
+    paths,
+    fallback: false
+  };
+};
+export {
+  BookPage as default,
+  getStaticPaths,
+  getStaticProps
+};

package/dist/templates/default/.hyperbook/src/pages/_app.js

@@ -1 +1,126 @@
-import"../index.css";import"@hyperbook/shell/index.css";import"@hyperbook/drawer/index.css";import"@hyperbook/markdown/katex.css";import"@hyperbook/markdown/index.css";import{Provider as L}from"@hyperbook/provider";import N from"@hyperbook/element-tabs";import"@hyperbook/element-tabs/index.css";import O from"@hyperbook/element-audio";import"@hyperbook/element-audio/index.css";import b from"@hyperbook/element-alert";import"@hyperbook/element-alert/index.css";import A from"@hyperbook/element-term";import"@hyperbook/element-term/index.css";import T from"@hyperbook/element-youtube";import"@hyperbook/element-youtube/index.css";import h from"@hyperbook/element-plantuml";import"@hyperbook/element-plantuml/index.css";import x from"@hyperbook/element-protect";import"@hyperbook/element-protect/index.css";import D from"@hyperbook/element-collapsible";import"@hyperbook/element-collapsible/index.css";import I from"@hyperbook/element-dl";import"@hyperbook/element-dl/index.css";import M from"@hyperbook/element-bookmarks";import"@hyperbook/element-bookmarks/index.css";import U from"@hyperbook/element-struktog";import"@hyperbook/element-struktog/index.css";import B from"@hyperbook/element-qr";import"@hyperbook/element-qr/index.css";import C from"@hyperbook/element-mermaid";import"@hyperbook/element-mermaid/index.css";import F from"@hyperbook/element-excalidraw";import"@hyperbook/element-excalidraw/index.css";import H from"@hyperbook/element-embed";import"@hyperbook/element-embed/index.css";import V from"@hyperbook/element-online-ide";import"@hyperbook/element-online-ide/index.css";import W from"@hyperbook/element-sql-ide";import"@hyperbook/element-sql-ide/index.css";import _ from"@hyperbook/element-bitflow";import"@hyperbook/element-bitflow/index.css";import j from"@hyperbook/element-scratchblock";import"@hyperbook/element-scratchblock/index.css";import J from"next/link";import Q from"next/head";import{Styles as R}from"@hyperbook/styles";import{localStorage as Y,noopStorage as z}from"@hyperbook/store";import{useRouter as G}from"next/router";import{useEffect as K}from"react";import X from"../../hyperbook.json";const Z=({ref:E,href:e,children:S,...P})=><J href={e}{...P}>{S}</J>,$=({basePath:E})=>e=>(process.env.NODE_ENV==="production"&&E&&e?.startsWith("/")&&(E.endsWith("/")?e=E.slice(0,-1)+e:e=E+e),e);function ee({Component:E,pageProps:e}){const S=G();return K(()=>{document.documentElement.lang=e.locale},[e.locale]),<L Link={Z}Head={Q}config={X}makeUrl={$}env={process.env.NODE_ENV==="production"?"production":"development"}elements={[N,O,b,A,T,D,h,x,I,H,M,U,V,W,B,C,F,j,_]}router={S}storage={typeof window<"u"?Y:z}loadFile={()=>async P=>fetch(P).then(g=>g.text())}saveFile={()=>async(P,g,w)=>{await fetch("/api/save",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:P,content:g,rootFolder:w})})}}getActivePageId={async()=>S.asPath.split("#")?.[0]||"/"}><R/><E{...e}/></L>}export{ee as default};
+import React from "react";
+import "../index.css";
+import "@hyperbook/shell/index.css";
+import "@hyperbook/drawer/index.css";
+import "@hyperbook/markdown/katex.css";
+import "@hyperbook/markdown/index.css";
+import { Provider } from "@hyperbook/provider";
+import elementTab from "@hyperbook/element-tabs";
+import "@hyperbook/element-tabs/index.css";
+import elementAudio from "@hyperbook/element-audio";
+import "@hyperbook/element-audio/index.css";
+import elementAlert from "@hyperbook/element-alert";
+import "@hyperbook/element-alert/index.css";
+import elementTerm from "@hyperbook/element-term";
+import "@hyperbook/element-term/index.css";
+import elementYoutube from "@hyperbook/element-youtube";
+import "@hyperbook/element-youtube/index.css";
+import elementPlantuml from "@hyperbook/element-plantuml";
+import "@hyperbook/element-plantuml/index.css";
+import elementProtect from "@hyperbook/element-protect";
+import "@hyperbook/element-protect/index.css";
+import elementCollapsible from "@hyperbook/element-collapsible";
+import "@hyperbook/element-collapsible/index.css";
+import elementDl from "@hyperbook/element-dl";
+import "@hyperbook/element-dl/index.css";
+import elementBookmarks from "@hyperbook/element-bookmarks";
+import "@hyperbook/element-bookmarks/index.css";
+import elementStruktog from "@hyperbook/element-struktog";
+import "@hyperbook/element-struktog/index.css";
+import elementQr from "@hyperbook/element-qr";
+import "@hyperbook/element-qr/index.css";
+import elementMermaid from "@hyperbook/element-mermaid";
+import "@hyperbook/element-mermaid/index.css";
+import elementExcalidraw from "@hyperbook/element-excalidraw";
+import "@hyperbook/element-excalidraw/index.css";
+import elementEmbed from "@hyperbook/element-embed";
+import "@hyperbook/element-embed/index.css";
+import elementOnlineIde from "@hyperbook/element-online-ide";
+import "@hyperbook/element-online-ide/index.css";
+import elementSqlIde from "@hyperbook/element-sql-ide";
+import "@hyperbook/element-sql-ide/index.css";
+import elementBitflow from "@hyperbook/element-bitflow";
+import "@hyperbook/element-bitflow/index.css";
+import elementScratchblock from "@hyperbook/element-scratchblock";
+import "@hyperbook/element-scratchblock/index.css";
+import Link from "next/link";
+import Head from "next/head";
+import { Styles } from "@hyperbook/styles";
+import { localStorage, noopStorage } from "@hyperbook/store";
+import { useRouter } from "next/router";
+import { useEffect } from "react";
+import hb from "../../hyperbook.json";
+const MyLink = ({ ref, href, children, ...props }) => {
+  return /* @__PURE__ */ React.createElement(Link, { href, ...props }, children);
+};
+const makeUrl = ({ basePath }) => (path) => {
+  if (process.env.NODE_ENV === "production" && basePath && path?.startsWith("/")) {
+    if (basePath.endsWith("/")) {
+      path = basePath.slice(0, -1) + path;
+    } else {
+      path = basePath + path;
+    }
+  }
+  return path;
+};
+function MyApp({ Component, pageProps }) {
+  const router = useRouter();
+  useEffect(() => {
+    document.documentElement.lang = pageProps.locale;
+  }, [pageProps.locale]);
+  return /* @__PURE__ */ React.createElement(
+    Provider,
+    {
+      Link: MyLink,
+      Head,
+      config: hb,
+      makeUrl,
+      env: process.env.NODE_ENV === "production" ? "production" : "development",
+      elements: [
+        elementTab,
+        elementAudio,
+        elementAlert,
+        elementTerm,
+        elementYoutube,
+        elementCollapsible,
+        elementPlantuml,
+        elementProtect,
+        elementDl,
+        elementEmbed,
+        elementBookmarks,
+        elementStruktog,
+        elementOnlineIde,
+        elementSqlIde,
+        elementQr,
+        elementMermaid,
+        elementExcalidraw,
+        elementScratchblock,
+        elementBitflow
+      ],
+      router,
+      storage: typeof window !== "undefined" ? localStorage : noopStorage,
+      loadFile: () => async (path) => {
+        return fetch(path).then((res) => res.text());
+      },
+      saveFile: () => async (path, content, rootFolder) => {
+        await fetch("/api/save", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            path,
+            content,
+            rootFolder
+          })
+        });
+      },
+      getActivePageId: async () => router.asPath.split("#")?.[0] || "/"
+    },
+    /* @__PURE__ */ React.createElement(Styles, null),
+    /* @__PURE__ */ React.createElement(Component, { ...pageProps })
+  );
+}
+export {
+  MyApp as default
+};

package/dist/templates/default/.hyperbook/src/pages/_document.js

@@ -1 +1,11 @@
-import e,{Html as _,Head as D,Main as H,NextScript as A}from"next/document";class M extends e{render(){return<_ lang={this.props.__NEXT_DATA__.props.pageProps.locale}><D/><body><H/><A/></body></_>}}var h=M;export{h as default};
+import React from "react";
+import Document, { Html, Head, Main, NextScript } from "next/document";
+class MyDocument extends Document {
+  render() {
+    return /* @__PURE__ */ React.createElement(Html, { lang: this.props.__NEXT_DATA__.props.pageProps.locale }, /* @__PURE__ */ React.createElement(Head, null), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement(Main, null), /* @__PURE__ */ React.createElement(NextScript, null)));
+  }
+}
+var document_default = MyDocument;
+export {
+  document_default as default
+};

package/dist/templates/default/.hyperbook/src/pages/api/save.js

@@ -1 +1,39 @@
-import s from"fs/promises";import i from"path";async function o(a){var t=i.dirname(a);try{return await s.access(t),!0}catch{s.mkdir(t).then(async()=>o(t))}}const l={api:{bodyParser:{sizeLimit:"32mb"}}};async function c(a,t){process.env.NODE_ENV!=="development"&&t.status(404).json({status:"failed"});let{path:e,content:r,rootFolder:n}=a.body;n&&(e=i.join(n,e)),e=i.join(__dirname,"..","..","..","..",e);try{await o(e),await s.writeFile(e,r),t.status(202).json({status:"saved"})}catch(p){t.status(400).json(p)}}export{l as config,c as default};
+import fs from "fs/promises";
+import path from "path";
+async function ensureDirectoryExistence(filePath) {
+  var dirname = path.dirname(filePath);
+  try {
+    await fs.access(dirname);
+    return true;
+  } catch (e) {
+    fs.mkdir(dirname).then(async () => ensureDirectoryExistence(dirname));
+  }
+}
+const config = {
+  api: {
+    bodyParser: {
+      sizeLimit: "32mb"
+    }
+  }
+};
+async function handler(req, res) {
+  if (process.env.NODE_ENV !== "development") {
+    res.status(404).json({ status: "failed" });
+  }
+  let { path: p, content, rootFolder } = req.body;
+  if (rootFolder) {
+    p = path.join(rootFolder, p);
+  }
+  p = path.join(__dirname, "..", "..", "..", "..", p);
+  try {
+    await ensureDirectoryExistence(p);
+    await fs.writeFile(p, content);
+    res.status(202).json({ status: "saved" });
+  } catch (e) {
+    res.status(400).json(e);
+  }
+}
+export {
+  config,
+  handler as default
+};

package/dist/templates/default/.hyperbook/src/pages/glossary/[...term].js

@@ -1 +1,59 @@
-import{Shell as F}from"@hyperbook/shell";import{Fragment as T}from"react";import{useActivePageId as G,useLink as x}from"@hyperbook/provider";import{Markdown as H}from"@hyperbook/markdown";import{hyperbook as S,vfile as y}from"@hyperbook/fs";import{useScrollHash as L}from"../../useScrollHash";function M({markdown:e,navigation:o,data:t,references:a}){const P=x();return G(),L(),<F navigation={o}><article><H children={e}showToc={t.toc!==!1}/><div className="pages">{a.map((r,v)=><T key={r.path.href}>{v>0&&", "}<P href={r.path.href}>{r.markdown?.data?.name??r.name}</P></T>)}</div></article></F>}const D=async({params:e})=>{const o=process.env.root??process.cwd(),t=await y.get(o,"glossary","/glossary/"+e.term.join("/"));if(!t)throw Error(`Missing file ${t}`);const{content:a,data:P}=await y.getMarkdown(t),r=await S.getJson(o),v=await S.getNavigation(o,t);return{props:{locale:P?.lang||r.language,markdown:a,data:P,references:t.references,navigation:v}}},K=async()=>{const e=process.env.root??process.cwd();return{paths:(await y.listForFolder(e,"glossary")).map(a=>({params:{term:a.path.href.slice(10).split("/")}})),fallback:!1}};export{M as default,K as getStaticPaths,D as getStaticProps};
+import React from "react";
+import { Shell } from "@hyperbook/shell";
+import { Fragment } from "react";
+import { useActivePageId, useLink } from "@hyperbook/provider";
+import { Markdown } from "@hyperbook/markdown";
+import { hyperbook, vfile } from "@hyperbook/fs";
+import { useScrollHash } from "../../useScrollHash";
+function Term({
+  markdown,
+  navigation,
+  data,
+  references
+}) {
+  const Link = useLink();
+  useActivePageId();
+  useScrollHash();
+  return /* @__PURE__ */ React.createElement(Shell, { navigation }, /* @__PURE__ */ React.createElement("article", null, /* @__PURE__ */ React.createElement(Markdown, { children: markdown, showToc: data.toc !== false }), /* @__PURE__ */ React.createElement("div", { className: "pages" }, references.map((p, i) => /* @__PURE__ */ React.createElement(Fragment, { key: p.path.href }, i > 0 && ", ", /* @__PURE__ */ React.createElement(Link, { href: p.path.href }, p.markdown?.data?.name ?? p.name))))));
+}
+const getStaticProps = async ({ params }) => {
+  const root = process.env.root ?? process.cwd();
+  const file = await vfile.get(
+    root,
+    "glossary",
+    "/glossary/" + params.term.join("/")
+  );
+  if (!file) {
+    throw Error(`Missing file ${file}`);
+  }
+  const { content, data } = await vfile.getMarkdown(file);
+  const hyperbookJson = await hyperbook.getJson(root);
+  const navigation = await hyperbook.getNavigation(root, file);
+  return {
+    props: {
+      locale: data?.lang || hyperbookJson.language,
+      markdown: content,
+      data,
+      references: file.references,
+      navigation
+    }
+  };
+};
+const getStaticPaths = async () => {
+  const root = process.env.root ?? process.cwd();
+  const files = await vfile.listForFolder(root, "glossary");
+  const paths = files.map((f) => ({
+    params: {
+      term: f.path.href.slice(10).split("/")
+    }
+  }));
+  return {
+    paths,
+    fallback: false
+  };
+};
+export {
+  Term as default,
+  getStaticPaths,
+  getStaticProps
+};

package/dist/templates/default/.hyperbook/src/pages/glossary/index.js

@@ -1 +1,28 @@
-import{Shell as S}from"@hyperbook/shell";import{useActivePageId as d,useLink as N}from"@hyperbook/provider";import{hyperbook as k,vfile as w}from"@hyperbook/fs";import{useScrollHash as b}from"../../useScrollHash";function x({glossary:o,navigation:a}){const G=N();return d(),b(),<S navigation={a}><article className="glossary">{Object.keys(o).map(s=><div key={s}className="container"><div className="letter">{s}</div><ul className="terms">{o[s].map(P=><li key={P.href}><G className="term"href={P.href}>{P.name}</G></li>)}</ul></div>)}</article></S>}const z=async()=>{const o=process.env.root??process.cwd(),a=await w.getGlossary(o),G=await k.getJson(o),s=await k.getNavigation(o);return{props:{locale:G.language,glossary:a,navigation:s}}};export{x as default,z as getStaticProps};
+import React from "react";
+import { Shell } from "@hyperbook/shell";
+import { useActivePageId, useLink } from "@hyperbook/provider";
+import { hyperbook, vfile } from "@hyperbook/fs";
+import { useScrollHash } from "../../useScrollHash";
+function Glossary({ glossary, navigation }) {
+  const Link = useLink();
+  useActivePageId();
+  useScrollHash();
+  return /* @__PURE__ */ React.createElement(Shell, { navigation }, /* @__PURE__ */ React.createElement("article", { className: "glossary" }, Object.keys(glossary).map((letter) => /* @__PURE__ */ React.createElement("div", { key: letter, className: "container" }, /* @__PURE__ */ React.createElement("div", { className: "letter" }, letter), /* @__PURE__ */ React.createElement("ul", { className: "terms" }, glossary[letter].map((term) => /* @__PURE__ */ React.createElement("li", { key: term.href }, /* @__PURE__ */ React.createElement(Link, { className: "term", href: term.href }, term.name))))))));
+}
+const getStaticProps = async () => {
+  const root = process.env.root ?? process.cwd();
+  const glossaryData = await vfile.getGlossary(root);
+  const hyperbookJson = await hyperbook.getJson(root);
+  const navigation = await hyperbook.getNavigation(root);
+  return {
+    props: {
+      locale: hyperbookJson.language,
+      glossary: glossaryData,
+      navigation
+    }
+  };
+};
+export {
+  Glossary as default,
+  getStaticProps
+};

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

@@ -1 +1,14 @@
-import{useEffect as e}from"react";const s=()=>{e(()=>{const o=window.location.hash;o&&setTimeout(()=>{document.querySelector(o)?.scrollIntoView({behavior:"smooth"})},100)})};export{s as useScrollHash};
+import { useEffect } from "react";
+const useScrollHash = () => {
+  useEffect(() => {
+    const hash = window.location.hash;
+    if (hash) {
+      setTimeout(() => {
+        document.querySelector(hash)?.scrollIntoView({ behavior: "smooth" });
+      }, 100);
+    }
+  });
+};
+export {
+  useScrollHash
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperbook",
-  "version": "0.23.1",
+  "version": "0.23.2",
   "author": "Mike Barkmin",
   "homepage": "https://github.com/openpatch/hyperbook#readme",
   "license": "MIT",
@@ -44,7 +44,7 @@
     "rimraf": "3.0.2",
     "tar": "6.1.14",
     "update-check": "1.5.4",
-    "@platforms/web": "0.23.1"
+    "@platforms/web": "0.23.2"
   },
   "dependencies": {
     "@hyperbook/fs": "0.10.0",