First Commit

.editorconfig

@@ -0,0 +1,26 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+# Matches multiple files with brace expansion notation
+# Set default charset
+[*.{js,jsx,ts,tsx,md}]
+charset = utf-8
+indent_style = space
+indent_size = 2
+tab_width = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+
+# Matches the exact files either package.json or .travis.yml
+[{package.json,.travis.yml}]
+indent_style = space
+indent_size = 2

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+/package
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.history
+*.log
+
+# secrets
+secrets.*.js

.npmignore

@@ -0,0 +1,26 @@
+# OS 
+.DS_Store
+
+# ignore node dependency directories & lock
+node_modules
+yarn.lock
+pnpm-lock.yaml
+package-lock.json
+
+# ignore log files and local
+*.log
+*.local
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.history
+
+# ignore compiled files
+build
+types
+coverage
+
+# ignore ide settings
+.idea
+.vscode

.prettierignore

@@ -0,0 +1,6 @@
+# Ignore artifacts:
+build
+coverage
+node_modules
+pnpm-lock.yaml
+pnpm-workspace.yaml

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "jsxSingleQuote": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "endOfLine": "lf",
+  "printWidth": 100,
+  "semi": false,
+  "tabWidth": 2,
+  "useTabs": false
+}

CHANGELOG.md

@@ -0,0 +1,15 @@
+# CHANGELOG
+
+```txt
+Summary
+  1. document grouping follow 'SemVer2.0' protocol
+  2. use 'PATCH' as a minimum granularity
+  3. use concise descriptions
+  4. type: feat \ fix \ update \ perf \ remove \ docs \ chore
+  5. version timestamp follow the yyyy.MM.dd format
+```
+
+## 0.0.0 [2024.03.20]
+
+- feat: initial
+- feat: generator by ![create-chrome-ext](https://github.com/guocaoyi/create-chrome-ext)

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024-present, Peter Xu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,46 @@
+# clean-csdn-chrome-ext
+
+> a chrome extension tools built with Vite + Vanilla, and Manifest v3
+
+Just make csdn blog as clean as it should be.
+
+## Installing
+
+1. Check if your `Node.js` version is >= **14**.
+2. Change or configurate the name of your extension on `src/manifest`.
+3. Run `npm install` to install the dependencies.
+
+## Developing
+
+run the command
+
+```shell
+$ cd clean-csdn
+
+$ npm run dev
+```
+
+### Chrome Extension Developer Mode
+
+1. set your Chrome browser 'Developer mode' up
+2. click 'Load unpacked', and select `clean-csdn/build` folder
+
+### Nomal FrontEnd Developer Mode
+
+1. access `http://0.0.0.0:3000/`
+2. when debugging popup page, open `http://0.0.0.0:3000//popup.html`
+3. when debugging options page, open `http://0.0.0.0:3000//options.html`
+
+## Packing
+
+After the development of your extension run the command
+
+```shell
+$ npm run build
+```
+
+Now, the content of `build` folder will be the extension ready to be submitted to the Chrome Web Store. Just take a look at the [official guide](https://developer.chrome.com/webstore/publish) to more infos about publishing.
+
+---
+
+Generated by [create-chrome-ext](https://github.com/guocaoyi/create-chrome-ext)

devtools.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/icon/logo.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Chrome Extension + Vanilla + TS + Vite</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/devtools/index.ts"></script>
+  </body>
+</html>

newtab.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/icon/logo.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Chrome Extension + Vanilla + TS + Vite</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/newtab/index.ts"></script>
+  </body>
+</html>

options.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/icons/logo.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Chrome Extension + Vanilla + TS + Vite</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/options/index.ts"></script>
+  </body>
+</html>