open-index/open-npm huggingface dataset:
npm package: @npmers_june/npmtestcomp
Description: npm test from company.
Author: June
Latest version: 2.0.0

# miniprogram-custom-component

小程序自定义组件开发模板：

* 支持使用 less 语法编写 wxss 文件
* 使用 webpack 构建 js
* 支持自定义组件单元测试
* 支持 eslint
* 支持多入口构建

## 使用

* 使用[命令行工具](https://github.com/wechat-miniprogram/miniprogram-cli)进行初始化
* 直接从 github 上 clone 下来

## 开发

1. 安装依赖：

```
npm install
```

2. 执行命令：

```
npm run dev
```

默认会在包根目录下生成 miniprogram\_dev 目录，src 中的源代码会被构建并生成到 miniprogram\_dev/components 目录下。如果需要监听文件变化动态构建，则可以执行命令：

```
npm run watch
```

> ps: 如果 minirpogram\_dev 目录下已存在小程序 demo，执行`npm run dev`则不会再将 tools 下的 demo 拷贝到此目录下。而执行`npm run watch`则会监听 tools 目录下的 demo 变动并进行拷贝。

3. 生成的 miniprogram\_dev 目录是一个小程序项目目录，以此目录作为小程序项目目录在开发者工具中打开即可查看自定义组件被使用的效果。

4. 进阶：

* 如果有额外的构建需求，可自行修改 tools 目录中的构建脚本。
* 内置支持 webpack、less 语法、sourcemap 等功能，默认关闭。如若需要可以自行修改 tools/config.js 配置文件中相关配置。
* 内置支持多入口构建，如若需要可自行调整 tools/config.js 配置文件的 entry 字段。
* 默认开启 eslint，可自行调整规则或在 tools/config.js 中注释掉 eslint-loader 行来关闭此功能。

## 发布

> ps: 发布前得确保已经执行构建，小程序 npm 包只有构建出来的目录是真正被使用到的。

1. 如果还没有 npm 帐号，可以到[ npm 官网](https://www.npmjs.com/)注册一个 npm 帐号。
2. 在本地登录 npm 帐号，在本地执行：

```
npm adduser
```

或者

```
npm login
```

3. 在已完成编写的 npm 包根目录下执行：

```
npm publish
```

到此，npm 包就成功发布到 npm 平台了。

> PS：一些开发者在开发过程中可能修改过 npm 的源，所以当进行登录或发布时需要注意要将源切回 npm 的源。

## 目录结构

以下为推荐使用的目录结构，如果有必要开发者也可以自行做一些调整:

```
|--miniprogram_dev // 开发环境构建目录
|--miniprogram_dist // 生产环境构建目录
|--src // 源码
|   |--components // 通用自定义组件
|   |--images // 图片资源
|   |
|   |--xxx.js/xxx.wxml/xxx.json/xxx.wxss // 暴露的 js 模块/自定义组件入口文件
|
|--test // 测试用例
|--tools // 构建相关代码
|   |--demo // demo 小程序目录，开发环境下会被拷贝生成到 miniprogram_dev 目录中
|   |--config.js // 构建相关配置文件
|
|--gulpfile.js
```

> PS：对外暴露的 js 模块/自定义组件请放在 src 目录下，不宜放置在过深的目录。另外新增的暴露模块需要在 tools/config.js 的 entry 字段中补充，不然不会进行构建。

## 测试

* 执行测试用例：

```
npm run test
```

* 执行测试用例并进入 node inspect 调试：

```
npm run test-debug
```

* 检测覆盖率：

```
npm run coverage
```

测试用例放在 test 目录下，使用 **miniprogram-simulate** 工具集进行测试，[点击此处查看](https://github.com/wechat-miniprogram/miniprogram-simulate/blob/master/README.md)使用方法。在测试中可能需要变更或调整工具集中的一些方法，可在 test/utils 下自行实现。

## 其他命令

* 清空 miniprogram_dist 目录：

```
npm run clean
```

* 清空 miniprogam_dev 目录：

```
npm run clean-dev
```
npm package: @npmeska/client.db
Description: Gözle Okunabilir Data Base Modülü
Author: Arda Engin Ebcim
Latest version: 1.0.3

[![VERSION](https://img.shields.io/npm/v/@npmeska/client.db?color=%23CC3534&label=Version&logo=npm)](https://www.npmjs.org/package/@npmeska/client.db) 
[![DOWNLOAD](https://img.shields.io/npm/dt/@npmeska/client.db?color=%23CC3534&label=Dowload&logo=npm)](https://www.npmjs.org/package/@npmeska/client.db) 
[![LICENSE](https://img.shields.io/npm/l/@npmeska/client.db?color=%23CC3534&label=License&logo=npm)](https://www.npmjs.org/package/@npmeska/client.db)  
[![DISCORD](https://img.shields.io/discord/767472724892188712?color=%237289d9&label=Client%20Code&logo=discord&logoColor=white)](https://discord.gg/yvwr263)  
#
# CLIENT.DB
# How To Install?
[![NPM](https://nodei.co/npm/@npmeska/client.db.png?mini=true)](https://www.npmjs.org/package/@npmeska/client.db)
```npm
npm install @npmeska/client.db
```
# How To Use?
## NodeJs
```javascript
const Database = require("@npmeska/client.db");
const db = new Database("./database.json");//Data Base Name 

// Set data
db.set("Hello", "World");

// Get data
db.get("Hello"); // World
db.fetch("Hello");// World

// Delete data
db.delete("Hello");

db.get("Hello"); // undefined
db.has("Hello"); // false
db.fetch("Hello"); // undefined

db.set("age", 10);
db.add("age", 1); // 11
db.subtract("age", 9); // 2
db.all()

db.set("array", [ "apple" ]);
db.push("array", "orange"); // [ "apple", "orange" ]

// Clear data
db.clear();
```
## Client Code Discord Server
[![DISCORD](https://discordapp.com/api/guilds/767472724892188712/widget.png?style=banner3)](https://discord.gg/yvwr263)
npm package: @npmextras/get-random-values
Description: Cross browser and node.js implementation to generate random values
Author: ProtonMail
Latest version: 1.0.1

# get-random-values
Cross browser and node.js implementation to generate random values.

Either uses:

  - window.crypto
  - window.msCrypto
  - node crypto

if it exists, otherwise throws.

## Example

``` javascript
import getRandomValues from 'get-random-values';

const array = getRandomValues(new Uint32Array(4));
// [9, 50, 194, 143]
```

## Installation

``` bash
npm install github:ProtonMail/get-random-values.git#semver:^1.0.0
```
npm package: @npmextras/logging
Description: #### A simple logging package for TypeScript
Latest version: 0.0.7

# Logging

#### A simple logging package for TypeScript

## Getting Started

### Installation

```
yarn add @npmextras/logging
```

### Usage

In the first file that gets executed, write the following at the top:

```ts
import {Logging} from "@npmextras/logging"
Logging.init() // you can also pass pino options to `init`

// ... other code here
```

Then, in any file you want to use logging in, you can do the following:

```ts
import {Logging} from "@npmextras/logging"
const logger = Logging.logger({__filename}) // setting filename here shows the source of your logs

// Template string logging: This logs the interpolated string that you give it. It uses node's `inspect` utility to pretty print objects.
const world = {name: "World"}
logger.debug`Hello ${world}`

// Function logging: This logs all the calls and returns of this function
const myFunction = logger.debug(() => {}, "myFunction)
```
npm package: @npmiboy/button
Description: 基于Antd5+TypeScript+React的组件库
Author: Your Name
Latest version: 1.1.0

# My React Components

基于Antd5+TypeScript+React的组件库

## 安装

```bash
npm install @your-username/my-react-components
```

## 使用

```tsx
import React from 'react';
import { MyButton } from '@your-username/my-react-components';

function App() {
  return (
    <div>
      <MyButton onClick={() => console.log('clicked')}>
        点击我
      </MyButton>
    </div>
  );
}

export default App;
```

## 组件列表

- MyButton - 基于Antd Button的增强组件

## 开发

```bash
# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

# 类型检查
npm run type-check
```

## 许可证

MIT
npm package: @npmiboy/button-test
Description: 基于Antd5+TypeScript+React的组件库
Author: Your Name
Latest version: 2.0.0

# My React Components

基于Antd5+TypeScript+React的组件库

## 安装

```bash
npm install @your-username/my-react-components
```

## 使用

```tsx
import React from 'react';
import { MyButton } from '@your-username/my-react-components';

function App() {
  return (
    <div>
      <MyButton onClick={() => console.log('clicked')}>
        点击我
      </MyButton>
    </div>
  );
}

export default App;
```

## 组件列表

- MyButton - 基于Antd Button的增强组件

## 开发

```bash
# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

# 类型检查
npm run type-check
```

## 许可证

MIT
npm package: @npmiboy/cool-ui-button
Description: 基于Antd5+TypeScript+React的组件库
Author: npmiboy
Latest version: 1.0.0

# My React Components

基于Antd5+TypeScript+React的组件库

## 安装

```bash
npm install @your-username/my-react-components
```

## 使用

```tsx
import React from 'react';
import { MyButton } from '@your-username/my-react-components';

function App() {
  return (
    <div>
      <MyButton onClick={() => console.log('clicked')}>
        点击我
      </MyButton>
    </div>
  );
}

export default App;
```

## 组件列表

- MyButton - 基于Antd Button的增强组件

## 开发

```bash
# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

# 类型检查
npm run type-check
```

## 许可证

MIT
npm package: @npmiboy/my-react-button
Description: 基于Antd5+TypeScript+React的组件库
Author: Your Name
Latest version: 1.0.0

# My React Components

基于Antd5+TypeScript+React的组件库

## 安装

```bash
npm install @your-username/my-react-components
```

## 使用

```tsx
import React from 'react';
import { MyButton } from '@your-username/my-react-components';

function App() {
  return (
    <div>
      <MyButton onClick={() => console.log('clicked')}>
        点击我
      </MyButton>
    </div>
  );
}

export default App;
```

## 组件列表

- MyButton - 基于Antd Button的增强组件

## 开发

```bash
# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

# 类型检查
npm run type-check
```

## 许可证

MIT