暂存

wanglianjie91 · Aug 23, 2024 · b43843b · b43843b
1 parent df79508
commit b43843b
Show file tree

Hide file tree

Showing 9 changed files with 1,531 additions and 476 deletions.
diff --git a/dist/ttblock.user.js b/dist/ttblock.user.js
diff --git a/history.html b/history.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>历史记录页面</title>
+    <meta name="description" content="知乎历史记录页面" />
+  </head>
+  <body>
+    <style>
+      html,
+      body,
+      div {
+        margin: 0;
+        padding: 0;
+      }
+      body {
+        font-family: Arial, sans-serif;
+        color: rgb(25, 27, 31);
+      }
+      .history {
+        display: flex;
+        flex-direction: column;
+        position: fixed;
+        width: 360px;
+        height: 600px;
+        top: 50%;
+        right: 20px;
+        z-index: 9998;
+        background-color: white;
+        transform: translateY(-50%);
+        box-shadow: 0 0 20px 0 rgba(19, 41, 75, 0.2);
+      }
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 14px;
+        max-height: 160px;
+        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY4IiBoZWlnaHQ9IjE2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMzY4djE2MEgweiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjx1c2UgZmlsbD0iIzAwNkVGRiIgeGxpbms6aHJlZj0iI2EiLz48ZyBvcGFjaXR5PSIuNyIgbWFzaz0idXJsKCNiKSI+PHBhdGggZmlsbD0iIzAwNUVFRCIgZD0iTTI1LjYyMy0xMzEuNWwtMTQ4Ljk1NSA4Ni41NjIgMjM5LjI1IDEzOC4xMzJMMjY0Ljg3MyA2LjYzMnoiLz48cGF0aCBmaWxsPSIjMDA2NUZFIiBkPSJNMjUuOTE3LTE2My4zNTRsLTE0OC45NTUgODYuNTYyIDIzOS4yNSAxMzguMTMzIDE0OC45NTUtODYuNTYyeiIvPjxwYXRoIGZpbGw9IiMwMDZERkYiIGQ9Ik0yNS40NTUtMjE3TC0xMjMuNS0xMzAuNDM4IDExNS43NSA3LjY5NGwxNDguOTU2LTg2LjU2MnoiLz48cGF0aCBmaWxsPSIjMUI3NkZGIiBkPSJNLTEyMy4xOS03Ni45MThsLS4xMTIgMTUuMjQ0TDExNS45NDkgNzYuNDU4bC4xMTMtMTUuMjQ0eiIvPjxwYXRoIGZpbGw9IiMwMDVFRUQiIGQ9Ik0yNjUuMTI4LTI1LjM0OUwxMTYuMTczIDYxLjIxNGwtLjExMSAxNS4yNDQgMTQ4Ljk1NC04Ni41NjN6Ii8+PC9nPjxnIG9wYWNpdHk9Ii43IiBtYXNrPSJ1cmwoI2IpIj48cGF0aCBmaWxsPSIjMDA1RUVEIiBkPSJNMzQ4LjcxNi0zNy45MjNMMjQyLjk5OCAyMy40NjVsLS4yODIgOTkuNjEyTDM0OC40MzMgNjEuNjl6Ii8+PHBhdGggZmlsbD0iIzAwNjVGRSIgZD0iTTMyMC43NTYtNTRMMjE1LjE1NSA3LjM4NyAyNDMuMDUzIDIzLjVsMTA1LjYwMi02MS4zODhMMzIwLjc1Ny01NHoiLz48cGF0aCBmaWxsPSIjMUI3NkZGIiBkPSJNMjE1LjI4IDcuMzEybC0uMjggOTkuODUgMjcuNzIgMTYuMTUuMjgtOTkuODV6Ii8+PHBhdGggZmlsbD0iIzAwNTlFMCIgZD0iTTIzMS41IDI1LjMxbDcuNDk0IDQuMzQyLjAwNi0yLjI4NnYtLjA2bC03LjQ5My00LjM0MnoiLz48cGF0aCBmaWxsPSIjMDA2NUZFIiBkPSJNMzU5Ljc1Ni0yOS41TDI1NC4xNTUgMzEuODg3IDI4Mi4wNTMgNDhsMTA1LjYwMi02MS4zODhMMzU5Ljc1Ny0yOS41eiIvPjxwYXRoIGZpbGw9IiMxQjc2RkYiIGQ9Ik0yNTQuMjggMzEuODEybC0uMjggOTkuODUgMjcuNzIgMTYuMTUuMjgtOTkuODV6Ii8+PHBhdGggZmlsbD0iIzAwNTlFMCIgZD0iTTI3MC41IDQ5LjgxbDcuNDk0IDQuMzQyLjAwNi0yLjI4NnYtLjA2bC03LjQ5My00LjM0MnoiLz48cGF0aCBmaWxsPSIjMDA1RUVEIiBkPSJNMzg3LjcxNi0xMy40MjNMMjgxLjk5OCA0Ny45NjVsLS4yODIgOTkuNjEyTDM4Ny40MzMgODYuMTl6Ii8+PC9nPjxnIG1hc2s9InVybCgjYikiPjxwYXRoIGZpbGw9IiMwMDVFRUQiIGQ9Ik0xODEuNzQzIDEwMi41TDE0Ni41IDEyMi45OGwzNS40NzMgMjAuNDgxIDM1LjI0My0yMC40ODJ6Ii8+PHBhdGggZmlsbD0iIzFCNzZGRiIgZD0iTTE0Ni43MzQgNjUuNWwtLjExNSA0MC43NTggMzUuNDcyIDIwLjQ4MS4xMTYtNDAuNzU5eiIvPjxwYXRoIGZpbGw9IiMwMDY1RkUiIGQ9Ik0xODEuOTczIDQ1LjAyTDE0Ni43MyA2NS41bDM1LjQ3MyAyMC40OCAzNS4yNDMtMjAuNDgyeiIvPjxwYXRoIGZpbGw9IiMwMDVFRUQiIGQ9Ik0yMTcuNDQ2IDY1LjVsLTM1LjI0MiAyMC40OC0uMTE2IDQwLjc1OSAzNS4yNDMtMjAuNDgxeiIvPjwvZz48ZyBtYXNrPSJ1cmwoI2IpIj48cGF0aCBmaWxsPSIjMDA1RUVEIiBkPSJNMzU3LjcxNiA1NS4wNzdsLTEwNS43MTggNjEuMzg4LS4yODIgOTkuNjEyIDEwNS43MTctNjEuMzg4eiIvPjxwYXRoIGZpbGw9IiMwMDY1RkUiIGQ9Ik0zMjkuNzU2IDM5bC0xMDUuNjAxIDYxLjM4NyAyNy44OTggMTYuMTEzIDEwNS42MDItNjEuMzg4TDMyOS43NTcgMzl6Ii8+PHBhdGggZmlsbD0iIzFCNzZGRiIgZD0iTTIyNC4yOCAxMDAuMzEybC0uMjggOTkuODUgMjcuNzIgMTYuMTUuMjgtOTkuODV6Ii8+PHBhdGggZD0iTTIyOS4zODUgMTA5LjIyM2MuOS41MiAxLjYzIDEuNzggMS42MjYgMi44MTMtLjAwMyAxLjAzNC0uNzM2IDEuNDUtMS42MzYuOTMxLS45LS41MTktMS42My0xLjc3OS0xLjYyNi0yLjgxMi4wMDMtMS4wMzQuNzM2LTEuNDUxIDEuNjM2LS45MzJtMTEuMTE1IDkuMDg3bDcuNDk0IDQuMzQyLjAwNi0yLjI4NnYtLjA2bC03LjQ5My00LjM0MnoiIGZpbGw9IiMwMDU5RTAiLz48cGF0aCBkPSJNMjI4LjUgMTk2LjUyM2wuMDE3LTYuMTA0TDI0OCAyMDEuNzF2LjE1NmwtLjAxNyA1Ljk0Ny0xOS40ODMtMTEuMjg5em0wLTguODI4bC4wMTctNi4xTDI0OCAxOTIuODg1di4xNTZsLS4wMTcgNS45NDMtMTkuNDgzLTExLjI4OXptMC04LjgyNmwuMDE3LTYuMUwyNDggMTg0LjA1OXYuMTU2bC0uMDE3IDUuOTQzTDIyOC41IDE3OC44N3ptMC04LjgyNmwuMDE3LTYuMUwyNDggMTc1LjIzM3YuMTU1bC0uMDE3IDUuOTQ0LTE5LjQ4My0xMS4yOXptMC04LjgyNmwuMDE3LTYuMUwyNDggMTY2LjQwN3YuMTU1bC0uMDE3IDUuOTQ0LTE5LjQ4My0xMS4yOXptMC04LjgyNWwuMDE3LTYuMTAzTDI0OCAxNTcuNTh2LjE1NmwtLjAxNyA1Ljk0Ni0xOS40ODMtMTEuMjg5em0wLTguODI4bC4wMTctNi4xTDI0OCAxNDguNzU0di4xNTZsLS4wMTcgNS45NDQtMTkuNDgzLTExLjI5em0wLTguODI2bC4wMTctNi4xTDI0OCAxMzkuOTI4di4xNTZsLS4wMTcgNS45NDQtMTkuNDgzLTExLjI5em0wLTguODI2bC4wMTctNi4xTDI0OCAxMzEuMTAydi4xNTZsLS4wMTcgNS45NDMtMTkuNDgzLTExLjI4OXoiIGZpbGw9IiMwMDVFRUQiLz48cGF0aCBmaWxsPSIjMDA2NUZFIiBkPSJNMzY4Ljc1NiA2My41bC0xMDUuNjAxIDYxLjM4N0wyOTEuMDUzIDE0MWwxMDUuNjAyLTYxLjM4OEwzNjguNzU3IDYzLjV6Ii8+PHBhdGggZmlsbD0iIzFCNzZGRiIgZD0iTTI2My4yOCAxMjQuODEybC0uMjggOTkuODUgMjcuNzIgMTYuMTUuMjgtOTkuODV6Ii8+PHBhdGggZD0iTTI2OC4zODUgMTMzLjcyM2MuOS41MiAxLjYzIDEuNzggMS42MjYgMi44MTMtLjAwMyAxLjAzNC0uNzM2IDEuNDUtMS42MzYuOTMxLS45LS41MTktMS42My0xLjc3OS0xLjYyNi0yLjgxMi4wMDMtMS4wMzQuNzM2LTEuNDUxIDEuNjM2LS45MzJtMTEuMTE1IDkuMDg3bDcuNDk0IDQuMzQyLjAwNi0yLjI4NnYtLjA2bC03LjQ5My00LjM0MnoiIGZpbGw9IiMwMDU5RTAiLz48cGF0aCBkPSJNMjY3LjUgMjIxLjAyM2wuMDE3LTYuMTA0TDI4NyAyMjYuMjF2LjE1NmwtLjAxNyA1Ljk0Ny0xOS40ODMtMTEuMjg5em0wLTguODI4bC4wMTctNi4xTDI4NyAyMTcuMzg1di4xNTZsLS4wMTcgNS45NDMtMTkuNDgzLTExLjI4OXptMC04LjgyNmwuMDE3LTYuMUwyODcgMjA4LjU1OXYuMTU2bC0uMDE3IDUuOTQzTDI2Ny41IDIwMy4zN3ptMC04LjgyNmwuMDE3LTYuMUwyODcgMTk5LjczM3YuMTU1bC0uMDE3IDUuOTQ0LTE5LjQ4My0xMS4yOXptMC04LjgyNmwuMDE3LTYuMUwyODcgMTkwLjkwN3YuMTU1bC0uMDE3IDUuOTQ0LTE5LjQ4My0xMS4yOXptMC04LjgyNWwuMDE3LTYuMTAzTDI4NyAxODIuMDh2LjE1NmwtLjAxNyA1Ljk0Ni0xOS40ODMtMTEuMjg5em0wLTguODI4bC4wMTctNi4xTDI4NyAxNzMuMjU0di4xNTZsLS4wMTcgNS45NDQtMTkuNDgzLTExLjI5em0wLTguODI2bC4wMTctNi4xTDI4NyAxNjQuNDI4di4xNTZsLS4wMTcgNS45NDQtMTkuNDgzLTExLjI5em0wLTguODI2bC4wMTctNi4xTDI4NyAxNTUuNjAydi4xNTZsLS4wMTcgNS45NDMtMTkuNDgzLTExLjI4OXpNMzk2LjcxNiA3OS41NzdsLTEwNS43MTggNjEuMzg4LS4yODIgOTkuNjEyIDEwNS43MTctNjEuMzg4eiIgZmlsbD0iIzAwNUVFRCIvPjwvZz48L2c+PC9zdmc+");
+        background-repeat: no-repeat;
+        background-position: 100% 100%;
+        background-color: #006eff;
+      }
+      .header .title {
+        line-height: 32px;
+        color: #fff;
+        font-size: 16px;
+      }
+      .header .close {
+        display: inline-block;
+        font-size: 0;
+        padding: 5px;
+        cursor: pointer;
+      }
+      .header .close .close-icon {
+        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyLjUzNSAyLjA1TDggNi41ODUgMy40NjQgMi4wNSAyLjA1IDMuNDY1bDQuNTM2IDQuNTM2LTQuNTM2IDQuNTM1IDEuNDE0IDEuNDE0TDggOS40MTVsNC41MzUgNC41MzUgMS40MTUtMS40MTQtNC41MzYtNC41MzUgNC41MzYtNC41MzZ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
+        width: 16px;
+        height: 16px;
+        display: inline-block;
+        vertical-align: middle;
+        background-repeat: no-repeat;
+        background-position: inherit;
+        font-size: 0;
+      }
+      .body {
+        flex: 1;
+        padding: 20px;
+        overflow-y: auto;
+      }
+      .body ul.history-list {
+        margin: 0;
+        padding: 0;
+      }
+      .body ul.history-list li {
+        list-style: none;
+        line-height: 1.5;
+        margin-bottom: 8px;
+      }
+      .body ul.history-list li a {
+        text-decoration: none;
+      }
+      .body ul.history-list li a .question {
+        color: #000;
+        font-size: 14px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        text-wrap: nowrap;
+      }
+      .body ul.history-list li a .question .badge {
+        display: inline-block;
+        font-size: 12px;
+        color: white;
+        margin-right: 5px;
+        background-color: #006eff;
+        min-width: 40px;
+        text-align: center;
+        border-radius: 10px;
+      }
+
+      .body ul.history-list li a .answer {
+        margin-top: 4px;
+        color: #333;
+        font-size: 12px;
+      }
+      .body ul.history-list li a .answer .time {
+        color: #999;
+        margin-left: 20px;
+      }
+      .body ul.history-list li a:hover {
+        color: #006eff;
+      }
+
+      .footer {
+        height: 40px;
+        border-top: 1px solid #000;
+      }
+    </style>
+    <div class="history">
+      <div class="header">
+        <span class="title">历史记录</span>
+        <div class="close" id="close">
+          <i class="close-icon"></i>
+        </div>
+      </div>
+      <div class="body" id="body">
+        <ul class="history-list">
+          <li>
+            <a href="https://cloud.tencent.com/">
+              <div class="question">
+                <span class="badge">问答</span>
+                <span
+                  >首颗国产 1.8 亿像素相机全画幅 CMOS
+                  成功试产，有哪些信息值得关注？</span
+                >
+              </div>
+              <div class="answer">
+                <span
+                  >乌克兰现在作战主力是无人可警方很快的结束方式打机，目前已达到几百万无人机规模，每...</span
+                >
+                <span class="time">2024/12/21 12:03:03</span>
+              </div>
+            </a>
+          </li>
+        </ul>
+      </div>
+      <div class="footer"></div>
+    </div>
+  </body>
+</html>
diff --git a/setting.html b/setting.html
@@ -17,7 +17,6 @@
       }
       body {
         font-family: Arial, sans-serif;
-        margin: 0;
         color: rgb(25, 27, 31);
       }
       h1 {
@@ -107,6 +106,29 @@ <h1>ttblock Settings</h1>
           <legend>某乎</legend>
           <div class="part">
             <h2>首页-推荐</h2>
+            <div class="item">
+              <label class="item-label">隐藏历史记录:</label>
+              <div class="item-field">
+                <div class="field">
+                  <label for="home-history-1">是</label>
+                  <input
+                    type="radio"
+                    name="home-history"
+                    id="home-history-1"
+                    value="1"
+                  />
+                </div>
+                <div class="field">
+                  <label for="home-history-0">否</label>
+                  <input
+                    type="radio"
+                    name="home-history"
+                    id="home-history-0"
+                    value="0"
+                  />
+                </div>
+              </div>
+            </div>
             <div class="item">
               <label class="item-label">隐藏侧边栏:</label>
               <div class="item-field">

diff --git a/src/home.ts b/src/home.ts
@@ -1,18 +1,57 @@
+// 历史记录
+export const history = {
+  // 初始化
+  init: function () {
+    this.addNav();
+    this.network();
+  },
+  // 添加导航
+  addNav: function () {
+    const nav = document.querySelector(".Topstory-tabs");
+    const topstory = ["/", "/follow", "/hot", "/zvideo"];
+    const { pathname } = window.location;
+
+    const range = document.createRange();
+    const link = range.createContextualFragment(`
+    <a id="history" tabindex="0" aria-controls="Topstory-history" class="TopstoryTabs-link Topstory-tabsLink" data-za-detail-view-id="9122" href="/">
+      历史记录
+    </a>`);
+    // 插入导航
+    if (topstory.includes(pathname)) {
+      // 插入导航
+      nav?.appendChild(link);
+      // 绑定事件
+      document.body.addEventListener("click", (e) => {
+        if (e.target && (e.target as Element).matches!("#history")) {
+          this.open();
+          e.preventDefault();
+        }
+      });
+    }
+  },
+  open: function () {
+    // const
+  },
+  network() {
+    // todo
+  },
+};
+
 // 广告
 export function removeAds() {
   const adsCls = [".TopstoryItem--advertCard"];
   adsCls.forEach((cls) => {
     document.querySelectorAll(cls).forEach((dom) => dom.remove());
   });
 }
-// 去视频
+// 视频
 export function removeVideo() {
   const video = document.querySelectorAll(".ZVideoItem-video");
   video.forEach((v) => {
     v.closest(".TopstoryItem-isRecommend")?.remove();
   });
 }
-// 去侧边栏
+// 侧边栏
 export function removeSide() {
   const siderbar = document.querySelector(
     '[data-za-detail-view-path-module="RightSideBar"]'

diff --git a/src/main.ts b/src/main.ts
@@ -5,25 +5,42 @@ import * as home from "./home";
 // 侧边栏
 import * as search from "./search";
 
-// 注册设置页面
-registerSetting();
+const values = await get_values();
 
-async function init() {
-  const values = await get_values();
-  if (values["home-side"] === "1") home.removeSide();
-  if (values["home-video"] === "1") home.removeVideo();
-  if (values["home-ads"] === "1") home.removeAds();
-  if (values["search-side"] === "1") search.removeSide();
-  if (values["search-kfe"] === "1") search.removeKfe();
+async function observe() {
+  const observer = new MutationObserver(function () {
+    if (values["home-side"] === "1") home.removeSide();
+    if (values["home-video"] === "1") home.removeVideo();
+    if (values["home-ads"] === "1") home.removeAds();
+    if (values["search-side"] === "1") search.removeSide();
+    if (values["search-kfe"] === "1") search.removeKfe();
+  });
+  observer.observe(document.body, {
+    childList: true,
+    subtree: true,
+  });
 }
 
-const observer = new MutationObserver(function () {
-  init();
-});
-
-observer.observe(document.body, {
-  childList: true,
-  subtree: true,
-});
+async function init() {
+  observe();
+  registerSetting();
+  if (values["home-history"] === "0") home.history.init();
+}
 
 init();
+
+if ("serviceWorker" in navigator) {
+  window.addEventListener("load", function () {
+    navigator.serviceWorker.register("./worker.js").then(
+      function (registration) {
+        console.log(
+          "ServiceWorker registration successful with scope: ",
+          registration.scope
+        );
+      },
+      function (err) {
+        console.log("ServiceWorker registration failed: ", err);
+      }
+    );
+  });
+}