feat: update next backend

.env.example

@@ -1,6 +1,7 @@
 AUTH_MAX_AGE="2592000"
 
 AWS_CLOUDFRONT_DOMAIN=
+
 AWS_S3_ACCESS_KEY=
 AWS_S3_BUCKET="nuxt-template"
 AWS_S3_REGION=
@@ -30,15 +31,16 @@ GOOGLE_CLIENT_SECRET=
 LOGTO_APP_ID=
 LOGTO_APP_SECRET=
 LOGTO_COOKIE_ENCRYPTION_KEY=
-LOGTO_ENDPOINT=""
+LOGTO_ENDPOINT="https://auth.thecodeorigin.com"
 
 LOGTO_ADMIN_APP_ID=""
 LOGTO_ADMIN_APP_SECRET=""
 
 MONGODB_COLLECTION_NAME="nuxt-template-cache"
-MONGODB_CONNECTION_STRING=
+MONGODB_CONNECTION_STRING="mongodb://root:password@localhost:27017/nuxt-template?authSource=admin"
 MONGODB_DATABASE_NAME="nuxt-template"
 
+NUXT_APP_CDN_URL=""
 NUXT_PUBLIC_API_BASE_URL="http://localhost:3000"
 NUXT_PUBLIC_APP_BASE_URL="http://localhost:3000"
 NUXT_PUBLIC_APP_NAME="nuxt-template"
@@ -52,9 +54,9 @@ POSTGRES_PASSWORD="postgres"
 POSTGRES_PORT="54321"
 POSTGRES_USER="postgres"
 
-REDIS_HOST=
-REDIS_PASSWORD=
-REDIS_PORT=
+REDIS_HOST="localhost"
+REDIS_PASSWORD="secret"
+REDIS_PORT="6379"
 REDIS_USER="default"
 
 SMTP_FROM="[email protected]"
@@ -70,14 +72,15 @@ STRIPE_PUBLISHABLE_KEY=
 STRIPE_SECRET_KEY=
 STRIPE_WEBHOOK_SECRET=
 
-VERCEL_ORG_ID=
-VERCEL_PROJECT_ID=
-VERCEL_TOKEN=
-
 VNPAY_DISABLE_TEST_MODE=
 VNPAY_HASHSECRET=
 VNPAY_TMNCODE=
 
 PAYOS_CLIENT_ID=
 PAYOS_API_KEY=
 PAYOS_CHECKSUM_KEY=
+
+SEPAY_WEBHOOK_SIGNING_KEY=
+SEPAY_BANK_NUMBER=
+SEPAY_BANK_NAME=
+SEPAY_TRANSACTION_PREFIX=

.gitignore

@@ -53,12 +53,10 @@ public/mockServiceWorker.js
 # Ignore the build directory
 public/firebase-config.json
 
-docker/postgres
-docker/redis
-
 server/db/schemas/cjs
 server/db/schemas/mjs
 
 server/db/migrations
 
 areas
+docker

.stylelintrc.json

@@ -1,11 +1,7 @@
 {
   "extends": [
     "stylelint-config-standard-scss",
-    "stylelint-config-idiomatic-order",
-    "@stylistic/stylelint-config"
-  ],
-  "plugins": [
-    "@stylistic/stylelint-plugin"
+    "stylelint-config-idiomatic-order"
   ],
   "overrides": [
     {
@@ -22,13 +18,6 @@
     }
   ],
   "rules": {
-    "@stylistic/max-line-length": [
-      220,
-      {
-        "ignore": "comments"
-      }
-    ],
-    "@stylistic/indentation": 2,
     "selector-class-pattern": null,
     "color-function-notation": null,
     "annotation-no-unknown": [

Dockerfile

@@ -1,42 +1,47 @@
-# Step 1: Base image for building
-FROM node:22-bullseye-slim AS build
-# Step 2: Set working directory
+# Dockerfile
+# Production-grade Dockerfile for Nuxt 3 with PNPM and Node 22 Alpine, multi-stage build
+# --- Stage 1: Base Image Setup ---
+FROM node:22-alpine AS base
+
+# Set working directory
 WORKDIR /app
-# Step 3: Install dependencies for pnpm
-RUN npm install -g [email protected]  # Ensure a specific version of pnpm
-# Step 4: Copy application files
+
+# --- Stage 2: Dependencies Installation ---
+FROM base AS builder
+
+# Install pnpm globally
+RUN npm install -g pnpm@latest
+
+COPY scripts/ ./scripts
 COPY .npmrc ./
 COPY .nuxtignore ./
 COPY package*.json ./
 COPY pnpm-*.yaml ./
 COPY *.config.ts ./
 COPY tsconfig.json ./
-COPY package.json package.json
+COPY public/ ./public
 COPY . .
-# Step 5: Clean up old node_modules (if any) and install dependencies
-RUN rm -rf node_modules && pnpm install
-# Step 6: Build the application
-RUN pnpm build
-# Step 7: Use a smaller image for production
-FROM node:22-bullseye-slim AS prod
-# Step 8: Set working directory
-WORKDIR /app
-# Step 9: Install required packages (curl needed for AWS CLI)
-RUN apt-get update && apt-get install -y curl unzip
-# Step 10: Install pnpm (again) to ensure it's available in the production environment
-RUN npm install -g [email protected]  # Ensure the same version of pnpm
-# Step 11: Copy built application from build stage
-COPY --from=build /app /app
-# Step 12: Remove unnecessary dev dependencies
+
+# Install dependencies
 RUN pnpm install
-# Step 13: Install AWS CLI
-RUN curl "https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip" -o "awscliv2.zip" \
-    && unzip awscliv2.zip \
-    && ./aws/install \
-    && rm -rf awscliv2.zip aws
-# Step 14: Expose port 3000
+RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm build
+
+FROM node:22-alpine AS production
+
+# Set working directory
+WORKDIR /app
+
+RUN apk add --no-cache curl
+
+# Copy the .output directory from the builder stage
+COPY --from=builder /app/.output ./.output
+
+COPY --from=builder /app/.env ./.env
+
+ENV NITRO_HOST=0.0.0.0
+ENV NITRO_PORT=3000
+
 EXPOSE 3000
-# Step 15: Push output files to S3 before starting the application
-CMD aws s3 sync /app/.output s3://$AWS_S3_BUCKET
-# Step 16: Start the application
-CMD ["pnpm", "start"]
+
+# Command to run the Nuxt application
+CMD ["node", ".output/server/index.mjs"]

app/@core/scss/base/skins/_bordered.scss

@@ -25,9 +25,7 @@ $header: ".layout-navbar";
     .layout-nav-type-vertical.window-scrolled #{$header} {
       border-block-start: none !important;
     }
-  }
-  // stylelint-disable-next-line @stylistic/indentation
-  @else {
+  } @else {
     @include mixins.bordered-skin(".layout-nav-type-vertical.window-scrolled.layout-navbar-sticky #{$header}", "border-bottom");
   }
 

app/@layouts/components/NavBarNotifications.vue

@@ -1,9 +1,10 @@
 <script lang="ts" setup>
 import { formatDistanceToNow } from '#imports'
+import { useEventBus } from '@vueuse/core'
 
 type Notification = any
 
-const systemNotificationStore = useNotificationStore()
+const notificationApi = useApiNotification()
 const emptyNotification = ref(false)
 const location = ref('bottom end' as const)
 const badgeProps = ref<object>({})
@@ -16,20 +17,24 @@ const notificationQuery = ref({
 })
 const notifications = ref<Notification[]>([])
 const notificationVisible = ref(false)
+const notificationUpdatedBus = useEventBus('notification-updated')
 
-const { data, refresh: fetchNotifications } = await useLazyAsyncData(() => systemNotificationStore.fetchNotifications(notificationQuery.value), {
+const { data, refresh: fetchNotifications } = useLazyAsyncData(() => notificationApi.fetchNotifications(notificationQuery.value), {
   default: () => ([] as Notification[]),
 })
-notifications.value.push(...data.value)
 
-const { data: unreadNotifications, refresh: fetchUnreadNotifications } = await useLazyAsyncData(() => systemNotificationStore.countUnreadNotifications(), {
+if (Array.isArray(data.value)) {
+  notifications.value.push(...data.value)
+}
+
+const { data: unreadNotifications, refresh: fetchUnreadNotifications } = useLazyAsyncData(() => notificationApi.countUnreadNotifications(), {
   default: () => ({ total: 0 }),
 })
-const { refresh: markAllUnread } = await useLazyAsyncData(() => systemNotificationStore.markAllUnread(), {
+const { refresh: markAllUnread } = useLazyAsyncData(() => notificationApi.markAllUnread(), {
   default: () => ({}),
   immediate: false,
 })
-const { refresh: markAllRead } = await useLazyAsyncData(() => systemNotificationStore.markAllRead(), {
+const { refresh: markAllRead } = useLazyAsyncData(() => notificationApi.markAllRead(), {
   default: () => ({}),
   immediate: false,
 })
@@ -47,7 +52,9 @@ async function fetchMoreNotifications({ done }: { done: (type: 'ok' | 'empty' |
     notificationQuery.value.page++
 
     await fetchNotifications()
-    notifications.value.push(...data.value)
+    if (Array.isArray(data.value)) {
+      notifications.value.push(...data.value)
+    }
 
     if (!data || data.value?.length === 0) {
       emptyNotification.value = true
@@ -63,7 +70,7 @@ async function fetchMoreNotifications({ done }: { done: (type: 'ok' | 'empty' |
 
 async function removeNotification(notificationId: string) {
   try {
-    await systemNotificationStore.deleteNotification(notificationId)
+    await notificationApi.deleteNotification(notificationId)
 
     notifications.value.forEach((item, index) => {
       if (notificationId === item.id) {
@@ -79,10 +86,10 @@ async function removeNotification(notificationId: string) {
 async function handleNotificationClick(notification: Notification) {
   try {
     if (!notification.read_at) {
-      await systemNotificationStore.markRead(notification.id)
+      await notificationApi.markRead(notification.id)
     }
     else {
-      await systemNotificationStore.markUnread(notification.id)
+      await notificationApi.markUnread(notification.id)
     }
 
     for (const item of notifications.value) {
@@ -92,6 +99,7 @@ async function handleNotificationClick(notification: Notification) {
       }
     }
     fetchUnreadNotifications()
+    notificationUpdatedBus.emit(notification)
   }
   catch (error) {
     console.error(error)
@@ -103,10 +111,10 @@ const isAllMarkRead = computed(() => unreadNotifications.value.total === 0)
 async function handleMarkAllReadOrUnread() {
   try {
     if (isAllMarkRead.value) {
-      markAllUnread()
+      await markAllUnread()
     }
     else {
-      markAllRead()
+      await markAllRead()
     }
     notifications.value.forEach((item) => {
       item.read_at = !isAllMarkRead.value ? new Date().toDateString() : null

app/@layouts/components/UserProfile.vue

@@ -4,18 +4,16 @@ import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
 
 const { t } = useI18n()
 const authStore = useAuthStore()
-const tokenDeviceStore = useTokenDeviceStore()
-const userEmail = computed(() => authStore.currentUser?.email)
-const userAvatar = computed(() => authStore.currentUser?.picture)
+const userEmail = computed(() => authStore.currentUser?.primary_email)
+const userAvatar = computed(() => authStore.currentUser?.avatar)
 const userFullname = computed(() => authStore.currentUser?.name)
-const userRole = computed(() => authStore.currentUser?.roles?.[0] || authStore.currentUser?.organization_roles?.[0] || t('User'))
 
 async function logout() {
   try {
-    if (authStore.currentUser)
-      await tokenDeviceStore.clearTokenDevice()
+    const referCode = useCookie('referCode')
+    referCode.value = null
 
-    await authStore.signOut()
+    await navigateTo({ path: '/sign-out' }, { external: true })
 
     navigateTo({ name: 'auth-login' })
   }
@@ -51,12 +49,12 @@ const userProfileList = computed<Array<{
     title: t('Pricing'),
     to: { name: 'settings-pricing' },
   },
-  {
-    type: 'navItem',
-    icon: 'ri-question-line',
-    title: 'FAQ',
-    to: { name: 'faq' },
-  },
+  // {
+  //   type: 'navItem',
+  //   icon: 'ri-question-line',
+  //   title: 'FAQ',
+  //   to: { name: 'faq' },
+  // },
 ])
 </script>
 
@@ -114,8 +112,8 @@ const userProfileList = computed<Array<{
                 <div class="text-body-2 font-weight-medium text-high-emphasis">
                   {{ userFullname || userEmail }}
                 </div>
-                <div class="text-capitalize text-caption text-disabled">
-                  {{ userRole }}
+                <div class="text-caption text-disabled">
+                  {{ userEmail }}
                 </div>
               </div>
             </div>

app/@layouts/components/layout/DefaultLayoutWithHorizontalNav.vue

@@ -30,8 +30,7 @@ const config = useRuntimeConfig()
       <NavBarI18n />
 
       <NavbarThemeSwitcher />
-      <NavbarShortcuts />
-      <NavBarNotifications class="me-2" />
+      <!-- <NavBarNotifications class="me-2" /> -->
       <UserProfile />
     </template>