Use updated VSCode (#10370)

* Update VSCodeEditor.tsx

* Fix URL extraction and improve deployment messages

Updated URL extraction command and modified messages for clarity.

* Update deploy-pages-previews.yml

* Update deploy-pages-previews.yml

* Update changeset for VSCode version change

* Fix lint

* Update deploy-pages-previews.yml

* Update deployment workflow to install grep

Replaced coreutils installation with grep installation in the workflow.

* Fix formatting: remove trailing whitespace

Co-Authored-By: [email protected] <[email protected]>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>

Author: penalosa

.changeset/blue-dancers-cry.md

@@ -0,0 +1,5 @@
+---
+"@cloudflare/workers-playground": patch
+---
+
+Use updated VSCode version

.github/workflows/deploy-pages-previews.yml

@@ -46,6 +46,9 @@ jobs:
         with:
           node-version: 22
 
+      - name: Install grep
+        run: brew install grep
+
       - name: Build tools and libraries
         run: pnpm run build
         env:
@@ -57,7 +60,7 @@ jobs:
         run: |
           output=$(pnpm --filter @cloudflare/chrome-devtools-patches run deploy)
           echo "Extracting deployed URL from command output"
-          url=$(echo "$output" | grep -oP 'Take a peek over at \K\S+')
+          url=$(echo "$output" | ggrep -oP 'Take a peek over at \K\S+')
           echo "Extracted URL: $url"
           echo "VITE_DEVTOOLS_PREVIEW_URL=$url" >> $GITHUB_ENV
         env:
@@ -73,10 +76,11 @@ jobs:
 
       - name: Deploy Workers Playground preview
         if: contains(github.event.*.labels.*.name, 'preview:workers-playground')
+        shell: bash
         run: |
           output=$(pnpm --filter workers-playground run build:testing && pnpm --filter workers-playground run deploy)
           echo "Extracting deployed URL from command output"
-          url=$(echo "$output" | grep -oP 'Take a peek over at \K\S+')
+          url=$(echo "$output" | ggrep -oP 'Take a peek over at \K\S+')
           echo "Extracted URL: $url"
           echo "PLAYGROUND_URL=$url" >> $GITHUB_ENV
         env:

packages/workers-playground/src/QuickEditor/VSCodeEditor.tsx

@@ -15,7 +15,8 @@ function stripSlashPrefix(path: string) {
 	return path[0] === "/" ? path.slice(1) : path;
 }
 
-const quickEditHost = "https://quick-edit.devprod.cloudflare.dev";
+const quickEditHost =
+	"https://e98a7604.quick-edit-workers.devprod.cloudflare.dev";
 
 function constructVSCodeURL(serviceId: string, baseURL: string) {
 	const workerPath = `cfs:/${serviceId}`;