open-index/open-npm huggingface dataset:
npm package: @reskript/cli-dev
Description: 使用webpack-dev-server进行应用的调试。
Latest version: 6.2.1

# @reskript/cli-dev

使用webpack-dev-server进行应用的调试。

## 正常使用

使用`skr dev`启动调试服务器，初次构建完成后会自动打开网页。

```
Usage: dev [options]

Start dev server for debugging

Options:
  --cwd [value]            override current working directory (default: process.cwd())
  --mode [value]           set build mode, default to "development" (default: "development")
  --src-dir [value]        specify the dir containing source files relative to cwd (default: "src")
  --build-target [value]   set build target, default to "dev" (default: "dev")
  --proxy-domain [domain]  set api proxy domain, only domain part (www.example.com) is required
  --open [value]           choose open "local" (localhost) or "remote" (ip) browser page (default "local")
  -h, --help               output usage information
```

在调试过程中，会监听`reskript.config.js`的变更并重启调试服务器，重启后不会自动打开网页。

## 配置调试服务器

由`reskript.config.js`导出`devServer`对象，可包含以下属性：

```ts
interface DevServerSettings {
    // 是否以HTTPS协议代理请求
    readonly https: boolean;
    // 监听的端口
    readonly port: number;
    // 代理给后端的API请求的URL前缀
    readonly apiPrefixes: string[];
    // 默认的代理后端路径，可以被`--proxy-domain`命令行参数覆盖
    readonly defaultProxyDomain: string;
    // 是否启用热更新，其中`simple`只启用样式的更新，`all`则会加入组件的热更新
    readonly hot: boolean;
    // 服务启动后打开的页面
    readonly openPage: string;
    // 在最终调整配置，可以任意处理，原则上这个函数处理后的对象不会再被内部的逻辑修改
    readonly finalize: (serverConfig: WebpackDevServerConfiguration, env: BuildEntry) => WebpackDevServerConfiguration;
}
```

调试服务器同样会参考`build`、`featureMatrix`和`plugins`配置，具体请参考[config-webpack的说明](../config-webpack)。
npm package: @reskript/cli-lint
Description: 通过eslint检查代码规范。
Latest version: 6.2.1

# @reskript/cli-lint

通过eslint检查代码规范。

## 正常使用

使用`skr lint`检查代码规范。

```
Usage: lint [options] [files...]

Lint files, by default .js(x) files under src are linted

Options:
  --changed                    lint only changed files in git workspace
  --staged                     lint only staged (both partially and fully) files in git workspace
  --allow-unsafe-react-method  allow UNSAFE_* methods in react component
  --fix                        fix possible lint errors
  -h, --help                   output usage information
```

### 缩小检查范围

对于比较大型的项目，通常全量的检查很消耗时间，此时可以选择仅检查已经修改过的代码：

```
skr lint --changed
```

也可以进一步缩小范围，仅检查通过`git add`添加到版本中的代码：

```
skr lint --staged
```

### 使用git钩子进行检查

推荐使用[husky](https://www.npmjs.com/package/husky)在代码提交前对代码进行检查。

首先安装husky:

```
npm install --save-dev husky
```

随后在`package.json`中增加以下内容：

```json
{
  "husky": {
    "hooks": {
      "pre-commit": "skr lint --staged --fix --auto-stage"
    }
  }
}
```

在每次`git commit`提交代码时，都会检查需要提交入库的代码。

## 直接使用lint配置

如果你需要直接使用eslint的规则，比如通过编辑器的eslint插件进行代码的实时检查，则需要放置一个`.eslintrc.js`配置文件并引用`@reskript/config-lint`的规则，具体请参考[config-lint的说明](../config-lint)。
npm package: @reskript/cli-test
Description: 使用jest进行单元测试。
Latest version: 6.2.1

# @reskript/cli-test

使用jest进行单元测试。

## 正常使用

使用`skr test`测试。

```
Usage: test [options]

Test

Options:
  --cwd [value] override current working directory (default: process.cwd())
  --coverage  indicates test coverage information
  --watch     watch files for changes and rerun tests related to changed files
  --target [value] specify test environment of the project is "react" or "node" (default: "node")
  --changedSince [value] runs tests related to the changes since the provided branch. (default: '')
  -h, --help  output usage information
```

`skr test`会自动搜索所有`__tests__`目录下`.test.js`结尾的文件运行，建议的文件结构为：

```
/__tests__
    * util.test.js
util.js
```

然后在`util.test.js`如下编写单元测试：

```js
import {add} from '../util';

describe('add', () => {
    test('1 + 2 = 3', () => {
        expect(add(1, 2)).toBe(3);
    })
})
```

## 自定义配置

如果需要基于内置的jest配置继续自定义，请参考[config-jest的说明](../config-jest)。
npm package: @reskript/config-jest
Description: 提供jest相关的基础配置。
Latest version: 6.2.1

# @reskript/config-jest

提供jest相关的基础配置。

## 扩展配置

如果你希望自定义jest配置，可在项目目录下放置`jest.config.js`，并在里面包含以下内容：

```js
module.exports = {
    // 或者对应非react的测试，修改为`jest-node.js`
    preset: require.resolve('@reskript/config-jest/config/jest-react.js'),
};
```
npm package: @reskript/config-lint
Description: 提供eslint相关配置。
Latest version: 6.2.1

# @reskript/config-lint

提供eslint相关配置。

## 引用配置

如果你需要自行使用eslint，或者通过编辑器的eslint插件进行代码检查，你需要引用`@reskript/config-lint`内置的配置。

在项目的目录下，放置一个`.eslintrc.js`文件，包含以下内容：

```js
module.exports = {
    extends: require.resolve('@reskript/config-lint/config/eslint'),
    // 其它配置
};
```

因为需要通过`require.resolve`正确地找到配置的路径，所以配置文件必须使用`.js`后缀。
npm package: @reskript/doctor
Description: 用于检测当前目录是否符合`reSKRipt`的各项要求。
Latest version: 6.2.1

# @reskript/doctor

用于检测当前目录是否符合`reSKRipt`的各项要求。

具体参考：https://reskript.dev/docs/cli/doctor

## 使用方法

```shell
npx @reskript/doctor
```
npm package: @reskript/init
Description: 用于在指定目录初始化一个`reSKRipt`的项目模板。
Latest version: 6.2.1

# @reskript/init

用于在指定目录初始化一个`reSKRipt`的项目模板。

具体参考：https://reskript.dev/docs/cli/init

## 使用方法

```shell
npx @reskript/init@latest [dir]
```
npm package: @reskript/plugin-qiankun
Description: 在构建时期处理与[qiankun](https://qiankun.umijs.org/)的整合问题。
Latest version: 6.2.1

# @reskript/plugin-qiankun

在构建时期处理与[qiankun](https://qiankun.umijs.org/)的整合问题。

具体文档请参考：https://reskript.dev/docs/plugins/qiankun
npm package: @reskript/plugin-workspace-no-build
Description: 在monorepo下让主应用直接引用其它包的源码的插件。
Latest version: 6.2.1

# @reskript/plugin-workspace-no-build

在monorepo下让主应用直接引用其它包的源码的插件。

具体文档请参考：https://reskript.dev/docs/plugins/workspace-no-build
npm package: @reslear/capacitor-google-auth
Description: Google Auth plugin for capacitor.
Author: reslear
Latest version: 3.1.2

# CapacitorGoogleAuth

Capacitor plugin for Google Auth.

> ⚠️ This is fork original plugin [@codetrix-studio/capacitor-google-auth](https://github.com/CodetrixStudio/CapacitorGoogleAuth) with new beta features, changes or experiments

### Install

```sh
npm i -D @reslear/capacitor-google-auth

npx cap sync
```

### WEB

Register plugin and manually initialize

```ts
import { GoogleAuth } from '@reslear/capacitor-google-auth';

GoogleAuth.initialize({
  client_id: 'xxxxxx-xxxxxxxxxxxxxxxxxx.apps.googleusercontent.com',
  scopes: ['profile', 'email'],
  grantOfflineAccess: true,
});
```

> see `initialize` method options - descriptions, examples, default values and types in `definition.ts`

Use it

```ts
GoogleAuth.signIn();
```

### Config, IOS, ANDROID and etc..

see originally instruction [CodetrixStudio/CapacitorGoogleAuth](https://github.com/CodetrixStudio/CapacitorGoogleAuth)
npm package: @reslear/dotlottie-player-core
Description: dotlottie player core library
Author: reslear
Latest version: 1.0.3

# dotLottie-player-core

Only fetching and parse functions.

[![npm](https://img.shields.io/npm/v/@reslear/dotlottie-player-core)](https://www.npmjs.com/package/@reslear/dotlottie-player-core)
[![npm](https://img.shields.io/npm/dw/@reslear/dotlottie-player-core)](https://www.npmjs.com/package/@reslear/dotlottie-player-core)
![Libraries.io dependency status for latest release](https://img.shields.io/librariesio/release/npm/%40reslear%2Fdotlottie-player-core)
![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/%40reslear%2Fdotlottie-player-core)
[![install size](https://packagephobia.com/badge?p=@reslear/dotlottie-player-core)](https://packagephobia.com/result?p=@reslear/dotlottie-player-core)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

![](./splash.png)

<center>

🕹 [**Live Playground**](https://dotlottie-player-core-playground.vercel.app)

</center>

## Features

- 🏎 High performance (using [`fflate`](https://github.com/101arrowz/fflate))
- ⚙️ [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) based
- 📦 **CJS** and **ESM** support
- 💪 fylly typed with **TypeScript**
- 🏋️‍♀️ Lightweight with **~13kb** size

## Install

```bash
pnpm add @reslear/dotlottie-player-core
```

## Usage

### fetchLottie

fetch method for get animation and parse to lottie json.

```ts
import { fetchLottie } from '@reslear/dotlottie-player-core'

const lottieJson = await fetchLottie('/my-animation.lottie')

// {"v":"5.6.8","fr":24,"ip":0,"op":144,"w":2161,"h"...}
```

#### Arguments:

1. **`url`** - path to `.lottie`, `.json` animation file

also support [base64 data URI](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs)

```ts
fetchLottie('data:application/json;base64,<base64>')
```

2. **`fetchOptions`** - Fetch API [options](https://developer.mozilla.org/en-US/docs/Web/API/fetch#options)

```ts
fetchLottie(url, {
  mode: 'no-cors',
})
```

## Inspired

- [dotlottie-player](https://github.com/dotlottie/player-component/blob/master/src/dotlottie-player.ts)

## License

MIT by [@reslear](github.com/reslear)
npm package: @reslear/strapi-plugin-ckeditor-with-source-editing
Description: CKEditor 5 custom field for Strapi.
Author: CKSource
Latest version: 0.0.11
Deprecated: This package is no longer maintained.

# CKEditor 5 custom field for Strapi with source editing

this is fork of [ckeditor5-strapi-plugin](https://github.com/ckeditor/strapi-plugin-ckeditor) with added source editing feature.
see [#102](https://github.com/ckeditor/strapi-plugin-ckeditor/pull/102)

## <a id="installation"></a>🔧 Installation

Inside your Strapi app, add the package:

With `npm`:

```bash
npm install @reslear/strapi-plugin-ckeditor-with-source-editing
```

With `yarn`:

```bash
yarn add @reslear/strapi-plugin-ckeditor-with-source-editing
```

Then run build:

```bash
npm run build
```

or:

```bash
yarn build
```
npm package: @reslear/whatsapp-link
Description: whats app link generator for send message
Author: reslear
Latest version: 0.0.9

# `@reslear/whatsapp-link`

> whats app link generator for send message

## Usage

```ts
import { generateLink } from "@reslear/whatsapp-link";

generateLink(
  "3452453643",
  `
  text *text*
  https://site.com/name
`
);
```
npm package: @resller8/apis
Description: Contains the simplified way to send api request via Cypress
Author: Harvy Torres
Latest version: 0.0.4

# APIS

APIS is a api project that uses Cypress to send request

## Getting Started

Simply install via npm:

`npm install @resller8/apis`

### Usage

Initialization

```
var xray = new apis(api_url, json_api, {
    main, //main branch of json structure
    ext, //sub branch of json structure
    body, //body of request
    auth //is authentication
    )
```

JSON_API

```
{
    "authorization":{
        "get-accecss" : {
            "method":"GET",
            "api":"api/authenticate"
        }
    }
}
```

Trigger the request

```
    xray.trigger().then((response) => {

    })
```
npm package: @resller8/eksri
Description: Contains the script to connect to JIRA X-RAY
Author: Harvy Torres
Latest version: 0.0.7

# EKSRI

Eksri is a project which contains the simplified project for sending updates to JIRA X-RAY using Cypress

## Getting Started

Simply install via npm:

`npm install @resller8/eksri`

### Usage

Initialization

```
var xray = new eksri({
      url, //URL for XRAY Authentication
      apiUrl, //API URL for sending the update to XRAY
      apiJsons, //JSON header
      id, //XRAY ID
      secret, //Secret Token
      testPlanId, //Test Plan ID
    });
  }
```

Connecting to XRAY and get the token

```
    xray.initialization().then((response) => {
        Cypress.env("xray", {token : response.body})
    });
```

Sending test plan update

```
    xray.sendUpdates(
        Cypress.env("xray").token,
        Cypress.moment(tests.wallClockStartedAt.toString()).toJSON(),
        Cypress.moment(tests.wallClockStartedAt.toString())
            .add(tests.duration, "milliseconds")
            .toJSON(),
        ticket, //JIRA Ticket
        tests.state, //Cypress tests
        msg, //comments
        "Updating JIRA test plan status" //description
    );
```
npm package: @resller8/tulbox
Description: Miscellaneous library for special purpose on coding
Author: Harvy Torres
Latest version: 0.0.28

# tulbox

Tulbox contains the functions or methods to simplify the

## Getting Started

Simply install via npm:

`npm install @resller8/tulbox`

### Usage

convertTime

```
convertTime(new Date(), 'MM-DD-YYYY', 'YYYY-MM-DD')
```

convertJsonChildToString

```
    convertJsonChildToString({
                    id: 7,
                    firstName: 'Manny',
                    lastName: 'Tiu',
                    phone: 3444344
                },['id'])
```

lowercaseKeys

```
    lowercaseKeys({
        Id: 6,
        Parents: {
        Name: 'Tun',
        Address: 'China'
        }
    })
```

filterSingleObjects

```
    filterSingleObjects(
        {
            id: 7,
            firstName: 'Manny',
            lastName: 'Tiu',
            phone: 3444344
        },
        ['lastName']
    )
```

filterArrayObjects

```
    filterArrayObjects(
        [
        {
            id: 7,
            firstName: 'Manny',
            lastName: 'Tiu',
            phone: 3444344
        },
        {
            id: 7,
            firstName: 'Manny',
            lastName: 'Tiu',
            phone: 3444344
        }
        ],
        ['lastName']
    )
```

forwardSplit

```
    forwardSplit("test -> data")
```
npm package: @reslow/cli
Description: Create server-rendered react applications
Author: Yiiu
Latest version: 0.2.23

![logo](/logo.png)

<p align="center">
  
  <a href="https://www.npmjs.com/package/@reslow/cli">
    <img src="https://img.shields.io/npm/v/@reslow/cli.svg" alt="Version">
    <img src="https://img.shields.io/npm/l/@reslow/cli.svg" alt="License">
    <img src="https://img.shields.io/npm/dm/@reslow/cli.svg" alt="Downloads">
  </a>
</p>

## :cat: Quick Overview

```
npm i -g @reslow/cli
reslow create my-app
cd my-app
npm start
```

### examples

* [with-i18n](https://reslow-i18n.now.sh)
* [with-mobx-react-loadable](https://reslow-mobx-react-loadable.now.sh)
* [with-SPA](https://reslow-spa.now.sh)