Skip to content

Add Wrangler CTA to the playground#6532

Merged
penalosa merged 4 commits intomainfrom
penalosa/playground-wrangler-cta
Aug 20, 2024
Merged

Add Wrangler CTA to the playground#6532
penalosa merged 4 commits intomainfrom
penalosa/playground-wrangler-cta

Conversation

@penalosa
Copy link
Copy Markdown
Contributor

@penalosa penalosa commented Aug 20, 2024

What this PR solves / how to test

Fixes https://jira.cfdata.org/browse/DEVX-1311

Adds a tab to the workers playground which calls out the C3 flow for creating a worker
Screenshot 2024-08-20 at 10 29 07

Author has addressed the following

  • Tests
    • TODO (before merge)
    • Included
    • Not necessary because: The playground frontend is manually tested
  • E2E Tests CI Job required? (Use "e2e" label or ask maintainer to run separately)
    • I don't know
    • Required / Maybe required
    • Not required because: playground
  • Changeset (Changeset guidelines)
    • TODO (before merge)
    • Included
    • Not necessary because:
  • Public documentation
    • TODO (before merge)
    • Cloudflare docs PR(s):
    • Not necessary because: internal implementation detail

@penalosa penalosa requested a review from a team as a code owner August 20, 2024 09:06
@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Aug 20, 2024

🦋 Changeset detected

Latest commit: bb5f21e

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

This PR includes changesets to release 1 package
Name Type
workers-playground 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
Copy link
Copy Markdown
Contributor

github-actions bot commented Aug 20, 2024

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/10470005449/npm-package-wrangler-6532

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

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

Or you can use npx with this latest build directly:

npx https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/10470005449/npm-package-wrangler-6532 dev path/to/script.js
Additional artifacts:
npx https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/10470005449/npm-package-create-cloudflare-6532 --no-auto-update
npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/10470005449/npm-package-cloudflare-kv-asset-handler-6532
npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/10470005449/npm-package-miniflare-6532
npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/10470005449/npm-package-cloudflare-pages-shared-6532
npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/10470005449/npm-package-cloudflare-vitest-pool-workers-6532
npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/10470005449/npm-package-cloudflare-workers-editor-shared-6532
npm install https://prerelease-registry.devprod.cloudflare.dev/workers-sdk/runs/10470005449/npm-package-cloudflare-workers-shared-6532

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


wrangler@3.72.0 includes the following runtime dependencies:

Package Constraint Resolved
miniflare workspace:* 3.20240806.1
workerd 1.20240806.0 1.20240806.0
workerd --version 1.20240806.0 2024-08-06

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

Copy link
Copy Markdown
Contributor

@andyjessop andyjessop left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would it be possible to get a screenshot here, to get more context as to what is up for review?

alignItems: "center",
width: "fit-content",
fontSize: theme.fontSizes[1],
color: `${theme.colors.indigo[isDarkMode() ? 9 : 2]} !important`,
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It would be negligent of me not to ask why !important is needed here 😁

We could perhaps add a comment to explain.

Copy link
Copy Markdown
Contributor Author

@penalosa penalosa Aug 20, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Honestly I'm not super sure—the intention here is to match the dashboard styles.

color: `${theme.colors.indigo[isDarkMode() ? 9 : 2]} !important`,
backgroundColor: theme.colors.indigo[isDarkMode() ? 4 : 9],
borderRadius: "100vw",
px: 2,
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What unit is 2? Is it rems?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No, it's a unit in our design system, which ends up rendered as 8px

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh I see, it's like a "level". Fair enough, thanks for clarifying!

"&:hover svg": {
color: theme.colors.indigo[isDarkMode() ? 9 : 2],
},
}),
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I feel like these styles should be shared somehow? Is this a button that looks similar to other buttons on the site, or are these styles specific to the docs link?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The styling of this button is pretty unique to the docs link—it doesn't really look like anything else on the site

Copy link
Copy Markdown
Contributor

@andyjessop andyjessop left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good stuff 👍

@penalosa penalosa merged commit d80fccb into main Aug 20, 2024
@penalosa penalosa deleted the penalosa/playground-wrangler-cta branch August 20, 2024 10:54
@lrapoport-cf lrapoport-cf mentioned this pull request Aug 20, 2024
12 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Archived in project

Development

Successfully merging this pull request may close these issues.

2 participants