open-index/open-npm huggingface dataset:
npm package: @rocketmark/rux-design-token-preview
Description: A web component for displaying a design token preview
Author: rux-design-token-preview
Latest version: 0.0.3

# \<rux-design-token-preview>

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation

```bash
npm i rux-design-token-preview
```

## Usage

```html
<script type="module">
  import 'rux-design-token-preview/rux-design-token-preview.js';
</script>

<rux-design-token-preview></rux-design-token-preview>
```

## Linting and formatting

To scan the project for linting and formatting errors, run

```bash
npm run lint
```

To automatically fix linting and formatting errors, run

```bash
npm run format
```

## Testing with Web Test Runner

To execute a single test run:

```bash
npm run test
```

To run the tests in interactive watch mode run:

```bash
npm run test:watch
```


## Tooling configs

For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

## Local Demo with `web-dev-server`

```bash
npm start
```

To run a local development server that serves the basic demo located in `demo/index.html`
npm package: @rocketpack/rocketpack
Description: UI component library written using React
Author: Doublethink Studios LLP
Latest version: 0.12.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Rocketpack

UI component library written using React

## Requirements

To use install the following modules:
`npm i react @emotion/core @emotion/styled @rocketpack/rocketpack`

Then import the components you need:
`import { Text } from '@rocketpack/rocketpack`

## Commands

### Running in development

Install with `npm install` and run the Storybook development environment with `npm run storybook`.

### Building

Build the project for distribution using `npm run build`.

### Testing

Test with `npm test`.

To update snapshots run `npm test -- -u`.

To see coverage run `npm test -- --coverage`.
npm package: @rocketpants/angular-lib-test
Description: ## Installation
Author: Ryne Flood
Latest version: 0.1.0

# angular-lib-test

## Installation

To install this library, run:

```bash
$ npm install angular-lib-test --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install angular-lib-test
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from 'angular-lib-test';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<sampleComponent></sampleComponent>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Ryne Flood](mailto:ryne@6amsoftware.com)
npm package: @rocketpants/model
Description: ## Installation
Author: Ryne Flood
Latest version: 0.3.6

# rocketpants-model

## Installation

To install this library, run:

```bash
$ npm install rocketpants-model --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install rocketpants-model
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from 'rocketpants-model';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<sampleComponent></sampleComponent>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Ryne Flood](mailto:ryne@6amsoftware.com)
npm package: @rocketpants/ngrx-utils
Description: ## Installation
Author: Ryne Flood
Latest version: 0.0.8

# rocketpants-model

## Installation

To install this library, run:

```bash
$ npm install rocketpants-model --save
```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash
$ npm install rocketpants-model
```

and then from your Angular `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from 'rocketpants-model';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify your library as an import
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml
<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<sampleComponent></sampleComponent>
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Ryne Flood](mailto:ryne@6amsoftware.com)
npm package: @rocketplay/cache
Description: A dead simple ioredis wrapper for caching
Latest version: 1.4.0

# @rocketplay/cache
A dead simple ioredis wrapper for caching

## Installing
`yarn add @rocketplay/cache` or `npm i @rocketplay/cache`

## Initializing
```typescript
import { initCache } from '@rocketplay/cache';

initCache({
  prefix: 'mysupercache'
});
```

## Wrapper function

Introduced in 1.1.0, CacheOrRun is a wrapper function that allows you to very simply cache any function while keeping all its types !

Example:

```typescript
import { initCache, CacheOrRun } from '@rocketplay/cache';

async function slowFunction (name: string) {
  await new Promise((resolve) => setTimeout(resolve, 500));
  return `Good day, ${name} !`;
}

const fast = CacheOrRun(slowFunction);

async function MyApp () {
  const myResult = await fast('Nicolas');
  // 500ms delay on the first run
  console.log(myResult);
  const myCachedResult = await fast('Nicolas');
  // Near instantanious result !
  console.log(myCachedResult);
}

MyApp();
```

## Simple example with express

```typescript
import { cacheItem, getCached } from '@rocketplay/cache';

// ... assuming you have a base express app

// Dummy async function
async function getLink () {
  return await new Promise((resolve) => {
    setTimeout(() => {
      resolve('twitch.tv/itsRems');
    }, 1337);
  })
}

app.get('/cached', async function (req, res) {
  const key = "thing_Icached";
  const cached = await getCached(key);
  if (cached) return res.send({ link: cached });
  const link = await getLink();
  await cacheItem(key, link, 15*60); // Cache for 15 minutes
  return res.send({ link });
});

```

moar docs coming soon, feel free to take a look at the source code ;)