[feat] Cloud onboarding flow implementation (#5494)

* feature: cloud onboarding scaffolding

* fix: redirect unknown routes

* feature: cloud onboarding flow

* chore: code review

* test: api mock for test failing

* refactor: Centralize onboarding routing with dedicated check views

- Add UserCheckView to handle all user status routing decisions
- Add InviteCheckView to manage invite code validation flow
- Simplify auth.ts by removing async operations and extra complexity
- Update login/signup to always redirect through UserCheckView
- Remove distributed routing logic from all onboarding components
- Simplify router guards to delegate to check views
- Fix infinite redirect loops for non-whitelisted users
- Use window.location.href for final navigation to bypass router conflicts

Breaking changes:
- Removed claimInvite from auth.ts (moved to CloudClaimInviteView)
- Changed route names to use cloud- prefix consistently
- Simplified getMe() to synchronous function

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

* fix: delete unused file

* Revert "test: api mock for test failing"

This reverts commit 06ca56c05e.

* feature: API applied

* feature: survey view

* feature: signup / login view completed

* style: min-h-screen deleted

* feature: completed login flow

* feature: router view added

---------

Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Jin Yi
2025-09-15 08:36:57 +09:00
committed by GitHub
parent f1fbab6e1f
commit 59a1380f39
26 changed files with 1678 additions and 27 deletions

View File

@@ -0,0 +1,33 @@
<template>
<div />
</template>
<script setup lang="ts">
import { nextTick, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { getInviteCodeStatus } from '@/api/auth'
const router = useRouter()
const route = useRoute()
onMounted(async () => {
await nextTick()
const inviteCode = route.query.inviteCode as string
const inviteCodeStatus = await getInviteCodeStatus(inviteCode)
// TODO: should be deleted when api is ready
// if (!status.emailVerified) {
// await router.push({ name: 'cloud-verify-email' })
// return
// }
if (inviteCodeStatus.expired) {
await router.push({ name: 'cloud-sorry-contact-support' })
return
}
await router.push({ name: 'cloud-claim-invite' })
})
</script>