open-index/open-npm huggingface dataset:
npm package: @huangshuisheng/components
Description: Billd's components
Author: shuisheng
Latest version: 0.0.11

<p align="center">
  <a href="">
    <img
      width="200"
      src="https://resource.hsslive.cn/image/1613141138717Billd.webp"
      alt="@huangshuisheng/components logo"
    />
  </a>
</p>

<h1 align="center">
  @huangshuisheng/components
</h1>

<p align="center">
  开箱即用的 components
</p>

<div align="center">
<a href="https://www.npmjs.com/package/@huangshuisheng/components"><img src="https://img.shields.io/npm/v/@huangshuisheng/components.svg" alt="Version"></a>
<a href="https://www.npmjs.com/package/@huangshuisheng/components"><img src="https://img.shields.io/npm/dw/@huangshuisheng/components.svg" alt="Downloads"></a>
<a href="https://www.npmjs.com/package/@huangshuisheng/components"><img src="https://img.shields.io/npm/l/@huangshuisheng/components.svg" alt="License"></a>
</div>

# 简介

开箱即用的 components，纯 javaScript 实现，无依赖！

# 安装

```sh
npm install @huangshuisheng/components
```

# 文档

http://project.hsslive.cn/billd-monorepo/modules/components.html

# 具体文档

> ScratchCanvas 组件： [packages/components/src/ScratchCanvas/README.md](https://github.com/galaxy-s10/billd-monorepo/blob/master/packages/components/src/ScratchCanvas/README.md)
npm package: @huangshuisheng/hooks
Description: Billd's hooks
Author: shuisheng
Latest version: 0.0.11

<p align="center">
  <a href="">
    <img
      width="200"
      src="https://resource.hsslive.cn/image/1613141138717Billd.webp"
      alt="@huangshuisheng/hooks logo"
    />
  </a>
</p>

<h1 align="center">
  @huangshuisheng/hooks
</h1>

<p align="center">
  开箱即用的 react hooks
</p>

<div align="center">
<a href="https://www.npmjs.com/package/@huangshuisheng/hooks"><img src="https://img.shields.io/npm/v/@huangshuisheng/hooks.svg" alt="Version"></a>
<a href="https://www.npmjs.com/package/@huangshuisheng/hooks"><img src="https://img.shields.io/npm/dw/@huangshuisheng/hooks.svg" alt="Downloads"></a>
<a href="https://www.npmjs.com/package/@huangshuisheng/hooks"><img src="https://img.shields.io/npm/l/@huangshuisheng/hooks.svg" alt="License"></a>
</div>

# 简介

开箱即用的 react hooks

# 安装

```sh
npm install @huangshuisheng/hooks
```

# 使用

> 敬请期待！
npm package: @huangshuisheng/icons-svg
Description: Abstract node of the Billd-UI icons.
Author: shuisheng
Latest version: 1.1.4

<h1 align="center">Billd-UI Icons</h1>

<p align="center">⭐ The abstract node of the Billd-UI SVG icons.</p>

<div align="center">

[![NPM version](https://img.shields.io/npm/v/@huangshuisheng/icons-svg.svg)](https://npmjs.org/package/@huangshuisheng/icons-svg)
[![NPM downloads](https://img.shields.io/npm/dw/@huangshuisheng/icons-svg.svg)](https://npmjs.org/package/@huangshuisheng/icons-svg)

</div>

# Install

```bash
npm i @huangshuisheng/icons-svg --save
```

# Base usage

> support tree shaking!

```js
import { AccountBookFilled } from '@huangshuisheng/icons-svg';
//or
// import AccountBookFilled from '@huangshuisheng/icons-svg/es/asn/AccountBookFilled';
//or
// import AccountBookFilled from '@huangshuisheng/icons-svg/lib/asn/AccountBookFilled';

//===>
// {
//     "type": "document",
//     "children": [
//         {
//             "type": "element",
//             "isRootNode": true,
//             "name": "svg",
//             "attributes": {
//                 "class": "icon",
//                 "viewBox": "0 0 1024 1024"
//             },
//             "children": [
//                 {
//                     "type": "element",
//                     "name": "path",
//                     "attributes": {
//                         "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zM648.3 426.8l-87.7 161.1h45.7c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4v29.7h63.4c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4V752c0 5.5-4.5 10-10 10h-41.3c-5.5 0-10-4.5-10-10v-51.8h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h63.1v-29.7h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h45.2l-88-161.1c-2.6-4.8-.9-10.9 4-13.6 1.5-.8 3.1-1.2 4.8-1.2h46c3.8 0 7.2 2.1 8.9 5.5l72.9 144.3 73.2-144.3a10 10 0 0 1 8.9-5.5h45c5.5 0 10 4.5 10 10 .1 1.7-.3 3.3-1.1 4.8z"
//                     },
//                     "children": []
//                 }
//             ]
//         }
//     ]
// }
```
npm package: @huangshuisheng/icons-vue
Description: Abstract node of the Billd-UI icons.
Author: shuisheng
Latest version: 1.1.4

<h1 align="center">Billd-UI Icons for Vue</h1>

<div align="center">

[![NPM version](https://img.shields.io/npm/v/@huangshuisheng/icons-vue.svg)](https://npmjs.org/package/@huangshuisheng/icons-vue)
[![NPM downloads](https://img.shields.io/npm/dw/@huangshuisheng/icons-vue.svg)](https://npmjs.org/package/@huangshuisheng/icons-vue)

</div>

# Install

```bash
npm i @huangshuisheng/icons-vue --save
```

# Base usage

> support tree shaking!

```vue
<template>
  <div>
    <account-book-filled></account-book-filled>
    <AccountBookFilled></AccountBookFilled>
  </div>
</template>

<script>
import Vue from 'vue';
import { AccountBookFilled } from '@huangshuisheng/icons-vue';

Vue.component('AccountBookFilled', AccountBookFilled);

export default {};
</script>
```

> all in import, no support tree shaking!
>
> default component name: https://github.com/galaxy-s10/billd-ui-icons/tree/master/packages/icons-vue/icons

```vue
<template>
  <div>
    <account-book-filled></account-book-filled>
    <AccountBookFilled></AccountBookFilled>
  </div>
</template>

<script>
import Vue from 'vue';
import * as BilldIcon from '@huangshuisheng/icons-vue';

Object.keys(BilldIcon).forEach((key) => {
  const icon = BilldIcon[key];
  Vue.component(key, icon);
});

export default {};
</script>
```
npm package: @huangwu/auto-login
Description: 提供适用于vite的自动登录插件
Author: 3023514347@qq.com
Latest version: 1.0.2

# @huangwu/auto-login 🚀

[![npm version](https://img.shields.io/npm/v/@huangwu/auto-login.svg)](https://www.npmjs.com/package/@huangwu/auto-login)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

一个用于本地开发的 Vite 插件，基于 Chrome DevTools Protocol (CDP) 实现。
它可以在本地开发时自动启动 Chrome 浏览器，抓取指定网站的登录状态（Cookies），并自动拦截请求将 Auth 信息注入到 Headers 中，实现本地开发的**无感自动登录**。

彻底告别每天早上手动复制粘贴 Token 的烦恼！🎉

## 📦 安装 (Installation)

推荐使用 npm、yarn 或 pnpm 将其作为开发依赖（devDependencies）安装：

```bash
npm install @huangwu/auto-login -D
```

## 示例
```ts
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import AutoLoginPlugin, { type LoginOptions } from '@huangwu/auto-login';

// 实例化配置对象
const options: LoginOptions = {
    // 本机 Chrome 的绝对路径 (请根据你的系统环境修改)
    chromePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
    // 需要获取登录态的目标网站
    host: 'https://hn.devcloud.huaweicloud.com',
    // 是否以无痕模式打开
    incognito: false,
    // 拦截特定路径：只有请求路径包含此字符串时才执行注入逻辑
    targetPath: '/rest/me',
    setHeaders: (request, cookies) => {
        return { 
        Cookies: '从request和cookies中获取' 
        };
    }
};

export default defineConfig({
    plugins: [
        vue(),
        vueJsx(),
        AutoLoginPlugin(options) as any,
    ],
    // 结合常规的 Vite proxy 代理一起使用
    server: {
        proxy: {}
    }
});
```
npm package: @huangwu/codex-eyes-mcp
Description: A local MCP server that uses Playwright to interact with pages and return screenshots for visual debugging.
Author: 3023514347@qq.com
Latest version: 1.0.2

# @huangwu/codex-eyes-mcp

一个基于 Playwright 的 MCP server，用来让 Codex 在前端开发过程中打开页面、执行交互并返回截图。

## 安装

```bash
codex mcp add codex-eyes -- npx -y @huangwu/codex-eyes-mcp
```

## 说明

- 提供一个 MCP tool：`capture_page`
- 适合在改样式、查布局、验证交互状态和做视觉回归时使用
- 建议结合项目实际页面结构、真实运行 URL 和相关 skill 一起使用，这样更容易获得稳定结果
npm package: @huangxiaomin/abc
Description: Common business components of ng-alain.
Author: huanxgiaomin
Latest version: 0.0.0-PLACEHOLDER

# @delon/abc module [![Build Status](https://img.shields.io/travis/ng-alain/delon/master.svg?style=flat-square)](https://travis-ci.org/ng-alain/delon) [![NPM version](https://img.shields.io/npm/v/@delon/abc.svg?style=flat-square)](https://www.npmjs.com/package/@delon/abc)

Common business components of ng-alain.

## Links

- [Api Document](https://ng-alain.com/components)
- [Demo](//ng-alain.github.io/ng-alain/)

## Architecture

![Architecture](https://raw.githubusercontent.com/ng-alain/delon/master/_screenshot/architecture.png)

## Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use [GitHub Issues](https://github.com/ng-alain/delon/issues) board to report bugs and feature requests (not our email address)
2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

### License

The MIT License (see the [LICENSE](https://github.com/ng-alain/delon/blob/master/LICENSE) file for the full text)