feat: add api folder

Author: imrim12

app/api/auth.ts

@@ -0,0 +1,20 @@
+export function useApiAuth() {
+  function updateProfile(payload: Partial<{ username: string, name: string, avatar: string }>) {
+    return $api('/api/auth/me', {
+      method: 'PATCH',
+      body: payload,
+    })
+  }
+
+  function updatePassword(payload: Partial<{ password: string }>) {
+    return $api('/api/auth/password', {
+      method: 'POST',
+      body: payload,
+    })
+  }
+
+  return {
+    updateProfile,
+    updatePassword,
+  }
+}

app/api/casl.ts

@@ -0,0 +1,9 @@
+export function useApiCasl() {
+  function fetchScopes() {
+    return $api('/api/scopes')
+  }
+
+  return {
+    fetchScopes,
+  }
+}

app/api/credit.ts

@@ -0,0 +1,12 @@
+import type { User } from '@base/server/types/models'
+
+export function useApiCredit() {
+  function fetchCredit() {
+    // Get user credit from our database instead of depending on Logto data
+    return $api<{ data: User }>('/api/auth/me')
+  }
+
+  return {
+    fetchCredit,
+  }
+}

app/api/health.ts

@@ -0,0 +1,9 @@
+export function useApiHealth() {
+  function fetchHealthCheck() {
+    return $api<{ success: true }>('/api/health')
+  }
+
+  return {
+    fetchHealthCheck,
+  }
+}

app/api/notification.ts

@@ -0,0 +1,89 @@
+import type { ParsedFilterQuery } from '@base/server/utils/filter'
+
+export function useApiNotification() {
+  function fetchNotifications(query?: Partial<ParsedFilterQuery>) {
+    return $api(`/api/notifications`, {
+      query,
+    })
+  }
+
+  function markRead(id: string) {
+    return $api(`/api/notifications/${id}`, {
+      method: 'PATCH',
+      body: {
+        read_at: new Date(),
+      },
+    })
+  }
+
+  function markUnread(id: string) {
+    return $api(`/api/notifications/${id}`, {
+      method: 'PATCH',
+      body: {
+        read_at: null,
+      },
+    })
+  }
+
+  function markAllRead() {
+    return $api(`/api/notifications/read`, {
+      method: 'PATCH',
+    })
+  }
+
+  function markAllUnread() {
+    return $api(`/api/notifications/unread`, {
+      method: 'PATCH',
+    })
+  }
+
+  function deleteNotification(id: string) {
+    return $api(`/api/notifications/${id}`, {
+      method: 'DELETE',
+    })
+  }
+
+  function countUnreadNotifications() {
+    return $api(`/api/notifications/unread`)
+  }
+
+  function createTokenDevice(token: string) {
+    return $api(`/api/devices`, {
+      method: 'POST',
+      body: { token },
+    })
+  }
+
+  function deleteTokenDevice(token: string) {
+    return $api(`/api/devices`, {
+      method: 'DELETE',
+      body: { token },
+    })
+  }
+
+  function updateSettings(payload: Partial<{
+    email: boolean | null
+    desktop: boolean | null
+    product_updates: boolean | null
+    weekly_digest: boolean | null
+    important_updates: boolean | null
+  }>) {
+    return $api('/api/auth/notification', {
+      method: 'PATCH',
+      body: payload,
+    })
+  }
+
+  return {
+    fetchNotifications,
+    markRead,
+    markUnread,
+    markAllRead,
+    markAllUnread,
+    deleteNotification,
+    countUnreadNotifications,
+    createTokenDevice,
+    deleteTokenDevice,
+    updateSettings,
+  }
+}

app/api/payment.ts

@@ -0,0 +1,37 @@
+import type { PaymentStatus } from '@base/server/db/schemas'
+
+export function useApiPayment() {
+  function checkout(type: 'payos' | 'vnpay' | 'sepay', productIdentifier: string) {
+    if (type !== 'payos' && type !== 'vnpay' && type !== 'sepay')
+      throw new Error('Invalid payment provider')
+
+    return $api<{
+      data: {
+        message: string
+        paymentUrl: string
+      }
+    }>(`api/payments/${type}/checkout`, {
+      method: 'POST',
+      body: {
+        productIdentifier,
+      },
+    })
+  }
+
+  function checkStatus(type: 'payos' | 'vnpay' | 'sepay', description: string) {
+    return $api<{
+      data: {
+        status: PaymentStatus
+      }
+    }>(`api/payments/${type}/status`, {
+      params: {
+        description,
+      },
+    })
+  }
+
+  return {
+    checkout,
+    checkStatus,
+  }
+}

app/api/product.ts

@@ -0,0 +1,19 @@
+import type { productTable } from '@base/server/db/schemas'
+import type { InferSelectModel } from 'drizzle-orm'
+
+export type Product = InferSelectModel<typeof productTable>
+
+export function useApiProduct() {
+  function fetchProducts() {
+    return $api<{ data: Product[] }>('/api/products')
+  }
+
+  function fetchCreditPackages() {
+    return $api<{ data: Product[] }>('/api/products/credit-packages')
+  }
+
+  return {
+    fetchProducts,
+    fetchCreditPackages,
+  }
+}

app/api/s3.ts

@@ -0,0 +1,12 @@
+export function useApiS3() {
+  function getSignedUrl(filename: string) {
+    return $api<{ uploadUrl: string, assetUrl: string }>('/api/s3', {
+      method: 'PUT',
+      body: { filename },
+    })
+  }
+
+  return {
+    getSignedUrl,
+  }
+}

app/api/stripe.ts

@@ -0,0 +1,30 @@
+export function useApiStripe() {
+  function fetchStripeProducts() {
+    return $api('/api/payments/stripe/products')
+  }
+
+  function fetchStripePrices(productId: string) {
+    return $api(`/api/payments/stripe/products/${productId}/prices`)
+  }
+
+  function fetchStripeSubscription() {
+    return $api('/api/payments/stripe/me')
+  }
+
+  async function createSubscriptionCheckoutUrl(customerId: string, priceId: string) {
+    return $api<{ url: string }>(`/api/payments/stripe/customers/${customerId}/checkout`, {
+      method: 'POST',
+      body: {
+        priceId,
+        redirectPath: '/settings/billing-plans',
+      },
+    })
+  }
+
+  return {
+    fetchStripeProducts,
+    fetchStripePrices,
+    fetchStripeSubscription,
+    createSubscriptionCheckoutUrl,
+  }
+}

nuxt.config.ts

@@ -150,6 +150,7 @@ export default defineNuxtConfig({
     dirs: [
       fileURLToPath(new URL('./app/@core/utils', import.meta.url)),
       fileURLToPath(new URL('./app/@core/composable', import.meta.url)),
+      fileURLToPath(new URL('./app/api', import.meta.url)),
     ],
   },