fix #1: Change CRXJS to Webpack

.babelrc

@@ -0,0 +1,9 @@
+{
+  "presets": [
+    // "@babel/preset-env"
+    ["@babel/preset-react", { "runtime": "automatic" }] // "react-app"
+  ],
+  "plugins": [
+    // "@babel/plugin-proposal-class-properties",
+  ]
+}

.eslintrc

@@ -0,0 +1,6 @@
+{
+  "extends": "react-app",
+  "globals": {
+    "chrome": "readonly"
+  }
+}

.gitignore

@@ -1,24 +1,26 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
+# See https://help.github.com/ignore-files/ for more about ignoring files.
 
-node_modules
-dist
-dist-ssr
-*.local
+build
 
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# zip
+/zip
+
+# misc
 .DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.history
+
+# secrets
+secrets.*.js

.prettierrc

@@ -1,25 +1,6 @@
 {
-  "trailingComma": "all",
-  "tabWidth": 2,
-  "semi": true,
   "singleQuote": true,
-  "printWidth": 120,
-  "bracketSpacing": true,
-  "plugins": ["@ianvs/prettier-plugin-sort-imports", "prettier-plugin-tailwindcss"],
-  "importOrder": [
-    "<THIRD_PARTY_MODULES>",
-    "interface",
-    "(?=content|api)",
-    "context/",
-    "mock/",
-    "config",
-    "utilities/",
-    "hooks/",
-    "(components/|./index)",
-    ".svg",
-    "^../(.*)$",
-    "(?=./styles.module.css)"
-  ],
-  "importOrderParserPlugins": ["typescript", "jsx", "decorators-legacy"],
-  "importOrderTypeScriptVersion": "5.0.0"
+  "trailingComma": "es5",
+  "requirePragma": false,
+  "arrowParens": "always"
 }

CONTRIBUTING.md

@@ -5,7 +5,7 @@ Thank you for considering contributing to our project! Your contributions help m
 ## Quick Start
 1. **Clone the project**:
 ```bash
-git clone https://github.com/sapondanaisriwan/github-grid-view.git
+$ git clone https://github.com/sapondanaisriwan/github-grid-view.git
 ```
 2. **Install dependencies**:
 ```bash

README.md

@@ -2,7 +2,7 @@
 
 # Grid View for GitHub
 
-The chrome extension that turns repositories into a grid view.
+A chrome extension that turns repositories into a grid view.
 
 [![Star][star-badge]][star]
 [![Forks][fork-badge]][members]
@@ -29,7 +29,6 @@ The chrome extension that turns repositories into a grid view.
 [b1]: https://i.imgur.com/EYag3Ve.png
 [b2]: https://i.imgur.com/QOFXWD3.png
 [b3]: https://i.imgur.com/w1iRtFw.png
-
 [a1]: https://i.imgur.com/Iqa9N6F.png
 [a2]: https://i.imgur.com/xXdKM5f.png
 [a3]: https://i.imgur.com/vqZO78X.png
@@ -41,6 +40,7 @@ The chrome extension that turns repositories into a grid view.
 [extension]: https://chromewebstore.google.com/
 
 ## Browser Support
+
 You need the most up-to-date version of your web browser. For the best experience, update your browser
 
 For instructions on how to upgrade, visit your browser's help resources:
@@ -50,7 +50,7 @@ For instructions on how to upgrade, visit your browser's help resources:
 
 ## 🧑‍💻 Contributing
 
-Any contribution is greatly appreciated, please look [CONTRIBUTING.md](./CONTRIBUTING.md)
+Any contribution is greatly appreciated, please take a look [CONTRIBUTING.md](./CONTRIBUTING.md)
 
 ## 💰 Support me