feat(cloudflare-workers-bindings-extensions): list bindings on the sidebar

[edmundhung]

Fixes DEVX-1472

This PR introduce the bindings view on the vscode extension that lists all the supported bindings in the sidebar. This implementation assumes the wrangler config is present on the root of the workspace folder and does not support monorepo at the moment.

---

• Tests
  • TODO (before merge)
  • Tests included
  • Tests not necessary because:
• E2E Tests CI Job required? (Use "e2e" label or ask maintainer to run separately)
  • I don't know
  • Required
  • Not required because: No e2e tests for VSCode extension
• Public documentation
  • TODO (before merge)
  • Cloudflare docs PR(s):
  • Documentation not necessary because: unreleased

[changeset-bot]

🦋 Changeset detected

Latest commit: 9e31010

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
cloudflare-workers-bindings-extension	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

A wrangler prerelease is available for testing. You can install this latest build in your project with:

npm install --save-dev https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-wrangler-7582

You can reference the automatically updated head of this PR with:

npm install --save-dev https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/prs/7582/npm-package-wrangler-7582

Or you can use npx with this latest build directly:

npx https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-wrangler-7582 dev path/to/script.js

Additional artifacts:

wget https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-cloudflare-workers-bindings-extension-7582 -O ./cloudflare-workers-bindings-extension.0.0.0-vb5632048e.vsix && code --install-extension ./cloudflare-workers-bindings-extension.0.0.0-vb5632048e.vsix

npx https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-create-cloudflare-7582 --no-auto-update

npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-cloudflare-kv-asset-handler-7582

npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-miniflare-7582

npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-cloudflare-pages-shared-7582

npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-cloudflare-unenv-preset-7582

npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-cloudflare-vitest-pool-workers-7582

npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-cloudflare-workers-editor-shared-7582

npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-cloudflare-workers-shared-7582

npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/12401351877/npm-package-cloudflare-workflows-shared-7582

Note that these links will no longer work once the GitHub Actions artifact expires.

---

wrangler@3.97.0 includes the following runtime dependencies:

Package	Constraint	Resolved
miniflare	workspace:*	3.20241205.0
workerd	1.20241205.0	1.20241205.0
workerd --version	1.20241205.0	2024-12-05

Please ensure constraints are pinned, and miniflare/workerd minor versions match.

[penalosa]

We use tsx in various other places for stuff like this. Would that work? I'd alos love to see if it's possible to run this in CI—does it fail if you add a test:ci script?

[edmundhung]

Just tried that but it fails with this message:

Error: Cannot find module '/Users/edmund/Workspace/workers-sdk/packages/cloudflare-workers-bindings-extension/src/test/suite/index'

I have also pushed a commit with the test:ci script. The tests seems to be running fine on windows and macos but fails on ubuntu (https://github.com/cloudflare/workers-sdk/actions/runs/12401086099/job/34619688337). I can look at this next as a follow-up.

[edmundhung]

Looks like we need to have Xvfb enabled specifically for ubuntu:
https://code.visualstudio.com/api/working-with-extensions/continuous-integration#github-actions

[penalosa]

Minor comment about tests, but otherwise looking good! We should also make sure to render all bindings, not just the ones we can edit

[edmundhung]

Minor comment about tests, but otherwise looking good! We should also make sure to render all bindings, not just the ones we can edit

I can do a follow-up and extend it to all bindings tomorrow 👍🏼 (or on this branch if the main is still locked)