open-index/open-npm huggingface dataset:
npm package: @panda-clouds/profiler
Description: A js class for measuring time commands take
Author: Marc Smith
Latest version: 1.0.0


PCProfiler
=========
maintained by [PandaClouds.com](https://pandaclouds.com)

`PCProfiler` is a lightweight JavaScript library for Node.js that provides methods for tracking the time it takes to execute commands.


Installation
------------

1. If you want to use this library, you first need to install the [Node.js](https://nodejs.org/en/).

2. When you install node.js, will also be installed [npm](https://www.npmjs.com/).

3. Please run the following command.

```
npm install --save @panda-clouds/profiler
```

Usage
-----

### Node.js

```javascript
const PCProfiler = require('@panda-clouds/profiler');

// example usage
const profiler = new PCProfiler("myName"); // => begins the profiler named "myName";
SomeLongTask("123");
profiler.tick(); // => logs "myName tick 1, 2.3456 s (Δ 2.3456 s)"
AnotherLongTask("ABC");
profiler.tick("after AnotherLongTask"); // => logs "myName after AnotherLongTask, 9.987 s (Δ 7.6414 s)"
```

You can replace PCProfiler with any variable.


Methods
-------

[Unit Tests] are an additional resource for learning functionality.


### - tick(string)

logs the delta and total time since last tick or since begin.


Example:

```javascript
const profiler = new PCProfiler("myName"); // => begins the profiler named "myName";
PCProfiler.tick("After myFunction()"); // => logs "myName after AnotherLongTask, 9.987 s (Δ 7.6414 s)"
```


Contributions
-------------

Pull requests are welcome! here is a checklist to speed things up:

- modify `PCProfiler.js`
- add unit tests in `PCProfiler.spec.js`
- run `npm test`
- document method in `README.md`
- add your name to 'Contributors' in `README.md`


### Contributors

(Add your name)

- [*] [Marc Smith](https://github.com/mrmarcsmith)


[Unit Tests]: https://github.com/panda-clouds/profiler/blob/master/spec/PCProfiler.spec.js
npm package: @panda-clouds/promise
Description: A Util lib for js promises and async/await
Author: Marc Smith
Latest version: 0.1.0


PCPromise
=========
maintained by [PandaClouds.com](https://pandaclouds.com)

`PCPromise` provides utility functions for javascript promises and async/await.


Installation
------------

1. If you want to use this library, you first need to install the [Node.js](https://nodejs.org/en/).

2. When you install node.js, will also be installed [npm](https://www.npmjs.com/).

3. Please run the following command.

```
npm install --save @panda-clouds/promise
```

Usage
-----

### Node.js

```javascript
const PCPromise = require('@panda-clouds/promise');

// example usage
async () => {
	await PCPromise.wait(5000) // pauses for 5 seconds without blocking the main thread
}


```

You can replace PCPromise with any variable.


Methods
-------

[Unit Tests] are an additional resource for learning functionality.

### - wait()

Pauses execution of that thread without blocking

Example:

```javascript
async () => {
	await PCPromise.wait(5000) // pauses for 5 seconds without blocking the main thread
}
```



Contributions
-------------

Pull requests are welcome! here is a checklist to speed things up:

- modify `PCPromise.js`
- add unit tests in `PCPromise.spec.js`
- run `npm test`
- document method in `README.md`
- add your name to 'Contributors' in `README.md`


### Contributors

(Add your name)

- [*] [Marc Smith](https://github.com/mrmarcsmith)


[Unit Tests]: https://github.com/panda-clouds/string/blob/master/spec/PCPromise.spec.js
npm package: @panda-clouds/spoof-address
Description: Display an approximate location without revealing its address
Author: Marc Smith
Latest version: 0.2.0


<PCName>
=========
maintained by [PandaClouds.com](https://pandaclouds.com)

`<PCName>` provides a clean way to <description>.


Installation
------------

1. If you want to use this library, you first need to install the [Node.js](https://nodejs.org/en/).

2. When you install node.js, will also be installed [npm](https://www.npmjs.com/).

3. Please run the following command.

```
npm install --save @panda-clouds/<panda-blank>
```

Usage
-----

### Node.js

```javascript
const <PCName> = require('@panda-clouds/<panda-blank>');

// example usage

```

You can replace <PCName> with any variable.


Methods
-------

[Unit Tests] are an additional resource for learning functionality.

### - mustExist()

requires the property to be set,
else throws error

Example:

```javascript
Parse.Cloud.beforeSave('Book', request =>{
	const data = new <PCName>(request);
	data.prop('title').mustExist();    // will throw Error if request.object.get('title') doesn't exist
});
```



Contributions
-------------

Pull requests are welcome! here is a checklist to speed things up:

- modify `<PCName>.js`
- add unit tests in `<PCName>.spec.js`
- run `npm test`
- document method in `README.md`
- add your name to 'Contributors' in `README.md`


### Contributors

(Add your name)

- [*] [Marc Smith](https://github.com/mrmarcsmith)


[Unit Tests]: https://github.com/panda-clouds/string/blob/master/spec/<PCName>.spec.js
npm package: @panda-clouds/string
Description: A javascript helper class for strings
Author: Marc Smith
Latest version: 1.2.0


PCString
=========
maintained by [PandaClouds.com](https://pandaclouds.com)

`PCString` is a lightweight JavaScript library for Node.js that provides additional String methods.


Installation
------------

1. If you want to use this library, you first need to install the [Node.js](https://nodejs.org/en/).

2. When you install node.js, will also be installed [npm](https://www.npmjs.com/).

3. Please run the following command.

```
npm install --save @panda-clouds/string
```

Usage
-----

### Node.js

```javascript
const PCString = require('@panda-clouds/string');

// example usage
PCString.isString('yup!'); // => true;
PCString.hasWhitespace('ABC'); // => false;
```

You can replace PCString with any variable.


Methods
-------

[Unit Tests] are an additional resource for learning functionality.

### - isString(string)

Returns whether a given object is a String.

Example:

```javascript
PCString.isString('ABC') // => true
PCString.isString(5) // => false
PCString.isString({}) // => false
PCString.isString([]) // => false
```

### - hasWhiteSpace(string)

returns true if the string has white space, false if not.


Example:

```javascript
PCString.hasWhitespace(' ') // => true
PCString.hasWhitespace('A B') // => true
PCString.hasWhitespace('AB') // => false
PCString.hasWhitespace('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-!@#$%^&*()') // => false
```


### - removeWhitespace(string)

Removes all white characters from the given string.

Example:

```javascript
PCString.removeWhitespace(' A B  C   D    ') // => 'ABCD'
PCString.removeWhitespace('	A	B	C			D	') // => 'ABCD'
PCString.removeWhitespace('\nA\nB\n\nC\n\n\nD\n\n\n\n') // => 'ABCD'
PCString.removeWhitespace(null) // => ''
```

### - domainSafeString(string)

Removes all non-domain-safe characters.

Example:

```javascript
PCString.domainSafeString('_A_B__C___D____') // => 'ABCD'
PCString.domainSafeString('	A	B	C			D	') // => 'ABCD'
PCString.domainSafeString('\nA\nB\n\nC\n\n\nD\n\n\n\n') // => 'ABCD'
PCString.domainSafeString(null) // => ''
```


Contributions
-------------

Pull requests are welcome! here is a checklist to speed things up:

- modify `PCString.js`
- add unit tests in `PCString.spec.js`
- run `npm test`
- document method in `README.md`
- add your name to 'Contributors' in `README.md`


### Contributors

(Add your name)

- [*] [Marc Smith](https://github.com/mrmarcsmith)


[Unit Tests]: https://github.com/panda-clouds/string/blob/master/spec/PCString.spec.js
npm package: @panda-design/components
Description: Pluggable design system base on Ant Design
Author: Cong Zhang
Latest version: 0.5.7

# Panda Design

[![version](https://img.shields.io/npm/v/@panda-design/components.svg?style=flat-square)](http://npm.im/@panda-design/components)
[![npm downloads](https://img.shields.io/npm/dm/@panda-design/components.svg?style=flat-square)](https://www.npmjs.com/package/@panda-design/components)
[![MIT License](https://img.shields.io/npm/l/@panda-design/components.svg?style=flat-square)](http://opensource.org/licenses/MIT)

Pluggable design system base on [Ant Design](https://ant.design)

English | [中文](https://github.com/panda-design-team/components/blob/main/docs/README-zh_CN.md)

## Get Started

- Install

```bash
yarn add @panda-design/components
```

- Inject styles

```typescript jsx
import {appendStyle} from '@panda-design/components';

appendStyle();
// And if you don't want some style
appendStyle({injectAll: false, inject: {Button: true}});
```

- Build your application above `Antd` & `Panda Design`

```typescript jsx
import {Button} from 'antd'; // with style injected

const App = () => {
    return <Button type="primary">OK</Button>;
};
```

- Enjoy the syntax sugar of `Panda Design`

```typescript jsx
import {Button} from '@panda-design/components';

const App = () => {
    return <Button type="primary" disabled disabledReason="Primission Denied">OK</Button>;
};
```

## Docs

[see StyleGuide made by this package](https://panda-design-team.github.io/)

also you may clone

```bash
git clone git@github.com:panda-design-team/panda-design-team.github.io.git
cd panda-design-team.github.io
yarn
yarn start
```

## Contribute

Feel free to raise issues and PR.
npm package: @panda-design/extra
Description: Panda Design
Author: Cong Zhang
Latest version: 0.0.7

# @panda-design/extra

[![version](https://img.shields.io/npm/v/@panda-design/extra.svg?style=flat-square)](http://npm.im/@panda-design/extra)
[![npm downloads](https://img.shields.io/npm/dm/@panda-design/extra.svg?style=flat-square)](https://www.npmjs.com/package/@panda-design/extra)
[![MIT License](https://img.shields.io/npm/l/@panda-design/extra.svg?style=flat-square)](http://opensource.org/licenses/MIT)

Extra components and utils of [Panda Design](https://github.com/panda-design-team/components) which may have extra deps.

English | [中文](https://github.com/panda-design-team/extra/blob/main/docs/README-zh_CN.md)

# @panda-design/router

### 干嘛的？

与 `react-router-dom` 的 `data API` 联动，可以很方便的生成 `Breadcrumbs 面包屑` 和 `documentTitle 浏览器标签名`

### 为什么是一个单独的库？

此库额外依赖了 `react-router-dom` 作为 `peerDependencies`，可能会影响到主组件库的升级。

### 注意事项

`antd@5.3.2` + `react-router-dom@6.8.2` 是验证可行的。往上的版本可以自行测试，一般来说都是可以的，往下的版本也可以自行测试，一般不行。

## Get Started

- install

```bash
yarn add @panda-design/extra
```

- Build your application above `@panda-design/extra`

```typescript jsx
import {GaussianBackground} from '@panda-design/extra';

const App = () => {
    return <GaussianBackground>Hello there.</GaussianBackground>;
};
```

## Docs

[see StyleGuide made by this package](https://panda-design-team.github.io/)

also you may clone

```bash
git clone git@github.com:panda-design-team/panda-design-team.github.io.git
cd panda-design-team.github.io
yarn
yarn start
```

## Contribute

Feel free to raise issues and PR.
npm package: @panda-design/path-form
Description: Panda Design
Author: Cong Zhang
Latest version: 0.0.18

# @panda-design/path-form

[![version](https://img.shields.io/npm/v/@panda-design/path-form.svg?style=flat-square)](http://npm.im/@panda-design/path-form)
[![npm downloads](https://img.shields.io/npm/dm/@panda-design/path-form.svg?style=flat-square)](https://www.npmjs.com/package/@panda-design/path-form)
[![MIT License](https://img.shields.io/npm/l/@panda-design/path-form.svg?style=flat-square)](http://opensource.org/licenses/MIT)

Components and utils to build heavy form followed with [Panda Design](https://github.com/panda-design-team/components).

English | [中文](https://github.com/panda-design-team/path-form/blob/main/docs/README-zh_CN.md)

## Get Started

- install

```bash
yarn add @panda-design/path-form
```

## Docs

[Quick Guide](https://github.com/panda-design-team/path-form/blob/main/docs/QuickGuide.md)

[Panda Design StyleGuide](https://panda-design-team.github.io/)

## Contribute

Feel free to raise issues and PR.
npm package: @panda-design/router
Description: Panda Design
Author: Cong Zhang
Latest version: 0.0.26

# @panda-design/router

[![version](https://img.shields.io/npm/v/@panda-design/router.svg?style=flat-square)](http://npm.im/@panda-design/router)
[![npm downloads](https://img.shields.io/npm/dm/@panda-design/router.svg?style=flat-square)](https://www.npmjs.com/package/@panda-design/router)
[![MIT License](https://img.shields.io/npm/l/@panda-design/router.svg?style=flat-square)](http://opensource.org/licenses/MIT)

Components and utils alone with `react-router-dom` followed with [Panda Design](https://github.com/panda-design-team/components).

English | [中文](https://github.com/panda-design-team/router/blob/main/docs/README-zh_CN.md)

## Get Started

- install

```bash
yarn add @panda-design/router
```

- Build your application above `@panda-design/router`

```typescript jsx
import {LeftNavigation} from '@panda-design/router';

const App = () => {
    return <LeftNavigation items={[/* ... */]} />;
};
```

## Docs

[Quick Guide](https://github.com/panda-design-team/router/blob/main/docs/QuickGuide.md)

[Panda Design StyleGuide](https://panda-design-team.github.io/)

## Contribute

Feel free to raise issues and PR.
npm package: @panda-dev/cli
Description: > `Panda-Cli` 是一个构建工具，可以快速初始化一个页面组件、或者根据相关模板新建一个项目。
Author: Ewall
Latest version: 1.0.6

# Panda Cli

> `Panda-Cli` 是一个构建工具，可以快速初始化一个页面组件、或者根据相关模板新建一个项目。

### Usage

```bash
# 下载
$ npm i @panda-dev/cli -g

# 初始化项目
$ panda create

# 初始化页面
$ panda init
```

### Feature

（1）初始化项目

- [x] H5 模板工程（vue2.x）
- [x] H5 模板工程（vue3.x）
- [ ] H5 模板工程（react）

（2）初始化组件

- [x] Vue2 版本-单个组件（sfc）
- [x] Vue3 版本-单个组件（sfc）
- [ ] Vue3 版本-单个组件（tsx）
- [x] Vue3 版本-组件集合（sfc）
- [ ] React 版本-单个组件