From c8439b28568f2b019436a6c5870fe650902c3933 Mon Sep 17 00:00:00 2001
From: Bill Glesias <bglesias@gmail.com>
Date: Wed, 23 Oct 2024 17:36:33 -0400
Subject: [PATCH] chore: disable nx caching and add web extension docs (#30449)

* chore: do not cache the nx functions as it is too difficult to deterministically bust the cache [run ci]

* chore: update extension docs for debugging [run ci]
---
 .circleci/cache-version.txt  |  2 +-
 nx.json                      |  9 +++++----
 packages/extension/README.md | 18 ++++++++++++------
 3 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/.circleci/cache-version.txt b/.circleci/cache-version.txt
index 4bb51c5873a8..ab70be68e6e4 100644
--- a/.circleci/cache-version.txt
+++ b/.circleci/cache-version.txt
@@ -1,3 +1,3 @@
 # Bump this version to force CI to re-create the cache from scratch.
 
-10-08-24-webdriver2
+10-23-24
diff --git a/nx.json b/nx.json
index ba27fca216a1..e698a49a0163 100644
--- a/nx.json
+++ b/nx.json
@@ -5,25 +5,26 @@
         "default",
         "{workspaceRoot}/.eslintrc.js"
       ],
-      "cache": true
+      "cache": false
     },
     "check-ts": {
       "inputs": [
         "default",
         "sharedGlobals"
       ],
-      "cache": true
+      "cache": false
     },
     "build": {
       "dependsOn": [
         "^build"
       ],
-      "cache": true
+      "cache": false
     },
     "build-prod": {
       "dependsOn": [
         "^build-prod"
-      ]
+      ],
+      "cache": false
     }
   },
   "namedInputs": {
diff --git a/packages/extension/README.md b/packages/extension/README.md
index f3bbb1bd3065..ad1409fa7b1c 100644
--- a/packages/extension/README.md
+++ b/packages/extension/README.md
@@ -29,13 +29,19 @@ yarn workspace @packages/extension test-debug
 ### In Chrome
 
 1. Open Chrome
-2. Go into Extensions
-3. Check **Developer Mode**
-4. Click **Load unpacked extension...**
-5. Choose **packages/extension/dist** directory
-6. Click **background page** to debug `background.js`
+2. Go into Extensions (`chrome://extensions`)
+3. Check **Developer Mode** (top right of screen)
+4. Click **Load unpacked extension...** (top left of screen)
+5. Choose **packages/extension/dist** directory (v2)
+6. Click **background page** to debug `background.js` (inspect views `background page`)
 7. Click **Reload (⌘R)** to pull in changes to `manifest.json`
 
 ### In Firefox
 
-To be written...
+1. Launch Firefox via `cypress open`.
+2. Once Firefox is open, open an new tab and navigate to `about:debugging`.
+3. Click the `This Firefox` navigation item on the left hand navigation pane and locate the `Cypress` extension under `Temporary Extensions`.
+4. Click `inspect`. A console window should now appear in a separate window.
+5. Close the `about:debugging` tab.
+6. In the newly spawned console window, you should be able to see `background.js` in the `Debugger` tab.
+7. Set breakpoints as needed to inspect what code you are trying to debug. Happy debugging!