Diffy

Screenshots based tool to ensure your design stays consistent during code changes.

Integrate the Diffy API with the Supabase API

Setup the Diffy API trigger to run a workflow which integrates with the Supabase API. Pipedream's integration platform allows you to integrate Diffy and Supabase remarkably fast. Free for developers.

Delete Row with Supabase API on New Diff Created from Diffy API
Diffy + Supabase
 
Try it
Delete Row with Supabase API on New Screenshot Created from Diffy API
Diffy + Supabase
 
Try it
Insert Row with Supabase API on New Diff Created from Diffy API
Diffy + Supabase
 
Try it
Insert Row with Supabase API on New Screenshot Created from Diffy API
Diffy + Supabase
 
Try it
Remote Procedure Call with Supabase API on New Diff Created from Diffy API
Diffy + Supabase
 
Try it
New Diff Created from the Diffy API

Emit new event when a new diff is created in Diffy. See the documentation

 
Try it
New Screenshot Created from the Diffy API

Emit new event when a new screenshot is created in Diffy. See the documentation

 
Try it
New Row Added from the Supabase API

Emit new event for every new row added in a table. See documentation here

 
Try it
New Webhook Event (Instant) from the Supabase API

Emit new event for every insert, update, or delete operation in a table. This source requires user configuration using the Supabase website. More information in the README. Also see documentation here

 
Try it
Delete Row with the Supabase API

Deletes row(s) in a database. See the docs here

 
Try it
Insert Row with the Supabase API

Inserts a new row into a database. See the docs here

 
Try it
Remote Procedure Call with the Supabase API

Call a Postgres function in a database. See the docs here

 
Try it
Select Row with the Supabase API

Selects row(s) in a database. See the docs here

 
Try it
Update Row with the Supabase API

Updates row(s) in a database. See the docs here

 
Try it

Overview of Diffy

The Diffy API offers visual regression testing, allowing you to compare visuals of web pages over time or across different environments. With Pipedream's serverless architecture, you can integrate Diffy into various workflows to automate visual testing, get notified of changes, or even trigger deployments in a CI/CD pipeline when a visual test passes.

Connect Diffy

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    diffy: {
      type: "app",
      app: "diffy",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://app.diffy.website/api/projects`,
      headers: {
        Authorization: `Bearer ${this.diffy.$auth.access_token}`,
      },
    })
  },
})

Overview of Supabase

Supabase is a real-time backend-as-a-service that provides developers with a suite of tools to quickly build and scale their applications. It offers database storage, authentication, instant APIs, and real-time subscriptions. With the Supabase API, you can perform CRUD operations on your database, manage users, and listen to database changes in real time. When integrated with Pipedream, you can automate workflows that react to these database events, synchronize data across multiple services, or streamline user management processes.

Connect Supabase

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    supabase: {
      type: "app",
      app: "supabase",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://${this.supabase.$auth.subdomain}.supabase.co/rest/v1/`,
      headers: {
        Authorization: `Bearer ${this.supabase.$auth.service_key}`,
        "apikey": `${this.supabase.$auth.service_key}`,
      },
    })
  },
})