hyperbook 0.33.2 → 0.34.0

package/dist/assets/directive-mermaid/style.css

@@ -0,0 +1,7 @@
+.directive-mermaid {
+  visibility: hidden;
+}
+
+.directive-mermaid[data-processed] {
+  visibility: visible;
+}

package/dist/assets/directive-onlineide/client.js

@@ -0,0 +1,14 @@
+hyperbook.onlineide = (function () {
+  /**
+   * @param {HTMLElement} el
+   */
+  function openFullscreen(el) {
+    const iframeEl =
+      el.parentElement.parentElement.getElementsByTagName("iframe")[0];
+    iframeEl.requestFullscreen();
+  }
+
+  return {
+    openFullscreen,
+  };
+})();

package/dist/assets/directive-onlineide/style.css

@@ -0,0 +1,24 @@
+.directive-onlineide {
+  margin-bottom: 10px;
+  border: 1px solid var(--color-spacer);
+  border-radius: 8px;
+  background: #1e1e1e;
+  overflow: hidden;
+}
+
+.directive-onlineide iframe {
+  width: 100%;
+}
+
+.directive-onlineide .menu {
+  display: flex;
+  border-top: 1px solid var(--color-spacer);
+}
+
+.directive-onlineide .menu button {
+  flex: 1;
+  background: var(--color-nav);
+  color: var(--color-text);
+  border: none;
+  cursor: pointer;
+}

package/dist/assets/directive-pagelist/style.css

@@ -0,0 +1,18 @@
+.directive-pagelist .terms {
+  border-left-color: var(--color-spacer);
+}
+
+.directive-pagelist .letter {
+  font-size: 24px;
+}
+
+.directive-pagelist .term {
+  list-style-type: none;
+  text-decoration: none;
+}
+
+.directive-pagelist .terms {
+  padding-left: 1em;
+  border-left-width: 1px;
+  border-left-style: solid;
+}

package/dist/assets/directive-protect/client.js

@@ -0,0 +1,80 @@
+hyperbook.protect = (function () {
+  /**
+   * @param {HTMLInputElement} inputEl
+   * @param {HTMLElement} el
+   */
+  function onInputToast(inputEl, el) {
+    const value = inputEl.value;
+    setLocalStorage(el.getAttribute("data-id"), value);
+
+    const els = document.querySelectorAll(
+      `input[data-id="${el.getAttribute("data-id")}"]`,
+    );
+    els.forEach((el) => el.dispatchEvent(new Event("check")));
+  }
+
+  /**
+   * @param {HTMLInputElement} inputEl
+   * @param {HTMLElement} el
+   * @param {HTMLElement} hiddenEl
+   */
+  function onUpdateToast(inputEl, el, hiddenEl) {
+    const value = getLocalStorage(el.getAttribute("data-id"));
+    const toast = atob(el.getAttribute("data-toast"));
+    if (value) {
+      inputEl.value = value;
+    }
+    if (toast === value) {
+      while (el.lastElementChild) {
+        el.removeChild(el.lastElementChild);
+      }
+      hiddenEl.classList.remove("hidden");
+      el.appendChild(hiddenEl);
+    }
+  }
+
+  /*
+   * @param {string} id
+   * @return {string | undefined} value
+   */
+  function getLocalStorage(id) {
+    const protect = JSON.parse(localStorage.getItem("protect") || "{}");
+    const value = protect[id];
+    if (value) {
+      return atob(value);
+    }
+    return undefined;
+  }
+
+  /*
+   * @param {string} id
+   * @param {string} value
+   */
+  function setLocalStorage(id, value) {
+    const protect = JSON.parse(localStorage.getItem("protect") || "{}");
+    protect[id] = btoa(value);
+    localStorage.setItem("protect", JSON.stringify(protect));
+  }
+
+  function init() {
+    const els = document.getElementsByClassName("directive-protect");
+    for (let el of els) {
+      const inputEl = el.getElementsByTagName("input")[0];
+
+      if (!inputEl) continue;
+      inputEl.value = getLocalStorage(el.getAttribute("data-id")) || "";
+
+      const hiddenEL = el.getElementsByClassName("hidden")[0];
+      el.removeChild(hiddenEL);
+
+      onUpdateToast(inputEl, el, hiddenEL);
+      inputEl.addEventListener("input", () => onInputToast(inputEl, el));
+      inputEl.addEventListener("check", () => {
+        console.log("update");
+        onUpdateToast(inputEl, el, hiddenEL);
+      });
+    }
+  }
+
+  init();
+})();

package/dist/assets/directive-protect/style.css

@@ -0,0 +1,54 @@
+.directive-protect .password-input {
+  border-color: var(--color-spacer);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100px;
+  margin-bottom: 10px;
+  border-radius: 4px;
+  border-style: solid;
+  border-width: 1px;
+}
+
+.directive-protect .password-input>input {
+  text-align: center;
+  border-radius: 10px;
+  font-size: 18px;
+  border-width: 1px;
+  border-style: solid;
+}
+
+.directive-protect .password-input>.icon {
+  position: absolute;
+  user-select: none;
+  left: -14px;
+  border-width: 1px;
+  border-style: solid;
+  height: 28px;
+  width: 28px;
+  text-align: center;
+  border-radius: 50%;
+  margin-bottom: 10px;
+}
+
+.directive-protect .password-input>.description {
+  margin-bottom: 10px;
+}
+
+.directive-protect .password-input>input {
+  color: var(--color-text);
+  background: var(--color-nav);
+  border-color: var(--color-spacer);
+}
+
+.directive-protect .password-input>.icon {
+  background: white;
+  border-color: var(--color-spacer);
+}
+
+.directive-protect .hidden {
+  visibility: hidden;
+  display: none;
+}

package/dist/assets/directive-qr/style.css

@@ -0,0 +1,77 @@
+.directive-qr {
+  padding: 8px;
+  margin: 0 auto;
+  border-radius: 8px;
+  width: fit-content;
+  text-align: center;
+  margin-bottom: 10px;
+}
+
+.directive-qr .code {
+  display: flex;
+  margin: 0 auto;
+  background-color: white;
+  border-radius: 8px;
+  width: 100%;
+}
+
+.directive-qr .code.S {
+  padding: 4px;
+  max-width: calc(64px + 8px);
+}
+
+.directive-qr .code.S canvas,
+.directive-qr .code.S img,
+.directive-qr .code.S svg {
+  border-radius: 2px;
+}
+
+.directive-qr .code.M canvas,
+.directive-qr .code.M img,
+.directive-qr .code.M svg {
+  border-radius: 4px;
+}
+
+.directive-qr .code.M {
+  padding: 8px;
+  max-width: calc(128px + 16px);
+}
+
+.directive-qr .code.L {
+  padding: 12px;
+  max-width: calc(256px + 24px);
+}
+
+.directive-qr .code.XL {
+  padding: 16px;
+  max-width: calc(512px + 32px);
+}
+
+.directive-qr svg,
+.directive-qr img,
+.directive-qr canvas {
+  border-radius: 8px;
+  width: 100% !important;
+  height: auto !important;
+}
+
+.directive-qr .label {
+  margin-top: 8px;
+  text-align: center;
+  font-weight: bold;
+}
+
+.directive-qr .label.S {
+  font-size: 12px;
+}
+
+.directive-qr .label.M {
+  font-size: 14px;
+}
+
+.directive-qr {
+  background-color: var(--color-nav);
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--color-nav-border);
+}

package/dist/assets/directive-scratchblock/client.js

@@ -0,0 +1,30 @@
+hyperbook.scratchblock = (function () {
+  function init() {
+    scratchblocks.renderMatching("pre.directive-scratchblock", {
+      style: "scratch3",
+      languages: [
+        "en",
+        "de",
+        "es",
+        "fr",
+        "zh_cn",
+        "pl",
+        "ja",
+        "nl",
+        "pt",
+        "it",
+        "he",
+        "ko",
+        "nb",
+        "tr",
+        "el",
+        "ru",
+        "ca",
+        "id",
+      ],
+      scale: 1,
+    });
+  }
+
+  init();
+})();