open-index/open-npm huggingface dataset:
npm package: @karoshibee/re-tree
Description: A parent/child tree inspired by Atlassian ToolKit Tree
Author: simon.parry@karoshibee.com
Latest version: 0.1.0

# re-tree

A parent/child tree inspired by Atlassian ToolKit Tree (c.f. https://atlaskit.atlassian.com/packages/core/tree/example/drag_and_drop_with_nesting)

# Build + Watch

```
yarn watch:bs
```
# Test + Watch

```
yarn watch:jest
```
npm package: @karpeleslab/i18next-klb-backend
Description: backend layer for i18next using klb system
Author: Mark Karpeles
Latest version: 0.1.3

# i18next-klb-backend

A backend connector for [i18next](https://www.i18next.com/) that loads translations from KarpelesLab (KLB) systems.

## Installation

```bash
npm install @karpeleslab/i18next-klb-backend
```

## Usage

```javascript
import i18next from 'i18next';
import { Backend } from '@karpeleslab/i18next-klb-backend';
import { getLocale } from "@karpeleslab/klbfw";

i18next
  .use(Backend)
  .init({
    // Backend options
    lng: getLocale(),
    backend: {
      // any custom options
    },

    // i18next recommended options
    load: 'currentOnly',  // recommended to avoid loading special languages
    fallbackLng: false,
    ns: ['translation'],
    defaultNS: 'translation',
  });
```

## TypeScript Support

This package includes TypeScript type definitions:

```typescript
import i18next from 'i18next';
import { Backend, BackendOptions } from '@karpeleslab/i18next-klb-backend';

const options: BackendOptions = {
  allowMultiLoading: false,
  // other options
};

i18next
  .use(Backend)
  .init({
    backend: options,
    // other i18next options
  });
```

## How it works

This backend loads translations from your KLB system by:

1. Using the `FW.i18n` global if available and matching the requested language
2. Fetching from `/l/<language>/_special/locale.json`
3. Falling back to `/_special/locale/<language>.json` if the first fetch fails

The backend expects translations in JSON format with the structure:
```json
{
  "token": "value",
  "another_token": "another value"
}
```

## Features

- Integrates with KLB framework globals (`FW.Locale`, `FW.i18n`, `FW.prefix`)
- Automatically handles language code format (requires 5-character codes like 'en-US')
- Simple interface with minimal configuration
- TypeScript definitions included

## License

MIT
npm package: @karpeleslab/klbfw-describe
Description: CLI tool to explore and document KLB API endpoints
Author: KarpelesLab
Latest version: 0.5.17

# klbfw-describe

A command-line tool for exploring and documenting KLB API endpoints.

## Installation

You can use this tool with npx without installing:

```bash
npx @karpeleslab/klbfw-describe User
```

Or install it globally:

```bash
npm install -g @karpeleslab/klbfw-describe
klbfw-describe User
```

## Usage

```
npx @karpeleslab/klbfw-describe [options] <api-path>
```

### Options

- `--raw`: Show raw JSON output without formatting
- `--ts`, `--types`: Generate TypeScript type definitions
- `--get`: Perform a GET request instead of OPTIONS
- `--mcp`: Run as a Claude MCP server over stdio
- `--help`, `-h`: Show help message

### Examples

```bash
# Show all available API objects
npx @karpeleslab/klbfw-describe

# Describe a top-level endpoint
npx @karpeleslab/klbfw-describe User

# Describe a nested endpoint
npx @karpeleslab/klbfw-describe Misc/Debug

# Describe a procedure
npx @karpeleslab/klbfw-describe Misc/Debug:testUpload

# Get raw JSON output
npx @karpeleslab/klbfw-describe --raw User

# Generate TypeScript definitions
npx @karpeleslab/klbfw-describe --ts User

# Get a specific resource
npx @karpeleslab/klbfw-describe --get User/12345

# Run as a Claude MCP
claude mcp add klbfw-describe -s user -- npx -y @karpeleslab/klbfw-describe --mcp
```

## Features

- Colorized, formatted output for easy reading
- Lists all available API objects when run without parameters
- Shows allowed HTTP methods with color-coding (GET, POST, etc.)
- Displays API endpoint type (Procedure, Resource, or Collection)
- Shows code examples for calling procedures
- Lists arguments with their types and required status
- Multiple output modes:
  - Default: Shows detailed information with complete field listings
  - `--raw`: Shows the raw JSON response for advanced needs
  - `--ts`: Generates TypeScript type definitions for API objects
  - `--get`: Fetches actual resources instead of metadata
  - `--mcp`: Runs as a Claude MCP server over stdio
- Displays sample or complete fields for resources
- Groups sub-endpoints alphabetically for easy reference

## Output

The tool provides different information based on the endpoint type:

### For Procedures
- Procedure name and type (static/instance)
- Usage examples in JavaScript and URL format
- Required and optional arguments with types

### For Resources
- Resource name and field count
- Primary key information
- Sample fields with types and nullability

### For Collections
- Available methods with argument information
- Available sub-endpoints grouped alphabetically

## License

MIT
npm package: @karpeleslab/react-autoruby
Description: AutoRuby component for React
Author: Mark Karpeles
Latest version: 0.0.2

# AutoRuby

Simple component made to work with Japanese.

## Usage

```html
      <AutoRuby text="明日(Ashita)の()明日(Ashita)" delimiter="()"/><br/>
      <AutoRuby text="明日[Ashita]の[]明日[Ashita]"/><br/>
      <AutoRuby text="明日/Ashita/の//明日/Ashita/" delimiter="/"/><br/>
```
npm package: @karpo-element/ele-form
Description: 针对公司业务新增组件,基于 ele-form 的表单组件
Author: karpo
Latest version: 1.0.10

# @karpo-element/ele-form | 基于 element-ui 的数据驱动表单组件

## 使用说明

公司项目大多为基于element-ui的后台类项目，对于表单开发使用该组件可进行配置式开发。本组件参考[vue-ele-form](https://github.com/dream2023/vue-ele-form)项目进行定制化开发。

## 快速开始

### 安装

```sh
npm i @karpo-element/ele-form
```

### 使用

```js
import Vue from 'vue'
import App from './App.vue'
// 引入 element-ui
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 引入 vue-ele-form
import EleForm from '@karpo-element/ele-form'

Vue.config.productionTip = false

// 注册 element-ui
Vue.use(ElementUI)

// 注册 vue-ele-form
Vue.use(EleForm)

new Vue({
  render: h => h(App)
}).$mount('#app')
```

### 全局配置

`！注意：不是 upload: { attrs: { action: "xxx"} }，也就是不需要 attrs 包裹`

```js
// 在引入 EleForm 时，可以传入一个全局配置对象(可选), 例如:
Vue.use(EleForm, {
  // 所有和上传相关(上传图片, 上传视频, 富文本中图片上传)
  upload: {
    action: 'https://www.xxx.com/posts', // 请求地址,
    data: { token: 'xxx' }, // 附带的参数,
    responseFn (response) { // 处理响应结果
      return 'https://www.xxx.com/upload/' + response.id
    }
  },
  // number类型
  number: {
    min: 0 // 所有 number 类型, 最小值为 0
  }
})
```

###  局部注册

```js
import EleForm from '@karpo-element/ele-form'

export default {
  components: { EleForm },
  // ....
}
```


## 可视化生成表单

[![f-render 演示图](https://s1.ax1x.com/2020/08/23/d0T976.gif)](https://dream2023.gitee.io/f-render/)

[f-render地址](https://github.com/dream2023/f-render)

## 说明

vue-ele-form 是基于 [element-ui form](https://element.eleme.cn/#/zh-CN/component/form) 的二次封装, 主要特点:

- 内置 20 多种[表单类型](https://www.yuque.com/chaojie-vjiel/vbwzgu/kz163g), 包括选`单选`、`多选`、`标签`、`级联选择器`等;
- 拥有`上传图片增强`, `上传视频增强`, `上传文件增强`,`树形下拉选择框`, `富文本`，`表格编辑器`, `动态表单`, `markdown`, `地图`, `代码编辑器`, `json 编辑器`
  等丰富的[第三方扩展](https://www.yuque.com/chaojie-vjiel/vbwzgu/inlpxy)，满足你的更多需求;
- 配备[可视化生成表单工具](https://github.com/dream2023/f-render);
- 内置[表单校检](https://www.yuque.com/chaojie-vjiel/vbwzgu/dyw8a7#GLim1);
- [表单布局](https://www.yuque.com/chaojie-vjiel/vbwzgu/iw5dzf#uuQkg)
  和 [响应式表单](https://www.yuque.com/chaojie-vjiel/vbwzgu/yadlgw);
- [表单分组](https://www.yuque.com/chaojie-vjiel/vbwzgu/ue72yy);
- [联动](https://www.yuque.com/chaojie-vjiel/vbwzgu/rgenav)显示/隐藏、启用/禁用、重新获取 options 值
- 可以通过[插槽](https://www.yuque.com/chaojie-vjiel/vbwzgu/cmerhn)自定义表单项;
- 支持[国际化](https://www.yuque.com/chaojie-vjiel/vbwzgu/gh11wg);
- 一键 Mock[模拟数据](https://www.yuque.com/chaojie-vjiel/vbwzgu/ugbzgz);

而上面所说的一切只需要一行 html 和 数据即可实现, 即保证了质量, 又使得开发速度仿佛坐上 🚀!

## 文档

[组件使用详细文档](https://www.yuque.com/chaojie-vjiel/vbwzgu)
npm package: @karpojs/vue-neditor-wrap
Description: Vue + NEditor + v-model双向绑定
Author: 晁州
Latest version: 1.0.6

# vue-neditor-wrap

## Installation
```bash
$ npm i vue-neditor-wrap
```

## Quick Start

1. 下载[官方资源文件](https://www.notadd.com/download/neditor/Neditor-next-master.tar.xz)

    > 下载完成后放在本地public下，命名为NEditor的文件夹下

2. 引入`VueNeditorWrap`组件

    `import VueNeditorWrap from 'vue-neditor-wrap'`

3. 注册组件
    ```js
    components: {
        VueNeditorWrap
    },
    ```
4. `v-model`绑定数据
    ```html
    <vue-neditor-wrap v-model="content" :config="myConfig" :destroy="false" @ready="ready"></vue-neditor-wrap>
    ```
    ```js
    data () {
        return {
            myConfig: {
                // 如果需要上传功能,找后端小伙伴要服务器接口地址
                serverUrl: '/api/web/upload/ueditor',
                // 你的UEditor资源存放的路径,相对于打包后的index.html
                UEDITOR_HOME_URL: '/NEditor/',
                // 编辑器不自动被内容撑高
                autoHeightEnabled: false,
                // 初始容器高度
                initialFrameHeight: 240,
                // 初始容器宽度
                initialFrameWidth: '100%',
                // 关闭自动保存
                enableAutoSave: false
            },
            content: '',
        }
    }
    ```
    > 至此你已经可以在页面中看到一个初始化之后的`NEditor`了，并且它已经成功和数据绑定了！

    ![](https://raw.githubusercontent.com/caiya/imgs/master/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20181124115713.png)

    ![](https://raw.githubusercontent.com/caiya/imgs/master/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20181124114504.png)

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @karroch/country-flags-emoji
Description: Convert ISO 3166-1 country codes to flag emojis
Author: Karroch
Latest version: 1.0.3

# Country Flags Emoji

Convert ISO 3166-1 country codes to flag emojis. Simple and lightweight.

## Installation

```bash
npm install @karroch/country-flags-emoji
```

## Usage

```typescript
import { countryFlags } from "@karroch/country-flags-emoji";

// Convert country codes to flags
console.log(countryFlags("US")); // 🇺🇸
console.log(countryFlags("MA")); // 🇲🇦
console.log(countryFlags("GB")); // 🇬🇧
console.log(countryFlags("ES")); // 🇪🇸
```

## API

### `countryFlags(countryCode: string): string`

Converts a two-letter country code to its corresponding emoji flag.

- `countryCode`: A two-letter ISO 3166-1 country code (case insensitive)
- Returns: The emoji flag representation
- Throws: Error if input is invalid

## Features

- TypeScript support
- Zero dependencies
- Lightweight
- Case insensitive
- Input validation

## License

MIT © Abdellah Azeroual