Pancake Studio

https://pancake.studio

A server that receives json payloads, flattens the keys (brings all keys to top level), and sends this new payload to a webhook that triggers a workflow in Slack.

Slack allows workflows to be triggered via webhooks in workflow builder. These workflows only support the extraction of variables at the top level of the payload structure. To handle nested payloads (for example payloads GitHub sends via webhooks), they need to be flattened before being sent to Slack's workflow builder webhook url.

Usage

1. In Slack, go to Tools -> Workflow Builder and create a new workflow. Choose Webhook for the type of workflow you are creating.
2. Add a second step (such as Send a Message to a person or channel).
3. Publish the workflow (this will allow the workflow to generate a webhook url). The webhook url should look something like https://hooks.slack.com/workflows/***.
4. Now, we need to manually edit the host portion of the url to match our server. If you are using https://pancake.studio, you would change the url to https://pancake.studio/workflows/***. You can also go to https://pancake.studio and enter your Slack webhook url into the input field to have us do the conversion for you.
5. Use the new url (https://pancake.studio/workflows/***) as the payload url when setting up webhooks with third parties (example: if you create a webhook for a repo on Github, use this url as the payload url).
6. Update the first step in your new workflow to add variables which can be used in subsequent steps in the workflow. Variable names must match the key name it wants to pull data from. Since they payload will be flattened, use dot notation to access keys that were previously nested (example: key1.keyA). Note: the key name you configure in the workflow must exist in incoming payload otherwise the workflow will fail. Check the Activity tab for recent logs.

Pancake studio will receive the payload from github, flatten it, change the hostname back to https://hooks.slack.com/ and then send the flattened payload to the original hooks url.

Pancake studio is stateless. It does not store the content of the payloads or the webhook urls.

Flat Payload Structure

Under the hood, we are using the flat npm package.

var flatten = require('flat')

const flatJson = flatten({
    key1: {
        keyA: 'valueI'
    },
    key2: {
        keyB: 'valueII'
    },
    key3: { a: { b: { c: 2 } } }
})

console.log(flatJson)
// {
//   'key1.keyA': 'valueI',
//   'key2.keyB': 'valueII',
//   'key3.a.b.c': 2
// }

Roadmap

• Help user by previewing flattened keys and copying them to the clipboard for use in Workflow Builder. Build UI to paste source JSON payload and preview it from the landing page.

Contributors

• Adam Marinelli (@amarinelli)
• Steve Gill (@stevengill)
• Michael Brooks (@mwbrooks)
• Kyle Turman (@kyleturman)