ui: Add deployments

.github/actions/deploy-ember-preview/action.yml

@@ -43,4 +43,4 @@ runs:
           -H "Authorization: token $GITHUB_TOKEN" \
           -H "Accept: application/vnd.github.v3+json" \
           https://api.github.com/repos/$REPOSITORY/statuses/$HEAD_SHA \
-          -d '{"context":"Preview ${{ inputs.package }} ${{ inputs.environment }}","description":"${{ inputs.environment }} deployment of this branch","target_url":"'"$PREVIEW_HOST"'","state":"success"}'
+          -d '{"context":"Preview ${{ inputs.package }} ${{ inputs.environment }}","description":"${{ inputs.environment }} ${{ inputs.package }} deployment of this branch","target_url":"'"$PREVIEW_HOST"'","state":"success"}'

.github/workflows/deploy-ui.yml

@@ -0,0 +1,57 @@
+name: Deploy boxel-ui with ember
+
+on:
+  workflow_call:
+    inputs:
+      environment:
+        required: true
+        type: string
+
+permissions:
+  contents: read
+  id-token: write
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    concurrency: deploy-ui-${{ inputs.environment }}
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Init
+        uses: ./.github/actions/init
+
+      - name: Set up env
+        env:
+          INPUT_ENVIRONMENT: ${{ inputs.environment }}
+        run: |
+          echo "AWS_REGION=us-east-1" >> $GITHUB_ENV
+          if [ "$INPUT_ENVIRONMENT" = "production" ]; then
+            echo "AWS_ROLE_ARN=arn:aws:iam::120317779495:role/boxel-ui" >> $GITHUB_ENV
+            echo "AWS_S3_BUCKET=cardstack-boxel-ui-production" >> $GITHUB_ENV
+            echo "AWS_CLOUDFRONT_DISTRIBUTION=ENCCIR73TMO8S" >> $GITHUB_ENV
+          else
+            echo "unrecognized environment"
+            exit 1;
+          fi
+      - name: Build boxel-ui addon
+        run: pnpm build
+        working-directory: packages/boxel-ui/addon
+
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v3
+        with:
+          role-to-assume: ${{ env.AWS_ROLE_ARN }}
+          aws-region: us-east-1
+
+      - name: Deploy
+        run: pnpm deploy:boxel-ui ${{ inputs.environment }} --verbose
+
+      - name: Send notification to Discord
+        uses: cardstack/gh-actions/discord-notification-deploy@main
+        with:
+          app: "boxel-ui"
+          status: ${{ job.status }}
+          environment: ${{ inputs.environment }}
+          webhook: ${{ secrets.DISCORD_WEBHOOK }}

.github/workflows/manual-deploy.yml

@@ -29,6 +29,13 @@ jobs:
     with:
       environment: ${{ inputs.environment }}
 
+  deploy-ui:
+    name: Deploy boxel-ui
+    uses: ./.github/workflows/deploy-ui.yml
+    secrets: inherit
+    with:
+      environment: production
+
   build-realm-server:
     name: Build Docker image
     uses: cardstack/gh-actions/.github/workflows/docker-ecr.yml@main

.github/workflows/pr-boxel-ui.yml

@@ -0,0 +1,58 @@
+name: CI [boxel-ui]
+
+on:
+  pull_request:
+    paths:
+      - "packages/boxel-ui/**"
+      - ".github/workflows/pr-boxel-ui.yml"
+      - "package.json"
+      - "pnpm-lock.yaml"
+
+permissions:
+  contents: read
+  issues: read
+  checks: write
+  pull-requests: write
+  id-token: write
+  statuses: write
+
+jobs:
+  check-if-requires-preview:
+    name: Check if a preview deploy is required
+    runs-on: ubuntu-latest
+    outputs:
+      boxel-ui-files-changed: ${{ steps.boxel-ui-files-that-changed.outputs.any_changed }}
+    steps:
+      - uses: actions/checkout@v3
+      - name: Get boxel-ui files that changed
+        id: boxel-ui-files-that-changed
+        uses: tj-actions/changed-files@v39
+        with:
+          files: |
+            packages/boxel-ui/**
+
+  deploy-ui-preview-production:
+    name: Deploy a boxel-ui production preview to S3
+    runs-on: ubuntu-latest
+    # github.event.pull_request.head.repo.full_name == github.repository: true if pr is from the original repo, false if it's from a fork
+    # github.head_ref: the branch that the pull request is from. only appears on pull_request events
+    if: github.event.pull_request.head.repo.full_name == github.repository && github.head_ref && needs.check-if-requires-preview.outputs.boxel-ui-files-changed == 'true'
+    needs: check-if-requires-preview
+    concurrency: deploy-ui-preview-production
+    steps:
+      - uses: actions/checkout@v3
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v3
+        with:
+          role-to-assume: arn:aws:iam::120317779495:role/boxel-ui
+          aws-region: us-east-1
+      - name: Deploy boxel-ui preview
+        uses: ./.github/actions/deploy-ember-preview
+        env:
+          S3_PREVIEW_BUCKET_NAME: boxel-ui-preview.cardstack.com
+          AWS_S3_BUCKET: boxel-ui-preview.cardstack.com
+          AWS_REGION: us-east-1
+          AWS_CLOUDFRONT_DISTRIBUTION: E1A4IR2R5TJZJZ
+        with:
+          package: boxel-ui
+          environment: production

package.json

@@ -10,6 +10,8 @@
     "deploy:boxel-host": "cd packages/boxel-ui/addon && pnpm build && cd ../../host && BASE_REALM_HOSTING_DISABLED=true NODE_OPTIONS='--max_old_space_size=8192' pnpm exec ember deploy",
     "deploy:boxel-host:preview-staging": "cd packages/boxel-ui/addon && pnpm build && cd ../../host && BASE_REALM_HOSTING_DISABLED=true NODE_OPTIONS='--max_old_space_size=8192' pnpm exec ember deploy s3-preview-staging --verbose",
     "deploy:boxel-host:preview-production": "cd packages/boxel-ui/addon && pnpm build && cd ../../host && BASE_REALM_HOSTING_DISABLED=true NODE_OPTIONS='--max_old_space_size=8192' pnpm exec ember deploy s3-preview-production --verbose",
+    "deploy:boxel-ui": "cd packages/boxel-ui/addon && pnpm build && cd ../test-app && pnpm exec ember deploy",
+    "deploy:boxel-ui:preview-production": "cd packages/boxel-ui/addon && pnpm build && cd ../test-app && pnpm exec ember deploy s3-preview-production --verbose",
     "lint": "pnpm run --filter './packages/**' --if-present -r lint",
     "lint:fix": "pnpm run --filter './packages/**' --if-present -r lint:fix"
   },

packages/boxel-ui/test-app/config/deploy.js

@@ -0,0 +1,31 @@
+/* eslint-env node */
+
+module.exports = function (deployTarget) {
+  let ENV = {
+    pipeline: {
+      activateOnDeploy: true,
+    },
+    plugins: ['build', 'smart-compress', 'revision-data', 's3', 'cloudfront'],
+    build: {},
+    s3: {
+      allowOverwrite: true,
+      bucket: process.env.AWS_S3_BUCKET,
+      region: process.env.AWS_REGION,
+      filePattern: '**/*',
+    },
+    cloudfront: {
+      objectPaths: ['/*'],
+      distribution: process.env.AWS_CLOUDFRONT_DISTRIBUTION,
+    },
+  };
+
+  if (deployTarget === 'production') {
+    ENV.build.environment = 'production';
+  }
+
+  if (deployTarget === 's3-preview-production') {
+    ENV.s3.prefix = process.env.PR_BRANCH_NAME;
+  }
+
+  return ENV;
+};

packages/boxel-ui/test-app/package.json

@@ -56,6 +56,12 @@
     "ember-auto-import": "^2.6.3",
     "ember-cli": "^4.12.1",
     "ember-cli-babel": "^8.2.0",
+    "ember-cli-deploy": "^1.0.2",
+    "ember-cli-deploy-build": "^2.0.0",
+    "ember-cli-deploy-cloudfront": "^5.0.0",
+    "ember-cli-deploy-revision-data": "^2.0.0",
+    "ember-cli-deploy-s3": "^3.1.0",
+    "ember-cli-deploy-smart-compress": "^2.0.0",
     "ember-cli-dependency-checker": "^3.3.1",
     "ember-cli-htmlbars": "^6.3.0",
     "ember-cli-inject-live-reload": "^2.1.0",