hideoo / starlight-package-managers

Quickly display npm related commands for multiple package managers in your Starlight documentation site

starlight-package-managers 🗃

Quickly display npm related commands for multiple package managers in your Starlight documentation site.

Getting Started

Want to get started immediately? Check out the getting started guide or a live demo.

Description

Replace the following MDX code:

<Tabs>
<TabItem label="npm">

```sh
npm create astro@latest -- --template starlight
```

</TabItem>
<TabItem label="pnpm">

```sh
pnpm create astro --template starlight
```

</TabItem>
<TabItem label="Yarn">

```sh
yarn create astro --template starlight
```

</TabItem>
</Tabs>

By this one:

<PackageManagers type="create" pkg="astro@latest" args="--template starlight" />

Features

• Support for various package managers: npm, yarn, pnpm, bun & ni.
• Support for various types of command: add, create, exec & run.
• Synced tabs between each instance on the same page.
• Customizable output with extra arguments, comments & prefixes.

Documentation

Check out the Starlight Package Managers documentation.

Related Projects

• npm-package-manager-extension
• npm-install-block

License

Licensed under the MIT License, Copyright © HiDeoo.

See LICENSE for more information.

starlight-package-managers's Issues

Package manager icons

Is your feature request related to a problem?

N/A

Describe the solution you'd like

It'd be cool if it'd show icons next to the package managers, like on the Biome website https://biomejs.dev/guides/getting-started/#installation

Describe alternatives you've considered

Well, not having icons, but it's not as nice, right

Additional Context

No response

Persist pkg manager choice between pages

Is your feature request related to a problem?

I have to pick the package manager every time, whenever I'm switching between Starlight pages.

Describe the solution you'd like

Save my choice in localStorage and read on component init.

Describe alternatives you've considered

No response

Additional Context

No response