Update eslint.yml for yarn support

Author: burtonjong

.github/workflows/eslint.yml

@@ -1,48 +1,66 @@
-# This workflow uses actions that are not certified by GitHub.
-# They are provided by a third-party and are governed by
-# separate terms of service, privacy policy, and support
-# documentation.
-# ESLint is a tool for identifying and reporting on patterns
-# found in ECMAScript/JavaScript code.
-# More details at https://github.com/eslint/eslint
-# and https://eslint.org
-
 name: ESLint
 
 on:
   push:
     branches: ["main"]
   pull_request:
-    # The branches below must be a subset of the branches above
     branches: ["main"]
   schedule:
     - cron: "25 21 * * 4"
 
 jobs:
   eslint:
-    name: Run eslint scanning
+    name: Run ESLint Scanning
     runs-on: ubuntu-latest
     permissions:
       contents: read
       security-events: write
-      actions: read # only required for a private repository by github/codeql-action/upload-sarif to get the Action run status
+      actions: read
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
 
-      - name: Install ESLint
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "install-command=install" >> $GITHUB_OUTPUT
+            echo "runner=yarn" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ github.workspace }}/package-lock.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "install-command=ci" >> $GITHUB_OUTPUT
+            echo "runner=npx" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine package manager"
+            exit 1
+          fi
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.install-command }}
+
+      - name: Install ESLint dependencies
         run: |
-          npm install [email protected]
-          npm install @microsoft/[email protected]
+          ${{ steps.detect-package-manager.outputs.manager }} add [email protected]
+          ${{ steps.detect-package-manager.outputs.manager }} add @microsoft/[email protected]
 
       - name: Run ESLint
-        run: npx eslint .
-          --config .eslintrc.cjs
-          --ext .js,.jsx,.ts,.tsx
-      #     --format @microsoft/eslint-formatter-sarif
-      #     --output-file eslint-results.sarif
-      #   continue-on-error: false
+        run: |
+          ${{ steps.detect-package-manager.outputs.runner }} eslint . \
+            --config .eslintrc.cjs \
+            --ext .js,.jsx,.ts,.tsx
+        #     --format @microsoft/eslint-formatter-sarif
+        #     --output-file eslint-results.sarif
 
+      # Uncomment the following step to upload SARIF results
       # - name: Upload analysis results to GitHub
       #   uses: github/codeql-action/upload-sarif@v2
       #   with: