open-index/open-npm huggingface dataset:
npm package: @mouji/json-viewer
Description: Open JSON files visually in your browser
Author: Allen Luo
Latest version: 1.0.1

# @mouji/json-viewer

A CLI tool to view JSON files visually in your browser.

## Features

- Visual JSON editor with tree and form views
- Open a single JSON file or an entire directory
- Search functionality
- Read-only mode
- Customizable port
- Dark theme with neutral gray palette

## Quick Start

```bash
pnpm dlx @mouji/json-viewer ./data.json
```

## Usage

```bash
# Open a single JSON file
pnpm dlx @mouji/json-viewer ./data.json

# Open all JSON files in a directory
pnpm dlx @mouji/json-viewer ./path/to/directory

# Specify a different port
pnpm dlx @mouji/json-viewer ./data.json --port 8080

# Open in read-only mode
pnpm dlx @mouji/json-viewer ./data.json --readonly

# Start server without opening browser
pnpm dlx @mouji/json-viewer ./data.json --no-open
```

## Tips

Add an alias to your shell config (e.g., `~/.zshrc`) for quicker access:

```bash
alias vjv='pnpm dlx @mouji/json-viewer'
```

Then use it as:

```bash
vjv ./data.json
```

## Options

| Option | Description | Default |
|--------|-------------|---------|
| `-p, --port <number>` | Port for the HTTP server | `3000` |
| `-r, --readonly` | Open in read-only mode | `false` |
| `--no-open` | Start server without opening browser | `false` |

## Local Development

```bash
pnpm install
pnpm dev ./data.json
```

Press `q` or `Ctrl+C` to stop the server.

## API

When the server is running, the JSON data is available at:

```
GET /api/json
```

Response:
```json
{
  "files": [
    { "path": "/absolute/path/to/file.json", "name": "file.json", "data": {...} }
  ],
  "readOnly": false
}
```

## Acknowledgments

Powered by [visual-json](https://github.com/vercel-labs/visual-json) by Vercel Labs.
npm package: @mouji/modoc
Description: <p align="center">   <img align="center" src="https://raw.githubusercontent.com/moujinet/assets/main/modoc/png/modoc-128-duotone.png" height="128" />   <h1 align="center">      modoc    </h1> </p>
Author: Allen Luo
Latest version: 1.0.0

<p align="center">
  <img align="center" src="https://raw.githubusercontent.com/moujinet/assets/main/modoc/png/modoc-128-duotone.png" height="128" />
  <h1 align="center">
     modoc 
  </h1>
</p>

[![built with nuxt][nuxt-src]][nuxt-href]
[![License][license-src]][license-href]

---

## 如何开始

```bash
pnpm dlx nuxi@latest init -t github:moujinet/modoc-starter
```

---

## 如何参与

1. 克隆仓库 `git clone https://github.com/moujinet/modoc.git`
2. 安装依赖 `pnpm install`
3. 运行 `pnpm run dev`
4. 提前运行 `pnpm run lint:fix` 与 `pnpm run typecheck`.

---

## 特别鸣谢

- [Nuxt](https://nuxt.com/)
- [Nuxt Content](https://content.nuxt.com/)
- [shadcn-docs-nuxt](https://github.com/ZTL-UwU/shadcn-docs-nuxt)

---

## 许可证

[MIT](./LICENSE) License © 2025 [weme-ui](https://github.com/weme-ui)

[license-src]: https://img.shields.io/github/license/moujinet/modoc.svg?style=flat&colorA=18181b&colorB=18181b
[license-href]: https://github.com/moujinet/modoc/blob/main/LICENSE
[nuxt-src]: https://img.shields.io/badge/Built%20With%20Nuxt-18181B?logo=nuxt
[nuxt-href]: https://nuxt.com/
npm package: @moumo/invis-ui
Description: Le UI invisibili
Author: moumo
Latest version: 0.2.4

<br>
<p align="center">
<img src="https://simpleicons.org/icons/github.svg" style="width:200px"/>

</p>
<h1 align="center">SSY-UI-VITE</h1>
<p align="center">
  基于 Vite 栈的前端工程化实践
</p>

<p align="center">
<img src="https://img.shields.io/github/license/ruoshuisa/Vitepress">
<a href="https://codecov.io/github/ruoshuisa/Vitepress" >
 <img src="https://codecov.io/github/ruoshuisa/Vitepress/graph/badge.svg?token=BE4NT8E4RW"/>
 </a>
</p>

## Features

- 基于 Vue 框架
- 支持 JSX 与 Vue 单文件组件
- Jest + Vue3 plugins实现单元测试
- Eslint + Prettier + Husky 语法检查
- 采用 Rollup 构建
- Vitepress + Vercel 文档网站搭建
- 基于Action CI 实现持续集成与交付

## Install
```bash
 npm i ssy-ui-vite
```

## Quick Start
```bash
import Vue from 'vue'
import SSYUI from 'ssy-ui'

const App = {
    template: `
        <SButton color="blue">主要按钮</SButton>
    `,
    };

    createApp(App)
        .use(SSYUI)
        .mount("#app");
```

## Quick Start
如果希望尽快上手，可以访问 [Getting Started](https://vitepress-silk.vercel.app/)
npm package: @mount0/core
Description: High-performance virtual filesystem for developers
Latest version: 0.0.1

# @mount0/core

High-performance virtual filesystem core for mount0.

## Installation

```bash
npm install @mount0/core
```

## Usage

```typescript
import { mount0 } from '@mount0/core';
import { LocalProvider } from '@mount0/local';

const fs = mount0();
fs.handle('/', new LocalProvider('/path/to/data'));

await fs.mount('/mnt/myfs');
```

## Requirements

- **Node.js**: v20.x or higher
- **FUSE/WinFsp**:
  - **macOS**: [macFUSE](https://osxfuse.github.io/) 4.10.1+
  - **Linux**: `libfuse3-dev` 3.17.1+
  - **Windows**: [WinFsp](https://winfsp.dev/)

## License

MIT
npm package: @mount0/ftp
Description: FTP filesystem provider for mount0
Latest version: 0.0.1

# @mount0/ftp

FTP filesystem provider for mount0.

## Installation

```bash
npm install @mount0/ftp
```

## Usage

```typescript
import { mount0 } from '@mount0/core';
import { FtpProvider } from '@mount0/ftp';

const fs = mount0();
fs.handle(
  '/ftp',
  new FtpProvider({
    host: 'ftp.example.com',
    port: 21,
    user: 'username',
    password: 'password',
  })
);

await fs.mount('/mnt/myfs');
```

## License

MIT
npm package: @mount0/s3
Description: AWS S3 filesystem provider for mount0
Latest version: 0.0.1

# @mount0/s3

AWS S3 filesystem provider for mount0.

## Installation

```bash
npm install @mount0/s3
```

## Usage

```typescript
import { mount0 } from '@mount0/core';
import { S3Provider } from '@mount0/s3';

const fs = mount0();
fs.handle(
  '/s3',
  new S3Provider({
    bucket: 'my-bucket',
    region: 'us-east-1',
    accessKeyId: process.env.AWS_ACCESS_KEY_ID,
    secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
  })
);

await fs.mount('/mnt/myfs');
```

## License

MIT
npm package: @mount0/samba
Description: Samba/CIFS filesystem provider for mount0
Latest version: 0.0.1

# @mount0/samba

Samba/CIFS filesystem provider for mount0.

## Installation

```bash
npm install @mount0/samba
```

## Usage

```typescript
import { mount0 } from '@mount0/core';
import { SambaProvider } from '@mount0/samba';

const fs = mount0();
fs.handle(
  '/samba',
  new SambaProvider({
    host: 'server.example.com',
    share: 'shared',
    username: 'user',
    password: 'password',
    domain: 'WORKGROUP',
  })
);

await fs.mount('/mnt/myfs');
```

## License

MIT
npm package: @mount0/ssh
Description: SSH/SFTP filesystem provider for mount0
Latest version: 0.0.1

# @mount0/ssh

SSH/SFTP filesystem provider for mount0.

## Installation

```bash
npm install @mount0/ssh
```

## Usage

```typescript
import { mount0 } from '@mount0/core';
import { SshProvider } from '@mount0/ssh';

const fs = mount0();
fs.handle(
  '/ssh',
  new SshProvider({
    host: 'example.com',
    port: 22,
    username: 'user',
    privateKey: process.env.SSH_PRIVATE_KEY,
  })
);

await fs.mount('/mnt/myfs');
```

## License

MIT
npm package: @mount0/webdav
Description: WebDAV filesystem provider for mount0
Latest version: 0.0.1

# @mount0/webdav

WebDAV filesystem provider for mount0.

## Installation

```bash
npm install @mount0/webdav
```

## Usage

```typescript
import { mount0 } from '@mount0/core';
import { WebDavProvider } from '@mount0/webdav';

const fs = mount0();
fs.handle(
  '/webdav',
  new WebDavProvider({
    url: 'https://example.com/webdav',
    username: 'user',
    password: 'password',
  })
);

await fs.mount('/mnt/myfs');
```

## License

MIT
npm package: @mountable/ripples
Description: Ripple effect - Provides an «ink ripple» like effect to an interacted element.
Author: Kenneth Aamås
Latest version: 0.0.17

<p align="center">
    <a href="https://npmcharts.com/compare/@mountable/ripples?minimal=true"><img src="https://img.shields.io/npm/dm/@mountable/ripples.svg" alt="Downloads"></a>
    <a href="https://www.npmjs.com/package/@mountable/ripples"><img src="https://img.shields.io/npm/v/@mountable/ripples.svg" alt="Version"></a>
    <a href="https://www.npmjs.com/package/@mountable/ripples"><img src="https://img.shields.io/npm/l/@mountable/ripples.svg" alt="License"></a>
</p>

# Ripple effect
## Provides an «ink ripple» like effect to an interacted element

>Component of the UI component collection [Mountable](https://mountable.dev/ "Mountable provides a collection of independent UI components and utilities, ready to be mounted to any web application.") :books:

Suitable for buttons, links or any other interactable areas. Provides a satisfying interaction feedback to the user by generating a ripple effect, expanding outwards from the point of interaction.

<table>
    <tbody>
        <tr style="border:none">
            <td align="center" style="border:none">
                <img alt="Default - Mountable ripples" src="https://media.giphy.com/media/cNNsNpzHX2VYWzEIsE/giphy.gif">
            </td>
            <td align="center" style="border:none">
                <img alt="Color - Mountable ripples" src="https://media.giphy.com/media/UtEaH5k6aRxcQJLYOm/giphy.gif">
            </td>
            <td align="center" style="border:none">
                <img alt="Color out - Mountable ripples" src="https://media.giphy.com/media/SqZqEigh4PSg9UXIsT/giphy.gif">
            </td>
        </tr>
    </tbody>
</table>

## Get started

See documentation and live examples [here](https://mountable.dev/ripples "Mountable ripple effect").

``` bash
npm install @mountable/ripples
```



## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2019-present, [Kenneth Aamås](https://github.com/knekki "Kenneth's Github profile")
npm package: @mountable/spinners
Description: Progress indicators expressing unspecified wait time.
Author: Kenneth Aamås
Latest version: 0.0.25

<p align="center">
    <a href="https://npmcharts.com/compare/@mountable/spinners?minimal=true"><img src="https://img.shields.io/npm/dm/@mountable/spinners.svg" alt="Downloads"></a>
    <a href="https://www.npmjs.com/package/@mountable/spinners"><img src="https://img.shields.io/npm/v/@mountable/spinners.svg" alt="Version"></a>
    <a href="https://www.npmjs.com/package/@mountable/spinners"><img src="https://img.shields.io/npm/l/@mountable/spinners.svg" alt="License"></a>
</p>

# Loading spinners
## Progress indicators expressing unspecified wait time

>Component of the UI component collection [Mountable](https://mountable.dev/ "Mountable provides a collection of independent UI components and utilities, ready to be mounted to any web application.") :books:

Informs the users about ongoing processes, or loading of content. The use of animated feedback can improve the perception of performance while waiting.

<table>
    <tbody>
        <tr>
            <td align="center">
                <img alt="Signal - Mountable spinners" src="https://media.giphy.com/media/PjZrCv7ZpQ3mo43gM6/giphy.gif">
            </td>
            <td align="center">
                <img alt="Swirl - Mountable spinners" src="https://media.giphy.com/media/jOyc6HlUzRE9x5LdHK/giphy.gif">
            </td>
            <td align="center">
                <img alt="Pulse - Mountable spinners" src="https://media.giphy.com/media/UrOfZHanvykUrbamLR/giphy.gif">
            </td>
        </tr>
    </tbody>
</table>



## Get started

See documentation and live examples [here](https://mountable.dev/spinners "Mountable loading spinners"). The principle of usage instruction goes as follows:

1. Link the provided CSS for your spinner in your HTML `<head>` (or install via `npm`)
2. Start using it by adding the single HTML element in your templates.

``` bash
npm install @mountable/spinners
```



## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2019-present, [Kenneth Aamås](https://github.com/knekki "Kenneth's Github profile")
npm package: @mountainandsea/kui
Description: 东海中有流波山，入海七千里。其上有兽，状如牛，苍身而无角，一足，出入水则必风雨，其光如日月，其声如雷，其名曰夔。黄帝得之，以其皮为鼓，橛以雷兽之骨，声闻五百里，以威天下
Latest version: 1.0.0

# tools-box
useful tool function

## 工具集
npm package: @mountaingapsolutions/include
Description: A simple, lightweight utility library to lazy load a JavaScript or CSS dependency.
Author: John Ho
Latest version: 1.0.1

# include

A simple, lightweight utility library to lazy load a JavaScript or CSS dependency.

### Usage
Performs a deep copy of the provided input. Supported data types at the moment are: Object, Array, Date, string, number, boolean, and function.
```javascript
const include = require('@mountaingapsolutions/include');

include('//code.jquery.com/jquery-3.4.1.slim.min.js').then(() => {
    $('.container').append('<div>Hello World</div>');
});

include('//stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.cs', '//stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js').then(() => {
    // Bootstrap and its stylesheet loaded.
});
```
npm package: @mountainlizard/dice
Description: Determistic 3D dice rolling library for React.
Latest version: 1.2.0

# Dice

Determistic 3D dice rolling library for React.

## Local development

Check out, `npm install`, `npm run build`, then `npm link` to make the package available locally. To import to another project, run `npm link @trepidacious/dice` in that project, this will add the local build `dice`, it can be imported normally.

After changing `dice` code, run `npm run build` again, changes should be available in any linked projects immediately.

## Notes on Dice models

Engraved text is produced from a height map. Take the mono (black text on white background), and use the `Bloom` filter, with Threshold and Softness set to 0, radius set based on the size of the text so that the bloom effect covers most of the "width" of the strokes of the letters, and strength to 170. You should see that the letters are nearly white at the edges, and still mostly black at the centers of the strokes, with a smooth transition between. This is what gives the 3d engraved effect when the image is used as a height map.

![Bloom settings](bloom-settings.png)

To use models, first export from blender (settings should be saved - make sure to select the die you want and check "export selected" is enabled). This exports to the `blender` dir, files here are in `.gitignore`. Leave the export name as `dice.glb`. Now install `gltf-transform` with `npm install --global @gltf-transform/cli`, then use to optimise textures:

```bash
cd blender
gltf-transform webp dice.glb ../public/D6.glb
```

To use the model as a component, copy an existing die's component, e.g. from `/lib/models/D6.tsx`, and then search and replace `D6` with the actual die name. This should update the component name, the names of the mesh and materials node, the props name, and the `.glb` resource name. If the die uses different/additional meshes/materials, then you may need to update the types etc. Have a look at the `gltfjsx` project for examples - run with `--types` to generate a `.tsx` file you can use as a base. Note that you can also transform the `glb` files with `gltfjsx`, however in practice this sometimes seems to break the model's shading.

## Coordinsanity

Every piece of 3D software has to use a different coordinate system, according to ancient custom. When converting from Blender coordinates to Three.js, the mapping is as follows, tested by exporting a vertex at (1, 2, 3) to GLB then inspecting data:

- Blender:  `(x: 1, y: 2, z: 3)`
- Three.js: `(x: 1, y: 3, z: -2)`

Hence to convert from Blender to Three.js, we swap the y and z values, then make the z value negative. This is handy when e.g. trying to get face corner vertex coordinates, where it's easier to select them in blender and read off coordinates than to try to work out which vertex in an exported `.glb` file is which.