docs(next): Refactor PM comps to use package-manager-detector

[ieedan]

Fixes #1474

• Adds run dev server once to installation instruction
• Adds <PMRun/> component
• Refactors the pm-block component with package-manager-detector so adding new commands is easier.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 30ce39e

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[ieedan]

package-manager-detector won't deploy because of cloudflare even though we aren't using that part of the functionality :(

[ieedan]

I almost want to open up an issue on package-manager-detector to see if they would be open to publishing another package with just the resolveCommand functionality as it is really useful for the application we are using it for now and we surely aren't and won't be the only ones to experience this.

edit:
Maybe not another package but I think (or hope) that if they export types we can just import from /types and /commands without importing from index.ts and maybe that would solve this problem.

[AdrianGonz97]

I don't think this will be necessary now that #1487 is merged. svelte-kit sync ensures that the .svelte-kit directory is generated. If it's missing in the project, the CLI runs the command to generate it for them

[ieedan]

I don't think this will be necessary now that #1487 is merged. svelte-kit sync ensures that the .svelte-kit directory is generated. If it's missing in the project, the CLI runs the command to generate it for them

I think you are right let me try and reproduce their issue without the new steps before closing it!

[ieedan]

Yeah I can't reproduce it with the latest version.

I still think this has some good changes to the PM components but unless something changes with package-manager-detector we can't really use them.

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
shadcn-svelte	✅ Ready (View Log)	Visit Preview	30ce39e

[ieedan]

Changing this just to refactor the PM component.

All I had to do to make it work was use type only imports from the root of the project so that it doesn't load node. And then import resolveCommand from /commands.

[huntabyte]

CleanShot.2024-11-17.at.13.41.44.mp4

Is this actually how scripts are executed with bun or should it be bunx?

[ieedan]

CleanShot.2024-11-17.at.13.41.44.mp4

Is this actually how scripts are executed with bun or should it be bunx?

Yeah you're right I'm either using resolve command wrong or there's a bug I can hopefully find the time to take a look today if not tomorrow

[ieedan]

Okay so actually bunx is a shorthand for bun x

https://bun.sh/docs/cli/bunx

But I think pretty much everyone just says bunx so maybe I should just make an exception for bun and that command?

[huntabyte]

@AdrianGonz97 what are your feelings about this lol

[huntabyte]

We're going to keep it as bun x as it is the actual command rather than an alias.

[huntabyte]

Thank you!