open-index/open-npm huggingface dataset:
npm package: @oumi/cli
Description: @oumi/cli 项目管理器脚手架
Author: dasheng
Latest version: 1.14.0

# @oumi/cli
前端项目脚手架。

## 安装
```
npm install -g @oumi/cli
# OR
yarn global add @oumi/cli
```

## UI 可视化管理器
```js
oumi ui  // 启动ui可视化项目管理器
```

## 项目初始化
```js
oumi init myApp
```

## 编译命令
```js
oumi dev  // 默认vite 开发模式
oumi dev:webpack // webpack5 的开发模式
oumi build // 打包使用webpack5
```

## 文档相关
```js
oumi doc:build // 打包组件文档
```


## 升级
```
npm update -g @oumi/cli
# OR
yarn global upgrade --latest @oumi/cli
```

## 其他链接
. [Oumi UI](../oumi-cli-ui/README.md)
npm package: @oumi/cli-ui
Description: @oumi/cli-ui 可视化项目管理器UI
Author: dasheng
Latest version: 1.14.0

# @oumi/cli-ui


## 使用命令
```js
oumi ui
```


## 预览 oumi ui
### 创建项目
![创建项目](./static/images/oumi-preview1.png)

### 任务管理
![任务管理](./static/images/oumi-preview-tasks.png)

### 依赖管理
![依赖管理](./static/images/oumi-preview-deps.png)

### 资产
目前默认pro-blocks，且允许自定义[配置](https://www.yuque.com/qqhh/cuq2ci/vpg4rw)。
![资产](./static/images/oumi-preview2.png)

### Swagger
![Swagger](./static/images/oumi-preview3.png)

### 配置
![配置](./static/images/oumi-preview4.png)
npm package: @ounai/react-bootstrap-table2
Description: Next generation of react-bootstrap-table
Author: AllenFang
Latest version: 4.1.0

# react-bootstrap-table-next
Next generation of [`react-bootstrap-table`](https://github.com/AllenFang/react-bootstrap-table)

## Usage

### Installation

```sh
npm install react-bootstrap-table-next --save
```

### Include CSS

> react-bootstrap-table2 need you to add bootstrap css in your application firstly. About bootstrap css, we only compatible with bootstrap 3 but will start to compatible for bootstrap 4 on v0.2.0

```js
// es5 
require('react-bootstrap-table-next/dist/react-bootstrap-table2.min.css');

// es6
import 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';
```

### Your First Table

```js
import BootstrapTable from 'react-bootstrap-table-next';

const products = [ ... ];
const columns = [{
  dataField: 'id',
  text: 'Product ID'
}, {
  dataField: 'name',
  text: 'Product Name'
}, {
  dataField: 'price',
  text: 'Product Price'
}];

export default () =>
  <BootstrapTable keyField='id' data={ products } columns={ columns } />
```
npm package: @ounai/react-bootstrap-table2-overlay
Description: it's a loading overlay addons for react-bootstrap-table2
Author: AllenFang
Latest version: 2.0.0

# react-bootstrap-table2-overlay
In `react-bootstrap-table2`, you will be easier to custom the loading or lverlay on table no matter if remote enabled or not. In the following, we have two way to do it:

-----

## Empty Table
[**`noDataIndication`**](https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/table-props.html#nodataindication-function) is a simple case you can take it, if current data size is empty, `react-bootstrap-table2` will call the `noDataIndication` prop and get the result to display on the table.   

[**Here**](https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=EmptyTableOverlay) is a quick exmaple for `noDataIndication`.

## Loading Table
In the most of case for remote mode, you need the loading animation to tell the user the table is loading or doing some action in the background. Hence, you can lervarge [**`overlay`**](https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/table-props.html#overlay-function) prop.

[**Here**](https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=EmptyTableOverlay) is also a example for `overlay`
npm package: @oungseik/openapi-svelte-query
Description: Fast, type-safe @tanstack/svelte-query client to work with your OpenAPI schema.
Author: enchart
Latest version: 0.2.0

# openapi-svelte-query

> ⚠️ openapi-svelte-query is a **work-in-progress** port of [openapi-react-query](https://github.com/openapi-ts/openapi-typescript/tree/main/packages/openapi-react-query) for [Svelte](https://svelte.dev/).

openapi-svelte-query is a type-safe tiny wrapper (1 kb) around [@tanstack/svelte-query](https://tanstack.com/query/latest/docs/framework/svelte/overview) to work with OpenAPI schema.

It works by using [openapi-fetch](https://github.com/openapi-ts/openapi-typescript/tree/main/packages/openapi-fetch) and [openapi-typescript](https://github.com/openapi-ts/openapi-typescript/tree/main/packages/openapi-typescript) so you get all the following features:

- ✅ No typos in URLs or params.
- ✅ All parameters, request bodies, and responses are type-checked and 100% match your schema
- ✅ No manual typing of your API
- ✅ Eliminates `any` types that hide bugs
- ✅ Eliminates `as` type overrides that can also hide bugs

## Setup

Install this library along with [openapi-fetch](https://github.com/openapi-ts/openapi-typescript/tree/main/packages/openapi-fetch) and [openapi-typescript](https://github.com/openapi-ts/openapi-typescript/tree/main/packages/openapi-typescript):

```bash
npm i @enchartpa/openapi-svelte-query openapi-fetch
npm i -D openapi-typescript typescript
```

Next, generate TypeScript types from your OpenAPI schema using openapi-typescript:

```bash
npx openapi-typescript ./path/to/api/v1.yaml -o ./src/lib/api/v1.d.ts
```

## Usage

Once your types have been generated from your schema, you can create a [fetch client](https://github.com/openapi-ts/openapi-typescript/tree/main/packages/openapi-fetch), a svelte-query client and start querying your API.

```svelte
<script lang="ts">
  import createFetchClient from "openapi-fetch";
  import createClient from "openapi-svelte-query";
  import type { paths } from "./my-openapi-3-schema"; // generated by openapi-typescript

  const fetchClient = createFetchClient<paths>({
    baseUrl: "https://myapi.dev/v1/",
  });

  const api = createClient(fetchClient);

  const query = api.createQuery(
    "get",
    "/blogposts/{post_id}",
    {
      params: {
        path: { post_id: 5 },
      },
    }
  );
</script>

{#if $query.isPending || !$query.data}
  Loading...
{:else if $query.error}
  An error occurred: {$query.error.message}
{:else}
  <div>{$query.data.title}</div>
{/if}
```

## 📝 TODO

- [ ] Write documentation for functions
- [ ] Add support for `fetchQuery` and `fetchInfiniteQuery`
- [ ] Add tests for `prefetchQuery` and `prefetchInfiniteQuery`
- [ ] Add documentation for `prefetchQuery` and `prefetchInfiniteQuery`
npm package: @ounibin/fe-cli
Description: @ounibin/fe-cli 是一款初始化前端项目的工具，提供傻瓜式创建项目，简化新建项目的流程，统一新建项目的规范。
Author: wangkj
Latest version: 0.1.0

## 介绍
@ounibin/fe-cli 是一款初始化前端项目的工具，提供傻瓜式创建项目，简化新建项目的流程，统一新建项目的规范。

## 安装
```
npm install -g @ounibin/fe-cli
```


## 使用
```
fe init my-new-project
```
初始化项目，使用命令行：``` fe init <项目名称> ``` 即可创建项目



## 开发
先安装volta，本项目使用volta来管理node版本，```npm i -g volta```