Get Performance Report with GTmetrix API on New Run State Changed from OpenAI (ChatGPT) API

Pipedream makes it easy to connect APIs for GTmetrix, OpenAI (ChatGPT) and 2,400+ other apps remarkably fast.

Trigger workflow on

New Run State Changed from the OpenAI (ChatGPT) API

Next, do this

Get Performance Report with the GTmetrix 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 OpenAI (ChatGPT) trigger and GTmetrix action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Run State Changed trigger
1. Connect your OpenAI (ChatGPT) account
2. Configure timer
3. Configure Thread ID
Configure the Get Performance Report action
1. Connect your GTmetrix account
2. Select a Page
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 Run State Changed on OpenAI (ChatGPT)

Description:Emit new event every time a run changes its status. [See the documentation](https://platform.openai.com/docs/api-reference/runs/listRuns)

Version:0.0.6

Key:openai-new-run-state-changed

View on GitHub

OpenAI (ChatGPT) Overview#

OpenAI provides a suite of powerful AI models through its API, enabling developers to integrate advanced natural language processing and generative capabilities into their applications. Here’s an overview of the services offered by OpenAI's API:

Use Python or Node.js code to make fully authenticated API requests with your OpenAI account:

Trigger Code#

import common from "../common/common.mjs";
import sampleEmit from "./test-event.mjs";

export default {
  ...common,
  key: "openai-new-run-state-changed",
  name: "New Run State Changed",
  description: "Emit new event every time a run changes its status. [See the documentation](https://platform.openai.com/docs/api-reference/runs/listRuns)",
  version: "0.0.6",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    threadId: {
      propDefinition: [
        common.props.openai,
        "threadId",
      ],
    },
  },
  methods: {
    ...common.methods,
    getStatusItems() {
      return this.db.get("statusItems");
    },
    setStatusItems(value) {
      this.db.set("statusItems", value);
    },
    async getData() {
      const {
        openai,
        threadId,
      } = this;

      const { data } = await openai.listRuns({
        threadId,
      });

      return data;
    },
    getMeta(item) {
      const ts = Date.now();
      return {
        id: `${item.id}-${ts}`,
        summary: `Run State Changed: ${item.id}`,
        ts,
      };
    },
    statusByItemId(itemId, statusItems) {
      const { [itemId]: status } = statusItems || {};
      return status;
    },
    buildStatusItems(data) {
      return data?.reduce((acc, item) => ({
        ...acc,
        [item.id]: item.status,
      }), {});
    },
    async getAndProcessItems(maxEvents) {
      const {
        getData,
        getStatusItems,
        setStatusItems,
        statusByItemId,
        buildStatusItems,
        getMeta,
        $emit: emit,
      } = this;

      const data = await getData();
      const statusItems = getStatusItems();

      Array.from(data)
        .reverse()
        .forEach((item, index) => {
          const statusChanged = statusByItemId(item.id, statusItems) !== item.status;
          if ((!maxEvents || index < maxEvents) && statusChanged) {
            emit(item, getMeta(item));
          }
        });

      setStatusItems(buildStatusItems(data));
    },
  },
  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
OpenAI (ChatGPT)	`openai`	`app`	This component uses the OpenAI (ChatGPT) app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Thread ID	`threadId`	`string`	The unique identifier for the thread. Example: `thread_abc123`. To locate the thread ID, make sure your OpenAI Threads setting (Settings -> Organization/Personal -> General -> Features and capabilities -> Threads) is set to "Visible to organization owners" or "Visible to everyone". You can then access the list of threads and click on individual threads to reveal their IDs

Trigger Authentication#

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

About OpenAI (ChatGPT)#

OpenAI is an AI research and deployment company with the mission to ensure that artificial general intelligence benefits all of humanity. They are the makers of popular models like ChatGPT, DALL-E, and Whisper.

Action#

Get Performance Report on GTmetrix

Description:Fetches the most recent performance report for a particular page from GTmetrix. [See the documentation](https://gtmetrix.com/api/docs/2.0/#api-page-latest-report)

Version:0.0.1

Key:gtmetrix-get-performance-report

View on GitHub

GTmetrix Overview#

The GTmetrix API provides an interface to test the loading speed of your website, offering insights into performance issues and potential optimizations. By integrating this API with Pipedream, you can automate performance monitoring, receive alerts, and combine data with other services for in-depth analysis. For instance, you could trigger a performance report after a site update, log results to a spreadsheet for tracking, or compare your metrics against industry standards.

Action Code#

import gtmetrix from "../../gtmetrix.app.mjs";

export default {
  key: "gtmetrix-get-performance-report",
  name: "Get Performance Report",
  description: "Fetches the most recent performance report for a particular page from GTmetrix. [See the documentation](https://gtmetrix.com/api/docs/2.0/#api-page-latest-report)",
  version: "0.0.1",
  type: "action",
  props: {
    gtmetrix,
    pageId: {
      propDefinition: [
        gtmetrix,
        "pageId",
      ],
    },
  },
  async run({ $ }) {
    const { data: report } = await this.gtmetrix.getLatestReport({
      pageId: this.pageId,
      $,
    });

    if (report?.id) {
      $.export("$summary", `Successfully retrieved report with ID ${report.id}.`);
    }

    return report;
  },
};

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
GTmetrix	`gtmetrix`	`app`	This component uses the GTmetrix app.
Page	`pageId`	`string`	Select a value from the drop down menu.

Action Authentication#

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

To retrieve your API Key,

Navigate to your GTmetrix account and sign in
Go to “Account” > “API Usage”

Get Performance Report with GTmetrix API on New Run State Changed from OpenAI (ChatGPT) API

Pipedream makes it easy to connect APIs for GTmetrix, OpenAI (ChatGPT) and 2,400+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-24of2,400+apps by most popular

1
-
24
of
2,400+
apps by most popular