starlight-package-managers 0.5.0 → 0.7.0

package/PackageManagers.astro

@@ -1,6 +1,8 @@
 ---
-import { Code, Tabs, TabItem } from '@astrojs/starlight/components'
+import { Code as ECCode, Tabs, TabItem } from '@astrojs/starlight/components'
 import type { ComponentProps } from 'astro/types'
+import { Code as AstroCode } from 'astro:components'
+import config from 'virtual:starlight/user-config'
 
 import {
   type CommandOptions,
@@ -24,7 +26,9 @@ interface Props extends CommandOptions {
 
 const { frame = 'terminal', icons = true, pkg, pkgManagers, title = undefined, type = 'add', ...options } = Astro.props
 const singlePkgManager = pkgManagers?.length === 1 ? pkgManagers[0] : undefined
-const ecFrame = frame === 'terminal' ? 'terminal' : 'code'
+const isUsingEC = config.expressiveCode !== false
+const ecFrame = isUsingEC ? (frame === 'terminal' ? 'terminal' : 'code') : undefined
+const Code = isUsingEC ? ECCode : AstroCode
 
 function getTabItemProps(pkgManager: PackageManager) {
   const props: ComponentProps<typeof TabItem> = { label: pkgManager }

package/README.md

@@ -20,7 +20,7 @@
 
 ## Getting Started
 
-Want to get started immediately? Check out the [getting started guide](https://starlight-package-managers.vercel.app/getting-started/) or a [live demo](https://starlight-package-managers.vercel.app/demo/).
+Want to get started immediately? Check out the [getting started guide](https://starlight-package-managers.vercel.app/getting-started/) or check out the [demo](https://starlight-package-managers.vercel.app/demo/) to see the plugin in action.
 
 ## Description
 
@@ -61,14 +61,10 @@ By this one:
 ## Features
 
 - Support for various package managers: [npm](https://www.npmjs.com), [yarn](https://yarnpkg.com), [pnpm](https://pnpm.io), [bun](https://bun.sh) & [ni](https://github.com/antfu/ni).
-- Support for various types of command: [`add`](https://starlight-package-managers.vercel.app/usage/#add), [`create`](https://starlight-package-managers.vercel.app/usage/#create), [`exec`](https://starlight-package-managers.vercel.app/usage/#exec) & [`run`](https://starlight-package-managers.vercel.app/usage/#run).
+- Support for various types of command: [`add`](https://starlight-package-managers.vercel.app/usage/#add), [`create`](https://starlight-package-managers.vercel.app/usage/#create), [`exec`](https://starlight-package-managers.vercel.app/usage/#exec), [`run`](https://starlight-package-managers.vercel.app/usage/#run) & [`remove`](https://starlight-package-managers.vercel.app/usage/#remove).
 - Synced tabs between each instance on the same page.
 - Customizable output with [extra arguments](https://starlight-package-managers.vercel.app/usage/#extra-arguments), [comments](https://starlight-package-managers.vercel.app/usage/#comment) & [prefixes](https://starlight-package-managers.vercel.app/usage/#prefix).
 
-## Documentation
-
-Check out the [Starlight Package Managers documentation](https://starlight-package-managers.vercel.app).
-
 ## Related Projects
 
 - [npm-package-manager-extension](https://github.com/HiDeoo/npm-package-manager-extension)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "starlight-package-managers",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "license": "MIT",
   "description": "Quickly display npm related commands for multiple package managers in your Starlight documentation site.",
   "author": "HiDeoo <github@hideoo.dev> (https://hideoo.dev)",
@@ -10,9 +10,9 @@
     "./package.json": "./package.json"
   },
   "devDependencies": {
-    "@astrojs/starlight": "0.22.0",
+    "@astrojs/starlight": "0.24.4",
     "@playwright/test": "1.36.2",
-    "astro": "4.3.7",
+    "astro": "4.11.0",
     "vitest": "0.33.0"
   },
   "peerDependencies": {

package/pkg.ts

@@ -9,6 +9,7 @@ const commands: Commands = {
     devOption: '-D',
     exec: 'npx',
     run: 'npm run',
+    remove: 'npm uninstall',
   },
   yarn: {
     add: 'yarn add',
@@ -16,6 +17,7 @@ const commands: Commands = {
     devOption: '-D',
     exec: 'yarn',
     run: 'yarn run',
+    remove: 'yarn remove',
   },
   pnpm: {
     add: 'pnpm add',
@@ -23,18 +25,21 @@ const commands: Commands = {
     devOption: '-D',
     exec: 'pnpm',
     run: 'pnpm run',
+    remove: 'pnpm remove',
   },
   bun: {
     add: 'bun add',
     devOption: '-d',
     exec: 'bunx',
     run: 'bun run',
+    remove: 'bun remove',
   },
   ni: {
     add: 'ni',
     devOption: '-D',
     exec: 'nlx',
     run: 'nr',
+    remove: 'nun',
   },
 }
 
@@ -93,7 +98,7 @@ export function getCommand(
   return command
 }
 
-export type CommandType = 'add' | 'create' | 'exec' | 'run'
+export type CommandType = 'add' | 'create' | 'exec' | 'run' | 'remove'
 
 export interface CommandOptions {
   args?: string

package/starlight.d.ts

@@ -0,0 +1,5 @@
+declare module 'virtual:starlight/user-config' {
+  const Config: import('@astrojs/starlight/types').StarlightConfig
+
+  export default Config
+}