open-index/open-npm huggingface dataset:
npm package: @fivethree/lottie
Description: Lottie Animation Component
Latest version: 0.3.0

# Lottie Animation Component

[![npm version](https://badge.fury.io/js/%40fivethree%2Flottie.svg)](https://www.npmjs.com/@fivethree/lottie)
[![License](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/fivethree-team/lottie/blob/master/LICENSE)

Lottie Animation Component for Angular 8 or higher.

| Angular | @fivehtree/core |
| ------- | --------------- |
| 8/9     | 0.3.x+          |
| 7       | 0.2.x           |

## 📦 Installation

```console
npm install @fivethree/lottie lottie-web --save

# or if you are using yarn
yarn add @fivethree/lottie lottie-web
```

## 🔨 Usage

Import the module into your root application module:

```typescript
import { NgModule } from '@angular/core';
import { LottieModule } from '@fivethree/lottie';

@NgModule({
  imports: [LottieModule]
})
export class AppModule {}
```

## 🦁 Animation

Add the lottie component to your template:

```html
<fiv-lottie
  [params]="lottieParams"
  [width]="250"
  [height]="250"
  (animationCreated)="onAnimationCreated($event)"
></fiv-lottie>
```

You need to setup the `lottieParams` in your component:

```typescript
import { Component } from '@angular/core';
import { LottieAnimation, LottieParams } from '@fivethree/lottie';

Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss']
})
export class HomePage {
  lottieParams: LottieParams = {
    path: 'assets/lottie/empty_box.json',
    renderer: 'canvas',
    loop: true
  };

  onAnimationCreated(animation: LottieAnimation) {
    animation.play();
    animation.setSpeed(0.8);
  }
}
```

Save your lottie files in the assets folder and change the `path` param, this way they are copied when building your application.
npm package: @fivethree/ngxs-ionic-router-plugin
Description: NGXS Ionic Router Plugin
Latest version: 1.0.0

# IonicRouterPlugin for NGXS

[![npm version](https://badge.fury.io/js/%40fivethree%2Fngxs-ionic-router-plugin.svg)](https://www.npmjs.com/@fivethree/ngxs-ionic-router-plugin)
[![License](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/fivethree-team/ngxs-ionic-router-plugin/blob/master/LICENSE)

Router Plugin for Ionic 5 and NGXS 3.7.1 or higher.

| Angular | @ngxs/store | ionic | @fivethree/@fivethree/ngxs-ionic-router-plugin |
| ------- | ----------- | ----- | ---------------------------------------------- |
| 11      | 3.7.1+      | 5.x.x | 1.0.0                                          |
| 8/9     | 3.6.x+      | 5.x.x | 0.3.x                                          |
| 8/9     | 3.6.x+      | 4.x.x | 0.2.x                                          |
| 7       | 3.3.4+      | 4.x.x | 0.1.0                                          |

## 📦 Installation

```console
npm install @fivethree/ngxs-ionic-router-plugin --save

# or if you are using yarn
yarn add @fivethree/ngxs-ionic-router-plugin
```

## 🔨 Usage

Import the module into your root application module:

```typescript
import { NgModule } from '@angular/core';
import { NgxsModule } from '@ngxs/store';
import { NgxsIonicRouterPluginModule } from '@fivethree/ngxs-ionic-router-plugin';

@NgModule({
  imports: [NgxsModule.forRoot(states), NgxsIonicRouterPluginModule.forRoot()]
})
export class AppModule {}
```

Now the route will be reflected in your store under the `ionicRouter` state name.

## 🧭 Navigation

`new NavigateRoot(path: string | UrlTree | any[], options?: NavigationOptions)`

`new NavigateForward(path: string | UrlTree | any[], options?: NavigationOptions)`

`new NavigateBackward(path: string | UrlTree | any[], options?: NavigationOptions)`

`new NavigateBack(options?: AnimationOptions)`
npm package: @fivethree/snippet-devtool
Description: billy example app / boilerplate
Author: garygrossgarten
Latest version: 0.2.0


<!-- Auto Generated Below -->
# ExampleApplication
#### 
# Lanes
Index|Name|Description
---|---|---
1|hello_world|This is an example lane.\nThe only thing it really does is output Hello World! 👾
### 1. hello_world
This is an example lane.\nThe only thing it really does is output Hello World! 👾
npm package: @fivethreeo/start-server-webpack-plugin
Description: Automatically start your server once Webpack's build completes.
Author: Eric Clemmons
Latest version: 3.0.0-rc5

# start-server-webpack-plugin

> Automatically start your server once Webpack's build completes + handle hot reloading (HMR)

[![travis build](https://img.shields.io/travis/ericclemmons/start-server-webpack-plugin.svg)](https://travis-ci.org/ericclemmons/start-server-webpack-plugin)
[![version](https://img.shields.io/npm/v/start-server-webpack-plugin.svg)](http://npm.im/start-server-webpack-plugin)
[![downloads](https://img.shields.io/npm/dm/start-server-webpack-plugin.svg)](http://npm-stat.com/charts.html?package=start-server-webpack-plugin)
[![MIT License](https://img.shields.io/npm/l/start-server-webpack-plugin.svg)](http://opensource.org/licenses/MIT)

### Installation

```shell
$ npm install --save-dev start-server-webpack-plugin
```

### Usage

In `webpack.config.server.babel.js`:

```js
import StartServerPlugin from "start-server-webpack-plugin";

export default {
  ...
  plugins: [
    ...
    // Only use this in DEVELOPMENT
    new StartServerPlugin({
      // print server logs
      verbose: true,
      // print plugin/server errors
      debug: false,
      // name of the entry to run, defaults to 'main'
      entryName: 'server',
      // any arguments to nodejs when running the entry, this one allows debugging
      nodeArgs: ['--inspect-brk'],
      // any arguments to pass to the script
      scriptArgs: ['scriptArgument1', 'scriptArgument2'],
      // Allow typing 'rs' to restart the server. default: only if NODE_ENV is 'development'
      restartable: true | false,
      // Only run the server once (default: false)
      once: false | true,
    }),
    ...
  ],
  ...
}
```

The `entryName` argument defaults to `"main"`, which is the name Webpack uses if you use the string or array versions of the `entry` option.

You can use `nodeArgs` and `args` to pass arguments to node and your script, respectively. For example, you can use this to use the node debugger.

To use Hot Module Reloading with your server code, set Webpack to "hot" and "watch" modes.
This plugin appends some code to the end of the entry so that it can handle HMR and restarts; no need to add any of the `webpack/hot` modules.

### Upgrading from v2

- Remove the `name` option and define `entryName` if it's not just `"main"`
- Remove any hot reloading additions

### License

> MIT License 2016-2018 © Eric Clemmons
npm package: @fivetrandevelopers/zetasql
Description: ZetaSQL gRPC server and client
Latest version: 1.13.0

# zetasql-npm

[ZetaSQL](https://github.com/google/zetasql) library that can be used to provide consistent behavior for all semantic analysis, name resolution, type checking, implicit casting, etc.

## Installation

```sh
npm i @fivetrandevelopers/zetasql
```
npm package: @fivetrandevelopers/zetasql-snowflake
Description: ZetaSQL Snowflake gRPC server and client
Latest version: 0.11.0

# zetasql-snowflake

This is npm package for [zetasql-snowflake](https://github.com/fivetran/zetasql-snowflake) library that can be used to provide consistent behavior for all semantic analysis, name resolution, type checking, implicit casting, etc.

## Installation

```sh
npm i @fivetrandevelopers/zetasql-snowflake
```