open-index/open-npm huggingface dataset:
npm package: @icode-run/base-chart
Description: ```jsx render=true import BarChart from 'base-component/BarChart';
Latest version: 1.0.7

# BarChart

```jsx render=true
import BarChart from 'base-component/BarChart';

<BarChart
  className={''}
  global={{}}
  style={{height: '300px'}}
  dimensionConfig={[
    {
      "autoDimensions":false,
      "structureType":"string",
      "dimensions":[
          {"label":"安徽","value":"安徽"},
          {"label":"浙江","value":"浙江"}
        ],
      "dataKeyName":"shippingOrderListQuery",
      "dataTitle":"获取司机列表数据",
      "structureKeyName":"fromProvince",
      "structureTitle":"省(发货地)"
    }
  ]}
  measureConfig={[
    {
      "keyName":"taxFreight",
      "title":"打包费用",
      "structureType":"number",
      "collectType":"总和",
      "chartType":"bar",
      "stack":"",
      "unit":"",
      "math":""
    }
  ]}
  chartType={'bar'}
  setState={(payload) => {
    console.log('setState', payload);
  }}
  onFetch={(payload) => {
    console.log('setState', payload);
  }}
  data={[
    {fromProvince: '浙江', taxFreight: 20},
    {fromProvince: '浙江', taxFreight: 20},
    {fromProvince: '浙江', taxFreight: 20},
    {fromProvince: '安徽', taxFreight: 50},
    {fromProvince: '浙江', taxFreight: 30},
    {fromProvince: '安徽', taxFreight: 5},
  ]}
  isLoading={false}
  >

</BarChart>
```
npm package: @icode-run/cli
Description: Icode脚手脚
Author: ront.tian
Latest version: 1.1.16

# @icode-run/cli 脚手脚

## 安装到全局

```bash
npm i @icode-run/cli -g
```

## 脚手架提供的命令

```bash
/* 可以在终端输入：my, 打印以下内容 */

Usage: my [options] [command]

Options:
  -h, --help         display help for command

Commands:
  start [port=3001]  start run project
  build              build project
  pack               pack components
  help [command]     display help for command
```

## 脚手架的配置

```jsx
/* runner.config.js */
const path = require('path');

module.exports = {
  publicPath: '/', // 子应用base路径， 默认为包名
  outputPath: './dist', // 打包文件输出地址；配置值时，基于项目根目录，默认为：'./libDist'
  lessVariables: {},
  webpackConfig: (config, options) => {
    config.resolve.alias = {
      '@resources': path.resolve(__dirname, 'src'),
      '@/utils/request': path.resolve(__dirname, 'src/utils/request'),
      '@router': path.resolve(__dirname, 'src/router'),
    };
    config.devServer.proxy = {
      '/api': {
        target: 'http://127.0.0.1:2001/',
        changeOrigin: true,
      }
    };

    config.plugins.push(
      new options.moduleFederationPlugin({
        name: 'app2',
        shared: {
          react: { singleton: true },
          'react-dom': { singleton: true },
        },
      }),
    );

    return config;
  },
};


```
npm package: @icode-run/column
Description: @icode-run/column
Latest version: 1.0.7

# Column

```jsx render=true
import Column from 'base-component/Column';

<Column>
  <div style={{width: '200px', height: '200px', background: '#ff0000'}}></div>
  <div style={{width: '200px', height: '200px', background: '#000'}}></div>
</Column>
```
npm package: @icode-run/container
Description: @icode-run/container
Latest version: 1.0.7

# Container

```jsx render=true
import Container from 'base-component/Container';

<Container direction="row">
  <div style={{width: '200px', height: '200px', background: '#ff0000'}}></div>
  <div style={{width: '200px', height: '200px', background: '#000'}}></div>
</Container>
```
npm package: @icode-run/countup
Description: @icode-run/countup
Latest version: 1.0.7

# Container

```jsx render=true
import Container from 'base-component/Container';

<Container direction="row">
  <div style={{width: '200px', height: '200px', background: '#ff0000'}}></div>
  <div style={{width: '200px', height: '200px', background: '#000'}}></div>
</Container>
```
npm package: @icode-run/react-monaco
Description: @icode-run/react-monaco
Latest version: 1.0.7

# @icode-run/row

横向排布

```
import Row from '@icode-run/row';

<Row>
  <div style={{width: '200px', height: '200px', background: '#ff0000'}}></div>
  <div style={{width: '200px', height: '200px', background: '#000'}}></div>
</Row>
```
npm package: @icode-run/row
Description: @icode-run/row
Latest version: 1.0.7

# @icode-run/row

横向排布

```
import Row from '@icode-run/row';

<Row>
  <div style={{width: '200px', height: '200px', background: '#ff0000'}}></div>
  <div style={{width: '200px', height: '200px', background: '#000'}}></div>
</Row>
```
npm package: @icode-run/table
Description: @icode-run/table
Latest version: 1.0.9

# @icode-run/table

表格

```jsx render=true
import Table from '@icode-run/table';

<Table
    global={{}}
    columns={[
        {"keyName":"fromProvince","title":"省(发货地)"},
        {"keyName":"fromCity","title":"市(发货地)"},
        {"keyName":"taxFreight","title":"打包费用"}
      ]}
    setState={(payload) => {
      console.log(payload);
    }}
    onFetch={(payload) => {
      console.log('onFetch', payload);
    }}
    data={[
        {fromProvince: '北京', fromCity: '北京', taxFreight: 20},
        {fromProvince: '浙江', fromCity: '杭州', taxFreight: 10},
      ]}
    isLoading={false}
  />

```
npm package: @icode-run/utils
Description: ``` rollup ./es/index.js --format cjs --file ./cjs/index.js rollup ./es/dimension.js --format cjs --file ./cjs/dimension.js rollup ./es/utils.js --format cjs --file ./cjs/utils.js rollup ./es/dataType.js --format cjs --file ./cjs/dataType.js ```
Latest version: 0.1.19


```
rollup ./es/index.js --format cjs --file ./cjs/index.js
rollup ./es/dimension.js --format cjs --file ./cjs/dimension.js
rollup ./es/utils.js --format cjs --file ./cjs/utils.js
rollup ./es/dataType.js --format cjs --file ./cjs/dataType.js
```
npm package: @icodeuplay/eslint-config
Description: Eslint Configurations for Icodeuplay Projects
Author: Marcio Alves Barroso
Latest version: 0.0.1

# Icodeuplay ESLint config

## Whats included?

- Standard config base;
- React plugin;
- React Hooks plugin;
- JSX a11y plugin;
- Prettier;

## Setup

### React (with Next.js)

Install dependencies:
```
npm i -D eslint @icodeuplay/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": [
    "@icodeuplay/eslint-config/next", 
    "next/core-web-vitals"
  ]
}
```

### React (without Next.js)

Install dependencies:
```
npm i -D eslint @icodeuplay/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": "@icodeuplay/eslint-config/react"
}
```

### Node.js

Install dependencies:
```
npm i -D eslint @icodeuplay/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": "@icodeuplay/eslint-config/node"
}
```
npm package: @icoding/textarea
Description: iCoding ai for textarea
Author: quany@live.com
Latest version: 0.2.0

![智能富文本组件](https://aifix.oss-cn-beijing.aliyuncs.com/static/temp/img/icoding_textarear.gif)

# 智能富文本组件

> 为富文本组件提供智能提示功能,增强用户输入体验;关注公众号,随意打赏该[文章](https://mp.weixin.qq.com/s/vW7Ntk4H3oBi-S3zQFptIA)即可获得API Key.

![微信公众号](https://aifix.oss-cn-beijing.aliyuncs.com/static/temp/img/public_weixin.png?x-oss-process=image/resize,h_100,m_lfit)

## 安装

可以通过 npm 或 yarn 安装此组件：

```zsh
npm install @icoding/textarea --save
```

或者

```zsh
yarn add @icoding/textarea
```

## 使用

下面是一个简单的示例，展示了如何在 React 应用中使用此组件：

```jsx
import React, { useState } from "react";
import { Textarea } from "@icoding/textarea";

function EmailContent() {
    const [content, setContent] = useState("");
    return (
        <Textarea
            className="custom-textarea-class"
            apiKey="关注公众号:A1C0ding，随意打赏即可获得API Key"
            value={content}
            onValueChange={(value: string) => setContent(value)}
            placeholder="请输入您的内容"
            autosuggestionsConfig={{
              textareaPurpose: "这里面的内容是回复邮件的内容",
              chatApiConfigs: {},
            }}
        />
    );
}
```

### 配置项

* __apiKey__ *(String)* - 组件的API Key，智能提示功能需要配置，关注公众号,随意打赏该[文章](https://mp.weixin.qq.com/s/vW7Ntk4H3oBi-S3zQFptIA)即可获得API Key

* __autosuggestionsConfig__ *(必选项)* - 提示配置项目.

    配置项目有以下:

  * __textareaPurpose__ *(String)* -  textarea 用途提示.

  * __chatApiConfigs__ *(Object)* - 对接Chat API 配置.

## 统计

![Alt](https://repobeats.axiom.co/api/embed/bfaa169ca2ffcad702bdc2f450e122f87f1baf79.svg "Repobeats analytics image")

## 成员

> 欢迎加入我们！

<a href="https://github.com/quany/textarea/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=quany/textarea" />
</a>


## 群聊
![企业微信群聊](https://aifix.oss-cn-beijing.aliyuncs.com/static/temp/img/contact_me_qr.png?x-oss-process=image/resize,h_100,m_lfit)
npm package: @icogenie/cli
Description: Generate production-ready SVG icons from text descriptions using AI
Author: ICOGenie
Latest version: 0.4.1

# ICOGenie CLI

[![npm version](https://img.shields.io/npm/v/@icogenie/cli.svg)](https://www.npmjs.com/package/@icogenie/cli)
[![npm downloads](https://img.shields.io/npm/dm/@icogenie/cli.svg)](https://www.npmjs.com/package/@icogenie/cli)
[![Node.js Version](https://img.shields.io/node/v/@icogenie/cli.svg)](https://nodejs.org)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

Generate production-ready SVG icons from text descriptions using AI.

## Installation

```bash
npm install -g @icogenie/cli
```

Or with pnpm:

```bash
pnpm add -g @icogenie/cli
```

## Quick Start

```bash
# Login to your ICOGenie account
icogenie login

# Generate an icon
icogenie generate "a friendly robot assistant icon"

# Export to SVG and PNG
icogenie export <generationId>
```

## Commands

### Authentication

```bash
# Login via browser
icogenie login

# Show current user
icogenie whoami

# Logout
icogenie logout
```

### Generation

```bash
# Generate a single icon
icogenie generate "a coffee cup icon"

# Generate with variations
icogenie generate "a rocket icon" --variations 4

# Generate outline style
icogenie generate "a heart icon" --style outline

# Save preview to custom path
icogenie generate "a star icon" --output ./my-icon.png
```

### Export

```bash
# Export icon bundle (SVG + PNGs)
icogenie export <generationId>

# Export to custom directory
icogenie export <generationId> --output ./icons
```

The export includes:
- `icon.svg` - Scalable vector graphic
- `png/icon-16.png` - 16x16 favicon
- `png/icon-32.png` - 32x32 favicon
- `png/icon-192.png` - 192x192 app icon
- `png/icon-512.png` - 512x512 app icon
- `meta.html` - Ready-to-use HTML meta tags
- `README.md` - Usage instructions

### Daily Credits

```bash
# Claim 2 free credits (once per 24h)
icogenie daily-claim
```

### Billing

```bash
# Check credit balance
icogenie credits

# Open billing page
icogenie billing
```

## Pricing

- **Generate preview**: 1 credit
- **Export SVG bundle**: 5 credits
- **Free credits on signup**: 8 credits
- **Daily claim**: 2 free credits (once per 24h)

Purchase more credits at [www.icogenie.xyz/billing](https://www.icogenie.xyz/billing)

## Configuration

Configuration is stored in `~/.icogenie/config.json`

Drafts (previews) are stored in `~/.icogenie/drafts/`

### Environment Variables

- `ICOGENIE_API_URL` - Override API endpoint (for development)

## Requirements

- Node.js 18 or higher
- `unzip` command for automatic extraction (optional, falls back to ZIP file)

## Links

- [Website](https://www.icogenie.xyz)
- [Documentation](https://www.icogenie.xyz/docs)
- [MCP Server](https://www.npmjs.com/package/@icogenie/mcp) - Use with Claude Desktop / Claude Code
- [Issues](https://github.com/icogenie/icogenie/issues)

## License

MIT
npm package: @icokie/cypress-webhooksite
Description: Simple library that adds webhook.site commands for email testing with cypress.io
Author: icokie
Latest version: 2.0.2

# Cypress-Webhooksite
[![Buy me a beer](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://paypal.me/troinoff)

Simple library which adds [webhook.site](https://docs.webhook.site) commands into  [cypress.io](https://docs.cypress.io)

![npm version](https://img.shields.io/npm/v/@icokie/cypress-webhooksite.svg)
![package size minified](https://img.shields.io/bundlephobia/min/@icokie/cypress-webhooksite?style=plastic)
[![](https://data.jsdelivr.com/v1/package/npm/@icokie/cypress-webhooksite/badge)](https://www.jsdelivr.com/package/npm/@icokie/cypress-webhooksite)

![total downloads](https://img.shields.io/npm/dt/@icokie/cypress-webhooksite.svg)
![total downloads per year](https://img.shields.io/npm/dy/@icokie/cypress-webhooksite.svg)
![total downloads per week](https://img.shields.io/npm/dw/@icokie/cypress-webhooksite.svg)
![total downloads per month](https://img.shields.io/npm/dm/@icokie/cypress-webhooksite.svg)

### Email e2e testing:
- add import to cypress `commands`
```typescript
import '@icokie/cypress-webhooksite'
```

- add tasks into `cypress.config.ts`
```typescript
import {defineConfig} from 'cypress'
import {tasks} from '@icokie/cypress-webhooksite/lib/tasks'

export default defineConfig({
    e2e: {
        setupNodeEvents(on, config) {
            on('task', tasks)
        },
    },
})
```

- connect types in `tsconfig.json`
```json
{
  "compilerOptions": {
    "types": ["cypress", "@icokie/cypress-webhooksite"]
  }
}
```
- use it in your CY `test` files
```typescript jsx
describe('Email', () => {
    before(() => {
        // request test email
        cy.getWebHookSiteToken().as('emailRequest')
    })

    it('should receive email after user submits subscribe form', () => {
        cy.visit('http://localhost:5000')

        cy.findByLabelText('Name').should('be.empty').type('Test name')

        cy.get('@emailRequest').then((response) => {
            const { email } = response

            // type email into form
            cy.findByLabelText('Email').should('be.empty').type(email)
        })

        // send email form
        cy.findByRole('button').should('be.enabled').click()

        cy.get('@emailRequest').then((response) => {
            const { uuid } = response

            return cy.getWebHookSiteTokenRequests(uuid, undefined, 30000).then((response) => {
                // get latest email request from email server
                const {data: [latestRequest]} = response

                // check if email contains message which was sent
                cy.wrap(latestRequest.content).should('contain', 'Congratulations you are subscribed :) stay tuned!!!!')

                // delete email when not needed :)
                cy.deleteWebHookSiteToken(uuid)
            });
        })
    })
})
```

### That's it!
npm package: @icokie/filepath
Description: Get path to file by it's name
Author: icokie
Latest version: 1.0.0

# file-path

Micro library for working with relative and absolute paths related to file name

![npm version](https://img.shields.io/npm/v/@icokie/filepath.svg)
![package size minified](https://img.shields.io/bundlephobia/min/@icokie/filepath?style=plastic)

![total downloads](https://img.shields.io/npm/dt/@icokie/filepath.svg)
![total downloads per year](https://img.shields.io/npm/dy/@icokie/filepath.svg)
![total downloads per week](https://img.shields.io/npm/dw/@icokie/filepath.svg)
![total downloads per month](https://img.shields.io/npm/dm/@icokie/filepath.svg)

### Usage:

Useful when you need to know relative path to file by its name

```typescript

import { getRelativeFileName, getRelativePathToFile } from '@icokie/filepath';

const relativePathWithFileNameToPackageJsonFromCWD = getRelativeFileName('package.json');
// if CWD is project root then will return just file name 'pakcage.json'
// if CWD is project src  then will return '../pakcage.json'

const relativePathToPackageJsonFromCWD = getRelativePathToFile('package.json');
// if CWD is project root then will return just file name '.'
// if CWD is project src  then will return '..'

```
### That's it!