@jtalk22/slack-mcp 3.1.0 → 3.2.0

package/scripts/build-mobile-demo.js

@@ -1,168 +0,0 @@
-#!/usr/bin/env node
-
-import { spawnSync } from "node:child_process";
-import { existsSync, mkdirSync, statSync } from "node:fs";
-import { dirname, join, resolve } from "node:path";
-import { fileURLToPath } from "node:url";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const ROOT = resolve(__dirname, "..");
-
-const argv = process.argv.slice(2);
-const hasArg = (flag) => argv.includes(flag);
-const argValue = (flag) => {
-  const idx = argv.indexOf(flag);
-  return idx >= 0 && idx + 1 < argv.length ? argv[idx + 1] : null;
-};
-
-const input = resolve(argValue("--in") || join(ROOT, "docs", "videos", "demo-claude.webm"));
-const outputVideo = resolve(
-  argValue("--out-video") || join(ROOT, "docs", "videos", "demo-claude-mobile-20s.mp4")
-);
-const outputPoster = resolve(
-  argValue("--out-poster") || join(ROOT, "docs", "images", "demo-claude-mobile-poster.png")
-);
-const outputGif = resolve(
-  argValue("--out-gif") || join(ROOT, "docs", "images", "demo-claude-mobile-20s.gif")
-);
-const validationDir = resolve(
-  argValue("--validation-dir") || join(ROOT, "output", "release-health", "mobile-first3-frames")
-);
-
-// Start from a frame where tool execution is already visible.
-const startSeconds = Number(argValue("--start") || 8);
-const durationSeconds = Number(argValue("--duration") || 20);
-
-function run(label, args) {
-  console.log(`\n▶ ${label}`);
-  const result = spawnSync("ffmpeg", args, { stdio: "inherit" });
-  if (result.status !== 0) {
-    throw new Error(`ffmpeg failed during: ${label}`);
-  }
-}
-
-function hasCommand(name, args = ["--version"]) {
-  const probe = spawnSync(name, args, { stdio: "ignore" });
-  return probe.status === 0;
-}
-
-function ensureFfmpeg() {
-  const probe = spawnSync("ffmpeg", ["-version"], { stdio: "ignore" });
-  if (probe.status !== 0) {
-    throw new Error("ffmpeg is required but not available in PATH");
-  }
-}
-
-function formatSize(path) {
-  const bytes = statSync(path).size;
-  return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
-}
-
-if (!existsSync(input)) {
-  console.error(`Missing input video: ${input}`);
-  process.exit(1);
-}
-
-ensureFfmpeg();
-mkdirSync(dirname(outputVideo), { recursive: true });
-mkdirSync(dirname(outputPoster), { recursive: true });
-mkdirSync(dirname(outputGif), { recursive: true });
-
-const verticalComposite =
-  "[0:v]scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920,boxblur=22:10[bg];" +
-  "[0:v]scale=1040:-2:force_original_aspect_ratio=decrease[fg];" +
-  "[bg][fg]overlay=(W-w)/2:(H-h)/2[vout]";
-
-run("Build 9:16 mobile clip", [
-  "-y",
-  "-ss",
-  String(startSeconds),
-  "-t",
-  String(durationSeconds),
-  "-i",
-  input,
-  "-filter_complex",
-  verticalComposite,
-  "-map",
-  "[vout]",
-  "-c:v",
-  "libx264",
-  "-preset",
-  "medium",
-  "-crf",
-  "20",
-  "-pix_fmt",
-  "yuv420p",
-  "-movflags",
-  "+faststart",
-  "-an",
-  outputVideo,
-]);
-
-run("Build mobile poster", [
-  "-y",
-  "-ss",
-  String(startSeconds + 2),
-  "-i",
-  input,
-  "-vframes",
-  "1",
-  "-update",
-  "1",
-  "-filter_complex",
-  verticalComposite,
-  "-map",
-  "[vout]",
-  outputPoster,
-]);
-
-if (hasArg("--gif")) {
-  if (hasCommand("gifski")) {
-    console.log("\n▶ Build optional mobile GIF preview (gifski)");
-    const gifResult = spawnSync(
-      "gifski",
-      ["--fps", "12", "--width", "540", "--quality", "88", "--output", outputGif, outputVideo],
-      { stdio: "inherit" }
-    );
-    if (gifResult.status !== 0) {
-      throw new Error("gifski failed while building optional mobile GIF preview");
-    }
-  } else {
-    run("Build optional mobile GIF preview (ffmpeg fallback)", [
-      "-y",
-      "-i",
-      outputVideo,
-      "-vf",
-      "fps=12,scale=540:-2:flags=lanczos,split[s0][s1];[s0]palettegen=stats_mode=diff[p];[s1][p]paletteuse=dither=sierra2_4a",
-      outputGif,
-    ]);
-  }
-}
-
-if (hasArg("--validate-first3")) {
-  mkdirSync(validationDir, { recursive: true });
-  for (let second = 0; second < 3; second += 1) {
-    run(`Capture validation frame @ +${second}s`, [
-      "-y",
-      "-ss",
-      String(second),
-      "-i",
-      outputVideo,
-      "-frames:v",
-      "1",
-      "-update",
-      "1",
-      join(validationDir, `frame-${second}s.png`),
-    ]);
-  }
-}
-
-console.log("\n✅ Mobile demo artifacts ready");
-console.log(`- Video:  ${outputVideo} (${formatSize(outputVideo)})`);
-console.log(`- Poster: ${outputPoster} (${formatSize(outputPoster)})`);
-if (hasArg("--gif") && existsSync(outputGif)) {
-  console.log(`- GIF:    ${outputGif} (${formatSize(outputGif)})`);
-}
-if (hasArg("--validate-first3")) {
-  console.log(`- Validation frames: ${validationDir}`);
-}

package/scripts/build-release-health-delta.js

@@ -1,201 +0,0 @@
-#!/usr/bin/env node
-
-import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
-import { dirname, relative, resolve } from "node:path";
-
-const METRICS = [
-  "npm downloads (last week)",
-  "npm downloads (last month)",
-  "stars",
-  "forks",
-  "open issues",
-  "14d views",
-  "14d unique visitors",
-  "14d clones",
-  "14d unique cloners",
-  "deployment-intake submissions (all-time)",
-];
-
-const DEFAULT_AFTER = resolve("output", "release-health", "latest.md");
-const DEFAULT_OUT = resolve("output", "release-health", "automation-delta.md");
-const TARGETS = {
-  "npm downloads (last week)": { operator: ">=", value: 180 },
-  "deployment-intake submissions (all-time)": { operator: ">=", value: 2 },
-};
-
-function escapeRegex(input) {
-  return input.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-
-function parseArgs(argv) {
-  const args = { before: null, after: DEFAULT_AFTER, out: DEFAULT_OUT };
-  for (let i = 0; i < argv.length; i += 1) {
-    const arg = argv[i];
-    if (arg === "--before") {
-      if (!argv[i + 1]) throw new Error("Missing value for --before");
-      args.before = argv[i + 1];
-      i += 1;
-      continue;
-    }
-    if (arg === "--after") {
-      if (!argv[i + 1]) throw new Error("Missing value for --after");
-      args.after = argv[i + 1];
-      i += 1;
-      continue;
-    }
-    if (arg === "--out") {
-      if (!argv[i + 1]) throw new Error("Missing value for --out");
-      args.out = argv[i + 1];
-      i += 1;
-      continue;
-    }
-    throw new Error(`Unknown argument: ${arg}`);
-  }
-  return args;
-}
-
-function readSnapshot(path) {
-  if (!path || !existsSync(path)) {
-    return { path, metrics: new Map(), generatedAt: null };
-  }
-
-  const content = readFileSync(path, "utf8");
-  const generatedAtMatch = content.match(/^- Generated:\s+(.+)$/m);
-  const metrics = new Map();
-
-  for (const label of METRICS) {
-    const metricRegex = new RegExp(`^- ${escapeRegex(label)}:\\s+(.+)$`, "m");
-    const match = content.match(metricRegex);
-    if (!match) continue;
-
-    const raw = match[1].trim();
-    if (raw.toLowerCase() === "n/a") {
-      metrics.set(label, null);
-      continue;
-    }
-
-    const parsed = Number(raw.replace(/,/g, ""));
-    metrics.set(label, Number.isFinite(parsed) ? parsed : null);
-  }
-
-  return {
-    path,
-    metrics,
-    generatedAt: generatedAtMatch ? generatedAtMatch[1].trim() : null,
-  };
-}
-
-function formatValue(value) {
-  return value === null || value === undefined ? "n/a" : `${value}`;
-}
-
-function formatDelta(beforeValue, afterValue) {
-  if (!Number.isFinite(beforeValue) || !Number.isFinite(afterValue)) {
-    return "n/a";
-  }
-  const delta = afterValue - beforeValue;
-  if (delta > 0) return `+${delta}`;
-  return `${delta}`;
-}
-
-function evaluateTarget(metricLabel, value) {
-  const target = TARGETS[metricLabel];
-  if (!target || !Number.isFinite(value)) {
-    return null;
-  }
-
-  if (target.operator === ">=") {
-    return value >= target.value;
-  }
-  return null;
-}
-
-function displayPath(path) {
-  if (!path) return "(none found)";
-  const relPath = relative(process.cwd(), path);
-  if (relPath && !relPath.startsWith("..")) {
-    return relPath;
-  }
-  return path;
-}
-
-function renderMarkdown(beforeSnapshot, afterSnapshot, rows) {
-  const lines = [];
-  lines.push("# Automated Release Health Delta");
-  lines.push("");
-  lines.push(
-    `- Baseline snapshot: ${
-      beforeSnapshot.path && existsSync(beforeSnapshot.path) ? `\`${displayPath(beforeSnapshot.path)}\`` : "`(none found)`"
-    }`
-  );
-  lines.push(`- Current snapshot: \`${displayPath(afterSnapshot.path)}\``);
-  lines.push("");
-  lines.push("| Metric | Baseline | Current | Delta |");
-  lines.push("|---|---:|---:|---:|");
-
-  for (const row of rows) {
-    lines.push(
-      `| ${row.metric} | ${formatValue(row.beforeValue)} | ${formatValue(row.afterValue)} | ${formatDelta(
-        row.beforeValue,
-        row.afterValue
-      )} |`
-    );
-  }
-
-  lines.push("");
-  lines.push("## Target Checks");
-  lines.push("");
-
-  for (const metric of Object.keys(TARGETS)) {
-    const value = afterSnapshot.metrics.get(metric) ?? null;
-    const passed = evaluateTarget(metric, value);
-    const target = TARGETS[metric];
-    const status = passed === null ? "n/a" : passed ? "pass" : "miss";
-    lines.push(`- ${metric} ${target.operator} ${target.value}: ${status} (current: ${formatValue(value)})`);
-  }
-
-  if (beforeSnapshot.generatedAt || afterSnapshot.generatedAt) {
-    lines.push("");
-    lines.push("## Snapshot Times");
-    lines.push("");
-    if (beforeSnapshot.generatedAt) {
-      lines.push(`- Baseline generated: ${beforeSnapshot.generatedAt}`);
-    }
-    if (afterSnapshot.generatedAt) {
-      lines.push(`- Current generated: ${afterSnapshot.generatedAt}`);
-    }
-  }
-
-  return `${lines.join("\n")}\n`;
-}
-
-function main() {
-  const args = parseArgs(process.argv.slice(2));
-  const beforeSnapshot = readSnapshot(args.before ? resolve(args.before) : null);
-  const afterPath = resolve(args.after);
-
-  if (!existsSync(afterPath)) {
-    throw new Error(`Current snapshot not found: ${afterPath}`);
-  }
-
-  const afterSnapshot = readSnapshot(afterPath);
-  const rows = METRICS.map((metric) => ({
-    metric,
-    beforeValue: beforeSnapshot.metrics.get(metric) ?? null,
-    afterValue: afterSnapshot.metrics.get(metric) ?? null,
-  }));
-
-  const outputPath = resolve(args.out);
-  mkdirSync(dirname(outputPath), { recursive: true });
-  const markdown = renderMarkdown(beforeSnapshot, afterSnapshot, rows);
-  writeFileSync(outputPath, markdown);
-
-  console.log(`Wrote ${outputPath}`);
-}
-
-try {
-  main();
-} catch (error) {
-  console.error(error.message);
-  process.exit(1);
-}

package/scripts/build-social-preview.js

@@ -1,189 +0,0 @@
-#!/usr/bin/env node
-
-import { chromium } from "playwright";
-import { existsSync, mkdirSync, readFileSync, statSync } from "node:fs";
-import { dirname, join, resolve } from "node:path";
-import { fileURLToPath } from "node:url";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const ROOT = resolve(__dirname, "..");
-
-const WIDTH = 1280;
-const HEIGHT = 640;
-const MAX_BYTES = 1_000_000;
-
-function parseArg(flag) {
-  const idx = process.argv.indexOf(flag);
-  return idx >= 0 && idx + 1 < process.argv.length ? process.argv[idx + 1] : null;
-}
-
-const outputPath = resolve(parseArg("--out") || join(ROOT, "docs", "images", "social-preview-v3.png"));
-const sourcePath = resolve(parseArg("--source") || join(ROOT, "docs", "images", "demo-poster.png"));
-
-if (!existsSync(sourcePath)) {
-  console.error(`Missing source image: ${sourcePath}`);
-  process.exit(1);
-}
-
-mkdirSync(dirname(outputPath), { recursive: true });
-
-const sourceDataUri = `data:image/png;base64,${readFileSync(sourcePath).toString("base64")}`;
-
-const html = `<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Slack MCP Server v3.0.0 Social Preview</title>
-  <style>
-    :root {
-      --bg-a: #0f1f4c;
-      --bg-b: #0a1538;
-      --line: rgba(141, 168, 233, 0.3);
-      --text: #ecf4ff;
-      --muted: #b3c4e8;
-    }
-    * {
-      box-sizing: border-box;
-      margin: 0;
-      padding: 0;
-      font-family: "Space Grotesk", "IBM Plex Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
-    }
-    body {
-      width: ${WIDTH}px;
-      height: ${HEIGHT}px;
-      overflow: hidden;
-      color: var(--text);
-      background:
-        radial-gradient(920px 460px at 8% 0%, #2a4f98 0%, transparent 58%),
-        radial-gradient(980px 500px at 100% 100%, #0f4686 0%, transparent 63%),
-        linear-gradient(130deg, var(--bg-a), var(--bg-b));
-      padding: 24px 28px;
-    }
-    .card {
-      width: 100%;
-      height: 100%;
-      border-radius: 16px;
-      border: 1px solid var(--line);
-      background: linear-gradient(165deg, rgba(16, 34, 82, 0.76), rgba(9, 20, 54, 0.92));
-      box-shadow: 0 18px 36px rgba(0, 0, 0, 0.3);
-      padding: 14px 16px;
-      display: grid;
-      grid-template-rows: auto 1fr auto;
-      gap: 10px;
-    }
-    .top {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      font-size: 19px;
-      font-weight: 600;
-      letter-spacing: -0.01em;
-      color: #e9f2ff;
-    }
-    .pill {
-      font-size: 17px;
-      background: rgba(88, 121, 191, 0.24);
-      border: 1px solid rgba(137, 167, 227, 0.5);
-      color: #dce9ff;
-      border-radius: 999px;
-      padding: 4px 10px 5px;
-      font-weight: 600;
-    }
-    .image-frame {
-      border-radius: 13px;
-      border: 1px solid rgba(147, 173, 240, 0.32);
-      overflow: hidden;
-      background: #0a1438;
-      height: 474px;
-    }
-    .image-frame img {
-      display: block;
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      object-position: top center;
-      filter: saturate(1.03);
-    }
-    .bottom {
-      border-top: 1px solid rgba(130, 156, 220, 0.24);
-      padding-top: 8px;
-      display: grid;
-      grid-template-columns: 1fr auto;
-      align-items: center;
-      gap: 12px;
-    }
-    .subhead {
-      font-size: 28px;
-      font-weight: 620;
-      line-height: 1.08;
-      letter-spacing: -0.02em;
-      max-width: 930px;
-    }
-    .detail {
-      margin-top: 5px;
-      font-size: 18px;
-      color: var(--muted);
-      letter-spacing: -0.012em;
-      font-weight: 500;
-    }
-    .attribution {
-      text-align: right;
-      font-size: 17px;
-      color: #d6e3ff;
-      font-weight: 560;
-      line-height: 1.2;
-    }
-    .attribution .mail {
-      font-size: 14px;
-      color: #a8bbe6;
-      font-weight: 500;
-    }
-  </style>
-</head>
-<body>
-  <main class="card">
-    <header class="top">
-      <span>Slack MCP Server</span>
-      <span class="pill">v3.0.0</span>
-    </header>
-    <section class="image-frame">
-      <img src="${sourceDataUri}" alt="Slack MCP live demo frame">
-    </section>
-    <footer class="bottom">
-      <div>
-        <div class="subhead">Session-based Slack MCP for Claude and MCP clients.</div>
-        <div class="detail">Local-first stdio/web. Secure-default hosted HTTP in v3.</div>
-      </div>
-      <div class="attribution">
-        <div>jtalk22</div>
-        <div class="mail">james@revasser.nyc</div>
-      </div>
-    </footer>
-  </main>
-</body>
-</html>`;
-
-const browser = await chromium.launch({ headless: true });
-const context = await browser.newContext({
-  viewport: { width: WIDTH, height: HEIGHT },
-  deviceScaleFactor: 1,
-  colorScheme: "dark",
-});
-
-const page = await context.newPage();
-await page.setContent(html, { waitUntil: "networkidle" });
-await page.waitForTimeout(300);
-await page.screenshot({ path: outputPath, type: "png" });
-
-await context.close();
-await browser.close();
-
-const size = statSync(outputPath).size;
-console.log(`Wrote ${outputPath}`);
-console.log(`Size: ${size} bytes`);
-
-if (size > MAX_BYTES) {
-  console.error(`Image exceeds ${MAX_BYTES} bytes target.`);
-  process.exit(1);
-}

package/scripts/capture-screenshots.js

@@ -1,152 +0,0 @@
-#!/usr/bin/env node
-/**
- * Screenshot capture script using Playwright
- * Captures desktop + mobile screenshots for README/docs
- */
-
-import { chromium } from 'playwright';
-import { fileURLToPath } from 'url';
-import { dirname, join } from 'path';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-const projectRoot = join(__dirname, '..');
-const imagesDir = join(projectRoot, 'docs', 'images');
-
-const viewports = [
-  { width: 390, height: 844, suffix: '390x844' },
-  { width: 360, height: 800, suffix: '360x800' }
-];
-
-async function openPage(browser, filePath, viewport) {
-  const context = await browser.newContext({
-    viewport,
-    deviceScaleFactor: 2,
-    colorScheme: 'dark'
-  });
-  const page = await context.newPage();
-  await page.goto(`file://${filePath}`);
-  await page.waitForTimeout(1000);
-  return { context, page };
-}
-
-async function captureScreenshots() {
-  console.log('Launching browser...');
-
-  const browser = await chromium.launch({
-    headless: true
-  });
-
-  const demoPath = join(projectRoot, 'public', 'demo.html');
-  const demoClaudePath = join(projectRoot, 'public', 'demo-claude.html');
-  const indexPath = join(projectRoot, 'public', 'index.html');
-
-  // Desktop captures from demo.html
-  {
-    const { context, page } = await openPage(browser, demoPath, { width: 1400, height: 900 });
-
-    console.log('Capturing desktop demo screenshots...');
-    await page.screenshot({
-      path: join(imagesDir, 'demo-main.png'),
-      clip: { x: 0, y: 0, width: 1400, height: 800 }
-    });
-
-    const mainPanel = await page.$('.main-panel');
-    if (mainPanel) {
-      await mainPanel.screenshot({
-        path: join(imagesDir, 'demo-messages.png')
-      });
-    }
-
-    const sidebar = await page.$('.sidebar');
-    if (sidebar) {
-      await sidebar.screenshot({
-        path: join(imagesDir, 'demo-sidebar.png')
-      });
-    }
-
-    await page.evaluate(() => runScenario('listChannels'));
-    await page.waitForTimeout(2600);
-    await page.screenshot({
-      path: join(imagesDir, 'demo-channels.png'),
-      clip: { x: 0, y: 0, width: 1400, height: 800 }
-    });
-
-    await page.click('.conversation-item:first-child');
-    await page.waitForTimeout(600);
-    await page.screenshot({
-      path: join(imagesDir, 'demo-channel-messages.png'),
-      clip: { x: 0, y: 0, width: 1400, height: 800 }
-    });
-
-    await context.close();
-  }
-
-  // Poster from the Claude demo
-  {
-    const { context, page } = await openPage(browser, demoClaudePath, { width: 1280, height: 800 });
-    console.log('Capturing poster image...');
-    // Wait for transient scenario caption animation to settle.
-    await page.waitForTimeout(2600);
-    await page.evaluate(() => {
-      const caption = document.getElementById('scenarioCaption');
-      if (caption) caption.classList.remove('visible');
-    });
-    await page.screenshot({
-      path: join(imagesDir, 'demo-poster.png'),
-      clip: { x: 0, y: 0, width: 1280, height: 800 }
-    });
-    await context.close();
-  }
-
-  // Mobile captures for web, demo, and claude demo pages
-  for (const viewport of viewports) {
-    const label = `${viewport.width}x${viewport.height}`;
-    console.log(`Capturing mobile screenshots (${label})...`);
-
-    {
-      const { context, page } = await openPage(browser, demoPath, viewport);
-      await page.screenshot({
-        path: join(imagesDir, `demo-main-mobile-${viewport.suffix}.png`),
-        fullPage: true
-      });
-      await context.close();
-    }
-
-    {
-      const { context, page } = await openPage(browser, demoClaudePath, viewport);
-      await page.screenshot({
-        path: join(imagesDir, `demo-claude-mobile-${viewport.suffix}.png`),
-        fullPage: true
-      });
-      await context.close();
-    }
-
-    {
-      const { context, page } = await openPage(browser, indexPath, viewport);
-      await page.screenshot({
-        path: join(imagesDir, `web-api-mobile-${viewport.suffix}.png`),
-        fullPage: true
-      });
-      await context.close();
-    }
-  }
-
-  await browser.close();
-
-  console.log('\nScreenshots saved to docs/images/');
-  console.log('  - demo-main.png');
-  console.log('  - demo-messages.png');
-  console.log('  - demo-sidebar.png');
-  console.log('  - demo-channels.png');
-  console.log('  - demo-channel-messages.png');
-  console.log('  - demo-poster.png');
-  console.log('  - demo-main-mobile-390x844.png');
-  console.log('  - demo-main-mobile-360x800.png');
-  console.log('  - demo-claude-mobile-390x844.png');
-  console.log('  - demo-claude-mobile-360x800.png');
-  console.log('  - web-api-mobile-390x844.png');
-  console.log('  - web-api-mobile-360x800.png');
-}
-
-captureScreenshots().catch(console.error);