open-index/open-npm huggingface dataset:
npm package: @deephug/ezreal-ui
Description: A Component Library for Vue.js.
Author: deephug
Latest version: 1.0.2

# Ezreal

## 安装

### npm 安装

切换镜像源

    npm config set registry http://10.18.9.52/repository/group-npm/

或者使用 nrm 管理镜像源，方便切换镜像源

    nrm add 863 http://10.18.9.52/repository/group-npm/
    nrm use 863

安装

    npm i ezreal-ui

使用

    import Vue from 'vue';
    import EzrealUI from 'ezreal-ui';
    import 'ezreal-ui/lib/theme-chalk/index.css';
    import App from './App.vue';

    Vue.use(EzrealUI);

    new Vue({
        el: '#app',
        render: h => h(App)
    });
npm package: @deepjs/cli
Description: Command line interface for rapid js development
Latest version: 0.0.5

# js-cli

小工具，将重复简单的工作，使用工具来处理

为什么需要需要脚手架？

- 减少重复性的工作，不再需要复制其他项目再删除无关代码，或者从零创建一个项目和文件。
- 根据交互动态生成项目结构和配置文件等。
- 多人协作更为方便，不需要把文件传来传去。

- 使用（参考 @vue/cli）
  - 创建、添加时，如果是远程地址，先下载内容到临时目录，之后处理到目标位置
  - [x] 支持初始化新项目 `jscli create <template> <name>`
  - [x] 支持项目内添加组件、模块、页面（同 create）`jscli add <template> <name>`
    - [x] 提示输出添加位置（相对路径）
  - [x] 创建或添加时，支持交互式的生成
  - [ ] 升级检测？对当前应用进行检测提示升级
- 模板管理（参考 npm config & nrm 的形式）
  - [x] 支持提供官方模板列表
  - [x] 支持添加自定义模板，使用配置 `~/.jsclirc`
  - [x] 查看模板列表 `jscli tpls ls [--json]`
  - [x] 添加模板 `jscli tpls add <key> <value>`
  - [x] 删除模板 `jscli tpls del <key>`
  - [x] 编辑模板 `jscli tpls edit`，调用默认编辑器编辑(也可以考虑使用 VIM)
  - [x] 校验模板数据有效性 `jscli tpls check`

参考：

- 文档
  - https://github.com/lin-xin/blog/issues/27
  - https://juejin.im/post/5a31d210f265da431a43330e
- 项目
  - https://github.com/Pana/nrm
  - https://github.com/tj/commander.js/blob/master/Readme_zh-CN.md
  - https://github.com/vuejs/vue-cli (@2.x @3.x)
  - https://github.com/STMU1320/Jsm-cli.git
  - https://github.com/ChangedenCZD/optimize-vue-cli
  - https://github.com/kesla/download-npm-package
  - https://github.com/npm/cli/blob/latest/lib/config.js
  - https://github.com/yarnpkg/yarn/blob/master/src/cli/index.js
npm package: @deepjs/storage
Description: browser storage
Author: cloudyan
Latest version: 0.2.9

# storage

适用于 web，封装 localStorage, sessionStorage，简单好用

独立包，无依赖，语义化，使用简单

功能列表

- localStorage/sessionStorage
- storage
  - set
  - get
  - remove
  - clear

## 使用

```js
import { storage, session } from '@deepjs/storage';

storage.set('name', 'cloudyan', 5);
storage.get('name');

setTimeout(() => {
  storage.get('name');
  storage.remove('name');
  storage.clear();
}, 6000);
```
npm package: @deepjs/uni-storage
Description: 封装 uni-app 的 storage，同步取，异步存，API 简单
Author: cloudyan
Latest version: 0.3.8

# uni-storage

封装 uni-app 的 storage，同步取，异步存，API 简单

独立包，无依赖，语义化，使用简单

功能列表

- set(key, value, time = 3600)   // time 单位秒，默认 1h
- get(key)      // 无则返回 undefined
- remove(key)   // 删除
- clear(bool)   // 清除 storage，传 true 则清除所有类型的缓存

## 使用

```js
import storage from '@deepjs/uni-storage'

// 也可以直接挂载到 Vue 上
Vue.use(storage)

storage.set('name', 'cloudyan', 5);
storage.get('name');

setTimeout(() => {
  storage.get('name');
  storage.remove('name');
  storage.clear('name');
}, 6000);
```
npm package: @deepkush97/logger-ts
Description: A simple logger implementation with typescript containing two transport method for logging.
Author: Deepanshu Kushwaha
Latest version: 1.0.4

# Logger TS

- [Typescript] A simple logger implementation with typescript containing two transport method for logging.

## Logger

The Logger takes array of transport in which every logs will be streamed.

## Transport

- Any 'sink' that will take the `logLevel` and `data` to stream it somewhere.

### ConsoleTransport

- Console Transport redirects all logs into console.

### FileTransport

- File Transport redirects all logs into a log file.

## Usage

- For using the logger, we have to make an object of `Logger`. It takes array of transports.

```ts
//Console Logger
const consoleLogger = new Logger([new ConsoleTransport()]);

//File Logger
const fileLogger = new Logger([new FileTransport()]);

//Logging into chain of transport
const logger = new Logger([new ConsoleTransport(), new FileTransport()]);
```

- For logging, we have four types of log level, `error`, `warn`, `info`, `debug`.

```ts
// Takes multiple arguments, (...args: any) => void
logger.error("Error Log");
logger.warn("Warning Log");
logger.info("Info Log");
logger.debug("Debug Log");
```
npm package: @deepnest/svg-preprocessor-linux-arm64-musl
Description: This is the **aarch64-unknown-linux-musl** binary for `@deepnest/svg-preprocessor`
Latest version: 0.2.0

# `@deepnest/svg-preprocessor-linux-arm64-musl`

This is the **aarch64-unknown-linux-musl** binary for `@deepnest/svg-preprocessor`
npm package: @deeporion-tech/template-engine
Description: Shared storefront template engine for multi-tenant SaaS — drag-drop builder, section renderer, and section components
Latest version: 2.0.0

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)

## React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```
npm package: @deepracticex/tsup-config
Description: Shared tsup build configuration for Deepractice projects
Author: Deepractice
Latest version: 0.0.1

# @deepracticex/tsup-config

Shared tsup build configuration for Deepractice projects.

## Installation

```bash
pnpm add -D @deepracticex/tsup-config tsup
```

## Usage

### Basic Usage

```typescript
// tsup.config.ts
import { createConfig } from "@deepracticex/tsup-config";

export default createConfig({
  entry: ["src/index.ts"],
});
```

### Custom Configuration

```typescript
// tsup.config.ts
import { createConfig } from "@deepracticex/tsup-config";

export default createConfig({
  entry: ["src/index.ts"],
  // Override or add options
  format: ["esm"], // Only ESM
  minify: true,
});
```

### Direct Import (No Customization)

```typescript
// tsup.config.ts
import config from "@deepracticex/tsup-config";

export default config;
```

## Features

- ✅ Dual format output (CJS + ESM)
- ✅ TypeScript declarations (.d.ts)
- ✅ Source maps enabled
- ✅ Clean build directory
- ✅ Path alias support (~/_ → ./src/_)
- ✅ esbuild powered

## Scripts

Add to your `package.json`:

```json
{
  "scripts": {
    "build": "tsup",
    "dev": "tsup --watch"
  }
}
```

## Default Configuration

```typescript
{
  format: ["cjs", "esm"],
  dts: true,
  splitting: false,
  sourcemap: true,
  clean: true,
  esbuildOptions: {
    alias: {
      "~": "./src"
    }
  }
}
```
npm package: @deeptrace/commons
Description: Objects shared accross projects
Author: Rafael Willians
Latest version: 1.0.32-alpha.0

[![Prettier code style](https://img.shields.io/badge/code_style-prettier+custom-brightgreen.svg)](https://standardjs.com)
![Package latest version](https://img.shields.io/npm/v/@deeptrace/commons/latest.svg?label=%40deeptrace%2Fcommons)
![Required node version](https://img.shields.io/node/v/@deeptrace/commons.svg?style=flat)
![Supported types](https://img.shields.io/npm/types/@deeptrace/commons.svg)

# @deeptrace/commons

A package with objects shared accross projects.

You can learn more about the "why"s behind this package and DeepTrace's ecosystem [here](https://app.gitbook.com/@deeptrace/s/docs/js-packages/deeptrace-commons).


## How to install

This is a [Node.js](https://nodejs.org/en/) module available through the [npm registry](https://www.npmjs.com).

Installation is done using the npm install command:

```sh
npm install @deeptrace/commons
```


## Exported objects

- CommonError
- DomainError
- InfrastructureError
- HttpError
- UserFaultHttpError
- BadRequestHttpError
- UnauthorizedHttpError
- PaymentRequiredHttpError
- ForbiddenHttpError
- NotFoundHttpError
- ConflictHttpError
- GoneHttpError
- UnprocessableEntityHttpError
- LockedHttpError
- TooManyRequestsHttpError
- ServerFaultHttpError
- InternalServerErrorHttpError
- ServiceUnavailableHttpError
- environments
    - TEST
    - REVIEW
    - STAGING
    - PRODUCTION
    - DEVELOPMENT


## Errors inheritance tree

- CommonError
    - DomainError
    - InfrastructureError
        - HttpError
            - UserFaultHttpError **4xx**
                - BadRequestHttpError **400**
                - UnauthorizedHttpError **401**
                - PaymentRequiredHttpError **402**
                - ForbiddenHttpError **403**
                - NotFoundHttpError **404**
                - ConflictHttpError **409**
                - GoneHttpError **410**
                - UnprocessableEntityHttpError **422**
                - LockedHttpError **423**
                - TooManyRequestsHttpError **429**
            - ServerFaultHttpError **5xx**
                - InternalServerErrorHttpError **500**
                - ServiceUnavailableHttpError **503**
npm package: @deevoid/reactive-var
Description: Dead simple reactive state for react
Author: Dev Pandey
Latest version: 2.0.1


# @deevoid/reactive-var

A dead simple global state management library for react. 


## Features

- React 18 compatible
- 687 bytes (Minified + Gzipped)
- Reactive to the core
- Can be used inside React components(Hooks API) as well as util functions directly


## Installation

```bash
 For npm:   npm install @deevoid/reactive-var
 For yarn:  yarn add @deevoid/reactive-var
```
    
## Usage/Examples

```javascript
// reactiveVars.ts

import { makeVar } from '@deevoid/reactive-var'

export const countMakeVar = makeVar(0)
```

```javascript
// React Component

 import React from "react";
 import { useReactiveVar } from "@deevoid/reactive-var";
 import { countMakeVar } from "./reactiveVars.ts";

 export default () => {
    const count = useReactiveVar(countMakeVar);
    return (
      <div>
        <div>{count}</div>
        <button
          onClick={() => {
            countMakeVar(countMakeVar() + 1);
          }}
        >
          Increment
        </button>
      </div>
    );
  };
```


## API Reference

### makeVar

```javascript
  const countMakeVar = makeVar(0)
```

| Parameter | Type     | Description                |
| :-------- | :------- | :------------------------- |
| `initialValue` | `any` | **Required** |
| `customizer` | `(prevState, newState) => boolean` | **Optional**.  A function to manually compare the equality of state |

Returns a **reactiveVar**

- **ReactiveVar** returned from the `makeVar` function returns a function 
- Call it without parameters to get the latest value
- Call it with a value to update/set the value of reactiveVar. Example: ```countMakeVar(5);```
___


### useReactiveVar
```javascript
  const count = useReactiveVar(countMakeVar);
```
- A react hook that listens to changes in a ReactiveVar and rerender the component when the variable changes(After evaluating the **customizer** function).
- useReactiveVar must follow the rules of hook in react.

| Parameter | Type     | Description                       |
| :-------- | :------- | :-------------------------------- |
| `reactiveVar`      | `typeof returnof makeVar` | **Required**. The reactiveVar returned from the **makeVar** function |



## License

[MIT](https://choosealicense.com/licenses/mit/) ©️ [Deevoid](https://github.com/Deevoid)
npm package: @defesacivil/eslint-config
Description: ESLint configuration used by Defesa Civil projects.
Latest version: 1.0.0

# Defesa Civil ESLint config

## What's included?

- Standard config base
- React plugin
- React Hooks plugin
- JSX a11y plugin
- TypeScript support
- Prettier integration

## Setup

### React (with Next.js)

Install dependencies:

```bash
npm i -D eslint @defesacivil/eslint-config
```

Inside `.eslintrc.json`

```json
{
  "extends": [
    "@defesacivil/eslint-config/next",
    "next/core-web-vitals"
  ]
}
```

### React (without Next.js)

Install dependencies:

```bash
npm i -D eslint @defesacivil/eslint-config
```

Inside `.eslintrc.json`

```json
{
  "extends": "@defesacivil/eslint-config/react"
}
```

### Node.js

Install dependencies:

```bash
npm i -D eslint @defesacivil/eslint-config
```

Inside `.eslintrc.json`

```json
{
  "extends": "@defesacivil/eslint-config/node"
}
```
npm package: @definejs/timer
Description: 计时器
Author: micty
Latest version: 1.0.1

# Timer.js

计时器。

## 示例

``` javascript
const Timer = require('@definejs/timer');
const timer = new Timer();

timer.start();

setTimeout(() => {
    //等同于：
    //let info = timer.stop('ms');
    let info = timer.stop();        //停止计时，并以毫秒为单位对耗时进行转换。
    

    console.log(info);

}, 3000);


setTimeout(() => {
    let info = timer.stop('m'); //停止计时，并以分钟为单位对耗时进行转换。
    let list = timer.list();    //获取所有的计时历史，返回一个数组。

    console.log(info);
    console.log(list);  

}, 61*1000);

```

## 方法

### start()

开始计时。

### stop(unit = 'ms')

停止计时，返回计时的相关信息，并保存到计时历史列表中。

#### 参数
##### unit 

类型：string。   
对时间差进行转换的单位，可取的值为：  
 - `ms`: 毫秒(默认值)。
 - `s`: 秒。
 - `m`: 分。
 - `h`: 小时。
 - `d`: 天。

#### 返回值
返回的计时信息结构为：  
``` javascript
{ 
    t0: Date,       //开始时间，Date 实例。
    t1: Date,       //结束时间，Date 实例。
    dt: Number,     //时间差，即耗时，单位为毫秒。
    value: Number,  //针对参数 unit 传入的单位转换后的时间差值向上取整的整数。 
    unit: string,   //参数 unit 传入的值。
}
```

### reset()

重置计时器，回到创建时的状态，会清空计时历史列表。

### list()

获取所有的历史计时列表信息，返回一个数组。