open-index/open-npm huggingface dataset:
npm package: @happykit/auth
Description: ### Installation
Author: Dominik Ferber
Latest version: 1.0.0-alpha.0

`@happykit/auth` lets you add authentication to your Next.js apps.

## Quickstart

### Installation

```
yarn add @happykit/auth
```

### Setup

The further setup depends on the strategy you want to use. There is a short tutorial for every strategy:

- [`email`](https://github.com/happykit/auth/blob/master/package/docs/strategies-email.md): Users authenticate with a validated email address
- `username` _(coming soon)_: Users authenticate with a unique username
- `magiclink` _(coming soon)_: Users authenticate using a Magic Link sent to their email address

> Switching a strategy once your application is in production is hard as you might not have collected the necessary information from your users. Decide if you want them to authenticate using email, username or magic links and stick with it. If you're just playing around, I'd recommend the email strategy.
npm package: @happylinks/browser
Description: <p align="center">   <img src="./misc/logo.svg" width=450 /> </p>
Author: Evan Conrad
Latest version: 0.4.4

<p align="center">
  <img src="./misc/logo.svg" width=450 />
</p>

# @roomservice/browser

[Room Service](https://www.roomservice.dev/) helps you add real-time collaboration to your app. It's a real-time service with a built-in [CRDT](https://en.wikipedia.org/wiki/Conflict-free_replicated_data_type) that automatically merges multiple people's state together without horrifying nightmare bugs. To learn more, see [roomservice.dev](https://www.roomservice.dev).

This is the official, javascript SDK.

## Install

```bash
npm install --save @roomservice/browser
```

## Usage

To get started, create a client with your [Auth Endpoint](https://docs.roomservice.dev/auth).

```ts
import RoomService from "@roomservice/browser";

const client = new RoomService({
  authUrl: "https://mysite.com/auth/roomservice"
});
```

Next, we'll create a room client and try to connect to
the room:

```ts
const room = client.room("my-room");
const { doc } = await room.init();
```

Then, you can publish changes to the room:

```ts
room.publishDoc(doc => {
  doc.title = "LaTeX: a Method of Obscuring Redundancy";
});
```

And listen for any incoming changes:

```ts
room.onUpdate(newDoc => {
  console.log(newDoc);
});
```

## Server Side Rendering

To render on the server, you must include any headers that should be passed along to your
auth endpoint. In most cases, this is just your session cookie.

For example, in Next.js:

```ts
const room = client.room("my-room");

MyComponent.getInitialProps = async ctx => {
  const { doc } = await room.init({
    headers: {
      cookie: ctx.req.headers
    }
  });

  return { doc };
};
```
npm package: @happylinks/pixi-apngandgif
Description: Let pixi.js support apng, gif images
Author: sbfkcel@163.com
Latest version: 2.0.1

# Pixi-apngAndGif

Let Pixi.js support apng, gif images. And allow control of its operation.

Forked from: https://github.com/sbfkcel/pixi-apngAndGif

Fork includes the Loader code in the class so you don't have to do that yourself.

## DEMO

- Global [**Pixi-apngAndGif.js Use the demo**](http://jsbin.com/nodeto/edit?html,js,output)
- 中国大陆 [**Pixi-apngAndGif.js Use the demo**](https://jsrun.net/yXhKp)

# USE

```bash
npm install pixi-apngandgif
```

```javascript
import PixiApngAndGif from "../src/index.js";

const app = new PIXI.Application();

const imgs = {
  gif: "http://isparta.github.io/compare/image/dongtai/gif/1.gif",
  apng: "http://isparta.github.io/compare/image/dongtai/apng/1.png"
};

let gif = new PixiApngAndGif(imgs.gif);
window.gif = gif;
gif.sprite.x = 0;
gif.sprite.y = 0;
app.stage.addChild(gif.sprite);

let apng = new PixiApngAndGif(imgs.apng);
window.apng = apng;
apng.sprite.x = 200;
apng.sprite.y = 0;
app.stage.addChild(apng.sprite);

document.body.appendChild(app.view);
```

### Browser

```html
<script src="https://cdn.staticfile.org/pixi.js/4.8.2/pixi.min.js"></script>
<script src="https://cdn.rawgit.com/sbfkcel/pixi-apngAndGif/master/dist/PixiApngAndGif.js"></script>
```

## API

### `.play(bout,callback)`

Play animation
`bout`Used to specify the number of plays
`callback`Callback executed after the specified number of plays has been completed

### `.pause()`

Pause animation

### `.stop()`

Stop animation

### `.jumpToFrame(frame)`

Jump to the specified frame

### `.getDuration()`

Get the total duration of an animation single play

### `.getFramesLength()`

Get the number of animation frames

### `.on(status,callback)`

Used to invoke the specified method in the specified phase of the animation
`status`Four states(`playing`、`played`、`pause`、`stop`)
`callback`Callback, there is a parameter. The status of the current animation is recorded.
npm package: @happylinks/roomservice-browser
Description: <p align="center">   <img src="./misc/logo.svg" width=450 /> </p>
Author: Evan Conrad
Latest version: 0.4.8

<p align="center">
  <img src="./misc/logo.svg" width=450 />
</p>

# @roomservice/browser

[Room Service](https://www.roomservice.dev/) helps you add real-time collaboration to your app. It's a real-time service with a built-in [CRDT](https://en.wikipedia.org/wiki/Conflict-free_replicated_data_type) that automatically merges multiple people's state together without horrifying nightmare bugs. To learn more, see [roomservice.dev](https://www.roomservice.dev).

This is the official, javascript SDK.

## Install

```bash
npm install --save @roomservice/browser
```

## Usage

To get started, create a client with your [Auth Endpoint](https://docs.roomservice.dev/auth).

```ts
import RoomService from "@roomservice/browser";

const client = new RoomService({
  authUrl: "https://mysite.com/auth/roomservice"
});
```

Next, we'll create a room client and try to connect to
the room:

```ts
const room = client.room("my-room");
const { doc } = await room.init();
```

Then, you can publish changes to the room:

```ts
room.publishDoc(doc => {
  doc.title = "LaTeX: a Method of Obscuring Redundancy";
});
```

And listen for any incoming changes:

```ts
room.onUpdate(newDoc => {
  console.log(newDoc);
});
```

## Server Side Rendering

To render on the server, you must include any headers that should be passed along to your
auth endpoint. In most cases, this is just your session cookie.

For example, in Next.js:

```ts
const room = client.room("my-room");

MyComponent.getInitialProps = async ctx => {
  const { doc } = await room.init({
    headers: {
      cookie: ctx.req.headers
    }
  });

  return { doc };
};
```
npm package: @happyma/rm_calendar
Description: react mobile calendar
Latest version: 1.1.0

# rm-calendar

> react mobile calendar

![gif](./screenshot/GIF.gif)


## 注意

```
这个组件是基于@longlongago2/rm_calendar进行修改，
下面的readme也是@longlongago2/rm_calendar的
```

## NPM


#### install

`npm install @longlongago2/rm_calendar --save`

#### usage

```
import React, { Component } from 'react';
import RMCalendar from '@longlongago2/rm-calendar';
import '@longlongago2/rm_calendar/dist/rm-calendar.css';

class App extends Component {
  render() {
    return (
      <RMCalendar
          defaultDate={new Date()}
          type="month"
          touch
          width="100%"
          locale="zh-cn"
          firstDayOfWeek={0}
          toolbar
        />
    );
  }
}
```

## CDN

#### download

[rm-calendar.zip (click to download)](https://github.com/longlongago2/rm-calendar/archive/master.zip)

#### usage

```
// css
<link rel="stylesheet" href="[path]/dist/rm-calendar.css">

// js
<script src="[path]/dist/rm-calendar.js"></script>

// html
<RMCalendar.default
    defaultDate={new Date()}
    type="month"
    touch
    width="100%"
    locale="zh-cn"
    firstDayOfWeek={0}
    toolbar
  />
```

## API

#### props
| Props | Description | Type | Default |
| :------ | :------ | :------: | :------: |
| defaultDate | 默认时间 | Date | new Date() |
| type | 日历类型 | "month"\|"week" | "month" |
| touch | 是否可滑动 | Boolen | true |
| width | 日历宽度 | String | "100%" |
| locale | 语言区 | String | "zh-cn" |
| firstDayOfWeek | 周起始日[周日-周六] | [0-6] | 0 |
| schedule | 日程数据 | Array | [] |
| toolbar | 顶部工具栏 | Boolen | true |

#### events

| Events | Description | Usage |
| :------ | :------ | :------: |
| onCellClick | 日期单元格点击事件 | (item) => {} |
| onPageChange | 翻页事件 | ({ year, month }) => {} |

#### methods

| Methods | Description | Params |
| :------ | :------ | :------: |
| turnWeekNumToChar | 周数字转汉字，参数：0-6 | day :Integer |
| getDaysOfPerMonth | 获取每个月的天数，参数：日期 | date :Date |
| getDataOfHeader | 获取表头周数据， 参数：周起始日(0-6) | firstDayOfWeek: Number |
| getComposeDaysOfBoard | 获取面板组成天数据，参数1：date日期，参数2：周起始日，参数3：查询部分[-1：获取上月组成天数, 0：获取本月组成天数, 1：获取下月组成天数] | date: Date, firstDayOfWeek: Number, order: Number |
| getDataOfBoard | 获取面板所有日期数据，参数1：日期，参数2：周起始日 | date: Date, firstDayOfWeek: Number |
| getWeekRowOfBoard | 获取日期所在面板中的行数，参数1：日期，参数2：周起始日 | date: Date, firstDayOfWeek: Number |
| getComputedDataOfBoard | 获取合成日程表数据的日期面板数据，参数1：日期，参数2：周起始日期，日程表数据 | date: Date, firstDayOfWeek: Number, schedule: Array |
| dateToValid | 校正日期1900-2099，大于或小于正常数据范围自动纠正 | date: Date |
npm package: @happymary16/react-bootstrap-table-next
Description: Next generation of react-bootstrap-table
Author: AllenFang
Latest version: 4.0.3

# react-bootstrap-table-next
Next generation of [`react-bootstrap-table`](https://github.com/AllenFang/react-bootstrap-table)

## Usage

### Installation

```sh
npm install react-bootstrap-table-next --save
```

### Include CSS

> react-bootstrap-table2 need you to add bootstrap css in your application firstly. About bootstrap css, we only compatible with bootstrap 3 but will start to compatible for bootstrap 4 on v0.2.0

```js
// es5 
require('react-bootstrap-table-next/dist/react-bootstrap-table2.min.css');

// es6
import 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';
```

### Your First Table

```js
import BootstrapTable from 'react-bootstrap-table-next';

const products = [ ... ];
const columns = [{
  dataField: 'id',
  text: 'Product ID'
}, {
  dataField: 'name',
  text: 'Product Name'
}, {
  dataField: 'price',
  text: 'Product Price'
}];

export default () =>
  <BootstrapTable keyField='id' data={ products } columns={ columns } />
```
npm package: @happymgr/cursor-assets
Description: happymgr's-cursor-assets
Author: happymgr
Latest version: 2.0.0

# happymgr/cursor-assets

自分のcursor用のnpmパッケージ

## コマンド

### 初期化（全てのアセットをインストール）

このリポジトリ内の全てのアセットをローカルにインストールする
既存のプロジェクト設定を汚染しないよう、.cursor/`<asset-type>`/globalにインストールする。

```bash
npx @happymgr/cursor-assets init
```

### アセット一覧取得

このリポジトリ内の全てのアセットの一覧を取得する。

```bash
npx @happymgr/cursor-assets ls
```

### 個別追加

アセットを指定してローカルにインストール

- アセット種別で一括追加

```bash
npx @happymgr/cursor-assets add <asset-type>
```

- 特定のアセットのみを追加

```bash
npx @happymgr/cursor-assets add <asset-type> <asset-name>
```

### このリポジトリに向けてPRを作成する

**このコマンドには `gh` CLI が必要です**
[Github CLI](https://docs.github.com/ja/github-cli/github-cli/about-github-cli)

ローカルで「熟成」させたアセットの変更分を、このリポジトリに向けてPRを作成します。

- 全ての変更をPR（.cursor/`<asset-type>`/global 内の全てのアセット）

```bash
npx @happymgr/cursor-assets pr
```

- アセット種別で指定してPR

```bash
npx @happymgr/cursor-assets pr <asset-type>
```

- 特定のアセットを指定してPR

```bash
npx @happymgr/cursor-assets pr <asset-type> <asset-name>
```
npm package: @happymini/core
Description: HappyMini App is a completely new and modern solution that helps HappyTime's partners easily, quickly and inexpensively develop their own applications and services on HappyTime's platform
Author: VyLQ
Latest version: 0.1.2

## HappyMini App

HappyMini App is a completely new and modern solution that helps HappyTime's partners easily, quickly and inexpensively develop their own applications and services on HappyTime's platform. As a result, businesses can focus on core services and bring the best products to customers, while still enjoying all the benefits of digital transformation.

#### Installation

```sh
npm i @happymini/core
```

or

```sh
yarn add @happymini/core
```

#### Usage

```js
import HappyMini from "@happymini/core";

// Change status bar content style
HappyMini.StatusBar.setBarStyle("dark-content");
```

### Modules

- Axios
- Auth
- Device
- StatusBar
- Workspace
- Geolocation
- Net
- Keyboard
- Notification
- Navigator
- Storage

##### Contributors
- VyLQ ( author )
npm package: @happymini/debugbar
Description: Debugbar for Happy Mini App
Author: VyLQ
Latest version: 0.0.6

## HappyMini Debugbar

HappyMini Debugbar is a simple library for `@happymini/core`

#### Installation

```sh
npm i @happymini/debugbar
```

or

```sh
yarn add @happymini/debugbar
```

#### Usage

```js
import { Lib } from "@happymini/core";
import HappyMiniDebugbar from "@happymini/debugbar";

Lib.use(HappyMiniDebugbar);
```

### Support functions

- Console
- Elements
- Performance
- Network
- Application

#### Demo

**Console Tab**

![image](https://i.imgur.com/k4Fu3fJ.png)


**Element Tab**

![image](https://i.imgur.com/j5ARlwm.png)


**Performance Tab**

![image](https://i.imgur.com/rz6neCw.png)


**Network Tab**

![image](https://i.imgur.com/PJnmcRV.png)

##### Contributors
- VyLQ ( author )