v2.0.5: add build process + minor tweaks to code structure (#25)

* update package.json + remove eslint-airbnb
* feat: add & setup prettier code formatting
* feat: add & setup husky + lint-staged
* refactor: sync changes introduced in 2.0.4
* feat: cleanup content.js + update manifest.json
* fix issues with vite.config.js not being able to read env variables
* docs: update README
* style: cleanup
* remove old files

---------

Co-authored-by: Californ1a <[email protected]>

.env.chrome

@@ -0,0 +1 @@
+VITE_TARGET_BROWSER=chrome

.env.firefox

@@ -0,0 +1 @@
+VITE_TARGET_BROWSER=firefox

.eslintrc.cjs

@@ -0,0 +1,16 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true
+  },
+  extends: ["eslint:recommended", "prettier"],
+  overrides: [],
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module"
+  },
+  rules: {
+    "no-unused-vars": "warn"
+  }
+};

.gitignore

@@ -1 +1,37 @@
+# Local
 docs/
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Config files
+.webextrc
+.webextrc.*
+
+# Env files
+.env
+.env.*
+!.env.firefox
+!.env.chrome

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

.prettierignore

@@ -0,0 +1,16 @@
+# Dependencies
+node_modules
+
+# Ambient TS files
+*.d.ts
+
+# Ignore artifacts
+build
+dist
+dist-ssr
+*.local
+coverage
+
+# Config files
+.webextrc
+.webextrc.*

README.md

@@ -42,3 +42,27 @@ For Firefox:
 5. Follow the instructions available in Mozilla's web-ext workshop at the link provided above to sign the extension yourself with `web-ext sign`
 6. Once you have signed it, you should find a .xpi file located within a folder named 'web-ext-artifacts' inside the ytpdc-firefox folder
 7. Navigate to `about:addons` via the address bar in Firefox, click the cog-wheel on the top right, choose `Install Add-on from file` and select the `.xpi` file from the previous step
+
+## Development
+
+- Clone this repository
+- Install dependencies
+
+  ```
+  npm install
+  ```
+
+- Build the extension
+
+  ```
+  npm run build:chrome
+  npm run build:firefox
+  ```
+
+  This will output the extension into the `dist` folder
+
+- Run the extension in development mode
+
+  ```
+  npm run dev
+  ```