open-index/open-npm huggingface dataset:
npm package: @lif3ng-org-1/pkg2-rollup
Description: > TODO: description
Author: 李峰
Latest version: 0.0.2

# `@lif3ng-org-1/pkg2-rollup`

> TODO: description

## Usage

```
import pkg2Rollup from '@lif3ng-org-1/pkg2-rollup';

// TODO: DEMONSTRATE API
```
npm package: @lifabing/browser
Description: A SDK For Monitoring Browser Errors
Author: lifabing
Latest version: 3.0.4

# @lifabing/browser


## Install

```bash
# using npm
npm i @lifabing/browser
# using yarn
yarn add @lifabing/browser
```

### usage

```typescript
// some.js
import { init } from '@lifabing/browser'

// multiple instances
const MitoInstance = init({
  // set debug true to convenient debugger in dev,set false in prod
  debug:true,
  dsn: 'https://test.com/yourInterface',
  maxBreadcrumbs: 100
})
```

more info of [@lifabing/browser](https://mitojs.github.io/mito-doc/#/sdk/guide/browser)
npm package: @lifabing/ccc
Description: @watch-dog-sdk/core
Author: cjinhuo
Latest version: 3.0.1

# @watch-dog-sdk/core
provider some core class、base abstract class and base options for [@watch-dog-sdk](https://github.com/mitojs/mitojs)

read the [mito-doc](https://mitojs.github.io/mito-doc/#/sdk/guide/introduction) to konw more info
npm package: @lifabing/core
Description: @mitojs/core
Author: cjinhuo
Latest version: 3.0.1

# @mitojs/core
provider some core class、base abstract class and base options for [@mitojs](https://github.com/mitojs/mitojs)

read the [mito-doc](https://mitojs.github.io/mito-doc/#/sdk/guide/introduction) to konw more info
npm package: @lifabing/shared
Description: @lifabing/shared
Author: lifabing
Latest version: 3.0.1

# @lifabing/shared

provider some common configuration,such as constants、enum for [@lifabing](https://github.com/mitojs/mitojs)


read the [mito-doc](https://mitojs.github.io/mito-doc/#/sdk/guide/introduction) to konw more info
npm package: @lifabing/types
Description: @lifabing/types
Author: cjinhuo
Latest version: 3.0.1

# @lifabing/types

provider some common types for [@lifabing](https://github.com/mitojs/mitojs)


read the [mito-doc](https://mitojs.github.io/mito-doc/#/sdk/guide/introduction) to konw more info
npm package: @lifabing/utils
Description: @lifabing/utils
Author: cjinhuo
Latest version: 3.0.1

# @lifabing/utils

provider some common tool funciton for [@lifabing](https://github.com/mitojs/mitojs)


read the [mito-doc](https://mitojs.github.io/mito-doc/#/sdk/guide/introduction) to konw more info
npm package: @lifabing/vue
Description: A SDK for monitoring Vue errors
Author: cjinhuo
Latest version: 3.0.1

# @lifabing/vue

# ⚠️ attention

**If you want to import in weixin miniprograme,please replace `@lifabing/browser` to `@miotjs/wx-mini`**



# 🛠️ Install

```bash
# using npm
npm i @lifabing/vue @lifabing/browser
# using yarn
yarn add @lifabing/vue @lifabing/browser
```

read the [mito-doc](https://mitojs.github.io/mito-doc/#/sdk/guide/introduction) to konw more info


# 🥳 Usage

### Vue2.X

```typescript
// main.js
import Vue from 'vue'
import { init } from '@lifabing/browser'
import { vuePlugin } from '@lifabing/vue'

// multiple instances
const MitoInstance = init({
  // set debug true to convenient debugger in dev,set false in prod
  debug:true,
  vue: Vue,
  dsn: 'https://test.com/yourInterface',
  maxBreadcrumbs: 100
},[vuePlugin])

```

### Vue3.x
```typescript
// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import { init } from "@lifabing/browser";
import { vuePlugin } from "@lifabing/vue";

const app = createApp(App)
const MitoInstance = init({
  // set debug true to convenient debugger in dev,set false in prod
  debug:true,
  vue: app,
  dsn: 'https://test.com/yourInterface',
  maxBreadcrumbs: 100
},[vuePlugin])
```
npm package: @lifabing/web
Description: A SDK For Monitoring Web(React、Vue) Errors
Author: cjinhuo
Latest version: 3.0.1

# @lifabing/web
The following three packages are integrated
* [@mito/browser](https://github.com/mitojs/mitojs/tree/master/packages/browser)
* [@mito/react](https://github.com/mitojs/mitojs/tree/master/packages/react)
* [@mito/vue](https://github.com/mitojs/mitojs/tree/master/packages/vue)


## Install
```bash
# using npm
npm i @lifabing/web
# using yarn
yarn add @lifabing/web
```

read the [mito-doc](https://mitojs.github.io/mito-doc/#/sdk/guide/introduction) to konw more info



## Usage
```js
import { init,MitoProvider,ErrorBoundary,vuePlugin } from '@lifabing/web'
```
**go to **

* [@mito/browser usage manual](https://github.com/mitojs/mitojs/tree/master/packages/browser)
* [@mito/react usage manual](https://github.com/mitojs/mitojs/tree/master/packages/react)
* [@mito/vue usage manual](https://github.com/mitojs/mitojs/tree/master/packages/vue)
npm package: @lifanko/slog-server
Description: Receive and publish real time log
Author: lifanko
Latest version: 1.0.0

# slog-server

Receive and publish real time log.

### Start server

 + npm install
 + npm start

The console will output:

```text
> node server.js

[INFO]@[ws] Starting...

[INFO]@[ws] Started

[INFO]@[http] Starting...

[INFO]@[http] Started
```

### Slog Client

[Slog Tool] for Windows: https://github.com/lifankohome/slog-tool
npm package: @lifaon/class-factory
Description: Description
Author: Valentin Richard
Latest version: 1.3.0

[![npm (scoped)](https://img.shields.io/npm/v/@lifaon/class-factory.svg)](https://www.npmjs.com/package/@lifaon/class-factory)
![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@lifaon/class-factory.svg)
![npm](https://img.shields.io/npm/dm/@lifaon/class-factory.svg)
![NPM](https://img.shields.io/npm/l/@lifaon/class-factory.svg)
![npm type definitions](https://img.shields.io/npm/types/@lifaon/class-factory.svg)


## class-factory ##
To install:
```bash
yarn add @lifaon/class-factory
# or 
npm i @lifaon/class-factory --save
```

Entry point: `index.js`, others may contain some private or garbage experiment code. I recommend you to use rollup to import/bundle the package,
but you may use an already bundled version in `bundles/`.

You may also use unpkg: `https://unpkg.com/@lifaon/class-factory`

[SOME EXAMPLES HERE](./examples/README.md)
npm package: @lifaon/hello-world
Description: Description
Author: Valentin Richard
Latest version: 1.0.0

[![npm (scoped)](https://img.shields.io/npm/v/@lifaon/hello-world.svg)](https://www.npmjs.com/package/@lifaon/hello-world)
![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@lifaon/hello-world.svg)
![npm](https://img.shields.io/npm/dm/@lifaon/hello-world.svg)
![NPM](https://img.shields.io/npm/l/@lifaon/hello-world.svg)
![npm type definitions](https://img.shields.io/npm/types/@lifaon/hello-world.svg)
![release date](https://img.shields.io//github/release-date/lifaon74/hello-world)

## hello-world ##

This library supports:

- **node**: module with mjs files **OR** common-js, es5 (for older nodejs versions)
- **browser**: module (with node resolution), esnext.
  
  You'll need to resolve import thought a bundler like [snowpack](https://www.snowpack.dev/), rollup, webpack, etc...
  or directly using [skypack](https://www.skypack.dev/): [https://cdn.skypack.dev/@lifaon/hello-world](https://cdn.skypack.dev/@lifaon/hello-world)
  

[SOME EXAMPLES HERE](examples/README.md)
npm package: @lifaon/routes
Description: Description
Author: Valentin Richard
Latest version: 1.0.0

[![npm (scoped)](https://img.shields.io/npm/v/@lifaon/routes.svg)](https://www.npmjs.com/package/@lifaon/routes)
![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@lifaon/routes.svg)
![npm](https://img.shields.io/npm/dm/@lifaon/routes.svg)
![NPM](https://img.shields.io/npm/l/@lifaon/routes.svg)
![npm type definitions](https://img.shields.io/npm/types/@lifaon/routes.svg)


## routes ##
To install:
```bash
yarn add @lifaon/routes
# or 
npm i @lifaon/routes --save
```

Entry point: `index.js`, others may contain some private or garbage experiment code. I recommend you to use rollup to import/bundle the package,
but you may use an already bundled version in `bundles/`.

You may also use unpkg: `https://unpkg.com/@lifaon/routes`

[SOME EXAMPLES HERE](./examples/README.md)
npm package: @lifaon/rx-i18n
Description: Description
Author: Valentin Richard
Latest version: 2.1.0

[![npm (scoped)](https://img.shields.io/npm/v/@lifaon/rx-i18n.svg)](https://www.npmjs.com/package/@lifaon/rx-i18n)
![npm](https://img.shields.io/npm/dm/@lifaon/rx-i18n.svg)
![NPM](https://img.shields.io/npm/l/@lifaon/rx-i18n.svg)
![npm type definitions](https://img.shields.io/npm/types/@lifaon/rx-i18n.svg)

## rx-i18n ##

This library provides functions to build i18n applications using Observables.

## 📦 Installation

```bash
yarn add @lifaon/rx-i18n
# or
npm install @lifaon/rx-i18n --save
```

This library supports:

- **common-js** (require): transpiled as es5, with .cjs extension, useful for old nodejs versions
- **module** (esm import): transpiled as esnext, with .mjs extension (requires node resolution for external packages)

In a **node** environment the library works immediately (no extra tooling required),
however, in a **browser** environment, you'll need to resolve external imports thought a bundler like
[snowpack](https://www.snowpack.dev/),
[rollup](https://rollupjs.org/guide/en/),
[webpack](https://webpack.js.org/),
etc...
or directly using [skypack](https://www.skypack.dev/):
[https://cdn.skypack.dev/@lifaon/rx-i18n](https://cdn.skypack.dev/@lifaon/rx-i18n)
npm package: @lifaon/rx-store
Description: Description
Author: Valentin Richard
Latest version: 1.1.1

[![npm (scoped)](https://img.shields.io/npm/v/@lifaon/rx-store.svg)](https://www.npmjs.com/package/@lifaon/rx-store)
![npm](https://img.shields.io/npm/dm/@lifaon/rx-store.svg)
![NPM](https://img.shields.io/npm/l/@lifaon/rx-store.svg)
![npm type definitions](https://img.shields.io/npm/types/@lifaon/rx-store.svg)

## 🗜️ rx-store

[comment]: <> (🗜️ 🗄)

`rx-store` provides state management for creating maintainable, explicit applications through the use of
single state and actions in order to express state changes.

`rx-store` is extremely light and fast as opposed to classical Store library like
[redux](https://redux.js.org/),
[ngrx](https://ngrx.io/),
[ngxs](https://www.ngxs.io/),
etc...

**When should I use a Store for state management?**

In particular, you might use a Store when you build an application with a lot of user interactions and multiple data sources,
or when managing state in classes or global helpers are no longer sufficient.

Moreover, if you're working with Angular, React or [rx-dom](https://github.com/lifaon74/rx-dom),
using a Store is a good way to help you build large applications and keep a coherent state with it.


[<img src="https://img.shields.io/badge/-tutorial-brightgreen?style=for-the-badge" />](./src/store/store.md)
[<img src="https://img.shields.io/badge/-examples-orange?style=for-the-badge" />](./examples/01-simple-example.md)


*Example:*

```ts

/* DEFINE STORE INTERFACES */

type IUser = Immutable<{
    name: string;
  }>

type IAppState = Immutable<{
  users: ImmutableArray<IUser>;
}>;

/* INIT THE STORE */

const APP_STORE = createStore<IAppState>({
  users: [],
});

/* ACTIONS */

const appendUser = createAction(APP_STORE, (state: IAppState, user: IUser): IAppState => {
  return {
    ...state,
    users: [...state.users, user],
  };
});

/* SELECTORS */

const userCountSelector = createSelector((state: IAppState) => state.users.length);
const userCount$ = mapState(APP_STORE, userCountSelector);


/* MY APP */

userCount$((count: number) => {
  console.log('user count:', count);
});
// outputs: 0

appendUser({ name: 'Alice' }); // outputs: 1
appendUser({ name: 'Bob' }); // outputs: 2
```

## 📦 Installation

```bash
yarn add @lifaon/rx-store
# or
npm install @lifaon/rx-store --save
```

This library supports:

- **common-js** (require): transpiled as es5, with .cjs extension, useful for old nodejs versions
- **module** (esm import): transpiled as esnext, with .mjs extension (requires node resolution for external packages)

In a **node** environment the library works immediately (no extra tooling required),
however, in a **browser** environment, you'll need to resolve external imports thought a bundler like
[snowpack](https://www.snowpack.dev/),
[rollup](https://rollupjs.org/guide/en/),
[webpack](https://webpack.js.org/),
etc...
or directly using [skypack](https://www.skypack.dev/):
[https://cdn.skypack.dev/@lifaon/rx-store](https://cdn.skypack.dev/@lifaon/rx-store)

## 📕 Documentation

- [Store & State](./src/store/store.md)
- [Action](./src/action/action.md)
- [Selector](./src/selector/selector.md)