Migrate from webpack to vite

[tlambert03]

another attempt at #125

This pull request migrates the FPbase project from using Webpack to Vite for frontend asset bundling and integration. The migration affects documentation, configuration, templates, and static asset handling, aligning both development and production environments with Vite. The changes also clean up legacy Webpack references and update related instructions and settings.

Frontend build system migration:

• Replaced all references to Webpack with Vite in documentation files (.github/copilot-instructions.md, .claude/CLAUDE.md), including instructions, architecture descriptions, and test patterns. [1] [2] [3] [4]
• Updated backend/config/settings/base.py to remove Webpack configuration and add Vite integration via the django_vite app and its settings.
• Updated backend/config/settings/local.py and backend/config/settings/test.py to enable Vite dev mode for local development and ensure manifest-based asset resolution in tests. [1] [2]

Template and static asset changes:

• Refactored Django templates (base.html, 500.html, compare.html, test_autocomplete.html) to use Vite template tags ({% vite_asset %} and {% vite_hmr_client %}) instead of Webpack tags, and removed legacy Webpack loader usages. [1] [2] [3] [4] [5] [6] [7]
• Updated static asset documentation to reference Vite instead of Webpack for legacy JavaScript handling.

Production and development configuration updates:

• Added a custom WHITENOISE_IMMUTABLE_FILE_TEST function in production.py to support Vite's hashed asset filenames for static file serving.
• Cleaned up and simplified logging configuration in local.py, removing unnecessary loggers and desktop logging options.

General cleanup:

• Removed obsolete code and references related to Webpack, including test settings and factory files. [1] [2]
• Updated year reference for web searches in documentation to 2025.

[Copilot]

Pull Request Overview

This PR migrates FPbase's frontend build system from Webpack 5 to Vite 7, modernizing the development workflow while maintaining the existing multi-entry-point architecture and ensuring backward compatibility with legacy features.

Key changes:

• Replaced Webpack with Vite 7 for frontend bundling, including updated config and build tooling
• Migrated django-webpack-loader to django-vite for Django integration
• Externalized jQuery and other libraries to CDN to support legacy inline scripts and maintain compatibility with D3 v3/v7 isolation requirements

Reviewed Changes

Copilot reviewed 48 out of 50 changed files in this pull request and generated 10 comments.

Show a summary per file

File	Description
uv.lock, pyproject.toml	Added django-vite>=3.1.0 dependency for Vite integration with Django
frontend/vite.config.js	New Vite configuration replacing webpack.config.js with 8 entry points, manual chunking, and jQuery externalization
frontend/webpack.config.js	Removed Webpack configuration (240 lines deleted)
frontend/package.json	Updated build tooling from Webpack/Babel to Vite with @vitejs/plugin-react and vite-plugin-static-copy
packages/*/package.json	Updated Vite and plugin versions from v4 to v5/v7, added "type": "module"
packages/blast/src/*.jsx	Changed jQuery import to use window.jQuery from CDN with import map workaround
frontend/src/*.js	Added Vite modulepreload polyfill, changed jQuery imports to window.jQuery, updated search logic exports
frontend/src/js/*.js	Converted jQuery imports to use window.jQuery from CDN across all JS modules
backend/fpbase/templates/*.html	Migrated from webpack_loader tags to django_vite tags, added import map for jQuery, loaded CDN scripts
backend/proteins/templates/*.html	Replaced render_bundle tags with vite_asset tags across all protein-related templates
backend/config/settings/*.py	Replaced WEBPACK_LOADER config with DJANGO_VITE config in base.py, test.py, and local.py
backend/tests_e2e/*.py	Updated E2E tests to use manifest.json instead of webpack-stats.json, added data-ready attributes for form initialization
justfile	Added prod-local recipe for testing production builds locally
package.json	Updated dev/start scripts to use Vite instead of Webpack
VITE_MIGRATION_PLAN.md	Comprehensive 1520-line migration plan documentation

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 60.83%. Comparing base (77837b9) to head (8529ae3).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #323      +/-   ##
==========================================
- Coverage   60.88%   60.83%   -0.06%     
==========================================
  Files         104      104              
  Lines        8555     8559       +4     
==========================================
- Hits         5209     5207       -2     
- Misses       3346     3352       +6     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Copilot]

Pull Request Overview

Copilot reviewed 68 out of 73 changed files in this pull request and generated 7 comments.