Launch
Shipped a public email playground on mailkite.dev: build an…
By Gabe LG
https://mailkite.dev/playground The right pane is React Email JSX and it edits in both directions. Touch the canvas and the JSX regenerates; hand-edit the JSX and the canvas re-parses it. The parser is acorn + acorn-jsx rather than a hand-rolled tokenizer, so a style={{...}} object doesn't break it, and anything it can't map is kept as an opaque block and counted in a status line under the code instead of being silently dropped. The HTML tab is the exact output the send engine ships, not a preview approximation. The terminal action is a real send. Type your address, click the link in the confirmation email, and the draft you wrote lands in your inbox with full headers. That confirmation is the signup. The token behind it lasts 15 minutes, sends only to you, from playground@mailkite.dev, 5 sends an hour. Two things I only found by running it: the editor's button node renders data-href but parses href, so every canvas round trip silently reset each CTA to '#'; and without an image-upload handler the schema has no image node at all, so every starter's logo vanished on parse with no error. Both are handled and the first is pinned by a test. Save template and Start a sequence hand the draft to the dashboard already signed in.
- Reactions
- 0
- Comments
- 0
- Shares
- 0