Merge branch 'main' into dependabot/npm_and_yarn/lit/context-1.1.3

Author: vishnuv688

.eslintignore

@@ -1,7 +1,35 @@
 version: 2
 updates:
-  - package-ecosystem: npm
-    directory: '/'
-    schedule:
-      interval: weekly
-    open-pull-requests-limit: 10
+- package-ecosystem: npm
+  directory: "/"
+  schedule:
+    interval: weekly
+    time: "11:00"
+  open-pull-requests-limit: 10
+  versioning-strategy: increase-if-necessary
+  groups:
+    patch-deps-updates:
+      update-types:
+        - "patch"
+    minor-deps-updates:
+      update-types:
+        - "minor"
+    major-deps-updates:
+      update-types:
+        - "major"
+- package-ecosystem: github-actions
+  directory: "/"
+  schedule:
+    interval: weekly
+    time: "11:00"
+  open-pull-requests-limit: 10
+  groups:
+    patch-deps-updates:
+      update-types:
+        - "patch"
+    minor-deps-updates:
+      update-types:
+        - "minor"
+    major-deps-updates:
+      update-types:
+        - "major"

.eslintrc.cjs

@@ -11,35 +11,30 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [20.x]
-
     steps:
-      - uses: actions/checkout@v3
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+      - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1
+      - name: Use Node.js
+        uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6.1.0
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version-file: .nvmrc
       - name: Cache pnpm modules
-        uses: actions/cache@v3
+        uses: actions/cache@9255dc7a253b0ccc959486e2bca901246202afeb # v5.0.1
         env:
           cache-name: cache-pnpm-modules
         with:
           path: ~/.pnpm-store
           key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ matrix.node-version }}-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
             ${{ runner.os }}-build-${{ env.cache-name }}-${{ matrix.node-version }}-
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # v4.2.0
         with:
           version: 8.8.0
           run_install: false
+      - name: Install dependencies
+        run: pnpm install
+      - name: Lint
+        run: pnpm lint
       - name: 📦 Bundle
-        run: pnpm test
+        run: pnpm -r --workspace-concurrency=1 build
       - name: 🧪 Run Tests
         run: pnpm test
-      - name: 🐛 Debug Build
-        uses: stateful/vscode-server-action@v1
-        if: failure()
-        with:
-          timeout: '120000'

.github/dependabot.yml

@@ -18,41 +18,40 @@ on:
         default: 'latest'
 
 env:
-  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+  NPM_CONFIG_PROVENANCE: true
 
 jobs:
   release:
     runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      id-token: write
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1
         with:
           ref: 'main'
           fetch-depth: 0
-      - run: |
-          echo "Not yet ready!"
-          exit 1
-      # - uses: actions/setup-node@v3
-      #   with:
-      #     node-version: 16.x
-      # - uses: pnpm/action-setup@v2
-      #   with:
-      #     version: 8.8.0
-      #     run_install: true
-      # - name: NPM Setup
-      #   run: |
-      #     pnpm set registry "https://registry.npmjs.org/"
-      #     pnpm set //registry.npmjs.org/:_authToken $NPM_TOKEN
-      #     pnpm whoami
-      # - name: Git Setup
-      #   run: |
-      #     git config --global user.email "[email protected]"
-      #     git config --global user.name "WebdriverIO Release Bot"
-      # - name: Install Dependencies
-      #   run: pnpm install --frozen-lockfile
-      # - name: Build
-      #   run: pnpm build
-      # - name: Release
-      #   run: pnpm run release:ci -- ${{github.event.inputs.releaseType}}
-      #   env:
-      #     NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-      #     GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6.1.0
+        with:
+          node-version-file: .nvmrc
+          registry-url: "https://registry.npmjs.org"
+      - uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # v4.2.0
+        with:
+          version: 10.26.1
+          run_install: true
+      - name: Git Setup
+        run: |
+          git config --global user.email "[email protected]"
+          git config --global user.name "WebdriverIO Release Bot"
+      - name: Install Dependencies
+        run: pnpm install
+      - name: Build
+        run: |
+          pnpm --filter "@wdio/devtools-backend" build
+          pnpm --filter "@wdio/devtools-script" build
+          pnpm --filter "@wdio/devtools-service" build
+          pnpm --filter "@wdio/devtools-app" build
+      - name: Release
+        run: pnpm -r publish --access public --no-git-checks
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/ci.yml

@@ -19,15 +19,15 @@ jobs:
     steps:
       - name: Fetch PR metadata
         id: metadata
-        uses: dependabot/fetch-metadata@v1.6.0
+        uses: dependabot/fetch-metadata@08eff52bf64351f401fb50d4972fa95b9f2c2d1b # v2.4.0
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Wait for PR CI
         # Don't merge updates to GitHub Actions versions automatically.
         # (Some repos may wish to limit by version range (major/minor/patch), or scope (dep vs dev-dep), too.)
         if: contains(steps.metadata.outputs.package-ecosystem, 'npm')
-        uses: lewagon/wait-on-check-action@v1.3.1
+        uses: lewagon/wait-on-check-action@3603e826ee561ea102b58accb5ea55a1a7482343 # v1.4.1
         with:
           ref: ${{ github.event.pull_request.head.sha }}
           repo-token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release.yml

@@ -1 +1 @@
-v20.8.1
+v24

.github/workflows/update.yml

@@ -1,2 +1,125 @@
-# devtools
-Browser devtools extension for debugging WebdriverIO tests
+# WebdriverIO DevTools
+
+A powerful browser devtools extension for debugging, visualizing, and controlling WebdriverIO test executions in real-time.
+
+## Features
+
+### 🎯 Interactive Test Execution
+- **Selective Test Rerun**: Click play buttons on individual test cases, test suites, or Cucumber scenario examples to re-execute them instantly
+- **Smart Browser Reuse**: Tests rerun in the same browser window without opening new tabs, improving performance and user experience
+- **Stop Test Execution**: Terminate running tests with proper process cleanup using the stop button
+- **Test List Preservation**: All tests remain visible in the sidebar during reruns, maintaining full context
+
+### 🎭 Multi-Framework Support
+- **Mocha**: Full support with grep-based filtering for test/suite execution
+- **Jasmine**: Complete integration with grep-based filtering
+- **Cucumber**: Scenario-level and example-specific execution with feature:line targeting
+
+### 📊 Real-Time Visualization
+- **Live Browser Preview**: View the application under test in a scaled iframe with automatic screenshot updates
+- **Actions Timeline**: Command-by-command execution log with timestamps and parameters
+- **Test Hierarchy**: Nested test suite and test case tree view with status indicators
+- **Live Status Updates**: Immediate spinner icons and visual feedback when tests start/stop
+
+### 🧐 Debugging Capabilities
+- **Command Logging**: Detailed capture of all WebDriver commands with arguments and results
+- **Screenshot Capture**: Automatic screenshots after each command for visual debugging
+- **Source Code Mapping**: View the exact line of code that triggered each command
+- **Console Logs**: Capture and display application console output with timestamps and log levels
+- **Network Logs**: Monitor and inspect HTTP requests/responses including headers, payloads, timing, and status codes
+- **Error Tracking**: Full error messages and stack traces for failed tests
+
+### 🎮 Execution Controls
+- **Global Test Running State**: All play buttons automatically disable during test execution to prevent conflicts
+- **Immediate Feedback**: Spinner icons update instantly when tests start
+- **Actions Tab Auto-Clear**: Execution data automatically clears and refreshes on reruns
+- **Metadata Tracking**: Test duration, status, and execution timestamps
+
+### 🔍︎ TestLens
+- **Code Intelligence**: View test definitions directly in your editor
+- **Run/Debug Actions**: Execute individual tests or suites with inline CodeLens actions
+- **Quick Navigation**: Jump between test code and execution results seamlessly
+- **Status Indicators**: Visual feedback for test pass/fail states in the editor
+
+### 🏗️ Architecture
+- **Frontend**: Lit web components with reactive state management (@lit/context)
+- **Backend**: Fastify server with WebSocket streaming for real-time updates
+- **Service**: WebdriverIO reporter integration with stable UID generation
+- **Process Management**: Tree-kill for proper cleanup of spawned processes
+
+## Demo
+
+### 🛠️ Test Rerunner & Snapshot
+<img src="https://github.com/user-attachments/assets/c3804559-c0ec-441a-80dc-e4048385f3b2" alt="Test Rerunner & Snapshot Demo" width="400" />
+
+### 🛑 Stop Test Runner
+<img src="https://github.com/user-attachments/assets/f42e43ed-bfac-4280-be5f-87895fb232d3" alt="Stop Test Runner Demo" width="400" />
+
+### 🔍︎ TestLens
+<img src="https://github.com/user-attachments/assets/72c576a1-330a-49c4-affe-df260e7c70df" alt="TestLens Demo" width="400" />
+
+### >_ Console Logs
+<img src="https://github.com/user-attachments/assets/aff14f15-a298-4a12-bc3d-8e4deefddae6" alt="Console Logs" width="400" />
+
+### 🌐 Network Logs
+<img src="https://github.com/user-attachments/assets/2cca4885-f989-4d07-b7ce-a4fa476c3c1c" alt="Network Logs 1" width="400" />
+
+<img src="https://github.com/user-attachments/assets/0f81e0af-75b5-454f-bffb-e40654c89908" alt="Network Logs 2" width="400" />
+
+## Installation
+
+```bash
+npm install @wdio/devtools-service
+```
+
+## Configuration
+
+Add the service to your `wdio.conf.js`:
+
+```javascript
+export const config = {
+    // ...
+    services: ['devtools']
+}
+```
+
+## Usage
+
+1. Run your WebdriverIO tests
+2. The devtools UI automatically opens in an external browser window at `http://localhost:3000`
+3. Tests begin executing immediately with real-time visualization
+4. View live browser preview, test progress, and command execution
+5. After initial run completes, use play buttons to rerun individual tests or suites
+6. Click stop button anytime to terminate running tests
+7. Explore actions, metadata, console logs, and source code in the workbench tabs
+
+## Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Build all packages
+pnpm build
+
+# Run demo
+pnpm demo
+```
+
+## Project Structure
+
+```
+packages/
+├── app/          # Frontend Lit-based UI application
+├── backend/      # Fastify server with test runner management
+├── service/      # WebdriverIO service and reporter
+└── script/       # Browser-injected trace collection script
+```
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## :page_facing_up: License
+
+[MIT](/LICENSE)