1.28.0

.editorconfig

@@ -1,7 +1,7 @@
 root=true
 
 [*]
-end_of_line = crlf
+end_of_line = lf
 indent_style = tab
 insert_final_newline = true
 indent_size = 2

.gitattributes

@@ -1 +1,4 @@
 /assets export-ignore
+
+* text=auto eol=lf 
+*.{png,jpg,jpeg,gif,bmp,tif,tiff,webp,svg,ico,heic,heif,avif} binary

.github/dependabot.yml

@@ -5,9 +5,14 @@
 
 version: 2
 updates:
-  - package-ecosystem: "npm" # See documentation for possible values
-    directory: "/" # Location of package manifests
+  - package-ecosystem: "npm"
+    directory: "/"
     schedule:
       interval: "weekly"
     target-branch: "dev"
     versioning-strategy: "increase-if-necessary"
+    ignore:
+      - dependency-name: "tailwindcss"
+      - dependency-name: "eslint-plugin-tailwindcss"
+      - dependency-name: "react"
+      - dependency-name: "react-dom"

.gitignore

@@ -398,3 +398,4 @@ package-lock.json
 /playwright/.cache/
 /playwright-data/
 /playwright-downloads/
+.VSCodeCounter/

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-	"typescript.tsdk": "node_modules\\typescript\\lib",
+	"typescript.tsdk": "node_modules/typescript/lib",
 	"i18n-ally.localesPaths": ["public/locales"],
 	"editor.codeActionsOnSave": {
 		"source.fixAll": "always"

.vscode/tasks.json

@@ -6,9 +6,23 @@
 			"problemMatcher": ["$eslint-stylish"],
 			"label": "eslint: lint whole folder",
 			"options": {
-				"shell": {
-					"executable": "cmd.exe",
-					"args": ["/d", "/c"]
+				"windows": {
+					"shell": {
+						"executable": "cmd.exe",
+						"args": ["/d", "/c"]
+					}
+				},
+				"linux": {
+					"shell": {
+						"executable": "/bin/bash",
+						"args": ["-c"]
+					}
+				},
+				"osx": {
+					"shell": {
+						"executable": "/bin/bash",
+						"args": ["-c"]
+					}
 				}
 			}
 		}

README.md

@@ -207,7 +207,7 @@ Before you begin, ensure you have the following software installed on your syste
 Next, open your terminal (command prompt or shell) and navigate to the directory where you want to store the YouTube Enhancer extension project. Run the following command to clone the repository:
 
 ```bash
-git clone https://github.com/VampireChicken12/youtube-enhancer.git
+git clone https://github.com/YouTube-Enhancer/extension.git
 ```
 
 ### 3. Navigate to the Project Directory
@@ -312,6 +312,13 @@ Contributions to the YouTube Enhancer Extension are welcome! If you'd like to co
       <td align="center" valign="top" width="14.28%"><a href="https://github.com/Mabra51"><img src="https://avatars.githubusercontent.com/u/12016338?v=4?s=100" width="100px;" alt="Mabra51"/><br /><sub><b>Mabra51</b></sub></a><br /><a href="#ideas-Mabra51" title="Ideas, Planning, & Feedback">🤔</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://eduardozgz.com"><img src="https://avatars.githubusercontent.com/u/30407412?v=4?s=100" width="100px;" alt="Eduardo Aznar"/><br /><sub><b>Eduardo Aznar</b></sub></a><br /><a href="#translation-eduardozgz" title="Translation">🌍</a> <a href="#code-eduardozgz" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://notyasho.netlify.app/blogs"><img src="https://avatars.githubusercontent.com/u/90166733?v=4?s=100" width="100px;" alt="pyrix"/><br /><sub><b>pyrix</b></sub></a><br /><a href="#ideas-at-pyrix" title="Ideas, Planning, & Feedback">🤔</a> <a href="#design-at-pyrix" title="Design">🎨</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/CaiCheng-Li"><img src="https://avatars.githubusercontent.com/u/150627108?v=4?s=100" width="100px;" alt="CaiCheng-Li"/><br /><sub><b>CaiCheng-Li</b></sub></a><br /><a href="#bug-CaiCheng-Li" title="Bug reports">🐛</a></td>
+    </tr>
+    <tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://sites.google.com/u/0/d/1OdIAWachs1svsjOS4lT9jqwlE632B6rP"><img src="https://avatars.githubusercontent.com/u/121247693?v=4?s=100" width="100px;" alt="Lexiosity"/><br /><sub><b>Lexiosity</b></sub></a><br /><a href="#bug-Lexiosity" title="Bug reports">🐛</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/HelloIamarandomperson"><img src="https://avatars.githubusercontent.com/u/136181387?v=4?s=100" width="100px;" alt="HelloIamarandomperson"/><br /><sub><b>HelloIamarandomperson</b></sub></a><br /><a href="#code-HelloIamarandomperson" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/TheMajor-GitHub"><img src="https://avatars.githubusercontent.com/u/94167392?v=4?s=100" width="100px;" alt="The Major"/><br /><sub><b>The Major</b></sub></a><br /><a href="#ideas-TheMajor-GitHub" title="Ideas, Planning, & Feedback">🤔</a></td>
+			<td align="center" valign="top" width="14.28%"><a href="https://github.com/dnicolson"><img src="https://avatars.githubusercontent.com/u/2276355?v=4?s=100" width="100px;" alt="Dave Nicolson"/><br /><sub><b>Dave Nicolson</b></sub></a><br /><a href="#code-dnicolson" title="Code">💻</a></td>
     </tr>
   </tbody>
 </table>

eslint.config.mjs

@@ -1,16 +1,20 @@
-import eslintPluginReact from "eslint-plugin-react";
-import eslintPluginNoSecrets from "eslint-plugin-no-secrets";
+import { fixupPluginRules } from "@eslint/compat";
+import eslintJavascript from "@eslint/js";
 import eslintPluginImport from "eslint-plugin-import";
-import eslintPluginTailwindCSS from "eslint-plugin-tailwindcss";
-import eslintPluginPromise from "eslint-plugin-promise";
+import eslintPluginNoSecrets from "eslint-plugin-no-secrets";
 import eslintPluginPerfectionist from "eslint-plugin-perfectionist";
-import eslintPluginReactHooks from "eslint-plugin-react-hooks";
 import eslintPluginPrettier from "eslint-plugin-prettier/recommended";
-import eslintTypeScriptParser from "@typescript-eslint/parser";
-import eslintJavascript from "@eslint/js";
-import typescriptEslint from "typescript-eslint";
-import { fixupPluginRules } from "@eslint/compat";
+import eslintPluginPromise from "eslint-plugin-promise";
+import eslintPluginReact from "eslint-plugin-react";
+import eslintPluginReactHooks from "eslint-plugin-react-hooks";
+import eslintPluginTailwindCSS from "eslint-plugin-tailwindcss";
 import globals from "globals";
+import { dirname } from "path";
+// eslint-disable-next-line import/no-unresolved
+import typescriptEslint from "typescript-eslint";
+import { fileURLToPath } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 export default [
 	{
 		ignores: ["**/watch.js", "dist/**/*", "releases/**/*"]
@@ -22,71 +26,81 @@ export default [
 	eslintPluginImport.flatConfigs.typescript,
 	eslintPluginPromise.configs["flat/recommended"],
 	eslintPluginPrettier,
+	eslintPluginPerfectionist.configs["recommended-natural"],
 	{
-		plugins: {
-			react: eslintPluginReact,
-			"no-secrets": eslintPluginNoSecrets,
-			perfectionist: eslintPluginPerfectionist,
-			"react-hooks": fixupPluginRules(eslintPluginReactHooks)
-		},
+		files: ["**/*.ts", "**/*.tsx"],
 		languageOptions: {
 			ecmaVersion: "latest",
-			sourceType: "module",
 			globals: {
 				...globals.browser,
 				...globals.node,
 				chrome: "readonly"
 			},
-			parser: eslintTypeScriptParser,
+			parser: typescriptEslint.parser,
 			parserOptions: {
 				ecmaFeatures: {
 					jsx: true
 				},
 				project: "./tsconfig.json",
-				tsconfigRootDir: "."
-			}
-		},
-		settings: {
-			tailwindcss: {
-				callees: ["cn"],
-				config: "./tailwind.config.ts"
+				tsconfigRootDir: __dirname
 			},
-			react: {
-				version: "detect"
-			}
+			sourceType: "module"
+		},
+		plugins: {
+			"no-secrets": eslintPluginNoSecrets,
+			react: eslintPluginReact,
+			"react-hooks": fixupPluginRules(eslintPluginReactHooks)
 		},
 		rules: {
-			"react/react-in-jsx-scope": "off",
+			"@typescript-eslint/explicit-module-boundary-types": "off",
+			"@typescript-eslint/no-explicit-any": "off",
+			"@typescript-eslint/no-floating-promises": "error",
 			"@typescript-eslint/no-unused-vars": [
 				"error",
 				{
-					varsIgnorePattern: "^_",
-					argsIgnorePattern: "^_"
+					args: "all",
+					argsIgnorePattern: "^_",
+					caughtErrors: "all",
+					caughtErrorsIgnorePattern: "^_",
+					destructuredArrayIgnorePattern: "^_",
+					ignoreRestSiblings: true,
+					varsIgnorePattern: "^_"
 				}
 			],
-			"@typescript-eslint/no-explicit-any": "off",
-			"@typescript-eslint/explicit-module-boundary-types": "off",
 			"@typescript-eslint/restrict-template-expressions": "off",
-			quotes: ["error", "double", { avoidEscape: true, allowTemplateLiterals: true }],
-			semi: ["error", "always"],
-			"prefer-const": ["error", { destructuring: "any", ignoreReadBeforeAssign: false }],
-			"prefer-destructuring": ["error", { array: true, object: true }, { enforceForRenamedProperties: true }],
-			"no-useless-escape": "off",
+			"import/first": ["error"],
+			"import/no-named-as-default-member": "off",
+			"import/no-unresolved": "off",
 			"no-empty": ["error", { allowEmptyCatch: true }],
 			"no-mixed-spaces-and-tabs": ["error", "smart-tabs"],
-			"import/first": ["error"],
 			"no-secrets/no-secrets": ["error", { tolerance: 5.0 }],
-			"import/no-unresolved": "off",
-			"tailwindcss/no-custom-classname": "off",
+			"no-useless-escape": "off",
+			"prefer-const": ["error", { destructuring: "any", ignoreReadBeforeAssign: false }],
+			"prefer-destructuring": ["error", { array: true, object: true }, { enforceForRenamedProperties: true }],
+			quotes: ["error", "double", { allowTemplateLiterals: true, avoidEscape: true }],
+			"react/react-in-jsx-scope": "off",
+			semi: ["error", "always"],
 			"tailwindcss/classnames-order": "error",
-			"@typescript-eslint/no-floating-promises": "error",
-			"import/no-named-as-default-member": "off"
+			"tailwindcss/no-custom-classname": "off"
+		},
+		settings: {
+			react: {
+				version: "detect"
+			},
+			tailwindcss: {
+				callees: ["cn"],
+				config: "./tailwind.config.ts"
+			}
 		}
 	},
 	{
-		files: ["**/*.ts", "**/*.tsx", "**/*.js", "**/.d.ts", "**/.spec.ts"],
+		files: ["**/*.js", "**/*.mjs", "**/*.cjs"],
 		languageOptions: {
-			parser: eslintTypeScriptParser
+			ecmaVersion: "latest",
+			globals: {
+				...globals.node
+			},
+			sourceType: "module"
 		}
 	}
 ];

nodemon.json

@@ -2,7 +2,7 @@
 	"env": {
 		"__DEV__": "true"
 	},
-	"exec": "concurrently \"vite build\" \"ts-json-as-const public/locales/en-US.json\" \"prettier --write public/locales/en-US.json.d.ts\" \"eslint --fix public/locales/en-US.json.d.ts\" \"eslint --fix src/i18n/constants.ts\" \"prettier --write src/i18n/constants.ts\"",
+	"exec": "npm run build",
 	"ext": "ts,tsx,css,html,json",
 	"ignore": ["src/**/*.spec.ts", "public/locales/en-US.json.d.ts", "src/i18n/constants.ts"],
 	"watch": ["src", "utils", "vite.config.ts", "public", "public/locales"]