open-index/open-npm huggingface dataset:
npm package: @gcorreageek/react-excel-workbook
Description: An downloadable excel workbook react component
Author: David Adams
Latest version: 0.0.4

# React Excel Workbook

React Excel Workbook is a library for defining downloadable excel workbooks with react components.

## Example

```jsx
import Workbook from 'react-excel-workbook'

const data1 = [
  {
    foo: '123',
    bar: '456',
    baz: '789'
  },
  {
    foo: 'abc',
    bar: 'dfg',
    baz: 'hij'
  },
  {
    foo: 'aaa',
    bar: 'bbb',
    baz: 'ccc'
  }
]

const data2 = [
  {
    aaa: 1,
    bbb: 2,
    ccc: 3
  },
  {
    aaa: 4,
    bbb: 5,
    ccc: 6
  }
]

const example = (
  <div className="row text-center" style={{marginTop: '100px'}}>
    <Workbook filename="example.xlsx" element={<button className="btn btn-lg btn-primary">Try me!</button>}>
      <Workbook.Sheet data={data1} name="Sheet A">
        <Workbook.Column label="Foo" value="foo"/>
        <Workbook.Column label="Bar" value="bar"/>
      </Workbook.Sheet>
      <Workbook.Sheet data={data2} name="Another sheet">
        <Workbook.Column label="Double aaa" value={row => row.aaa * 2}/>
        <Workbook.Column label="Cubed ccc " value={row => Math.pow(row.ccc, 3)}/>
      </Workbook.Sheet>
    </Workbook>
  </div>
)

render(example, document.getElementById('app'))
```

![Example](http://i.imgur.com/dfhivAs.png)
![Excel](http://i.imgur.com/OnInSNv.png)

Workbooks can have multiple sheets. Sheets can use the same or different data sets(an array of objects).
Sheets have columns. Columns define a column label and value. Values can either be a string(the property name) or a function
that takes the current object and returns a value.

## Dependencies

This package uses [file-saver](https://www.npmjs.com/package/file-saver) and [xlsx](https://www.npmjs.com/package/xlsx) packages. I am only familiar with webpack and in order for everything to work with webpack you must use the [json-loader](https://www.npmjs.com/package/json-loader) and have this defined in your webpack config.

```js
node: {fs: 'empty'},
externals: [
  {'./cptable': 'var cptable'},
  {'./jszip': 'jszip'}
]
```

See the `example` directory for a working example.

## Testing

I have no idea how to test this.
npm package: @gcp-edge/auth
Description: <!-- automd:badges color=yellow -->
Latest version: 0.0.1

# packageName

<!-- automd:badges color=yellow -->

[![npm version](https://img.shields.io/npm/v/packageName?color=yellow)](https://npmjs.com/package/packageName)
[![npm downloads](https://img.shields.io/npm/dm/packageName?color=yellow)](https://npm.chart.dev/packageName)

<!-- /automd -->

This is my package description.

## Usage

Install the package:

```sh
# ✨ Auto-detect (supports npm, yarn, pnpm, deno and bun)
npx nypm install packageName
```

Import:

<!-- automd:jsimport cdn name="pkg" -->

**ESM** (Node.js, Bun, Deno)

```js
import {} from "pkg";
```

**CDN** (Deno, Bun and Browsers)

```js
import {} from "https://esm.sh/pkg";
```

<!-- /automd -->

## Development

<details>

<summary>local development</summary>

- Clone this repository
- Install latest LTS version of [Node.js](https://nodejs.org/en/)
- Enable [Corepack](https://github.com/nodejs/corepack) using `corepack enable`
- Install dependencies using `pnpm install`
- Run interactive tests using `pnpm dev`

</details>

## License

<!-- automd:contributors license=MIT -->

Published under the [MIT](https://github.com/unjs/packageName/blob/main/LICENSE) license.
Made by [community](https://github.com/unjs/packageName/graphs/contributors) 💛
<br><br>
<a href="https://github.com/unjs/packageName/graphs/contributors">
<img src="https://contrib.rocks/image?repo=unjs/packageName" />
</a>

<!-- /automd -->

<!-- automd:with-automd -->

---

_🤖 auto updated with [automd](https://automd.unjs.io)_

<!-- /automd -->
npm package: @gcp-edge/common
Description: <!-- automd:badges color=yellow -->
Latest version: 0.0.1

# packageName

<!-- automd:badges color=yellow -->

[![npm version](https://img.shields.io/npm/v/packageName?color=yellow)](https://npmjs.com/package/packageName)
[![npm downloads](https://img.shields.io/npm/dm/packageName?color=yellow)](https://npm.chart.dev/packageName)

<!-- /automd -->

This is my package description.

## Usage

Install the package:

```sh
# ✨ Auto-detect (supports npm, yarn, pnpm, deno and bun)
npx nypm install packageName
```

Import:

<!-- automd:jsimport cdn name="pkg" -->

**ESM** (Node.js, Bun, Deno)

```js
import {} from "pkg";
```

**CDN** (Deno, Bun and Browsers)

```js
import {} from "https://esm.sh/pkg";
```

<!-- /automd -->

## Development

<details>

<summary>local development</summary>

- Clone this repository
- Install latest LTS version of [Node.js](https://nodejs.org/en/)
- Enable [Corepack](https://github.com/nodejs/corepack) using `corepack enable`
- Install dependencies using `pnpm install`
- Run interactive tests using `pnpm dev`

</details>

## License

<!-- automd:contributors license=MIT -->

Published under the [MIT](https://github.com/unjs/packageName/blob/main/LICENSE) license.
Made by [community](https://github.com/unjs/packageName/graphs/contributors) 💛
<br><br>
<a href="https://github.com/unjs/packageName/graphs/contributors">
<img src="https://contrib.rocks/image?repo=unjs/packageName" />
</a>

<!-- /automd -->

<!-- automd:with-automd -->

---

_🤖 auto updated with [automd](https://automd.unjs.io)_

<!-- /automd -->
npm package: @gcp-edge/tasks
Description: - 프로세스 간소화 - type safe - 개발 환경 지원
Latest version: 0.0.1

# Features
- 프로세스 간소화
- type safe
- 개발 환경 지원


동기화 시에는 pulumi up 사용하니 pulumi.yaml 파일 필요

# 예시
```ts
// nitro.config.ts
{
    modules: [
        nitroCloudTasks({
            /**
             * 모든 요청이 내 개발서버 엔드포인트로 감
             */
            dev: true,
            baseURL: '',
            configPath: './server/config/cloudtask.config.ts',
            auth: {},
        })
    ]
}
```

# defineCloudTaskQueues
pulumi로 동기화하기 위해 task queue들을 정의 (런타임에는 사용하지 않음)
```ts
const { output } = defineCloudTaskQueues<{
    'delete-all-article': Param,
}>({
    'delete-all-article': {
        args: {
            location: '',
            httpTarget: {
                uriOverride: {
                    host: '',
                },
            }
        },
    }
});
export { output }
```

```ts
await runCloudTask('delete-all-article', {
    // payload
}, {
    httpMethod,
});
await runCloudTask('notify', formData);
```

# full usecase
```ts
type Queues = {
    'delete-all-articles': DeleteArticlePayload,
};
const { output } = await defineCloudTaskQueues<Queues>({ ... });
export const { runCloudTask } = createRunCloudTask<Queues>({
    dev: true,
    baseURL: '...',
});

```
npm package: @gcpaas/dash-board-ui
Description: 自定义仪表盘
Author: gc-starter
Latest version: 1.0.1-2024062702

## 📚简介

🔥基于SpringBoot、MyBatisPlus、ElementUI、G2Plot、Echarts等技术栈的仪表盘设计器，具备仪表盘目录管理、仪表盘设计、仪表盘预览能力，支持MySQL、Oracle、PostgreSQL、JSON等数据集接入，对于复杂数据处理还可以使用Groovy脚本数据集，使用简单，完全免费，代码开源。

<p align="center">
    <img alt="stars" src="https://gitee.com/gcpaas/DashBoard/badge/star.svg?theme=dark">
    <img alt="forks" src="https://gitee.com/gcpaas/DashBoard/badge/fork.svg?theme=dark">
    <img alt="GitHub license" src="https://img.shields.io/badge/license-Apache%20License%202.0-blue.svg">
    <img alt="npm" src="https://img.shields.io/npm/v/@gcpaas/dash-board-ui">
    <img alt="Maven Central" src="https://img.shields.io/maven-central/v/com.gccloud/dashboard-core">
    <img alt="Company" src="https://img.shields.io/badge/Author-科大国创云网科技有限公司-blue.svg">
    <img alt="QQ" src="https://img.shields.io/badge/QQ-322302395-blue.svg">
</p>

-------------------------------------------------------------------------------

## 效果图

<img alt="logo" src="https://gitee.com/gcpaas/DashBoard/raw/master/doc/images/design01.png">


## 优势

* 一站式仪表盘解决方案，从**数据处理**->**仪表盘设计**->**仪表盘预览**->**生产使用**
* 支持**多种数据集接入**，可用于生产
* 支持🔥**独立部署**，不对原有工程产生影响
* 支持🔥**嵌入式集成**，与项目无缝融合，引入依赖包即可，无其他系统框架依赖，减少运维成本
* 支持自定义接口权限、数据权限，轻松对接🔥**Shiro、Security**等认证框架，保证仪表盘数据安全


## 功能
- [x] 支持仪表盘管理、设计、预览、导出、集成
- [x] 支持文本、图片、轮播表、排名表、翻牌器、基础表格、倒计时、系统时间、外链
- [x] 支持基础折线图、梯形图、柱状图、面积图、条形图、饼图、环图、水波图、仪表盘、进度条、词云图、雷达图、漏斗图等
- [x] 支持资源管理，包含LOGO、3D图标、商务科技图、卡通手绘图、简约背景图、仪表盘背景图等上百个仪表盘设计资源，资源支持自定义上传
- [x] 支持组件管理，支持组件化设计，一键复用组件
- [x] 支持数据源管理，支持MySQL、ClickHouse、PostgreSQL、Oracle
- [x] 支持数据集管理，支持原始数据集、自助数据集、存储过程数据集、JSON数据集、脚本数据集、HTTP数据集，接入不同来源数据
- [x] 支持自定义接口权限、数据权限，保证仪表盘数据安全
- [x] 支持组件自定义规范，按照规范开发自己的大屏组件，满足特殊需求，如：自定义网络拓扑

## 快速开始
<a href="https://www.yuque.com/chuinixiongkou/bigscreen/ofy1bqhqgua1fu0f" target="_blank">快速开始</a>

## 演示DEMO

<a href="http://gcpaas.gccloud.com/dashboard" target="_blank"> http://gcpaas.gccloud.com/dashboard </a>
<span style="color: red">（请不要在演示环境中放入生产数据）</span>

## 常见问题

* [使用手册、二次开发、部署手册、常见问题](https://www.yuque.com/chuinixiongkou/dashboard/index)
* [代码仓库(GitHub)](https://github.com/gcpaas/DashBoard)、[代码仓库(码云)](https://gitee.com/gcpaas/DashBoard)


## 联系我们

<p>
    <img alt="logo" width="200" src="https://gitee.com/gcpaas/DashBoard/raw/master/doc/images/qq.png">
</p>

## License

Apache License 2.0