Upscale Image with DreamStudio (Stable Diffusion) API on New Customer from LiveAgent API

Pipedream makes it easy to connect APIs for DreamStudio (Stable Diffusion), LiveAgent and 2,500+ other apps remarkably fast.

Trigger workflow on

New Customer from the LiveAgent API

Next, do this

Upscale Image with the DreamStudio (Stable Diffusion) 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 LiveAgent trigger and DreamStudio (Stable Diffusion) action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Customer trigger
1. Connect your LiveAgent account
2. Configure timer
Configure the Upscale Image action
1. Connect your DreamStudio (Stable Diffusion) account
2. Select a Organization Id
3. Select a Engine Id
4. Configure Image
5. Optional- Configure Height
6. Optional- Configure Width
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 Customer on LiveAgent

Description:Emit new event on each new customer.

Version:0.0.2

Key:liveagent-new-customer

View on GitHub

LiveAgent Overview#

The LiveAgent API provides access to a feature-rich helpdesk platform, allowing you to automate customer support tasks, synchronize data with other services, and streamline communication channels. With Pipedream, you can tap into the LiveAgent API to create custom workflows that enhance support operations, trigger actions based on customer interactions, and connect with a myriad of other apps to enrich the support ecosystem. Pipedream's serverless platform makes it simple to set up these automations with minimal coding, using pre-built actions or scripting your own.

Trigger Code#

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

export default {
  name: "New Customer",
  version: "0.0.2",
  key: "liveagent-new-customer",
  description: "Emit new event on each new customer.",
  type: "source",
  dedupe: "unique",
  props: {
    liveagent,
    db: "$.service.db",
    timer: {
      type: "$.interface.timer",
      static: {
        intervalSeconds: DEFAULT_POLLING_SOURCE_TIMER_INTERVAL,
      },
    },
  },
  methods: {
    emitEvent(data) {
      this.$emit(data, {
        id: data.id,
        summary: `New customer with id ${data.id}`,
        ts: Date.parse(data.date_created),
      });
    },
    _setLastTimestamp(timestamp) {
      this.db.set("lastTimestamp", timestamp);
    },
    _getLastTimestamp() {
      return this.db.get("lastTimestamp");
    },
  },
  hooks: {
    async deploy() {
      const customers = await this.liveagent.getCustomers({
        params: {
          _perPage: 20,
          _sortDir: "DESC",
          _sortField: "date_created",
        },
      });

      if (customers.length) {
        this._setLastTimestamp(Date.parse(customers[0].date_created));
      }

      customers.reverse().forEach(this.emitEvent);
    },
  },
  async run() {
    const lastTimestamp = this._getLastTimestamp();
    this._setLastTimestamp(new Date().getTime());

    let page = 1;

    while (true) {
      const customers = await this.liveagent.getCustomers({
        params: {
          _page: page,
          _perPage: 100,
          _sortDir: "DESC",
          _sortField: "date_created",
        },
      });

      customers.reverse().forEach(this.emitEvent);

      if (customers.length < 100 || Date.parse(customers[0].date_created) < +lastTimestamp) {
        return;
      }

      if (customers.length) {
        this._setLastTimestamp(Date.parse(customers[0].date_created));
      }

      page++;
    }

  },
};

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
LiveAgent	`liveagent`	`app`	This component uses the LiveAgent app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`

Trigger Authentication#

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

You can find your API Key in Configuration > System > API in your LiveAgent account.
Your domain is 12345678 if your Live Agent URL is https://12345678.ladesk.com/

About LiveAgent#

LiveAgent is a web-based live chat and helpdesk software. It covers all support channels: Email, Live Chat, Call Center, Contact forms, Feedback Forms, Knowledge Base, Social networks(Twitter and Facebook) and integrates them into one enviroment.

Action#

Upscale Image on DreamStudio (Stable Diffusion)

Description:Create a higher resolution version of an input image. [See the documentation](https://platform.stability.ai/docs/api-reference#tag/v1generation/operation/upscaleImage)

Version:0.0.2

Key:dreamstudio-upscale-image

View on GitHub

DreamStudio (Stable Diffusion) Overview#

The DreamStudio (Stable Diffusion) API taps into the power of AI to generate creative visual content from textual descriptions. With Pipedream, you can automate the process of creating images, integrate with various apps, and build complex workflows without servers. You can trigger image generation on demand, process user inputs, or schedule image creation - All seamlessly within Pipedream's ecosystem.

Action Code#

import FormData from "form-data";
import fs from "node:fs";
import {
  getImagePath, writeImg,
} from "../../common/utils.mjs";
import common from "../common/images.mjs";

export default {
  ...common,
  key: "dreamstudio-upscale-image",
  name: "Upscale Image",
  version: "0.0.2",
  description: "Create a higher resolution version of an input image. [See the documentation](https://platform.stability.ai/docs/api-reference#tag/v1generation/operation/upscaleImage)",
  type: "action",
  props: {
    ...common.props,
    image: {
      type: "string",
      label: "Image",
      description: "Image used to upscale. It can be an URL to the image or a path to the image file saved to the `/tmp` directory (e.g. `/tmp/image.png`). [see docs here](https://pipedream.com/docs/workflows/steps/code/nodejs/working-with-files/#the-tmp-directory).",
    },
    height: {
      propDefinition: [
        common.props.dreamstudio,
        "height",
      ],
      optional: true,
    },
    width: {
      propDefinition: [
        common.props.dreamstudio,
        "width",
      ],
      optional: true,
    },
  },
  async run({ $ }) {
    const {
      dreamstudio,
      organizationId,
      engineId,
      image,
      ...appendData
    } = this;

    const formData = new FormData();

    const imagePath = await getImagePath(image);
    formData.append("image", fs.readFileSync(imagePath));
    for (const [
      label,
      value,
    ] of Object.entries(appendData)) {
      formData.append(label, value.toString());
    }

    const response = await dreamstudio.upscaleImage({
      $,
      engineId,
      headers: {
        organization: organizationId,
        ...formData.getHeaders(),
      },
      data: formData,
    });

    const paths = await writeImg(response.artifacts);

    $.export("$summary", `The image was successfully upscaled and sent to ${paths.toString()}!`);
    return {
      ...response,
      tmpPaths: paths,
    };
  },
};

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
DreamStudio (Stable Diffusion)	`dreamstudio`	`app`	This component uses the DreamStudio (Stable Diffusion) app.
Organization Id	`organizationId`	`string`	Select a value from the drop down menu.
Engine Id	`engineId`	`string`	Select a value from the drop down menu.
Image	`image`	`string`	Image used to upscale. It can be an URL to the image or a path to the image file saved to the `/tmp` directory (e.g. `/tmp/image.png`). see docs here
Height	`height`	`integer`	Height of the image in pixels. Must be in increments of 64 and pass the following validation: For 512 engines: 262,144 ≤ `height * width` ≤ 1,048,576. For 768 engines: 589,824 ≤ `height * width` ≤ 1,048,576. For SDXL Beta: can be as low as 128 and as high as 896 as long as `width` is not greater than 512. If `width` is greater than 512 then this can be at most 512. For SDXL v0.9: valid dimensions are 1024x1024, 1152x896, 1216x832, 1344x768, 1536x640, 640x1536, 768x1344, 832x1216, or 896x1152. For SDXL v1.0: valid dimensions are the same as SDXL v0.9
Width	`width`	`integer`	Width of the image in pixels. Must be in increments of 64 and pass the following validation: For 512 engines: 262,144 ≤ `height * width` ≤ 1,048,576. For 768 engines: 589,824 ≤ `height * width` ≤ 1,048,576. For SDXL Beta: can be as low as 128 and as high as 896 as long as `height` is not greater than 512. If `height` is greater than 512 then this can be at most 512. For SDXL v0.9: valid dimensions are 1024x1024, 1152x896, 1216x832, 1344x768, 1536x640, 640x1536, 768x1344, 832x1216, or 896x1152. For SDXL v1.0: valid dimensions are the same as SDXL v0.9

Action Authentication#

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

Visit https://beta.dreamstudio.ai/account to find your API key and enter it below.