npm - @openlist-frontend/openlist-frontend - Versions diffs - 4.0.4 → 4.0.5 - Mend

@openlist-frontend/openlist-frontend 4.0.4 → 4.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (344) hide show

package/dist/lite/index.html ADDED Viewed

@@ -0,0 +1,81 @@
+<!doctype html>
+<html lang="en" translate="no">
+  <head>
+    <!-- customize head -->
+    <meta charset="utf-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1" >
+    <meta name="referrer" content="same-origin" >
+    <meta name="generator" content="OpenList" >
+    <meta name="theme-color" content="#000000" >
+    <meta name="google" content="notranslate" >
+    <meta name="apple-mobile-web-app-capable" content="yes" >
+    <meta name="apple-mobile-web-app-title" content="OpenList" >
+    <link       rel="apple-touch-icon"
+      href="https://cdn.oplist.org/gh/OpenListTeam/Logo@main/logo.png"
+    >
+    <script       src="https://g.alicdn.com/IMM/office-js/1.1.5/aliyun-web-office-sdk.min.js"
+      async
+    ></script>
+    <link       rel="shortcut icon"
+      type="image/ico"
+      href="https://cdn.oplist.org/gh/OpenListTeam/Logo@main/logo.svg"
+    >
+    <title>Loading...</title>
+    <script>
+      window.OPENLIST_CONFIG = {
+        cdn: undefined,
+        monaco_cdn: undefined,
+        base_path: undefined,
+        api: undefined,
+        main_color: undefined,
+      }
+      window.__dynamic_base__ = window.OPENLIST_CONFIG.cdn || ""
+    </script>
+    <script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script>
+    <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=  window.__dynamic_base__+e.getAttribute('data-src'),n.onload=function(){System.import(  window.__dynamic_base__+document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
+    <script>
+(function(){
+var preloads = [{"parentTagName":"head","tagName":"link","attrs":{"href":"/static/manifest.json","rel":"manifest"}},{"parentTagName":"head","tagName":"script","attrs":{"type":"module","crossorigin":"","src":"/assets/index-30b06bca.js"}},{"parentTagName":"head","tagName":"link","attrs":{"rel":"stylesheet","href":"/assets/index-c0564af7.css"}}];
+function setAttribute(target, attrs) {
+for (var key in attrs) {
+  target.setAttribute(key, attrs[key]);
+}
+return target;
+};
+for(var i = 0; i < preloads.length; i++){
+var item = preloads[i]
+var childNode = document.createElement(item.tagName);
+setAttribute(childNode, item.attrs)
+if(  window.__dynamic_base__) {
+  if(item.tagName == 'link') {
+    setAttribute(childNode, { href:   window.__dynamic_base__ + item.attrs.href })
+  } else if (item.tagName == 'script') {
+    setAttribute(childNode, { src:   window.__dynamic_base__ + item.attrs.src })
+  }
+}
+document.getElementsByTagName(item.parentTagName)[0].appendChild(childNode);
+}
+})();
+</script>
+</head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!-- customize body -->
+    <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
+    <script nomodule crossorigin id="vite-legacy-polyfill" data-src="/assets/polyfills-legacy-fa59231c.js">!(function() {
+      var e = document.createElement('script')
+      e.src =   window.__dynamic_base__ + document.getElementById('vite-legacy-polyfill').getAttribute('data-src');
+      e.onload = function() {
+        System.import(  window.__dynamic_base__+document.getElementById('vite-legacy-entry').getAttribute('data-src'))
+      };
+      document.body.appendChild(e)
+    })();</script>
+    <script nomodule crossorigin id="vite-legacy-entry" data-src="/assets/index-legacy-0aa5b14a.js"></script>
+  </body>
+</html>

package/dist/lite/static/epub.js/viewer.html ADDED Viewed

@@ -0,0 +1,467 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>EPUB.js viewer</title>
+    <script
+      src="https://npm.elemecdn.com/jszip@3.10.1/dist/jszip.min.js"
+      integrity="sha256-rMfkFFWoB2W1/Zx+4bgHim0WC7vKRVrq6FTeZclH1Z4="
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://npm.elemecdn.com/epubjs@0.3.93/dist/epub.min.js"
+      integrity="sha256-BurhV0UQe0qlCMlVOCdSUfab+58RdWIfxFjZ9C7QgtQ="
+      crossorigin="anonymous"
+    ></script>
+    <style>
+      body {
+        margin: 0;
+        background: #fafafa;
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+        color: #333;
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        min-height: 800px;
+      }
+      #title {
+        width: 900px;
+        min-height: 18px;
+        margin: 10px auto;
+        text-align: center;
+        font-size: 16px;
+        color: #e2e2e2;
+        font-weight: 400;
+      }
+      #title:hover {
+        color: #777;
+      }
+      #viewer.spreads {
+        width: 900px;
+        height: 600px;
+        box-shadow: 0 0 4px #ccc;
+        border-radius: 5px;
+        padding: 0;
+        position: relative;
+        margin: 10px auto;
+        background: white center center no-repeat;
+        top: calc(50vh - 400px);
+      }
+      #viewer.spreads .epub-view > iframe {
+        background: white;
+      }
+      #viewer.scrolled {
+        overflow: hidden;
+        width: 800px;
+        margin: 0 auto;
+        position: relative;
+        background: center center no-repeat white;
+        box-shadow: 0 0 4px #ccc;
+        padding: 20px;
+      }
+      #viewer.scrolled .epub-view > iframe {
+        background: white;
+      }
+      #prev {
+        left: 0;
+      }
+      #next {
+        right: 0;
+      }
+      #toc {
+        display: block;
+        margin: 10px auto;
+      }
+      @media (min-width: 1000px) {
+        #viewer.spreads:after {
+          position: absolute;
+          width: 1px;
+          border-right: 1px #000 solid;
+          height: 90%;
+          z-index: 1;
+          left: 50%;
+          margin-left: -1px;
+          top: 5%;
+          opacity: 0.15;
+          box-shadow: -2px 0 15px rgba(0, 0, 0, 1);
+          content: "";
+        }
+        #viewer.spreads.single:after {
+          display: none;
+        }
+        #prev {
+          left: 40px;
+        }
+        #next {
+          right: 40px;
+        }
+      }
+      .arrow {
+        position: fixed;
+        top: 50%;
+        margin-top: -32px;
+        font-size: 64px;
+        color: #e2e2e2;
+        font-family: arial, sans-serif;
+        font-weight: bold;
+        cursor: pointer;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        user-select: none;
+        text-decoration: none;
+      }
+      .navlink {
+        margin: 14px;
+        display: block;
+        text-align: center;
+        text-decoration: none;
+        color: #ccc;
+      }
+      .arrow:hover,
+      .navlink:hover {
+        color: #777;
+      }
+      .arrow:active,
+      .navlink:hover {
+        color: #000;
+      }
+      #book-wrapper {
+        width: 480px;
+        height: 640px;
+        overflow: hidden;
+        border: 1px solid #ccc;
+        margin: 28px auto;
+        background: #fff;
+        border-radius: 0 5px 5px 0;
+        position: absolute;
+      }
+      #book-viewer {
+        width: 480px;
+        height: 660px;
+        margin: -30px auto;
+        -moz-box-shadow: inset 10px 0 20px rgba(0, 0, 0, 0.1);
+        -webkit-box-shadow: inset 10px 0 20px rgba(0, 0, 0, 0.1);
+        box-shadow: inset 10px 0 20px rgba(0, 0, 0, 0.1);
+      }
+      #book-viewer iframe {
+        padding: 40px;
+      }
+      #controls {
+        position: absolute;
+        bottom: 16px;
+        left: 50%;
+        width: 400px;
+        margin-left: -200px;
+        text-align: center;
+        display: none;
+      }
+      #controls > input[type="range"] {
+        width: 400px;
+      }
+      #navigation {
+        width: 400px;
+        height: 100vh;
+        position: absolute;
+        overflow: auto;
+        top: 0;
+        left: 0;
+        background: #777;
+        -webkit-transition: -webkit-transform 0.25s ease-out;
+        -moz-transition: -moz-transform 0.25s ease-out;
+        -ms-transition: -moz-transform 0.25s ease-out;
+        transition: transform 0.25s ease-out;
+      }
+      #navigation.fixed {
+        position: fixed;
+      }
+      #navigation h1 {
+        width: 200px;
+        font-size: 16px;
+        font-weight: normal;
+        color: #fff;
+        margin-bottom: 10px;
+      }
+      #navigation h2 {
+        font-size: 14px;
+        font-weight: normal;
+        color: #b0b0b0;
+        margin-bottom: 20px;
+      }
+      #navigation ul {
+        padding-left: 36px;
+        margin-left: 0;
+        margin-top: 12px;
+        margin-bottom: 12px;
+        width: 340px;
+      }
+      #navigation ul li {
+        list-style: decimal;
+        margin-bottom: 10px;
+        color: #cccddd;
+        font-size: 12px;
+        padding-left: 0;
+        margin-left: 0;
+      }
+      #navigation ul li a {
+        color: #ccc;
+        text-decoration: none;
+      }
+      #navigation ul li a:hover {
+        color: #fff;
+        text-decoration: underline;
+      }
+      #navigation ul li a.active {
+        color: #fff;
+      }
+      #navigation #cover {
+        display: block;
+        margin: 24px auto;
+      }
+      #navigation #closer {
+        position: absolute;
+        top: 0;
+        right: 0;
+        padding: 12px;
+        color: #cccddd;
+        width: 24px;
+      }
+      #navigation.closed {
+        -webkit-transform: translate(-400px, 0);
+        -moz-transform: translate(-400px, 0);
+        -ms-transform: translate(-400px, 0);
+        transform: translate(-400px, 0);
+      }
+      svg {
+        display: block;
+      }
+      .close-x {
+        stroke: #cccddd;
+        fill: transparent;
+        stroke-linecap: round;
+        stroke-width: 5;
+      }
+      .close-x:hover {
+        stroke: #fff;
+      }
+      #opener {
+        position: absolute;
+        top: 0;
+        left: 0;
+        padding: 10px;
+        stroke: #e2e2e2;
+        fill: #e2e2e2;
+      }
+      #opener:hover {
+        stroke: #777;
+        fill: #777;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- <div id="title"></div> -->
+    <select id="toc"></select>
+    <div id="viewer" class="spreads"></div>
+    <a id="prev" href="#prev" class="arrow">‹</a>
+    <a id="next" href="#next" class="arrow">›</a>
+    <script>
+      var params =
+        URLSearchParams &&
+        new URLSearchParams(document.location.search.substring(1))
+      var url =
+        params && params.get("url") && decodeURIComponent(params.get("url"))
+      console.log(url)
+      var currentSectionIndex =
+        params && params.get("loc") ? params.get("loc") : undefined
+      let blob = fetch(url).then((res) => res.blob())
+      var book = ePub(
+        blob.then((blob) => blob.arrayBuffer()),
+        {
+          restore: true,
+          reload: true,
+          spreads: true,
+        }
+      )
+      var rendition = book.renderTo("viewer", {
+        width: "100%",
+        height: 600,
+        spread: "always",
+      })
+      rendition.display(currentSectionIndex)
+      book.ready.then(function () {
+        var next = document.getElementById("next")
+        next.addEventListener(
+          "click",
+          function (e) {
+            book.package.metadata.direction === "rtl"
+              ? rendition.prev()
+              : rendition.next()
+            e.preventDefault()
+          },
+          false
+        )
+        var prev = document.getElementById("prev")
+        prev.addEventListener(
+          "click",
+          function (e) {
+            book.package.metadata.direction === "rtl"
+              ? rendition.next()
+              : rendition.prev()
+            e.preventDefault()
+          },
+          false
+        )
+        var keyListener = function (e) {
+          // Left Key
+          if ((e.keyCode || e.which) == 37) {
+            book.package.metadata.direction === "rtl"
+              ? rendition.next()
+              : rendition.prev()
+          }
+          // Right Key
+          if ((e.keyCode || e.which) == 39) {
+            book.package.metadata.direction === "rtl"
+              ? rendition.prev()
+              : rendition.next()
+          }
+        }
+        rendition.on("keyup", keyListener)
+        document.addEventListener("keyup", keyListener, false)
+      })
+      var title = document.getElementById("title")
+      rendition.on("rendered", function (section) {
+        var current = book.navigation && book.navigation.get(section.href)
+        if (current) {
+          var $select = document.getElementById("toc")
+          var $selected = $select.querySelector("option[selected]")
+          if ($selected) {
+            $selected.removeAttribute("selected")
+          }
+          var $options = $select.querySelectorAll("option")
+          for (var i = 0; i < $options.length; ++i) {
+            let selected = $options[i].getAttribute("ref") === current.href
+            if (selected) {
+              $options[i].setAttribute("selected", "")
+            }
+          }
+        }
+      })
+      rendition.on("relocated", function (location) {
+        console.log(location)
+        var next =
+          book.package.metadata.direction === "rtl"
+            ? document.getElementById("prev")
+            : document.getElementById("next")
+        var prev =
+          book.package.metadata.direction === "rtl"
+            ? document.getElementById("next")
+            : document.getElementById("prev")
+        if (location.atEnd) {
+          next.style.visibility = "hidden"
+        } else {
+          next.style.visibility = "visible"
+        }
+        if (location.atStart) {
+          prev.style.visibility = "hidden"
+        } else {
+          prev.style.visibility = "visible"
+        }
+      })
+      rendition.on("layout", function (layout) {
+        let viewer = document.getElementById("viewer")
+        if (layout.spread) {
+          viewer.classList.remove("single")
+        } else {
+          viewer.classList.add("single")
+        }
+      })
+      window.addEventListener("unload", function () {
+        console.log("unloading")
+        this.book.destroy()
+      })
+      book.loaded.navigation.then(function (toc) {
+        var $select = document.getElementById("toc"),
+          docfrag = document.createDocumentFragment()
+        toc.forEach(function (chapter) {
+          var option = document.createElement("option")
+          option.textContent = chapter.label
+          option.setAttribute("ref", chapter.href)
+          docfrag.appendChild(option)
+        })
+        $select.appendChild(docfrag)
+        $select.onchange = function () {
+          var index = $select.selectedIndex,
+            url = $select.options[index].getAttribute("ref")
+          rendition.display(url)
+          return false
+        }
+      })
+    </script>
+  </body>
+</html>