yasithdev opened a new pull request, #228: URL: https://github.com/apache/airavata-portals/pull/228
## Summary Modernizes the entire `airavata-django-portal` frontend in one coherent effort: 1. **Vue 2 → Vue 3.5** across all 8 packages (api, common, auth, dataparsers, groups, admin, workspace-plugin-api, workspace): Pinia (replacing Vuex), vue-router 4, the `createApp` entry contract, and Vue 3 template/lifecycle/slot updates. 2. **Tooling to latest**: Vite 8, ESLint 10 (flat config), Prettier 3, Vitest 4, sass dropped where unused; dropped the legacy `@vue/cli` babel preset. 3. **Dropped Bootstrap entirely → shadcn-vue + Tailwind v4**: Bootstrap 5, bootstrap-vue-next, `@popperjs/core`, jQuery and FontAwesome are gone. The UI is now built on the shadcn-vue component library (Reka UI primitives) + Tailwind v4 design tokens + `@lucide/vue` icons. 4. **New app shell**: a modern grouped-by-app left sidebar (Workspace / Groups / Data Parsers / Settings, each with all its nav items), "Airavata" brand, shadcn dropdowns for the user menu and notifications. 5. **One design system**: every page has a consistent title/subtitle header and gutter (no edge-to-edge content); buttons, inputs, and selects share consistent sizing/variants — no outliers. ## Notable fixes found along the way - Pinned `vue-router` to the stable **4.x** (npm's `latest` tag points at a macro-transform `vue-router@5` that requires Node 22+). - Fixed Tailwind CSS not loading on chrome-only (anonymous) pages (a CSS-only Vite entry wasn't linked in the django-webpack-loader stats). - `@lucide/vue` (the current package) instead of the deprecated `lucide-vue-next`. ## Test plan - `build_js.sh` builds all 8 packages green; `yarn run lint` green per package; admin unit tests pass. - Verified rendering in the browser with no console errors: home (anonymous), dashboard, experiment list, create-experiment, experiment view. 🤖 Generated with [Claude Code](https://claude.com/claude-code) -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
