npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

slack-adapter-with-block-actions

v0.1.0

Published

temporary fork to allow slack's Block Actions in botkit Conversations

Downloads

6

Readme

This is a temporary fork

Allows slack's Block Actions in Conversations, beyond just button events. Longer term, this functionality will be included in the open source botkit slack adapter.

botbuilder-adapter-slack

Connect Botkit or BotBuilder to Slack.

This package contains an adapter that communicates directly with the Slack API, and translates messages to and from a standard format used by your bot. This package can be used alongside your favorite bot development framework to build bots that work with Slack.

Install Package

Add this package to your project using npm:

npm install --save botbuilder-adapter-slack

Import the adapter class into your code:

const { SlackAdapter } = require('botbuilder-adapter-slack');

Get Started

If you are starting a brand new project, follow these instructions to create a customized application template.

Use SlackAdapter in your App

SlackAdapter provides a translation layer for Botkit and BotBuilder so that bot developers can connect to Slack and have access to the Slack's API.

Botkit Basics

When used in concert with Botkit, developers need only pass the configured adapter to the Botkit constructor, as seen below. Botkit will automatically create and configure the webhook endpoints and other options necessary for communicating with Slack.

Developers can then bind to Botkit's event emitting system using controller.on and controller.hears to filter and handle incoming events from the messaging platform. Learn more about Botkit's core feature →.

A full description of the SlackAdapter options and example code can be found in the class reference docs.

const adapter = new SlackAdapter({
    clientSigningSecret: process.env.SLACK_SECRET,
    botToken: process.env.SLACK_TOKEN
});

const controller = new Botkit({
    adapter,
    // ...other options
});

controller.on('message', async(bot, message) => {
    await bot.reply(message, 'I heard a message!');
});

BotBuilder Basics

Alternately, developers may choose to use SlackAdapter with BotBuilder. With BotBuilder, the adapter is used more directly with a webserver, and all incoming events are handled as Activities.

const adapter = new SlackAdapter({
    clientSigningSecret: process.env.SLACK_SECRET,
    botToken: process.env.SLACK_TOKEN
});

const server = restify.createServer();
server.use(restify.plugins.bodyParser());
server.post('/api/messages', (req, res) => {
     adapter.processActivity(req, res, async(context) => {
         await context.sendActivity('I heard a message!');
     });
});

Multi-team Support

In the examples above, the SlackAdapter constructor received a single botToken parameters. This binds the adapter and all API calls it makes to a single Slack workspace.

To use SlackAdapter with multiple Slack workspaces, the constructor must receive a a different set of parameters. These parameters allow the adapter to be configured to work as an oauth client application of Slack's API, and will expose an "install link" used to add the application to each Slack workspace.

In additionto fields related to oauth, the constructor must also receive 2 functions:

  • a parameter named getTokenForTeam that is responsible for returning a token value when provided a Slack workspace ID.
  • a parameter named getBotUserByTeam that is responsible for returning a bot's user id value when provided a Slack workspace ID.

The application must implement its own mechanism for securely storing and retrieving these values.

const adapter = new SlackAdapter({
    clientSigningSecret: process.env.SLACK_SECRET,
    clientId: process.env.CLIENTID, // oauth client id
    clientSecret: process.env.CLIENTSECRET, // oauth client secret
    scopes: ['bot'], // oauth scopes requested
    redirectUri: process.env.REDIRECT_URI, // url to redirect post-login
    getTokenForTeam: async(team_id) => {
        // load the token for this team
        // as captured during oauth 
    }, 
    getBotUserByTeam: async(team_id) = {
        // load bot user id for this team   
        // as captured during oauth 
    }
});

// Create a route for the install link.
// This will redirect the user to Slack's permission request page.
controller.webserver.get('/install', (req, res) => {
    res.redirect(controller.getInstallLink());
});

// Create a route to capture the results of the oauth flow.
// this URL should match the value of the `redirectUri` passed to Botkit.
controller.webserver.get('/install/auth', (req, res) => {
    try {
        const results = await controller.adapter.validateOauthCode(req.query.code);

        // Store token by team in bot state.
        let team = results.team_id;
        let token = results.bot.bot_access_token;
        let userId = results.bot.bot_user_id;

        // Securely store the token and usedId so that they can be retrieved later by the team id.
        // ...

        // customize your post-install success page
        res.send('Success! Bot installed.');

    } catch (err) {
        console.error('OAUTH ERROR:', err);
        // customize your post-install failure page
        res.status(401);
        res.send(err.message);
    }
});

Class Reference

Event List

Botkit will emit the following events:

| Event | Description |--- |--- | message | a message from a user received in a shared channel | event | all other events from Slack (unless middlewares enabled, see below)

This package includea a set of optional middleware that will modify the type of incoming events to match their Slack event types (rather than being cast into generic "message or "event" types).

Most Botkit developers who plan to use features above and beyond the basic send/receive API should enable these middleware.

Import the adapter and the middlewares:

// load SlackAdapter AND SlackEventMiddleware
const { SlackAdapter, SlackEventMiddleware, SlackMessageTypeMiddleware } = require('botbuilder-adapter-slack');

Create your adapter (as above), then bind the middlewares to the adapter:

adapter.use(new SlackEventMiddleware());
adapter.use(new SlackMessageTypeMiddleware());

Now, Botkit will emit events with their original Slack names:

controller.on('channel_join', async(bot, message) => {
    // do stuff
});

Calling Slack APIs

This package exposes a pre-configured Slack API client for developers who want to use one of the many available API endpoints.

In Botkit handlers, the bot worker object passed into all handlers will contain a bot.api field that contains the client, preconfigured and ready to use.

controller.on('message', async(bot, message) {

    // load a user profile
    let profile = await bot.api.users.info({user: message.user});

});

Botkit Extensions

In Botkit handlers, the bot worker for Slack contains all of the base methods as well as the following platform-specific extensions:

controller.getInstallLink()

Returns the first step of an oauth-flow that results in the Botkit application being enabled on a workspace. Use this in concert with multi-team support.

controller.validateOauthCode()

This method receives the oauth code returned by Slack at the end of the oauth-flow and returns all of the credentials and authentication details associated with it. Use this to capture the workspace token and bot user ID needed for multi-team support.

Use attachments, blocks, and other rich message features

Botkit will automatically construct your outgoing messages according to Slack's specifications. To use attachments, blocks or other features, add them to the message object used to create the reply.

Use Block Kit Blocks

The preferred way of composing interactive messages is using Slack's Block Kit. Read the official Slack documentation here. Slack provides a UI to help create your interactive messages. Check out Block Kit Builder.

Interactive messages using blocks can be sent via any of Botkit's built in functions by passing in the appropriate "blocks" as part of the message. Here is an example:

const content = {
    blocks: [{...}]; // insert valid JSON following Block Kit specs
};

await bot.reply(message, content);

Use "Secondary" Attachments

Attachments are still supported by Slack, but the preferred way is to use Block Kit. Read the official Slack documentation here

Spawn a worker for a specific team

For a bot that works with multiple teams, it is possible to spawn bot workers bound to a specific team by passing the team ID as the primary parameter to controller.spawn():

let bot = await controller.spawn(SLACK_TEAM_ID);

Start or resume conversations with people

Use these method to initiate a conversation with a user, or in a specific channel or thread. After calling these methods, any further actions carried out by the bot worker will happen in that context.

This can be used to create or resume conversations with users that are not in direct response to an incoming message, like those sent on a schedule or in response to external events.

Slash Commands

Slash commands are special commands triggered by typing a "/" then a command. They are configured inside Slack's API portal.

Read Slack's documentation for Slash commands here →

When a Botkit application receives a request from a slash command, it will emit a slash_command event that can be handled using controller.on(). Several additional reply methods have been provided to handle slash commands.

controller.on('slash_command', async(bot, message) => { 

    // the /<command> part
    let command = message.command;
    // the /command <parameters> part
    let parameter = message.text;

    await bot.replyPublic('My response to your command is: ...');

});

Note that if you would prefer to send a response to the Slash command via the synchronous http response back to Slack, you can achieve this by using bot.httpBody().

controller.on('slash_command', async(bot, message) => {
    bot.httpBody({text:'You can send an immediate response using bot.httpBody()'});
});

Work with threads

Messages in Slack may now exist as part of a thread, separate from the messages included in the main channel. Threads can be used to create new and interesting interactions for bots.

Botkit's default behavior is for replies to be sent in-context. That is, if a bot replies to a message in a main channel, the reply will be added to the main channel. If a bot replies to a message in a thread, the reply will be added to the thread. This behavior can be changed by using one of the following specialized functions:

Ephemeral Messages

Messages can be sent to a user "ephemerally" which will only show to them, and no one else. Learn more about ephemeral messages at the Slack API Documentation.

Interactive messages

Slack applications can use "interactive messages" to include buttons, menus and other interactive elements to improve the user's experience. See here for how to attach cards and blocks.

If your interactive message contains a button, when the user clicks the button in Slack, Botkit triggers an event based on the message type.

When an event is received, your bot can either reply normally, or use the special bot.replyInteractive function which will result in the original message in Slack being replaced by the reply. Using replyInteractive, bots can present dynamic interfaces inside a single message.

To receive callbacks, register a callback url as part of applications configuration. Botkit's built in support for the Slack Button system supports interactive message callbacks at same url as other events (/api/messages by default).

Work with Slack Dialogs

Dialogs allow bots to present multi-field pop-up forms in response to a button click or other interactive message interaction. Botkit provides helper functions and special events to make using dialogs in your app possible.

Dialogs can be created in response to interactive_message or slash_command events. Botkit provides a specialized reply function, bot.replyWithDialog() and a object builder class, SlackDialog that should be used to create and send the dialog.

Update and remove messages

Slack supports updating and deleting messages. Do so with the following convenience methods:

Community & Support

Join our thriving community of Botkit developers and bot enthusiasts at large. Over 10,000 members strong, our open Slack group is the place for people interested in the art and science of making bots. Come to ask questions, share your progress, and commune with your peers!

You can also find help from members of the Botkit team in our dedicated Cisco Spark room!

About Botkit

Botkit is a part of the Microsoft Bot Framework.

Want to contribute? Read the contributor guide

Botkit is released under the MIT Open Source license