Implement compression quota refunds and admin manual subscription

2025-12-19 23:28:32 +08:00
commit 11f48fd3dd
106 changed files with 27848 additions and 0 deletions
--- a/frontend/src/app/router.ts
+++ b/frontend/src/app/router.ts
@@ -0,0 +1,93 @@
+import type { Pinia } from 'pinia'
+import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
+
+import { useAuthStore } from '@/stores/auth'
+
+export function createAppRouter(pinia: Pinia) {
+  const routes: RouteRecordRaw[] = [
+    {
+      path: '/',
+      component: () => import('@/app/layouts/PublicLayout.vue'),
+      children: [
+        { path: '', name: 'home', component: () => import('@/pages/HomePage.vue') },
+        { path: 'pricing', name: 'pricing', component: () => import('@/pages/PricingPage.vue') },
+        { path: 'docs', name: 'docs', component: () => import('@/pages/DocsPage.vue') },
+        { path: 'login', name: 'login', component: () => import('@/pages/LoginPage.vue') },
+        { path: 'register', name: 'register', component: () => import('@/pages/RegisterPage.vue') },
+        { path: 'verify-email', name: 'verify-email', component: () => import('@/pages/VerifyEmailPage.vue') },
+        { path: 'forgot-password', name: 'forgot-password', component: () => import('@/pages/ForgotPasswordPage.vue') },
+        { path: 'reset-password', name: 'reset-password', component: () => import('@/pages/ResetPasswordPage.vue') },
+        { path: 'terms', name: 'terms', component: () => import('@/pages/TermsPage.vue') },
+        { path: 'privacy', name: 'privacy', component: () => import('@/pages/PrivacyPage.vue') },
+      ],
+    },
+    {
+      path: '/dashboard',
+      component: () => import('@/app/layouts/DashboardLayout.vue'),
+      meta: { requiresAuth: true },
+      children: [
+        { path: '', name: 'dashboard', component: () => import('@/pages/dashboard/DashboardHomePage.vue') },
+        {
+          path: 'history',
+          name: 'dashboard-history',
+          component: () => import('@/pages/dashboard/DashboardHistoryPage.vue'),
+        },
+        {
+          path: 'api-keys',
+          name: 'dashboard-api-keys',
+          component: () => import('@/pages/dashboard/DashboardApiKeysPage.vue'),
+        },
+        {
+          path: 'billing',
+          name: 'dashboard-billing',
+          component: () => import('@/pages/dashboard/DashboardBillingPage.vue'),
+        },
+        {
+          path: 'settings',
+          name: 'dashboard-settings',
+          component: () => import('@/pages/dashboard/DashboardSettingsPage.vue'),
+        },
+      ],
+    },
+    {
+      path: '/admin',
+      component: () => import('@/app/layouts/AdminLayout.vue'),
+      meta: { requiresAuth: true, requiresAdmin: true },
+      children: [
+        { path: '', name: 'admin', component: () => import('@/pages/admin/AdminHomePage.vue') },
+        { path: 'users', name: 'admin-users', component: () => import('@/pages/admin/AdminUsersPage.vue') },
+        { path: 'tasks', name: 'admin-tasks', component: () => import('@/pages/admin/AdminTasksPage.vue') },
+        { path: 'billing', name: 'admin-billing', component: () => import('@/pages/admin/AdminBillingPage.vue') },
+        { path: 'integrations', name: 'admin-integrations', component: () => import('@/pages/admin/AdminIntegrationsPage.vue') },
+        { path: 'config', name: 'admin-config', component: () => import('@/pages/admin/AdminConfigPage.vue') },
+      ],
+    },
+    { path: '/:pathMatch(.*)*', name: 'not-found', component: () => import('@/pages/NotFoundPage.vue') },
+  ]
+
+  const router = createRouter({
+    history: createWebHistory(),
+    routes,
+    scrollBehavior: () => ({ left: 0, top: 0 }),
+  })
+
+  router.beforeEach((to) => {
+    const auth = useAuthStore(pinia)
+
+    if (to.meta?.requiresAuth && !auth.isLoggedIn) {
+      return { name: 'login', query: { redirect: to.fullPath } }
+    }
+
+    if ((to.name === 'login' || to.name === 'register') && auth.isLoggedIn) {
+      return { name: 'dashboard' }
+    }
+
+    if (to.meta?.requiresAdmin && auth.user?.role !== 'admin') {
+      return { name: 'dashboard' }
+    }
+
+    return true
+  })
+
+  return router
+}