Deploy 2026-08-20

.browserslistrc

@@ -0,0 +1,5 @@
+# Preserves the targets that were previously passed inline to autoprefixer.
+# Shared by autoprefixer (PostCSS) and @babel/preset-env.
+last 3 versions
+Safari >= 8
+iOS >= 8

.github/workflows/deploy.yml

@@ -11,31 +11,59 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
+  setup:
+    runs-on: ubuntu-latest
+    outputs:
+      environment: ${{ steps.env.outputs.environment }}
+      node_env: ${{ steps.env.outputs.node_env }}
+    steps:
+      - name: Resolve deploy environment and build mode
+        id: env
+        run: |
+          if [ "$GITHUB_REF" = "refs/heads/master" ]; then
+            environment=production
+          else
+            environment=staging
+          fi
+          # Staging ships a development build for easier debugging;
+          # production ships a production build. NODE_ENV follows the
+          # environment so the two can't drift.
+          if [ "$environment" = "production" ]; then
+            node_env=production
+          else
+            node_env=development
+          fi
+          echo "environment=$environment" >> "$GITHUB_OUTPUT"
+          echo "node_env=$node_env" >> "$GITHUB_OUTPUT"
+
   lint:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - name: Use Node 17x
+      - name: Use Node 22x
         uses: actions/setup-node@v4
         with:
-          node-version: '17.x'
+          node-version: '22.x'
       - name: Install Dependencies
         run: npm ci --legacy-peer-deps
       - name: Lint Site Code
-        run: make lint
+        run: npm run lint
 
   build:
+    needs: [setup]
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - name: Use Node 17x
+      - name: Use Node 22x
         uses: actions/setup-node@v4
         with:
-          node-version: '17.x'
+          node-version: '22.x'
       - name: Install Dependencies
         run: npm ci --legacy-peer-deps
       - name: Build Site
         run: npm run build
+        env:
+          NODE_ENV: ${{ needs.setup.outputs.node_env }}
       - name: Upload Build Artifact
         uses: actions/upload-artifact@v4
         with:
@@ -44,13 +72,13 @@ jobs:
           retention-days: 1
 
   deploy:
-    needs: [lint, build]
+    needs: [setup, lint, build]
     if: github.event_name == 'push' || github.event_name == 'workflow_dispatch'
     runs-on: ubuntu-latest
     permissions:
       id-token: write
       contents: read
-    environment: ${{ github.ref == 'refs/heads/master' && 'production' || 'staging' }}
+    environment: ${{ needs.setup.outputs.environment }}
     steps:
       - name: Download Build Artifact
         uses: actions/download-artifact@v4
@@ -66,3 +94,28 @@ jobs:
       - name: Upload to S3
         run: |
           aws s3 sync ./build s3://${{ vars.AWS_S3_BUCKET }}/junior/
+
+  configure-fastly:
+    # Runs after deploy so new origin content is uploaded before new routing
+    # can go live; also skips if the S3 upload failed.
+    needs: [setup, lint, build, deploy]
+    if: github.event_name == 'push' || github.event_name == 'workflow_dispatch'
+    runs-on: ubuntu-latest
+    environment: ${{ needs.setup.outputs.environment }}
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node 22x
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.x'
+      - name: Install Dependencies
+        run: npm ci --legacy-peer-deps
+      - name: Configure Fastly
+        run: npm run sync-fastly
+        env:
+          FASTLY_API_KEY: ${{ secrets.FASTLY_API_KEY }}
+          FASTLY_SERVICE_ID: ${{ vars.FASTLY_SERVICE_ID }}
+          # Set this var to "true" in an Environment to have that environment's
+          # deploys activate the new version; any other value configures and
+          # validates only.
+          FASTLY_ACTIVATE_CHANGES: ${{ vars.FASTLY_ACTIVATE_CHANGES }}

.nvmrc

@@ -1 +1 @@
-v17.3.1
+22

README.md

@@ -10,7 +10,7 @@
 ### To Build
 ```bash
 npm install
-make build
+npm run build
 ```
 
 Note: There will be a warning about a peer dependency on jquery. You can ignore it because slick-carousel is only used for stylesheets.
@@ -46,7 +46,6 @@ Use `^C` to stop the node process `npm start` starts.
 | ------------------------ | ------- | ------------------------------------------------ |
 | `FASTLY_SERVICE_ID`      | `''`    | Fastly service ID for `bin/configure-fastly.js`  |
 | `FASTLY_API_KEY`         | `''`    | Fastly API key for `bin/configure-fastly.js`     |
-| `FASTLY_ACTIVATE_CHANGES`| `false` | Activate changes and purge all after configuring |
+| `FASTLY_ACTIVATE_CHANGES`| `false` | Set to `true` to activate changes and purge all after configuring |
 | `AWS_ACCESS_KEY_ID`      | `''`    | AWS access key id for S3                         |
 | `AWS_SECRET_ACCESS_KEY`  | `''`    | AWS secret access key for S3                     |
-| `S3_BUCKET_NAME`         | `''`    | S3 bucket name to deploy into                    |