Use AWS Amplify to deploy PRs

.github/workflows/storybook.yml

@@ -15,6 +15,11 @@ on:
   workflow_dispatch:
 
 env:
+  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+  AWS_AMPLIFY_APP_ID: ${{ secrets.AWS_AMPLIFY_APP_ID }}
+  AWS_REGION: ${{ secrets.AWS_REGION }}
+  AWS_ROLE_ARN: ${{ secrets.AWS_ROLE_ARN }}
+  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
   CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
   FONT_AWESOME_AUTH_TOKEN: ${{ secrets.FONT_AWESOME_AUTH_TOKEN }}
   FIGMA_TOKEN: ${{ secrets.FIGMA_AUTH_TOKEN }}
@@ -45,15 +50,64 @@ jobs:
 
       - run: yarn storybook
 
-      - uses: azure/static-web-apps-deploy@v1
-        id: deploy
+      - uses: aws-actions/configure-aws-credentials@v6
         with:
-          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
-          action: upload
-          app_location: dist
-          production_branch: main
-          skip_api_build: true
-          skip_app_build: true
+          aws-access-key-id: ${{ env.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ env.AWS_SECRET_ACCESS_KEY }}
+          aws-region: ${{ env.AWS_REGION }}
+
+      - name: Set branch name
+        id: branch
+        run: |
+          if [ "${{ github.event_name }}" == "pull_request" ]; then
+            echo "name=pr-${{ github.event.pull_request.number }}" >> "$GITHUB_OUTPUT"
+          else
+            echo "name=main" >> "$GITHUB_OUTPUT"
+          fi
+
+      - name: Debug amplify
+        run: aws amplify list-apps
+
+      - name: Debug amplify branches
+        run: aws amplify list-branches --app-id "${{ env.AWS_AMPLIFY_APP_ID }}"
+
+      - name: Ensure Amplify branch exists
+        if: github.event_name == 'pull_request'
+        run: |
+          if aws amplify get-branch \
+            --app-id "${{ env.AWS_AMPLIFY_APP_ID }}" \
+            --branch-name "${{ steps.branch.outputs.name }}" >/dev/null 2>&1; then
+            echo "Amplify branch '${{ steps.branch.outputs.name }}' already exists."
+          else
+            aws amplify create-branch \
+              --app-id "${{ env.AWS_AMPLIFY_APP_ID }}" \
+              --branch-name "${{ steps.branch.outputs.name }}"
+          fi
+
+      - name: Deploy to AWS Amplify
+        id: deploy
+        run: |
+          DEPLOYMENT=$(aws amplify create-deployment \
+            --app-id "${{ env.AWS_AMPLIFY_APP_ID }}" \
+            --branch-name "${{ steps.branch.outputs.name }}" \
+            --output json)
+
+          JOB_ID=$(echo "$DEPLOYMENT" | jq -r '.jobId')
+          ZIP_URL=$(echo "$DEPLOYMENT" | jq -r '.zipUploadUrl')
+
+          cd dist && zip -qr ../deployment.zip . && cd ..
+          curl -sSf -T deployment.zip "$ZIP_URL"
+
+          aws amplify start-deployment \
+            --app-id "${{ env.AWS_AMPLIFY_APP_ID }}" \
+            --branch-name "${{ steps.branch.outputs.name }}" \
+            --job-id "$JOB_ID"
+
+          DEFAULT_DOMAIN=$(aws amplify get-app \
+            --app-id "${{ env.AWS_AMPLIFY_APP_ID }}" \
+            --query 'app.defaultDomain' \
+            --output text)
+          echo "preview_url=https://${{ steps.branch.outputs.name }}.${DEFAULT_DOMAIN}" >> "$GITHUB_OUTPUT"
 
       - if: github.event_name == 'pull_request'
         uses: peter-evans/find-comment@v3
@@ -70,15 +124,22 @@ jobs:
           issue-number: ${{ github.event.pull_request.number }}
           body: |
             ### 🕸 Storybook preview
-            You can view a preview [here](${{ steps.deploy.outputs.static_web_app_url }}) (commit [`${{ github.event.pull_request.head.sha }}`](https://github.com/sl-design-system/components/commit/${{ github.event.pull_request.head.sha }})).
+            You can view a preview [here](${{ steps.deploy.outputs.preview_url }}) (commit [`${{ github.event.pull_request.head.sha }}`](https://github.com/sl-design-system/components/commit/${{ github.event.pull_request.head.sha }})).
           edit-mode: replace
 
   cleanup:
     if: github.event_name == 'pull_request' && github.event.action == 'closed'
     runs-on: ubuntu-latest
     name: Cleanup
     steps:
-      - uses: azure/static-web-apps-deploy@v1
+      - uses: aws-actions/configure-aws-credentials@v4
         with:
-          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
-          action: close
+          aws-access-key-id: ${{ env.AWS_ACCESS_KEY_ID }}
+          aws-secret-access-key: ${{ env.AWS_SECRET_ACCESS_KEY }}
+          aws-region: ${{ env.AWS_REGION }}
+
+      - name: Delete PR branch from Amplify
+        run: |
+          aws amplify delete-branch \
+            --app-id "${{ env.AWS_AMPLIFY_APP_ID }}" \
+            --branch-name "pr-${{ github.event.pull_request.number }}"