feat: modular background architecture, keyboard shortcuts, and dev tooling (v0.4.0)

.gitignore

@@ -2,6 +2,7 @@
 node_modules/
 dist/
 .wxt/
+.output/
 
 
 # START Ruler Generated Files

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "semi": false,
+  "printWidth": 100,
+  "trailingComma": "all"
+}

README.md

@@ -14,6 +14,18 @@
   <a href="https://github.com/fathiraz/refined-github-projects/blob/main/LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue?style=for-the-badge" alt="MIT License" /></a>
   <a href="https://chromewebstore.google.com/detail/refined-github-projects/ljkfilkmedkcpckabpeeiacjefhnlplg"><img src="https://img.shields.io/badge/Chrome_Web_Store-Live-238636?style=for-the-badge&logo=google-chrome&logoColor=white" alt="Chrome Web Store" /></a>
   <a href="https://addons.mozilla.org/en-US/firefox/addon/refined-github-projects/"><img src="https://img.shields.io/badge/Firefox_Add--ons-Live-238636?style=for-the-badge&logo=firefox-browser&logoColor=white" alt="Firefox Add-ons" /></a>
+  <!-- COVERAGE_BADGE_START --><img src="https://img.shields.io/badge/coverage-13.98%25-red?style=for-the-badge" alt="Coverage" /><!-- COVERAGE_BADGE_END -->
+</p>
+
+<p align="center">
+  <img src="https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white" alt="TypeScript" />
+  <img src="https://img.shields.io/badge/React_19-61DAFB?style=for-the-badge&logo=react&logoColor=black" alt="React 19" />
+  <img src="https://img.shields.io/badge/WXT-333333?style=for-the-badge&logoColor=white" alt="WXT" />
+  <img src="https://img.shields.io/badge/Manifest_V3-4285F4?style=for-the-badge&logo=googlechrome&logoColor=white" alt="Manifest V3" />
+  <img src="https://img.shields.io/badge/GraphQL-E10098?style=for-the-badge&logo=graphql&logoColor=white" alt="GraphQL" />
+  <img src="https://img.shields.io/badge/Primer-0366D6?style=for-the-badge&logo=github&logoColor=white" alt="Primer CSS" />
+  <img src="https://img.shields.io/badge/pnpm-F69220?style=for-the-badge&logo=pnpm&logoColor=white" alt="pnpm" />
+  <img src="https://img.shields.io/badge/Vitest-6E9F18?style=for-the-badge&logo=vitest&logoColor=white" alt="Vitest" />
 </p>
 
 <p align="center">
@@ -28,8 +40,23 @@
 
 ---
 
+## 📥 Downloads
+
+<p align="center">
+  <a href="https://chromewebstore.google.com/detail/refined-github-projects/ljkfilkmedkcpckabpeeiacjefhnlplg">
+    <img src="src/assets/images/chrome-webstore.png" alt="Available in the Chrome Web Store" height="58" />
+  </a>
+  &nbsp;&nbsp;&nbsp;
+  <a href="https://addons.mozilla.org/en-US/firefox/addon/refined-github-projects/">
+    <img src="src/assets/images/firefox-addon.svg" alt="Get the Add-on for Firefox" height="58" />
+  </a>
+</p>
+
+---
+
 ## 📋 Table of Contents
 
+- [Downloads](#-downloads)
 - [Why This Exists](#-why-this-exists)
 - [Features](#-features)
 - [Installation](#-installation)

eslint.config.mjs

@@ -0,0 +1,25 @@
+import tseslint from 'typescript-eslint'
+import reactHooks from 'eslint-plugin-react-hooks'
+import prettier from 'eslint-config-prettier'
+
+export default tseslint.config(
+  {
+    ignores: ['dist/**', '.wxt/**', '.output/**', 'node_modules/**'],
+  },
+  ...tseslint.configs.recommended,
+  {
+    plugins: {
+      'react-hooks': reactHooks,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      '@typescript-eslint/no-unused-vars': [
+        'warn',
+        { argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
+      ],
+      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-empty-object-type': 'off',
+    },
+  },
+  prettier,
+)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "refined-github-projects",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Refined GitHub Projects — bulk edit, close, delete, and deep duplicate for GitHub Projects",
   "packageManager": "pnpm@10.32.1",
   "scripts": {
@@ -22,7 +22,23 @@
     "publish:firefox": "wxt build --browser firefox && wxt zip --browser firefox",
     "publish:edge": "wxt build --browser edge && wxt zip --browser edge",
     "publish:safari": "wxt build --browser safari && wxt zip --browser safari",
-    "publish:all": "pnpm run publish:chrome && pnpm run publish:firefox && pnpm run publish:edge && pnpm run publish:safari"
+    "publish:all": "pnpm run publish:chrome && pnpm run publish:firefox && pnpm run publish:edge && pnpm run publish:safari",
+    "check:manifest": "node -e \"const m=require('./dist/chrome-mv3/manifest.json');const allowed=['storage'];const extra=(m.permissions||[]).filter(p=>!allowed.includes(p));if(extra.length){console.error('Extra permissions:',extra);process.exit(1);}else{console.log('Manifest permissions OK:',m.permissions);}\"",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix",
+    "format": "prettier --write 'src/**/*.{ts,tsx}'",
+    "format:check": "prettier --check 'src/**/*.{ts,tsx}'",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:coverage-badge": "node scripts/update-coverage-badge.mjs",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ]
   },
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.7.9",
@@ -46,10 +62,20 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^4.1.2",
     "@wxt-dev/module-react": "^1.2.2",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "happy-dom": "^20.8.9",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.4.0",
+    "prettier": "^3.8.1",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.58.0",
     "vite": "^8.0.1",
     "vite-node": "^6.0.0",
+    "vitest": "^4.1.2",
     "wxt": "^0.20.20"
   }
-}
+}