build(cloudbuild): migrate deploy to cloud build (GoogleChrome#6082)

* build(cloudbuild): migrate deploy to cloud build

* docs(README): update `Manual deploys` section

* chore: update readme and deploy script based on minor issues

* docs(README): add note about auto deploys

* build(deploy): updgrade machine type

Author: MichaelSolati

.cloudbuild/deploy.yaml

@@ -0,0 +1,41 @@
+timeout: 2700s # set build timeout to 45 mins
+steps:
+  - name: node:14
+    id: 'Install dependencies'
+    entrypoint: npm
+    args: ['ci']
+
+  - name: node:14
+    id: 'Generate .env file'
+    entrypoint: npm
+    args: ['run', 'cloud-secrets']
+    env:
+    - 'PROJECT_ID=$PROJECT_ID'
+
+  - name: node:14
+    id: 'Verify new version'
+    entrypoint: npm
+    args: ['run', 'version-check']
+    env:
+    - 'BUILD_ID=$BUILD_ID'
+    - 'PROJECT_ID=$PROJECT_ID'
+    - 'NODE_ENV=production'
+
+  - name: node:14
+    id: 'Build site'
+    entrypoint: npm
+    args: ['run', 'build']
+    env:
+    - 'ELEVENTY_ENV=prod'
+
+  - name: 'gcr.io/$PROJECT_ID/firebase'
+    id: 'Deploy site to Firebase'
+    args: ['deploy']
+
+  - name: node:14
+    id: 'Algolia index site'
+    entrypoint: npm
+    args: ['run', 'algolia']
+
+options:
+ machineType: 'E2_HIGHCPU_8'

.github/workflows/firebase-hosting-cron.yml

@@ -69,10 +69,6 @@ typings/
 # build artifacts
 dist
 
-# deploy scripts
-devsite.js
-local-devsite.js
-
 # DS_Store
 .DS_Store
 

.gitignore

@@ -87,19 +87,16 @@ of the next hour.
 
 ### Manual deploys
 
-To manually deploy the site you'll need to be a member of one of these GitHub
-teams:
+To manually deploy the site you'll need to be a member of one of these Google teams:
 
-- @GoogleChrome/web-dev-admins
-- @GoogleChrome/web-dev-content
-- @GoogleChrome/web-dev-contributors
-- @GoogleChrome/web-dev-eng
-- @GoogleChrome/web-devrel
+- web.dev-eng
+- web.dev-owners
 
-1. Navigate to [the Deploy workflow in the Actions panel](https://github.com/GoogleChrome/web.dev/actions?query=workflow%3ADeploy).
-2. Click the **Run workflow** button. Make sure the branch says `main`, then click the green **Run workflow** button.
+1. Navigate to [the Cloud Build Triggers page](https://console.cloud.google.com/cloud-build/triggers?project=web-dev-production-1).
+2. Click the **RUN** button for the trigger named **Deploy**.
+3. In the side drawer that opens up, click the **RUN TRIGGER** button for the trigger for the **main** branch.
 
-![An expanded workflow popup with a green run workflow button inside of it.](https://user-images.githubusercontent.com/1066253/89584965-da6eb500-d7f1-11ea-8a43-d8b1abe2cd3b.png)
+*NOTE: web.dev auto deploys every hour if there is a new commit in the `main` branch. Manual deploys should only occur when a build fails or if auto deploys are disabled.*
 
 ## Debugging 🐛
 

README.md

@@ -78,8 +78,9 @@
     "@11ty/eleventy-cache-assets": "^2.3.0",
     "@11ty/eleventy-plugin-rss": "^1.0.7",
     "@11ty/eleventy-plugin-syntaxhighlight": "^3.0.1",
-    "@actions/core": "^1.3.0",
-    "@google-cloud/secret-manager": "^3.2.3",
+    "@google-cloud/cloudbuild": "^2.6.0",
+    "@google-cloud/error-reporting": "^2.0.3",
+    "@google-cloud/secret-manager": "^3.10.0",
     "@mdn/browser-compat-data": "^3.3.14",
     "@percy/script": "^1.1.0",
     "@rollup/plugin-commonjs": "^17.1.0",

package-lock.json

@@ -5,8 +5,12 @@
  */
 
 const fetch = require('node-fetch');
-const core = require('@actions/core');
+const {ErrorReporting} = require('@google-cloud/error-reporting');
+const {execSync} = require('child_process');
+const {CloudBuildClient} = require('@google-cloud/cloudbuild');
 
+const client = new CloudBuildClient();
+const errors = new ErrorReporting();
 const ERROR_MESSAGE = 'NOT FOUND';
 
 /**
@@ -21,19 +25,26 @@ const getDeployedVersion = () => {
 
 (async () => {
   const deployedVersion = await getDeployedVersion();
-  const currentVersion = process.env.GITHUB_SHA;
+  const currentVersion = execSync('git rev-parse HEAD').toString().trim();
 
   console.log(`Current version: ${currentVersion}`);
   console.log(`Deployed version: ${deployedVersion}`);
 
+  if (deployedVersion === ERROR_MESSAGE) {
+    errors.report('Deployed commit SHA not found');
+  }
+
   if (deployedVersion === currentVersion) {
     console.log(
       'The current and deployed versions are the same, stopping build.',
     );
+    await client.cancelBuild({
+      id: process.env.BUILD_ID,
+      projectId: process.env.PROJECT_ID,
+    });
   } else {
     console.log(
       'The current and deployed versions are different, continuing build.',
     );
   }
-  core.setOutput('isDifferent', deployedVersion !== currentVersion);
 })();