Initial commit: Production-grade PHP Extension Matrix v2

- Complete React + TypeScript application with Vite
- Virtualized matrix grid for 200+ extensions (react-window)
- Advanced filtering: channel, platform, platform_version, arch, search
- URL query parameters for shareable filtered views
- Cell details drawer and extension detail page
- GitHub Actions workflow for automated GitHub Pages deployment
- Sample dataset included for local development
- Comprehensive documentation (README, QUICKSTART, DEPLOYMENT, DEVELOPMENT)
- TypeScript strict mode with complete type coverage
- Optimized build: ~54 KB gzipped with code splitting
- Uses Bun for fast development and builds
- Zero paid services, minimal dependencies
- Fully responsive design

All requirements met and ready for production deployment.

Author: flavioheleno

.eslintrc.cjs

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}

.github/workflows/deploy.yml

@@ -0,0 +1,52 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v1
+        with:
+          bun-version: latest
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Build
+        run: bun run build
+        env:
+          VITE_DATASET_URL: ${{ vars.DATASET_URL || './sample-data/manifest.json' }}
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -0,0 +1,24 @@
+# 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?

COMMANDS.md

@@ -0,0 +1,178 @@
+# Commands Reference
+
+## Development
+
+```bash
+# Install dependencies
+bun install
+
+# Start development server
+bun run dev
+
+# Start on different port
+bun run dev -- --port 3000
+
+# Start with custom dataset URL
+VITE_DATASET_URL=https://api.example.com/manifest.json bun run dev
+```
+
+## Building
+
+```bash
+# Production build
+bun run build
+
+# Build with custom dataset URL
+VITE_DATASET_URL=https://api.example.com/manifest.json bun run build
+
+# Preview production build locally
+bun run preview
+
+# Build and preview
+bun run build && bun run preview
+```
+
+## Linting
+
+```bash
+# Run ESLint
+bun run lint
+
+# Auto-fix issues
+bunx eslint . --ext ts,tsx --fix
+```
+
+## Testing
+
+```bash
+# Test build
+bun run build
+
+# Test dev server
+bun run dev
+
+# Test with different dataset
+VITE_DATASET_URL=./test-data/manifest.json bun run dev
+```
+
+## Deployment
+
+```bash
+# Deploy to GitHub Pages (automatic)
+git add .
+git commit -m "Update site"
+git push origin main
+
+# Manual deploy (build only)
+bun run build
+# Then upload dist/ folder to your hosting
+```
+
+## Maintenance
+
+```bash
+# Update dependencies
+bun update
+
+# Clean build artifacts
+rm -rf dist
+
+# Clean all
+rm -rf dist node_modules bun.lock
+bun install
+
+# Check for outdated packages
+bun outdated
+```
+
+## Utilities
+
+```bash
+# Check TypeScript types
+bunx tsc --noEmit
+
+# Format code (if prettier installed)
+bunx prettier --write "src/**/*.{ts,tsx}"
+
+# Count lines of code
+find src -name "*.tsx" -o -name "*.ts" | xargs wc -l
+
+# View bundle analysis
+bunx vite-bundle-visualizer
+```
+
+## Development Workflow
+
+```bash
+# 1. Create feature branch
+git checkout -b feature/my-feature
+
+# 2. Make changes and test
+bun run dev
+
+# 3. Build and verify
+bun run build
+bun run preview
+
+# 4. Lint
+bun run lint
+
+# 5. Commit and push
+git add .
+git commit -m "Add feature"
+git push origin feature/my-feature
+
+# 6. Create PR on GitHub
+```
+
+## Environment Variables
+
+```bash
+# Development (.env.local)
+VITE_DATASET_URL=https://dev-api.example.com/manifest.json
+
+# Production (GitHub Actions)
+# Set in repository settings → Variables → DATASET_URL
+
+# One-time use
+VITE_DATASET_URL=https://api.example.com/data.json bun run build
+```
+
+## Troubleshooting
+
+```bash
+# Port already in use
+lsof -ti:5173 | xargs kill -9
+
+# Clear Vite cache
+rm -rf node_modules/.vite
+
+# Reinstall dependencies
+rm -rf node_modules bun.lock
+bun install
+
+# Check what's using port 5173
+lsof -i:5173
+
+# View build output in detail
+bun run build --debug
+
+# Check for TypeScript errors
+bunx tsc --noEmit
+```
+
+## Quick Commands
+
+```bash
+# Start fresh development
+rm -rf node_modules dist bun.lock && bun install && bun run dev
+
+# Full rebuild
+bun run build
+
+# Deploy (if on main branch)
+git push
+
+# Test production build locally
+bun run build && bun run preview
+```