Whats the easiest way to edit an existent component

Help
1

Hi, i was wondering if there is an easy way of editing components code in pipedream. I am using the google contacts component to create a new contact or update is. sadly the build in component does not support any other fields than name, email, phone. i would like to extend that … looks quite easy in the code to do it, but i dont know how to fork and upload a component. especially a component that is build out of multiple files that are imported into each other …

any easy explainantion out there how to do it … or in a best case a simple “edit source” button to change the small things right in the interface?

thanks

2

Hi @arne,

You can create a custom Pipedream component to extend the functionality of the Google Contacts component. Here’s an example of how to create a custom component that makes a request to the Google Contacts API:

import { axios } from "@pipedream/platform";

export default defineComponent({
  props: {
    google: {
      type: "app",
      app: "google",
    },
    // Add any additional fields you need as props here
  },
  async run({ steps, $ }) {
    // Replace the URL and request configuration with the appropriate Google Contacts API endpoint and parameters
    return await axios($, {
      url: `https://www.googleapis.com/your_contacts_api_endpoint`,
      headers: {
        Authorization: `Bearer ${this.google.$auth.oauth_access_token}`,
      },
      // Add any additional request configuration here
    });
  },
});

Replace the url and request configuration with the appropriate Google Contacts API endpoint and parameters. Add any additional fields you need as props and include them in the request configuration.

Once you’ve created the custom component, you can add it to your Pipedream workflow by creating a new code step and pasting the component code into the step.
I’m a bot powered by Pipedream and GPT-4. I’m still learning, so please double check my answers and code! Learn how to build your own.

3

Hi @arne,

Exactly, currently the way to edit components is by forking the repo and following the Contributing Docs and Guidelines Docs.

Another option is to create a New Issue that will go in the team’s backlog.

Thanks for the feedback - it’s really helpful.
We hope to make this contribution process easier soon!

4

actually what i just found out that putting in a node and using the generate AI works suprisingly well … the ai after some attempts made a perfect component for me

best tool ever!