"use client";

// Get the Mintlify search containers, going to reuse them as the triggers for Inkeep
const searchButtonContainerIds = [
  "search-bar-entry",
  "search-bar-entry-mobile",
];

// Clone and replace, needed to remove existing event listeners
const clonedSearchButtonContainers = searchButtonContainerIds.map((id) => {
  const originalElement = document.getElementById(id);
  const clonedElement = originalElement.cloneNode(true);

  originalElement.parentNode.replaceChild(clonedElement, originalElement);

  return clonedElement;
});

// Load the Inkeep script
const inkeepScript = document.createElement("script");
inkeepScript.type = "module";
inkeepScript.src =
  "https://unpkg.com/@inkeep/widgets-embed@0.2.262/dist/embed.js";
document.body.appendChild(inkeepScript);

// Once the Inkeep script has loaded, load the Inkeep chat components
inkeepScript.addEventListener("load", function () {
  // Customization settings
  const sharedConfig = {
    baseSettings: {
      apiKey: "9b77dccb6cacb770614645da24b68c168dc213967b015a6f",
      integrationId: "clt6g42dh0008hl8duk922fjd",
      organizationId: "org_hCC6MgTLBCh3juv4",
      primaryBrandColor: "#8143E3",
    },
    aiChatSettings: {
      chatSubjectName: "Activepieces",
      botAvatarSrcUrl:
        "https://storage.googleapis.com/organization-image-assets/activepieces-botAvatarSrcUrl-1709136841325.svg",
      botAvatarDarkSrcUrl:
        "https://storage.googleapis.com/organization-image-assets/activepieces-botAvatarDarkSrcUrl-1709136840372.svg",
      getHelpCallToActions: [
        {
          name: "Discord",
          url: "https://discord.gg/2jUXBKDdP8",
          icon: {
            builtIn: "FaDiscord",
          },
        },
        {
          name: "Community",
          url: "https://community.activepieces.com/",
          icon: {
            builtIn: "IoPeopleOutline",
          },
        },
        {
          name: "GitHub",
          url: "https://github.com/activepieces/activepieces",
          icon: {
            builtIn: "FaGithub",
          },
        },
      ],
      quickQuestions: [
        "How do I conditionally change a flow?",
        "Can I incorporate custom external APIs?",
        "How do I monitor usage?",
      ],
    },
  };

  // for syncing with dark mode
  const colorModeSettings = {
    observedElement: document.documentElement,
    isDarkModeCallback: (el) => {
      return el.classList.contains("dark");
    },
    colorModeAttribute: "class",
  };

  // add the "Ask AI" pill chat button
  Inkeep().embed({
    componentType: "ChatButton",
    colorModeSync: colorModeSettings,
    properties: sharedConfig,
  });

  // instantiate Inkeep "custom trigger" component
  const inkeepSearchModal = Inkeep({
    ...sharedConfig.baseSettings,
  }).embed({
    componentType: "CustomTrigger",
    colorModeSync: colorModeSettings,
    properties: {
      ...sharedConfig,
      isOpen: false,
      onClose: () => {
        inkeepSearchModal.render({
          isOpen: false,
        });
      },
    },
  });

  // When the Mintlify search bar clone is clicked, open the Inkeep search modal
  clonedSearchButtonContainers.forEach((trigger) => {
    trigger.addEventListener("click", function () {
      inkeepSearchModal.render({
        isOpen: true,
      });
    });
  });
});


Color Palette

Tech Stack

Learning Resources

Interface Design

Activepieces

Your friendliest open source all-in-one automation tool, designed to be extensible.

What is Activepieces?

🥳 Welcome to Activepieces

Product Principles

Give AI access to your tools through Activepieces

Flow consists of two parts, trigger and actions

Building Flows

Using data from previous steps in the current one

Passing Data

Make your flow work by publishing your updates

Publishing Flows

Ensuring your business automations are running properly

Debugging Runs

Learn how flow versioning works in Activepieces

Version History

technical limits for Activepieces execution

Technical limits

Overview

Appearance

Managed Projects

Custom Domains

Manage Templates

Manage Pieces

Replace OAuth2 Apps

Customize Emails

Manage AI Providers

Environments & Releases

We prioritize security and follow these practices to keep information safe.

Security & Data Practices

Documentation on project permissions in Activepieces

Project Permissions

Single Sign-On

i18n Translations

Editions

This list shows all versions that include breaking changes and how to upgrade.

Breaking Changes

A log of all notable changes to Activepieces

Changelog

Telemetry

License

This section helps developers build and contribute pieces.

Start Building

Fork Repository

Create Piece Definition

Add Piece Authentication

Create Action

Create Trigger

Piece Auth

Learn about different types of properties used in triggers / actions

Props

Learn about different types of properties validation 

Props Validation

Learn How to Control Flow from Inside the Piece

Flow Control

Learn how to store and retrieve data from a key-value store

Persistent Storage

Learn how to use files object to create file references.

Files

Learn how to install and use external libraries.

External Libraries

Piece Versioning

Explore a collection of example triggers and actions

Piece Examples

Learn how to enable custom API calls for your pieces

Enable Custom API Calls

Learn about translating pieces to multiple locales

Piece i18n

The AI Toolkit to build AI pieces tailored for specific use cases that work with many AI providers using the AI SDK

AI SDK & Providers

Build Custom Pieces

Publish Custom Pieces

Custom Pieces CI/CD

Create New AI Provider

Setup Private Fork

Automatically authenticate your SaaS users to your Activepieces instance

Provision Users

Embed Builder

Show/Hide Pieces

Create/Update Connections

Navigation

Predefined Connection

A log of all notable changes to Activepieces SDK

SDK Changelog

Send requests to your Activepieces instance from the embedded app

API Requests

Introduction to the different ways to install Activepieces

Single docker image deployment with SQLite3 and Memory Queue

Docker

Docker Compose

Checklist to follow after deploying Activepieces

Deployment Checklist

Environment Variables

Separate Workers from App

Setup App Webhooks

Hardware Requirements

Setup HTTPS

Troubleshooting

Workers & Sandboxing

Engine

Stack & Tools

Performance & Benchmarking

Activepieces Handbook

AI Agent

Marketing & Content

Developer Experience & Infrastructure

Embedding

Flow Editor & Dashboard

Dashboard & Platform Admin

Human in the Loop

Pieces

Sales

Tables

Our Hiring Process

Our Roles & Levels

Our Team Structure

Our Compensation

Tone & Communication

Guide for using Pylon to manage customer support tickets

How to use Pylon

How to handle Requests

Trial Key Management

Onboarding Check List

Engineering Workflow

On-Call

Handling Downtime

Run Enterprise Edition

Setup Incident.io

How to create Release

Cloud Infrastructure

Queues Dashboard

Guide for creating database migrations in Activepieces

Database Migrations

Feature Announcement

Frontend Best Practices

Develop Pieces

API Reference

Deploy

Handbook

Get Started

GitHub

Project Schema

Create Project

Update Project

List Projects

User Schema

List Users

User Invitation Schema

Send a user invitation to a user. If the user already has an invitation, the invitation will be updated.

Handbook

Teams

Hiring

Customer Support

Engineering Onboarding

Engineering Playbooks

Product

Interface Design

Color Palette

Tech Stack

Learning Resources

Handbook

Teams

Hiring

Customer Support

Engineering Onboarding

Engineering Playbooks

Product

​Color Palette

​Tech Stack

​Learning Resources

Color Palette

Tech Stack

Learning Resources