open-index/open-npm huggingface dataset:
npm package: @qiskit/web-components
Description: Qiskit Components is a future-looking project to develop Qiskit design system based around Web Components, ES Modules, and modern browser standards.
Latest version: 0.15.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Qiskit Components

Qiskit Components is a future-looking project to develop Qiskit design system based around Web Components, ES Modules, and modern browser standards.

## Usage

### Prerequisites

- [Node.js](https://nodejs.org) v16 or later.

### Install

    npm install @qiskit/web-components

### Example

```javascript
import '@qiskit/web-components/banner';
```

```html
<qiskit-banner>We have an important announcement!</qiskit-banner>
```

## Contributing

### Prerequisites

- [Node.js](https://nodejs.org) v16 or later.

Furthermore, this project is built on [TypeScript](https://www.typescriptlang.org) with the intention of improving the developer experience.

### Install the dependencies

    npm install

### Start the development server (with Storybook)

This command serves the app at `http://localhost:8000`:

    npm start

### Running the tests

This command runs the tests:

    npm test
npm package: @qit/format
Description: format based on certain keys: A, 9, and *
Latest version: 0.0.0

# @qit/format

format based on certain keys: `A`, `9`, and `*`

```js
var format = require('@qit/format');

format('**** **** **** ****', '4111111111111111') === '4111 1111 1111 1111'
format('**** **** **** ****', '************1111') === '**** **** **** 1111'
format('**** **** **** ****', '************1111') === '**** **** **** 1111'

// handles incomplete values
format('9999 9999 9999 9999', '************1111') === '1111'
format('**** **** **** ****', '41111111') === '4111 1111'
format('**** **** **** ****', '411111111') === '4111 1111 1'

// ignore other characters
format('(999) 999-9999', '12345 67789') === '(123) 456-7789'
format('(999) 999-9999', '12A345 677B89') === '(123) 456-7789'

// appends leftover text
format('A AAAA AAA', 'ILOVEFOOD!') === 'I LOVE FOOD!'
```