authkit-token

Secure token generation for Pica's AuthKit using Node.js.

Install

With npm:

npm i @picahq/authkit-token

With yarn:

yarn add @picahq/authkit-token

Creating a token endpoint

You'll want to create an internal endpoint that's used to generate secure tokens for your frontend. You can do so by adding code that looks like the below snippet.

import { AuthKitToken } from "@picahq/authkit-token";

app.post("/authkit-token", async (request, response) => {
  const authKitToken = new AuthKitToken("sk_live_1234");
  const token = await authKitToken.create();

  response.send(token);
});

You can get your API key from the Pica dashboard.

If you pass an identity or identityType (user, team, organization, or project), you'll be able to query for all connections scoped to that identity. The identity is used to generate the unique Connection Key for the user once they successfully connect an account.

Frontend Implementation

To implement the AuthKit component in your frontend, you'll need to use the @picahq/authkit package. It's fully compatible with popular frameworks such as React, Next.js, Vue, Svelte, and more.

• NPM package: https://www.npmjs.com/package/@picahq/authkit
• Documentation: https://docs.picaos.com/authkit
• Setup guide: https://docs.picaos.com/authkit/setup

Diagram

sequenceDiagram
    participant User
    participant YourApp as Your Application
    participant YourBackend as Your Backend
    participant Pica as Pica AuthKit
    participant Integration as Third-party Integration

    User->>YourApp: Clicks "Connect Integration"
    YourApp->>Pica: Open AuthKit modal
    Pica->>YourBackend: Request AuthKit token
    YourBackend->>Pica: Generate token with user identity
    Pica->>Pica: Display integrations list
    User->>Pica: Select integration & authenticate
    Pica->>Integration: OAuth handshake
    Integration->>Pica: Access token
    Pica->>Pica: Store encrypted credentials
    Pica->>YourApp: Return connection details
    YourApp->>User: Connection successful!

Loading

Full Documentation

Please refer to the official Pica AuthKit docs for a more holistic understanding of AuthKit.

License

GPL-3.0