open-index/open-npm huggingface dataset:
npm package: @hantera/cli
Description: This tool allows you to interact easily with an Hantera instance as well as authoring and publishing Hantera Apps.
Latest version: 20260407.0.0-2026.1.1

# Hantera Command-Line Interface

This tool allows you to interact easily with an Hantera instance as well as authoring and publishing Hantera Apps.

## Install

```
> npm install -g @hantera/cli
```

## Usage

```
> h_ --help
```
npm package: @hanui/cli
Description: HANUI CLI - KRDS 기반 컴포넌트 설치 도구
Author: hanui-o
Latest version: 0.3.15

# @hanui/cli

> KRDS 기반 HANUI 프로젝트 CLI

HANUI 컴포넌트를 사용하는 프로젝트를 빠르게 생성하고 관리하는 CLI 도구입니다.

## 사용법

### 새 프로젝트 생성

```bash
npx create-hanui-app
```

### 프로젝트 초기화

```bash
npx hanui init
```

### 컴포넌트 추가

```bash
# 단일 컴포넌트
npx hanui add button

# 여러 컴포넌트
npx hanui add button card input

# 인터랙티브 선택
npx hanui add
```

## 주요 기능

- **프로젝트 생성**: Next.js + Tailwind CSS + KRDS preset 자동 설정
- **프로젝트 감지**: src 폴더 유무 자동 감지 및 경로 설정
- **컴포넌트 추가**: 필요한 컴포넌트만 선택하여 프로젝트에 복사
- **의존성 관리**: 컴포넌트별 필수 패키지 자동 설치
- **경로 변환**: import 경로 자동 변환 (@/ alias)

## 기술 스택

- **프레임워크**: Next.js 15
- **언어**: TypeScript
- **스타일**: Tailwind CSS 4 + KRDS preset
- **디자인 시스템**: KRDS (Korean Government Design System)

## 문서

- [HANUI Documentation](https://hanui.io)
- [Installation Guide](https://hanui.io/docs/installation)
- [KRDS Design System](https://uiux.egovframe.go.kr/)

## 라이선스

MIT © [hanui-o](https://github.com/hanui-o)
npm package: @hanui/core
Description: HANUI Design System Core Tokens
Author: odada-o
Latest version: 0.0.0

# @hanui/core

> HANUI Design System Core Tokens

KRDS(Korean Government Design System) 기반의 디자인 토큰을 제공합니다.

## Installation

```bash
npm install @hanui/core
# or
pnpm add @hanui/core
```

## Usage

```typescript
import { colors, createCSSVariables } from '@hanui/core';

// Color tokens
console.log(colors.primary[500]); // #0066CC

// Generate CSS variables
const cssVars = createCSSVariables(colors);
```

## Features

- 🎨 KRDS 컬러 팔레트
- 🌗 다크모드 지원
- ♿ WCAG 2.1 AA 접근성 준수
- 📦 TypeScript 타입 정의
- 🎯 CSS Variables 생성 유틸리티
npm package: @hanul/skyengine
Description: [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
Author: Young Jae Sim
Latest version: 0.0.5

# ![SkyEngine Logo](https://raw.githubusercontent.com/Hanul/SkyEngine/master/logo.png)

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

## Install
```
yarn add @hanul/skyengine
```

## TODO
### Screen
- `DOING` Screen
- `DOING` Fullscreen

### GameNode
- `TODO` GameNode
- `TODO` FixedNode

#### Area
- `TODO` Area
- `TODO` Rect
- `TODO` Circle
- `TODO` Polygon

#### Image
- `SIMPLE DONE` Image
- `TODO` Sprite
- `TODO` Background
- `TODO` Spine

### Sound
- `TODO` Sound
- `TODO` BGM

### TileSystem
- `TODO` Tile
- `TODO` TileMap
- `TODO` HexTileMap
- `TODO` IsoTileMap

### Particle
- `TODO` Particle

### Utils
- `TODO` Delay
- `TODO` Interval

## License
[MIT](LICENSE)

## Author
[Young Jae Sim](https://github.com/Hanul)
npm package: @hanwenbo/array
Description: 常用的数组操作
Author: 9476400@qq.com
Latest version: 0.0.10

<h1 align="center">@hanwenbo/array</h1>

> 数组操作

## 📦 安装

```
// npm
npm install @hanwenbo/array --save

// yarn
yarn add @hanwenbo/array

```

## 🔨 使用

```
import Arr from '@hanwenbo/array';

```
npm package: @hanwenbo/carousel-3d
Description: utils library for carousel-3d
Author: 9476400@qq.com
Latest version: 0.0.7

<h1 align="center">@hanwenbo/web-portal</h1>


## 📦 安装

```
// npm
npm install @hanwenbo/carousel-3d --save

// yarn
yarn add @hanwenbo/carousel-3d

```

## 🔨 使用



```code

wait

```
npm package: @hanwenbo/object
Description: 常用的对象操作
Author: 9476400@qq.com
Latest version: 0.0.18

<h1 align="center">@hanwenbo/object</h1>

> 数组操作

## 📦 安装

```
// npm
npm install @hanwenbo/object --save

// yarn
yarn add @hanwenbo/object

```

## 🔨 使用

```
import Arr from '@hanwenbo/object';

```
npm package: @hanwenbo/painterjs-editor
Description: utils library for painterjs
Author: 9476400@qq.com
Latest version: 0.0.2

<h1 align="center">@hanwenbo/painterjs-editor</h1>


## 📦 安装

```
// npm
npm install @hanwenbo/painterjs-editor --save

// yarn
yarn add @hanwenbo/painterjs-editor

```

## 🔨 使用



```code

wait

```
npm package: @hanwenbo/pro-components
Description: utils library for pro-components
Author: 9476400@qq.com
Latest version: 0.0.68

<h1 align="center">@hanwenbo/pro-components</h1>

> 数组操作

## 📦 安装

```
// npm
npm install @hanwenbo/pro-components --save

// yarn
yarn add @hanwenbo/pro-components

```

## 🔨 使用



```code

wait

```
npm package: @hanwenbo/ui-mobile
Description: A mobile UI library for React Native Web
Author: 9476400@qq.com
Latest version: 0.0.47

<h1 align="center">@hanwenbo/ui-mobile</h1>

> 数组操作

## 📦 安装

```
// npm
npm install @hanwenbo/ui-mobile --save

// yarn
yarn add @hanwenbo/ui-mobile

```

## 🔨 使用



```code
import { Colors, Typography, Spacings } from "@hanwenbo/ui-mobile";
// import { ThemeManager } from "react-native-ui-lib";
// Load your foundations and presets (colors, typography, spacings, etc...)
Colors.loadColors({
  primaryColor: "#2364AA",
  secondaryColor: "#81C3D7",
  textColor: "##221D23",
  errorColor: "#E63B2E",
  successColor: "#ADC76F",
  warnColor: "##FF963C",
});

Typography.loadTypographies({
  heading: { fontSize: 16, fontWeight: "600" },
  subheading: { fontSize: 14 },
  body: { fontSize: 14 },
  description: { fontSize: 14, color: "#666" },
  h1: { fontSize: 38, lineHeight: 46, color: "#000", fontWeight: "600" },
  h2: { fontSize: 30, lineHeight: 40, color: "#000", fontWeight: "600" },
  h3: { fontSize: 30, lineHeight: 32, color: "#000", fontWeight: "600" },
  h4: { fontSize: 20, lineHeight: 28, color: "#000", fontWeight: "600" },
  h5: { fontSize: 16, lineHeight: 24, color: "#000", fontWeight: "600" },
});

Spacings.loadSpacings({
  page: 15,
  card: 15,
  gridGutter: 15,
});



// with a dynamic function
ThemeManager.setComponentTheme("Button", (props, context) => {
  // 'square' is not an original Button prop, but a custom prop that can
  // be used to create different variations of buttons in your app
  if (props.square) {
    return {
      borderRadius: 0,
    };
  }
});

export const Theme = {};

```

For example, the following line

```jsx | pure
<Text h1 pink>Hello World</Text>
```
npm package: @hanwenbo/web-canvas-editor
Description: utils library for web hot area
Author: 9476400@qq.com
Latest version: 0.0.14

<h1 align="center">@hanwenbo/web-canvas-editor</h1>


## 📦 安装

```
// npm
npm install @hanwenbo/web-canvas-editor --save

// yarn
yarn add @hanwenbo/web-canvas-editor

```

## 🔨 使用



```code

wait

```
npm package: @hanwenbo/web-editor
Description: Web Editor
Author: 9476400@qq.com
Latest version: 0.0.8

<h1 align="center">@hanwenbo/web-editor</h1>

> 网站编辑需要用到

## 📦 安装

```
// npm
npm install @hanwenbo/web-editor --save

// yarn
yarn add @hanwenbo/web-editor

```

## 🔨 使用



```code
import React, {useState, useRef} from 'react';
import EditorList from '@hanwenbo/web-editor';
import '@hanwenbo/web-editor/assets/index.less';
import './index.less';

const {ClassName, State, Layout, Font, BackGround, Border, Interface, Margin, Shadow, Transition, Css} = EditorList;


export default (props) => {
  const [editorDom, setEditorDom] = useState(null);
  const [state, setState] = useState('web');
  const editorRef = useRef(null);

  const onClick = (e) => {
    const dom = e.target;
    setEditorDom(dom);

  }

  const onChange = (e) => {
    console.warn(e);
  }

  const onSwicth = () => {
    setState(state === 'web' ? 'mobile' : 'web');
  }
  const closeEdit = () => {
    setEditorDom(null);
  }


  return (<div id="abc" className="box">
    <div className="editor-user-css">
      <div onClick={onClick} className="a c  tmain-editor_css">
        顶部
        <div onClick={onClick} className="a c jeply9mvwlk-editor_css">
          a<br />
          ---------请点击---------
        </div>
        <div onClick={onClick} className="a c" >
          bbbbb<br />
          ---------请点击---------
        </div>
      </div>
    </div>

    <button onClick={closeEdit}>关闭</button>
    <button onClick={onSwicth}>切换模式：{state}</button>

    {editorDom && (
      <EditorList
        style={{width: 280, margin: 50, position: 'absolute', top: 0, right: 0, zIndex: 1}}
        editorElem={editorDom}
        onChange={onChange}
        isMobile={state === 'mobile'}
        rootSelector="#abc"
        imageSelect={true}
        ref={editorRef}
        defaultActiveKey={["EditorBackGround", "EditorClassName", "EditorState", "EditorLayout", "EditorFont", "EditorInterface", 'Css']}

      >
        <ClassName />
        <State />
        <Layout />
        <Font />
        <BackGround />
        <Border />
        <Interface
          exclude={['position', 'float', 'opacity', 'width', 'height', 'overflow']}
        />
        <Css />
      </EditorList>)}
  </div>);

}

```
npm package: @hanwenbo/web-portal
Description: utils library for web portal
Author: 9476400@qq.com
Latest version: 0.0.8

<h1 align="center">@hanwenbo/web-portal</h1>


## 📦 安装

```
// npm
npm install @hanwenbo/web-portal --save

// yarn
yarn add @hanwenbo/web-portal

```

## 🔨 使用



```code

wait

```
npm package: @hanwha-ss1/capacitor-plugin-hanwha-clearcache
Description: clearcache
Author: Lee
Latest version: 0.0.5

# capacitor-plugin-hanwha-clearcache

Clearcache

## Install

```bash
npm install capacitor-plugin-hanwha-clearcache
npx cap sync
```

## API

<docgen-index>

* [`clearCache()`](#clearcache)
* [`clearAppCache()`](#clearappcache)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### clearCache()

```typescript
clearCache() => Promise<any>
```

**Returns:** <code>Promise&lt;any&gt;</code>

--------------------


### clearAppCache()

```typescript
clearAppCache() => Promise<any>
```

**Returns:** <code>Promise&lt;any&gt;</code>

--------------------

</docgen-api>
npm package: @hanwha-ss1/capacitor-plugin-hanwha-openbrowser
Description: openbrowser
Author: Lee
Latest version: 0.0.5

# capacitor-plugin-hanwha-openbrowser

OpenBrowser

## Install

```bash
npm install capacitor-plugin-hanwha-openbrowser
npx cap sync
```

## Example

```javascript
import { OpenBrowser } from 'capacitor-plugin-hanwha-openbrowser';

await OpenBrowser.open({url: 'https://naver.com', ext: false});
```

## API

<docgen-index>

* [`open(...)`](#open)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### open(...)

```typescript
open(options: { url: string; ext: boolean; }) => Promise<{ value: string; }>
```

| Param         | Type                                        | Description                                        |
| ------------- | ------------------------------------------- | -------------------------------------------------- |
| **`options`** | <code>{ url: string; ext: boolean; }</code> | url : "웹 페이지 주소" ext : false(내부 웹뷰), true(외부 브라우저) |

**Returns:** <code>Promise&lt;{ value: string; }&gt;</code>

--------------------

</docgen-api>
npm package: @hanwha-ss1/capacitor-plugin-hanwha-viewer
Description: Viewer
Author: Lee
Latest version: 0.1.7

# capacitor-plugin-hanwha-viewer

Viewer

## Install

```bash
npm install capacitor-plugin-hanwha-viewer
npx cap sync
```

## Example

```javascript
import { Viewer } from 'capacitor-plugin-hanwha-viewer';
let file = [
  { key: '1', ext: 'pdf', name: '첨부파일예제.pdf', url: 'https://naver.com' },
  { key: '2', ext: 'pdf', name: '첨부파일예제2.pdf', url: 'https://daum.net' },
  { key: '3', ext: 'doc', name: '첨부파일예제3.doc', url: 'https://nate.com' },
];

await Viewer.load({ items: JSON.stringify(file), token: '토큰 값' });
```

## API

<docgen-index>

* [`load(...)`](#load)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### load(...)

```typescript
load(options: { items: string; token?: string; }) => Promise<{ value: string; }>
```

| Param         | Type                                            | Description                                                                                     |
| ------------- | ----------------------------------------------- | ----------------------------------------------------------------------------------------------- |
| **`options`** | <code>{ items: string; token?: string; }</code> | items : "{ key: (index), ext: (확장자), name: (파일명), url: (파일주소) }" (optional)token : accessToken값 |

**Returns:** <code>Promise&lt;{ value: string; }&gt;</code>

--------------------

</docgen-api>
npm package: @hanwha-ss1/plugin
Description: Plugin
Author: Lee
Latest version: 0.7.8

# @hanwha-ss1/plugin
## Install

```bash
npm install @hanwha-ss1/plugin
npx cap sync
```

## Example

```javascript
import { HanwhaPlugin } from "@hanwha-ss1/plugin"

// 앱 실행 (Only: Android)
await HanwhaPlugin.executeApp({
  package: "패키지명"
})

// 연락처 저장
await HanwhaPlugin.addContact({
  name: "이름님",
  phone: "010-2222-3333",
  email: "이메일",
  dept: "회사",
  ext: "내선"
})

// 모달
HanwhaPlugin.open({url: "{{url}}", isCloseBtn:true, clear: true, ext: false})

// 생체인증
await HanwhaPlugin.auth()
```

## API

<docgen-index>

* [`addListener(string, ...)`](#addlistenerstring)
* [`removeAllListeners()`](#removealllisteners)
* [Interfaces](#interfaces)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### addListener(string, ...)

```typescript
addListener(eventName: string, listenerFunc: (...args: any[]) => any) => Promise<PluginListenerHandle>
```

| Param              | Type                                    |
| ------------------ | --------------------------------------- |
| **`eventName`**    | <code>string</code>                     |
| **`listenerFunc`** | <code>(...args: any[]) =&gt; any</code> |

**Returns:** <code>Promise&lt;<a href="#pluginlistenerhandle">PluginListenerHandle</a>&gt;</code>

--------------------


### removeAllListeners()

```typescript
removeAllListeners() => Promise<void>
```

--------------------


### Interfaces


#### PluginListenerHandle

| Prop         | Type                                      |
| ------------ | ----------------------------------------- |
| **`remove`** | <code>() =&gt; Promise&lt;void&gt;</code> |

</docgen-api>
npm package: @hanworks/commitlint-config
Description: Hanworks Commitlint config
Author: Hanworks
Latest version: 1.0.0

# @hanworks/commitlint-config

这是我个人的 commitlint 配置预设。

## 安装

在你的项目中安装 `@hanworks/commitlint-config` 包：

```bash
pnpm add -D husky lint-staged czg @hanworks/commitlint-config
```

在你的项目根目录下创建 commitlint.config.js：

```js
// commitlint.config.js
export default {
  extends: ['@hanworks/commitlint-config'],
}
```

## 配置

1. 初始化 husky

```sh
pnpm husky install
```

2. 然后在 `package.json` 添加 `prepare`，保证以后 `install` 会自动注册：

```json
{
  "scripts": {
    "prepare": "husky install"
  }
}
```

> 然后执行一次 pnpm install 来触发 prepare。

3. 添加 pre-commit hook `.husky/pre-commit`

```bash
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npx lint-staged
```

4. 配置 lint-staged 在 `package.json` 中添加：

```json
{
  "lint-staged": {
    "*.{js,ts,vue}": "eslint --fix"
  }
}
```

5. 将以下命令添加到你的脚本 package.json 部分：

```json
{
  "scripts": {
    "commit": "czg"
  }
}
```
npm package: @hanworks/eslint-config
Description: Hanworks ESLint config
Author: Hanworks
Latest version: 1.0.1

# @hanworks/eslint-config

这是我个人的 ESLint 配置预设。它是基于 @antfu/eslint-config 的。我做了一些调整以符合个人喜好。

## 安装

在你的项目中安装 `@hanworks/eslint-config` 包：

```bash
pnpm add -D eslint @hanworks/eslint-config
```

在你的项目根目录下创建 eslint.config.js：

```js
// eslint.config.js
import hanworks from '@hanworks/eslint-config'

export default hanworks()
```

## 用法

使用默认配置且不加参数会激活 @antfu/eslint-config 预设。

### 可选预设

在 @antfu/eslint-config 一些参数之外，还可以设置:

```js
// eslint.config.js
import hanworks from '@hanworks/eslint-config'

export default hanworks({
  /**
   * 是否启用tailwindcss
   */
  tailwindcss: true,
  /**
   * 是否启用uniapp
   */
  uniapp: true,
  /**
   * 是否启用nestjs
   */
  nestjs: true,
  /**
   * 是否启用reactNative
   */
  reactNative: true
})
```

## NPM Scripts 脚本

将以下 lint 命令添加到你的脚本 package.json 部分：

```json
{
  "scripts": {
    "lint": "eslint",
    "lint:fix": "eslint --fix"
  }
}
```

## VS Code Support VS Code 支持

在 VS Code 中，为了启用对 ESLint 平面配置的支持，请编辑您的 .vscode/settings.json 文件并添加以下内容

```json
// .vscode/settings.json
{
  // 禁用默认格式化程序，改用eslint
  "editor.formatOnSave": false,

  // 自动修复
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.organizeImports": "never"
  },

  // 为所有支持的语言启用eslint
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue",
    "html",
    "markdown",
    "json",
    "jsonc",
    "yaml",
    "toml",
    "xml",
    "gql",
    "graphql",
    "astro",
    "css",
    "less",
    "scss",
    "pcss",
    "postcss"
  ]
}
```
npm package: @hanworks/stylelint-config
Description: Hanworks Stylelint config
Author: Hanworks
Latest version: 1.0.1

# @hanworks/stylelint-config

这是我个人的 Stylelint 配置预设。

## 安装

在你的项目中安装 `@hanworks/stylelint-config` 包：

```bash
pnpm add -D stylelint @hanworks/stylelint-config
```

在你的项目根目录下创建 stylelint.config.js：

```js
// stylelint.config.js
import hanworks from '@hanworks/stylelint-config'

export default hanworks
```

## 配置 .npmrc 文件
```json
shamefully-hoist=true
```

## NPM Scripts 脚本

将以下 lint 命令添加到你的脚本 package.json 部分：

```json
{
  "scripts": {
    "lint:stylelint": "stylelint \"**/*.{css,scss,vue}\" --fix"
  }
}
```

## VS Code Support VS Code 支持

在 VS Code 中，为了启用对 Stylelint 平面配置的支持，请编辑您的 .vscode/settings.json 文件并添加以下内容

```json
// .vscode/settings.json
{

  // 自动修复
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": "explicit",
    "source.organizeImports": "never"
  },

  // 为所有支持的语言启用stylelint
  "stylelint.validate": ["css", "postcss", "scss", "vue", "sass"]
}
```
npm package: @hanxx/collapse-button-group
Description: [![Build Status](https://badgen.net/travis/hanxx/collapse-button-group/master)](https://travis-ci.com/hanxx/collapse-button-group) [![NPM Download](https://badgen.net/npm/dm/@hanxx/collapse-button-group)](https://www.npmjs.com/package/@hanxx/collapse-butt
Author: https://github.com/hanxx
Latest version: 1.0.0

# collapse-button-group

[![Build Status](https://badgen.net/travis/hanxx/collapse-button-group/master)](https://travis-ci.com/hanxx/collapse-button-group)
[![NPM Download](https://badgen.net/npm/dm/@hanxx/collapse-button-group)](https://www.npmjs.com/package/@hanxx/collapse-button-group)
[![NPM Version](https://badge.fury.io/js/%40hanxx%2Fcollapse-button-group.svg)](https://www.npmjs.com/package/@hanxx/collapse-button-group)
[![NPM License](https://badgen.net/npm/license/@hanxx/collapse-button-group)](https://github.com/hanxx/collapse-button-group/blob/master/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/hanxx/collapse-button-group/pulls)
[![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)

short description + sample image(png/gif/mp4)

## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Install](#install)
- [Usage](#usage)
- [Links](#links)
- [Contributing](#contributing)
- [Contributors](#contributors)
- [License](#license)

## Introduction

If there is no more words to write, this section can be deleted.

[⬆ Back to Top](#table-of-contents)

## Features

[⬆ Back to Top](#table-of-contents)

## Install

[⬆ Back to Top](#table-of-contents)

## Usage

[⬆ Back to Top](#table-of-contents)

## Links

- [docs](https://hanxx.github.io/collapse-button-group/)

[⬆ Back to Top](#table-of-contents)

## Contributing

For those who are interested in contributing to this project, such as:

- report a bug
- request new feature
- fix a bug
- implement a new feature

Please refer to our [contributing guide](https://github.com/FEMessage/.github/blob/master/CONTRIBUTING.md).

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)
npm package: @hanxx/create-vite-app
Description: Create an app powered by [Vite](https://github.com/vitejs/vite).
Author: Evan You
Latest version: 1.15.0

# create-vite-app

Create an app powered by [Vite](https://github.com/vitejs/vite).

```bash
$ npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
```

If using Yarn:

```bash
$ yarn create vite-app <project-name>
$ cd <project-name>
$ yarn
$ yarn dev
```

## Templates

Available templates:

- `vue` (default)
- `react`
- `react-ts`
- `preact`
- `reason-react`

To scaffold with specific template:

```bash
$ npm init vite-app my-react-project --template react
```
npm package: @hanxx/micro-nuxt
Description: Using front-end microservices with Nuxt
Author: Han
Latest version: 2.11.0

# Micro-Nuxt

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Circle CI][circle-ci-src]][circle-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]

> Using front-end microservices with Nuxt, support qiankun now

[📖 **Release Notes**](./CHANGELOG.md)

## Setup

1. Add `@hanxx/micro-nuxt` dependency to your project

```bash
yarn add @hanxx/micro-nuxt -D # or npm install micro-front-end
```

2. Add `@hanxx/micro-nuxt` to the `modules` section of `nuxt.config.js`

```js
{
  modules: [
    // Simple usage
    '@hanxx/micro-nuxt',

    // With options
    ['@hanxx/micro-nuxt', { /* module options */ }]
  ]
}
```

## Module Options

[Documents](https://github.com/lianghx-319/micro-nuxt/blob/master/lib/module.js)

**path**: the MFE lifecycle hook file path

**force**: skip version check and force to use this module

## Support Micro Front-End Framework
- [x] [qiankun](https://github.com/umijs/qiankun)
- [ ] [single-SPA](https://github.com/single-spa/single-spa) waiting for test and verify

## LifeCycle hooks file example
[Qiankun](https://github.com/lianghx-319/micro-nuxt/blob/master/example/mfe.js)

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Start development server using `npm run dev`

## License

[MIT License](./LICENSE)

Copyright (c) Han <xsytby1112@gmail.com>

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@hanxx/micro-nuxt/latest.svg?style=flat-square
[npm-version-href]: https://npmjs.com/package/@hanxx/micro-nuxt

[npm-downloads-src]: https://img.shields.io/npm/dt/@hanxx/micro-nuxt.svg?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/@hanxx/micro-nuxt

[circle-ci-src]: https://img.shields.io/circleci/project/github/.svg?style=flat-square
[circle-ci-href]: https://circleci.com/gh/

[codecov-src]: https://img.shields.io/codecov/c/github/.svg?style=flat-square
[codecov-href]: https://codecov.io/gh/

[license-src]: https://img.shields.io/npm/l/@hanxx/micro-nuxtd.svg?style=flat-square
[license-href]: https://npmjs.com/package/m@hanxx/micro-nuxt
npm package: @hanxx/nuxt-modularize
Description: modularize nuxt project
Latest version: 0.0.5

# @femessage/nuxt-modularize

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Circle CI][circle-ci-src]][circle-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]

> modularize nuxt project

[📖 **Release Notes**](./CHANGELOG.md)

## Setup

1. Add `@femessage/nuxt-modularize` dependency to your project

```bash
yarn add @femessage/nuxt-modularize # or npm install @femessage/nuxt-modularize
```

2. Add `@femessage/nuxt-modularize` to the `modules` section of `nuxt.config.js`

```js
{
  modules: [
    // Simple usage
    '@femessage/nuxt-modularize',

    // With options
    ['@femessage/nuxt-modularize', { /* module options */ }]
  ]
}
```

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Start development server using `npm run dev`

## License

[MIT License](./LICENSE)

Copyright (c) Han <xsytby1112@gmail.com>

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@femessage/nuxt-modularize/latest.svg?style=flat-square
[npm-version-href]: https://npmjs.com/package/@femessage/nuxt-modularize

[npm-downloads-src]: https://img.shields.io/npm/dt/@femessage/nuxt-modularize.svg?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/@femessage/nuxt-modularize

[circle-ci-src]: https://img.shields.io/circleci/project/github/user.svg?style=flat-square
[circle-ci-href]: https://circleci.com/gh/user

[codecov-src]: https://img.shields.io/codecov/c/github/user.svg?style=flat-square
[codecov-href]: https://codecov.io/gh/user

[license-src]: https://img.shields.io/npm/l/@femessage/nuxt-modularize.svg?style=flat-square
[license-href]: https://npmjs.com/package/@femessage/nuxt-modularize
npm package: @hanxzi-cli/hdliang-cli
Description: cli tool
Author: hanxzi@163.com
Latest version: 1.0.10

# hdliang-cli
搭建脚手架工具

### 安装

```shell
# install
$ npm install -g @hanxzi-cli/hdliang-cli

# or yarn
$ yarn global add @hanxzi-cli/hdliang-cli
```

### 使用 

#### Quick Start 

```shell
$ hdliang-cli create <name>
```
npm package: @hanyangzhou/jselector
Description: A lightweight, chainable JavaScript utility for DOM selection and manipulation.
Author: hanyangzhou
Latest version: 1.0.0

# jSelector

**jSelector** is a lightweight, chainable utility for DOM manipulation inspired by jQuery, built for modern vanilla JavaScript.

## How to Use jSelector

To use jSelector in your code, include it via CDN:

```html
<script src="https://cdn.jsdelivr.net/npm/jselector@latest/main.js"></script>
```

To install a specific version:

```html
<script src="https://cdn.jsdelivr.net/npm/jselector@1.0.0/main.js"></script>
```

## Documentation

- `html(content)`: Sets or gets the inner HTML of each selected element.
- `css(attribute, value)`: Sets or gets a CSS style property of each selected element.
- `text(content)`: Sets or gets the text content of each selected element.
- `on(events, callback)`: Attaches event listeners to each selected element. Supports space-separated multiple events.
- `each(callback)`: Loops through and calls a function on each selected element.
- `attr(name, value)`: Sets or gets attributes from DOM elements.
- `addClass(className)`: Adds a class (or multiple classes) to each selected element.
- `removeClass(className)`: Removes a specified class from each selected element.
- `toggleClass(className)`: Toggles a class on each selected element.
- `$(selector)`: Core selector function returning a chainable instance of matched elements.