Membrane.

A fast, powerful way to write internal tools in TypeScript, connecting the apps you already use at work.

Adds a new record to an Airtable Base when a new Mailchimp subscriber is added.

Subscribe to event.

GraphQL query

New Airtable record.

import { nodes, root, state } from "membrane";

export async function configure({ audienceId, tableId }) {
  const audience = await nodes.audiences.one({ id: audienceId });
  await audience.subscriptions.$subscribe(root.handleEvent);

  state.table = nodes.tables.one({ id: tableId });
}

export async function handleEvent(_, { event }) {
  const data = await event.member.$query(
    `{ email_address, status, timestamp_opt }`
  );

  const record = {
    email: data.email_address,
    status: data.status,
    timestamp: data.timestamp_opt,
  };
  await state.table.createRecord({ fields: record });
}

INSTALL

A fast, powerful way to write internal tools in TypeScript, connecting the apps you already use at work.

Durable Programs ....................................................................................................0

Cron Jobs and Timers ....................................................................................................

Membrane Web IDE ....................................................................................................2

The Graph ....................................................................................................

Graph-based Access Control ....................................................................................................4

Observability ....................................................................................................

Instantanous Deploys ....................................................................................................6

Step Debugger ....................................................................................................

Custom Exit Nodes ....................................................................................................8

HTTP Endpoints ....................................................................................................9

Open Source Drivers (APIs) ....................................................................................................10

Code completion ....................................................................................................

SMS Reminders ....................................................................................................

Discord Weather Bot ....................................................................................................1

Mailchimp Alerts ....................................................................................................2

Follow Hacker News Users ....................................................................................................3

Airtable changes to Email ....................................................................................................4

Twitter Bot ....................................................................................................5

HTMX Form ....................................................................................................

Github Weekly Report ....................................................................................................7

Github Action Alert ....................................................................................................8

Github Commits on Discord ....................................................................................................9

Track HN Jobs in Google Sheets ....................................................................................................10

Mailchimp to airtable ....................................................................................................11

Adds a new record to an Airtable Base when a new Mailchimp subscriber is added.

Subscribe to event.

GraphQL query

New Airtable record.

import { nodes, root, state } from "membrane";

export async function configure({ audienceId, tableId }) {
  const audience = await nodes.audiences.one({ id: audienceId });
  await audience.subscriptions.$subscribe(root.handleEvent);

  state.table = nodes.tables.one({ id: tableId });
}

export async function handleEvent(_, { event }) {
  const data = await event.member.$query(
    `{ email_address, status, timestamp_opt }`
  );

  const record = {
    email: data.email_address,
    status: data.status,
    timestamp: data.timestamp_opt,
  };
  await state.table.createRecord({ fields: record });
}

INSTALL

If you're curious about Membrane's architecture, Juan joined the devtools.fm podcast to talk through the nuts and bolts.

2024-11-15 Changelog 0.11 IDE layout updates; search & explore packages by user
2024-11-08 Changelog 0.10 Saving editor settings; HTTP endpoint previews
2024-11-01 Changelog 0.9 Program cloning; embedded docs in IDE
2024-10-25 Changelog 0.8 Package publishing; Navigator action logs
2024-10-18 Changelog 0.7 Simpler onboarding, new templates; better types
2024-10-04 Changelog 0.6 IDE text selection; GitHub, Anthropic driver upgrades
2024-09-27 Changelog 0.5 Better npm support; package sharing upgrades
2024-09-13 Changelog 0.4 Navigator file explorer; share page improvements
2024-09-06 Changelog 0.3 Support npm package types; Logs back navigation
2024-08-30 Changelog 0.2 Logs UI upgrades and better onboarding UX (examples)
2024-08-23 Changelog 0.1 Improved Navigator context menu and driver install UX
2024-06-19 Public Roadmap A Membrane program to share what we're working on
2023-09-20 Progress Update #3 Simpler function signatures; built-in Google auth
2023-09-13 Progress Update #2 Windows support and OOM handling
2023-08-30 Progress Update #1 Internal logging architecture; improved HTTP UI
2023-08-14 Progress Update #0 Exit nodes and Program Replays

Join us on Discord

Enter your email for occasional updates