Added Slack support

.env.example

@@ -3,7 +3,7 @@
 # ----------
 
 # Toolkit uses Prisma as an ORM for its Postgres database
-DATABASE_URL="postgresql://postgres:password@localhost:5432/toolkit"
+DATABASE_URL="postgresql://neondb_owner:npg_7ajtY2GrfnOi@ep-steep-voice-ahz2l2ex-pooler.c-3.us-east-1.aws.neon.tech/neondb?sslmode=require&channel_binding=require"
 
 # ----------
 # Redis
@@ -29,7 +29,7 @@ VERCEL_BLOB_API_URL=http://localhost:6969
 # ----------
 
 # This is required to call the LLM
-OPENROUTER_API_KEY=""
+OPENROUTER_API_KEY="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"
 
 # ----------
 # AUTHENTICATION
@@ -41,7 +41,7 @@ OPENROUTER_API_KEY=""
 NEXTAUTH_URL="http://localhost:3000"
 
 # run `pnpm dlx auth secret` to securely generate and set this value
-AUTH_SECRET=""
+AUTH_SECRET="XRBSJbmm6jf3Zfk5ebuQwLK8yNIc35cHcN4E+SX4jmo=" # Added by `npx auth`. Read more: https://cli.authjs.dev
 
 # Authentication providers
 
@@ -74,6 +74,10 @@ AUTH_SECRET=""
 # AUTH_SPOTIFY_ID=
 # AUTH_SPOTIFY_SECRET=
 
+# Slack Provider - https://authjs.dev/getting-started/providers/slack
+# AUTH_SLACK_ID=
+# AUTH_SLACK_SECRET=
+
 # Strava Provider - https://authjs.dev/getting-started/providers/strava
 # AUTH_STRAVA_ID=
 # AUTH_STRAVA_SECRET=

package.json

@@ -64,6 +64,7 @@
     "@radix-ui/react-tabs": "^1.1.12",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
+    "@slack/web-api": "^7.13.0",
     "@spotify/web-api-ts-sdk": "^1.2.0",
     "@t3-oss/env-nextjs": "^0.12.0",
     "@tanstack/react-query": "^5.69.0",
@@ -82,8 +83,8 @@
     "cmdk": "^1.1.1",
     "cookies-next": "^6.0.0",
     "date-fns": "^4.1.0",
-    "etsy-ts": "^4.2.0",
     "discord-api-types": "^0.38.17",
+    "etsy-ts": "^4.2.0",
     "exa-js": "^1.8.8",
     "fast-deep-equal": "^3.1.3",
     "googleapis": "^150.0.1",

prisma.config.ts

@@ -0,0 +1,14 @@
+import "dotenv/config";
+import type { PrismaConfig } from "prisma";
+import { env } from "prisma/config";
+
+export default {
+  schema: "prisma/schema.prisma",
+  migrations: {
+    path: "prisma/migrations",
+    seed: "tsx prisma/seed.ts",
+  },
+  datasource: {
+    url: env("DATABASE_URL"),
+  },
+} satisfies PrismaConfig;

src/toolkits/toolkits/client.ts

@@ -19,6 +19,7 @@ import { spotifyClientToolkit } from "./spotify/client";
 import { etsyClientToolkit } from "./etsy/client";
 import { videoClientToolkit } from "./video/client";
 import { twitterClientToolkit } from "./twitter/client";
+import { slackClientToolkit } from "./slack/client";
 
 export type ClientToolkits = {
   [K in Toolkits]: ClientToolkit<
@@ -42,6 +43,7 @@ export const clientToolkits: ClientToolkits = {
   [Toolkits.Etsy]: etsyClientToolkit,
   [Toolkits.Video]: videoClientToolkit,
   [Toolkits.Twitter]: twitterClientToolkit,
+  [Toolkits.Slack]: slackClientToolkit,
 };
 
 export function getClientToolkit<T extends Toolkits>(

src/toolkits/toolkits/server.ts

@@ -13,6 +13,7 @@ import { spotifyToolkitServer } from "./spotify/server";
 import { etsyToolkitServer } from "./etsy/server";
 import { videoToolkitServer } from "./video/server";
 import { twitterToolkitServer } from "./twitter/server";
+import { slackToolkitServer } from "./slack/server";
 import {
   Toolkits,
   type ServerToolkitNames,
@@ -41,6 +42,7 @@ export const serverToolkits: ServerToolkits = {
   [Toolkits.Etsy]: etsyToolkitServer,
   [Toolkits.Video]: videoToolkitServer,
   [Toolkits.Twitter]: twitterToolkitServer,
+  [Toolkits.Slack]: slackToolkitServer,
 };
 
 export function getServerToolkit<T extends Toolkits>(

src/toolkits/toolkits/shared.ts

@@ -26,6 +26,8 @@ import type { VideoTools } from "./video/tools";
 import type { videoParameters } from "./video/base";
 import type { TwitterTools } from "./twitter/tools";
 import type { twitterParameters } from "./twitter/base";
+import type { SlackTools } from "./slack/tools";
+import type { slackParameters } from "./slack/base";
 
 export enum Toolkits {
   Exa = "exa",
@@ -42,6 +44,7 @@ export enum Toolkits {
   Etsy = "etsy",
   Video = "video",
   Twitter = "twitter",
+  Slack = "slack",
 }
 
 export type ServerToolkitNames = {
@@ -59,6 +62,7 @@ export type ServerToolkitNames = {
   [Toolkits.Etsy]: EtsyTools;
   [Toolkits.Video]: VideoTools;
   [Toolkits.Twitter]: TwitterTools;
+  [Toolkits.Slack]: SlackTools;
 };
 
 export type ServerToolkitParameters = {
@@ -76,4 +80,5 @@ export type ServerToolkitParameters = {
   [Toolkits.Etsy]: typeof etsyParameters.shape;
   [Toolkits.Video]: typeof videoParameters.shape;
   [Toolkits.Twitter]: typeof twitterParameters.shape;
+  [Toolkits.Slack]: typeof slackParameters.shape;
 };

src/toolkits/toolkits/slack/base.ts

@@ -0,0 +1,30 @@
+import { z } from "zod";
+
+import {
+    SlackTools,
+    listChannelsTool,
+    sendMessageTool,
+    searchMessagesTool,
+    getUserInfoTool,
+    listWorkspacesTool,
+} from "./tools";
+
+import type { ToolkitConfig } from "@/toolkits/types";
+
+export const slackParameters = z.object({
+    // No parameters needed for OAuth-based tools
+});
+
+export const baseSlackToolkitConfig: ToolkitConfig<
+    SlackTools,
+    typeof slackParameters.shape
+> = {
+    tools: {
+        [SlackTools.ListChannels]: listChannelsTool,
+        [SlackTools.SendMessage]: sendMessageTool,
+        [SlackTools.SearchMessages]: searchMessagesTool,
+        [SlackTools.GetUserInfo]: getUserInfoTool,
+        [SlackTools.ListWorkspaces]: listWorkspacesTool,
+    },
+    parameters: slackParameters,
+};

src/toolkits/toolkits/slack/client.tsx

@@ -0,0 +1,51 @@
+import { SiSlack } from "@icons-pack/react-simple-icons";
+
+import { createClientToolkit } from "@/toolkits/create-toolkit";
+
+import { baseSlackToolkitConfig } from "./base";
+import { SlackTools } from "./tools";
+import {
+    listChannelsToolConfigClient,
+    sendMessageToolConfigClient,
+    searchMessagesToolConfigClient,
+    getUserInfoToolConfigClient,
+    listWorkspacesToolConfigClient,
+} from "./tools/client";
+
+import { Link } from "../components/link";
+
+import { ToolkitGroups } from "@/toolkits/types";
+
+import { SlackWrapper } from "./wrapper";
+
+export const slackClientToolkit = createClientToolkit(
+    baseSlackToolkitConfig,
+    {
+        name: "Slack",
+        description:
+            "Interact with your Slack workspace - send messages, search, and manage channels",
+        icon: SiSlack,
+        form: null,
+        Wrapper: SlackWrapper,
+        type: ToolkitGroups.DataSource,
+        envVars: [
+            {
+                type: "all",
+                keys: ["AUTH_SLACK_ID", "AUTH_SLACK_SECRET"],
+                description: (
+                    <span>
+                        Get an Auth Client ID and Secret from{" "}
+                        <Link href="https://api.slack.com/apps">here</Link>
+                    </span>
+                ),
+            },
+        ],
+    },
+    {
+        [SlackTools.ListChannels]: listChannelsToolConfigClient,
+        [SlackTools.SendMessage]: sendMessageToolConfigClient,
+        [SlackTools.SearchMessages]: searchMessagesToolConfigClient,
+        [SlackTools.GetUserInfo]: getUserInfoToolConfigClient,
+        [SlackTools.ListWorkspaces]: listWorkspacesToolConfigClient,
+    },
+);