Post release

A React block (a whole screen) in Beamline's CMS & media app.

One post on its way out. The preview shows it as the website, a phone, the email and a shared link, from one revision; the email's subject is set apart from the website title, and a test email goes to one address with its outcome said (a failed test keeps the address). The release names what happens (publish and email, publish only, email only), who gets it (a newsletter, free or paid, labels) with the exact recipient count and an empty audience refused, and when; the review says every effect in words beside a button that repeats them ("Publish and send to 3,412"), and what comes back is said as it is: an email job queued, then sent and couldn't-be-delivered counts, never "delivered" on a queue.

Use it for

Publishing a post or article to a website, a newsletter or both, with the audience and the effects reviewed before release.

Not for

Scheduling social posts across networks (social-scheduler).
Editing the post itself.

Anatomy

header: the mark, the post's title and revision
preview: Web · Phone · Email · Social; the email's From, To (the audience in words), its own subject, Send test email
release: the steps (What happens · Who gets it · Review); Publish and email / Publish only / Email only, Now or Later; newsletter, subscribers (All · Free · Paid), labels, the exact recipient count; the effects in words, the revision, Change settings and the release button naming both effects and the count
after: what was published where, the email job's queued, sent and couldn't-be-delivered counts on one bar, the job id

States

web, phone, email, social preview; custom subject
test: invalid address; sending; sent; failed (address kept)
counting; recipients counted; empty audience (refused)
review; releasing; release failed (nothing released); scheduled; queued; sending; done; partially failed

Keyboard

the preview and the steps are radio groups; the test email opens a layer (a sheet on a phone), Enter sends

Motion

Only the parts' own feedback; nothing moves at rest.

Props

Prop	Type	Default	Description
`post`	`ReleasePost`	—	Title, excerpt, body, revision, url, visibility and image.
`countRecipients`	`(audience) => number \| null`	—	The exact number an audience reaches now; null while it can't be counted. The block never estimates.
`onSendTest`	`(address, subject) => Promise<{ at } \| { error }>`	—	Send one test email; resolve with when it was accepted, or an error (the address is kept).
`onRelease`	`(plan) => Promise<ReleaseReceipt \| { error }>`	—	Release the reviewed revision. An error releases nothing.
`newsletters` (required)	`ReleaseNewsletter[]`	—
`labels`	`ReleaseLabel[]`	—
`site`	`string`	—	The publication's address before the post's path, for the review ("fernhouse.blog").
`defaultPreview`	`Preview`	—
`defaultStep`	`Step`	—
`defaultMode`	`Mode`	—
`defaultAudience`	`Audience`	—
`defaultSubject`	`string \| null`	—
`defaultTestAddress`	`string`	—
`defaultTestOpen`	`boolean`	—
`defaultReceipt`	`ReleaseReceipt \| null`	—	Open on what came back from an earlier release.
`timeZone`	`string`	—
`product`	`string`	—
`className`	`string`	—	Classes on the documented visual root; no override by default.
`ref`	`Ref<HTMLDivElement>`	—	Receives the documented native target or imperative handle; omitted by default.

Built from

Dependencies

lucide-react

Import

import { PostRelease } from "@beamline/post-release";

Get it

Post release is part of Beamline UI. Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent