feat: add footer component with social links

feat: implement image viewer module for zoom functionality

feat: create content script entry point for WeChat articles

feat: add linkifier module to convert plain text URLs to clickable links

feat: implement scroll observer for synchronizing table of contents with scroll position

feat: develop table of contents generation logic

feat: create UI rendering module for table of contents

feat: add up-to-top button functionality

fix: update storage utility to save and retrieve article content

fix: add injected script for link hover effects

fix: update permissions and web accessible resources in config

Author: honwhy

CHANGELOG.md

@@ -1,3 +1,9 @@
+## [v2.0.6] - 2025-06-08
+
+### ✨ 新特性
+
+- **去AI 检测**：支持点击标题右侧按钮跳转朱雀大模型检测
+- **返回顶部**：右下角增加返回顶部按钮
 ## [v2.0.5] - 2025-05-26
 
 ### ✨ 新特性

package.json

@@ -1,7 +1,7 @@
 {
   "name": "wechat-reader-enhancer",
   "type": "module",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "private": true,
   "description": "为微信公众号文章生成结构化目录，提升阅读体验",
   "scripts": {

public/injected.css

@@ -9,3 +9,18 @@ body.wx_wap_page.wre-serif-fonts {
 body.wx_wap_page.text-justify p {
   text-align: justify;
 }
+
+.wechat-toc-ai-detect-button {
+  font-size: 0.5em;
+  padding: 0.2em 0.6em;
+  border: none;
+  border-radius: 4px;
+  background-color: #07c160;
+  color: white;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+.wechat-toc-ai-detect-button:hover {
+  background-color: #06a950;
+}

src/ai-detect.content/App.vue

@@ -0,0 +1,30 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue'
+import { getArticleContent, watchArticleContent } from '../utils/storage'
+
+const unwatch = watchArticleContent((newContent, _oldContent) => {
+  if (newContent) {
+    const container = document.querySelector(`.txt-input textarea`)
+    if (container) {
+      container.value = newContent
+      container.dispatchEvent(new Event(`input`)) // Trigger input event to update any bindings
+    }
+  }
+})
+onMounted(async () => {
+  console.log(`AI Detect Content Script Loaded`)
+  const content = await getArticleContent()
+  const container = document.querySelector(`.txt-input textarea`)
+  if (content && container) {
+    container.value = content
+    container.dispatchEvent(new Event(`input`)) // Trigger input event to update any bindings
+  }
+})
+onUnmounted(() => {
+  unwatch()
+})
+</script>
+
+<template>
+  <div />
+</template>

src/ai-detect.content/index.ts

@@ -0,0 +1,32 @@
+// https://matrix.tencent.com/ai-detect/
+// 1. Import the style
+import { createApp } from 'vue'
+import App from './App.vue'
+
+export default defineContentScript({
+  matches: [`https://matrix.tencent.com/ai-detect/`],
+  // 2. Set cssInjectionMode
+  cssInjectionMode: `manual`,
+
+  async main(ctx) {
+    // 3. Define your UI
+    const ui = await createShadowRootUi(ctx, {
+      name: `we-toc-ui`,
+      position: `inline`,
+      anchor: `body`,
+      onMount: (container) => {
+        // Define how your UI will be mounted inside the container
+        const app = createApp(App)
+        app.mount(container)
+        return app
+      },
+      onRemove: (app) => {
+        // Unmount the app when the UI is removed
+        app?.unmount()
+      },
+    })
+
+    // 4. Mount the UI
+    ui.mount()
+  },
+})

src/background/ai-detect.ts

@@ -0,0 +1,20 @@
+import { browser } from '#imports'
+
+const targetUrl = `https://matrix.tencent.com/ai-detect/`
+
+export async function openAiDetectPage() {
+  try {
+    const tabs = await browser.tabs.query({ url: targetUrl })
+    if (tabs && tabs.length > 0) {
+      const tab = tabs[0]
+      await browser.tabs.update(tab.id!, { active: true })
+      await browser.windows.update(tab.windowId, { focused: true })
+    }
+    else {
+      await browser.tabs.create({ url: targetUrl })
+    }
+  }
+  catch (error) {
+    console.error(`Error querying tabs:`, error)
+  }
+}

src/background/index.ts

@@ -7,6 +7,7 @@ import type { Requests } from '../types'
 import { defaultSettings } from '../composable/config'
 import { MessageType } from '../types'
 import { chat } from './agent'
+import { openAiDetectPage } from './ai-detect'
 
 export default defineBackground(() => {
   console.log(`公众号阅读增强插件背景服务工作进程已启动`, { id: browser.runtime.id })
@@ -28,6 +29,10 @@ export default defineBackground(() => {
     if (message.type === MessageType.GET_SUMMARY) {
       return chat(message.data)
     }
+    if (message.type === MessageType.OPEN_AI_DETECT) {
+      return openAiDetectPage()
+    }
+    console.warn(`未知消息类型`, message.type)
     return true
   })
 })

src/composable/config.ts

@@ -34,7 +34,7 @@ export function useSettings(handleSettingsChange: (settings: Settings) => void)
   onMounted(async () => {
     console.log(`useSettings mounted`)
     const item = await storage.getItem<Settings>(`sync:settings`)
-    console.log(`useSettings getItem`, item)
+    // console.log(`useSettings getItem`, item)
     if (item) {
       settings.value = item
     }

src/content/App.vue src/reader.content/App.vuesrc/content/App.vue renamed to src/reader.content/App.vue

@@ -1,5 +1,6 @@
 <script setup lang="tsx">
 import type { ChatCompletionResponse, Settings, TocItem } from '../types'
+import { injectScript } from '#imports'
 import { marked } from 'marked'
 import QRCode from 'qrcode'
 import readingTime from 'reading-time/lib/reading-time'
@@ -8,7 +9,7 @@ import { useSettings } from '../composable/config'
 import { useScanImages } from '../composable/scan'
 import { MessageType } from '../types'
 import { addClass, createElement, findHeadings, removeClass, scrollToElement, toggleClass } from '../utils/dom'
-import { getReadingPosition } from '../utils/storage'
+import { getReadingPosition, saveArticleContent } from '../utils/storage'
 import { transformHtml2Markdown } from '../utils/turndown'
 import Footer from './Footer.vue'
 import { destroyImageViewer, initImageViewer } from './imageViewer'
@@ -101,6 +102,40 @@ function handleJustifyText() {
     removeClass(document.body, `text-justify`)
   }
 }
+function addAIDectectButton() {
+  const container = document.querySelector(`#activity-name`)
+  if (container) {
+    const span = document.createElement(`span`)
+    span.className = `wechat-toc-ai-detect-button`
+    span.textContent = `去AI检测`
+    container.appendChild(span)
+    span.addEventListener(`click`, async () => {
+      // 将文章以纯文本的方式写入到 storage 中
+      const original = document.querySelector(`#js_content`)
+      if (original) {
+        const clone = original.cloneNode(true) // 深拷贝
+        const toRemove = clone.querySelector(`.wechat-toc-summary-container`)
+        if (toRemove) {
+          toRemove.remove()
+        }
+        const filteredText = clone.textContent
+        saveArticleContent(filteredText || ``)
+        browser.runtime.sendMessage({
+          type: MessageType.OPEN_AI_DETECT,
+        }).then(() => {
+          console.log(`AI检测按钮点击，已发送消息`)
+        }).catch((error) => {
+          console.error(`AI检测按钮点击失败:`, error)
+        })
+      }
+    })
+  }
+}
+async function addUpToTopButton() {
+  await injectScript(`/up-to-top.js`, {
+    keepInDom: true,
+  })
+}
 useScanImages()
 /**
  * 初始化插件
@@ -117,13 +152,20 @@ async function init() {
     // 初始化滚动监听
     initScrollObserver(toRaw(itemList.value))
 
-    // addVerticalText()
+    // http/https 文本转超链接
     initLinkifier()
+    await injectScript(`/wechat-linkifier-injected.js`, {
+      keepInDom: true,
+    })
 
     // 是否使用衬线字体
     handleSeriFont()
     // 是否使用文本对齐
     handleJustifyText()
+    // 去AI 检测
+    addAIDectectButton()
+    // 返回顶部
+    addUpToTopButton()
     console.log(`公众号阅读增强插件初始化完成`)
   }
   catch (error) {