build: switch to canonical dev-infra GCP project for previews

Instead of using `ng-comp-dev` we plan on using a single canonical
preview GCP project owned by dev-infra. This will help with quota
management for preview channels and also makes billing easier.

(cherry picked from commit 9d82e68)

Author: devversion

.github/workflows/deploy-dev-app.yml

@@ -16,17 +16,28 @@ permissions:
   # Needed in order to be able to comment on the pull request.
   pull-requests: write
 
+env:
+  PREVIEW_PROJECT: ng-dev-previews
+  PREVIEW_SITE: ng-dev-previews-comp
+
 jobs:
   deploy-dev-app:
     runs-on: ubuntu-latest
     if: ${{ github.event.workflow_run.conclusion == 'success' }}
     steps:
       - uses: actions/checkout@ec3a7ce113134d7a93b817d10a8272cb61118579 # renovate: tag=v2.0.0
+
+      - name: Configure Firebase deploy target
+        run: |
+          # We can use `npx` as the Firebase deploy actions uses it too.
+          npx -y firebase-tools@latest target:clear --project ${{env.PREVIEW_PROJECT}} hosting dev-app
+          npx -y firebase-tools@latest target:apply --project ${{env.PREVIEW_PROJECT}} hosting dev-app ${{env.PREVIEW_SITE}}
+
       - uses: angular/dev-infra/github-actions/deploy-previews/upload-artifacts-to-firebase@0a49ed85541ecbb28a0e19eefce7a874c1eaab5e
         with:
           github-token: '${{secrets.GITHUB_TOKEN}}'
           workflow-artifact-name: 'dev-app'
           firebase-config-dir: './'
           firebase-public-dir: './dist/dev-app-web-pkg'
-          firebase-project-id: 'ng-comp-dev'
+          firebase-project-id: '${{env.PREVIEW_PROJECT}}'
           firebase-service-key: '${{secrets.FIREBASE_PREVIEW_SERVICE_TOKEN}}'

firebase.json

@@ -1,27 +1,30 @@
 {
-  "hosting": {
-    "public": "dist/dev-app-web-pkg",
-    "rewrites": [
-      {
-        "source": "/**/!(*.@(js|ts|html|css|json|svg|png|jpg|jpeg))",
-        "destination": "/index.html"
-      }
-    ],
-    "headers": [
-      {
-        "source": "*",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "no-cache"
-          },
-          {
-            "key": "X-Frame-Options",
-            "value": "DENY"
-          }
-        ]
-      }
-    ],
-    "ignore": ["firebase.json"]
-  }
+  "hosting": [
+    {
+      "target": "dev-app",
+      "public": "dist/dev-app-web-pkg",
+      "rewrites": [
+        {
+          "source": "/**/!(*.@(js|ts|html|css|json|svg|png|jpg|jpeg))",
+          "destination": "/index.html"
+        }
+      ],
+      "headers": [
+        {
+          "source": "*",
+          "headers": [
+            {
+              "key": "Cache-Control",
+              "value": "no-cache"
+            },
+            {
+              "key": "X-Frame-Options",
+              "value": "DENY"
+            }
+          ]
+        }
+      ],
+      "ignore": ["firebase.json"]
+    }
+  ]
 }