Merge branch 'main' of https://github.com/hakadao/BewlyBewly

.gitignore

@@ -13,3 +13,4 @@ dist-ssr
 extension/
 extension-firefox/
 node_modules
+web-ext-profile

docs/CONTRIBUTING-cmn_CN.md

@@ -11,6 +11,28 @@
 
 ### 开发 (Chrome or Edge)
 
+#### Chrome 或 Edge 的第一种方法 （推荐）
+
+1. 运行 pnpm 命令
+
+```bash
+# 安装依赖
+pnpm install
+
+# 创建一个用于存储登录状态的扩展程序文件夹
+mkdir web-ext-profile
+
+# 运行项目
+pnpm dev
+
+# 打完这条指令之后，会自动打开一个新的 Chrome 窗口并打开 BiliBili 网站
+pnpm start:chromium
+```
+
+2. 每次修改扩展程序，它都会重新加载，您可以通过刷新网页来查看更改
+
+#### Chrome 或 Edge 的另外一种方法
+
 1. 运行 pnpm 命令
 
   ```bash
@@ -45,6 +67,28 @@ pnpm build
 
 ### 开发 (Firefox)
 
+#### Firefox 的第一种方法 （推荐）
+
+1. 运行 pnpm 命令
+
+```bash
+# 安装依赖
+pnpm install
+
+# 创建一个用于存储登录状态的扩展程序文件夹
+mkdir web-ext-profile
+
+# 运行项目
+pnpm dev
+
+# 打完这条指令之后，会自动打开一个新的 Firefox 窗口并打开 BiliBili 网站
+pnpm start:firefox
+```
+
+2. 每次修改扩展程序，它都会重新加载，您可以通过刷新网页来查看更改
+
+#### Firefox 的另外一种方法
+
 1. 运行 pnpm 命令
 
 ```bash

docs/CONTRIBUTING-cmn_TW.md

@@ -10,6 +10,28 @@
 
 ### 開發（Chrome 或 Edge）
 
+#### Chrome 或 Edge 的第一種方法 （推薦）
+
+1. 執行 pnpm 指令
+
+```bash
+# 安裝依賴
+pnpm install
+
+# 建立一個用戶的帳戶資料夾，用於擴充功能存儲登入狀態
+mkdir web-ext-profile
+
+# 運行專案
+pnpm dev
+
+# 打完這條指令之後，會自動開啓一個新的 Chrome 視窗並打開 BiliBili 網站
+pnpm start:chromium
+```
+
+2. 之後每次修改擴充功能，他都會重新載入內容，你可以透過重新整理頁面來查看變更內容
+
+#### Chrome 或 Edge 的另外一種方法
+
 1. 執行 pnpm 指令
 
 ```bash
@@ -44,6 +66,28 @@ pnpm build
 
 ### 開發（Firefox）
 
+#### Firefox 的第一種方法 （推薦）
+
+1. 執行 pnpm 命令
+
+```bash
+# 安裝依賴
+pnpm install
+
+# 建立一個用戶的帳戶資料夾，用於擴充功能存儲登入狀態
+mkdir web-ext-profile
+
+# 運行專案
+pnpm dev
+
+# 打完這條指令之後，會自動開啓一個新的 Firefox 視窗並打開 BiliBili 網站
+pnpm start:firefox
+```
+
+2. 之後每次修改擴充功能，它都會重新加載，你可以透過重新整理頁面來查看變更內容
+
+#### Firefox 的另一種方法
+
 1. 執行 pnpm 命令
 
 ```bash

docs/CONTRIBUTING-jyut.md

@@ -10,6 +10,28 @@
 
 ### 開發（Chrome 或 Edge）
 
+#### Chrome 或 Edge 嘅第一種方法 （推介）
+
+1. 執行 pnpm 指令
+
+```bash
+# 安裝依賴
+pnpm install
+
+# 建立一個用家帳戶資料夾，用於延伸功能存儲登入狀態
+mkdir web-ext-profile
+
+# 運行專案
+pnpm dev
+
+# 打完呢條指令之後，會自動開啓一個新嘅 Chrome 視窗並且打開 BiliBili 網站
+pnpm start:chromium
+```
+
+2. 之後每次修改延伸功能，佢會重新載入，你可以 refresh 個網頁睇吓改變之後嘅效果
+
+#### Chrome 或 Edge 嘅另外一種方法
+
 1. 執行 pnpm 指令
 
 ```bash
@@ -32,9 +54,9 @@ pnpm dev
 
 每一次執過 code 之後，你都要撳 [Extensions Reloader](https://chromewebstore.google.com/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid) 粒掣，然之後 refresh 個 page，確保係有效果。
 
-#### 建立（Chrome 或 Edge）
+#### 建置（Chrome 或 Edge）
 
-建置延新功能，要執行下底嘅指令
+建置延伸功能，要執行下底嘅指令
 
 ```bash
 pnpm build
@@ -44,6 +66,28 @@ pnpm build
 
 ### 開發（Firefox）
 
+#### Firefox 嘅第一種方法 （推介）
+
+1. 執行 pnpm 指令
+
+```bash
+# 安裝依賴
+pnpm install
+
+# 建立一個用家帳戶資料夾，用於延伸功能存儲登入狀態
+mkdir web-ext-profile
+
+# 運行專案
+pnpm dev
+
+# 打完呢條指令之後，會自動開啓一個新嘅 Firefox 視窗並且打開 BiliBili 網站
+pnpm start:firefox
+```
+
+2. 之後每次修改延伸功能，佢會重新載入，你可以 refresh 個網頁睇吓改變之後嘅效果
+
+#### Firefox 嘅另外一種方法
+
 1. 執行 pnpm 指令
 
 ```bash
@@ -62,7 +106,7 @@ pnpm dev
 
 #### 建立（Firefox）
 
-建置延新功能，要執行下底嘅指令
+建置延伸功能，要執行下底嘅指令
 
 ```bash
 pnpm build-firefox

docs/CONTRIBUTING.md

@@ -10,6 +10,28 @@ This project is built using [Vite](https://vitejs.dev/), please make sure you ha
 
 ### Development (Chrome or Edge)
 
+#### The First Method for Chrome or Edge (RECOMMENDED)
+
+1. Run the pnpm command
+
+```bash
+# Install dependencies
+pnpm install
+
+# Create a profile folder for the extension to store the login status
+mkdir web-ext-profile
+
+# Run the project
+pnpm dev
+
+# After typing this commend, it will automatically open a new Chrome window that opens BiliBili website
+pnpm start:chromium
+```
+
+2. Every time you change the extension, it will reload, and you can see the changes by refreshing the webpage
+
+#### The Alternative Method for Chrome or Edge
+
 1. Run the pnpm command
 
 ```bash
@@ -44,6 +66,28 @@ Then package it to the `extension` folder
 
 ### Development (Firefox)
 
+#### The First Method for Firefox (RECOMMENDED)
+
+1. Run the pnpm command
+
+```bash
+# Install dependencies
+pnpm install
+
+# Create a profile folder for the extension to store the login status
+mkdir web-ext-profile
+
+# Run the project
+pnpm dev
+
+# After typing this commend, it will automatically open a new Firefox window that opens BiliBili website
+pnpm start:firefox
+```
+
+2. Every time you change the extension, it will reload, and you can see the changes by refreshing the webpage
+
+#### The Alternative Method for Firefox
+
 1. Run the pnpm command
 
 ```bash

knip.json

@@ -5,6 +5,7 @@
     "src/background/index.ts",
     "src/options/main.ts",
     "src/popup/main.ts",
+    "src/components/**",
     "scripts/*.ts",
     "*.config.*"
   ],

package.json

@@ -2,7 +2,7 @@
   "name": "bewly-bewly",
   "displayName": "BewlyBewly",
   "type": "module",
-  "version": "0.27.1",
+  "version": "0.27.3",
   "private": true,
   "packageManager": "[email protected]",
   "description": "Just make a few small changes to your Bilibili homepage.",
@@ -104,5 +104,15 @@
   },
   "lint-staged": {
     "*": "eslint --fix"
+  },
+  "webExt": {
+    "run": {
+      "keepProfileChanges": true,
+      "firefoxProfile": "./web-ext-profile",
+      "chromiumProfile": "./web-ext-profile",
+      "startUrl": [
+        "https://www.bilibili.com/"
+      ]
+    }
   }
 }

src/_locales/cmn-CN.yml

@@ -176,6 +176,15 @@ settings:
   contributors: 贡献者
 
   just_wanna_change_the_job: 我只想换一份好一点的工作...
+  just_wanna_change_the_job_hint: |-
+    Let's just consider this a piece of performance art.
+
+    Now I'm still working at my old company, which has started to gradually appreciate my contributes. I work on both front-end & back-end there.
+    I'm not foolish enough to mess up in the current situation; Instead, I will try to create my own environment and gradually become a versatile person.
+    The Logos for BewlyBewly, whether they are new or old, or even the VTuber style of logo, are all designed and made by me. I have always been working hard to develop my ability to produce independent projects.
+
+    Additionally, I am very grateful for the people who have contracted me by email or other means during this time, whether they ending up helping me or not.
+    However, I particularly want to wish a certain product manager who lured people into working for free while boasting about his own capabilities, thinking I would stupidly believe everything he said? I wish you a lifetime of only managing products you dislike for other companies.
   just_wanna_change_the_job_desc: |-
     首先十分抱歉在这里打扰您，我是一名前端开发者，坐标广州，我想换一份好一点的工作
     BewlyBewly 其实是我在找工作的时候做的一个项目，那时试过有快半年是完全没有工作的状态，面试时一直刁难要么就是被礼貌拒绝

src/_locales/cmn-TW.yml

@@ -179,6 +179,15 @@ settings:
   contributors: 貢獻者
 
   just_wanna_change_the_job: 我只想換一份好一點的工作...
+  just_wanna_change_the_job_hint: |-
+    Let's just consider this a piece of performance art.
+
+    Now I'm still working at my old company, which has started to gradually appreciate my contributes. I work on both front-end & back-end there.
+    I'm not foolish enough to mess up in the current situation; Instead, I will try to create my own environment and gradually become a versatile person.
+    The Logos for BewlyBewly, whether they are new or old, or even the VTuber style of logo, are all designed and made by me. I have always been working hard to develop my ability to produce independent projects.
+
+    Additionally, I am very grateful for the people who have contracted me by email or other means during this time, whether they ending up helping me or not.
+    However, I particularly want to wish a certain product manager who lured people into working for free while boasting about his own capabilities, thinking I would stupidly believe everything he said? I wish you a lifetime of only managing products you dislike for other companies.
   just_wanna_change_the_job_desc: |-
     首先十分抱歉在这里打扰您，我是一名前端开发者，坐标广州，我想换一份好一点的工作
     BewlyBewly 其实是我在找工作的时候做的一个项目，那时试过有快半年是完全没有工作的状态，面试时一直刁难要么就是被礼貌拒绝

src/_locales/en.yml

@@ -177,6 +177,15 @@ settings:
   contributors: Contributors
 
   just_wanna_change_the_job: i just wanna switch to a better job...
+  just_wanna_change_the_job_hint: |-
+    Let's just consider this a piece of performance art.
+
+    Now I'm still working at my old company, which has started to gradually appreciate my contributes. I work on both front-end & back-end there.
+    I'm not foolish enough to mess up in the current situation; Instead, I will try to create my own environment and gradually become a versatile person.
+    The Logos for BewlyBewly, whether they are new or old, or even the VTuber style of logo, are all designed and made by me. I have always been working hard to develop my ability to produce independent projects.
+
+    Additionally, I am very grateful for the people who have contracted me by email or other means during this time, whether they ending up helping me or not.
+    However, I particularly want to wish a certain product manager who lured people into working for free while boasting about his own capabilities, thinking I would stupidly believe everything he said? I wish you a lifetime of only managing products you dislike for other companies.
   just_wanna_change_the_job_desc: |-
     首先十分抱歉在这里打扰您，我是一名前端开发者，坐标广州，我想换一份好一点的工作
     BewlyBewly 其实是我在找工作的时候做的一个项目，那时试过有快半年是完全没有工作的状态，面试时一直刁难要么就是被礼貌拒绝

src/_locales/jyut.yml

@@ -179,6 +179,15 @@ settings:
   contributors: 貢獻者
 
   just_wanna_change_the_job: 我淨係想搵份好啲嘅工做...
+  just_wanna_change_the_job_hint: |-
+    Let's just consider this a piece of performance art.
+
+    Now I'm still working at my old company, which has started to gradually appreciate my contributes. I work on both front-end & back-end there.
+    I'm not foolish enough to mess up in the current situation; Instead, I will try to create my own environment and gradually become a versatile person.
+    The Logos for BewlyBewly, whether they are new or old, or even the VTuber style of logo, are all designed and made by me. I have always been working hard to develop my ability to produce independent projects.
+
+    Additionally, I am very grateful for the people who have contracted me by email or other means during this time, whether they ending up helping me or not.
+    However, I particularly want to wish a certain product manager who lured people into working for free while boasting about his own capabilities, thinking I would stupidly believe everything he said? I wish you a lifetime of only managing products you dislike for other companies.
   just_wanna_change_the_job_desc: |-
     首先十分抱歉在这里打扰您，我是一名前端开发者，坐标广州，我想换一份好一点的工作
     BewlyBewly 其实是我在找工作的时候做的一个项目，那时试过有快半年是完全没有工作的状态，面试时一直刁难要么就是被礼貌拒绝