@bygga.dev/editor 1.9.10 → 1.9.12

package/README.md

@@ -184,6 +184,12 @@ A missing locale label falls back to the default locale, then to the bare id. Yo
 backend must later resolve every id it sees; see
 [Sending and publishing](#sending-and-publishing).
 
+A tag can also be a link's whole url — an unsubscribe or "view in browser" link, say:
+type `{{unsubscribe}}` as the url in the link dialog or a button's URL field. The editor
+keeps it as typed (it only puts `https://` in front of something that starts like a host
+name, `www.example.com`), and the compiled email carries it in the `href` for your
+backend to replace with the full url.
+
 ### `brand` property
 The colours and fonts your embed permits, the look new blocks start with, values for
 your block plugins, and which block tiles to offer — a **menu, never a rewrite of a
@@ -262,7 +268,7 @@ editor.brand = {
               align: 'center', level: 2, padding: 8, background: '#ffffff',
               margin: { top: 0, right: 0, bottom: 16, left: 0 } },
     text:   { font: 'arial', fontSize: 16, color: '#333333', align: 'left',
-              paragraphSpacing: 8 },
+              paragraphSpacing: 8, lineHeight: 1.5 },
     button: { background: '#2f2a72', textColor: '#ffffff', font: 'arial',
               fontSize: 16, bold: true, align: 'center',
               padding: { top: 12, right: 24, bottom: 12, left: 24 },
@@ -281,7 +287,8 @@ Each style can also set the block's box — `margin` and `padding` (a number or
 `{ top, right, bottom, left }`), `borderRadius` (a number, or
 `{ topLeft, topRight, bottomRight, bottomLeft }`), and `border`
 (`{ width, color?, style? }`, `style` one of `solid`, `dashed`, `dotted`) — plus
-`underline` for header and text, `paragraphSpacing` (`0`, `4`, `8`, `12`, `16`,
+`underline` and `lineHeight` (the space between lines as a multiple of the text's
+size: `1`, `1.1`, `1.2`, `1.3`, `1.4`, `1.5`, `1.6`, `1.8` or `2`) for header and text, `paragraphSpacing` (`0`, `4`, `8`, `12`, `16`,
 `20`, `24` or `32` px) for text, and `minWidth` (whole px) for a button: the narrowest
 it is drawn, which a longer label still widens. Classic Outlook for Windows ignores a
 minimum width and draws the button at its label's width.
@@ -290,7 +297,7 @@ A style is a **starting value, written into the block when it is placed** — ex
 if the author had chosen each setting by hand. Revising your Brand changes the blocks
 placed next, never the ones already in your documents, and the compiled email knows
 nothing about Brands. A header's title and a button carry their whole style from the
-moment they appear; a text block is placed with its alignment, background and padding,
+moment they appear; a text block is placed with its alignment, spacing, background and padding,
 and the face, size, colour and weight are applied to what the author types into an
 empty paragraph (a mark needs text to sit on). The author can change any of it
 afterwards, as with any block.
@@ -540,8 +547,8 @@ means no controls — same as no `ai` at all.
 actions. It runs on their selection, or on the whole block when nothing is selected, one
 paragraph at a time: each paragraph or heading is its own `run` call, all sent at once, so
 a block keeps its paragraphs, heading level, line breaks and styling. The answers land
-together as one undo step, around anything the author typed while waiting. The button is
-disabled while requests are in flight.
+together as one undo step, around anything the author typed while waiting. While requests
+are in flight, a ring turns around the button and it can't start another run.
 
 ### Implementing the endpoint
 
@@ -658,7 +665,7 @@ the whole flow (including the failure path):
 ai: {
   actions: ['proofread', 'rewrite', 'shorten', 'expand'],
   run: async ({ action, text }) => {
-    await new Promise((r) => setTimeout(r, 400))     // see the pending state
+    await new Promise((r) => setTimeout(r, 1200))    // see the progress ring
     if (text.includes('boom')) throw new Error('mock failure')
     return `[${action}] ${text}`
   },