open-index/open-npm huggingface dataset:
npm package: @metrostar/comet
Description: React with TypeScript Component Library based on USWDS 3.0.
Latest version: 1.0.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Comet

Comet is a React with TypeScript Component Library based on USWDS 3.0.

## Getting Started

In order to utilize Comet within your app, you must first ensure USWDS is pre-configured in your app. Please review the following for details: [USWDS Documentation](https://designsystem.digital.gov/documentation/developers/).

1. Add Comet to your project:

```sh
# npm
npm i --save @metrostar/comet
# or yarn
yarn add @metrostar/comet
```

2. Add your first Comet component:

```tsx
import { Alert } from '@metrostar/comet';
```
npm package: @metrostar/comet-cli
Description: A CLI for creating Comet Apps. DEPRECATED: Use @metrostar/comet-mcp instead.
Latest version: 2.1.2
Deprecated: Please use @metrostar/comet-mcp for enhanced AI coding assistant integration

# Comet CLI

> **⚠️ DEPRECATED**: This CLI is deprecated and will be removed in a future version. Please use [@metrostar/comet-mcp](../comet-mcp) instead for enhanced integration with AI coding assistants.

CLI for creating Comet Apps

## Getting Started

To install the CLI globally, run the following:

```sh
npm install -g @metrostar/comet-cli
```

## Example Commands

### Generate a new Comet Stater UI (React with TypeScript)

```sh
comet init --type ui --name [SOME_PROJECT_NAME]
```

### Generate a new Comet Starter API (Python Fast API)

```sh
comet init --type api --name [SOME_PROJECT_NAME]
```

### Add a new Component

```sh
comet add component [SOME_COMPONENT_NAME] # Ex: comet add component SomeComponent
```

### Add a new Page

```sh
comet add page [SOME_PAGE_NAME] # Ex: comet add page SomePage
```

### Getting Help

```sh
comet --help
comet init --help
```
npm package: @metrostar/comet-data-viz
Description: A set of Victory Chart components provided as a Comet wrapper
Latest version: 1.2.2

# Comet Data Viz

A set of Victory Chart components provided as a Comet wrapper.

## Getting Started

1. Add Comet Data Viz to your project:

```sh
# npm
npm i --save @metrostar/comet-data-viz
# or yarn
yarn add @metrostar/comet-data-viz
```

2. Add your first Comet Data Viz component:

```tsx
import { BarGraph } from '@metrostar/comet-data-viz';

const chart = {
  title: 'Bar graph',
  width: 400,
  height: 300,
};

const data = [
  { x: 'Cat', y: 2 },
  { x: 'Dog', y: 7 },
  { x: 'Fish', y: 3 },
  { x: 'Snake', y: 1 },
  { x: 'Rabbit', y: 2 },
];

<BarGraph chart={chart} alignment="start" color="#0d7ea2" barRatio={1} data={data} />;
```
npm package: @metrostar/comet-extras
Description: A set of custom components, intended to fill in the gaps where USWDS does not provide an implementation.
Latest version: 1.9.0

# Comet Extras

A set of custom components, intended to fill in the gaps where USWDS does not provide an implementation.

## Getting Started

1. Add Comet Extras to your project:

```sh
# npm
npm i --save @metrostar/comet-extras
# or yarn
yarn add @metrostar/comet-extras
```

2. Add your first Comet Extras component:

```tsx
import Tabs, { TabPanel } from '@metrostar/comet-extras';

<Tabs id="tabs">
  <TabPanel id="tab-panel-1" label="Tab 1">
    <p>Content of Tab 1</p>
  </TabPanel>
</Tabs>;
```