Generate Content from Text and Image with Google Gemini API on New To-Do Item Created (Instant) from Basecamp API

Pipedream makes it easy to connect APIs for Google Gemini, Basecamp and 2,900+ other apps remarkably fast.

Trigger workflow on

New To-Do Item Created (Instant) from the Basecamp API

Next, do this

Generate Content from Text and Image with the Google Gemini 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 Basecamp trigger and Google Gemini action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New To-Do Item Created (Instant) trigger
1. Connect your Basecamp account
2. Select a Account ID
3. Select a Project ID
Configure the Generate Content from Text and Image action
1. Connect your Google Gemini account
2. Select a Model
3. Configure Prompt Text
4. Optional- Configure JSON Output
5. Optional- Configure Conversation History
6. Optional- Configure Safety Settings
7. Configure Media File Paths or URLs
8. Optional- Configure syncDir
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 To-Do Item Created (Instant) on Basecamp

Description:Emit new event when a to-do item is created. [See the documentation](https://github.com/basecamp/bc3-api/blob/master/sections/webhooks.md#webhooks)

Version:0.1.0

Key:basecamp-new-to-do-item-created

View on GitHub

Basecamp Overview#

The Basecamp API enables the automation of project management tasks, facilitating seamless interaction with Basecamp's project management tools. Through Pipedream, you can leverage the API to create custom workflows that trigger actions within Basecamp, sync data across various platforms, and enhance team collaboration with automated notifications and task management.

Trigger Code#

import common from "../common/webhook.mjs";

export default {
  ...common,
  key: "basecamp-new-to-do-item-created",
  name: "New To-Do Item Created (Instant)",
  description: "Emit new event when a to-do item is created. [See the documentation](https://github.com/basecamp/bc3-api/blob/master/sections/webhooks.md#webhooks)",
  version: "0.1.0",
  dedupe: "unique",
  type: "source",
  methods: {
    ...common.methods,
    getWebhookTypes() {
      return [
        "Todo",
      ];
    },
    getAllowedEvents() {
      return [
        "todo_created",
      ];
    },
    async getEventData(data) {
      return data;
    },
  },
  async run({ body }) {
    if (this.filterEvent(body)) {
      const {
        accountId, projectId,
      } = this;
      body.recording = await this.app.makeRequest({
        accountId,
        path: `/buckets/${projectId}/todos/${body.recording.id}.json`,
      });
      this.emitEvent(body);
    }
  },
};

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
Basecamp	`app`	`app`	This component uses the Basecamp app.
Account ID	`accountId`	`string`	Select a value from the drop down menu.
Project ID	`projectId`	`string`	Select a value from the drop down menu.
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#

Basecamp uses OAuth authentication. When you connect your Basecamp account, Pipedream will open a popup window where you can sign into Basecamp and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Basecamp API.

Pipedream requests the following authorization scopes when you connect your account:

About Basecamp#

Project Management & Team Communication

Action#

Generate Content from Text and Image on Google Gemini

Description:Generates content from both text and image input using the Gemini API. [See the documentation](https://ai.google.dev/tutorials/rest_quickstart#text-and-image_input)

Version:1.0.2

Key:google_gemini-generate-content-from-text-and-image

View on GitHub

Google Gemini Overview#

The Google Gemini API is a cutting-edge tool from Google that enables developers to leverage AI models like Imagen and MusicLM to create and manipulate images and music based on textual descriptions. With Pipedream, you can harness this API to automate workflows that integrate AI-generated content into a variety of applications, from generating visuals for social media posts to composing background music for videos. Pipedream's serverless platform allows you to connect Google Gemini API with other apps to create complex, event-driven workflows without managing infrastructure.

Action Code#

import {
  ConfigurationError, getFileStreamAndMetadata,
} from "@pipedream/platform";
import mime from "mime";
import common from "../common/generate-content.mjs";
import utils from "../../common/utils.mjs";

export default {
  ...common,
  key: "google_gemini-generate-content-from-text-and-image",
  name: "Generate Content from Text and Image",
  description: "Generates content from both text and image input using the Gemini API. [See the documentation](https://ai.google.dev/tutorials/rest_quickstart#text-and-image_input)",
  version: "1.0.2",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: false,
  },
  type: "action",
  props: {
    ...common.props,
    mediaFiles: {
      type: "string[]",
      label: "Media File Paths or URLs",
      description: "A list of file paths from the `/tmp` directory or URLs for the media to process.",
    },
    syncDir: {
      type: "dir",
      accessMode: "read",
      sync: true,
      optional: true,
    },
  },
  methods: {
    ...common.methods,
    streamToBase64(stream) {
      return new Promise((resolve, reject) => {
        const chunks = [];
        stream.on("data", (chunk) => chunks.push(chunk));
        stream.on("end", () => {
          const buffer = Buffer.concat(chunks);
          resolve(buffer.toString("base64"));
        });
        stream.on("error", reject);
      });
    },
    async fileToGenerativePart(file) {
      if (!file) {
        return;
      }

      const {
        stream, metadata,
      } = await getFileStreamAndMetadata(file);

      const data = await this.streamToBase64(stream);

      return {
        inline_data: {
          mime_type: metadata.contentType ?? mime.getType(metadata.name),
          data,
        },
      };
    },
  },
  async run({ $ }) {
    const {
      app,
      model,
      text,
      history,
      mediaFiles,
      safetySettings,
      responseFormat,
      responseSchema,
      maxOutputTokens,
      temperature,
      topP,
      topK,
      stopSequences,
    } = this;

    if (!Array.isArray(mediaFiles)) {
      throw new ConfigurationError("Image/Video files must be an array.");
    }

    if (!mediaFiles.length) {
      throw new ConfigurationError("At least one media file must be provided.");
    }

    const contents = [
      ...this.formatHistoryToContent(history),
      {
        parts: [
          ...(await Promise.all(mediaFiles.map((path) => this.fileToGenerativePart(path)))),
          {
            text,
          },
        ],
        role: "user",
      },
    ];

    const response = await app.generateContent({
      $,
      model,
      data: {
        contents,
        safetySettings: this.formatSafetySettings(safetySettings),
        ...(
          responseFormat || maxOutputTokens || temperature || topP || topK || stopSequences?.length
            ? {
              generationConfig: {
                responseMimeType: "application/json",
                responseSchema: utils.parse(responseSchema),
                maxOutputTokens,
                temperature,
                topP,
                topK,
                stopSequences,
              },
            }
            : {}
        ),
      },
    });

    $.export("$summary", "Successfully generated content from text and image.");

    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
Google Gemini	`app`	`app`	This component uses the Google Gemini app.
Model	`model`	`string`	Select a value from the drop down menu.
Prompt Text	`text`	`string`	The text to use as the prompt for content generation
JSON Output	`responseFormat`	`boolean`	Enable to receive responses in structured JSON format instead of plain text. Useful for automated processing, data extraction, or when you need to parse the response programmatically. You can optionally define a specific schema for the response structure.
Conversation History	`history`	`string[]`	Previous messages in the conversation. Each item must be a valid JSON string with `text` and `role` (either `user` or `model`). Example: `{"text": "Hello", "role": "user"}`
Safety Settings	`safetySettings`	`string[]`	Configure content filtering for different harm categories. Each item must be a valid JSON string with `category` (one of: `HARASSMENT`, `HATE_SPEECH`, `SEXUALLY_EXPLICIT`, `DANGEROUS`, `CIVIC`) and `threshold` (one of: `BLOCK_NONE`, `BLOCK_ONLY_HIGH`, `BLOCK_MEDIUM_AND_ABOVE`, `BLOCK_LOW_AND_ABOVE`). Example: `{"category": "HARASSMENT", "threshold": "BLOCK_MEDIUM_AND_ABOVE"}`
Media File Paths or URLs	`mediaFiles`	`string[]`	A list of file paths from the `/tmp` directory or URLs for the media to process.
syncDir	`syncDir`	`dir`

Action Authentication#

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

About Google Gemini#

Google Gemini is a multimodal AI by DeepMind that processes text, audio, images, and more.

More Ways to Connect Google Gemini + Basecamp#

Other Popular Integrations#

Generate Content from Text with Google Gemini API on New Comment Created (Instant) from Basecamp API

Basecamp + Google Gemini

Generate Content from Text and Image with Google Gemini API on New To-Do Item Created (Instant) from Basecamp API

Pipedream makes it easy to connect APIs for Google Gemini, Basecamp and 2,900+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-24of2,900+apps by most popular

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