feat: deploy to s3

.github/workflows/aws-static.yml

@@ -0,0 +1,69 @@
+name: Deploy Next.js to AWS S3
+
+on:
+  pull_request:
+    branches: [ "main" ]
+    paths:
+      - .github/workflows/aws-static.yml
+      - client/**
+      - assistant/**
+
+env:
+  AWS_REGION: ${{ vars.AWS_REGION }}
+  NEXT_PUBLIC_API_DOMAIN: ${{ vars.NEXT_PUBLIC_API_DOMAIN }}
+  AMPLIFY_APP_ID: ${{ vars.AMPLIFY_APP_ID }}
+  S3_BUCKET: ${{ vars.S3_BUCKET }}
+  NEXT_STANDALONE: "true"
+
+permissions:
+  id-token: write
+  contents: read
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Cache node modules
+        uses: actions/cache@v2
+        with:
+          path: client/node_modules
+          key: ${{ runner.os }}-node-${{ hashFiles('client/**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Node ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v4
+        with:
+          role-to-assume: arn:aws:iam::654654285942:role/Github-OIDC
+          audience: sts.amazonaws.com
+          aws-region: ${{ env.AWS_REGION }}
+
+      - name: Install Dependencies
+        run: npm install
+        working-directory: ./client
+
+      - name: Build Amplify App
+        run: npm run build
+        working-directory: ./client
+
+      - name: Upload Build to S3
+        working-directory: ./client
+        run: |
+          find out -type f -name '*.html' | while read file; do
+            cp "$file" "${file%.html}"
+          done
+          aws s3 sync ./out s3://${{ env.S3_BUCKET }} --content-type 'text/html'
+
+

client/app/factory/edit/page.tsx

@@ -53,11 +53,11 @@ export default function Edit() {
   const [gitUrl, setGitUrl] = React.useState<string>('');
   const apiDomain = process.env.NEXT_PUBLIC_API_DOMAIN;
 
-  useEffect(() => {
-    if (!user || status !== 'success' || user.id.startsWith('client|')) {
-      router.push(`${apiDomain}/api/auth/login`);
-    }
-  }, [user, status]);
+  // useEffect(() => {
+  //   if (!user || status !== 'success' || user.id.startsWith('client|')) {
+  //     router.push(`${apiDomain}/api/auth/login`);
+  //   }
+  // }, [user, status]);
 
   const {
     updateBot: onUpdateBot,

client/app/factory/list/components/BotCard.tsx

@@ -113,7 +113,7 @@ const BotCard = (props: { bot: Bot }) => {
                 }}
               >
                 <Image
-                  src="../images/debug.svg"
+                  src="/images/debug.svg"
                   alt={I18N.components.BotCard.tiaoShi}
                   onClick={() => router.push(`/factory/edit?id=${bot.id}`)}
                   className="z-10 cursor-pointer"
@@ -135,7 +135,7 @@ const BotCard = (props: { bot: Bot }) => {
                 }}
               >
                 <Image
-                  src="../images/refresh.svg"
+                  src="/images/refresh.svg"
                   alt={I18N.components.BotCard.gengXinZhiShi}
                   className="z-10 cursor-pointer"
                 />

client/components/BotCard.tsx

@@ -41,7 +41,7 @@ const BotCard = (props: {
           </div>
         </div>
         <div className="z-10 opacity-0 rounded-[8px] hover:opacity-100 w-full h-full backdrop-blur-xl transition-all bg-gradient-to-b from-[rgba(255,255,255,0.65)] to-white absolute flex items-center justify-center">
-          <Image src="./images/chat.svg" />
+          <Image src="/images/chat.svg" />
         </div>
       </CardBody>
       <CardFooter className="text-small justify-between flex-col my-4 p-0 px-3 min-h-[84px]">

client/next.config.js

@@ -6,7 +6,7 @@ const { withSentryConfig } = require("@sentry/nextjs");
 
 
 const nextConfig = {
-  ...process.env.NEXT_STANDALONE ? { output: "standalone" } :{},
+  ...process.env.NEXT_STANDALONE ? { output: "export", ssr: false } :{},
   webpack: (config, { dev}) => {
     config.resolve.fallback = { http: false, https: false, net: false, tls: false };
 
@@ -32,7 +32,7 @@ module.exports = withSentryConfig(nextConfig, {
   silent: false, // Can be used to suppress logs
 
   hideSourceMaps: true,
-  
+
   sourcemaps: {
     disable: true,
   },