martmull
306a1454aa
## Before After connecting to oAuth linear app connection: <img width="1512" height="851" alt="image" src="https://github.com/user-attachments/assets/39b94aaf-648f-46a6-8f4d-deb1cb7e22c5" /> ## After Redirects to Linear <!-- This is an auto-generated description by cubic. --> <a href="https://cubic.dev/pr/twentyhq/twenty/pull/21678?utm_source=github" target="_blank" rel="noopener noreferrer" data-no-image-dialog="true"><picture><source media="(prefers-color-scheme: dark)" srcset="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://www.cubic.dev/buttons/review-in-cubic-light.svg"><img alt="Review in cubic" src="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"></picture></a> <!-- End of auto-generated description by cubic. -->
80 lines
3.0 KiB
Markdown
80 lines
3.0 KiB
Markdown
# Linear for Twenty
|
|
|
|
Connect your Linear account to Twenty to create issues and look up teams
|
|
straight from your workflows or the AI chat.
|
|
|
|
## What you can do
|
|
|
|
Once installed and connected, two tools become available:
|
|
|
|
- **Create Linear issue** — from the AI chat, ask something like
|
|
*"create a Linear issue in the Engineering team titled 'Fix login bug'"*
|
|
and the AI will file it for you. From a workflow, add it as a step
|
|
with `teamId` + `title` (and optional `description`).
|
|
- **List Linear teams** — discovers the teams in your Linear workspace,
|
|
useful when you need to pick a `teamId` for the create-issue step.
|
|
|
|
## Installing
|
|
|
|
1. Open **Settings → Applications** in your Twenty workspace.
|
|
2. Find **Linear** in the available apps and click **Install**.
|
|
3. Open the app, go to the **Connections** tab, and click **Add connection**.
|
|
4. Choose **Just for me** (your personal Linear account) or
|
|
**Workspace shared** (a team-managed Linear account anyone in this
|
|
workspace can act through), then complete the Linear sign-in.
|
|
|
|
That's it — you can now use the tools above.
|
|
|
|
> If you see a "Linear OAuth is not yet set up by your server administrator"
|
|
> notice on the Connections tab, ask your Twenty admin to follow the
|
|
> **Self-hosting setup** below — they need to provide the OAuth credentials
|
|
> before connections can be added.
|
|
|
|
---
|
|
|
|
## Self-hosting setup
|
|
|
|
This section is for Twenty server admins. If you're on Twenty Cloud, skip
|
|
this — the OAuth credentials are already configured.
|
|
|
|
### 1. Register an OAuth app in Linear
|
|
|
|
1. Visit https://linear.app/settings/api/applications/new.
|
|
2. Set the **Redirect URI** to `<SERVER_URL>/auth/apps/callback` (for
|
|
local dev: `http://localhost:3000/auth/apps/callback`).
|
|
3. Copy the generated **Client ID** and **Client Secret**.
|
|
|
|
### 2. Wire the credentials into Twenty
|
|
|
|
1. In **Settings → Applications**, find **Linear**, click into it, and go
|
|
to the **Application registration** tab (admin-only).
|
|
2. Paste your Linear **Client ID** into `LINEAR_CLIENT_ID` and the
|
|
**Client Secret** into `LINEAR_CLIENT_SECRET`.
|
|
|
|
Workspace users will now be able to add Linear connections from the
|
|
**Connections** tab as described above.
|
|
|
|
### 3. (Developers only) Building the app from source
|
|
|
|
If you're working on this app rather than installing the published version:
|
|
|
|
```bash
|
|
cd packages/twenty-apps/internal/twenty-linear
|
|
|
|
# For day-to-day development (publish + install + watch in one):
|
|
yarn twenty dev
|
|
|
|
# Manual publish flow (publish registers the app, install activates it):
|
|
yarn twenty app:publish --private
|
|
yarn twenty app:install
|
|
```
|
|
|
|
`twenty dev` is recommended for iteration — it publishes, installs, and
|
|
watches for changes in one command. Use `twenty app:publish --private` +
|
|
`twenty app:install` when you want to control each step separately (e.g.
|
|
deploying to a production server without auto-installing).
|
|
|
|
This serves as the reference implementation for Twenty's
|
|
`defineConnectionProvider({ type: 'oauth' })` flow — useful as a template
|
|
when adding OAuth integrations for other providers.
|