Extensive rework: added a sidebar, bottom panel, options menu and more

.gitignore

@@ -1 +1,5 @@
-manifest.json
+*.log
+*.orig
+node_modules/*
+jsdoc-out/*
+fetch_scripts/node_modules/*

.husky/pre-commit

@@ -0,0 +1,8 @@
+# .husky/pre-commit
+#!/usr/bin/env sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm test
+# npx lint-staged
+
+# exit 1 # enable this line to purposely fail the commit (testing)

.prettierignore

@@ -0,0 +1,4 @@
+README.md
+package.json
+.gitignore
+src/libs/*

.prettierrc

@@ -0,0 +1,22 @@
+{
+    "arrowParens": "avoid",
+    "bracketSpacing": true,
+    "htmlWhitespaceSensitivity": "css",
+    "insertPragma": false,
+    "bracketSameLine": false,
+    "printWidth": 80,
+    "proseWrap": "always",
+    "quoteProps": "as-needed",
+    "requirePragma": false,
+    "semi": false,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "trailingComma": "es5",
+    "useTabs": false,
+    "overrides": [
+        {
+            "files": ".prettierrc",
+            "options": { "parser": "json" }
+        }
+    ]
+}

.stylelint.config.mjs

@@ -0,0 +1,6 @@
+/** @type {import('stylelint').Config} */
+export default {
+	rules: {
+		"color-no-invalid-hex": true
+	}
+};

README.md

@@ -10,13 +10,25 @@ Rogue Dex is a browser extension that connects to Pokerogue and uses PokeAPI to
 ## Installation
 - Clone this repository to your local machine.
 - Load the extension in developer mode in your browser.
+	- `Load unpacked` -> select `src` folder of this repository if using development code, or `dist` if using distribution code (if available).
 - Launch Pokerogue and start playing to see Pokemon data in action.
 
 ## Usage
 - Start a new game or load a saved game in Pokerogue.
 - The extension will display Pokemon information for each round.
 - Use the data to strategize your gameplay effectively.
 
+## Development
+- After cloning the repository, run `npm install` in a console/terminal (after navigating to the repo directory).
+- Husky will run pre-commit hooks if enabled, read more: https://typicode.github.io/husky/how-to.html, currently disabled.
+- `Package.json` has a bunch of scripts to lint and format code, css and html files. These can be run by a pre-commit hook or manually, for example `npm run <script name>`.
+- Eslint: for linting javascript code, config file in root dir.
+- Stylelint: for linting stylesheets, config file in root dir.
+- Prettier: for beautifying / formatting js, css and html, config file in root dir.
+- Development files should be in `src` directory.
+- Distribution code and zip files can be created with the `npm run package` script, output will be in the `dist` directory. This includes file minifying.
+- `npm run build-test` can be used to build the dist files while skipping some processes (terser, babel).
+
 ## Contribution
 Feel free to contribute to this project by forking the repository, making changes, and submitting pull requests.