Integrate your app with every other app, easily

import { Flow } from '@gluejs-io/react';

// embed flow in react, or send a user to a link
const MyFlow = () => {
  
  // return flow
  return (
    <Flow flow="flowId" />
  );
};

import { Integration } from '@gluejs-io/react';

// embed in react, or send a user to a link
const MyIntegration = () => {
  
  // return flow
  return (
    <Integration execution="integrationId" />
  );
};

import { Flow } from '@gluejs-io/react';

// create flow
const flow = {
  connector : 'myCustomConnector',
};

// embed flow in react, or send a user to a link
const MyFlowWithCustomConnector = () => {
  
  // return flow
  return (
    <Flow flow={ flow } />
  );
};

// connect any api with javascript
const connect = await glue.Connector.connect('gmail');

// get id
const connectId = connect.id;

// trigger on new emails
const listener = await glue.trigger(
  connectId, // connect id
  'new message', // trigger name or id
  (message) => {
    // do something with the message
    console.log(message);
  },
  {
    lastId: 'lastId', // optional id
    lastDate: new Date(), // optional date
  }
);

// connect any api with javascript
const connect = await glue.Connector.connect('gmail');

// get id
const connectId = connect.id;

// send a new email action
const listener = await glue.action(
  connectId, // connect id
  'create message', // trigger name or id
  {
    to: '',
    body: '',
    subject: '',
  }
);