Image Control Net Preprocess with Runware API on New Generation Image Update (Instant) from All-Images.ai API

Pipedream makes it easy to connect APIs for Runware, All-Images.ai and 2,900+ other apps remarkably fast.

Trigger workflow on

New Generation Image Update (Instant) from the All-Images.ai API

Next, do this

Image Control Net Preprocess with the Runware API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a All-Images.ai trigger and Runware action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Generation Image Update (Instant) trigger
1. Connect your All-Images.ai account
Configure the Image Control Net Preprocess action
1. Connect your Runware account
2. Configure Input Image
3. Optional- Select a Output Type
4. Optional- Select a Output Format
5. Optional- Configure Include Cost
6. Optional- Select a Preprocessor Type
7. Configure Height
8. Configure Width
9. Optional- Configure Low Threshold Canny
10. Optional- Configure High Threshold Canny
11. Optional- Configure Include Hands and Face OpenPose
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Details#

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger#

New Generation Image Update (Instant) on All-Images.ai

Description:Emit new event when the generation status of an image gets updated.

Version:0.0.1

Key:all_images_ai-new-generation-image-update-instant

View on GitHub

All-Images.ai Overview#

The All-Images.ai API serves as a tool for processing images through AI-driven methods. With this API, you can enhance images, deblur them, remove backgrounds, and much more. All-Images.ai becomes more powerful when integrated into Pipedream’s serverless platform, allowing you to automate image processing in workflows that connect with other apps. You can trigger workflows with HTTP requests, email, and over 800 Pipedream-supported apps. These automations can save time and enhance productivity, especially for tasks involving bulk image processing or real-time image manipulation.

Trigger Code#

import allImagesAi from "../../all_images_ai.app.mjs";
import sampleEmit from "./test-event.mjs";

export default {
  key: "all_images_ai-new-generation-image-update-instant",
  name: "New Generation Image Update (Instant)",
  description: "Emit new event when the generation status of an image gets updated.",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    allImagesAi,
    db: "$.service.db",
    http: "$.interface.http",
  },
  methods: {
    _getHookId() {
      return this.db.get("hookId");
    },
    _setHookId(hookId) {
      this.db.set("hookId", hookId);
    },
  },
  hooks: {
    async activate() {
      const { webhookId } = await this.allImagesAi.createWebhook({
        data: {
          url: this.http.endpoint,
          events: [
            "print.created",
            "print.active",
            "print.progress",
            "print.failed",
            "print.completed",
          ],
        },
      });
      this._setHookId(webhookId);
    },
    async deactivate() {
      const hookId = this._getHookId();
      await this.allImagesAi.deleteWebhook(hookId);
    },
  },
  async run({ body }) {
    this.$emit(body, {
      id: body.id,
      summary: `Image generation status updated for image ID: ${body.type}`,
      ts: Date.parse(body.created),
    });
  },
  sampleEmit,
};

Trigger Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.

Label	Prop	Type	Description
All-Images.ai	`allImagesAi`	`app`	This component uses the All-Images.ai app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
N/A	`http`	`$.interface.http`	This component uses `$.interface.http` to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the `run()` method of the component.

Trigger Authentication#

All-Images.ai uses API keys for authentication. When you connect your All-Images.ai account, Pipedream securely stores the keys so you can easily authenticate to All-Images.ai APIs in both code and no-code steps.

About All-Images.ai#

Take advantage of unique, original, exclusive, personalized and royalty-free visuals for all your projects.

Action#

Image Control Net Preprocess on Runware

Description:Request an image control net preprocess task to be processed by the Runware API. [See the documentation](https://docs.runware.ai/en/image-editing/controlnet-tools).

Version:0.0.2

Key:runware-image-control-net-preprocess

View on GitHub

Action Code#

import { v4 as uuid } from "uuid";
import app from "../../runware.app.mjs";
import constants from "../../common/constants.mjs";

export default {
  key: "runware-image-control-net-preprocess",
  name: "Image Control Net Preprocess",
  description: "Request an image control net preprocess task to be processed by the Runware API. [See the documentation](https://docs.runware.ai/en/image-editing/controlnet-tools).",
  version: "0.0.2",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  type: "action",
  props: {
    app,
    inputImage: {
      propDefinition: [
        app,
        "inputImage",
      ],
    },
    outputType: {
      propDefinition: [
        app,
        "outputType",
      ],
    },
    outputFormat: {
      propDefinition: [
        app,
        "outputFormat",
      ],
    },
    includeCost: {
      propDefinition: [
        app,
        "includeCost",
      ],
    },
    preProcessorType: {
      type: "string",
      label: "Preprocessor Type",
      description: "The preprocessor to be used.",
      optional: true,
      options: [
        "canny",
        "depth",
        "mlsd",
        "normalbae",
        "openpose",
        "tile",
        "seg",
        "lineart",
        "lineart_anime",
        "shuffle",
        "scribble",
        "softedge",
      ],
    },
    height: {
      propDefinition: [
        app,
        "height",
      ],
    },
    width: {
      propDefinition: [
        app,
        "width",
      ],
    },
    lowThresholdCanny: {
      type: "integer",
      label: "Low Threshold Canny",
      description: "Defines the lower threshold when using the Canny edge detection preprocessor. The recommended value is `100`.",
      optional: true,
    },
    highThresholdCanny: {
      type: "integer",
      label: "High Threshold Canny",
      description: "Defines the high threshold when using the Canny edge detection preprocessor. The recommended value is `200`.",
      optional: true,
    },
    includeHandsAndFaceOpenPose: {
      type: "boolean",
      label: "Include Hands and Face OpenPose",
      description: "Include the hands and face in the pose outline when using the OpenPose preprocessor.",
      optional: true,
    },
  },
  async run({ $ }) {
    const {
      app,
      outputType,
      outputFormat,
      includeCost,
      inputImage,
      preProcessorType,
      height,
      width,
      lowThresholdCanny,
      highThresholdCanny,
      includeHandsAndFaceOpenPose,
    } = this;

    const response = await app.post({
      $,
      data: [
        {
          taskType: constants.TASK_TYPE.IMAGE_CONTROL_NET_PREPROCESS.value,
          taskUUID: uuid(),
          outputType,
          outputFormat,
          inputImage,
          includeCost,
          height,
          width,
          preProcessorType,
          lowThresholdCanny,
          highThresholdCanny,
          includeHandsAndFaceOpenPose,
        },
      ],
    });

    $.export("$summary", `Successfully requested image control net preprocess task with UUID \`${response.data[0].taskUUID}\`.`);
    return response;
  },
};

Action Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

Label	Prop	Type	Description
Runware	`app`	`app`	This component uses the Runware app.
Input Image	`inputImage`	`string`	Specifies the input image to be processed. The image can be specified in one of the following formats: An UUID v4 string of a previously uploaded image or a generated image. A data URI string representing the image. The data URI must be in the format `data:<mediaType>;base64,` followed by the base64-encoded image. For example: `data:image/png;base64,iVBORw0KGgo...`. A base64 encoded image without the data URI prefix. For example: `iVBORw0KGgo...`. A URL pointing to the image. The image must be accessible publicly. Supported formats are: PNG, JPG and WEBP.
Output Type	`outputType`	`string`	Select a value from the drop down menu:`base64DatadataURIURL`
Output Format	`outputFormat`	`string`	Select a value from the drop down menu:`PNGJPGWEBP`
Include Cost	`includeCost`	`boolean`	If set to `true`, the cost to perform the task will be included in the response object. Defaults to `false`.
Preprocessor Type	`preProcessorType`	`string`	Select a value from the drop down menu:`cannydepthmlsdnormalbaeopenposetileseglineartlineart_animeshufflescribblesoftedge`
Height	`height`	`integer`	Used to define the height dimension of the generated image. Certain models perform better with specific dimensions. The value must be divisible by 64, eg: `512`, `576`, `640` ... `2048`.
Width	`width`	`integer`	Used to define the width dimension of the generated image. Certain models perform better with specific dimensions. The value must be divisible by 64, eg: `512`, `576`, `640` ... `2048`.
Low Threshold Canny	`lowThresholdCanny`	`integer`	Defines the lower threshold when using the Canny edge detection preprocessor. The recommended value is `100`.
High Threshold Canny	`highThresholdCanny`	`integer`	Defines the high threshold when using the Canny edge detection preprocessor. The recommended value is `200`.
Include Hands and Face OpenPose	`includeHandsAndFaceOpenPose`	`boolean`	Include the hands and face in the pose outline when using the OpenPose preprocessor.

Action Authentication#

Runware uses API keys for authentication. When you connect your Runware account, Pipedream securely stores the keys so you can easily authenticate to Runware APIs in both code and no-code steps.