\n\n## Set up\n\n1. Remix this val\n2. [Get a Slack webhook](https://docs.val.town/integrations/slack/send-messages-to-slack/#1-create-a-slack-app--webhook)\n & set it as `SLACK_WEBHOOK_URL` in this val's Environment variables in the\n left sidebar\n3. [Get an Attio Access Token](https://app.attio.com/_/settings/developers/access-tokens)\n (with all read & write permissions) & set it as `ATTIO_API_KEY` in this val's\n Environment variables in the left sidebar\n4. Go to [`setup.ts`](./setup.ts) and click run to set up the events database\n and Attio webhook\n5. Go trigger some Attio events and see the message in Slack!\n\n## Files\n\n- [`attio/hydrate.ts`](./attio/hydrate.ts) - Converts raw webhook events into\n human-readable descriptions\n- [`attio/webhook.ts`](./attio/webhook.ts) - Attio webhook management and secret\n handling\n- [`attio/webhook-payload-types.ts`](./attio/webhook-payload-types.ts) -\n Complete TypeScript types for all Attio webhook events\n- [`alert.ts`](./alert.ts) - Cron job that processes recent events and sends\n Slack summaries\n- [`auth.ts`](./auth.ts) - Webhook signature verification middleware\n- [`openai.ts`](./openai.ts) - AI-powered event summarization using OpenAI\n- [`scratch.ts`](./scratch.ts) - Development scratchpad for testing functions\n- [`setup.ts`](./setup.ts) - One-time setup script to initialize database and\n Attio webhook\n- [`slack.ts`](./slack.ts) - Utility to send messages to Slack via webhook\n- [`sqlite.ts`](./sqlite.ts) - Database operations for storing and retrieving\n Attio events\n- [`webhook.ts`](./webhook.ts) - HTTP endpoint that receives webhooks from Attio\n\n## Attio webhooks\n\nAttio webhooks return thin events, which contain a bunch of IDs, but no\nhuman-readable data, such as:\n\n```json\n{\n event_type: \"record.merged\",\n id: {\n workspace_id: \"b6c564a6-2cf7-49ab-9320-dea013196bd7\",\n object_id: \"a87cf74e-5ca1-4a8d-b8d3-fcca5413d4c3\",\n record_id: \"d64ff9f2-d1f1-424c-8be6-e41129e35697\"\n },\n duplicate_object_id: \"a87cf74e-5ca1-4a8d-b8d3-fcca5413d4c3\",\n duplicate_record_id: \"112b5c78-1ffe-457a-8366-181b482888b4\",\n actor: { type: \"system\", id: null }\n }\n```\n\nThe trickiest part of this val was hydrating these events into human readable\nform, like \"Steve commented on OpenAI: they're using Val Town!\"\n\nAfter trying and failing (for hours!) to get LLMs to write this code for me, I\neventually bit the bullet and wrote it by hand. I only handled some of the more\ncommon event types, and left myself comments of other example events of types I\nhaven't handled yet.\n\nIn theory, Attio has a better way to handle this, analgous to\n[Stripe's method\nto fetch data for thin events](https://docs.stripe.com/event-destinations#fetch-data),\nbut I wasn't able to find it. If you figure it out, please send me a pull\nrequest or let me know at steve@val.town.",[],[280],["D",1756319578206],[],[18,75],["D",1756319578206],[],[18,87],["D",1756319578206],[],[18,92],["D",1756319578206],[210,211,212],[18],["D",1756319578206],{"_11":12,"_144":81},{"_11":12,"_140":-5,"_80":81,"_31":79,"_141":142,"_143":30},{"_39":40,"_13":16,"_33":36,"_129":96,"_130":70,"_131":132,"_133":100,"_134":135,"_136":137,"_138":14,"_139":12},"ctx",{"_52":-5,"_165":335,"_336":337,"_338":339,"_340":30,"_341":30,"_342":30,"_343":24,"_344":-5,"_345":-7,"_346":-7,"_347":26,"_348":30,"_349":30,"_350":-5,"_351":30,"_352":30,"_353":30,"_354":-5},"ENV",{"_306":307,"_308":309,"_310":16,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · attio