Migrate WeddIn client to Quasar Vite and restore authenticated app initialization #7

Merged

jonathan merged 51 commits from chore/quasar-webpack-v4-migration into master 2026-08-27 14:50:57 +02:00

Conversation 1 Commits 51 Files changed 29 +4289 -19818

jonathan commented 2026-08-27 14:43:43 +02:00

Owner

Copy link

Summary

This PR migrates the WeddIn client build toolchain from the legacy Quasar/Webpack setup to Quasar CLI with Vite.

It also restores the application initialization, Vuex integration, authentication flow, and authenticated data loading so that the client works consistently after login and after a browser reload.

Changes

Build and tooling

• Replace the legacy Quasar Webpack app package with @quasar/app-vite
• Add and align the active Vite-compatible Quasar configuration
• Add the Vite HTML entry point
• Update Quasar, Vue, Vue Router, Vuex, Axios, ESLint, PostCSS, Sass, and related dependencies
• Migrate ESLint to flat config
• Update and regenerate the npm lockfile
• Remove obsolete tooling and stale lockfiles
• Update the Docker build image to Node 22
• Keep the static production build served through nginx
• Improve branch-specific container image tagging in CI

Application migration

• Migrate Axios, i18n, Lodash, color, router, and Vuex boot integration to Quasar Vite
• Restore Vite-compatible path aliases and extension resolution for legacy imports
• Replace browser-incompatible CommonJS require() usage in Vuex modules with ES module imports
• Replace browser-side process.env usage with Vite-compatible runtime/build configuration access
• Resolve Quasar language packs with import.meta.glob

Authentication and initialization

• Explicitly install and expose the Vuex store for the Vite application
• Restore router access to the store singleton
• Restore authenticated API requests by applying the JWT as an Axios authorization header
• Keep the JWT available after browser reloads
• Load authenticated content after an existing session is restored
• Remove redundant initialization code that prevented authenticated post-login data from loading after reload

Google Maps

• Modernize Google Maps script loading with asynchronous loading
• Migrate away from deprecated classic map markers
• Add safer handling for missing location data or API keys
• Use custom marker content for location pins
• Update marker interaction handling for AdvancedMarkerElement

Validation

Manually verified in the test environment:

• Client production container builds and starts successfully
• Application initializes successfully
• Login with an invitation code works
• JWT-authenticated API requests succeed
• Authenticated content remains available after a browser reload
• Guest, header, footer, sections, and preference data load again after session restoration
• Google Maps renders with the migrated marker implementation

Notes

• The Google Maps Map ID must have its visual style configured in Google Cloud Console; local styles cannot be combined with a mapId.
• Runtime client configuration remains injected by nginx through config.js, allowing environment-specific API and media endpoints without rebuilding the image.

## Summary This PR migrates the WeddIn client build toolchain from the legacy Quasar/Webpack setup to Quasar CLI with Vite. It also restores the application initialization, Vuex integration, authentication flow, and authenticated data loading so that the client works consistently after login and after a browser reload. ## Changes ### Build and tooling - Replace the legacy Quasar Webpack app package with `@quasar/app-vite` - Add and align the active Vite-compatible Quasar configuration - Add the Vite HTML entry point - Update Quasar, Vue, Vue Router, Vuex, Axios, ESLint, PostCSS, Sass, and related dependencies - Migrate ESLint to flat config - Update and regenerate the npm lockfile - Remove obsolete tooling and stale lockfiles - Update the Docker build image to Node 22 - Keep the static production build served through nginx - Improve branch-specific container image tagging in CI ### Application migration - Migrate Axios, i18n, Lodash, color, router, and Vuex boot integration to Quasar Vite - Restore Vite-compatible path aliases and extension resolution for legacy imports - Replace browser-incompatible CommonJS `require()` usage in Vuex modules with ES module imports - Replace browser-side `process.env` usage with Vite-compatible runtime/build configuration access - Resolve Quasar language packs with `import.meta.glob` ### Authentication and initialization - Explicitly install and expose the Vuex store for the Vite application - Restore router access to the store singleton - Restore authenticated API requests by applying the JWT as an Axios authorization header - Keep the JWT available after browser reloads - Load authenticated content after an existing session is restored - Remove redundant initialization code that prevented authenticated post-login data from loading after reload ### Google Maps - Modernize Google Maps script loading with asynchronous loading - Migrate away from deprecated classic map markers - Add safer handling for missing location data or API keys - Use custom marker content for location pins - Update marker interaction handling for `AdvancedMarkerElement` ## Validation Manually verified in the test environment: - Client production container builds and starts successfully - Application initializes successfully - Login with an invitation code works - JWT-authenticated API requests succeed - Authenticated content remains available after a browser reload - Guest, header, footer, sections, and preference data load again after session restoration - Google Maps renders with the migrated marker implementation ## Notes - The Google Maps Map ID must have its visual style configured in Google Cloud Console; local `styles` cannot be combined with a `mapId`. - Runtime client configuration remains injected by nginx through `config.js`, allowing environment-specific API and media endpoints without rebuilding the image.

jonathan self-assigned this 2026-08-27 14:43:43 +02:00

jonathan added 51 commits 2026-08-27 14:43:43 +02:00

chore: migrate Quasar tooling to Vite 401f756d2c

chore: add Vite-compatible Quasar config 43849b4f93

chore: migrate router wrapper to Quasar Vite d039447454

chore: migrate Vuex wrapper to Quasar Vite 5cefa46b48

chore: migrate Axios boot wrapper to Quasar Vite d941620818

chore: migrate i18n boot file to Quasar Vite 8d6ef4dc8a

chore: migrate Lodash boot wrapper to Quasar Vite f46d4cdf7f

chore: migrate color boot wrapper to Quasar Vite a346000ab2

chore: migrate ESLint to flat config e37fdb31f5

fix: align Vue Router with Quasar Vite 0310c317e3

fix: use published ESLint JavaScript config version 862f82c2d0

chore: remove Icon Genie from project dependencies efce337a21

fix: add recognized Quasar Vite config 2ef6dbe47a

fix: add Vite HTML entry point 47a1e33517

fix: use Quasar Vite HTML entry point d1953c4a28

fix: use App Vite v3 Axios boot import 7a12b9ff16

fix: use App Vite v3 i18n boot import 8df2948f0b

fix: use App Vite v3 Lodash boot import 3e94ec7205

fix: use App Vite v3 color boot import 00c1d2fe02

fix: use App Vite v3 router import 26add8ad1b

fix: use App Vite v3 store import 766abc3408

fix: add PostCSS autoprefixer for Vite build 69db7c3144

fix: use supported Font Awesome extras set 84e13993ae

fix: align active Quasar Vite configuration 3266c5a10a

fix: use correct Quasar config helper import f977461ceb

fix: restore src import alias for Vite 11b9b1efae

fix: resolve src alias from project root 3a6f85ecfd

fix: resolve extensionless Vue component imports e92da76d21

fix: restore legacy webpack folder aliases for Vite 78141ee305

ci: build and tag container images per branch 6d033ede80

chore: update lockfile 3dfbcd39e6

chore: remove obsolete yarn.lock da053da67c

chore: ignore quasar temp files 14040865fb

fix: bump build image to Node 22 for @quasar/app-vite 0767adae5c

fix: allow non-root nginx user to write cache and html dirs de027ede52

fix: export Vuex store singleton (no longer auto-injected by app-vite) 550ee2b207

fix: import store singleton directly in i18n boot 4520712823

fix: import store singleton directly in router 9974848457

fix: resolve Quasar lang packs via import.meta.glob 502afe2a03

debug: add trace logging to initApp 14837100ec

debug: add trace logging to init.vue created hook 8d941cee92

fix: update configuration retrieval to use build environment variables 57aaee3753

chore: migrate to Quasar Webpack v4 and update store integration ... 2bac16246c

- Add Vuex store integration in the application.
- Update boot configuration to include Vuex.
- Modify router history management for improved routing.
- Refactor state management in various store modules.
- Enhance initialization logic for the application.
- Update .gitignore to include public configuration files.

fix: enhance request interceptor to include authorization token and logging 8b5b09e11b

fix: enhance login action with additional logging and consistent URL formatting 68a72db55e

fix: enhance login action to include token handling and authorization header 78491a9f9a

fix: update authorization handling for token management 8e2a815a01

fix: enhance Google Maps integration with improved error handling and custom marker support ... acc4264818

- Add checks for locations and API key availability to prevent runtime errors.
- Implement custom marker content for better visual representation.
- Update Google Maps script loading to include async loading for improved performance.

fix: update initApp action to improve authentication state handling 14a07411d5

refactor: remove redundant code from initApp action d4c3281e68

fix: google maps warnings feef9b18b7

jonathan reviewed 2026-08-27 14:46:44 +02:00

jonathan left a comment

Copy link

Passt

Passt

jonathan merged commit 497ff54679 into master 2026-08-27 14:50:57 +02:00

jonathan deleted branch chore/quasar-webpack-v4-migration 2026-08-27 14:50:57 +02:00

jonathan referenced this pull request from a commit 2026-08-27 14:50:59 +02:00

Migrate WeddIn client to Quasar Vite and restore authenticated app initialization (#7)

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Assignees

Clear assignees

No assignees

jonathan

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

jonathan/weddin-client!7

No description provided.