feat: 将点击过的链接标记为已读

abtswath · Apr 12, 2024 · 58cd620 · 58cd620
1 parent 70a9a04
commit 58cd620
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/public/manifest.json b/public/manifest.json
@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "v2ex topic viewer",
   "description": "支持 V2EX 在主题列表页分屏浏览主题内容",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "action": {
     "default_popup": "popup.html",
     "default_icon": {

diff --git a/src/content/components.ts b/src/content/components.ts
@@ -25,8 +25,6 @@ export class TopicViewer extends HTMLElement {
 
     private loadingElement: HTMLElement;
 
-    private loading = false;
-
     constructor() {
         super();
         const shadowRoot = this.attachShadow({ mode: 'open' });
@@ -69,15 +67,13 @@ export class TopicViewer extends HTMLElement {
     }
 
     protected showLoading() {
-        this.loading = true;
         if (!this.loadingExists()) {
             this.container.appendChild(this.loadingElement);
         }
         removeClass(this.loadingElement, 'topic-viewer-hide');
     }
 
     protected hideLoading() {
-        this.loading = false;
         addClass(this.loadingElement, 'topic-viewer-hide');
     }
 

diff --git a/src/content/content.ts b/src/content/content.ts
@@ -1,5 +1,5 @@
 import "@webcomponents/webcomponentsjs";
-import { FRAME_NAME, TopicViewer } from './components';
+import { TopicViewer } from './components';
 
 export const getParent = (el: HTMLElement, selector: string): HTMLElement | null => {
     if (!el.parentElement) {
@@ -40,8 +40,8 @@ let rightContainer: HTMLElement | null = null;
 const insertAfterTopicItem = (topicViewer: HTMLElement, topicItem: HTMLElement) => {
     rightContainer?.remove();
     topicViewer.setAttribute('data-height', `calc(100vh - ${topicItem.offsetHeight}px)`);
-    topicItem.scrollIntoView();
     topicItem.parentElement?.insertBefore(topicViewer, topicItem.nextElementSibling);
+    topicItem.scrollIntoView();
 }
 const insertPageRight = (topicViewer: HTMLElement, topicItem: HTMLElement) => {
     if (rightContainer === null) {
@@ -52,6 +52,12 @@ const insertPageRight = (topicViewer: HTMLElement, topicItem: HTMLElement) => {
     topicItem.scrollIntoView();
 }
 
+const markLinkVisited = (url: string) => {
+    const current_url = window.location.href;
+    history.pushState(history.state, '', url);
+    history.pushState(history.state, '', current_url);
+}
+
 const viewTopic = (evt: MouseEvent) => {
     if (evt.ctrlKey) {
         return;
@@ -71,6 +77,7 @@ const viewTopic = (evt: MouseEvent) => {
         topicItem.scrollIntoView();
         return;
     }
+    markLinkVisited(anchor.href);
     document.querySelector('topic-viewer')?.remove();
     const topicViewer = document.createElement('topic-viewer');
     topicViewer.setAttribute('data-uri', anchor.href);