@dou-ui/form-builder 0.0.0-stage → 0.1.0-alpha.0

package/dist/builder/context.js

@@ -0,0 +1,477 @@
+import { isContainer, isPage } from "../core/document.js";
+import { formatMessage } from "../locale.js";
+import { FormBuilderTransaction, formNodePlaces } from "./core/transaction.js";
+import { FormBuilderHistory } from "./core/history.js";
+import { createNode, duplicateNodes, insertPlace, moveNodes, moveNodesTo, namesIn, removeNodes, replaceDocument, scopeOf, topmost, wrapNodes } from "./core/commands.js";
+import { labelOf, nodeTitle } from "./settings.js";
+import { matchesHotkey } from "dou-ui";
+import { computed, inject, nextTick, shallowReactive, shallowRef, toRaw, watch } from "vue";
+// src/builder/context.ts
+var builderKey = Symbol("DouFormBuilder");
+/** Inside a builder: its document, selection and commands. */
+function useFormBuilder() {
+	const state = inject(builderKey, void 0);
+	if (!state) throw new Error("[@dou-ui/form-builder] useFormBuilder() must be called inside <DouFormBuilder>");
+	return state;
+}
+function useBuilderState() {
+	const state = inject(builderKey, void 0);
+	if (!state) throw new Error("[@dou-ui/form-builder] the parts of a form builder must be placed inside <DouFormBuilder>");
+	return state;
+}
+var same = (a, b) => a.length === b.length && a.every((id, index) => id === b[index]);
+function createBuilderState(options) {
+	const doc = shallowRef(toRaw(options.document()));
+	const selection = shallowRef(options.selection() ?? []);
+	const history = new FormBuilderHistory();
+	/** Bumped whenever the history changes, so `canUndo` and `canRedo` stay current. */
+	const travelled = shallowRef(0);
+	const live = shallowRef("");
+	const inspector = shallowRef(null);
+	const canvas = shallowRef(null);
+	const dragger = shallowRef(null);
+	const openMenu = shallowRef(null);
+	watch(options.document, (next) => {
+		const raw = toRaw(next);
+		if (raw === doc.value) return;
+		doc.value = raw;
+		history.clear();
+		travelled.value++;
+		setSelection(selection.value);
+	});
+	watch(options.selection, (next) => {
+		if (next && !same(next, selection.value)) setSelection(next, false);
+	});
+	function setSelection(ids, emit = true) {
+		const map = formNodePlaces(doc.value);
+		const seen = /* @__PURE__ */ new Set();
+		const next = ids.filter((id) => map.has(id) && !seen.has(id) && seen.add(id));
+		if (same(next, selection.value)) return;
+		selection.value = next;
+		if (emit) options.emitSelection(next.slice());
+	}
+	const opened = shallowReactive(/* @__PURE__ */ new Map());
+	watch([selection, doc], ([ids, document]) => {
+		const map = formNodePlaces(document);
+		for (const id of ids) {
+			let place = map.get(id);
+			while (place) {
+				const parent = place.parent;
+				if (parent && isPage(place.node) && opened.get(parent.id) !== place.node.id) opened.set(parent.id, place.node.id);
+				place = parent ? map.get(parent.id) : void 0;
+			}
+		}
+	}, { immediate: true });
+	function shownPage(container) {
+		const pages = container.children;
+		const id = opened.get(container.id);
+		return pages.find((page) => page.id === id) ?? pages[0];
+	}
+	const selected = computed(() => new Set(selection.value));
+	const focused = computed(() => {
+		const last = selection.value[selection.value.length - 1];
+		return last ? formNodePlaces(doc.value).get(last)?.node : void 0;
+	});
+	function announce(text) {
+		live.value = "";
+		nextTick(() => live.value = text);
+	}
+	function transaction() {
+		return new FormBuilderTransaction(doc.value);
+	}
+	/** An extension's history, used instead of the builder's own. */
+	let customFor;
+	let custom = null;
+	function customHistory() {
+		const make = options.extensions().history;
+		if (make !== customFor) {
+			customFor = make;
+			custom = make ? make(self) : null;
+		}
+		return custom;
+	}
+	function dispatch(tr, dispatchOptions = {}) {
+		if (tr.before !== doc.value) throw new Error("[@dou-ui/form-builder] the transaction was made on another version of the form");
+		const before = selection.value.slice();
+		if (tr.changed) for (const hook of options.extensions().transactions) hook(tr, self);
+		if (tr.changed) {
+			doc.value = tr.doc;
+			options.emitDocument(tr.doc, tr);
+		}
+		setSelection(dispatchOptions.selection ?? selection.value);
+		if (tr.changed) {
+			if (!customHistory()) history.record(tr, before, selection.value.slice());
+			travelled.value++;
+		}
+		if (dispatchOptions.announce) announce(dispatchOptions.announce);
+	}
+	function select(ids, mode = "replace") {
+		const list = ids === null ? [] : typeof ids === "string" ? [ids] : ids;
+		if (mode === "replace") return setSelection(list);
+		const current = selection.value;
+		if (mode === "toggle") {
+			const off = new Set(list.filter((id) => current.includes(id)));
+			return setSelection([...current.filter((id) => !off.has(id)), ...list.filter((id) => !off.has(id))]);
+		}
+		setSelection([...current.filter((id) => !list.includes(id)), ...list]);
+	}
+	const tapToggles = shallowRef(false);
+	/** Where a Shift range starts: the node of the last press without Shift. */
+	let anchor;
+	function pick(id, event, view) {
+		if (event.metaKey || event.ctrlKey || tapToggles.value) {
+			anchor = id;
+			return select(id, "toggle");
+		}
+		const from = anchor && selection.value.includes(anchor) ? anchor : void 0;
+		if (event.shiftKey && from) {
+			const order = view.order();
+			const a = order.indexOf(from);
+			const b = order.indexOf(id);
+			if (a >= 0 && b >= 0) {
+				const range = [];
+				const dir = a <= b ? 1 : -1;
+				for (let at = a; at !== b + dir; at += dir) range.push(order[at]);
+				return setSelection(range);
+			}
+		}
+		anchor = id;
+		select(id, "replace");
+	}
+	const context = () => ({
+		fields: options.fields(),
+		messages: options.messages()
+	});
+	const target = (ids) => ids ?? selection.value;
+	const locked = () => options.readonly();
+	function add(type, place) {
+		if (locked()) return void 0;
+		const document = doc.value;
+		const where = place ?? insertPlace(document, selection.value, type, shownPage);
+		const node = createNode(type, {
+			...context(),
+			taken: namesIn(document, scopeOf(document, where.parent))
+		});
+		const tr = transaction().insert(node, where.parent, where.index);
+		tr.setMeta("origin", "insert");
+		const label = labelOf(type, options.fields().get(type), options.messages());
+		dispatch(tr, {
+			selection: [node.id],
+			announce: formatMessage(options.messages().announce.inserted, { label })
+		});
+		return node.id;
+	}
+	function remove(ids) {
+		if (locked()) return;
+		const tr = transaction();
+		const { removed, next } = removeNodes(tr, target(ids));
+		if (!removed) return;
+		dispatch(tr, {
+			selection: next ? [next] : [],
+			announce: formatMessage(options.messages().announce.removed, { count: removed })
+		});
+	}
+	function duplicate(ids) {
+		if (locked()) return;
+		const tr = transaction();
+		const copies = duplicateNodes(tr, target(ids));
+		if (!copies.length) return;
+		dispatch(tr, {
+			selection: copies,
+			announce: formatMessage(options.messages().announce.duplicated, { count: copies.length })
+		});
+	}
+	function moveBy(delta, ids) {
+		if (locked()) return;
+		const tr = transaction();
+		if (!moveNodes(tr, target(ids), delta)) return;
+		const last = target(ids)[target(ids).length - 1];
+		const place = last ? formNodePlaces(tr.doc).get(last) : void 0;
+		dispatch(tr, { announce: place ? formatMessage(options.messages().announce.moved, { index: place.index + 1 }) : void 0 });
+	}
+	function moveTo(place, ids) {
+		if (locked()) return;
+		const tr = transaction();
+		const moving = target(ids);
+		if (!moveNodesTo(tr, moving, place.parent, place.index)) return;
+		tr.setMeta("origin", "drag");
+		const map = formNodePlaces(tr.doc);
+		const moved = topmost(tr.doc, moving);
+		const first = map.get(moved[0] ?? "");
+		const messages = options.messages();
+		const where = first?.parent ? nodeTitle(first.parent, options.fields(), messages) : messages.drag.top;
+		dispatch(tr, {
+			selection: [...moving],
+			announce: first ? formatMessage(moved.length > 1 ? messages.announce.movedManyTo : messages.announce.movedTo, {
+				where,
+				index: first.index + 1,
+				count: moved.length
+			}) : void 0
+		});
+	}
+	function replace(next) {
+		if (locked()) return;
+		const tr = transaction();
+		replaceDocument(tr, toRaw(next));
+		tr.setMeta("origin", "replace");
+		dispatch(tr, {
+			selection: [],
+			announce: options.messages().announce.replaced
+		});
+	}
+	function wrap(ids) {
+		if (locked()) return;
+		const tr = transaction();
+		const section = wrapNodes(tr, target(ids), context());
+		if (!section) return;
+		dispatch(tr, {
+			selection: [section],
+			announce: options.messages().announce.wrapped
+		});
+	}
+	function addPage(id) {
+		if (locked()) return;
+		const map = formNodePlaces(doc.value);
+		let place = map.get(id ?? selection.value[selection.value.length - 1] ?? "");
+		while (place && place.node.type !== "tabs" && place.node.type !== "steps") place = place.parent ? map.get(place.parent.id) : void 0;
+		if (!place) return;
+		const container = place.node;
+		const messages = options.messages();
+		const text = container.type === "steps" ? messages.created.step : messages.created.page;
+		const page = createNode("page", {
+			...context(),
+			taken: /* @__PURE__ */ new Set()
+		});
+		page.title = formatMessage(text, { index: container.children.length + 1 });
+		dispatch(transaction().insert(page, container.id, container.children.length), {
+			selection: [page.id],
+			announce: formatMessage(messages.announce.inserted, { label: page.title })
+		});
+	}
+	function parentOf(id) {
+		if (!id) return void 0;
+		return formNodePlaces(doc.value).get(id)?.parent ?? void 0;
+	}
+	function selectParent() {
+		const last = selection.value[selection.value.length - 1];
+		const parent = parentOf(last);
+		setSelection(parent ? [parent.id] : []);
+	}
+	function travel(direction) {
+		if (locked()) return;
+		const handler = customHistory();
+		if (handler) {
+			if (!handler[direction]()) return;
+			travelled.value++;
+			announce(options.messages().announce[direction === "undo" ? "undone" : "redone"]);
+			return;
+		}
+		const result = direction === "undo" ? history.undo(doc.value) : history.redo(doc.value);
+		if (!result) return;
+		doc.value = result.tr.doc;
+		options.emitDocument(result.tr.doc, result.tr);
+		setSelection(result.selection);
+		travelled.value++;
+		announce(options.messages().announce[direction === "undo" ? "undone" : "redone"]);
+	}
+	function focusInspector() {
+		(inspector.value?.querySelector("input:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex=\"0\"]"))?.focus();
+	}
+	/** The keys of the canvas and the outline, as hotkeys. */
+	const keys = [
+		[
+			"mod+z",
+			() => travel("undo"),
+			true
+		],
+		[
+			"mod+shift+z",
+			() => travel("redo"),
+			true
+		],
+		[
+			"mod+y",
+			() => travel("redo"),
+			true
+		],
+		[
+			"mod+d",
+			() => duplicate(),
+			true
+		],
+		[
+			"mod+g",
+			() => wrap(),
+			true
+		],
+		[
+			"delete",
+			() => remove(),
+			true
+		],
+		[
+			"backspace",
+			() => remove(),
+			true
+		],
+		[
+			"mod+arrowup",
+			() => moveBy(-1),
+			true
+		],
+		[
+			"mod+arrowdown",
+			() => moveBy(1),
+			true
+		],
+		["arrowup", (view) => step(view, -1, false)],
+		["arrowdown", (view) => step(view, 1, false)],
+		["shift+arrowup", (view) => step(view, -1, true)],
+		["shift+arrowdown", (view) => step(view, 1, true)],
+		["home", (view) => jump(view, 0)],
+		["end", (view) => jump(view, -1)],
+		["arrowright", (view) => inward(view)],
+		["arrowleft", (view) => outward(view)],
+		["enter", () => focusInspector()],
+		["escape", () => selectParent()]
+	];
+	function step(view, delta, extend) {
+		const order = view.order();
+		if (!order.length) return;
+		const last = selection.value[selection.value.length - 1];
+		const at = last ? order.indexOf(last) : -1;
+		const next = at < 0 ? order[delta > 0 ? 0 : order.length - 1] : order[Math.min(Math.max(at + delta, 0), order.length - 1)];
+		if (!extend) return setSelection([next]);
+		if (selection.value[selection.value.length - 2] === next) return setSelection(selection.value.slice(0, -1));
+		select(next, "extend");
+	}
+	function jump(view, at) {
+		const order = view.order();
+		const id = at === 0 ? order[0] : order[order.length - 1];
+		if (id) setSelection([id]);
+	}
+	function inward(view) {
+		const last = selection.value[selection.value.length - 1];
+		if (!last || view.expand?.(last)) return;
+		const node = formNodePlaces(doc.value).get(last)?.node;
+		if (!node || !isContainer(node)) return;
+		const first = node.children[0];
+		if (!first) return;
+		if (view.order().includes(first.id)) setSelection([first.id]);
+	}
+	function outward(view) {
+		const last = selection.value[selection.value.length - 1];
+		if (!last || view.collapse?.(last)) return;
+		const parent = parentOf(last);
+		if (parent) setSelection([parent.id]);
+	}
+	function keydown(event, view) {
+		if (event.isComposing) return;
+		if (dragger.value?.carrying) {
+			if (dragger.value.keydown(event)) event.preventDefault();
+			return;
+		}
+		if (event.key === " " && !event.repeat && !locked() && dragger.value?.pickUp()) {
+			event.preventDefault();
+			return;
+		}
+		for (const keymap of options.extensions().keymaps) for (const [hotkey, handler] of Object.entries(keymap(self))) {
+			if (!matchesHotkey(event, hotkey) || handler(event) === false) continue;
+			event.preventDefault();
+			return;
+		}
+		for (const [hotkey, run, edits] of keys) {
+			if (!matchesHotkey(event, hotkey) || edits && locked()) continue;
+			event.preventDefault();
+			run(view, event);
+			return;
+		}
+	}
+	const self = {
+		get document() {
+			return doc.value;
+		},
+		get selection() {
+			return selection.value;
+		},
+		get fields() {
+			return options.fields();
+		},
+		get messages() {
+			return options.messages();
+		},
+		get canUndo() {
+			travelled.value;
+			return !locked() && (customHistory()?.canUndo() ?? history.canUndo);
+		},
+		get canRedo() {
+			travelled.value;
+			return !locked() && (customHistory()?.canRedo() ?? history.canRedo);
+		},
+		get readonly() {
+			return locked();
+		},
+		get mode() {
+			return options.mode();
+		},
+		setMode: (mode) => {
+			if (mode !== options.mode()) options.emitMode(mode);
+		},
+		transaction,
+		dispatch,
+		select,
+		add,
+		remove,
+		duplicate,
+		moveBy,
+		moveTo,
+		replace,
+		wrap,
+		addPage,
+		selectParent,
+		undo: () => travel("undo"),
+		redo: () => travel("redo"),
+		shownPage,
+		domId: (id, view) => `${options.uid}-${view === "canvas" ? "n" : "o"}-${id}`,
+		announce,
+		live,
+		keydown,
+		focusInspector,
+		inspector,
+		canvas,
+		dragger,
+		openMenu,
+		tapToggles,
+		pick,
+		selected,
+		focused,
+		functionNames: computed(() => Object.keys(options.functions() ?? {})),
+		functions: options.functions,
+		sources: options.sources,
+		validators: options.validators,
+		extensions: options.extensions
+	};
+	return self;
+}
+/** Every node in the order the canvas lists them: only the shown page of tabs and steps is open. */
+function canvasOrder(state) {
+	const order = [];
+	const visit = (nodes) => {
+		for (const node of nodes) {
+			order.push(node.id);
+			if (node.type === "tabs" || node.type === "steps") {
+				const container = node;
+				const shown = state.shownPage(container);
+				for (const page of container.children) {
+					order.push(page.id);
+					if (page === shown) visit(page.children);
+				}
+			} else if (isContainer(node)) visit(node.children);
+		}
+	};
+	visit(state.document.nodes);
+	return order;
+}
+export { builderKey, canvasOrder, createBuilderState, useBuilderState, useFormBuilder };
+
+//# sourceMappingURL=context.js.map

package/dist/builder/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/builder/context.ts"],"sourcesContent":["import { computed, inject, nextTick, shallowReactive, shallowRef, toRaw, watch } from 'vue'\nimport type { ComputedRef, InjectionKey, Ref } from 'vue'\nimport { matchesHotkey } from 'dou-ui'\nimport { isContainer, isPage } from '../core/document'\nimport type {\n  FormContainerNode,\n  FormDocument,\n  FormNode,\n  FormPageNode,\n  FormValidator,\n} from '../core/types'\nimport type { FormFunction } from '../core/expression'\nimport type { FormFieldType } from '../fields/define'\nimport type { FormOptionsLoader } from '../renderer/context'\nimport type { FormBuilderHistoryHandler, ResolvedFormBuilderExtensions } from './extension'\nimport { formatMessage } from '../locale'\nimport type { FormBuilderMessages } from './locale'\nimport { FormBuilderHistory } from './core/history'\nimport { FormBuilderTransaction, formNodePlaces } from './core/transaction'\nimport {\n  createNode,\n  duplicateNodes,\n  insertPlace,\n  moveNodes,\n  moveNodesTo,\n  namesIn,\n  topmost,\n  removeNodes,\n  replaceDocument,\n  scopeOf,\n  wrapNodes,\n} from './core/commands'\nimport type { FormBuilderInsertPlace } from './core/commands'\nimport { labelOf, nodeTitle } from './settings'\nimport type { DragController } from './drag'\n\n/** What the builder shows: the canvas to edit on, or the form to fill in as people will. */\nexport type FormBuilderMode = 'design' | 'preview'\n\n/** How a click changes the selection: replace it, add or take away the node, or extend it. */\nexport type FormBuilderSelectMode = 'replace' | 'toggle' | 'extend'\n\nexport interface FormBuilderDispatchOptions {\n  /** The selection after the change. Defaults to the current one, without nodes that are gone. */\n  selection?: readonly string[]\n  /** Read out to screen readers once the change is made. */\n  announce?: string\n}\n\n/**\n * What the builder and its parts share, from `useFormBuilder()` inside a\n * builder, e.g. in a panel of your own or a field type's component.\n */\nexport interface FormBuilderContext {\n  /** The document as it is now. */\n  readonly document: FormDocument\n  /** The ids of the selected nodes, the last one selected last. */\n  readonly selection: readonly string[]\n  /** Every field type, built-in and given. */\n  readonly fields: ReadonlyMap<string, FormFieldType>\n  readonly messages: FormBuilderMessages\n  readonly canUndo: boolean\n  readonly canRedo: boolean\n  /**\n   * Whether the builder only shows the form: nodes can be selected and\n   * their settings read, but the commands below change nothing. A\n   * transaction handed to `dispatch` still applies.\n   */\n  readonly readonly: boolean\n  readonly mode: FormBuilderMode\n  /** Show the canvas or the preview. */\n  setMode: (mode: FormBuilderMode) => void\n  /** A transaction on the document as it is now, to `dispatch`. */\n  transaction: () => FormBuilderTransaction\n  /** Make the changes of a transaction, as one undo step (or part of one, by `meta.group`). */\n  dispatch: (tr: FormBuilderTransaction, options?: FormBuilderDispatchOptions) => void\n  /** Select nodes; `null` or `[]` selects the form itself. */\n  select: (ids: string | readonly string[] | null, mode?: FormBuilderSelectMode) => void\n  /**\n   * Add a new node of a type (a field type or `section`, `tabs`, `steps`,\n   * `list`) and select it. It goes into the selected container, else\n   * after the selected node, else at the end, unless `place` says where.\n   * Returns its id.\n   */\n  add: (type: string, place?: FormBuilderInsertPlace) => string | undefined\n  /** Delete nodes, the selected ones by default. */\n  remove: (ids?: readonly string[]) => void\n  /** Put a copy of each node after it, the selected ones by default, and select the copies. */\n  duplicate: (ids?: readonly string[]) => void\n  /** Move nodes, the selected ones by default, one place up (`-1`) or down (`1`). */\n  moveBy: (delta: -1 | 1, ids?: readonly string[]) => void\n  /**\n   * Move nodes, the selected ones by default, into a container (`null`:\n   * the top) to start at `index` of its children as they are now.\n   */\n  moveTo: (place: FormBuilderInsertPlace, ids?: readonly string[]) => void\n  /** Replace the whole form with another, e.g. one imported as JSON, as one undo step. */\n  replace: (document: FormDocument) => void\n  /** Put nodes of one container into a new section, the selected ones by default. */\n  wrap: (ids?: readonly string[]) => void\n  /** Add a page to tabs or steps (the selected ones, or the ones around the selection). */\n  addPage: (id?: string) => void\n  /** Select the container around the last selected node, or the form. */\n  selectParent: () => void\n  undo: () => void\n  redo: () => void\n  /** The page of tabs or steps the canvas shows. */\n  shownPage: (container: FormContainerNode) => FormPageNode | undefined\n}\n\n/** What the builder's own parts read besides the public context. */\nexport interface BuilderState extends FormBuilderContext {\n  /** The id of a node's element on the canvas or in the outline. */\n  domId: (id: string, view: 'canvas' | 'outline') => string\n  announce: (text: string) => void\n  live: Ref<string>\n  /** Keys pressed on the canvas or the outline; `order` is the nodes as they are listed there. */\n  keydown: (event: KeyboardEvent, view: BuilderView) => void\n  /** Ask the inspector to focus its first setting. */\n  focusInspector: () => void\n  inspector: Ref<HTMLElement | null>\n  /** The canvas's focusable tree, to take focus back. */\n  canvas: Ref<HTMLElement | null>\n  /** Taps add to the selection or take from it, for touch screens without Shift or ⌘. */\n  tapToggles: Ref<boolean>\n  /**\n   * A press on a node in a view: Shift selects the range from the last\n   * plain press, ⌘ / Ctrl (or `tapToggles`) adds or removes, else replaces.\n   */\n  pick: (id: string, event: MouseEvent, view: BuilderView) => void\n  /** Drags on the canvas, set by the canvas once it is mounted. */\n  dragger: Ref<DragController | null>\n  /** Opens the menu of the selected nodes at a point of the viewport, set by the canvas. */\n  openMenu: Ref<((x: number, y: number) => void) | null>\n  /** The names of the functions given to the builder, for checks and completions. */\n  functionNames: ComputedRef<string[]>\n  /** The functions given to the builder, for the preview. */\n  functions: () => Record<string, FormFunction> | undefined\n  sources: () => Record<string, FormOptionsLoader> | undefined\n  /** The validators given to the builder, for the preview and the rules editor. */\n  validators: () => Record<string, FormValidator> | undefined\n  extensions: () => ResolvedFormBuilderExtensions\n  /** The selection, as a set, for views checking many nodes. */\n  selected: ComputedRef<ReadonlySet<string>>\n  /** The node the inspector and the action bar are for: the last selected one. */\n  focused: ComputedRef<FormNode | undefined>\n}\n\n/** A list of nodes as a view shows them, for the arrow keys. */\nexport interface BuilderView {\n  name: 'canvas' | 'outline'\n  /** The nodes in the order they are listed. */\n  order: () => string[]\n  /** `ArrowRight` on a node: return `true` when the view handled it, e.g. by expanding it. */\n  expand?: (id: string) => boolean\n  collapse?: (id: string) => boolean\n}\n\nexport const builderKey: InjectionKey<BuilderState> = Symbol('DouFormBuilder')\n\n/** Inside a builder: its document, selection and commands. */\nexport function useFormBuilder(): FormBuilderContext {\n  const state = inject(builderKey, undefined)\n  if (!state)\n    throw new Error(\n      '[@dou-ui/form-builder] useFormBuilder() must be called inside <DouFormBuilder>',\n    )\n  return state\n}\n\nexport function useBuilderState(): BuilderState {\n  const state = inject(builderKey, undefined)\n  if (!state)\n    throw new Error(\n      '[@dou-ui/form-builder] the parts of a form builder must be placed inside <DouFormBuilder>',\n    )\n  return state\n}\n\nexport interface CreateBuilderOptions {\n  uid: string\n  document: () => FormDocument\n  selection: () => readonly string[] | undefined\n  fields: () => Map<string, FormFieldType>\n  messages: () => FormBuilderMessages\n  emitDocument: (document: FormDocument, tr: FormBuilderTransaction) => void\n  emitSelection: (ids: string[]) => void\n  mode: () => FormBuilderMode\n  emitMode: (mode: FormBuilderMode) => void\n  functions: () => Record<string, FormFunction> | undefined\n  sources: () => Record<string, FormOptionsLoader> | undefined\n  validators: () => Record<string, FormValidator> | undefined\n  readonly: () => boolean\n  extensions: () => ResolvedFormBuilderExtensions\n}\n\nconst same = (a: readonly string[], b: readonly string[]) =>\n  a.length === b.length && a.every((id, index) => id === b[index])\n\nexport function createBuilderState(options: CreateBuilderOptions): BuilderState {\n  const doc = shallowRef<FormDocument>(toRaw(options.document()))\n  const selection = shallowRef<readonly string[]>(options.selection() ?? [])\n  const history = new FormBuilderHistory()\n  /** Bumped whenever the history changes, so `canUndo` and `canRedo` stay current. */\n  const travelled = shallowRef(0)\n  const live = shallowRef('')\n  const inspector = shallowRef<HTMLElement | null>(null)\n  const canvas = shallowRef<HTMLElement | null>(null)\n  const dragger = shallowRef<DragController | null>(null)\n  const openMenu = shallowRef<((x: number, y: number) => void) | null>(null)\n\n  // A document from outside, e.g. one loaded or reset by the page, starts a new history.\n  watch(options.document, (next) => {\n    const raw = toRaw(next)\n    if (raw === doc.value) return\n    doc.value = raw\n    history.clear()\n    travelled.value++\n    setSelection(selection.value)\n  })\n  watch(options.selection, (next) => {\n    if (next && !same(next, selection.value)) setSelection(next, false)\n  })\n\n  function setSelection(ids: readonly string[], emit = true) {\n    const map = formNodePlaces(doc.value)\n    const seen = new Set<string>()\n    const next = ids.filter((id) => map.has(id) && !seen.has(id) && seen.add(id))\n    if (same(next, selection.value)) return\n    selection.value = next\n    if (emit) options.emitSelection(next.slice())\n  }\n\n  // The page each tabs and steps shows: the one holding the selection, else the last one opened.\n  const opened = shallowReactive(new Map<string, string>())\n  watch(\n    [selection, doc],\n    ([ids, document]) => {\n      const map = formNodePlaces(document)\n      for (const id of ids) {\n        let place = map.get(id)\n        while (place) {\n          const parent = place.parent\n          if (parent && isPage(place.node) && opened.get(parent.id) !== place.node.id)\n            opened.set(parent.id, place.node.id)\n          place = parent ? map.get(parent.id) : undefined\n        }\n      }\n    },\n    { immediate: true },\n  )\n  function shownPage(container: FormContainerNode) {\n    const pages = container.children as FormNode[]\n    const id = opened.get(container.id)\n    return (pages.find((page) => page.id === id) ?? pages[0]) as FormPageNode | undefined\n  }\n\n  const selected = computed(() => new Set(selection.value))\n  const focused = computed(() => {\n    const last = selection.value[selection.value.length - 1]\n    return last ? formNodePlaces(doc.value).get(last)?.node : undefined\n  })\n\n  function announce(text: string) {\n    live.value = ''\n    void nextTick(() => (live.value = text))\n  }\n\n  function transaction() {\n    return new FormBuilderTransaction(doc.value)\n  }\n\n  /** An extension's history, used instead of the builder's own. */\n  let customFor: unknown\n  let custom: FormBuilderHistoryHandler | null = null\n  function customHistory() {\n    const make = options.extensions().history\n    if (make !== customFor) {\n      customFor = make\n      custom = make ? make(self) : null\n    }\n    return custom\n  }\n\n  function dispatch(tr: FormBuilderTransaction, dispatchOptions: FormBuilderDispatchOptions = {}) {\n    if (tr.before !== doc.value)\n      throw new Error(\n        '[@dou-ui/form-builder] the transaction was made on another version of the form',\n      )\n    const before = selection.value.slice()\n    if (tr.changed) for (const hook of options.extensions().transactions) hook(tr, self)\n    if (tr.changed) {\n      doc.value = tr.doc\n      options.emitDocument(tr.doc, tr)\n    }\n    setSelection(dispatchOptions.selection ?? selection.value)\n    if (tr.changed) {\n      if (!customHistory()) history.record(tr, before, selection.value.slice())\n      travelled.value++\n    }\n    if (dispatchOptions.announce) announce(dispatchOptions.announce)\n  }\n\n  function select(ids: string | readonly string[] | null, mode: FormBuilderSelectMode = 'replace') {\n    const list = ids === null ? [] : typeof ids === 'string' ? [ids] : ids\n    if (mode === 'replace') return setSelection(list)\n    const current = selection.value\n    if (mode === 'toggle') {\n      const off = new Set(list.filter((id) => current.includes(id)))\n      return setSelection([\n        ...current.filter((id) => !off.has(id)),\n        ...list.filter((id) => !off.has(id)),\n      ])\n    }\n    setSelection([...current.filter((id) => !list.includes(id)), ...list])\n  }\n\n  const tapToggles = shallowRef(false)\n  /** Where a Shift range starts: the node of the last press without Shift. */\n  let anchor: string | undefined\n  function pick(id: string, event: MouseEvent, view: BuilderView) {\n    if (event.metaKey || event.ctrlKey || tapToggles.value) {\n      anchor = id\n      return select(id, 'toggle')\n    }\n    const from = anchor && selection.value.includes(anchor) ? anchor : undefined\n    if (event.shiftKey && from) {\n      const order = view.order()\n      const a = order.indexOf(from)\n      const b = order.indexOf(id)\n      if (a >= 0 && b >= 0) {\n        // From the start of the range to the pressed node, which goes last for the inspector.\n        const range: string[] = []\n        const dir = a <= b ? 1 : -1\n        for (let at = a; at !== b + dir; at += dir) range.push(order[at]!)\n        return setSelection(range)\n      }\n    }\n    anchor = id\n    select(id, 'replace')\n  }\n\n  const context = () => ({ fields: options.fields(), messages: options.messages() })\n  const target = (ids?: readonly string[]) => ids ?? selection.value\n\n  const locked = () => options.readonly()\n\n  function add(type: string, place?: FormBuilderInsertPlace) {\n    if (locked()) return undefined\n    const document = doc.value\n    const where = place ?? insertPlace(document, selection.value, type, shownPage)\n    const node = createNode(type, {\n      ...context(),\n      taken: namesIn(document, scopeOf(document, where.parent)),\n    })\n    const tr = transaction().insert(node, where.parent, where.index)\n    tr.setMeta('origin', 'insert')\n    const label = labelOf(type, options.fields().get(type), options.messages())\n    dispatch(tr, {\n      selection: [node.id],\n      announce: formatMessage(options.messages().announce.inserted, { label }),\n    })\n    return node.id\n  }\n\n  function remove(ids?: readonly string[]) {\n    if (locked()) return\n    const tr = transaction()\n    const { removed, next } = removeNodes(tr, target(ids))\n    if (!removed) return\n    dispatch(tr, {\n      selection: next ? [next] : [],\n      announce: formatMessage(options.messages().announce.removed, { count: removed }),\n    })\n  }\n\n  function duplicate(ids?: readonly string[]) {\n    if (locked()) return\n    const tr = transaction()\n    const copies = duplicateNodes(tr, target(ids))\n    if (!copies.length) return\n    dispatch(tr, {\n      selection: copies,\n      announce: formatMessage(options.messages().announce.duplicated, { count: copies.length }),\n    })\n  }\n\n  function moveBy(delta: -1 | 1, ids?: readonly string[]) {\n    if (locked()) return\n    const tr = transaction()\n    if (!moveNodes(tr, target(ids), delta)) return\n    const last = target(ids)[target(ids).length - 1]\n    const place = last ? formNodePlaces(tr.doc).get(last) : undefined\n    dispatch(tr, {\n      announce: place\n        ? formatMessage(options.messages().announce.moved, { index: place.index + 1 })\n        : undefined,\n    })\n  }\n\n  function moveTo(place: FormBuilderInsertPlace, ids?: readonly string[]) {\n    if (locked()) return\n    const tr = transaction()\n    const moving = target(ids)\n    if (!moveNodesTo(tr, moving, place.parent, place.index)) return\n    tr.setMeta('origin', 'drag')\n    const map = formNodePlaces(tr.doc)\n    const moved = topmost(tr.doc, moving)\n    const first = map.get(moved[0] ?? '')\n    const messages = options.messages()\n    const where = first?.parent\n      ? nodeTitle(first.parent, options.fields(), messages)\n      : messages.drag.top\n    dispatch(tr, {\n      selection: [...moving],\n      announce: first\n        ? formatMessage(\n            moved.length > 1 ? messages.announce.movedManyTo : messages.announce.movedTo,\n            {\n              where,\n              index: first.index + 1,\n              count: moved.length,\n            },\n          )\n        : undefined,\n    })\n  }\n\n  function replace(next: FormDocument) {\n    if (locked()) return\n    const tr = transaction()\n    replaceDocument(tr, toRaw(next))\n    tr.setMeta('origin', 'replace')\n    dispatch(tr, { selection: [], announce: options.messages().announce.replaced })\n  }\n\n  function wrap(ids?: readonly string[]) {\n    if (locked()) return\n    const tr = transaction()\n    const section = wrapNodes(tr, target(ids), context())\n    if (!section) return\n    dispatch(tr, { selection: [section], announce: options.messages().announce.wrapped })\n  }\n\n  function addPage(id?: string) {\n    if (locked()) return\n    const map = formNodePlaces(doc.value)\n    let place = map.get(id ?? selection.value[selection.value.length - 1] ?? '')\n    while (place && place.node.type !== 'tabs' && place.node.type !== 'steps')\n      place = place.parent ? map.get(place.parent.id) : undefined\n    if (!place) return\n    const container = place.node as FormContainerNode\n    const messages = options.messages()\n    const text = container.type === 'steps' ? messages.created.step : messages.created.page\n    const page = createNode('page', { ...context(), taken: new Set() }) as FormPageNode\n    page.title = formatMessage(text, { index: container.children.length + 1 })\n    const tr = transaction().insert(page, container.id, container.children.length)\n    dispatch(tr, {\n      selection: [page.id],\n      announce: formatMessage(messages.announce.inserted, { label: page.title }),\n    })\n  }\n\n  function parentOf(id: string | undefined) {\n    if (!id) return undefined\n    return formNodePlaces(doc.value).get(id)?.parent ?? undefined\n  }\n\n  function selectParent() {\n    const last = selection.value[selection.value.length - 1]\n    const parent = parentOf(last)\n    setSelection(parent ? [parent.id] : [])\n  }\n\n  function travel(direction: 'undo' | 'redo') {\n    if (locked()) return\n    const handler = customHistory()\n    if (handler) {\n      if (!handler[direction]()) return\n      travelled.value++\n      announce(options.messages().announce[direction === 'undo' ? 'undone' : 'redone'])\n      return\n    }\n    const result = direction === 'undo' ? history.undo(doc.value) : history.redo(doc.value)\n    if (!result) return\n    doc.value = result.tr.doc\n    options.emitDocument(result.tr.doc, result.tr)\n    setSelection(result.selection)\n    travelled.value++\n    announce(options.messages().announce[direction === 'undo' ? 'undone' : 'redone'])\n  }\n\n  function focusInspector() {\n    const root = inspector.value\n    const first = root?.querySelector<HTMLElement>(\n      'input:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex=\"0\"]',\n    )\n    first?.focus()\n  }\n\n  /** The keys of the canvas and the outline, as hotkeys. */\n  const keys: [\n    hotkey: string,\n    run: (view: BuilderView, event: KeyboardEvent) => void,\n    /** Changes the form, so a read-only builder lets the key through. */\n    edits?: boolean,\n  ][] = [\n    ['mod+z', () => travel('undo'), true],\n    ['mod+shift+z', () => travel('redo'), true],\n    ['mod+y', () => travel('redo'), true],\n    ['mod+d', () => duplicate(), true],\n    ['mod+g', () => wrap(), true],\n    ['delete', () => remove(), true],\n    ['backspace', () => remove(), true],\n    ['mod+arrowup', () => moveBy(-1), true],\n    ['mod+arrowdown', () => moveBy(1), true],\n    ['arrowup', (view) => step(view, -1, false)],\n    ['arrowdown', (view) => step(view, 1, false)],\n    ['shift+arrowup', (view) => step(view, -1, true)],\n    ['shift+arrowdown', (view) => step(view, 1, true)],\n    ['home', (view) => jump(view, 0)],\n    ['end', (view) => jump(view, -1)],\n    ['arrowright', (view) => inward(view)],\n    ['arrowleft', (view) => outward(view)],\n    ['enter', () => focusInspector()],\n    ['escape', () => selectParent()],\n  ]\n\n  function step(view: BuilderView, delta: -1 | 1, extend: boolean) {\n    const order = view.order()\n    if (!order.length) return\n    const last = selection.value[selection.value.length - 1]\n    const at = last ? order.indexOf(last) : -1\n    const next =\n      at < 0\n        ? order[delta > 0 ? 0 : order.length - 1]!\n        : order[Math.min(Math.max(at + delta, 0), order.length - 1)]!\n    if (!extend) return setSelection([next])\n    // Shift + arrows grow the selection, or shrink it when going back over it.\n    const before = selection.value[selection.value.length - 2]\n    if (before === next) return setSelection(selection.value.slice(0, -1))\n    select(next, 'extend')\n  }\n\n  function jump(view: BuilderView, at: 0 | -1) {\n    const order = view.order()\n    const id = at === 0 ? order[0] : order[order.length - 1]\n    if (id) setSelection([id])\n  }\n\n  function inward(view: BuilderView) {\n    const last = selection.value[selection.value.length - 1]\n    if (!last || view.expand?.(last)) return\n    const node = formNodePlaces(doc.value).get(last)?.node\n    if (!node || !isContainer(node)) return\n    const first = node.children[0]\n    if (!first) return\n    const order = view.order()\n    if (order.includes(first.id)) setSelection([first.id])\n  }\n\n  function outward(view: BuilderView) {\n    const last = selection.value[selection.value.length - 1]\n    if (!last || view.collapse?.(last)) return\n    const parent = parentOf(last)\n    if (parent) setSelection([parent.id])\n  }\n\n  function keydown(event: KeyboardEvent, view: BuilderView) {\n    if (event.isComposing) return\n    // While nodes are picked up, the keys choose where they go.\n    if (dragger.value?.carrying) {\n      if (dragger.value.keydown(event)) event.preventDefault()\n      return\n    }\n    if (event.key === ' ' && !event.repeat && !locked() && dragger.value?.pickUp()) {\n      event.preventDefault()\n      return\n    }\n    for (const keymap of options.extensions().keymaps)\n      for (const [hotkey, handler] of Object.entries(keymap(self))) {\n        if (!matchesHotkey(event, hotkey) || handler(event) === false) continue\n        event.preventDefault()\n        return\n      }\n    for (const [hotkey, run, edits] of keys) {\n      if (!matchesHotkey(event, hotkey) || (edits && locked())) continue\n      event.preventDefault()\n      run(view, event)\n      return\n    }\n  }\n\n  const functionNames = computed(() => Object.keys(options.functions() ?? {}))\n\n  const self: BuilderState = {\n    get document() {\n      return doc.value\n    },\n    get selection() {\n      return selection.value\n    },\n    get fields() {\n      return options.fields()\n    },\n    get messages() {\n      return options.messages()\n    },\n    get canUndo() {\n      void travelled.value\n      return !locked() && (customHistory()?.canUndo() ?? history.canUndo)\n    },\n    get canRedo() {\n      void travelled.value\n      return !locked() && (customHistory()?.canRedo() ?? history.canRedo)\n    },\n    get readonly() {\n      return locked()\n    },\n    get mode() {\n      return options.mode()\n    },\n    setMode: (mode) => {\n      if (mode !== options.mode()) options.emitMode(mode)\n    },\n    transaction,\n    dispatch,\n    select,\n    add,\n    remove,\n    duplicate,\n    moveBy,\n    moveTo,\n    replace,\n    wrap,\n    addPage,\n    selectParent,\n    undo: () => travel('undo'),\n    redo: () => travel('redo'),\n    shownPage,\n    domId: (id, view) => `${options.uid}-${view === 'canvas' ? 'n' : 'o'}-${id}`,\n    announce,\n    live,\n    keydown,\n    focusInspector,\n    inspector,\n    canvas,\n    dragger,\n    openMenu,\n    tapToggles,\n    pick,\n    selected,\n    focused,\n    functionNames,\n    functions: options.functions,\n    sources: options.sources,\n    validators: options.validators,\n    extensions: options.extensions,\n  }\n  return self\n}\n\n/** Every node in the order the canvas lists them: only the shown page of tabs and steps is open. */\nexport function canvasOrder(state: BuilderState): string[] {\n  const order: string[] = []\n  const visit = (nodes: readonly FormNode[]) => {\n    for (const node of nodes) {\n      order.push(node.id)\n      if (node.type === 'tabs' || node.type === 'steps') {\n        const container = node as FormContainerNode\n        const shown = state.shownPage(container)\n        for (const page of container.children) {\n          order.push(page.id)\n          if (page === shown) visit((page as FormPageNode).children)\n        }\n      } else if (isContainer(node)) visit(node.children)\n    }\n  }\n  visit(state.document.nodes)\n  return order\n}\n"],"mappings":"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"}