Release 0.0.4

Author: Zhongyi

README.md

@@ -1,29 +1,46 @@
-![example](https://github.com/ruanyf/weekly/assets/10026361/9ceff9df-9f7f-4fe2-940c-ed60c0636634)
+# 读点东西 - 让阅读这件事简单一点点
 
-# 读点东西
+**读点东西**是一个类似于 Safari 阅读模式的工具，它提供了一系列的阅读功能，以增强你的阅读体验。以下是它的一些主要功能：
 
-**读点东西**类似于 Safari 阅读模式，为你提供了一系列的阅读功能，让你的阅读体验更加舒适。下面是它提供的一些功能：
+## 功能
 
-- **阅读模式**：通过调整字体样式、行间距、页面宽度等参数，让你的阅读更加舒适。
-- **Chat 文章**：生成文字总结，交互式问答等。
-- **翻译**：支持谷歌翻译、腾讯翻译、OpenAI 翻译，让你轻松阅读全球资讯。
-- **下载 Markdown 格式**：方便你将文章保存到本地，随时查看。
+### 阅读模式
 
-我们的插件已经在 Github 上开源，欢迎大家前来查看和贡献代码：
-https://github.com/ReadSomething/ReadSomething
+在这个模式中，你可以调整字体样式、行间距和页面宽度等参数，以便享受更舒适的阅读体验。
 
-同时，我们的插件也已经上线了 Chrome Web Store，欢迎大家前来下载和使用：
-https://chrome.google.com/webstore/detail/read-something/bcagnbmncmeliaknnhmbkkgackfipoic
+### Chat 文章
 
-让读点东西陪伴你的阅读旅程，让你的阅读更加舒适、轻松和愉悦！
+我们的 Chat 文章功能可以生成文章的文字总结，并且还提供交互式问答环节，以增强你的理解和吸收。
+
+### 翻译
+
+我们支持谷歌翻译、腾讯翻译和 OpenAI 翻译。这些翻译工具让你能够轻松阅读全球的资讯。
+
+### 下载 Markdown 格式
+
+我们的这个功能使你可以方便地将文章以 Markdown 格式保存到本地，方便你随时查看。
+
+## Demo
+
+### 中文阅读
+![demo1](assets/demo1.jpg)
+
+### 英文阅读，开启翻译
+![demo2](assets/demo2.jpg)
+
+## 安装
+
+- [Chrome 浏览器](https://chrome.google.com/webstore/detail/read-something/bcagnbmncmeliaknnhmbkkgackfipoic)
 
 
 ## 如何使用
 
-在 Chrome Web Store 安装完成后，点击右上角 `扩展程序` 按钮并找到 `Read Something` 即本插件点击 `固定`，操作完成后可以在右上角看到`淡紫色的 📖`图标。
+在 Chrome Web Store 安装完成后，点击右上角 `扩展程序` 按钮并找到 `Read Something` 即本插件点击 `固定`，操作完成后可以在右上角看到淡紫色的 📖 图标。
 
 切换到文章页面，点击 📖 按钮进入阅读模式，再次点击 📖 按钮退出阅读模式。
 
+⚠️ _首次安装需要刷新浏览器才能生效。_
+
 ## 朋友们
 
 项目开始的初衷是为了让阅读这件事简单一点点，也希望能认识一些志同道合的朋友们。微信群主要用于项目需求和问题反馈，也会尝试分享一些好的文章。
@@ -33,3 +50,6 @@ https://chrome.google.com/webstore/detail/read-something/bcagnbmncmeliaknnhmbkkg
 ## Roadmap
 
 [📌 Roadmap](https://github.com/orgs/ReadSomething/projects/1)
+
+
+再次感谢大家的支持和信任，我们将继续努力优化和升级「读点东西」，以提供更优质的阅读体验！

assets/demo1.jpg

@@ -3,7 +3,7 @@ import { getLatestState } from "~utils/state";
 import { ChatMessageContext } from "~provider/chat";
 import type { ChatMessage } from "~provider/chat";
 import { SettingContext } from "~provider/setting";
-import {CountTokens} from "~utils/token";
+import { CountTokens } from "~utils/token";
 
 const ChatUserMessage = (props) => {
     const { chatScrollRef } = React.useContext(ChatMessageContext);

assets/demo2.jpg

@@ -137,9 +137,7 @@ const Main = () => {
     }, []);
 
     const documentClone = document.cloneNode(true);
-    const article = new Readability(documentClone as Document, {
-        keepClasses: true
-    }).parse();
+    const article = new Readability(documentClone as Document,  {}).parse();
     const articleUrl = window.location.href;
     const author = article.byline ?? "";
     const authorLink = getMetaContentByProperty("article:author");

components/chat_messgae.tsx

@@ -1,8 +1,8 @@
 {
   "name": "readsomething",
-  "displayName": "Read Something",
-  "version": "0.0.3",
-  "description": "A browser plugin to assist reading, using AI capabilities to enhance reading efficiency.",
+  "displayName": "读点东西",
+  "version": "0.0.4",
+  "description": "\uD83D\uDCD6 一个开源的 Chrome 插件，可以将网页转成阅读模式，并且内置了 AI 总结、翻译、Markdown 转换等功能。",
   "author": "zhongyiio",
   "scripts": {
     "dev": "plasmo dev",

content.tsx

@@ -26,7 +26,7 @@ interface TypeSettingContext {
 
 export const SettingContext = createContext({} as TypeSettingContext);
 
-const SettingStorageKey = "__READSOMETHING_SETTING_V2";
+const SettingStorageKey = "__READSOMETHING_SETTING_V3";
 
 export default function SettingProvider ({ children }: { children: ReactNode }) {
     const [settingObject, setSettingObject] = useState({} as SettingObject);