npm - hexo-theme-particlex - Versions diffs - 2.1.1 → 2.1.3 - Mend

hexo-theme-particlex 2.1.1 → 2.1.3

Files changed (15) hide show

package/README.md +2 -13
package/_config.yml +0 -1
package/layout/archives.ejs +3 -5
package/layout/categories.ejs +2 -1
package/layout/index.ejs +3 -3
package/layout/layout.ejs +17 -13
package/layout/post.ejs +5 -10
package/layout/script.ejs +9 -6
package/layout/tags.ejs +3 -2
package/package.json +1 -2
package/source/css/particlex.css +30 -76
package/source/js/functions.js +27 -11
package/source/js/particlex.js +60 -8
package/source/js/cryptor.js +0 -44
package/source/js/searcher.js +0 -43

package/README.md CHANGED Viewed

@@ -199,24 +199,13 @@ highlightStyle: github # Highlight style
 -   搜索
-    嵌入到 Archives 中的搜索，搜索数据是用 [Hexo-Generator-Search-Lite](https://github.com/argvchs/hexo-generator-search-lite) 生成，默认关闭，使用需要安装上述插件并**设置 `optimize: true`**
+    嵌入到 Archives 中的搜索，默认关闭
-    目前只支持搜索文档的 Title Categories Tags（我太弱了）
-    要同时在主题和根目录的两个 `_config.yml` 添加配置
+    目前只支持搜索文档标题（我太弱了）
     ```yaml
-    # Theme config
     search:
         enable: false
-        path: /search.json
-    ```
-    ```yaml
-    # Site config
-    search:
-        path: /search.json
-        optimize: true
     ```
 -   Gitalk

package/_config.yml CHANGED Viewed

@@ -87,7 +87,6 @@ crypto:
 # Search
 search:
     enable: false
-    path: /search.json
 # Gitalk
 # https://github.com/gitalk/gitalk

package/layout/archives.ejs CHANGED Viewed

@@ -1,12 +1,10 @@
 <div id="archives">
     <% if (theme.search.enable) { %>
-    <div class="search-mask" style="z-index: <%= site.posts.length + 1 %>"></div>
-    <input class="ipt search-bar" placeholder="搜索..." style="z-index: <%= site.posts.length + 2 %>">
-    <script src="<%- url_for("/js/searcher.js") %>"></script>
-    <script>searcher.init("<%- url_for(theme.search.path) %>");</script>
+    <div id="search-mask" style="z-index: <%= site.posts.length + 1 %>"></div>
+    <input id="search-bar" class="ipt" placeholder="搜索" style="z-index: <%= site.posts.length + 2 %>">
     <% } %>
     <% site.posts.forEach((post, id) => { %>
-    <div class="timeline" path="<%- url_for(post.path) %>" style="z-index: <%= site.posts.length - id %>">
+    <div class="timeline" style="z-index: <%= site.posts.length - id %>" data-title="<%- post.title.toLowerCase().replace(/\s+/gm, "") %>">
         <div class="timeline-tail"></div>
         <div class="timeline-content">
             <div class="item-time"><%- date(post.date, "YYYY/M/D") %></div>

package/layout/categories.ejs CHANGED Viewed

@@ -20,7 +20,8 @@
         <%
             posts = category.posts;
             posts.data.sort((a, b) => {
-                a.top ??= 0, b.top ??= 0;
+                if (typeof a.top === "undefined") a.top = 0;
+                if (typeof b.top === "undefined") b.top = 0;
                 return a.top == b.top ? b.date - a.date : b.top - a.top
             });
         %>

package/layout/index.ejs CHANGED Viewed

@@ -19,13 +19,13 @@
 <div id="home-posts-wrap" class="<%- theme.card.enable ? "" : "home-posts-wrap-no-card" %>">
     <div id="home-posts">
         <div id="posts">
-            <%- include("posts") %>
-            <%- include("current") %>
+            <%- partial("posts") %>
+            <%- partial("current") %>
         </div>
     </div>
     <% if (theme.card.enable) { %>
     <div id="home-card">
-        <%- include("card") %>
+        <%- partial("card") %>
     </div>
     <% } %>
 </div>

package/layout/layout.ejs CHANGED Viewed

@@ -1,15 +1,15 @@
 <%
-    let layout = "post";
+    let type = "post";
     if (is_home())
-        layout = "index";
+        type = "index";
     else if (is_post())
-        layout = "post";
+        type = "post";
     else if (is_category() || page.type == "categories")
-        layout = "categories";
+        type = "categories";
     else if (is_tag() || page.type == "tags")
-        layout = "tags";
+        type = "tags";
     else if (is_archive() || is_year() || is_month())
-        layout = "archives";
+        type = "archives";
     let title = "";
     if (page.title)
         title = page.title + " | ";
@@ -21,8 +21,9 @@
         title = "Archives | ";
     title += config.title;
     site.posts.data.sort((a, b) => {
-        a.top ??= 0, b.top ??= 0;
-        return a.top == b.top ? b.date - a.date : b.top - a.top
+        if (typeof a.top === "undefined") a.top = 0;
+        if (typeof b.top === "undefined") b.top = 0;
+        return a.top == b.top ? b.date - a.date : b.top - a.top;
     });
 %>
 <!DOCTYPE html>
@@ -47,20 +48,23 @@
         <script src="https://cdn.staticfile.org/KaTeX/0.16.4/contrib/auto-render.min.js"></script>
         <link rel="stylesheet" href="https://cdn.staticfile.org/KaTeX/0.16.4/katex.min.css">
         <% } %>
+        <% if (theme.crypto.enable && typeof page.password !== "undefined") { %>
+        <script src="https://cdn.staticfile.org/crypto-js/4.1.1/crypto-js.min.js"></script>
+        <% } %>
         <link rel="stylesheet" href="<%- url_for("/css/fonts.min.css") %>">
         <link rel="stylesheet" href="<%- url_for("/css/particlex.css") %>">
     </head>
     <body>
-        <%- include("loading") %>
+        <%- partial("loading") %>
         <div id="layout">
             <transition name="into">
                 <div v-show="showpage" style="display: -not-none">
                     <div id="menushow">
-                        <%- include("menu") %>
+                        <%- partial("menu") %>
                     </div>
                     <div id="main">
-                        <%- include(layout) %>
-                        <%- include("footer") %>
+                        <%- partial(type) %>
+                        <%- partial("footer") %>
                     </div>
                 </div>
             </transition>
@@ -68,6 +72,6 @@
                 <img id="showimg-content" alt="showimg">
             </div>
         </div>
-        <%- include("script") %>
+        <%- partial("script", { type }) %>
     </body>
 </html>

package/layout/post.ejs CHANGED Viewed

@@ -38,31 +38,27 @@
         </span>
         <% } %>
     </div>
-    <% if (typeof page.password !== "undefined" && theme.crypto.enable) { %>
+    <% if (theme.crypto.enable && typeof page.password !== "undefined") { %>
     <%
         const CryptoJS = crypto();
-        function SHA(str) {
+        function sha(str) {
             return CryptoJS.SHA256(str).toString(CryptoJS.enc.Base64);
         }
         function encrypt(str, key) {
-            return CryptoJS.AES.encrypt(str, SHA(key), {
+            return CryptoJS.AES.encrypt(str, sha(key), {
                 mode: CryptoJS.mode.ECB,
                 padding: CryptoJS.pad.Pkcs7,
             }).toString();
         }
     %>
-    <input class="ipt crypto" placeholder="文章被加密，请输入密码">
-    <div class="content" v-pre></div>
-    <script src="https://cdn.staticfile.org/crypto-js/4.1.1/crypto-js.min.js"></script>
-    <script src="<%- url_for("/js/cryptor.js") %>"></script>
-    <script>cryptor.init("<%- encrypt(page.content, page.password.toString()) %>", "<%- SHA(page.content) %>")</script>
+    <input id="crypto" class="ipt" placeholder="文章被加密，请输入密码" data-encrypt="<%- encrypt(page.content, page.password.toString()) %>" data-check="<%- sha(page.content) %>">
+    <div class="content" style="opacity: 0" v-pre></div>
     <% } else { %>
     <div class="content" v-pre>
         <%- page.content %>
     </div>
     <% } %>
     <% if (theme.gitalk.enable) { %>
-    <link rel="stylesheet" href="https://cdn.staticfile.org/gitalk/1.7.2/gitalk.min.css">
     <div id="comment">
         <div id="gitalk-container"></div>
     </div>
@@ -73,7 +69,6 @@
     </div>
     <% } %>
     <% if (theme.waline.enable) { %>
-    <link rel="stylesheet" href="https://cdn.staticfile.org/waline/2.9.1/waline.min.css" />
     <div id="comment">
         <div id="waline-container"></div>
     </div>

package/layout/script.ejs CHANGED Viewed

@@ -1,10 +1,12 @@
 <script src="<%- url_for("/js/functions.js") %>"></script>
 <script src="<%- url_for("/js/particlex.js") %>"></script>
-<% if (is_post()) { %>
+<% if (type == "post") { %>
     <% if (theme.gitalk.enable) { %>
     <script src="https://cdn.staticfile.org/gitalk/1.7.2/gitalk.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.staticfile.org/gitalk/1.7.2/gitalk.min.css">
     <script>
-        let clientID = "<%- theme.gitalk.clientID %>", clientSecret = "<%- theme.gitalk.clientSecret %>";
+        let clientID = "<%- theme.gitalk.clientID %>",
+            clientSecret = "<%- theme.gitalk.clientSecret %>";
         <% Object.keys(theme.gitalk.sites).forEach(key => { %>
         if (window.location.host == "<%- key %>") {
             clientID = "<%- theme.gitalk.sites[key].clientID %>";
@@ -21,10 +23,10 @@
             id: location.pathname,
             distractionFreeMode: false,
             <% if (theme.gitalk.proxy) { %>
-            proxy: "<%- theme.gitalk.proxy %>"
+            proxy: "<%- theme.gitalk.proxy %>",
             <% } %>
         })
-        gitalk.render("gitalk-container")
+        gitalk.render("gitalk-container");
     </script>
     <% } %>
     <% if (theme.giscus.enable) { %>
@@ -47,6 +49,7 @@
     <% } %>
     <% if (theme.waline.enable) { %>
     <script src="https://cdn.staticfile.org/waline/2.9.1/waline.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.staticfile.org/waline/2.9.1/waline.min.css">
     <script>
         Waline.init({
             el: "#waline-container",
@@ -60,7 +63,7 @@
             wordLimit: <%- theme.waline.wordLimit %>,
             pageSize: "<%- theme.waline.pageSize %>",
             login: "<%- theme.waline.login %>",
-            locale: <%- JSON.stringify(theme.waline.locale) %>
+            locale: <%- JSON.stringify(theme.waline.locale) %>,
         });
     </script>
     <% } %>
@@ -72,7 +75,7 @@
             envId: "<%- theme.twikoo.envId %>",
             region: "<%- theme.twikoo.region %>",
             path: <%- theme.twikoo.path %>,
-            lang: "<%- theme.twikoo.lang %>"
+            lang: "<%- theme.twikoo.lang %>",
         })
     </script>
     <% } %>

package/layout/tags.ejs CHANGED Viewed

@@ -20,8 +20,9 @@
         <%
             posts = tag.posts;
             posts.data.sort((a, b) => {
-                a.top ??= 0, b.top ??= 0;
-                return a.top == b.top ? b.date - a.date : b.top - a.top
+                if (typeof a.top === "undefined") a.top = 0;
+                if (typeof b.top === "undefined") b.top = 0;
+                return a.top == b.top ? b.date - a.date : b.top - a.top;
             });
         %>
         <% } %>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-particlex",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "description": "A concise Hexo theme, based on Particle.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -24,7 +24,6 @@
   },
   "homepage": "https://github.com/argvchs/hexo-theme-particlex#readme",
   "dependencies": {
-    "hexo-generator-search-lite": "^1.0.8",
     "hexo-helper-crypto": "^1.0.4",
     "hexo-renderer-babeljs": "^1.0.7",
     "hexo-renderer-ejs": "^2.0.0"

package/source/css/particlex.css CHANGED Viewed

@@ -61,6 +61,7 @@ body {
     margin: 0;
     padding: 0;
     word-wrap: break-word;
+    word-break: keep-all;
     scrollbar-width: thin;
     scrollbar-color: #8ab5ff #e6efff;
 }
@@ -200,9 +201,6 @@ footer .footer-wrap {
     color: #333;
     border-radius: 50%;
 }
-#home-head .home-info .info h1 {
-    word-break: keep-all;
-}
 #home-head .home-info .loop:nth-child(1) {
     border-radius: 38% 62% 63% 37%/41% 44% 56% 59%;
     background: #fff;
@@ -292,8 +290,10 @@ footer .footer-wrap {
 #home-posts .post .excerpt {
     color: #1e3e3f;
 }
+#home-posts .post .post-tags {
+    line-height: 1.5;
+}
 #home-posts .post .post-tags a {
-    color: #ffbbf4;
     font-size: 14px;
 }
 #home-posts .post .post-tags .tag {
@@ -477,7 +477,6 @@ footer .footer-wrap {
 #menu .desktop-menu .title {
     display: inline-block;
     margin-left: 30px;
-    margin-right: 20px;
     font-family: "Lexend", "Noto Sans SC", sans-serif;
     text-transform: uppercase;
     color: #555;
@@ -718,16 +717,24 @@ footer .footer-icon {
     color: #5c6b72;
     text-decoration: none;
 }
-#archives .tag-icon {
-    color: #5c6b72;
-    text-decoration: none;
+#archives .info {
+    line-height: 1.5;
 }
 #archives .category {
-    margin-right: 20px;
+    display: inline-block;
+    margin-right: 10px;
+}
+#archives .tags {
+    display: inline-block;
 }
 #archives .tags .tag {
+    display: inline-block;
     margin-right: 10px;
 }
+#archives .tag-icon {
+    color: #5c6b72;
+    text-decoration: none;
+}
 #archives h3 {
     margin: 10px 0;
 }
@@ -778,6 +785,9 @@ footer .footer-icon {
     font-weight: bold;
     margin: 20px 0;
 }
+.article .info {
+    line-height: 1.5;
+}
 .article .info a {
     color: #5c6b72;
     text-decoration: none;
@@ -785,25 +795,18 @@ footer .footer-icon {
 .article .info .date {
     color: #5c6b72;
     display: inline-block;
-    margin-right: 20px;
-}
-.article .info .date .tag {
     margin-right: 10px;
 }
 .article .info .category {
-    color: #5c6b72;
     display: inline-block;
-    margin-right: 20px;
-}
-.article .info .category .tag {
     margin-right: 10px;
 }
 .article .info .tags {
-    color: #5c6b72;
     display: inline-block;
-    margin-right: 20px;
+    margin-right: 10px;
 }
 .article .info .tags .tag {
+    display: inline-block;
     margin-right: 10px;
 }
 .article .content {
@@ -862,24 +865,24 @@ input.ipt:focus {
     border-color: #0969da;
     box-shadow: 0 0 0 3px #0969da4d;
 }
-input.crypto {
+#crypto {
     margin: 50px auto 0;
 }
-input.crypto.fail {
+#crypto.fail {
     color: #ea4a5a;
     border-color: #ea4a5a;
 }
-input.crypto.fail:focus {
+#crypto.fail:focus {
     box-shadow: 0 0 0 3px #ea4a5a4d;
 }
-input.crypto.success {
+#crypto.success {
     color: #34d058;
     border-color: #34d058;
 }
-input.search-bar {
+#search-bar {
     margin: 0 auto 50px;
 }
-.search-mask {
+#search-mask {
     position: relative;
     margin: auto;
     margin-top: -125px;
@@ -888,58 +891,6 @@ input.search-bar {
     height: 150px;
     background: #f6f8fa;
 }
-.gt-container *:not(.gt-header-textarea) {
-    font-family: unset !important;
-}
-.gt-header-textarea {
-    font-family: "Fira Code", "Noto Sans SC", monospace;
-}
-.gt-container .gt-comment-content {
-    border: 1px solid #0000001a;
-    border-radius: 5px;
-}
-.gt-container .gt-comment-content:hover,
-.gt-container .gt-header-textarea:hover,
-.gt-container .gt-header-textarea:focus {
-    box-shadow: 0 2px 8px #00000017 !important;
-    background-color: #fbfbfb;
-}
-.gt-container .gt-header-textarea:focus {
-    background-color: #fbfbfb;
-}
-.gt-container .gt-avatar img {
-    border-radius: 50% !important;
-}
-.gt-container .gt-popup {
-    border-radius: 10px;
-}
-.gt-container .markdown-body {
-    color: unset !important;
-}
-.gt-container .markdown-body p {
-    margin: 10px 0 !important;
-}
-.gt-container .markdown-body blockquote {
-    border-left: unset !important;
-    padding: 1px 20px !important;
-    border-left: 3px solid #1e3e3f !important;
-    color: unset !important;
-}
-.gt-container .markdown-body code {
-    font-family: "Fira Code" !important;
-    background: #bddcf76b;
-    border-radius: 4px;
-    font-size: 14px;
-    color: #4b616b;
-}
-.gt-container .markdown-body pre {
-    font-family: "Fira Code" !important;
-    font-weight: 500;
-    border: 1px solid #ebeef5;
-    padding: 20px;
-    margin: 25px 0;
-    border-radius: 15px !important;
-}
 #showimg {
     position: fixed !important;
     display: flex;
@@ -962,6 +913,9 @@ input.search-bar {
     max-height: 95%;
     box-shadow: 0 0 50px 10px #d9d9d980;
 }
+.math.display .katex {
+    overflow: auto;
+}
 ::-webkit-scrollbar {
     width: 12px;
     height: 12px;

package/source/js/functions.js CHANGED Viewed

@@ -1,12 +1,14 @@
-const sleep = ms => new Promise(res => setTimeout(res, ms));
+function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
 let copying = false;
 function highlight() {
     hljs.configure({ ignoreUnescapedHTML: true });
     let codes = document.getElementsByTagName("pre");
-    for (let code of codes) {
-        let lang = [...code.classList, ...code.firstChild.classList][0] || "text";
-        code.innerHTML = `<div class="code-content">${code.innerHTML}</div><div class="language">${lang}</div><div class="copycode"><i class="fa-solid fa-copy fa-fw"></i><i class="fa-solid fa-clone fa-fw"></i></div>`;
-        let copycode = code.getElementsByClassName("copycode")[0];
+    for (let i of codes) {
+        let lang = [...i.classList, ...i.firstChild.classList][0] || "text";
+        i.innerHTML = `<div class="code-content">${i.innerHTML}</div><div class="language">${lang}</div><div class="copycode"><i class="fa-solid fa-copy fa-fw"></i><i class="fa-solid fa-clone fa-fw"></i></div>`;
+        let copycode = i.getElementsByClassName("copycode")[0];
         copycode.addEventListener("click", async function () {
             if (copying) return;
             copying = true;
@@ -16,13 +18,13 @@ function highlight() {
             this.classList.remove("copied");
             copying = false;
         });
-        hljs.highlightElement(code.getElementsByClassName("code-content")[0]);
+        hljs.highlightElement(i.getElementsByClassName("code-content")[0]);
     }
 }
 function showimg() {
     let wrap = document.getElementById("showimg"),
         content = document.getElementById("showimg-content"),
-        imgs = document.querySelectorAll(".article .content img");
+        images = document.querySelectorAll(".article .content img");
     function show(src) {
         content.setAttribute("src", src);
         wrap.style.opacity = 1;
@@ -32,12 +34,12 @@ function showimg() {
         wrap.style.opacity = 0;
         wrap.style.visibility = "hidden";
     }
-    for (let img of imgs)
-        img.addEventListener("click", function () {
+    for (let i of images)
+        i.addEventListener("click", function () {
             show(this.getAttribute("src"));
         });
-    wrap.addEventListener("click", () => hide());
-    window.addEventListener("resize", () => hide());
+    wrap.addEventListener("click", hide);
+    window.addEventListener("resize", hide);
 }
 function rendermath() {
     if (typeof renderMathInElement !== "undefined")
@@ -50,3 +52,17 @@ function rendermath() {
             ],
         });
 }
+function sha(str) {
+    return CryptoJS.SHA256(str).toString(CryptoJS.enc.Base64);
+}
+function decrypt(encrypt, key, check) {
+    try {
+        let res = CryptoJS.AES.decrypt(encrypt, sha(key), {
+            mode: CryptoJS.mode.ECB,
+            padding: CryptoJS.pad.Pkcs7,
+        }).toString(CryptoJS.enc.Utf8);
+        return { decrypt: res, check: sha(res) == check };
+    } catch {
+        return { check: false };
+    }
+}

package/source/js/particlex.js CHANGED Viewed

@@ -5,12 +5,12 @@ const app = Vue.createApp({
             menushow: false,
             cardtop: 100,
             barlocal: 0,
+            composition: false,
         };
     },
     created() {
-        let that = this;
         window.addEventListener("load", () => {
-            that.showpage = true;
+            this.showpage = true;
             document.getElementById("loading").style.opacity = 0;
             document.getElementById("loading").style.visibility = "hidden";
         });
@@ -18,6 +18,32 @@ const app = Vue.createApp({
     mounted() {
         if (document.getElementById("home-head"))
             document.getElementById("menu").className += " menu-color";
+        if (document.getElementById("crypto")) {
+            let input = document.getElementById("crypto");
+            input.addEventListener("input", () => {
+                if (!this.composition) this.handlecrypto();
+            });
+            input.addEventListener("compositionstart", () => {
+                this.composition = true;
+            });
+            input.addEventListener("compositionend", () => {
+                this.handlecrypto();
+                this.composition = false;
+            });
+        }
+        if (document.getElementById("search-bar")) {
+            let input = document.getElementById("search-bar");
+            input.addEventListener("input", () => {
+                if (!this.composition) this.handlesearch();
+            });
+            input.addEventListener("compositionstart", () => {
+                this.composition = true;
+            });
+            input.addEventListener("compositionend", () => {
+                this.handlesearch();
+                this.composition = false;
+            });
+        }
         window.addEventListener("scroll", this.handlescroll, true);
         highlight();
         showimg();
@@ -25,20 +51,16 @@ const app = Vue.createApp({
     },
     methods: {
         homeclick() {
-            window.scrollTo({
-                top: window.innerHeight,
-                behavior: "smooth",
-            });
+            window.scrollTo({ top: window.innerHeight, behavior: "smooth" });
         },
         handlescroll() {
             let newlocal = document.documentElement.scrollTop;
             let menu = document.getElementById("menu");
             let wrap = document.getElementById("home-posts-wrap");
             let footer = document.getElementById("footer");
-            let that = this;
             if (this.barlocal < newlocal) {
                 menu.className = "hidden-menu";
-                that.menushow = false;
+                this.menushow = false;
             } else menu.className = "show-menu";
             if (wrap) {
                 if (newlocal <= window.innerHeight - 100) menu.className += " menu-color";
@@ -52,6 +74,36 @@ const app = Vue.createApp({
             }
             this.barlocal = newlocal;
         },
+        handlecrypto() {
+            let input = document.getElementById("crypto"),
+                content = document.getElementsByClassName("content")[0];
+            let res = decrypt(input.dataset.encrypt, input.value, input.dataset.check);
+            if (res.check) {
+                input.disabled = true;
+                input.classList.remove("fail");
+                input.classList.add("success");
+                content.innerHTML = res.decrypt;
+                content.style.opacity = 1;
+                highlight();
+                showimg();
+                rendermath();
+            } else input.classList.add("fail");
+        },
+        handlesearch() {
+            let input = document.getElementById("search-bar"),
+                timeline = document.getElementsByClassName("timeline"),
+                key = input.value.toLowerCase().replace(/s+/gm, "");
+            for (let i of timeline)
+                if (!key || i.dataset.title.includes(key)) {
+                    i.style.opacity = 1;
+                    i.style.pointerEvents = "";
+                    i.style.marginTop = "";
+                } else {
+                    i.style.opacity = 0;
+                    i.style.pointerEvents = "none";
+                    i.style.marginTop = -i.offsetHeight - 30 + "px";
+                }
+        },
     },
 });
 app.mount("#layout");

package/source/js/cryptor.js DELETED Viewed

@@ -1,44 +0,0 @@
-const cryptor = {
-    init(enc, sha) {
-        this.enc = enc;
-        this.sha = sha;
-        this.composition = false;
-        window.addEventListener("load", () => {
-            this.input = document.getElementsByClassName("crypto")[0];
-            this.content = document.getElementsByClassName("content")[0];
-            this.content.style.opacity = 0;
-            this.input.addEventListener("input", () => this.composition || this.update());
-            this.input.addEventListener("compositionstart", () => (this.composition = true));
-            this.input.addEventListener("compositionend", () => {
-                this.update(), (this.composition = false);
-            });
-        });
-    },
-    SHA(str) {
-        return CryptoJS.SHA256(str).toString(CryptoJS.enc.Base64);
-    },
-    decrypt(enc, key, sha) {
-        try {
-            let res = CryptoJS.AES.decrypt(enc, this.SHA(key), {
-                mode: CryptoJS.mode.ECB,
-                padding: CryptoJS.pad.Pkcs7,
-            }).toString(CryptoJS.enc.Utf8);
-            return { dec: res, check: this.SHA(res) == sha };
-        } catch {
-            return { check: false };
-        }
-    },
-    update() {
-        let res = this.decrypt(this.enc, this.input.value, this.sha);
-        if (res.check) {
-            this.input.disabled = true;
-            this.input.classList.remove("fail");
-            this.input.classList.add("success");
-            this.content.innerHTML = res.dec;
-            this.content.style.opacity = 1;
-            highlight();
-            showimg();
-            rendermath();
-        } else this.input.classList.add("fail");
-    },
-};

package/source/js/searcher.js DELETED Viewed

@@ -1,43 +0,0 @@
-const searcher = {
-    init(path) {
-        this.composition = false;
-        window.addEventListener("load", () => {
-            this.input = document.getElementsByClassName("search-bar")[0];
-            this.timeline = document.getElementsByClassName("timeline");
-            this.input.addEventListener("input", () => this.composition || this.update());
-            this.input.addEventListener("compositionstart", () => (this.composition = true));
-            this.input.addEventListener("compositionend", () => {
-                this.update();
-                this.composition = false;
-            });
-            fetch(path)
-                .then(res => res.json())
-                .then(data => {
-                    this.data = data;
-                });
-        });
-    },
-    rstr(s) {
-        if (!s) return "";
-        return s.toLowerCase().replace(/\s+/gm, "");
-    },
-    match(s, rs) {
-        return s.indexOf(rs) != -1;
-    },
-    update() {
-        let res = [],
-            rs = this.rstr(this.input.value);
-        if (rs) res = this.data.filter(i => this.match(i.odata, rs)).map(i => i.path);
-        else res = this.data.map(i => i.path);
-        for (let line of this.timeline)
-            if (res.indexOf(line.getAttribute("path")) == -1) {
-                line.style.opacity = 0;
-                line.style.pointerEvents = "none";
-                line.style.marginTop = -line.offsetHeight - 30 + "px";
-            } else {
-                line.style.opacity = 1;
-                line.style.pointerEvents = "";
-                line.style.marginTop = "";
-            }
-    },
-};