$1"); 52 | //// code ` 53 | string = string.replace(/`(.*?)`/g, "
$1");
54 | }
55 |
56 | return new Handlebars.SafeString(string);
57 | });
58 |
59 | Handlebars.registerHelper("wrap_link", (item, href) => {
60 | if (!href) { return item; }
61 | return new Handlebars.SafeString("#{item}");
62 | });
63 |
--------------------------------------------------------------------------------
/app/slack-message-builder.js:
--------------------------------------------------------------------------------
1 | var $ = require("jquery");
2 | var Handlebars = require("./handlebars-helpers");
3 |
4 | class SlackMessageBuilder {
5 | constructor(options) {
6 | this.$input = options.$input;
7 | this.$output = options.$output;
8 |
9 | this.defaults = {
10 | payload: {
11 | username: "incoming-webhook",
12 | icon_url: "https://avatars1.githubusercontent.com/u/287677?v=3&s=40",
13 | mrkdwn: true,
14 | attachments: []
15 | },
16 | attachment: {
17 | color: "#E3E4E6",
18 | mrkdwn_in: []
19 | }
20 | };
21 | }
22 |
23 | bind_events() {
24 | this.$input
25 | .find(".js-build")
26 | .on("click", this._parse_message.bind(this));
27 | }
28 |
29 | // Private
30 |
31 | _parse_message(event) {
32 | event.preventDefault();
33 |
34 | var $payload = this.$input.find(".js-payload"),
35 | payload = this._parse($payload.val());
36 | if (!payload) { return; }
37 | $payload.val(JSON.stringify(payload, null, 2));
38 |
39 | payload = $.extend({}, this.defaults.payload, payload);
40 | payload.attachments = this._extend_attachments(payload.attachments);
41 |
42 | var html = Handlebars.partials.message(payload);
43 |
44 | this.$output.append(html);
45 | this.$output.animate({ scrollTop: this.$output.get(0).scrollHeight }, 800);
46 | }
47 |
48 | _parse(input) {
49 | try {
50 | return JSON.parse(input);
51 | }
52 | catch(error) {
53 | // TODO: display error inline
54 | alert(`Error parsing JSON: ${error.message}`);
55 | }
56 | }
57 |
58 | _extend_attachments(attachments) {
59 | var defaults = this.defaults.attachment;
60 | return attachments.map(attachment => {
61 | return $.extend({}, defaults, attachment);
62 | });
63 | }
64 | };
65 |
66 | module.exports = SlackMessageBuilder;
67 |
--------------------------------------------------------------------------------
/app/templates/attachment.hbs:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/app/templates/attachment_author.hbs:
--------------------------------------------------------------------------------
1 | {{#if author_name}}
2 |