修复编译问题 & 将人机验证组件动态化

.npmrc

@@ -1,2 +1 @@
-http-proxy=http://localhost:10808
 registry=https://registry.npmmirror.com

Dockerfile

@@ -1,11 +1,10 @@
-FROM oven/bun:1.2.19-alpine AS base
+FROM oven/bun:1.3.2-alpine AS base
 
 # 依赖缓存阶段
 FROM base AS deps
 WORKDIR /app
 
-COPY package.json bun.lock ./
-RUN bun config set registry https://registry.npmmirror.com
+COPY package.json bun.lock .npmrc ./
 RUN bun install --frozen-lockfile
 
 # 构建阶段

src/app/(api)/proxies/route.ts

@@ -2,9 +2,8 @@ import {NextRequest, NextResponse} from 'next/server'
 import {createChannels} from '@/actions/channel'
 
 export async function GET(req: NextRequest) {
-  try {
   const params = req.nextUrl.searchParams
-
+  try {
     const resource_id = params.get('i')
     if (!resource_id) {
       throw new Error('需要指定资源ID')

src/app/(auth)/login/login-card.tsx

@@ -15,8 +15,7 @@ import {toast} from 'sonner'
 import {useRouter} from 'next/navigation'
 import {login, LoginMode} from '@/actions/auth'
 import {useProfileStore} from '@/components/stores/profile'
-import SendMsg from '@/components/send-msg'
-import '@cap.js/widget'
+import dynamic from 'next/dynamic'
 
 const smsSchema = zod.object({
   username: zod.string().length(11, '请输入正确的手机号码'),
@@ -211,3 +210,5 @@ function SendMsgByUsername() {
   const phone = useWatch({control, name: 'username'})
   return <SendMsg phone={phone}/>
 }
+
+const SendMsg = dynamic(() => import('@/components/send-msg'), {ssr: false})

src/app/admin/(dashboard)/_client/userCenter.tsx

@@ -11,7 +11,7 @@ import actionBill from '../_assets/action-bill.webp'
 import actionBuy from '../_assets/action-buy.webp'
 import actionLogout from '../_assets/action-logout.webp'
 
-async function UserCenter() {
+export default async function UserCenter() {
   const resp = await getProfile()
   if (!resp.success) {
     return (
@@ -90,4 +90,3 @@ async function UserCenter() {
     </Card>
   )
 }
-export default UserCenter

src/app/admin/profile/layout.tsx

@@ -1,4 +1,4 @@
-import {ReactNode} from 'react'
+import {ReactNode, Suspense} from 'react'
 import {Metadata} from 'next'
 
 export async function generateMetadata(): Promise<Metadata> {
@@ -12,5 +12,5 @@ export type ProfileLayoutProps = {
 }
 
 export default async function ProfileLayout(props: ProfileLayoutProps) {
-  return props.children
+  return <Suspense>{props.children}</Suspense>
 }

src/app/callback/sftpay/page.tsx

@@ -1,59 +0,0 @@
-import {ReactNode} from 'react'
-
-export type SftpayPageProps = {
-
-}
-
-export default async function SftpayPage(props: SftpayPageProps) {
-  return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100">
-      <div className="w-full max-w-md p-8 space-y-8 bg-white rounded-lg shadow-lg">
-        <div className="text-center">
-          <div className="flex justify-center">
-            <div className="rounded-full bg-green-100 p-3">
-              <svg className="h-12 w-12 text-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7"/>
-              </svg>
-            </div>
-          </div>
-          <h2 className="mt-6 text-3xl font-extrabold text-gray-900">支付成功</h2>
-          <p className="mt-2 text-sm text-gray-600">
-            您的订单已成功支付，感谢您的使用
-          </p>
-        </div>
-
-        <div className="mt-8 space-y-6">
-          <div className="border-t border-gray-200 pt-4">
-            <dl className="space-y-4">
-              <div className="flex justify-between">
-                <dt className="text-sm font-medium text-gray-500">订单编号</dt>
-                <dd className="text-sm text-gray-900">ORD-12345678</dd>
-              </div>
-              <div className="flex justify-between">
-                <dt className="text-sm font-medium text-gray-500">支付金额</dt>
-                <dd className="text-sm font-bold text-gray-900">¥ 299.00</dd>
-              </div>
-              <div className="flex justify-between">
-                <dt className="text-sm font-medium text-gray-500">支付时间</dt>
-                <dd className="text-sm text-gray-900">{new Date().toLocaleString('zh-CN')}</dd>
-              </div>
-              <div className="flex justify-between">
-                <dt className="text-sm font-medium text-gray-500">支付方式</dt>
-                <dd className="text-sm text-gray-900">SFT支付</dd>
-              </div>
-            </dl>
-          </div>
-
-          <div className="flex items-center justify-center">
-            <button
-              type="button"
-              className="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-            >
-              返回首页
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}

src/components/composites/dialogs/change-password-dialog.tsx

@@ -10,7 +10,7 @@ import * as z from 'zod'
 import {toast} from 'sonner'
 import {useRouter} from 'next/navigation'
 import {updatePassword} from '@/actions/user'
-import SendMsg from '@/components/send-msg'
+import dynamic from 'next/dynamic'
 
 // 表单验证规则
 const schema = z.object({
@@ -158,3 +158,5 @@ function SendMsgByPhone() {
   const phone = useWatch({control, name: 'phone'})
   return <SendMsg phone={phone}/>
 }
+
+const SendMsg = dynamic(() => import('@/components/send-msg'), {ssr: false})