Automatically trigger workflow

mizmay · mizmay · commit 1d49255cd451 · 2025-12-22T09:24:35.000-08:00
diff --git a/.github/workflows/deploy-preview.yml b/.github/workflows/deploy-preview.yml
@@ -1,6 +1,9 @@
 name: Deploy Branch Preview
 
 on:
+  push:
+    branches:
+      - preview-infra
   workflow_dispatch:
     inputs:
       commit_message:
diff --git a/BRANCH_PREVIEW_GUIDE.md b/BRANCH_PREVIEW_GUIDE.md
@@ -92,24 +92,24 @@ Open the preview with URL parameters to specify which branches to compare:
 
 ### Overview
 
-The deployment system uses GitHub Actions to deploy the `preview-infra` branch to `gh-pages`. The `deploy-preview.yml` workflow simply copies the already-synced branches and HTML files to GitHub Pages.
+The deployment system uses GitHub Actions to deploy the `preview-infra` branch to `gh-pages`. The `deploy-preview.yml` workflow is **automatically triggered** whenever you push to the `preview-infra` branch.
 
 **The workflow**:
 1. Checks out the `preview-infra` branch
 2. Copies `index.html` and `viewer.html` to the deployment folder
 3. Copies the entire `staging/` directory (which contains all synced branches)
 4. Deploys everything to the `gh-pages` branch
 
-**Important**: The workflow does NOT build branches. You must build and sync branches locally using `npm run preview-sync` before deploying.
+**Important**: The workflow does NOT build branches. You must build and sync branches locally using `npm run preview-sync` before pushing.
 
-### Workflow: Build → Sync → Deploy
+### Workflow: Build → Sync → Push → View
 
 1. **Build branches locally** (in `maplibre-gl-js`):
    ```bash
    # Build main
    git checkout main
    npm run build-dev && npm run build-css
-
+   
    # Build your feature
    git checkout my-feature
    npm run build-dev && npm run build-css
@@ -119,10 +119,10 @@ The deployment system uses GitHub Actions to deploy the `preview-infra` branch t
    ```bash
    cd ../maplibre-preview
    git checkout preview-infra
-
+   
    # Sync main
    npm run preview-sync  # while main is checked out in maplibre-gl-js
-
+   
    # Switch to feature branch in maplibre-gl-js, then:
    npm run preview-sync  # syncs the feature branch
    ```
@@ -134,12 +134,7 @@ The deployment system uses GitHub Actions to deploy the `preview-infra` branch t
    git push fork preview-infra
    ```
 
-4. **Deploy to GitHub Pages**:
-   - Go to your fork on GitHub and switch to the preview-
-   - Navigate to **Actions** → **Deploy Branch Preview**
-   - Click **Run workflow**
-   - (Optional) Add a commit message
-   - Click **Run workflow**
+4. **Automatic Deployment**: GitHub Actions will detect the push to `preview-infra` and automatically deploy the updated previews to `gh-pages`. You can track progress in the **Actions** tab.
 
 5. **View**: Visit `https://[your-username].github.io/maplibre-gl-js/`
 
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>MapLibre Branch Previewer</title>
+    <title>Maplibre Zoom Rounding Behavior Explorer</title>
     <style>
         body { margin: 0; padding: 0; font-family: sans-serif; height: 100vh; display: flex; flex-direction: column; background: #333; }
         #header { background: #222; color: white; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; }
@@ -16,7 +16,7 @@
 </head>
 <body>
     <div id="header">
-        <div><strong>MapLibre Side-by-Side Preview</strong></div>
+        <div><strong>MapLibre Side-by-Side Comparison</strong></div>
         <div class="controls">
             <button id="align">Align</button>
             <label style="margin: 0 10px; font-size: 14px; cursor: pointer;">
