Custom Integrations

const urlParams = new URLSearchParams({
  // These parameters are part of any Link URL request:
  app: "my_new_integration",         // Name of your new integration. Needs to be distinct.
  appUserId: "my-user-id",          // User ID of the end user to link
  redirectUrl: "http://localhost:8080/redirect", // URL to redirect back to after linking

  // These parameters must be specified to create a custom integration:
  authUrl: "https://example.com/login",      // URL of the page on which the user can authenticate
  checkUrl: "https://example.com/profile",   // URL of a page that can be used to determine the user's login status
  displayName: "My New Integration",         // Name of the integration as it should appear to the end user
  iconUrl: "https://cdn.prod.website-files.com/65aa784d1e7b42a7f2f428bb/65c30d047199273eb47d3b35_favicon.ico"  // URL of an icon to represent the integration
});

// Hand this URL off to the specified user to allow them to connect their account
const { url } = await fetch(
  `https://svc.sandbox.anon.com/link/url?${urlParams.toString()}`,
  {
    method: "GET", 
    headers: {Authorization: 'Bearer <your api key>'}
  }
);

import { AnonRuntime } from "@anon/sdk-typescript";
const anon = new AnonRuntime({ apiKey: YOUR_API_KEY });

const { result, liveStreamingUrl } = await anon.run({
  appUserId: "my-user-id",
  apps: ["my_new_integration"],
  action: async (page) => {
    await page.goto("https://example.com")
    // Do your action here:
    
    // This waits for 30 seconds so you can view the liveStreamingUrl.
    // Normally, you would return some data from the page here.
    await new Promise(resolve => setTimeout(resolve, 30_000))
  }
});

// You can watch the action being performed here:
console.log(liveStreamingUrl)

https://logo.clearbit.com/{domain}