Squoosh Designer Plugin: Figma plugin for orchestrating layout animations

.github/workflows/main.yml

@@ -308,3 +308,9 @@ jobs:
       - uses: ./.github/actions/build-figma-resource
         with:
           resource: extended-layout-plugin
+      - uses: ./.github/actions/build-figma-resource
+        with:
+          resource: dc_squoosh_designer
+      - name: Test Squoosh Designer
+        working-directory: support-figma/dc_squoosh_designer
+        run: npm ci; npm run test

.github/workflows/roborazzi-comment.yml

@@ -0,0 +1,136 @@
+name: Roborazzi Comment
+
+on:
+  workflow_run:
+    workflows: ["CompareScreenshot"]
+    types:
+      - completed
+
+permissions:
+  contents: write
+  pull-requests: write
+  actions: read
+
+jobs:
+  Update-Comment:
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Harden Runner
+        uses: step-security/harden-runner@20cf305ff2072d973412fa9b1e3a4f227bda3c76 # v2.14.0
+        with:
+          egress-policy: audit
+
+      - name: Download PR number
+        uses: dawidd6/action-download-artifact@ac66b43f0e6a346234dd65d4d0c8fbb31cb316e5 # v11
+        with:
+          name: pr
+          run_id: ${{ github.event.workflow_run.id }}
+          path: pr
+
+      - name: Read PR number
+        id: pr_number
+        run: |
+          echo "PR_NUMBER=$(cat pr/NR)" >> "$GITHUB_OUTPUT"
+
+      - name: Download diff
+        uses: dawidd6/action-download-artifact@ac66b43f0e6a346234dd65d4d0c8fbb31cb316e5 # v11
+        with:
+          name: diff-vs-base-branch
+          run_id: ${{ github.event.workflow_run.id }}
+          path: screenshot-diff
+
+      - name: Checkout base
+        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd  # v6.0.2
+        with:
+          submodules: 'recursive'
+          ref: ${{ github.event.workflow_run.pull_requests[0].base.ref }}
+
+      - name: Switch to companion branch
+        id: switch-companion-branch
+        env:
+          BRANCH_NAME: roborazzi_companion_${{ github.event.workflow_run.pull_requests[0].head.ref }}
+        run: |
+          git branch -D "$BRANCH_NAME" || true
+          git checkout --orphan "$BRANCH_NAME"
+          git rm -rf .
+
+      - id: check-if-there-are-valid-files
+        name: Check if there are valid files
+        shell: bash
+        run: |
+          mapfile -t files_to_add < <(find . -type f -name "*_compare.png")
+          exist_valid_files="false"
+          for file in "${files_to_add[@]}"; do
+            if [[ $file =~ ^[a-zA-Z0-9_./-]+$ ]]; then
+              exist_valid_files="true"
+              break
+            fi
+          done
+          echo "exist_valid_files=$exist_valid_files" >> "$GITHUB_OUTPUT"
+
+      - id: push-screenshot-diff
+        shell: bash
+        if: steps.check-if-there-are-valid-files.outputs.exist_valid_files == 'true'
+        env:
+          BRANCH_NAME: roborazzi_companion_${{ github.event.workflow_run.pull_requests[0].head.ref }}
+        run: |
+          files_to_add=$(find . -type f -name "*_compare.png")
+          for file in $files_to_add; do
+            if [[ "$file" =~ ^[a-zA-Z0-9_./-]+$ ]]; then
+              git add "$file"
+            fi
+          done
+          git config --global user.name ScreenshotBot
+          git config --global user.email 41898282+github-actions[bot]@users.noreply.github.com
+          git commit -m "Add screenshot diff"
+          git push origin HEAD:"$BRANCH_NAME" -f
+
+      - id: generate-diff-reports
+        name: Generate diff reports
+        env:
+          BRANCH_NAME: roborazzi_companion_${{ github.event.workflow_run.pull_requests[0].head.ref }}
+          BASE_REF: ${{ github.event.workflow_run.pull_requests[0].base.ref }}
+          HEAD_SHA: ${{ github.event.workflow_run.pull_requests[0].head.sha }}
+          EXIST_VALID_FILES: ${{ steps.check-if-there-are-valid-files.outputs.exist_valid_files }}
+        shell: bash
+        run: |
+          delimiter="$(openssl rand -hex 8)"
+          {
+            echo "reports<<${delimiter}"
+            echo "Snapshot diff report vs base branch: $BASE_REF"
+            echo "Last updated: $(TZ='America/Los_Angeles' date), Sha: $HEAD_SHA"
+          } >> "$GITHUB_OUTPUT"
+
+          if [[ "$EXIST_VALID_FILES" == 'true' ]]; then
+            files=$(find . -type f -name "*_compare.png" | grep "roborazzi/" | grep -E "^[a-zA-Z0-9_./-]+$")
+            {
+              echo "| File name | Image |"
+              echo "|-------|-------|"
+            } >> "$GITHUB_OUTPUT"
+            for file in $files; do
+              fileName=$(basename "$file" | sed -r 's/(.{20})/\1<br>/g')
+              echo "| [$fileName](https://github.com/${{ github.repository }}/blob/$BRANCH_NAME/$file) | ![](https://github.com/${{ github.repository }}/blob/$BRANCH_NAME/$file?raw=true) |" >> "$GITHUB_OUTPUT"
+            done
+          else
+            echo "No differences detected" >> "$GITHUB_OUTPUT"
+          fi
+          echo "${delimiter}" >> "$GITHUB_OUTPUT"
+
+      - name: Find Comment
+        uses: peter-evans/find-comment@b30e6a3c0ed37e7c023ccd3f1db5c6c0b0c23aad # v4.0.0
+        id: fc
+        if: steps.generate-diff-reports.outputs.reports != ''
+        with:
+          issue-number: ${{ steps.pr_number.outputs.PR_NUMBER }}
+          comment-author: 'github-actions[bot]'
+          body-includes: Snapshot diff report
+
+      - name: Add or update comment on PR
+        uses: peter-evans/create-or-update-comment@e8674b075228eee787fea43ef493e45ece1004c9 # v5.0.0
+        if: steps.generate-diff-reports.outputs.reports != ''
+        with:
+          comment-id: ${{ steps.fc.outputs.comment-id }}
+          issue-number: ${{ steps.pr_number.outputs.PR_NUMBER }}
+          body: ${{ steps.generate-diff-reports.outputs.reports }}
+          edit-mode: replace

.github/workflows/roborazzi-compare-screenshot.yml

@@ -80,153 +80,4 @@ jobs:
           name: pr
           path: pr/
 
-  Update-Comment:
-    needs: compare-with-base-branch
-    timeout-minutes: 2
 
-    permissions:
-      actions: read # for downloading artifacts
-      contents: write # for pushing screenshot-diff to companion branch
-      pull-requests: write # for creating a comment on pull requests
-
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Harden Runner
-        uses: step-security/harden-runner@20cf305ff2072d973412fa9b1e3a4f227bda3c76 # v2.14.0
-        with:
-          egress-policy: audit
-
-      - name: Checkout base
-        id: checkout-base
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd  # v6.0.2
-        with:
-          submodules: 'recursive'
-          ref: ${{ github.event.pull_request.base.ref }}
-
-      - name: Switch to companion branch
-        id: switch-companion-branch
-        env:
-          BRANCH_NAME: roborazzi_companion_${{ github.event.pull_request.head.ref }}
-        run: |
-          # orphan means it will create no history branch
-          git branch -D "$BRANCH_NAME" || true
-          git checkout --orphan "$BRANCH_NAME"
-          git rm -rf .
-
-      - name: Download diff
-        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c  # v8.0.1
-        with:
-          name: diff-vs-base-branch
-          path: screenshot-diff
-
-      - id: check-if-there-are-valid-files
-        name: Check if there are valid files
-        shell: bash
-        run: |
-          # Find all the files ending with _compare.png
-          mapfile -t files_to_add < <(find . -type f -name "*_compare.png")
-
-          # Check for invalid file names and add only valid ones
-          exist_valid_files="false"
-          for file in "${files_to_add[@]}"; do
-            if [[ $file =~ ^[a-zA-Z0-9_./-]+$ ]]; then
-              exist_valid_files="true"
-              break
-            fi
-          done
-          echo "exist_valid_files=$exist_valid_files" >> "$GITHUB_OUTPUT"
-
-      - id: push-screenshot-diff
-        shell: bash
-        if: steps.check-if-there-are-valid-files.outputs.exist_valid_files == 'true'
-        env:
-          BRANCH_NAME: roborazzi_companion_${{ github.event.pull_request.head.ref }}
-        run: |
-          # Find all the files ending with _compare.png
-          files_to_add=$(find . -type f -name "*_compare.png")
-
-          # Check for invalid file names and add only valid ones
-          for file in $files_to_add; do
-            if [[ "$file" =~ ^[a-zA-Z0-9_./-]+$ ]]; then
-              git add "$file"
-            fi
-          done
-          git config --global user.name ScreenshotBot
-          git config --global user.email 41898282+github-actions[bot]@users.noreply.github.com
-          git commit -m "Add screenshot diff"
-          git push origin HEAD:"$BRANCH_NAME" -f
-
-      - id: generate-diff-reports
-        name: Generate diff reports
-        env:
-          BRANCH_NAME: roborazzi_companion_${{ github.event.pull_request.head.ref }}
-          BASE_REF: ${{ github.event.pull_request.base.ref }}
-          HEAD_SHA: ${{ github.event.pull_request.head.sha }}
-          EXIST_VALID_FILES: ${{ steps.check-if-there-are-valid-files.outputs.exist_valid_files }}
-        shell: bash
-        run: |
-          delimiter="$(openssl rand -hex 8)"
-          {
-            echo "reports<<${delimiter}"
-
-            # Create markdown table header
-            echo "Snapshot diff report vs base branch: $BASE_REF"
-            echo "Last updated: $(TZ='America/Los_Angeles' date), Sha: $HEAD_SHA"
-          } >> "$GITHUB_OUTPUT"
-
-          if [[ "$EXIST_VALID_FILES" == 'true' ]]; then
-            # Find all the files ending with _compare.png in roborazzi folder
-            files=$(find . -type f -name "*_compare.png" | grep "roborazzi/" | grep -E "^[a-zA-Z0-9_./-]+$")
-            {
-              echo "| File name | Image |"
-              echo "|-------|-------|"
-            } >> "$GITHUB_OUTPUT"
-
-            # Iterate over the files and create table rows
-            for file in $files; do
-              # Get the file name and insert newlines every 20 characters
-              fileName=$(basename "$file" | sed -r 's/(.{20})/\1<br>/g')
-              echo "| [$fileName](https://github.com/${{ github.repository }}/blob/$BRANCH_NAME/$file) | ![](https://github.com/${{ github.repository }}/blob/$BRANCH_NAME/$file?raw=true) |" >> "$GITHUB_OUTPUT"
-            done
-
-          ### Else there were no differences
-          else
-            {
-              echo "No differences detected"
-            } >> "$GITHUB_OUTPUT"
-          fi
-          echo "${delimiter}" >> "$GITHUB_OUTPUT"
-
-      - name: Find Comment
-        uses: peter-evans/find-comment@b30e6a3c0ed37e7c023ccd3f1db5c6c0b0c23aad # v4.0.0
-        id: fc
-        if: steps.generate-diff-reports.outputs.reports != ''
-        with:
-          issue-number: ${{ github.event.number }}
-          comment-author: 'github-actions[bot]'
-          body-includes: Snapshot diff report
-
-      - name: Add or update comment on PR
-        uses: peter-evans/create-or-update-comment@e8674b075228eee787fea43ef493e45ece1004c9 # v5.0.0
-        if: steps.generate-diff-reports.outputs.reports != ''
-        with:
-          comment-id: ${{ steps.fc.outputs.comment-id }}
-          issue-number: ${{ github.event.number }}
-          body: ${{ steps.generate-diff-reports.outputs.reports }}
-          edit-mode: replace
-
-      - name: Cleanup outdated companion branches
-        run: |
-          # Find outdated companion branches with last commit date
-          git branch -r --format="%(refname:lstrip=3)" | grep roborazzi_companion_ | while read -r branch; do
-            last_commit_date_timestamp=$(git log -1 --format=%ct "origin/$branch")
-            now_timestamp=$(date +%s)
-
-            # Delete branch if it's older than 1 month
-            if [ $((now_timestamp - last_commit_date_timestamp)) -gt 2592000 ]; then
-              echo "Deleting $branch"
-
-              git push origin --delete "$branch"
-            fi
-          done

.gitmodules

@@ -1,3 +1,4 @@
 [submodule "crates/dc_bundle/src/proto"]
 	path = crates/dc_bundle/src/proto
 	url = https://github.com/google/automotive-design-compose-protos.git
+	branch = main