open-index/open-npm huggingface dataset:
npm package: @flbx/my-little-starter
Description: A simple starter project for web development with TypeScript, HTML, and CSS / TailwindCSS.
Author: florian.bx
Latest version: 1.3.3

# @flbx/my-little-starter

Fast CLI tool to bootstrap modern web projects with Vite, TypeScript, Tailwind CSS, Vitest, and OxLint.

## Features

- Vite - Lightning fast development server
- Rolldown-Vite - Rust-powered bundler, future default for Vite (3-16x faster builds, currently in beta)
- Tailwind CSS v4 - Modern utility-first CSS framework
- TypeScript - Optional TypeScript support
- Vitest - Optional testing framework
- OxLint - Optional super-fast linter (50-100x faster than ESLint)
- oxfmt - Optional high-performance auto-fix formatting using OxLint
- pnpm - Fast package manager
- Zero config - Start coding immediately

## Installation

```bash
pnpm add -g @flbx/my-little-starter
```

## Usage

```bash
mls my-project
```

### Options

- `--ts, --typescript` - Add TypeScript support
- `--tailwind` - Add Tailwind CSS v4
- `--test` - Add Vitest support
- `--lint` - Add OxLint with configuration
- `--format` - Add oxfmt (OxLint auto-fix formatting)
- `--rolldown` - Use Rolldown-Vite (Rust-powered bundler, future Vite default)
- `-d, --directory <dir>` - Target directory

### Examples

```bash
# Basic project
mls my-project

# TypeScript + Tailwind + Tests
mls my-project --ts --tailwind --test

# Full stack with linting and formatting
mls my-project --ts --tailwind --test --lint --format

# With experimental Rolldown bundler
mls my-project --rolldown --ts --tailwind

# Custom directory
mls my-project --directory ./projects
```

## Getting Started

```bash
cd my-project
pnpm dev
```

### Available Scripts

When you generate a project with optional tools, the following scripts are available:

- `pnpm dev` - Start development server
- `pnpm build` - Build for production
- `pnpm preview` - Preview production build
- `pnpm test` - Run tests (with `--test` flag)
- `pnpm lint` - Run OxLint (with `--lint` flag)
- `pnpm format` - Format code with oxfmt (with `--format` flag)

## Requirements

- Node.js 16.0.0+
- pnpm

## License

MIT © [florianbx](mailto:creek-memoirs.4b@icloud.com)
npm package: @fle-tools/pm
Description: @fle-tools/pm
Latest version: 2.0.7

<div align="center">
  <a href="https://flecli.fxqifu.com/">
    <img style="border:none" width="200" height="200" src="https://oss.elebuys.com/resource/programme/202106211028580003961886.png">
  </a>
  <br>
  <br>
</div>

# [`@fle-tools/pm`](https://www.npmjs.com/package/@fle-tools/pm)

> Based Post Message

## Installation

Install via your package manager


```
npm i @fle-tools/pm

# or

yarn add @fle-tools/pm

```

## Usage

```
// 父应用
import PM = from '@fle-tools/pm';

const Message = new Message({
  targetOrigin: '*',
  isLogger: true,
})

Message.emit({
  type: 'ADD_TODO',
  payload: {
    test: 'test'
  }
});

Message.on('ADD_TODO', (payload) => {
  console.log(payload);
});

Message.destroy();

子应用

```

## API

| 参数名 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ------ | ---- |
|   iframeId     |   false   |   string   |   fle_pm__Iframe  |  iframeId  |
|   identity     |   true   |   'parent'｜'child'   |  'parent' | 当前所处身份 是父应用 还是子应用  |
|   host     |  true    |   string   |     '‘   |  应用host。   |

## Action

| 事件名 | 必填 | 类型  | 备注 |
| ------ | ---- | ---- | ------ |
|   on     |   false   |   function   |    监听message |
|   emit     |   false   |   function   |     发送message   |
|   destroy     |   false   |   function   |     销毁message监听  |
npm package: @fle-ui/next-table
Description: @fle-ui/next-table
Latest version: 2.0.0

# @fle-ui/pro-demo

> @fle-ui/pro-demo
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/pro-demo
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/pro-demo
```
npm package: @fle-ui/next-test
Description: 测试组件库
Latest version: 0.0.1

# @fle-ui/next-test

[![NPM version](https://img.shields.io/npm/v/@fle-ui/next-test.svg?style=flat)](https://npmjs.org/package/@fle-ui/next-test)
[![NPM downloads](http://img.shields.io/npm/dm/@fle-ui/next-test.svg?style=flat)](https://npmjs.org/package/@fle-ui/next-test)

测试组件库

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ yarn install

# develop library by docs demo
$ yarn start

# build library source code
$ yarn run build

# build library source code in watch mode
$ yarn run build:watch

# build docs
$ yarn run docs:build

# check your project for potential problems
$ yarn run doctor
```

## LICENSE

MIT
npm package: @fle-ui/next-test3
Description: [![NPM version](https://img.shields.io/npm/v/@fle-ui/next-test3.svg?style=flat)](https://npmjs.org/package/@fle-ui/next-test3) [![NPM downloads](http://img.shields.io/npm/dm/@fle-ui/next-test3.svg?style=flat)](https://npmjs.org/package/@fle-ui/next-test3)
Latest version: 0.0.1

# @fle-ui/next-test3

[![NPM version](https://img.shields.io/npm/v/@fle-ui/next-test3.svg?style=flat)](https://npmjs.org/package/@fle-ui/next-test3)
[![NPM downloads](http://img.shields.io/npm/dm/@fle-ui/next-test3.svg?style=flat)](https://npmjs.org/package/@fle-ui/next-test3)



## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ yarn install

# develop library by docs demo
$ yarn start

# build library source code
$ yarn run build

# build library source code in watch mode
$ yarn run build:watch

# build docs
$ yarn run docs:build

# check your project for potential problems
$ yarn run doctor
```

## LICENSE

MIT
npm package: @fle-ui/plus-action-bar
Description: @fle-ui/plus-action-bar
Latest version: 1.0.5

# @fle-ui/plus-action-bar

> @fle-ui/plus-action-bar

## Install

Using npm:

```bash
$ npm install --save @fle-ui/plus-action-bar
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-action-bar
```
npm package: @fle-ui/plus-address-selection
Description: @fle-ui/plus-address-selection
Latest version: 1.0.18

# @fle-ui/plus-address-selection

> @fle-ui/plus-address-selection

## Install

Using npm:

```bash
$ npm install --save @fle-ui/plus-address-selection
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-address-selection
```
npm package: @fle-ui/plus-choose-goods
Description: @fle-ui/plus-choose-goods
Latest version: 0.0.20

# @fle-ui/plus-choose-goods

> @fle-ui/plus-choose-site-goods

## Install

Using npm:

```bash
npm install --save @fle-ui/plus-choose-goods
```

or using yarn:

```bash
yarn add @fle-ui/plus-choose-goods
```
npm package: @fle-ui/plus-choose-mall-goods
Description: @fle-ui/plus-choose-mall-goods
Latest version: 1.1.17

# @fle-ui/plus-choose-mall-goods

> @fle-ui/plus-choose-mall-goods
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/plus-choose-mall-goods
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/plus-choose-mall-goods
```
npm package: @fle-ui/plus-choose-site-goods
Description: @fle-ui/plus-choose-site-goods
Latest version: 1.1.17

# @fle-ui/plus-choose-site-goods

> @fle-ui/plus-choose-site-goods
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/plus-choose-site-goods
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/plus-choose-site-goods
```
npm package: @fle-ui/plus-config-provider
Description: @fle-ui/plus-config-provider
Latest version: 1.0.15

# @fle-ui/plus-theme

> @fle-ui/plus-theme
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/plus-theme
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/plus-theme
```
npm package: @fle-ui/plus-context
Description: @fle-ui/plus-context
Latest version: 1.0.2

# @fle-ui/plus-demo

> @fle-ui/plus-demo
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/plus-demo
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/plus-demo
```
npm package: @fle-ui/plus-debounce-select
Description: @fle-ui/plus-debounce-select
Latest version: 1.0.2

# @fle-ui/plus-debounce-select

## Install

Using npm:

```bash
$ npm install --save @fle-ui/plus-debounce-select
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-debounce-select
```
npm package: @fle-ui/plus-editor
Description: @fle-ui/plus-editor
Latest version: 1.0.28

# @fle-ui/plus-editor

> @fle-ui/plus-range-input

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/plus-editor
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-editor
```
npm package: @fle-ui/plus-hamburgers
Description: @fle-ui/plus-hamburgers
Latest version: 1.0.3

# @fle-ui/plus-console-header

## Install

Using npm:

```bash
$ npm install --save @fle-ui/plus-console-header
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-console-header
```
npm package: @fle-ui/plus-im-record
Description: @fle-ui/plus-im-record
Latest version: 0.0.10

# @fle-ui/plus-im-record

> @fle-ui/plus-im-record

## Install

Using npm:

```bash
$ npm install --save @fle-ui/plus-im-record

```

or using yarn:

```bash

$ yarn add @fle-ui/plus-im-record
```

## 使用

```tsx
import ImRecord from '@fle-ui/plus-im-record';
```
npm package: @fle-ui/plus-image
Description: @fle-ui/plus-image
Latest version: 1.0.2

# @fle-ui/plus-demo

> @fle-ui/plus-demo
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/plus-demo
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/plus-demo
```
npm package: @fle-ui/plus-img-crop
Description: @fle-ui/plus-img-crop
Latest version: 1.0.6-alpha.0

# @fle-ui/plus-img-crop

> @fle-ui/plus-img-crop

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/plus-img-crop
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-img-crop
```
npm package: @fle-ui/plus-member-selection
Description: @fle-ui/plus-member-selection
Latest version: 1.0.17

# @fle-ui/plus-member-selection

> @fle-ui/plus-member-selection
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/plus-member-selection
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/plus-member-selection
```
npm package: @fle-ui/plus-range-input
Description: @fle-ui/plus-range-input
Latest version: 1.0.8

# @fle-ui/plus-range-input

> @fle-ui/plus-range-input

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/plus-range-input
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-range-input
```
npm package: @fle-ui/plus-result
Description: @fle-ui/plus-result
Latest version: 1.0.2

# @fle-ui/plus-result

> @fle-ui/plus-result

## Install

Using npm:

```bash
$ npm install --save @fle-ui/plus-result
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-result
```
npm package: @fle-ui/plus-router
Description: @fle-ui/plus-router
Latest version: 2.0.11

# @fle-ui/plus-router

> @fle-ui/plus-router
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/plus-router
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/plus-router
```
npm package: @fle-ui/plus-table
Description: @fle-ui/plus-table
Latest version: 1.2.33

# @fle-ui/plus-table

> @fle-ui/plus-table
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/plus-table
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/plus-table
```
npm package: @fle-ui/plus-tag-group
Description: @fle-ui/plus-tag-group
Latest version: 1.0.8

# @fle-ui/plus-tag-group

> @fle-ui/plus-tag-group

## Install

Using npm:

```bash
$ npm install --save @fle-ui/plus-tag-group
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-tag-group
```
npm package: @fle-ui/plus-theme
Description: @fle-ui/plus-theme
Latest version: 1.0.14

# @fle-ui/plus-theme

> @fle-ui/plus-theme
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/plus-theme
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/plus-theme
```
npm package: @fle-ui/plus-tree-selection
Description: @fle-ui/plus-tree-selection
Latest version: 1.0.4

# @fle-ui/plus-tree-selection

## Install

Using npm:

```bash
$ npm install --save @fle-ui/plus-tree-selection
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-tree-selection
```
npm package: @fle-ui/plus-verify-code
Description: @fle-ui/plus-verify-code
Latest version: 1.0.19

# @fle-ui/plus-verify-code

> @fle-ui/plus-router

## Install

Using npm:

```bash
$ npm install --save @fle-ui/plus-verify-code
```

or using yarn:

```bash
$ yarn add @fle-ui/plus-verify-code
```
npm package: @fle-ui/pro-address-selection
Description: @fle-ui/pro-address-selection
Latest version: 2.0.2

# @fle-ui/pro-layout

> @fle-ui/pro-layout

## Install

Using npm:

```bash
$ npm install --save @fle-ui/pro-layout
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-layout
```
npm package: @fle-ui/pro-auth
Description: @fle-ui/pro-auth
Latest version: 2.0.2

# @fle-ui/pro-demo

> @fle-ui/pro-demo
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/pro-demo
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/pro-demo
```
npm package: @fle-ui/pro-choose-mall-goods
Description: @fle-ui/pro-choose-mall-goods
Latest version: 2.0.10

# @fle-ui/pro-choose-mall-goods

> @fle-ui/pro-choose-mall-goods

## Install

Using npm:

```bash
$ npm install --save @fle-ui/pro-choose-mall-goods

```

or using yarn:

```bash
$ yarn add @fle-ui/pro-choose-mall-goods

```
npm package: @fle-ui/pro-choose-site-goods
Description: @fle-ui/pro-choose-site-goods
Latest version: 2.0.10

# @fle-ui/pro-choose-site-goods

> @fle-ui/pro-choose-site-goods
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/pro-choose-site-goods
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/pro-choose-site-goods
```
npm package: @fle-ui/pro-console-header
Description: @fle-ui/pro-console-header
Latest version: 3.0.3

# @fle-ui/pro-console-header

## Install

Using npm:

```bash
$ npm install --save @fle-ui/pro-console-header
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-console-header
```
npm package: @fle-ui/pro-context
Description: @fle-ui/pro-context
Latest version: 2.0.0

# @fle-ui/pro-demo

> @fle-ui/pro-demo
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/pro-demo
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/pro-demo
```
npm package: @fle-ui/pro-debounce-select
Description: @fle-ui/pro-debounce-select
Latest version: 3.0.0

# @fle-ui/pro-debounce-select

## Install

Using npm:

```bash
$ npm install --save @fle-ui/pro-debounce-select
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-debounce-select
```
npm package: @fle-ui/pro-discard-layout
Description: @fle-ui/pro-discard-layout
Latest version: 3.0.2

# @fle-ui/pro-layout

```ts | pure
export interface MenuDataItem {
  /** @name submenu */
  children?: MenuDataItem[];
  /** @name Hide child nodes in the menu */
  hideChildrenInMenu?: boolean;
  /** @name hideSelf and children in menu */
  hideInMenu?: boolean;
  /** @name Icon of the menu */
  icon?: React.ReactNode;
  /** @name Internationalization key for custom menus */
  locale?: string | false;
  /** @name The name of the menu */
  name?: string;
  /** @name is used to calibrate the selected value, default is path */
  key?: string;
  /** @name disable menu option */
  disabled?: boolean;
  /** @name path */
  path?: string;
  /**
   * When this node is selected, the node of parentKeys is also selected
   *
   * @name custom parent node
   */
  parentKeys?: string[];
  /** @name hides itself and elevates child nodes to its level */
  flatMenu?: boolean;

  [key: string]: any;
}
```

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/pro-layout
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-layout
```
npm package: @fle-ui/pro-error-boundary
Description: @fle-ui/pro-error-boundary
Latest version: 2.0.0

# @fle-ui/error-boundary

> @fle-ui/error-boundary
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/error-boundary
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/error-boundary
```
  
  
## version

### 1.3.4
修复 💻 开发环境 也发送报错的问题
优化代码逻辑💡，提前添加默认配置
npm package: @fle-ui/pro-field
Description: 原子信息组件，统一 ProForm、ProTable、ProList、Filter 等组件里面的字段定义。
Latest version: 2.0.2

# @fle-ui/pro-field

> Umi plugin for access management..

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/pro-field
```

or using yarn:

```bash
$ yarn add  @fle-ui/pro-field
```
npm package: @fle-ui/pro-form
Description: @fle-ui/pro-form
Latest version: 3.0.2

# @fle-ui/pro-form

> @fle-ui/pro-demo

## Install

Using npm:

```bash
$ npm install --save @fle-ui/pro-form
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-form
```
npm package: @fle-ui/pro-hamburgers
Description: @fle-ui/pro-hamburgers
Latest version: 2.0.0

# @fle-ui/pro-console-header

## Install

Using npm:

```bash
$ npm install --save @fle-ui/pro-console-header
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-console-header
```
npm package: @fle-ui/pro-image
Description: @fle-ui/pro-image
Latest version: 2.0.0

# @fle-ui/pro-demo

> @fle-ui/pro-demo
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/pro-demo
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/pro-demo
```
npm package: @fle-ui/pro-img-crop
Description: @fle-ui/pro-img-crop
Latest version: 2.0.2

# @fle-ui/pro-img-crop

> @fle-ui/pro-img-crop

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/pro-img-crop
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-img-crop
```
npm package: @fle-ui/pro-layout
Description: @fle-ui/pro-layout
Latest version: 3.0.2

# @fle-ui/pro-layout

> @fle-ui/pro-layout

## Install

Using npm:

```bash
$ npm install --save @fle-ui/pro-layout
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-layout
```
npm package: @fle-ui/pro-list
Description: 🏆 Use Ant Design List like a Pro!
Latest version: 2.0.3

# @fle-ui/pro-list

> @fle-ui/pro-list

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/pro-list
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-list
```
npm package: @fle-ui/pro-provider
Description: @fle-ui/pro-provider
Latest version: 2.0.0

# @fle-ui/pro-provider

> @ant-design/pro-provider.

See our website [@ant-design/pro-provider](https://procomponent.ant.design/) for more information.

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/pro-provider
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-provider
```
npm package: @fle-ui/pro-range-input
Description: @fle-ui/pro-range-input
Latest version: 2.0.0

# @fle-ui/pro-range-input

> @fle-ui/pro-range-input

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/pro-range-input
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-range-input
```
npm package: @fle-ui/pro-result
Description: @fle-ui/pro-result
Latest version: 2.0.0

# @fle-ui/pro-demo

> @fle-ui/pro-demo
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/pro-demo
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/pro-demo
```
  

## version

### 1.14.22
什么也没法，就是升一下版本
npm package: @fle-ui/pro-router
Description: @fle-ui/pro-router
Latest version: 2.0.2

# @fle-ui/pro-router

> @fle-ui/pro-router
  
## Install
  
Using npm:
  
```bash
$ npm install --save @fle-ui/pro-router
```
  
or using yarn:
  
```bash
$ yarn add @fle-ui/pro-router
```
npm package: @fle-ui/pro-skeleton
Description: @fle-ui/pro-skeleton
Latest version: 2.0.0

# @fle-ui/pro-skeleton

> @ant-design/pro-skeleton.

See our website [@ant-design/pro-skeleton](https://procomponent.ant.design/) for more information.

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/pro-skeleton
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-skeleton
```
npm package: @fle-ui/pro-table
Description: @fle-ui/pro-table
Latest version: 2.0.3

# @fle-ui/pro-table

> @fle-ui/pro-demo

## Install

Using npm:

```bash
$ npm install --save @fle-ui/pro-table
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-table
```
npm package: @fle-ui/pro-tree-selection
Description: @fle-ui/pro-tree-selection
Latest version: 2.0.2

# @fle-ui/pro-tree-selection

## Install

Using npm:

```bash
$ npm install --save @fle-ui/pro-tree-selection
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-tree-selection
```
npm package: @fle-ui/pro-utils
Description: @fle-ui/pro-utils
Latest version: 2.0.2

# @fle-ui/pro-utils

> @fle-ui/pro-utils.

## Install

Using npm:

```bash
$ npm install --save  @fle-ui/pro-utils
```

or using yarn:

```bash
$ yarn add @fle-ui/pro-utils
```
npm package: @fle/color
Description: Stdout colorful log in terminal.
Author: ansenhuang
Latest version: 0.0.3

# color

[![version](https://img.shields.io/npm/v/@fle/color.svg)](https://www.npmjs.org/package/@fle/color)

Stdout colorful log in terminal.

*Tips: It's a pure package without install others.*

## Installation

```console
npm install @fle/color
```

## Usage

```js
const color = require('@fle/color');

// color
console.log(color.green('green'));
console.log(color.help('help'));

// style
console.log(color.bold('bold'));

// background
console.log(color.bgRed('background red'));

// mixed
console.log(color.red.bgGreen.bold('red bgGreen bold'));
```

## API

### color

* gray
* black
* white
* green
* yellow
* blue
* red
* cyan
* magenta

### alias

* input = gray
* verbose = cyan
* prompt = gray
* info = green
* data = gray
* help = cyan
* warn = yellow
* debug = blue
* error = red

### style

* bold
* inverse
* underline
* italic (not work at mac)
* strikethrough (not work at mac)

### background

* bgBlack
* bgWhite
* bgGreen
* bgYellow
* bgBlue
* bgRed
* bgCyan
* bgMagenta

## Build Setup

``` bash
# build src files
fle lib -w
fle lib
```

For detailed explanation, consult the [docs for fle-cli](https://www.npmjs.com/package/fle-cli).
npm package: @fleax/ui
Description: Optional UI components for Fleax
Latest version: 0.1.1

# @fleax/ui

A collection of lightweight, accessible UI components built for **@fleax/core**.

## Features

- **Zero Runtime JS**: Components are rendered to static HTML.
- **Islands Support**: Complex components (like Table) automatically hydrate when needed.
- **Native CSS**: Styles are bundled and extracted using @fleax/core's CSS pipeline.
- **Type Safe**: Full TypeScript support for all components and props.

## Installation

```bash
npm install @fleax/ui
```

Note: `@fleax/ui` requires `@fleax/core` as a peer dependency.

## Usage

### Basic Components

```tsx
import { Button, Badge, Flex } from "@fleax/ui";

export default (
  <Flex gap="md" align="center">
    <h1>Project Title</h1>
    <Badge variant="success">Active</Badge>
    <Button variant="solid" onclick="alert('Hello!')">
      Click Me
    </Button>
  </Flex>
);
```

### Complex Components (Islands)

Some components like `Table` use Islands for client-side interactivity (sorting, resizing) while maintaining SSR performance.

```tsx
import { Table } from "@fleax/ui";

const data = [
  { id: 1, name: "Item 1", status: "ok" },
  { id: 2, name: "Item 2", status: "error" },
];

const columns = [
  { id: "name", header: "Name", accessor: (d) => d.name, sort: true },
  { id: "status", header: "Status", accessor: (d) => d.status },
];

export default (
  <Table data={data} columns={columns} getRowId={(d) => d.id}>
    <Table.Header />
    <Table.Body />
  </Table>
);
```

## Styling

Styles are scoped per-component and imported automatically. If you want to import the entire component library's CSS at once:

```ts
import "@fleax/ui/styles.css";
```

## Components

- `Button` - Interactive buttons with variants and sizes.
- `Badge` - Status indicators and labels.
- `Table` - High-performance data table with sorting and virtual scrolling.
- `Input` / `Field` / `Label` - Accessible form primitives.
- `Flex` - Layout container.
- `Kbd` - Keyboard shortcut displays.

## License

MIT
npm package: @flebee/ui
Description: Beautiful, fast, and modern components, visually inspired by the elegance and functionality of NextUI
Latest version: 0.3.1-beta.2

<p align="center">
  <a href="https://components.flebee.com">
    <img src="https://components.flebee.com/favicon.svg" width="100" height="100" alt="Flebee logo">
  </a>
</p>

<h1 align="center"> Flebee UI </h1>

Beautiful, fast, and modern Angular zoneless components with seamless SSR support. Visually inspired by the elegance and functionality of [NextUI](https://nextui.org), Flebee UI aims to bring high performance and a sleek design to your Angular applications.

> [!IMPORTANT]
> Flebee UI is currently under construction and in beta. Some features may not be fully functional yet.

## Getting Started

To get started with Flebee UI, follow the comprehensive guide available on our documentation site. This guide will walk you through the installation process, basic setup, and initial configuration to help you integrate Flebee UI components into your Angular project seamlessly.

Visit the [Flebee UI Getting Started Guide](https://components.flebee.com/docs/ui/installation) to begin.

## Documentation

For detailed information on all available components, their properties, methods, and examples, please refer to our documentation. The documentation provides usage examples to help you make the most out of Flebee UI.

Access the full documentation here: [Flebee UI Documentation](https://components.flebee.com).

## Features

- **Zoneless Components**: Designed to work without Angular zones, providing better performance.
- **Server-Side Rendering (SSR) Support**: Optimized for server-side rendering.
- **Inspired by NextUI**: Bringing the best visual practices and designs from NextUI to Angular.

## Contributing

We welcome contributions! Please read our [Contributing Guide](CONTRIBUTING.md) to learn about our development process and how to submit pull requests.

## License

This project is licensed under the [MIT License](https://choosealicense.com/licenses/mit/).
npm package: @flechemano/reet
Description: A utility tool for running tips on your command line interface.
Author: flechemano
Latest version: 0.0.5

<[![Node.js CI](https://github.com/flechemano/Reet/actions/workflows/node.js.yml/badge.svg)](https://github.com/flechemano/Reet/actions/workflows/node.js.yml)
# Reet
## Repository

The source code of this project is hosted on GitHub.

[Link to Repository](https://github.com/flechemano/Reet)
npm package: @fleck.chat/partner-sdk
Description: Browser SDK to embed a whitelabeled Fleck iframe and authenticate users via postMessage.
Author: Carlos da Cunha Fontes / Fleck
Latest version: 0.1.1-alpha.1

# Fleck Partner SDK

This browser SDK lets partner frontends embed a whitelabeled [Fleck](https://fleck.chat) iframe and authenticate users via `postMessage`.

## Install (Consumers)

Add the SDK package to your app:

```sh
npm install @fleck.chat/partner-sdk
```

> [!NOTE]
> TypeScript types are included.

## Install (Contributors)

Install dependencies locally:

```sh
npm install
```

## Build

Compiles `fleck_sdk.cljs` and bundles it into a single browser-ready file at `dist/fleck_sdk.mjs`.

```sh
npm run build
```

## Test

Runs browser-based tests in Chromium (via Web Test Runner + Playwright).

```sh
npm run test:install # run once to download browsers
npm run test
```

## Publish

```sh
npm publish --access public
```


## SDK Interface

`fleckSdk.init(options)` returns a Promise that resolves to an SDK instance:

- `fleck.auth({ jwt })`: Sends the partner-signed JWT to the iframe.
- `fleck.iframe`: The `<iframe>` element created by the SDK.
- `fleck.origin`: The computed origin from `src` (e.g., `https://fleck.partner.gltd/app` → `https://fleck.partner.gltd`).

## Usage

```html
<div id="fleck-container"></div>
<script type="module" src="./dist/fleck_sdk.mjs"></script>
<script type="module">
  const options = {
    container: document.getElementById('fleck-container'),
    src: 'https://fleck.partner.gltd'
  };

  const fleck = await fleckSdk.init(options);

  fleck.auth({ jwt: window.FLECK_JWT });
</script>
```

## License

MIT. See [LICENSE](LICENSE).
npm package: @fleco/duration
Description: Fork of duration-js
Author: Fleco Development
Latest version: 0.1.7
Deprecated: Please use @shanecaf/duration-js for an updated version.

# Duration.js

*This is a work in progress*

This is a fork of [Duration.js](https://github.com/icholy/Duration.js) by [icholy](https://github.com/icholy)

I have based the code off of the `golang_compatible` branch, updating the code to TypeScript and using ESM.

It has also basically turned into a wrapper for the [Temporal.Duration](https://tc39.es/proposal-temporal/docs/duration.html) from a polyfill for the Temporal Proposal.

## Tests

Since this is a work in progress, there are no tests yet.
npm package: @flect/core
Description: Reifiable types for TypeScript
Author: David Durschlag
Latest version: 4.1.0

<p align="center">
  <img src="flect.png" width="200px" align="center" alt="flect logo" />
  <h1 align="center">Flect/core</h1>
  <p align="center">
	Reifiable types for TypeScript
  </p>
</p>

## Introduction

Flect/core is a library for describing TypeScript types using JavaScript objects.

## Usage

```ts
const Animal = record({
	legCount: numberType,
	sound: stringType
});
type Animal = Reify<typeof Animal>;
const dog: Animal = {legCount: 4, sound: "woof"};
```
npm package: @flect/guard
Description: Typeguards for flect types
Author: David Durschlag
Latest version: 4.2.0

<p align="center">
  <img src="flect.png" width="200px" align="center" alt="flect logo" />
  <h1 align="center">Flect/guard</h1>
  <p align="center">
	Typeguards for Flect types
  </p>
</p>

## Introduction

Flect/guard is a library for validating that arbitrary JavaScript objects conform to a Flect type.

## Usage

```ts
const Animal = record({
	legCount: numberType,
	sound: stringType
});
type Animal = Reify<typeof Animal>;

const v = new GuardChain();
const recV = new RecordValidator(v);
v.add(defaultGuards);
v.add(recV);

const maybeAnimal: unknown = {legCount: 3, sound: "woof"};
const animalGuard = v.get(Animal)!;
if (animalGuard(maybeAnimal)) {
	console.log(maybeAnimal.sound); // Goes 'woof'
}
```
npm package: @flect/ioc
Description: Inversion of control container for flect
Author: David Durschlag
Latest version: 4.0.0

<p align="center">
  <img src="flect.png" width="200px" align="center" alt="flect logo" />
  <h1 align="center">Flect/ioc</h1>
  <p align="center">
	Inversion of Control Container for Flect types
  </p>
</p>

## Introduction

Flect/ioc is a library for building and resolving a dependency graph.

## Usage

```ts
const Animal = record({
	legCount: numberType,
	sound: stringType
});
type Animal = Reify<typeof Animal>;

const Person = record({
	pet: record({
		legCount: numberType,
		sound: stringType
	})
});
type Person = Reify<typeof Person>;

class Cat implements Animal {
	get legCount() {
		return 4;
	}
	get sound() {
		return "meow";
	}
}

const c = new Container();
c.bind(Person)
	.with(Animal)
	.toFactory((a: Animal) => ({pet: a}));
c.bind(Animal).toFactory(() => new Cat());

console.log(c.resolve(Person).pet.sound); // Goes 'woof'
```
npm package: @flect/transform
Description: Data transformers for flect
Author: David Durschlag
Latest version: 3.0.0

<p align="center">
  <img src="flect.png" width="200px" align="center" alt="flect logo" />
  <h1 align="center">Flect/transform</h1>
  <p align="center">
	Data transformers for Flect types
  </p>
</p>

## Introduction

Flect/transform is a library for building transformers between flect types.

## Usage

```ts
// Given a type with references to another type,
// create a keyed version that looks like an FK in a DB. Then transform
// from that DB version to the real thing.

// First, the type we will refer/foreign-key to
const Engine = record({
	cylinderCount: numberType,
	arrangement: union(literal("L"), literal("V"), literal("W")),
	id: stringType
});
type Engine = Reify<typeof Engine>;

// Next the two versions of the referring type: one flat like a database,
// one with a direct reference.
// A mapped conditional would be neat here, but flect currently
// can't handle that :( Instead, we create a function for producing the
// two types.
const makeCarType = <E>(engineType: Type<E>) =>
	record({
		make: stringType,
		model: stringType,
		engine: engineType
	});
// Our two car types, each with their own way of specifying an engine
const DBCar = makeCarType(stringType); // By key
const Car = makeCarType(Engine); // By reference
type DBCar = Reify<typeof DBCar>;

// Create a little in-memory mock of a database table (or service, etc.)
// with engine data.
const indexEngine = (e: Engine) => [e.id, e] as const;
const engineDb = new Map(
	[
		{cylinderCount: 4, arrangement: "L" as const, id: "straight-4"},
		{cylinderCount: 6, arrangement: "V" as const, id: "V6"},
		{cylinderCount: 16, arrangement: "W" as const, id: "W16"}
	].map(indexEngine)
);

// Create a transformer that handles identity,
// records, and engineDb looksup. We assume
// lookups never fail, for simplicity.
const c = new ChainTransformer();
c.add(new IdentityTransformer());
c.addLoopRepo(RecordTransformer);
c.add(
	getSingletonTransformerRepository(
		stringType,
		Engine,
		(id) => engineDb.get(id)!
	)
);
// Get the transformer
const t = c.get(DBCar, Car);
expect(t).toBeDefined();

// Create a flat car record
const carRecord: DBCar = {
	make: "Honda",
	model: "Pilot",
	engine: "V6"
};
// Transform it
const car = t!(carRecord);
console.log(JSON.stringify(car));
/*
		Output:
			{
				"make": "Honda",
				"model": "Pilot",
				"engine": {"cylinderCount": 6, "arrangement": "V", "id": "V6"}
			}
	*/
```
npm package: @flect/traverse
Description: Data traversal for flect types
Author: David Durschlag
Latest version: 3.0.0

<p align="center">
  <img src="flect.png" width="200px" align="center" alt="flect logo" />
  <h1 align="center">Flect/traverse</h1>
  <p align="center">
	Data traversal for Flect types
  </p>
</p>

## Introduction

Flect/traverse is a library for building traversals for Flect types.

## Usage

```ts
const Animal = record({
	legCount: numberType,
	sound: stringType
});
type Animal = Reify<typeof Animal>;

const getSound = traverseRecord(Animal, "sound");
const myDog = {legCount: 4, sound: "woof"};
console.log(getSound(myDog)); // Goes 'woof'
```
npm package: @fledge/workflow
Description: Workflow skills for the [Fledge](https://github.com/fledge-build/fledge-build) development workflow. Provides agent skills that guide feature planning, brief creation, and lifecycle management.
Author: René Schapka
Latest version: 0.8.1

# @fledge/workflow

Workflow skills for the [Fledge](https://github.com/fledge-build/fledge-build) development workflow. Provides agent skills that guide feature planning, brief creation, and lifecycle management.

## Install

```bash
pnpm add -D @fledge/workflow
```

On install, skills are automatically copied into your project's `.claude/skills/` directory. Skills bundle self-contained scripts with all dependencies inlined, so no additional packages are needed at runtime.

## Skills

### `fledge-brief`

Guides the agent through feature brief creation and lifecycle. Invoked directly:

```
/fledge-brief
```

The skill walks through:

1. **New brief** -- gather context from completed briefs, define requirements, break down into tasks
2. **Continue a brief** -- review progress, update tasks, revise scope
3. **Complete a brief** -- write a summary, validate, and mark as done

The skill includes bundled scripts for brief lifecycle operations. All artifacts are plain markdown files with YAML frontmatter, stored in `.fledge/briefs/`.

## Dependencies

| Package       | Role                                                                 |
| ------------- | -------------------------------------------------------------------- |
| `@fledge/cli` | Build-time dependency. Bundled into self-contained scripts via rolldown |
npm package: @flee_wang/front-ui
Description: 业务组件库
Author: runa
Latest version: 2.0.9

# front-ui

<p align="center">
  <a href="http://runafe.cn:5002/front-ui/">
    文档
  </a>
  <span> | </span>
  <a href="http://runafe.cn:5002/front-ui/">
    示例项目
  </a>
  <span> | </span>
  <a href="./README.md">
    English
  </a>
  <span> | </span>
  <a>
    中文
  </a>
</p>

# git 操作

git checkout -b dev origin/dev 从远程分支创建分支
git remote set-head origin -a 同步 origin/HEAD
git remote update -p 同步分支
git rebase -i HAED`x 合并基线
git --amend 合并日志
git rebase --continue 跳出合并分支回到自己分支