created live endpoint for /live slack command

.gitignore

@@ -1,2 +1,3 @@
 .env
-node_modules
+node_modules
+.vercel

.npmrc

@@ -0,0 +1 @@
+@yotie:registry=https://npm.pkg.github.com

README.md

@@ -8,4 +8,4 @@
 
 
 ## Example
-![screenshot](./docs/screenshot.png)
+![screenshot](./docs/screenshot.png)

api/_utils/scrape.ts

@@ -0,0 +1,19 @@
+import cheerio from 'cheerio';
+import fetch from 'node-fetch';
+
+export default async function scrape(linktree) {
+  const html = await fetch(linktree);
+  const htmlString = await html.text();
+  const $ = cheerio.load(htmlString);
+  const links = []; 
+
+  $('.link a').each((_, el) => {
+    const { linkTitle, linkUrl } = $(el).data();
+    links.push({
+      name: linkTitle,
+      link: linkUrl
+    });
+  });
+
+  return links;
+}

api/announce.ts

@@ -0,0 +1,59 @@
+import fetch from 'node-fetch';
+import { post } from '@yotie/micron';
+import scrape from './_utils/scrape';
+
+const { 
+  LINKTREE,
+  SLACK_WEBHOOK_URL: slack_webhook 
+} = process.env;
+
+export default post(async ({ ok, error }) => {
+  const links = await scrape(LINKTREE);
+
+  const buttons = links.map(({ name, link }) => {
+    return {
+      type: "section",
+      text: {
+        "type": "mrkdwn",
+        "text": `To Watch on ${name}, click this button 👉🏾`
+      },
+      "accessory": {
+        type: "button",
+        url: link,
+        text: {
+          "type": "plain_text",
+          "text": "Watch Now",
+          "emoji": true
+        },
+        "value": "click_me_123"
+      }
+    }
+  });
+
+  const body = {
+    "blocks": [
+      {
+        "type": "section",
+        "text": {
+          "type": "mrkdwn",
+          "text": "@here we're going live, make sure to join us 👀."
+        }
+      },
+      ...buttons
+    ]
+  };
+
+  console.log('body', JSON.stringify(body));
+
+
+  const slack = await fetch(slack_webhook, {
+    method: 'POST',
+    body:    JSON.stringify(body),
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+  console.log(slack);
+  if (!slack.ok) return error({ msg: 'something went wrong' });
+
+  return ok();
+});

api/scrape.ts

@@ -0,0 +1,9 @@
+import { get } from '@yotie/micron';
+import scrape from './_utils/scrape';
+
+const { LINKTREE } = process.env;
+
+export default get(async ({ ok }) => {
+  const links = await scrape(LINKTREE)
+  return ok(links);
+});

api/slash/live.ts

@@ -0,0 +1,56 @@
+import fetch from 'node-fetch';
+import { Message, Blocks, Elements} from 'slack-block-builder';
+import { post } from '@yotie/micron';
+import scrape from '../_utils/scrape';
+
+const { 
+  LINKTREE,
+  SLACK_WEBHOOK_URL: slack_webhook 
+} = process.env;
+
+export default post(async ({ body, ok, error }) => {
+  const links = await scrape(LINKTREE);
+  const buttons = links.map(({ link, name}) => 
+    Elements.Button().text(name).url(link));
+
+  const { text, response_url } = body;
+  const marker = text.indexOf(' ');
+  const link = text.slice(0, marker).trim();
+  const subject = text.slice(marker, text.length).trim();
+
+  const message = Message()
+    .blocks(
+      Blocks.Section()
+        .text(`Today we'll be talking about: *${subject}* \n Join the live here: ${link}`),
+      Blocks.Section()
+        .text(`Dont forget to also follow us on social media to stay up-to-date on the lastest from the community.`),
+      Blocks.Divider(),
+      Blocks.Actions()
+        .elements(...buttons)
+    )
+    .buildToJSON();
+
+  const broadcast = await fetch(slack_webhook, {
+    method: 'POST',
+    body:    message,
+    headers: { 'Content-Type': 'application/json' },
+  });
+  if (!broadcast.ok) {
+    console.log(await broadcast.json())
+    return error({ msg: 'something went wrong' });
+  }
+
+
+  const confirm = Message().text(`We successfully broadcasted the announcement for *${subject}*`)
+    .asUser().buildToJSON();
+
+  const slackConfirm = await fetch(response_url, {
+    method: 'POST',
+    body: confirm,
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+  if (!slackConfirm.ok) return error({ msg: 'something went wrong' });
+
+  return ok();
+});

now.json

@@ -1,15 +1,8 @@
 {
-  "version": 2,
   "name": "welcome-bot",
-  "alias": ["tichaiti-welcome-bot.now.sh"],
-  "builds": [
-    { "src": "src/index.js", "use": "@now/node" }
-  ],
-  "routes": [
-    { "src": "/", "dest": "src/index.js" }
-  ],
   "env": {
-    "SLACK_TOKEN": "@slack-token",
-    "GENERAL_CHANNEL": "C4M75GB39"
+    "GENERAL_CHANNEL": "C4M75GB39",
+    "LINKTREE": "https://linktr.ee/tichaiti",
+    "SLACK_WEBHOOK_URL": "@slack-webhook"
   }
 }

package.json

@@ -11,7 +11,12 @@
   "license": "ISC",
   "dependencies": {
     "@slack/web-api": "^5.0.1",
+    "@yotie/micron": "^2.0.0-rc3",
+    "cheerio": "^1.0.0-rc.3",
     "micro": "^9.3.4",
-    "micro-dev": "^3.0.0"
+    "micro-dev": "^3.0.0",
+    "node-fetch": "^2.6.1",
+    "slack-block-builder": "^1.6.0",
+    "slack-message-builder": "^1.2.1"
   }
 }