@lyads/visual-editor 0.0.0-stage → 1.0.1

package/dist/security/source-markup.d.ts

@@ -0,0 +1,53 @@
+import { ActiveMarkupRules } from './markup-rules';
+import type { ActiveMarkup } from './markup-rules';
+/** Where a block of source kept as text would be parsed by whoever renders it. */
+export type SourceContext = 'html' | 'svg' | 'math';
+/** The elements whose content the document keeps as source, and how that source is read. */
+export declare const SOURCE_CONTEXTS: Readonly<Record<string, SourceContext>>;
+/** A conditional comment hides markup which Outlook, or an old browser, does render. */
+export declare function isConditionalComment(value: string): boolean;
+/** Active CSS is removed from a style attribute or sheet; absent, styles are left as written. */
+export interface ActiveStyleRemover {
+    stripActive(css: string, context?: 'stylesheet' | 'declarationList'): {
+        readonly css: string;
+        readonly removed: number;
+    };
+}
+export interface SourceElement {
+    readonly tag: string;
+    readonly attrs: Readonly<Record<string, string>>;
+    /** Text directly inside the element, e.g. the code of an inline script. */
+    readonly text: string;
+}
+export interface StrippedSource {
+    readonly source: string;
+    readonly removed: readonly ActiveMarkup[];
+}
+/**
+ * Reads markup the document keeps as text: conditional comments, `noscript`, `template` and
+ * inline SVG or MathML. It is parsed only to be inspected; what is not removed stays byte for
+ * byte, because these blocks are often unbalanced fragments no serializer would reproduce.
+ */
+export declare class SourceMarkup {
+    #private;
+    private readonly rules;
+    private readonly styles?;
+    constructor(rules?: ActiveMarkupRules, styles?: ActiveStyleRemover | undefined);
+    /**
+     * Every element in the block, nested templates included. Empty when it has too many nodes;
+     * throws `DOCUMENT_TOO_DEEP` when it nests beyond the limit of a document.
+     */
+    elements(source: string, context?: SourceContext): readonly SourceElement[];
+    /**
+     * Cuts scripts, embeds, inline handlers and code URLs out of the text by their source
+     * positions and checks the result again. Undefined when it could not be made clean: the
+     * caller then drops the whole block rather than keep something it cannot vouch for.
+     */
+    strip(source: string, context?: SourceContext): StrippedSource | undefined;
+    private cuts;
+    /** A style sheet inside the block which holds active CSS leaves whole. */
+    private activeSheet;
+    private walk;
+    private attributes;
+    private name;
+}

package/dist/security/text-presentation.d.ts

@@ -0,0 +1,19 @@
+import * as v from 'valibot';
+export declare const TEXT_FONT_FAMILIES: readonly ["Arial", "Georgia", "Verdana", "Tahoma", "Trebuchet MS", "Times New Roman", "Courier New", "system-ui", "sans-serif", "serif", "monospace"];
+export declare const TEXT_STYLE_LIMITS: Readonly<{
+    fontSizePx: 160;
+    lineHeightPx: 500;
+    lineHeightRatio: 10;
+}>;
+/** What a selected block looks like, as bounded numbers and closed names; never CSS text. */
+export declare const TextPresentationStyleSchema: v.StrictObjectSchema<{
+    readonly size: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.FiniteAction<number, undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 160, undefined>]>;
+    readonly lineHeight: v.UnionSchema<[v.LiteralSchema<"normal", undefined>, v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.FiniteAction<number, undefined>, v.MinValueAction<number, 1, undefined>, v.MaxValueAction<number, 500, undefined>]>], undefined>;
+    readonly weight: v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.FiniteAction<number, undefined>, v.MinValueAction<number, 100, undefined>, v.MaxValueAction<number, 900, undefined>]>;
+    readonly color: v.TupleSchema<[v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.FiniteAction<number, undefined>, v.MinValueAction<number, 0, undefined>, v.MaxValueAction<number, 255, undefined>]>, v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.FiniteAction<number, undefined>, v.MinValueAction<number, 0, undefined>, v.MaxValueAction<number, 255, undefined>]>, v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.FiniteAction<number, undefined>, v.MinValueAction<number, 0, undefined>, v.MaxValueAction<number, 255, undefined>]>, v.SchemaWithPipe<readonly [v.NumberSchema<undefined>, v.FiniteAction<number, undefined>, v.MinValueAction<number, 0, undefined>, v.MaxValueAction<number, 1, undefined>]>], undefined>;
+    readonly family: v.PicklistSchema<["sans-serif", "serif", "monospace"], undefined>;
+    readonly font: v.ExactOptionalSchema<v.PicklistSchema<readonly ["Arial", "Georgia", "Verdana", "Tahoma", "Trebuchet MS", "Times New Roman", "Courier New", "system-ui", "sans-serif", "serif", "monospace"], undefined>, undefined>;
+    readonly align: v.PicklistSchema<["left", "right", "center", "justify"], undefined>;
+    readonly direction: v.PicklistSchema<["ltr", "rtl"], undefined>;
+}, undefined>;
+export type CanvasTextStyle = v.InferOutput<typeof TextPresentationStyleSchema>;

package/dist/security/url-policy.d.ts

@@ -0,0 +1,23 @@
+export type UrlPurpose = 'link' | 'image';
+export interface UrlPolicyOptions {
+    readonly exactUrlPlaceholders?: readonly string[];
+}
+/** URI protocol decisions live here; callers must pass decoded HTML/CSS values. */
+export declare class UrlPolicy {
+    #private;
+    constructor(options?: UrlPolicyOptions);
+    isSafe(input: string, purpose?: UrlPurpose): boolean;
+    /**
+     * Whether a document URL would run code where it is followed: `javascript:`, `vbscript:`
+     * or a `data:` document. Unlike `isSafe`, which decides what the editor itself may write,
+     * this only classifies imported content; merge tags and unknown schemes are not active.
+     */
+    isActive(input: string): boolean;
+    /** Unicode separators, zero-width marks and direction controls (NEL, NBSP, ZWSP, BOM...). */
+    private invisible;
+    /**
+     * A space never precedes or sits inside a scheme or authority. It is tolerated only in the
+     * path or query of an explicit http(s) URL and after the colon of mailto and tel.
+     */
+    private spacesOnlyAfterScheme;
+}

package/dist/server-worker.js

@@ -0,0 +1,17 @@
+import { a as e, i as t, n } from "./generated-mjml-CtzE-f3v.js";
+import { parentPort as r, workerData as i } from "node:worker_threads";
+import a from "mjml";
+//#region src/compilation/node-worker.ts
+var o = new t();
+try {
+	let t = n(i);
+	if (!t) throw Error("INVALID_COMPILE_INPUT");
+	o.source(t.source, t.fragments);
+	let s = await a(t.source, e);
+	r?.postMessage({ html: o.output(s.html) });
+} catch {
+	r?.postMessage({ error: "COMPILE_FAILED" });
+}
+//#endregion
+
+//# sourceMappingURL=server-worker.js.map

package/dist/server-worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-worker.js","names":["MJML_OPTIONS","CompilationGuard","mjml2html","guard","request","readCompileRequest","workerData","result"],"sources":["../src/compilation/node-worker.ts"],"sourcesContent":["import { parentPort, workerData } from 'node:worker_threads';\nimport mjml2html from 'mjml';\nimport { CompilationGuard, MJML_OPTIONS } from './guard';\nimport { readCompileRequest } from './generated-mjml';\n\nconst guard = new CompilationGuard();\ntry {\n  const request = readCompileRequest(workerData);\n  if (!request) throw new Error('INVALID_COMPILE_INPUT');\n  guard.source(request.source, request.fragments);\n  const result = await mjml2html(request.source, MJML_OPTIONS);\n  parentPort?.postMessage({ html: guard.output(result.html) });\n} catch {\n  parentPort?.postMessage({ error: 'COMPILE_FAILED' });\n}\n"],"mappings":";;;;AAKA,IAAMG,IAAQ,IAAIF,EAAiB;AACnC,IAAI;CACF,IAAMG,IAAUC,EAAmBC,CAAU;CAC7C,IAAI,CAACF,GAAS,MAAU,MAAM,uBAAuB;CACrD,EAAM,OAAOA,EAAQ,QAAQA,EAAQ,SAAS;CAC9C,IAAMG,IAAS,MAAML,EAAUE,EAAQ,QAAQJ,CAAY;CAC3D,GAAY,YAAY,EAAE,MAAMG,EAAM,OAAOI,EAAO,IAAI,EAAE,CAAC;AAC7D,QAAQ;CACN,GAAY,YAAY,EAAE,OAAO,iBAAiB,CAAC;AACrD"}

package/dist/server.js

@@ -0,0 +1,79 @@
+import { g as e, r as t, s as n, y as r } from "./identity-CJHb6l9N.js";
+import { i, n as a, r as o } from "./block-controller-RjYGvOcn.js";
+import { _ as s, a as c, b as l, c as u, f as d, g as f, h as p, i as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, v as C, x as w, y as T } from "./block-factory-C5oHi4Fm.js";
+import { c as E, i as D, o as O, r as k, s as A, t as j } from "./generated-mjml-CtzE-f3v.js";
+import { Worker as M } from "node:worker_threads";
+//#region src/compilation/node-compiler.ts
+var N = class {
+	workerUrl;
+	timeoutMs;
+	guard = new D();
+	jobs = /* @__PURE__ */ new Set();
+	disposed = !1;
+	constructor(e, t = k.timeoutMs) {
+		if (this.workerUrl = e, this.timeoutMs = t, !Number.isInteger(t) || t < 1 || t > k.timeoutMs) throw Error("INVALID_COMPILE_TIMEOUT");
+	}
+	async compile(e) {
+		return this.run(e);
+	}
+	async compileGenerated(e) {
+		if (!(e instanceof j)) throw Error("INVALID_COMPILE_INPUT");
+		return this.run(e.source, e.fragments);
+	}
+	async run(e, t) {
+		if (this.disposed) throw Error("COMPILER_DISPOSED");
+		if (this.guard.source(e, t), this.jobs.size >= k.parallelJobs) throw Error("COMPILER_BUSY");
+		let n = t ? {
+			source: e,
+			fragments: [...t]
+		} : e;
+		return new Promise((e, t) => {
+			let r = new M(this.workerUrl, {
+				workerData: n,
+				execArgv: [],
+				resourceLimits: {
+					maxOldGenerationSizeMb: 192,
+					maxYoungGenerationSizeMb: 32,
+					stackSizeMb: 4
+				}
+			}), i = () => {
+				clearTimeout(o), r.terminate(), this.jobs.delete(a);
+			}, a = () => {
+				i(), t(/* @__PURE__ */ Error("COMPILER_DISPOSED"));
+			}, o = setTimeout(() => {
+				i(), t(/* @__PURE__ */ Error("COMPILE_TIMEOUT"));
+			}, this.timeoutMs);
+			this.jobs.add(a), r.once("message", (n) => {
+				try {
+					if (!n || typeof n != "object" || !("html" in n)) throw Error("COMPILE_FAILED");
+					let t = this.guard.output(n.html);
+					i(), e(t);
+				} catch (e) {
+					i(), t(e);
+				}
+			}), r.once("error", () => {
+				i(), t(/* @__PURE__ */ Error("COMPILE_FAILED"));
+			}), r.once("exit", (e) => {
+				this.jobs.has(a) && (i(), t(/* @__PURE__ */ Error(`COMPILE_EXIT_${e}`)));
+			});
+		});
+	}
+	dispose() {
+		this.disposed = !0;
+		for (let e of [...this.jobs]) e();
+	}
+}, P = () => new N(new URL(
+	/* @vite-ignore */
+	"./server-worker.js",
+	import.meta.url
+));
+function F(e) {
+	return new T(P).create(e);
+}
+function I(e) {
+	return new x(P).toolkit(e);
+}
+//#endregion
+export { v as BLOCK_DEVICES, h as BLOCK_DOCUMENT_LIMITS, p as BLOCK_NODE_TYPES, a as BlockChecker, S as BlockContentGuard, y as BlockConversionError, _ as BlockDefinitionRegistry, f as BlockDocument, s as BlockDocumentError, C as BlockDocumentSchema, x as BlockEditorFactory, c as BlockEmailRenderer, u as BlockMjmlGenerator, b as BlockPageGenerator, g as BlockTemplateCatalog, m as BlockToHtmlConversion, A as ContentPolicy, E as ContentPolicyError, t as CssDocumentCodec, e as DOCUMENT_LIMITS, r as EditorDocument, T as EditorFactory, o as GMAIL_CLIP_BYTES, i as GMAIL_NEAR_CLIP_BYTES, j as GeneratedMjml, w as HtmlDocumentAssembler, O as HtmlDocumentCodec, l as InitialDocumentError, N as NodeMjmlCompiler, n as UrlPolicy, I as createServerBlockToolkit, F as createServerEditor, d as parseAnyDocument };
+
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","names":["DOCUMENT_LIMITS","CssDocumentCodec","UrlPolicy","EditorDocument","BlockChecker","GMAIL_CLIP_BYTES","BlockDocumentError","BlockEmailRenderer","InitialDocumentError","BlockMjmlGenerator","parseAnyDocument","BlockDocument","BLOCK_NODE_TYPES","BlockToHtmlConversion","BLOCK_DOCUMENT_LIMITS","BlockTemplateCatalog","BlockDefinitionRegistry","BLOCK_DEVICES","BlockConversionError","BlockPageGenerator","BlockEditorFactory","BlockContentGuard","BlockDocumentSchema","HtmlDocumentAssembler","EditorFactory","ContentPolicyError","CompilationGuard","HtmlDocumentCodec","COMPILE_LIMITS","ContentPolicy","GeneratedMjml","NodeMjmlCompiler","workerUrl","timeoutMs","source","mjml","fragments","request","worker","Worker","finish","timer","cancel","reject","message","html","resolve","error","code","serverCompiler","createServerEditor","options","createServerBlockToolkit","GMAIL_NEAR_CLIP_BYTES"],"sources":["../src/compilation/node-compiler.ts","../src/composition/server.ts"],"sourcesContent":["import { Worker } from 'node:worker_threads';\nimport type { MjmlCompilerPort } from '../renderers/email-renderer';\nimport { CompilationGuard, COMPILE_LIMITS } from './guard';\nimport { GeneratedMjml } from './generated-mjml';\nimport type { CompileRequest, GeneratedMjmlCompilerPort } from './generated-mjml';\n\nexport class NodeMjmlCompiler implements MjmlCompilerPort, GeneratedMjmlCompilerPort {\n  private readonly guard = new CompilationGuard();\n  private readonly jobs = new Set<() => void>();\n  private disposed = false;\n\n  constructor(\n    private readonly workerUrl: URL,\n    private readonly timeoutMs: number = COMPILE_LIMITS.timeoutMs,\n  ) {\n    if (!Number.isInteger(timeoutMs) || timeoutMs < 1 || timeoutMs > COMPILE_LIMITS.timeoutMs)\n      throw new Error('INVALID_COMPILE_TIMEOUT');\n  }\n\n  /** MJML from outside: no raw region is accepted. */\n  async compile(source: string): Promise<string> {\n    return this.run(source);\n  }\n\n  /** MJML of the block codec, with the raw regions it generated. */\n  async compileGenerated(mjml: GeneratedMjml): Promise<string> {\n    if (!(mjml instanceof GeneratedMjml)) throw new Error('INVALID_COMPILE_INPUT');\n    return this.run(mjml.source, mjml.fragments);\n  }\n\n  private async run(source: string, fragments?: readonly string[]): Promise<string> {\n    if (this.disposed) throw new Error('COMPILER_DISPOSED');\n    this.guard.source(source, fragments);\n    if (this.jobs.size >= COMPILE_LIMITS.parallelJobs) throw new Error('COMPILER_BUSY');\n    const request: CompileRequest = fragments ? { source, fragments: [...fragments] } : source;\n    return new Promise<string>((resolve, reject) => {\n      const worker = new Worker(this.workerUrl, {\n        workerData: request,\n        execArgv: [],\n        resourceLimits: {\n          maxOldGenerationSizeMb: 192,\n          maxYoungGenerationSizeMb: 32,\n          stackSizeMb: 4,\n        },\n      });\n      const finish = () => {\n        clearTimeout(timer);\n        void worker.terminate();\n        this.jobs.delete(cancel);\n      };\n      const cancel = () => {\n        finish();\n        reject(new Error('COMPILER_DISPOSED'));\n      };\n      const timer = setTimeout(() => {\n        finish();\n        reject(new Error('COMPILE_TIMEOUT'));\n      }, this.timeoutMs);\n      this.jobs.add(cancel);\n      worker.once('message', (message: unknown) => {\n        try {\n          if (!message || typeof message !== 'object' || !('html' in message))\n            throw new Error('COMPILE_FAILED');\n          const html = this.guard.output(message.html);\n          finish();\n          resolve(html);\n        } catch (error) {\n          finish();\n          reject(error);\n        }\n      });\n      worker.once('error', () => {\n        finish();\n        reject(new Error('COMPILE_FAILED'));\n      });\n      worker.once('exit', (code) => {\n        if (this.jobs.has(cancel)) {\n          finish();\n          reject(new Error(`COMPILE_EXIT_${code}`));\n        }\n      });\n    });\n  }\n\n  dispose(): void {\n    this.disposed = true;\n    for (const cancel of [...this.jobs]) cancel();\n  }\n}\n","import { EditorFactory } from './factory';\nimport type { EditorOptions } from './factory';\nimport { NodeMjmlCompiler } from '../compilation/node-compiler';\nimport { BlockEditorFactory } from './block-factory';\nimport type { BlockToolkit, BlockToolkitOptions } from './block-factory';\n\nconst serverCompiler = (): NodeMjmlCompiler =>\n  new NodeMjmlCompiler(new URL(/* @vite-ignore */ './server-worker.js', import.meta.url));\n\nexport function createServerEditor(options?: EditorOptions) {\n  return new EditorFactory(serverCompiler).create(options);\n}\n\n/**\n * Parse, generate, compile and convert block pieces (schema 2) on the server, the source of\n * truth: the e-mail is compiled by the isolated Node worker.\n */\nexport function createServerBlockToolkit(options?: BlockToolkitOptions): BlockToolkit {\n  return new BlockEditorFactory(serverCompiler).toolkit(options);\n}\nexport { NodeMjmlCompiler } from '../compilation/node-compiler';\nexport { EditorFactory, InitialDocumentError } from './factory';\nexport type { EditorOptions, EditorInstance } from './factory';\nexport { EditorDocument, DOCUMENT_LIMITS } from '../core/document';\nexport type {\n  EditorDocumentData,\n  DocumentNode,\n  SourceInput,\n  Diagnostic,\n  DiagnosticSeverity,\n} from '../core/document';\nexport type {\n  HostAdapters,\n  StorePort,\n  AssetPort,\n  SlotsPort,\n  AssetReference,\n} from '../application/host';\nexport { ContentPolicy, ContentPolicyError } from '../security/policy';\nexport type { SanitizedDocument } from '../security/policy';\nexport type { ContentInventory, ExternalReference } from '../security/content-inventory';\nexport { HtmlDocumentCodec } from '../codecs/html';\nexport { CssDocumentCodec } from '../codecs/css';\nexport { UrlPolicy } from '../security/url-policy';\nexport { HtmlDocumentAssembler } from '../renderers/preview-document';\nexport { BlockEditorFactory } from './block-factory';\nexport type { BlockCompiler, BlockToolkit, BlockToolkitOptions } from './block-factory';\nexport {\n  BlockDocument,\n  BlockDocumentError,\n  BlockDocumentSchema,\n  BLOCK_DOCUMENT_LIMITS,\n  BLOCK_NODE_TYPES,\n} from '../core/block-document';\nexport type {\n  Block,\n  BlockDocumentData,\n  BlockNodeType,\n  BlockPropValue,\n  BlockProps,\n  GlobalStyles,\n} from '../core/block-document';\nexport { parseAnyDocument } from '../core/any-document';\nexport type { AnyDocument } from '../core/any-document';\nexport type { BlockStorePort } from '../application/block-session';\nexport { BlockDefinitionRegistry } from '../blocks/definitions';\nexport { BlockConversionError } from '../blocks/conversion';\nexport type { OutputMode } from '../blocks/block-type';\nexport { GeneratedMjml } from '../compilation/generated-mjml';\nexport { BlockTemplateCatalog } from '../templates/blocks/catalog';\nexport type { BlockTemplateDescriptor } from '../templates/blocks/catalog';\nexport { BlockContentGuard } from '../blocks/content-guard';\nexport { BlockMjmlGenerator } from '../blocks/email-generator';\nexport { BlockPageGenerator } from '../blocks/page-generator';\nexport { BlockEmailRenderer } from '../blocks/email-renderer';\nexport { BlockToHtmlConversion } from '../blocks/conversion';\nexport { BlockChecker, GMAIL_CLIP_BYTES, GMAIL_NEAR_CLIP_BYTES } from '../blocks/block-checks';\nexport type { BlockCheck, BlockCheckCode } from '../blocks/block-checks';\nexport { BLOCK_DEVICES } from '../core/block-document';\nexport type { BlockDevice } from '../core/block-document';\n"],"mappings":";;;;;;AAMA,IAAa+B,IAAb,MAAqF;CAMhE;CACA;CANnB,QAAyB,IAAIL,EAAiB;CAC9C,uBAAwB,IAAI,IAAgB;CAC5C,WAAmB;CAEnB,YACE,GACA,IAAqCE,EAAe,WACpD;EACA,IAHiB,KAAA,YAAAI,GACA,KAAA,YAAAC,GAEb,CAAC,OAAO,UAAUA,CAAS,KAAKA,IAAY,KAAKA,IAAYL,EAAe,WAC9E,MAAU,MAAM,yBAAyB;CAC7C;CAGA,MAAM,QAAQ,GAAiC;EAC7C,OAAO,KAAK,IAAIM,CAAM;CACxB;CAGA,MAAM,iBAAiB,GAAsC;EAC3D,IAAI,EAAEC,aAAgBL,IAAgB,MAAU,MAAM,uBAAuB;EAC7E,OAAO,KAAK,IAAIK,EAAK,QAAQA,EAAK,SAAS;CAC7C;CAEA,MAAc,IAAI,GAAgB,GAAgD;EAChF,IAAI,KAAK,UAAU,MAAU,MAAM,mBAAmB;EAEtD,IADA,KAAK,MAAM,OAAOD,GAAQE,CAAS,GAC/B,KAAK,KAAK,QAAQR,EAAe,cAAc,MAAU,MAAM,eAAe;EAClF,IAAMS,IAA0BD,IAAY;GAAE;GAAQ,WAAW,CAAC,GAAGA,CAAS;EAAE,IAAIF;EACpF,OAAO,IAAI,SAAiB,GAAS,MAAW;GAC9C,IAAMI,IAAS,IAAIC,EAAO,KAAK,WAAW;IACxC,YAAYF;IACZ,UAAU,CAAC;IACX,gBAAgB;KACd,wBAAwB;KACxB,0BAA0B;KAC1B,aAAa;IACf;GACF,CAAC,GACKG,UAAe;IAGnB,AAFA,aAAaC,CAAK,GAClBH,EAAY,UAAU,GACtB,KAAK,KAAK,OAAOI,CAAM;GACzB,GACMA,UAAe;IAEnB,AADAF,EAAO,GACPG,EAAO,gBAAI,MAAM,mBAAmB,CAAC;GACvC,GACMF,IAAQ,iBAAiB;IAE7B,AADAD,EAAO,GACPG,EAAO,gBAAI,MAAM,iBAAiB,CAAC;GACrC,GAAG,KAAK,SAAS;GAkBjB,AAjBA,KAAK,KAAK,IAAID,CAAM,GACpBJ,EAAO,KAAK,YAAY,MAAqB;IAC3C,IAAI;KACF,IAAI,CAACM,KAAW,OAAOA,KAAY,YAAY,EAAE,UAAUA,IACzD,MAAU,MAAM,gBAAgB;KAClC,IAAMC,IAAO,KAAK,MAAM,OAAOD,EAAQ,IAAI;KAE3C,AADAJ,EAAO,GACPM,EAAQD,CAAI;IACd,SAASE,GAAO;KAEd,AADAP,EAAO,GACPG,EAAOI,CAAK;IACd;GACF,CAAC,GACDT,EAAO,KAAK,eAAe;IAEzB,AADAE,EAAO,GACPG,EAAO,gBAAI,MAAM,gBAAgB,CAAC;GACpC,CAAC,GACDL,EAAO,KAAK,SAAS,MAAS;IAC5B,AAAI,KAAK,KAAK,IAAII,CAAM,MACtBF,EAAO,GACPG,EAAO,gBAAI,MAAM,gBAAgBK,GAAM,CAAC;GAE5C,CAAC;EACH,CAAC;CACH;CAEA,UAAgB;EACd,KAAK,WAAW;EAChB,KAAK,IAAMN,KAAU,CAAC,GAAG,KAAK,IAAI,GAAG,EAAO;CAC9C;AACF,GClFMO,UACJ,IAAIlB,EAAiB,IAAI;;CAAuB;CAAsB,YAAY;AAAG,CAAC;AAExF,SAAgBmB,EAAmB,GAAyB;CAC1D,OAAO,IAAI1B,EAAcyB,CAAc,CAAC,CAAC,OAAOE,CAAO;AACzD;AAMA,SAAgBC,EAAyB,GAA6C;CACpF,OAAO,IAAIhC,EAAmB6B,CAAc,CAAC,CAAC,QAAQE,CAAO;AAC/D"}

package/dist/templates/blank-email.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Output of the MJML compiler for `BLANK_EMAIL_MJML`, stored so that an editor can be created
+ * without waiting for a compilation. Do not edit by hand: `tests/unit/templates` compares it
+ * with what the compiler produces and fails when the two differ.
+ */
+export declare const BLANK_EMAIL_HTML = "<!doctype html>\n<html lang=\"und\" dir=\"auto\" xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\">\n  <head>\n    <title></title>\n    <!--[if !mso]><!-->\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <!--<![endif]-->\n    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <style type=\"text/css\">\n      #outlook a { padding:0; }\n      body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }\n      table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }\n      img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }\n      p { display:block;margin:13px 0; }\n    </style>\n    <!--[if mso]>\n    <noscript>\n    <xml>\n    <o:OfficeDocumentSettings>\n      <o:AllowPNG/>\n      <o:PixelsPerInch>96</o:PixelsPerInch>\n    </o:OfficeDocumentSettings>\n    </xml>\n    </noscript>\n    <![endif]-->\n    <!--[if lte mso 11]>\n    <style type=\"text/css\">\n      .mj-outlook-group-fix { width:100% !important; }\n    </style>\n    <![endif]-->\n    \n    \n    <style type=\"text/css\">\n      @media only screen and (min-width:641px) {\n        .mj-column-per-100 { width:100% !important; max-width: 100%; }\n      }\n    </style>\n    <style media=\"screen and (min-width:641px)\">\n      .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }\n    </style>\n    \n    \n  \n    \n    \n    \n  </head>\n  \n      <body  style=\"word-spacing:normal;\">\n        \n        <div\n           aria-roledescription=\"email\" role=\"article\" lang=\"und\" dir=\"auto\" style=\"word-spacing:normal;\"\n        >\n        \n      \n      <!--[if mso | IE]><table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"editor-layout-section-outlook\" role=\"presentation\" style=\"width:600px;\" width=\"600\" ><tr><td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\"><![endif]-->\n    \n      \n      <div  class=\"editor-layout-section\" style=\"margin:0px auto;max-width:600px;\">\n        \n        <table\n           align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n        >\n          <tbody>\n            <tr>\n              <td\n                 style=\"direction:ltr;font-size:0px;padding:20px 0;text-align:center;\"\n              >\n                <!--[if mso | IE]><table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"editor-layout-column-outlook\" style=\"vertical-align:top;width:600px;\" ><![endif]-->\n            \n      <div\n         class=\"mj-column-per-100 mj-outlook-group-fix editor-layout-column\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n      >\n        \n      <table\n         border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n      >\n        <tbody>\n          \n              <tr>\n                <td\n                   align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\"\n                >\n                  \n      <div\n         style=\"font-family:Arial, sans-serif;font-size:16px;line-height:1.65;text-align:left;color:#243746;\"\n      >Escreva seu conte\u00FAdo.</div>\n    \n                </td>\n              </tr>\n            \n        </tbody>\n      </table>\n    \n      </div>\n    \n          <!--[if mso | IE]></td></tr></table><![endif]-->\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        \n      </div>\n    \n      \n      <!--[if mso | IE]></td></tr></table><![endif]-->\n    \n    \n      </div>\n      </body>\n    \n</html>\n  ";

package/dist/templates/blocks/catalog.d.ts

@@ -0,0 +1,31 @@
+import { BlockDocument } from '../../core/block-document';
+import type { BlockRules } from '../../core/block-document';
+import type { DocumentKind } from '../../core/document';
+export interface BlockTemplateDescriptor {
+    readonly id: string;
+    readonly kind: DocumentKind;
+    readonly titleKey: string;
+    readonly descriptionKey: string;
+}
+/** Languages a template is written in besides its own (pt-BR): the texts of its blocks by id. */
+export declare const TEMPLATE_LANGUAGES: readonly ["en", "es"];
+/**
+ * Starting points of block pieces (schema 2), stored as JSON. They sit beside the schema 1
+ * models of `TemplateCatalog`, which stay as they are. A piece made from a template gets new
+ * block ids, so two pieces never share them.
+ */
+export declare class BlockTemplateCatalog {
+    #private;
+    private readonly rules;
+    constructor(rules: BlockRules);
+    list(kind: DocumentKind): readonly BlockTemplateDescriptor[];
+    /** The blank piece of a kind: one section, one column, one text (a page has the same). */
+    blank(kind: DocumentKind, documentId: string, nextId: () => string, language?: string): BlockDocument;
+    /**
+     * A new piece from a template, in the language given (pt-BR, English or Spanish texts; any
+     * other language keeps pt-BR). The piece declares the language of its texts.
+     */
+    create(id: string, documentId: string, nextId: () => string, kind?: DocumentKind, language?: string): BlockDocument;
+    private reidentify;
+    private entry;
+}

package/dist/templates/catalog.d.ts

@@ -0,0 +1,31 @@
+import type { DocumentKind, SourceInput } from '../core/document';
+import type { MjmlEmailRenderer } from '../renderers/email-renderer';
+/** A block source; e-mail blocks state whether they are a content row or a whole section. */
+export interface BlockSource extends SourceInput {
+    readonly insertion?: 'content' | 'section';
+}
+export interface TemplateDescriptor {
+    readonly id: string;
+    readonly kind: DocumentKind;
+    readonly titleKey: string;
+    readonly descriptionKey: string;
+}
+/** The structure a new e-mail starts from: one section, one column, one editable text. */
+export declare const BLANK_EMAIL_MJML = "<mjml><mj-head><mj-breakpoint width=\"641px\" /><mj-attributes><mj-all font-family=\"Arial, sans-serif\" /><mj-text color=\"#243746\" line-height=\"1.65\" font-size=\"16px\" /><mj-button background-color=\"#0d766e\" border-radius=\"8px\" font-size=\"16px\" /></mj-attributes></mj-head><mj-body width=\"600px\"><mj-section css-class=\"editor-layout-section\"><mj-column css-class=\"editor-layout-column\"><mj-text>Escreva seu conte\u00FAdo.</mj-text></mj-column></mj-section></mj-body></mjml>";
+export declare class TemplateCatalog {
+    private readonly emailRenderer;
+    constructor(emailRenderer: MjmlEmailRenderer);
+    list(kind: DocumentKind): readonly TemplateDescriptor[];
+    create(id: string): Promise<SourceInput>;
+    /**
+     * The document an editor opens with when it is given none. The e-mail is the compiled
+     * `BLANK_EMAIL_MJML`, stored so that an editor can be created synchronously; a test keeps
+     * it equal to what the compiler produces. It has the layout of every generated e-mail, so
+     * blocks can be inserted above and below its text and moved.
+     */
+    blank(kind: DocumentKind): SourceInput;
+    blocks(kind: DocumentKind): readonly string[];
+    createBlock(type: string, kind: DocumentKind): Promise<BlockSource>;
+    private emailLayout;
+    private blockDefinitions;
+}

package/dist/visual-editor.css

@@ -0,0 +1,2 @@
+.visual-editor{--editor-accent:var(--ui-primary);--editor-surface:var(--ui-bg);--editor-background:var(--ui-bg-muted);--editor-text:var(--ui-text);--editor-muted:var(--ui-text-muted);--editor-border:var(--ui-border);--editor-radius:var(--ui-radius);--editor-left:272px;--editor-right:304px;box-sizing:border-box;height:var(--editor-height,clamp(600px, 100dvh, 1040px));isolation:isolate;min-height:0;color:var(--ui-text);background:var(--ui-bg-muted);border:1px solid var(--ui-border);border-radius:var(--ui-radius);font-family:var(--editor-font,inherit);flex-direction:column;font-size:14px;line-height:1.5;display:flex;overflow:hidden}.visual-editor *,.visual-editor :before,.visual-editor :after{box-sizing:border-box}.visual-editor button:disabled,.visual-editor [aria-disabled=true]{cursor:not-allowed}.visual-editor .editor-toolbar{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);flex-wrap:wrap;flex:none;align-items:center;gap:6px 8px;min-width:0;padding:8px 12px;display:flex}.visual-editor .editor-brand{align-items:center;gap:8px;min-width:0;margin-inline-end:4px;display:flex}.visual-editor .editor-brand-mark{width:28px;height:28px;color:var(--ui-text-inverted);background:var(--ui-primary);border-radius:var(--ui-radius);place-items:center;font-weight:700;display:grid}.visual-editor .editor-brand-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.visual-editor .editor-history,.visual-editor .editor-preview-controls,.visual-editor .editor-block-actions,.visual-editor .editor-keys{align-items:center;gap:2px;display:flex}.visual-editor .editor-separator{align-self:stretch;height:auto;min-height:20px}.visual-editor .editor-toolbar-space{flex:1 1 0;min-width:0}.visual-editor .editor-status,.visual-editor .editor-source-state{color:var(--ui-text-muted);white-space:nowrap;font-size:12px}.visual-editor .editor-file-input,.visual-editor .editor-mobile-trigger{display:none}.visual-editor .editor-statusbar{height:32px;color:var(--ui-text-muted);background:var(--ui-bg);border-top:1px solid var(--ui-border);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:12px;display:flex}.visual-editor .editor-feedback{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visual-editor .editor-diagnostics{gap:8px;display:grid}.visual-editor .editor-notice-list{padding:12px}.visual-editor .editor-document-metadata{gap:10px;margin-bottom:12px;display:grid}.visual-editor .editor-diagnostics,.visual-editor .editor-recovery-banner{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);flex:none;max-height:30%;padding:8px 12px;overflow-y:auto}.visual-editor .editor-diagnostic-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.visual-editor .editor-diagnostic-list li{align-items:baseline;gap:8px;display:flex}.visual-editor .editor-workspace{grid-template-columns:var(--editor-left) minmax(0, 1fr) var(--editor-right);flex:1 1 0;min-height:0;display:grid}.visual-editor.is-html .editor-workspace{grid-template-columns:var(--editor-left) minmax(0, 1fr)}.visual-editor.is-html .editor-side-panel.is-right{display:none}.visual-editor .editor-side-panel{background:var(--ui-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.visual-editor .editor-side-panel.is-left{border-inline-end:1px solid var(--ui-border)}.visual-editor .editor-side-panel.is-right{border-inline-start:1px solid var(--ui-border)}.visual-editor .editor-tabs,.visual-editor .editor-properties{flex-direction:column;flex:1 1 0;gap:0;min-width:0;min-height:0;display:flex}.visual-editor .editor-tabs-list{border-bottom:1px solid var(--ui-border);flex:none}.visual-editor .editor-tabs-content{flex:1 1 0;min-height:0}.visual-editor .editor-tabs-content[hidden],.visual-editor .editor-tabs-content[data-state=inactive]{display:none}.visual-editor .editor-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-border-accented) transparent;height:100%;padding:12px}.visual-editor .editor-help,.visual-editor .editor-variable-hint{color:var(--ui-text-muted);margin:6px 0;font-size:12px;line-height:1.5}.visual-editor .editor-variable-hint{margin:0;padding:12px}.visual-editor .editor-control-error,.visual-editor .editor-canvas-error{color:var(--ui-error);font-size:12px}.visual-editor .editor-property-groups [data-slot=content][data-state=closed]{display:none}.visual-editor .editor-palette{gap:4px;display:grid}.visual-editor .editor-palette-position{gap:2px;margin-bottom:4px;display:grid}.visual-editor .editor-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.visual-editor .editor-palette-block{cursor:grab;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;width:100%;min-height:64px;padding:10px 6px}.visual-editor .editor-template-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.visual-editor .editor-template{width:100%;color:inherit;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);cursor:pointer;text-align:start;gap:4px;padding:8px;display:grid}.visual-editor .editor-template:hover:not(:disabled){border-color:var(--ui-primary)}.visual-editor .editor-template:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.visual-editor .editor-template>span:last-child{color:var(--ui-text-muted);font-size:12px}.visual-editor .editor-template-thumbnail{background:var(--ui-bg-muted);pointer-events:none;width:100%;height:132px;position:relative;overflow:hidden}.visual-editor .editor-template-thumbnail iframe{transform-origin:0 0;border:0;display:block}.visual-editor .editor-template-skeleton{width:100%;height:100%}.visual-editor .editor-template-confirm-preview{height:240px}.visual-editor .editor-structure{-webkit-user-select:none;user-select:none;position:relative}.visual-editor .editor-tree [data-slot=listWithChildren]{margin-inline-start:8px}.visual-editor .editor-tree ul ul ul ul ul ul ul [data-slot=listWithChildren]{margin-inline-start:0}.visual-editor .editor-structure.is-virtual .editor-tree{scrollbar-width:thin;scrollbar-color:var(--ui-border-accented) transparent;height:min(68dvh,720px)}.visual-editor .editor-tree-row{gap:6px;min-width:0}.visual-editor .editor-tree-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.visual-editor .editor-tree-detail{color:var(--ui-text-dimmed);margin-inline-start:6px;font-weight:400}.visual-editor .editor-structure-drop{z-index:1;pointer-events:none;background:var(--ui-primary);position:absolute}.visual-editor .editor-structure-drop.is-inside{background:color-mix(in srgb, var(--ui-primary) 14%, transparent);outline:2px solid var(--ui-primary);outline-offset:-2px}.visual-editor .editor-selected{flex:none;align-items:center;gap:8px;min-width:0;padding:10px 12px 6px;display:flex}.visual-editor .editor-selected-text{flex:1 1 0;min-width:0;display:grid}.visual-editor .editor-selected-kind,.visual-editor .editor-selected-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visual-editor h2.editor-selected-kind{font-size:inherit;font-weight:700;line-height:inherit;margin:0}.visual-editor h2.editor-selected-kind:focus-visible,.visual-editor .editor-properties[tabindex="-1"]:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.visual-editor .editor-selected-title{color:var(--ui-text-muted);font-size:12px}.visual-editor .editor-property-content,.visual-editor .editor-property-style,.visual-editor .editor-property-advanced,.visual-editor .editor-richtext-colors,.visual-editor .editor-richtext-link,.visual-editor .editor-color-control,.visual-editor .editor-color-picker,.visual-editor .editor-measurement,.visual-editor .editor-shortcuts{gap:10px;min-width:0;display:grid}.visual-editor .editor-richtext-colors,.visual-editor .editor-richtext-link,.visual-editor .editor-color-picker,.visual-editor .editor-shortcuts{padding:12px}.visual-editor .editor-field{min-width:0}.visual-editor .editor-field-group{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.visual-editor .editor-field-label{padding:0;font-size:12px;font-weight:600}.visual-editor .editor-field-hidden-label [data-slot=labelWrapper]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.visual-editor .editor-field-hidden-label [data-slot=labelWrapper]+[data-slot=container]{margin-top:0}.visual-editor .editor-input,.visual-editor .editor-select{width:100%;display:flex}.visual-editor .editor-color-inputs{grid-template-columns:auto minmax(0,1fr);gap:6px;display:grid}.visual-editor .editor-measurement-controls{grid-template-columns:minmax(0,1fr) 84px;gap:6px;display:grid}.visual-editor .editor-color-swatch{border:1px solid var(--ui-border-accented);border-radius:calc(var(--ui-radius) * .5);width:18px;height:18px;display:block}.visual-editor .editor-authoring-controls{border:0;border-bottom:1px solid var(--ui-border);min-width:0;margin:0 0 12px;padding:0 0 12px}.visual-editor .editor-column-weights{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.visual-editor .editor-shortcuts dl{gap:6px;margin:0;display:grid}.visual-editor .editor-shortcuts dl>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.visual-editor .editor-shortcuts dd{gap:8px;margin:0;display:flex}.visual-editor .editor-canvas-area,.visual-editor .editor-canvas-surface{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.visual-editor .editor-canvas-surface{position:relative}.visual-editor .editor-canvas-breadcrumb{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);flex:none;align-items:center;min-width:0;height:36px;padding:0 8px;display:flex;overflow:hidden}.visual-editor .editor-path{min-width:0;max-width:100%;overflow:hidden}.visual-editor .editor-path-idle{color:var(--ui-text-dimmed);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.visual-editor .editor-canvas-text-bar{z-index:3;background:var(--ui-bg);border-bottom:1px solid var(--ui-border);flex:none;min-height:44px;position:relative}.visual-editor .editor-richtext-toolbar,.visual-editor .editor-text-toolbar,.visual-editor .editor-text-toolbar-group{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.visual-editor .editor-richtext-toolbar{min-height:43px;padding:4px 8px}.visual-editor .editor-text-toolbar-group+.editor-text-toolbar-group{margin-inline-start:6px}.visual-editor .editor-canvas-stage,.visual-editor .editor-preview-area{flex:1 1 0;min-height:0;padding:16px;display:flex;overflow:hidden}.visual-editor .editor-preview-shell{isolation:isolate;border:1px solid var(--ui-border);background:#fff;width:100%;max-width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden}.visual-editor .editor-preview-shell.is-tablet{max-width:768px}.visual-editor .editor-preview-shell.is-mobile{max-width:375px}.visual-editor .editor-preview{pointer-events:none;background:#fff;border:0;width:100%;height:100%;display:block}.visual-editor .editor-selection-preview{pointer-events:auto}.visual-editor .editor-canvas-surface.is-palette-dragging iframe.editor-selection-preview{pointer-events:none}.visual-editor .editor-canvas-failure{z-index:1;color:var(--ui-text);text-align:center;background:var(--ui-bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.visual-editor .editor-file-drop{z-index:2;position:absolute;inset:0}.visual-editor .editor-canvas-error{background:var(--ui-bg);border-top:1px solid var(--ui-border);flex:none;margin:0;padding:6px 12px}.visual-editor .editor-source-pane{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);scrollbar-width:thin;scrollbar-color:var(--ui-border-accented) transparent;flex-direction:column;flex:3 1 0;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.visual-editor.is-html .editor-preview-area{flex:2 1 0}.visual-editor .editor-source-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.visual-editor .editor-source-state{flex:auto}.visual-editor .editor-code{border:1px solid var(--ui-border-accented);border-radius:var(--ui-radius);overflow:hidden}.visual-editor .editor-code:focus-within{outline:2px solid var(--ui-primary);outline-offset:1px}.visual-editor .editor-code .cm-editor{max-height:46vh;font-size:12.5px}.visual-editor .editor-code .cm-editor.cm-focused{outline:none}.visual-editor .editor-code .cm-scroller{font-family:var(--font-mono,ui-monospace, monospace);scrollbar-width:thin;overflow:auto}.dark .visual-editor .editor-code .cm-line>span,.visual-editor.dark .editor-code .cm-line>span{filter:invert()hue-rotate(180deg)}@media (min-width:1280px){.visual-editor.is-html .editor-canvas-area{flex-direction:row}.visual-editor.is-html .editor-source-pane{border-right:1px solid var(--ui-border);border-bottom:0;flex:1 1 0}.visual-editor.is-html .editor-preview-area{flex:1 1 0}.visual-editor.is-html .editor-code .cm-editor{max-height:60vh}}.visual-editor .editor-richtext{min-width:0}.visual-editor .editor-property-content .editor-richtext{border:1px solid var(--ui-border-accented);border-radius:var(--ui-radius);overflow:hidden}.visual-editor .editor-property-content .editor-richtext:focus-within{outline:2px solid var(--ui-primary);outline-offset:1px}.visual-editor .editor-property-content .editor-richtext-toolbar{border-bottom:1px solid var(--ui-border)}.visual-editor .editor-richtext-content{outline:none;min-height:96px;padding:10px}.visual-editor .editor-richtext-content p{margin:0 0 8px}.visual-editor .editor-richtext-content ul,.visual-editor .editor-richtext-content ol{padding-inline-start:20px}.visual-editor .editor-richtext-content ul{list-style:outside}.visual-editor .editor-richtext-content ol{list-style:decimal}.visual-editor .editor-menu-anchor{pointer-events:none;position:fixed}.visual-editor .editor-menu-content,.visual-editor .editor-context-popover-surface{z-index:110}.visual-editor .editor-context-popover-content{width:min(320px, var(--reka-popper-available-width,320px), calc(100vw - 32px));max-height:min(440px, var(--reka-popper-available-height,440px), calc(100dvh - 48px));overscroll-behavior:contain;scrollbar-width:thin;overflow:auto}.visual-editor .editor-panel-overlay{z-index:98}.visual-editor .editor-panel-dialog{z-index:99;width:min(360px,100vw)}.visual-editor .editor-panel-dialog-body{flex-direction:column;flex:1 1 0;min-height:0;padding:0;display:flex;overflow:hidden}.visual-editor .editor-panel-dialog-content{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.visual-editor .editor-confirm-overlay{z-index:120}.visual-editor .editor-confirm-dialog{z-index:121}.visual-editor .editor-confirm-dialog.is-wide{width:min(820px,100vw - 32px);max-width:none}.visual-editor .editor-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}@media (max-width:1180px){.visual-editor{--editor-left:236px;--editor-right:264px}.visual-editor .editor-brand-name,.visual-editor .editor-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:900px){.visual-editor .editor-workspace,.visual-editor.is-html .editor-workspace{grid-template-columns:minmax(0,1fr)}.visual-editor .editor-side-panel{display:none}.visual-editor .editor-mobile-trigger{display:inline-flex}.visual-editor .editor-canvas-stage,.visual-editor .editor-preview-area,.visual-editor .editor-toolbar{padding:8px}}@media (pointer:coarse){.visual-editor button,.visual-editor [role=combobox],.visual-editor [role=tab],.visual-editor [role=treeitem],.visual-editor [role=checkbox],.visual-editor [role=switch],.visual-editor input:not([type=file]){min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.visual-editor *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.visual-editor .editor-device-notice{border-bottom:1px solid var(--ui-border);margin:0;padding:8px 12px}.visual-editor .editor-device-marker{margin-top:4px;display:flex}.visual-editor .editor-review{border:1px solid var(--ui-border);border-radius:8px;margin:8px 0 16px;padding:12px}.visual-editor .editor-review:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.visual-editor .editor-review-title{margin:0;font-size:13px;font-weight:600}.visual-editor .editor-review-list{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.visual-editor .editor-review-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;font-size:12px;line-height:1.5;display:grid}.visual-editor .editor-review-item[data-review-severity=error]>.editor-icon{color:var(--ui-error)}.visual-editor .editor-review-item[data-review-severity=warning]>.editor-icon{color:var(--ui-warning)}[data-color-picker-background][data-v-496e2664]{background-image:linear-gradient(0deg,#000 0,#0000),linear-gradient(90deg,#fff 0,#fff0)}[data-color-picker-track][data-v-496e2664]{background-image:linear-gradient(red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}
+/*$vite$:1*/

package/dist/vue/block-controller.d.ts

@@ -0,0 +1,106 @@
+import type { Block, BlockDevice, BlockDocumentData, BlockNodeType, BlockPropValue, BlockProps } from '../core/block-document';
+import type { DocumentKind } from '../core/document';
+import type { BlockEditorSession, BlockEditorState, BlockImageChoice } from '../application/block-session';
+import type { BlockPlacement, BlockPlacementService } from '../application/block-placement';
+import type { BlockPlacementTarget } from '../application/block-placement';
+import type { BlockDefinitionRegistry } from '../blocks/definitions';
+import type { BlockFieldModel, BlockInspector, GlobalStyleGroupModel } from '../blocks/block-inspector';
+import type { BlockOutputRenderer } from '../blocks/block-output';
+import type { BlockCheck } from '../blocks/block-checks';
+import type { BlockPreviewInput } from '../renderers/marked-preview';
+import type { BlockTemplateCatalog, BlockTemplateDescriptor } from '../templates/blocks/catalog';
+import type { UrlPolicy } from '../security/url-policy';
+import type { InlineTextOwner } from './canvas/inline-text';
+export interface BlockEditorControllerParts {
+    readonly session: BlockEditorSession;
+    readonly registry: BlockDefinitionRegistry;
+    readonly inspector: BlockInspector;
+    readonly placement: BlockPlacementService;
+    readonly templates: BlockTemplateCatalog;
+    readonly output: BlockOutputRenderer;
+    readonly urls: UrlPolicy;
+}
+export type BlockDestination = {
+    readonly targetId: string;
+    readonly placement: BlockPlacement;
+};
+/**
+ * Facade of a block piece (schema 2) for the Vue shell: queries the panels are generated from,
+ * and the commands of the session, each one a step of history. Components never reach the
+ * session or the definitions directly.
+ */
+export declare class BlockEditorController {
+    #private;
+    readonly session: BlockEditorSession;
+    constructor(parts: BlockEditorControllerParts);
+    state(): BlockEditorState;
+    subscribe(listener: (state: BlockEditorState) => void): () => void;
+    kind(): DocumentKind;
+    /** The block types of the palette, in catalog order. */
+    types(): readonly {
+        readonly type: BlockNodeType;
+        readonly labelKey: string;
+    }[];
+    templates(): readonly BlockTemplateDescriptor[];
+    typeOf(id: string): BlockNodeType | undefined;
+    labelKey(id: string): string | undefined;
+    /** The fields of a block as the given screen shows them. */
+    fields(id: string, device?: BlockDevice): readonly BlockFieldModel[];
+    globalStyles(): readonly GlobalStyleGroupModel[];
+    parentOf(id: string): string | undefined;
+    /**
+     * The review before sending: what the piece has that a reader would meet broken. For an
+     * e-mail the final HTML is generated to measure it against the cut of Gmail.
+     */
+    review(): Promise<readonly BlockCheck[]>;
+    /** The marked preview of the current revision, for the editing frame. */
+    preview(): Promise<BlockPreviewInput>;
+    movementTargets(id: string): readonly BlockPlacementTarget[];
+    insertionTargets(type: BlockNodeType): readonly BlockPlacementTarget[];
+    select(id: string | undefined): boolean;
+    /**
+     * A new block where it fits best: at the destination given, else inside or after the
+     * selection (or the first of its ancestors which accepts it), else at the end of the piece. A
+     * content block in a piece without a place for it arrives in a new section.
+     */
+    insert(type: BlockNodeType, destination?: BlockDestination | 'end', props?: BlockProps): boolean;
+    /**
+     * A block saved in the library of the host, with new ids, where it fits best (as `insert` places a new
+     * block). It enters only if the piece accepts it: the document parses and checks it like any
+     * block from outside. A content block in a piece without a place for it gets a new section.
+     */
+    insertSaved(saved: Block): boolean;
+    /** A copy of a block to save for later use; a column only exists inside its section. */
+    savable(id: string): Block | undefined;
+    move(sourceId: string, targetId: string, placement: BlockPlacement): boolean;
+    step(id: string, direction: 'up' | 'down'): boolean;
+    duplicate(id: string): boolean;
+    remove(id: string): boolean;
+    /** A value of every screen, or of small screens only when the field is responsive. */
+    setField(id: string, key: string, value: BlockPropValue, device?: BlockDevice): boolean;
+    restoreField(id: string, key: string, device?: BlockDevice): boolean;
+    replaceImage(id: string, choice: BlockImageChoice): boolean;
+    setStyle(group: string, key: string, value: string): boolean;
+    restoreStyle(group: string, key: string): boolean;
+    setLanguage(lang: string): boolean;
+    /**
+     * The piece starts again from a template: one step of history, same id, kind and language
+     * (the texts of the template in that language when it has them).
+     */
+    applyTemplate(templateId: string): boolean;
+    undo(): boolean;
+    redo(): boolean;
+    save(): Promise<boolean>;
+    /** Saves and returns the exact piece the store received, or undefined. */
+    saveDocument(): Promise<BlockDocumentData | undefined>;
+    /**
+     * The text edited in place, in the terms of the coordinator the HTML document also uses: one
+     * transaction per text, confirmed as one step of history.
+     */
+    textOwner(): InlineTextOwner;
+    /** The same block with ids of this session, so two copies never share one. */
+    private reidentify;
+    /** A field without mobile values is edited for every screen, whatever screen is shown. */
+    private deviceFor;
+    private automaticTarget;
+}

package/dist/vue/block-workbench.d.ts

@@ -0,0 +1,70 @@
+import type { ComputedRef, InjectionKey, Ref, ShallowRef } from 'vue';
+import type { BlockDocumentData } from '../core/block-document';
+import type { BlockEditorState } from '../application/block-session';
+import type { BlockEditorController } from './block-controller';
+import { EditorLocale } from './locale';
+import type { EditorMessages } from './locale';
+import type { EditorImagePicker } from './services/image-requests';
+import type { PreviewWidth } from './workbench';
+import type { BlockCheck } from '../blocks/block-checks';
+import type { EditorSavedBlock, EditorSavedBlocks } from './services/saved-blocks';
+/** What the editing area of a block piece offers while it is mounted. */
+export interface BlockCanvasApi {
+    /** Concludes the text being edited in the piece; false when it was refused. */
+    flush(): Promise<boolean>;
+    edit(id: string): void;
+    canHistory(direction: 'undo' | 'redo'): boolean;
+    history(direction: 'undo' | 'redo'): boolean;
+    insertText(value: string): boolean;
+}
+export interface BlockWorkbenchOptions {
+    controller(): BlockEditorController;
+    messages(): EditorMessages | undefined;
+    imagePicker(): EditorImagePicker | undefined;
+    /** The library of saved blocks of the host; optional. */
+    savedBlocks?(): EditorSavedBlocks | undefined;
+    saved(document: BlockDocumentData): void;
+    failed(code: string): void;
+}
+/** Everything the components of one mounted block editor share; nothing here is global. */
+export interface BlockWorkbench {
+    readonly state: ShallowRef<BlockEditorState>;
+    readonly locale: ComputedRef<EditorLocale>;
+    readonly feedback: Ref<string>;
+    readonly busy: Ref<boolean>;
+    readonly width: Ref<PreviewWidth>;
+    /** The editing frame shows an approximation of a dark mode of the reader. */
+    readonly dark: Ref<boolean>;
+    /** The findings of the last review; undefined until one is asked for. */
+    readonly review: ShallowRef<readonly BlockCheck[] | undefined>;
+    readonly reviewing: Ref<boolean>;
+    /** Reviews the piece now; once asked for, every later revision is reviewed again. */
+    runReview(): Promise<void>;
+    /** The blocks saved in the library of the host, of the kind of the piece; empty without a library. */
+    readonly savedBlocks: ShallowRef<readonly EditorSavedBlock[]>;
+    readonly hasSavedBlocks: ComputedRef<boolean>;
+    readonly canRemoveSavedBlocks: ComputedRef<boolean>;
+    loadSavedBlocks(): Promise<void>;
+    /** Saves the block under a name; false when the host refused it. */
+    saveBlock(id: string, name: string): Promise<boolean>;
+    insertSavedBlock(entry: EditorSavedBlock): Promise<boolean>;
+    removeSavedBlock(entry: EditorSavedBlock): Promise<boolean>;
+    readonly canvas: ShallowRef<BlockCanvasApi | undefined>;
+    readonly hasImagePicker: ComputedRef<boolean>;
+    controller(): BlockEditorController;
+    t(key: string): string;
+    /**
+     * The one door of a change: the text being edited is concluded first, then the command runs
+     * and its outcome is said in the status line (`success` empty: nothing is said).
+     */
+    run(action: (controller: BlockEditorController) => boolean, success?: string): Promise<boolean>;
+    history(direction: 'undo' | 'redo'): void;
+    canHistory(direction: 'undo' | 'redo'): boolean;
+    save(): Promise<void>;
+    /** Asks the host library for an image and puts it in the block, as one step. */
+    chooseImage(id: string): Promise<void>;
+    dispose(): void;
+}
+export declare const BLOCK_WORKBENCH: InjectionKey<BlockWorkbench>;
+export declare function useBlockWorkbench(): BlockWorkbench;
+export declare function createBlockWorkbench(options: BlockWorkbenchOptions): BlockWorkbench;

package/dist/vue/canvas/canvas-theme.d.ts

@@ -0,0 +1,8 @@
+import type { CanvasBridgeTheme } from '../../renderers/canvas-bridge';
+/**
+ * Reads the colors of the host theme as the browser resolved them, for the controls drawn inside
+ * the frame of the piece. The frame cannot see the variables of the shell: it receives values.
+ */
+export declare class CanvasThemeProbe {
+    read(root: HTMLElement): CanvasBridgeTheme | undefined;
+}

package/dist/vue/canvas/file-drop.d.ts

@@ -0,0 +1,38 @@
+import type { Ref } from 'vue';
+import type { PaletteFrame } from './palette-drag';
+export interface FileDropPorts {
+    frame(): PaletteFrame | undefined;
+    /** The host declared an upload and the document can change. */
+    enabled(): boolean;
+    /** The drag entered the window: the piece learns where a new block may land. */
+    begin(): void;
+}
+/**
+ * An image file dragged from the desktop to the piece. Over an image it replaces that image;
+ * anywhere else it lands as a new image. The frame never receives the file: while the drag
+ * lasts a layer of the shell takes the pointer and the frame only answers where the point
+ * lands, exactly as it does for a block of the palette.
+ */
+export declare class FileDrop {
+    #private;
+    private readonly ports;
+    readonly active: Ref<boolean>;
+    constructor(ports: FileDropPorts);
+    /** Listens inside the area of one editor: a drag over another editor of the page is not its. */
+    listen(area: HTMLElement): void;
+    dispose(): void;
+    private lower;
+    /**
+     * The frame says a file from the system is over it: the layer rises above the frame, so the
+     * rest of the drag (and the drop) reaches the shell and never the page. Without a drag over the
+     * layer soon after, the word of the frame alone does not keep it up.
+     */
+    external(): void;
+    /** The file whose destination the frame has just answered; taken once. */
+    take(): File | undefined;
+    private point;
+    private enter;
+    private leave;
+    over(event: DragEvent): void;
+    drop(event: DragEvent): void;
+}

package/dist/vue/canvas/frame-window.d.ts

@@ -0,0 +1,26 @@
+export interface FrameWindowPorts {
+    /** Posts the question to whatever is in the window. It carries no secret. */
+    ask(challenge: string): void;
+    /** The window does not hold the runtime the host wrote into it. */
+    lost(): void;
+}
+/**
+ * Knows whether the window of the frame still holds the runtime the host wrote into it. The
+ * object the host calls `contentWindow` stays the same when the frame navigates, so a page which
+ * took the window would receive whatever the host posts next. After every load of the frame the
+ * host therefore stops posting and asks a question without any secret; only the runtime can
+ * answer it with the secret of the protocol. A window which does not answer is lost.
+ */
+export declare class FrameWindowGuard {
+    #private;
+    private readonly ports;
+    constructor(ports: FrameWindowPorts);
+    /** The host may not post, and only the answer to its question is heard. */
+    get waiting(): boolean;
+    /** A new window was written: nothing is expected from the previous one. */
+    reset(): void;
+    /** The frame finished a load, of what the host wrote or of anything else. */
+    loaded(): void;
+    /** An authenticated `ready`: whether it answers the question which is open. */
+    confirm(challenge: string | undefined): boolean;
+}