open-index/open-npm huggingface dataset:
npm package: @img-comparison-slider/react
Description: React wrapper for img-comparison-slider
Latest version: 8.0.2

# ImgComparisonSlider

[![npm package](https://img.shields.io/npm/v/@img-comparison-slider/react.svg)](https://www.npmjs.com/package/@img-comparison-slider/react)

React wrapper for
[img-comparison-slider](https://github.com/sneas/img-comparison-slider) component.

Usage examples: [https://img-comparison-slider.sneas.io/examples.html](https://img-comparison-slider.sneas.io/examples.html)

![Example](https://raw.githubusercontent.com/sneas/img-comparison-slider/master/docs/example.gif)

## Installation

```
yarn add @img-comparison-slider/react
```

## Usage

```jsx
import { ImgComparisonSlider } from '@img-comparison-slider/react';

// ...
render() {
  return (
    <ImgComparisonSlider>
      <img slot="first" src="https://img-comparison-slider.sneas.io/demo/images/before.webp" />
      <img slot="second" src="https://img-comparison-slider.sneas.io/demo/images/after.webp" />
    </ImgComparisonSlider>
  );
}
```
npm package: @img-comparison-slider/vue
Description: Vue wrapper for img-comparison-slider
Latest version: 8.0.0

# ImgComparisonSlider

[![npm package](https://img.shields.io/npm/v/@img-comparison-slider/vue.svg)](https://www.npmjs.com/package/@img-comparison-slider/vue)

**Vue3** wrapper for
[img-comparison-slider](https://github.com/sneas/img-comparison-slider) component.

Refer to this [doc](https://github.com/sneas/img-comparison-slider/blob/master/docs/installation/vue.md) for **Vue2** support.

Usage examples: [https://img-comparison-slider.sneas.io/examples.html](https://img-comparison-slider.sneas.io/examples.html)

![Example](https://raw.githubusercontent.com/sneas/img-comparison-slider/master/docs/example.gif)

## Installation

```
npm install --save @img-comparison-slider/vue
```

## Usage

```vue
<template>
  <ImgComparisonSlider>
    <!-- eslint-disable -->
    <img
      slot="first"
      style="width: 100%"
      src="https://img-comparison-slider.sneas.io/demo/images/before.webp"
    />
    <img
      slot="second"
      style="width: 100%"
      src="https://img-comparison-slider.sneas.io/demo/images/after.webp"
    />
    <!-- eslint-enable -->
  </ImgComparisonSlider>
</template>

<script>
import { ImgComparisonSlider } from '@img-comparison-slider/vue';

export default {
  name: 'ExampleComponent',
  components: {
    ImgComparisonSlider,
  },
};
</script>
```
npm package: @img/colour
Description: The ESM-only 'color' package made compatible for use with CommonJS runtimes
Latest version: 1.1.0

# `@img/colour`

The latest version of the
[color](https://www.npmjs.com/package/color)
package is now ESM-only,
however some JavaScript runtimes do not yet support this,
which includes versions of Node.js prior to 20.19.0.

This package converts the `color` package and its dependencies,
all of which are MIT-licensed, to CommonJS.

- [color](https://www.npmjs.com/package/color)
- [color-convert](https://www.npmjs.com/package/color-convert)
- [color-string](https://www.npmjs.com/package/color-string)
- [color-name](https://www.npmjs.com/package/color-name)
npm package: @imgcook/ajx-export
Description: plugin template
Latest version: 0.0.8

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/amap-activity-save
Description: plugin template
Latest version: 0.0.1

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/folder-rename
Description: plugin template
Latest version: 0.0.2

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data, filePath, config } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/hm-replace-component
Description: 毫末科技生成代码后替换组件的插件
Latest version: 0.0.8

# 毫末科技imgcook组件替换插件

> 官网：[https://haomo-tech.com](https://haomo-tech.com)

> 作者：胡小根

> 邮箱：hxg@haomo-studio.com

## 安装和使用

### 安装

```bash
npm install -g nyc
npm install
```

### 使用

## 参考
npm package: @imgcook/lego-module-genarate
Description: plugin template
Latest version: 0.1.1

# @imgcook/lego-module-genarate

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/loader-react-component-standard
Description: 将 imgcook React 开发规范导出的 React 组件标准化
Author: danielz89
Latest version: 0.0.4

# **loader-react-component-standard**
将 imgcook React 开发规范导出的 React 组件标准化

## 安装
<font color="#333">安装依赖 imgcook-cli</font>
```
imgcook install loader --name @imgcook/loader-react-component-standard
```

## 说明
* 默认会导入 style.css ，建议开发者根据需求，通过打包器进行单位转换
* 组件名称会使用当前所在的目录名称，目录名称建议使用小写横线命名规则，如：card-list

## 示例
imgcook 导出的代码
```javascript
class DvcComponent extends React.Component {
  render() {
    return (
      <div className="box">
        <img
          className="floorBg"
          src={"./images/img_9990_0_3.png"}
        />
      </div>
    );
  }
}
ReactDOM.render(<DvcComponent />, document.getElementById('container'));
```

标准化后
```javascript
import React, { Component } from 'react';
import './style.css';

class CardList extends Component {
  render() {
    return (
      <div className="box">
        <img
          className="floorBg"
          src={require('./images/img_9990_0_3.png')}
        />
      </div>
    );
  }
}

export default CardList;
```

## 使用
```
# 拉取模块代码
imgcook pull <moduleid> --path <path>
```
### 组件名称会使用 path 的目录名称
示例 <br />
```
imgcook pull 12345 --path card-list
```
输出
```javascript
class CardList extends Component { ... }
```

## 如何贡献
如果您在使用的过程中碰到问题，可以先通过 issues 看看有没有类似的 bug 或者建议。
npm package: @imgcook/my-plugin-images
Description: plugin template
Latest version: 0.0.1

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-dy-domain
Description: plugin template
Latest version: 0.0.1

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-dynamic-image
Description: plugin template
Latest version: 0.0.3

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-ihome
Description: plugin template
Latest version: 0.0.1

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-ihome-app
Description: ihome generate plugin
Author: xiaotian.zy
Latest version: 1.0.2

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-image-oss
Description: plugin template
Latest version: 0.0.7

# @imgcook/plugin-image-oss

`imgcook config edit`

写入 oss 配置

```
{
  "accessId": "xxxx",
  "dslId": "xxx",
  "generator": [],
  "plugin": [
    "@imgcook/plugin-image-oss",
    "@imgcook/plugin-generate"
  ],
  "oss": {
    "bucket": "xxx",
    "region": "xxx",
    "accessKeyId": "xxx",
    "accessKeySecret": "xxx"
  }
}

```
npm package: @imgcook/plugin-image-qiniu
Description: plugin template
Latest version: 0.0.7

# imgcook 上传7牛插件

imgcook 上传7牛CDN插件，支持将imgcook生成的图片同时下载至本地，并上传至7牛CDN。

## 配置

使用之前需要在`home`路径下配置7牛的相关信息。Mac的路径放在：

    /Users/xxxxx/.imgcook/.qiniu

Linux & Windows暂未测试。

### 配置内容

    {
      "AK": "7牛的AK",
      "SK": "7牛的SK",
      "BK": "用于上传的7牛bucket",
      "prefix": "xxxxx/",
      "host": "https://your.domain/"
    }

`AK`和`SK`在7牛的个人中心获取，BK是你要上传的7牛空间，`prefix`指上传的目录，`host`是你的7牛自定义域名。

## 安装使用

1. 团队后台设置添加 `@imgcook/plugin-image-qiniu`
2. imgcook-cli中也要添加 `@imgcook/plugin-image-qiniu`

## 更多内容

[我的博客](https://yqc.im)
npm package: @imgcook/plugin-images-zh
Description: plugin-images-zh
Author: stp
Latest version: 0.0.2

# @imgcook/plugin-images-zh

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-img
Description: plugin template
Latest version: 0.0.2

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-lm-images
Description: plugin template
Latest version: 0.0.2

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-mifang
Description: plugin template
Latest version: 0.0.7

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-mifang-npm
Description: plugin template
Latest version: 0.0.1

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-react-mod-add
Description: plugin-react-mod-add
Latest version: 0.0.5

# @imgcook/plugin-react-mod-add

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-scss
Description: plugin template
Latest version: 0.0.2

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-shuxu-test
Description: plugin template
Latest version: 0.0.1

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-shuxu-test-a
Description: plugin template
Latest version: 0.0.17

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-tinyimg
Description: plugin template
Latest version: 0.0.14

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-tmg-folder
Description: plugin template
Latest version: 0.0.2

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-tmg-generate
Description: plugin template
Latest version: 0.0.15

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-tzedu
Description: plugin template
Latest version: 0.0.1

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-umi-ts
Description: plugin template
Latest version: 0.0.5

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/plugin-ymt
Description: plugin template
Latest version: 0.0.2

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/pui-refactor
Description: plugin template
Latest version: 0.0.2

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/saascrm
Description: saascrm
Latest version: 0.0.6

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/transfer
Description: plugin template
Latest version: 0.0.28

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgcook/uni-plugin-images
Description: plugin template
Latest version: 0.0.1

# @imgcook/plugin-example

When using imgcook to generate export code, we take into account the requirements of processing code products (template + style + JS) generated by imgcook platform (such as automatically uploading pictures to our own image space, file directory conversion, etc.), so we open plugin ecological mechanism to provide these capabilities for you to use, and hope to be interested We can build together.

## Develop

```javascript
/**
 * @name plugin example
 * @param option: { data, filePath, config }
 * - data: module and generate code Data
 * - filePath: Pull file storage directory
 * - config: cli config
 */

const pluginHandler = async options => {
  let { data } = options;
  // body...
  return data;
};

module.exports = (...args) => {
  return pluginHandler(...args).catch(err => {
    console.log(err);
  });
};
```

## Reference Example

- Example 1：https://github.com/imgcook-plugin/plugin-react-mod-add
- Example 2：https://github.com/imgcook-plugin/plugin-generate
- Example 3: https://github.com/imgcook-plugin/plugin-images
npm package: @imgdrop/dds
Description: [![CI](https://github.com/imgdrop/dds.js/workflows/CI/badge.svg?branch=master)](https://github.com/imgdrop/dds.js/actions) [![NPM size](https://img.shields.io/bundlephobia/min/@imgdrop/dds)](https://npmjs.com/package/@imgdrop/dds)
Latest version: 1.0.0

# `@imgdrop/dds`

[![CI](https://github.com/imgdrop/dds.js/workflows/CI/badge.svg?branch=master)](https://github.com/imgdrop/dds.js/actions)
[![NPM size](https://img.shields.io/bundlephobia/min/@imgdrop/dds)](https://npmjs.com/package/@imgdrop/dds)

The DDS decoder used by [Image Drop](https://imgdrop.app). Supports DXT1 to DXT5. DX10 mode and DXT1 alpha is not currently supported.
npm package: @imgdrop/pnm
Description: [![CI](https://github.com/imgdrop/pnm.js/workflows/CI/badge.svg?branch=master)](https://github.com/imgdrop/pnm.js/actions) [![NPM size](https://img.shields.io/bundlephobia/min/@imgdrop/pnm)](https://www.npmjs.com/package/@imgdrop/pnm)
Latest version: 1.0.2

# `@imgdrop/pnm`

[![CI](https://github.com/imgdrop/pnm.js/workflows/CI/badge.svg?branch=master)](https://github.com/imgdrop/pnm.js/actions)
[![NPM size](https://img.shields.io/bundlephobia/min/@imgdrop/pnm)](https://www.npmjs.com/package/@imgdrop/pnm)

The PNM decoder used by [Image Drop](https://imgdrop.app). Supports PBM, PGM, PPM and PAM.
npm package: @imgerrygo/agentpay-sdk
Description: The payment layer for autonomous AI agents
Latest version: 0.1.0

# AgentPay SDK

The payment layer for autonomous AI agents. Send stablecoin payments from AI agents with programmable guardrails on Base.

## Installation

```bash
npm install agentpay
```

## Quick Start

```typescript
import AgentPay from 'agentpay';

const ap = new AgentPay({ apiKey: 'ap_your_key_here' });

// Send a payment
const result = await ap.pay({
  agentId: 'trading-bot-001',
  amount: 5.00,
  token: 'USDC',
  recipient: '0x742d35Cc6634C0532925a3b844Bc9e7595f2bD2C',
  reason: 'API access fee',
});

console.log(result.status);  // "approved"
console.log(result.tx_hash); // "0x..."
```

## API

### `new AgentPay(config)`

| Parameter | Type | Required | Description |
|-----------|------|----------|-------------|
| `apiKey` | `string` | Yes | Your API key (starts with `ap_`) |
| `baseUrl` | `string` | No | API base URL (default: `http://localhost:8000`) |

### `ap.pay(params)`

Send a payment from an agent wallet.

```typescript
const result = await ap.pay({
  agentId: 'bot-001',
  amount: 10,
  token: 'USDC',
  recipient: '0x...',
  reason: 'Payment description',
});
```

### `ap.getTransactions(limit?)`

Fetch recent transactions.

```typescript
const txns = await ap.getTransactions(25);
```

### `ap.health()`

Check API health status.

```typescript
const status = await ap.health();
console.log(status.network); // "base-sepolia"
```

### `ap.createKey(name)`

Create a new API key.

```typescript
const key = await ap.createKey('my-bot-key');
console.log(key.key); // "ap_..." — store securely
```

## Error Handling

```typescript
import AgentPay, { AgentPayError } from 'agentpay';

try {
  await ap.pay({ ... });
} catch (err) {
  if (err instanceof AgentPayError) {
    console.error(err.message);    // "Amount exceeds per-transaction cap"
    console.error(err.statusCode); // 422
  }
}
```

## Guardrails

All payments are checked against spending policies:
- **Per-transaction cap**: Max $100 USDC
- **Daily limit**: Max $500 USDC per agent per 24h

## License

MIT