open-index/open-npm huggingface dataset:
npm package: @hubsync/esign-web-sdk
Description: Verdocs Web SDK
Latest version: 6.5.17

# Verdocs Web SDK

> Library of components and embeds to quickly build Verdocs-enabled apps.

This is the core component library for a set of framework-specific SDKs to quickly develop Verdocs-enabled Web applications.
For more information, please see one of the following for your specific framework:

  - [Verdocs Web for React](https://www.npmjs.com/package/@verdocs/web-sdk-react)
npm package: @hubxu/utils
Description: Opinionated collection of common JavaScript TypeScript utils
Author: Xuke
Latest version: 0.0.14

# @hubxu/utils

[文档](docs/modules.md)

[![NPM version](https://img.shields.io/npm/v/@hubxu/utils?color=a1b858&label=)](https://www.npmjs.com/package/@hubxu/utils)

一个实用的 JavaScript / TypeScript 工具函数库，汇总了在开发中常用的工具函数，包括数据类型判断、DOM操作、浏览器环境判断、日期格式化、数字格式化、字符串转换、URL处理、验证器、BOM操作、CSS样式操作、文件操作、对象操作、数组操作等，让你的开发更加高效。

## 📦 安装

```bash
# npm
npm install @hubxu/utils

# yarn
yarn add @hubxu/utils

# pnpm
pnpm add @hubxu/utils
```

## 🚀 使用

```ts
// ESM
import { addUnit, formatNumber } from '@hubxu/utils';

// CommonJS
const { addUnit, formatNumber } = require('@hubxu/utils');
```
npm package: @huck/browser
Description: Huck browser utilities
Author: huckjs
Latest version: 1.0.5

# @Huck / Browser
#### @huck/browser
Huck browser utilities.

###### Dom Utilities
###### Router


---

##### To Install:
**NPM:**
```npm install @huck/browser```

**YARN:**
```yarn add @huck/browser```
npm package: @huck/cli
Description: Huck Command Line Client
Author: Jesse Weed
Latest version: 0.2.0

# Huck CLI
Command line tool to scaffolding [Huck](https://huck.js.org) apps.

Create barebones app with Webpack pack build system.

```
$ npm install @huck/cli -g
```

then

```
$ huck
```

Follow the promts, and you're all done!
npm package: @huck/core
Description: Huck core utilities
Author: huck
Latest version: 1.1.6

# @Huck / Core
#### @huck/core
Core Huck API's:
- Component
- Emitter
- Huck Core


---

##### To Install:
**NPM:**
```npm install @huck/core```

**YARN:**
```yarn add @huck/core```
npm package: @huckleberry-inc/address-consts
Description: Constants and types relating to `@shopify/address`
Author: Shopify Inc.
Latest version: 4.2.4

# `@shopify/address-consts`

> [!CAUTION]
>
> `@shopify/address-consts` is deprecated.
>
> Shopifolk, see
> [Shopify/quilt-internal](https://github.com/shopify/quilt-internal) for
> information on the latest packages available for use internally.

[![Build Status](https://github.com/Shopify/quilt/workflows/Node-CI/badge.svg?branch=main)](https://github.com/Shopify/quilt/actions?query=workflow%3ANode-CI)
[![Build Status](https://github.com/Shopify/quilt/workflows/Ruby-CI/badge.svg?branch=main)](https://github.com/Shopify/quilt/actions?query=workflow%3ARuby-CI)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE.md) [![npm version](https://badge.fury.io/js/%40shopify%2Faddress-consts.svg)](https://badge.fury.io/js/%40shopify%2Faddress-consts.svg)

Constants and types relating to `@shopify/address`.

This package is not meant for direct consumption, rather it contains dependencies that both `@shopify/address` and `@shopify/address-mocks` require.
npm package: @huckleberry-inc/check-npm-lockfile
Description: Detect recently published npm packages in lockfiles for supply chain attack prevention
Author: Masahiro Saito
Latest version: 0.2.0

# @huckleberry-inc/check-npm-lockfile

[![CI](https://github.com/huckleberry-inc/check-npm-lockfile/actions/workflows/e2e.yml/badge.svg)](https://github.com/huckleberry-inc/check-npm-lockfile/actions/workflows/e2e.yml)

lockfile 内の依存パッケージが最近公開されたものかを検出し、サプライチェーン攻撃を防止する CLI ツール

## 機能

- lockfile (package-lock.json, yarn.lock) 内の全パッケージを npm registry に問い合わせ
- 指定日数以内に公開されたパッケージを検出
- 初版パッケージ (NEW) を識別
- 検出時に exit code 1 で終了 (CI での利用を想定)
- package-lock.json v1/v2+、yarn v1、yarn Berry に対応

## 使用方法

### npx での実行

```bash
npx @huckleberry-inc/check-npm-lockfile
```

### CI での使用例 (GitHub Actions)

```yaml
- name: Check npm lockfile
  run: npx -y @huckleberry-inc/check-npm-lockfile@0.2.0
```

### オプション指定

```bash
# 30日以内に公開されたパッケージを検出
npx @huckleberry-inc/check-npm-lockfile --minimum-release-age 30

# JSON 形式で出力
npx @huckleberry-inc/check-npm-lockfile --format json

# 特定の lockfile を指定
npx @huckleberry-inc/check-npm-lockfile path/to/yarn.lock

# 特定のパッケージを除外
npx @huckleberry-inc/check-npm-lockfile --exclude lodash @types/node

# glob パターンで除外
npx @huckleberry-inc/check-npm-lockfile --exclude '@types/*' '@my-scope/*'
```

## CLI オプション

| オプション | 型 | デフォルト | 説明 |
|---|---|---|---|
| `[lockfile]` | string | (自動検出) | lockfile のパス。未指定時は yarn.lock → package-lock.json の順で検出 |
| `--minimum-release-age <days>` | number | 7 | 最小リリース経過日数。この日数以内に公開されたパッケージを検出 |
| `-f, --format <type>` | string | console | 出力フォーマット: `console` または `json` |
| `-c, --concurrency <number>` | number | 10 | npm registry API への最大同時リクエスト数 |
| `-e, --exclude <patterns...>` | string[] | (なし) | チェック対象から除外するパッケージ名または glob パターン |
| `--no-exit-code` | boolean | false | 最近のパッケージが見つかっても常に exit code 0 で終了 |
| `-v, --verbose` | boolean | false | 詳細な進捗表示 |

## 開発

```bash
npm install
npm run build
```

### テスト

```bash
npm run test:e2e
```

モック npm registry サーバーを使用した E2E テストが実行されます。npm の認証情報は不要です。

### プロジェクト構成

```
src/
  index.ts              # Public API エクスポート
  cli.ts                # CLI エントリポイント
  analyzer/
    index.ts            # コア分析ロジック
  parsers/
    index.ts            # Parser エクスポート
    package-lock.ts     # package-lock.json パーサー (v1/v2+)
    yarn-lock.ts        # yarn.lock パーサー (v1/Berry)
  registry/
    index.ts            # Registry エクスポート
    npm-client.ts       # npm registry API クライアント
  output/
    index.ts            # Output ディスパッチャ
    console.ts          # プレーンテキスト出力
    json.ts             # JSON 出力
  types/
    index.ts            # TypeScript 型定義
tests/
  e2e.test.ts           # E2E テスト
```

## ライセンス

MIT
npm package: @huckleberry-inc/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 3.4.1

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @huckleberry-inc/shopify-app-history
Description: History management library for Shopify app
Author: Huckleberry, inc.
Latest version: 0.0.3

# Welcome to @huckleberry-inc/shopify-app-history 👋
![Version](https://img.shields.io/badge/version-0.0.3-blue.svg?cacheSeconds=2592000)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](#)
![build](https://github.com/huckleberry-inc/shopify-app-history/workflows/build/badge.svg)

> React router hooks for Shopify app

### 🏠 [Homepage](https://github.com/huckleberry-inc/shopify-app-history)

## Usage

```ts
import { useShopifyHistory } from '@huckleberry-inc/shopify-app-history';
import createApp from '@shopify/app-bridge';

const app = createApp({
  apiKey: 'API key from Shopify Partner Dashboard',
  shopOrigin,
});

// React hooks
const to = useShopifyHistory(app);

// You can use it in React Component
const jump = () => { to("/another_page") }
```

Also, You can check [React router API docs](https://reacttraining.com/react-router/web/guides/quick-start).

## Install

```sh
yarn add @huckleberry-inc/shopify-app-history
```

## Author

👤 **Huckleberry, inc. <dev@huckleberry-inc.com>**


## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/huckleberry-inc/shopify-app-history/issues). 

## Show your support

Give a ⭐️ if this project helped you!


***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
npm package: @huckleberry-inc/shopify-app-locales
Description: Locale library for Shopify app
Author: Huckleberry, inc.
Latest version: 0.1.4

# Welcome to @huckleberry-inc/shopify-app-locales 👋
![Version](https://img.shields.io/badge/version-0.1.3-blue.svg?cacheSeconds=2592000)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](#)
![build and test](https://github.com/huckleberry-inc/shopify-app-locales/workflows/build%20and%20test/badge.svg)

> Locale library for Shopify app (Supports Japanese only for now)

### 🏠 [Homepage](https://github.com/huckleberry-inc/shopify-app-locales)

## Usage

```ts
import { Translator } from "@huckleberry-inc/shopify-app-locales"

// Initializes Translator instance
const translator = new Translator("ja")

// Traslates words
translator.provinces.get("Aichi") // 愛知県
translator.orderStatuses.get("open") // オープン
translator.financialStatuses.get("authorized") // オーソリ済
translator.fulfillmentStatuses.get("shipped") // 発送済

// Words are Map instance. You can iterate it.
translator.fulfillmentStatuses.forEach(([key, value]) => {
  ...
})

Array.from(translator.fulfillmentStatuses).map(([key, value]) => {
  return { value, key }
}
```

## Install

```sh
yarn add @huckleberry-inc/shopify-app-locales
```

## Run tests

```sh
yarn test
```

## Author

👤 **Huckleberry, inc. <dev@huckleberry-inc.com>**


## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/huckleberry-inc/shopify-app-locales/issues). 

## Show your support

Give a ⭐️ if this project helped you!


***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
npm package: @huckleberry-inc/valuecommerce-advertiser
Description: ValueCommerce node client for advertiser
Author: Huckleberry, inc.
Latest version: 1.0.3

# Welcome to @huckleberry-inc/valuecommerce-advertiser 👋
[![Version](https://img.shields.io/npm/v/@huckleberry-inc/valuecommerce-advertiser.svg)](https://www.npmjs.com/package/@huckleberry-inc/valuecommerce-advertiser)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](#)
![build and test](https://github.com/huckleberry-inc/valuecommerce-advertiser/workflows/build%20and%20test/badge.svg)

> ValueCommerce node client for advertiser

[API docs](https://pub-docs.valuecommerce.ne.jp/docs/ec-74-token-api/)

### 🏠 [Homepage](https://github.com/huckleberry-inc/valuecommerce-advertiser)

## Usage

```ts
import { Client } from '@huckleberry-inc/valuecommerce-advertiser'

const client = new Client();

(async () => {
  // Create Token
  const clientKey = 'CLIENT_KEY';
  const clientSecret = 'CLIENT_SECRET';
  const token = await client.token({ clientKey, clientSecret });

  const bearerToken = token.resultSet.rowData.bearer_token

  // Fetch transactions
  const transactions = await client.transaction(bearerToken);

  // Update transaction's status
  const statusMap = new Map<string, boolean>();
  statusMap.set(transactions[0].resultSet.rowData.orderId, false);

  await client.transactionStatus(
    bearerToken,
    statusMap,
  );
})();
```

## Install

```sh
yarn add @huckleberry-inc/valuecommerce-advertiser
yarn
```

## Run tests

```sh
VCR_MODE=cache yarn test 
```

## Author

👤 **Huckleberry, inc. <dev@huckleberry-inc.com>**


## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check [issues page](https://github.com/huckleberry-inc/valuecommerce-advertiser/issues). 

## Show your support

Give a ⭐️ if this project helped you!


***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
npm package: @hucy_hucy/axios-wrapper
Description: create a axios wrapper function for request cache and intercept repeat request
Author: hucy_hucy
Latest version: 0.0.4

# 用例

```js
import { AxiosWrapper } from '@hucy_hucy/axios-wrapper';
import { ElLoading } from 'element-plus';
const service = new AxiosWrapper({
  baseURL: 'http://192.168.1.xyz',
  timeout: 15000,
  apiMap: []
});

// req.on('repeat')

const whiteList = ['login']

// 是否请求成功的检测函数，有默认值
// 检测请求成功后将会在适当的时候执行缓存操作
service.isRequestSuccess(function (response: AxiosResponse) {
  // 默认
  // return has(response.data, 'code') && response.data.code === 0
  return response.data && response.data.code === 200
})

service.injectHeader(function (apiConfig) {
  if (whiteList.includes(apiConfig.name)) return {}
  return {
    // 在请求前注入 Token
    Authorization: 'Bearer ' + getToken(),
    'Content-Type': get(config, 'headers.Content-Type', 'application/json')
  }
})

// 当 loading 为 true 时会执行
service.startLoading(function (apiConfig) {
  return ElLoading.service({
    lock: true,
    text: 'Loading',
    background: 'rgba(0, 0, 0, 0.7)',
  })
});

service.stopLoading(function (loadingInstance) {
  loadingInstance.close()
});

service.request('ApiName', {
  params: {},
  data: {},
  // 默认是 false, 不允许重复请求
  allowRepeat: true,
  // 默认是false, 不会进行缓存，可选的值有：
  // boolean | 'memory' | session | local
  // 其中：设置 true 等同于设置
  cache: 'memory',
  // 是否强制请求，为 true 时会无视缓存
  force: false,
  // 是否为请求前后添加全局 loading 动画
  loading: true // boolean
}).then((response) => {

});
```

### 重复请求如何处理 - PLAN

1. 使用首次请求的接口，后续的请求全部忽略，后续接口会得到首次请求的返回数据
2. 使用最后一次请求的接口，前面的所有请求都取消掉，只有最后一次请求会返回数据
npm package: @hucy_hucy/vue-modal
Description: 基于vue的模态框插件, 本身不识闲模态框, 可将任意vue组件插入到页面中, 可以更方便的使用类似于el-dialog的组件
Author: hucy_hucy
Latest version: 0.1.3

## 安装 (install)

```
npm install @hucy_hucy/vue-modal
or
yarn add @hucy_hucy/vue-modal
```

## 使用 (Usage)

例如有这么一个添加用户的弹窗, 方便演示这里使用element-ui的Dialog组件

### @/modal/AddUser.vue
```html
<template>
  <el-dialog
    title="添加用户"
    :visible.sync="show"
    width="50%"
    @closed="handleClose"
  >
    <el-input v-model="form.username" placeholder="请输入用户名" />
    <span slot="footer" class="dialog-footer">
      <el-button @click="$emit('cancel', 'cancel add')">取 消</el-button>
      <el-button type="primary" @click="confirm">添加</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  data () {
    return {
      show: true,
      form: {
        username: ''
      }
    }
  },
  methods: {
    cancel: function () {
      this.$emit('cancel', 'cancel add')
    },
    confirm: function () {
      this.$emit('confirm', this.form)
    },
    handleClose: function () {
      this.cancel()
    }
  }
}
</script>
```

然后使用插件, 并注册组件

```js
/*
 * @/main.js
 */
import Modal from '@hucy_hucy/vue-modal';
import store from '@/store';
import router from '@/router';
import modal from '@/modal/AddUser';
// 如果在组件中需要使用到store或者router则需要在此配置
Vue.use(Modal, { store, router });
// 注册组件
Vue.modal('AddUser', AddUser)
// 在页面中使用
/*
 * App.vue
 */
export default {
  created () {
    // 第二个参数会和Modal的$options进行合并
    this.$modal('AddUser', { data }).confirm(() => {
      // TODO: 新增用户请求
    }).cancel(() => {
      // TODO: 当用户取消添加时
    })
  }
}
```

### 支持链式语法

可给出多个回调, 会按顺序触发, 支持返回Promise, 会在Promise resolve之后触发下一个

```js
export default {
  created () {
    this.$modal('AddUser', { data }).confirm(() => {
      // TODO: 新增用户请求
      return axios.post('xxx', this.form)
    }).confirm(() => {
      this.$message('添加成功')
    })
  }
}
```

### 支持自定义事件

在Modal中使用其他事件的方法

```js
// 在Modal中
this.$emit('other', val)
// 调用时
export default {
  created () {
    this.$modal('AddUser', { actions, data }).other(() => {
      // TODO: 新增用户请求
      return axios.post('xxx', this.form)
    }).other(() => {
      this.$message('添加成功')
    })
  }
}
```
npm package: @hucy_hucy/vue-request
Description: 基于axios的vue项目请求层封装的插件
Author: hucy_hucy
Latest version: 0.3.2

## 开发进度
- [x] api可以在页面中通过mapAction调用
- [x] 支持动态url参数 类似这样 /api/task/<id>/
- [] 支持自定义数据处理函数(api配置中, 回调函数实现), 插件配置中, 可配置统一数据处理函数, 自定义数据处理函数会优先于统一数据处理函数, 两者只会有一个执行
- [x] 配置了dataType的接口数据存入数据池中
  - [x] 列表和其他类型有不同的存储逻辑
- [x] 记录接口请求状态
  - [x] 主要有两种需求, 单个接口的请求状态(主要用于分接口异步加载)
  - [x] 多接口同时完成(主要用于等待页面完整加载完成)
  - [] 还有一种需求, 第一次进入页面的时候是等待所有接口完成, 后续就使用单个接口状态
- [] 重复请求判断和可配置
  - [x]一般不允许某个接口可在短时间内 (100ms内) 重复请求
  - [x]但是可以通过配置来允许重复请求
  - []请求字典值的接口, 仅请求一次, 后续所有请求都忽略, 存储到本地localStorage, 再次请求的时候直接返回localStorage数据
- [] 从数据池获取数据(根据唯一键获取)
  - [x] 可以通过 mapGetters 函数获取
  - [] 数据池数据缓存策略
  - [] 默认存储在内存, 刷新操作即丢失数据
  - [] 可以存储到 sessionStorage 中, 在运行期间都不会丢失数据, 若是再次请求接口, 会直接从缓存中读取, 并拦截请求, 若是不需要拦截, 可以配置(这种情况下始终使用请求返回数据, 并更新持久化数据)
  - [] 可以存储到localStorage中, 用户不清除缓存将会一直存在, 可以设置数据过期时间(sessionStorage 不可以设置过期时间)
- [] 请求队列,最多同时进行5个并行请求
- [] 两种配置, 一种是插件配置, 一种是api配置, 插件配置中可以设置api的默认配置, 若是用户不设置api的默认配置, 插件内部还有一份默认配置
  - [] api配置的优先级为, 用户配置 > 用户默认配置(通过插件配置传入) > 默认配置
- [] 快捷调用
  - [] 令 this.$api.getList({ page: 2 }) 可以直接使用
  - [] 令 this.$dp.getList (uuid或者uuids) 可以直接拿到数据