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

@@ -1,3 +1,3 @@
 # Bump this version to force CI to re-create the cache from scratch.
 
-10-08-24-webdriver2
+10-23-24

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": {

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!