Image Control Net Preprocess with Runware API on New Record from Quickbase API

Pipedream makes it easy to connect APIs for Runware, Quickbase and 2,800+ other apps remarkably fast.

Trigger workflow on

New Record from the Quickbase 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 Quickbase 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 Record trigger
1. Connect your Quickbase account
2. Configure timer
3. Configure App ID
4. Select a Table ID
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 Record on Quickbase

Description:Emit new event each time a new record is created in a specified table in Quickbase.

Version:0.0.1

Key:quickbase-new-record

View on GitHub

Quickbase Overview#

Quickbase is a low-code platform for building operational applications and automations that can manage data, workflows, and reporting. Using Pipedream's serverless platform, you can tap into the robust Quickbase API to weave complex workflows that respond to events, synchronize data across multiple systems, and streamline business processes. With Pipedream, you can trigger on events in Quickbase, or from hundreds of other apps, and write Node.js code to integrate with the Quickbase API directly, enabling a broad range of automation possibilities.

Trigger Code#

import quickbase from "../../quickbase.app.mjs";
import { DEFAULT_POLLING_SOURCE_TIMER_INTERVAL } from "@pipedream/platform";

export default {
  key: "quickbase-new-record",
  name: "New Record",
  description: "Emit new event each time a new record is created in a specified table in Quickbase.",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    quickbase,
    db: "$.service.db",
    timer: {
      type: "$.interface.timer",
      default: {
        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
      },
    },
    appId: {
      propDefinition: [
        quickbase,
        "appId",
      ],
    },
    tableId: {
      propDefinition: [
        quickbase,
        "tableId",
        (c) => ({
          appId: c.appId,
        }),
      ],
    },
  },
  hooks: {
    async deploy() {
      await this.processEvent(25);
    },
  },
  methods: {
    _getLastId() {
      return this.db.get("lastId") || 0;
    },
    _setLastId(lastId) {
      this.db.set("lastId", lastId);
    },
    emitEvent(record, keyFieldId) {
      const meta = this.generateMeta(record, keyFieldId);
      this.$emit(record, meta);
    },
    generateMeta(record, keyFieldId) {
      const id = record[keyFieldId].value;
      return {
        id,
        summary: `New Record ${id}`,
        ts: Date.now(),
      };
    },
    async processEvent(max) {
      const lastId = this._getLastId();
      const { keyFieldId } = await this.quickbase.getTable({
        tableId: this.tableId,
        params: {
          appId: this.appId,
        },
      });
      const fields = await this.quickbase.listFields({
        params: {
          tableId: this.tableId,
        },
      });
      const select = fields.map(({ id }) => id);
      select.push(keyFieldId);

      const records = this.quickbase.paginate({
        resourceFn: this.quickbase.listRecords,
        args: {
          data: {
            from: this.tableId,
            select,
            where: `{${keyFieldId}.GT.${lastId}}`,
            sortBy: [
              {
                fieldId: keyFieldId,
                order: "DESC",
              },
            ],
          },
        },
        max,
      });

      const newRecords = [];
      for await (const record of records) {
        newRecords.push(record);
      }

      if (!newRecords.length) {
        return;
      }

      this._setLastId(newRecords[0][keyFieldId].value);
      newRecords.reverse().forEach((record) => this.emitEvent(record, keyFieldId));
    },
  },
  async run() {
    await this.processEvent();
  },
};

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
Quickbase	`quickbase`	`app`	This component uses the Quickbase app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
App ID	`appId`	`string`	The ID of an app. If the URL from your app dashboard starts with "https://domain.quickbase.com/db/123456", then the app ID is `123456`
Table ID	`tableId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

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

To get your User Token:

On Quickbase, click your name in the top right and select My Preferences.
Scroll down to the My User Information section, click Manage my user tokens for realm name Realm.
Use one of the assigned tokens in the list or create a new one by clicking + New user token.

Your Hostname is 12345678 if your Quick Base URL is https://12345678.quickbase.com/

About Quickbase#

Quickbase is the platform that businesses use to quickly turn ideas about better ways to work into apps that make them more efficient, informed and productive.

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.1

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.1",
  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.