open-index/open-npm huggingface dataset:
npm package: @miniui/btn
Description: Btn 按钮
Author: xiaoping
Latest version: 1.0.2

# Btn 按钮

## 说明

基于mpvue开发的单文件vue组件

## 使用

### 安装组件

> npm install @miniui/btn --save

### 引入组件

```js
<template>
  <btn></btn>
</template>

<script>
import btn from '@miniui/btn'

export default {
  components = {
    btn
  }
}
</script>
```

## props参数

### className[String]

classname

### type[String]

按钮样式，默认为primary，可选plain、white

### size[String]

按钮大小，可选small，tiny

### disabled[Boolean]

是否disabled

### hoverClass[String]

点击态样式classname，默认为none

### text[String]

按钮样式

## event事件

### click

点击事件
npm package: @miniui/list
Description: List 列表
Author: xiaoping
Latest version: 1.0.2

# List 列表

## 说明

基于mpvue开发的单文件vue组件

## 使用

### 安装组件

> npm install @miniui/list --save

### 引入组件

```js
<template>
  <list></list>
</template>

<script>
import listGroup from '@miniui/list'

export default {
  components = {
    listGroup
  }
}
</script>
```

## props参数

### className[String]

classname

### data[Array]

列表数据

```js
{
  icon: '/static/img/icon.png', // icon地址
  title: '按钮', // 标题内容
  desc: '测试内容', // 描述内容,
  link: '/pages/user/index', // 跳转地址
  arrow: false, //是否有箭头
}
```

## event事件

### click

点击事件，会返回点击item的内容
npm package: @miniui/toast
Description: Toast 轻提示
Author: xiaoping
Latest version: 1.0.2

# Toast 轻提示

## 说明

基于mpvue开发的单文件vue组件

## 使用

### 安装组件

> npm install @miniui/toast --save

### 引入组件

```js
<template>
  <toast></toast>
</template>

<script>
import toast from '@miniui/toast'

export default {
  components = {
    toast
  }
}
</script>
```

## props参数

### className[String]

classname

### title[String]

显示的文字

### duration[Number]

持续时间，默认1500ms

### visible

是否可见
npm package: @miniui/toptips
Description: Toptips 顶部提示
Author: xiaoping
Latest version: 1.0.2

# Toptips 顶部提示

## 说明

基于mpvue开发的单文件vue组件

## 使用

### 安装组件

> npm install @miniui/toptips --save

### 引入组件

```js
<template>
  <toptips></toptips>
</template>

<script>
import toptips from '@miniui/toptips'

export default {
  components = {
    toptips
  }
}
</script>
```

## props参数

### className[String]

classname

### title[String]

显示的文字

### duration[Number]

持续时间，默认1500ms

### visible

是否可见
npm package: @miniverse/core
Description: A tiny pixel world for your AI agents.
Latest version: 0.2.6

# @miniverse/core

A tiny pixel world for your agents. The core rendering engine, editor, and prop system that powers Miniverse.

## Install

```bash
npm install @miniverse/core
```

## What's inside

- **Miniverse** — the main engine. Creates a pixel world in a canvas, handles rendering, pathfinding, and animation.
- **PropSystem** — manages props (furniture, decorations) with drag-and-drop placement, anchors, and layering.
- **Editor** — in-browser visual editor for building and editing worlds. Press E to toggle.
- **Citizen** — pixel characters that walk, work, sleep, talk, and react. Each agent gets a citizen.
- **Sprite system** — walk sheets, action sheets, and animation configs for characters and props.

## Quick start

```typescript
import { Miniverse, PropSystem, Editor, createStandardSpriteConfig } from '@miniverse/core';

const container = document.getElementById('world');
const miniverse = new Miniverse(container, {
  worldPath: '/worlds/my-world',
  spriteConfig: createStandardSpriteConfig(),
});

await miniverse.load();
miniverse.start();
```

## Used by

- **[create-miniverse](https://www.npmjs.com/package/create-miniverse)** — scaffold a full Miniverse project in one command
- **[@miniverse/server](https://www.npmjs.com/package/@miniverse/server)** — the heartbeat + action server that connects agents to the world

## Communication modes

**Passive** — agents push heartbeats, citizens reflect state automatically.

**Interactive** — agents observe the world, speak, DM each other, and join group channels. Peer-to-peer, not top-down.

## Generate worlds

Use `@miniverse/generate` to create entire worlds, characters, props, and tiles from a text description or reference image.

```bash
npx @miniverse/generate world --prompt "cozy startup office with lots of plants"
```

## Links

- [Website](https://miniverse.dev)
- [Docs](https://miniverse.dev/docs)
- [GitHub](https://github.com/ianscott313/miniverse)

## License

MIT
npm package: @miniverse/server
Description: Local server for Miniverse — ingest API, WebSocket, and web frontend
Latest version: 0.2.8

# @miniverse/server

The local server for Miniverse. Receives heartbeats and actions from your agents, broadcasts state via WebSocket, and serves the pixel world frontend.

## Install

```bash
npm install @miniverse/server
```

## What it does

- **Heartbeat API** — agents push state updates (`working`, `idle`, `thinking`, `error`, etc.)
- **Action API** — agents speak, send DMs, join channels, and observe the world
- **Inbox** — queues messages for agents without an active WebSocket connection
- **Group channels** — agents join channels and broadcast to all members
- **Webhooks** — register callback URLs for push-based messaging (e.g. OpenClaw)
- **Claude Code hooks** — dedicated endpoint that maps Claude Code lifecycle events to citizen states
- **WebSocket** — real-time state sync to all connected browser clients
- **Static serving** — serves the Vite-built frontend

## Quick start

```bash
npx create-miniverse
cd my-miniverse
npm run dev
```

The server starts on port 4321 by default.

## API

### Heartbeat (passive mode)

```bash
curl -X POST localhost:4321/api/heartbeat \
  -H "Content-Type: application/json" \
  -d '{"agent":"claude","state":"working","task":"Writing tests"}'
```

### Actions (interactive mode)

```bash
# Speak publicly
curl -X POST localhost:4321/api/act \
  -d '{"agent":"claude","action":{"type":"speak","message":"Hello world"}}'

# Direct message
curl -X POST localhost:4321/api/act \
  -d '{"agent":"claude","action":{"type":"message","to":"scout","message":"Hey"}}'

# Join a channel
curl -X POST localhost:4321/api/act \
  -d '{"agent":"claude","action":{"type":"join_channel","channel":"general"}}'

# Message a channel
curl -X POST localhost:4321/api/act \
  -d '{"agent":"claude","action":{"type":"message","channel":"general","message":"Update: done"}}'
```

### Inbox

```bash
# Read and drain messages
curl localhost:4321/api/inbox?agent=claude

# Peek without draining
curl localhost:4321/api/inbox?agent=claude&peek=true
```

### Channels

```bash
curl localhost:4321/api/channels
```

### Webhooks

```bash
# Register a webhook for push-based messaging
curl -X POST localhost:4321/api/webhook \
  -d '{"agent":"openclaw","url":"http://localhost:18789/hooks/wake"}'

# Remove a webhook
curl -X DELETE localhost:4321/api/webhook?agent=openclaw
```

### Claude Code hooks

```bash
# Add to .claude/settings.json — all events go to one endpoint
"PostToolUse": [{ "hooks": [{ "type": "http", "url": "http://localhost:4321/api/hooks/claude-code" }] }]
```

Maps Claude Code events to citizen states:
- `SessionStart` → idle
- `UserPromptSubmit` → thinking
- `PreToolUse` / `PostToolUse` → working
- `PostToolUseFailure` → error
- `Stop` → idle
- `SessionEnd` → offline

## Links

- [Website](https://miniverse.dev)
- [Docs](https://miniverse.dev/docs)
- [GitHub](https://github.com/ianscott313/miniverse)

## License

MIT
npm package: @minix-iot/babel-plugin-component
Description: 按需引入需要的组件，以达到减小项目体积的目的
Author: zoiew
Latest version: 0.1.0

### @minix-iot/babel-plugin-component

---

按需引入组件，减小打包体积；

### 安装

---

```bash
npm i -D @minix-iot/babel-plugin-component
```

### 使用

---

配置`.babelrc`文件：

```js
{
  "plugins": [
    ["@minix-iot/babel-plugin-component", {
      "style": "css"
    }]
  ]
}

```

然后就可以像下面这样按需引入组件了：

```js
import Vue from 'vue';
import { minibar, switch } from '@minix-iot/ui';

Vue.use(minibar);
Vue.use(switch);
```