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

package/dist/code/expression-input.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,88 @@
+import { builtinFunctions, checkExpression } from "../core/expression.js";
+import { formatMessage } from "../locale.js";
+import { useBuilderState } from "../builder/context.js";
+import { expressionCodeExtension } from "./extension.js";
+import { formExpression } from "./language.js";
+import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, toDisplayString, unref, useId } from "vue";
+import { DouCodeInput } from "@dou-ui/code";
+// src/code/expression-input.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-form-builder__expression" };
+/**
+* The builder's expression box as a code input: colored, with completions
+* of field paths and functions, parameter hints, and problems underlined
+* as well as written under it.
+*/
+var expression_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouFormBuilderCodeExpression",
+	inheritAttrs: false,
+	__name: "expression-input",
+	props: {
+		modelValue: { default: "" },
+		names: { default: () => [] },
+		itemNames: { default: void 0 },
+		readsValue: { type: Boolean },
+		placeholder: { default: void 0 },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const state = useBuilderState();
+		const errorId = `dou-form-builder-expression-${useId()}`;
+		const words = computed(() => state.messages.expression);
+		const problemMessage = (problem) => formatMessage(words.value.problems[problem.code] ?? problem.message, { text: problem.text });
+		const extensions = [expressionCodeExtension({
+			names: () => props.names,
+			itemNames: () => props.itemNames,
+			readsValue: () => !!props.readsValue,
+			functions: () => state.functionNames.value,
+			functionInfo: () => words.value.functions,
+			labels: () => words.value,
+			problemMessage
+		})];
+		const text = computed(() => props.modelValue ?? "");
+		const problem = computed(() => {
+			if (!text.value.trim()) return void 0;
+			const found = checkExpression(text.value, {
+				fields: props.names.map((name) => name.path),
+				itemFields: props.itemNames ? props.itemNames.map((name) => name.path) : [],
+				functions: [.../* @__PURE__ */ new Set([...Object.keys(builtinFunctions), ...state.functionNames.value])]
+			})[0];
+			return found && problemMessage(found);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(DouCodeInput), mergeProps(_ctx.$attrs, {
+				"model-value": text.value,
+				language: unref(formExpression),
+				extensions,
+				placeholder: __props.placeholder,
+				disabled: __props.disabled,
+				readonly: __props.readonly,
+				invalid: !!problem.value,
+				"aria-describedby": problem.value ? errorId : void 0,
+				multiline: "",
+				autosize: { maxRows: 4 },
+				size: "sm",
+				class: "dou-form-builder__expression-input",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+			}), null, 16, [
+				"model-value",
+				"language",
+				"placeholder",
+				"disabled",
+				"readonly",
+				"invalid",
+				"aria-describedby"
+			]), problem.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: errorId,
+				class: "dou-form-builder__expression-error"
+			}, toDisplayString(problem.value), 1)) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { expression_input_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=expression-input.vue_vue_type_script_setup_true_lang.js.map

package/dist/code/expression-input.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expression-input.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createElementBlock","_createVNode","_unref","_mergeProps","_toDisplayString","_createCommentVNode"],"sources":["../../src/code/expression-input.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouCodeInput } from '@dou-ui/code'\nimport { computed, useId } from 'vue'\nimport { builtinFunctions, checkExpression } from '../core/expression'\nimport { formatMessage } from '../locale'\nimport { useBuilderState } from '../builder/context'\nimport { expressionCodeExtension } from './extension'\nimport type { ExpressionName } from './extension'\nimport { formExpression } from './language'\n\n/**\n * The builder's expression box as a code input: colored, with completions\n * of field paths and functions, parameter hints, and problems underlined\n * as well as written under it.\n */\ndefineOptions({ name: 'DouFormBuilderCodeExpression', inheritAttrs: false })\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | null\n    names?: ExpressionName[]\n    itemNames?: ExpressionName[]\n    readsValue?: boolean\n    placeholder?: string\n    disabled?: boolean\n    /** Shown and selectable, but not changed; also when the form around is read-only. */\n    readonly?: boolean\n  }>(),\n  { modelValue: '', names: () => [], itemNames: undefined, placeholder: undefined },\n)\nconst emit = defineEmits<{ 'update:modelValue': [value: string] }>()\n\nconst state = useBuilderState()\nconst errorId = `dou-form-builder-expression-${useId()}`\nconst words = computed(() => state.messages.expression)\n\nconst problemMessage = (problem: { code: string; message: string; text: string }) =>\n  formatMessage(words.value.problems[problem.code] ?? problem.message, { text: problem.text })\n\nconst extensions = [\n  expressionCodeExtension({\n    names: () => props.names,\n    itemNames: () => props.itemNames,\n    readsValue: () => !!props.readsValue,\n    functions: () => state.functionNames.value,\n    functionInfo: () => words.value.functions,\n    labels: () => words.value,\n    problemMessage,\n  }),\n]\n\nconst text = computed(() => props.modelValue ?? '')\n\n// The first problem in words too, for screen readers and at a glance.\nconst problem = computed(() => {\n  if (!text.value.trim()) return undefined\n  const found = checkExpression(text.value, {\n    fields: props.names.map((name) => name.path),\n    itemFields: props.itemNames ? props.itemNames.map((name) => name.path) : [],\n    functions: [...new Set([...Object.keys(builtinFunctions), ...state.functionNames.value])],\n  })[0]\n  return found && problemMessage(found)\n})\n</script>\n\n<template>\n  <div class=\"dou-form-builder__expression\">\n    <DouCodeInput\n      v-bind=\"$attrs\"\n      :model-value=\"text\"\n      :language=\"formExpression\"\n      :extensions=\"extensions\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :invalid=\"!!problem\"\n      :aria-describedby=\"problem ? errorId : undefined\"\n      multiline\n      :autosize=\"{ maxRows: 4 }\"\n      size=\"sm\"\n      class=\"dou-form-builder__expression-input\"\n      @update:model-value=\"emit('update:modelValue', $event)\"\n    />\n    <div v-if=\"problem\" :id=\"errorId\" class=\"dou-form-builder__expression-error\">\n      {{ problem }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAad,MAAM,OAAO;EAEb,MAAM,QAAQ,gBAAgB;EAC9B,MAAM,UAAU,+BAA+B,MAAM;EACrD,MAAM,QAAQ,eAAe,MAAM,SAAS,UAAU;EAEtD,MAAM,kBAAkB,YACtB,cAAc,MAAM,MAAM,SAAS,QAAQ,SAAS,QAAQ,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC;EAE7F,MAAM,aAAa,CACjB,wBAAwB;GACtB,aAAa,MAAM;GACnB,iBAAiB,MAAM;GACvB,kBAAkB,CAAC,CAAC,MAAM;GAC1B,iBAAiB,MAAM,cAAc;GACrC,oBAAoB,MAAM,MAAM;GAChC,cAAc,MAAM;GACpB;EACF,CAAC,CACH;EAEA,MAAM,OAAO,eAAe,MAAM,cAAc,EAAE;EAGlD,MAAM,UAAU,eAAe;GAC7B,IAAI,CAAC,KAAK,MAAM,KAAK,GAAG,OAAO,KAAA;GAC/B,MAAM,QAAQ,gBAAgB,KAAK,OAAO;IACxC,QAAQ,MAAM,MAAM,KAAK,SAAS,KAAK,IAAI;IAC3C,YAAY,MAAM,YAAY,MAAM,UAAU,KAAK,SAAS,KAAK,IAAI,IAAI,CAAC;IAC1E,WAAW,CAAC,mBAAG,IAAI,IAAI,CAAC,GAAG,OAAO,KAAK,gBAAgB,GAAG,GAAG,MAAM,cAAc,KAAK,CAAC,CAAC;GAC1F,CAAC,CAAC,CAAC;GACH,OAAO,SAAS,eAAe,KAAK;EACtC,CAAC;;GAIC,OAAAC,UAAA,GAAAC,mBAoBM,OApBN,YAoBM,CAnBJC,YAeEC,MAAA,YAAA,GAfFC,WACUL,KAcR,QAdc;IACb,eAAa,KAAA;IACb,UAAUI,MAAA,cAAA;IACE;IACZ,aAAa,QAAA;IACb,UAAU,QAAA;IACV,UAAU,QAAA;IACV,SAAO,CAAA,CAAI,QAAA;IACX,oBAAkB,QAAA,QAAU,UAAU,KAAA;IACvC,WAAA;IACC,UAAU,EAAA,SAAA,EAAA;IACX,MAAK;IACL,OAAM;IACL,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,MAAM;;;;;;;;;G,IAE5C,QAAA,SAAXH,UAAA,GAAAC,mBAEM,OAAA;;IAFe,IAAI;IAAS,OAAM;GACnC,GAAAI,gBAAA,QAAA,KAAO,GAAA,CAAA,K"}

package/dist/code/extension.js

@@ -0,0 +1,202 @@
+import { builtinFunctions, checkExpression } from "../core/expression.js";
+import { referenceSource } from "../builder/condition.js";
+import { defineCodeExtension } from "@dou-ui/code";
+// src/code/extension.ts
+var read = (value) => typeof value === "function" ? value() : value;
+var KEYWORDS = [
+	"true",
+	"false",
+	"null",
+	"in"
+];
+/** Whether `text` ends inside quoted text. */
+function inString(text) {
+	let quote = "";
+	for (let i = 0; i < text.length; i++) {
+		const char = text[i];
+		if (quote) {
+			if (char === "\\") i++;
+			else if (char === quote) quote = "";
+		} else if (char === "'" || char === "\"") quote = char;
+	}
+	return !!quote;
+}
+/** The parameters of `signature` as `[from, to]` in it. */
+function paramsOf(signature) {
+	const open = signature.indexOf("(");
+	const close = signature.lastIndexOf(")");
+	if (open < 0 || close <= open + 1) return [];
+	const out = [];
+	let from = open + 1;
+	for (let i = from; i <= close; i++) if (i === close || signature[i] === ",") {
+		let a = from;
+		while (signature[a] === " ") a++;
+		out.push([a, i]);
+		from = i + 1;
+	}
+	return out;
+}
+/** The call around `pos` in `text`: its name and which argument the cursor is in. */
+function callAt(text, pos) {
+	let depth = 0;
+	let commas = 0;
+	let quote = "";
+	const plain = text.slice(0, pos).split("");
+	for (let i = 0; i < plain.length; i++) {
+		const char = plain[i];
+		if (quote) {
+			if (char === "\\") {
+				plain[i] = " ";
+				if (i + 1 < plain.length) plain[++i] = " ";
+				continue;
+			}
+			if (char === quote) quote = "";
+			plain[i] = " ";
+		} else if (char === "'" || char === "\"") {
+			quote = char;
+			plain[i] = " ";
+		}
+	}
+	for (let i = plain.length - 1; i >= 0; i--) {
+		const char = plain[i];
+		if (char === ")" || char === "]") depth++;
+		else if (char === "[") {
+			if (depth-- === 0) return null;
+		} else if (char === "," && depth === 0) commas++;
+		else if (char === "(") {
+			if (depth-- > 0) continue;
+			const name = /([A-Za-z_$À-￿][\w$À-￿]*)\s*$/.exec(plain.slice(0, i).join(""));
+			return name ? {
+				name: name[1],
+				arg: commas
+			} : null;
+		}
+	}
+	return null;
+}
+/**
+* Completions, hover text, parameter hints and problems for form
+* expressions in a `DouCodeEditor` or `DouCodeInput`: field paths after
+* `values.` and `item.`, functions as snippets, and the problems of
+* `checkExpression` underlined where they are.
+*/
+function expressionCodeExtension(options = {}) {
+	const functionNames = () => [.../* @__PURE__ */ new Set([...Object.keys(builtinFunctions), ...read(options.functions ?? [])])];
+	const infoOf = (name) => read(options.functionInfo ?? {})[name];
+	return defineCodeExtension({
+		name: "form-expression",
+		completionTriggers: ["."],
+		completion({ pos, word }, { doc }) {
+			const line = doc.lineAt(pos);
+			const before = line.text.slice(0, pos - line.from);
+			if (inString(before)) return null;
+			const labels = read(options.labels ?? {});
+			const path = /\b(values|item)\.([\w$.À-￿]*)$/.exec(before);
+			if (path) {
+				const root = path[1];
+				const list = root === "values" ? read(options.names ?? []) : read(options.itemNames);
+				if (!list) return null;
+				return {
+					from: pos - path[2].length,
+					options: list.filter(({ path: name }) => referenceSource(root, name) === `${root}.${name}`).map(({ path: name, label }) => ({
+						label: name,
+						kind: "property",
+						detail: label
+					}))
+				};
+			}
+			if (before.slice(0, before.length - word.text.length).endsWith(".")) return null;
+			const entries = [{
+				label: "values",
+				kind: "variable",
+				detail: labels.values,
+				boost: 2
+			}];
+			if (read(options.itemNames)) entries.push({
+				label: "item",
+				kind: "variable",
+				detail: labels.item,
+				boost: 2
+			});
+			if (read(options.readsValue ?? false)) entries.push({
+				label: "value",
+				kind: "variable",
+				detail: labels.value,
+				boost: 2
+			});
+			for (const name of functionNames()) {
+				const info = infoOf(name);
+				const required = (info ? paramsOf(info.signature) : []).map(([a, b]) => info.signature.slice(a, b)).filter((param) => !param.endsWith("?"));
+				const fields = required.map((param, i) => `\${${i + 1}:${param.replace(/^\.\.\./, "")}}`).join(", ");
+				entries.push({
+					label: name,
+					kind: "function",
+					detail: info ? info.signature.slice(name.length) : "()",
+					info: info?.info,
+					snippet: required.length ? `${name}(${fields})` : `${name}($0)`
+				});
+			}
+			for (const keyword of KEYWORDS) entries.push({
+				label: keyword,
+				kind: "keyword",
+				detail: labels.keyword,
+				boost: -1
+			});
+			return {
+				from: word.from,
+				options: entries
+			};
+		},
+		hover({ pos }, { doc }) {
+			const line = doc.lineAt(pos);
+			const col = pos - line.from;
+			for (const match of line.text.matchAll(/[A-Za-z_$À-￿][\w$À-￿]*/g)) {
+				const from = match.index;
+				const to = from + match[0].length;
+				if (col < from || col > to) continue;
+				const info = infoOf(match[0]);
+				if (!info || !/^\s*\(/.test(line.text.slice(to))) return null;
+				return {
+					from: line.from + from,
+					to: line.from + to,
+					content: info.info ? `${info.signature}\n${info.info}` : info.signature
+				};
+			}
+			return null;
+		},
+		signature({ pos }, { doc }) {
+			const line = doc.lineAt(pos);
+			const call = callAt(line.text, pos - line.from);
+			const info = call && infoOf(call.name);
+			if (!call || !info) return null;
+			const params = paramsOf(info.signature);
+			const last = params.length - 1;
+			const active = last >= 0 && info.signature.slice(params[last][0]).startsWith("...") ? Math.min(call.arg, last) : call.arg;
+			if (active > last) return null;
+			return {
+				label: info.signature,
+				params,
+				active,
+				info: info.info
+			};
+		},
+		lint: options.lint === false ? void 0 : ({ doc }) => {
+			const source = doc.toString();
+			if (!source.trim()) return [];
+			const itemNames = read(options.itemNames);
+			return checkExpression(source, {
+				fields: read(options.names ?? []).map((name) => name.path),
+				itemFields: itemNames ? itemNames.map((name) => name.path) : [],
+				functions: read(options.functions ?? [])
+			}).map((problem) => ({
+				from: problem.start,
+				to: Math.max(problem.end, problem.start),
+				severity: "error",
+				message: options.problemMessage?.(problem) ?? problem.message
+			}));
+		}
+	});
+}
+export { expressionCodeExtension };
+
+//# sourceMappingURL=extension.js.map

package/dist/code/extension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.js","names":[],"sources":["../../src/code/extension.ts"],"sourcesContent":["import { defineCodeExtension } from '@dou-ui/code'\nimport type {\n  CodeCompletion,\n  CodeDiagnostic,\n  CodeExtension,\n  CodeSignatureResult,\n} from '@dou-ui/code'\nimport { builtinFunctions, checkExpression } from '../core/expression'\nimport type { ExpressionProblem } from '../core/expression'\nimport { referenceSource } from '../builder/condition'\n\n/** A path an expression can read, with what to show beside it. */\nexport interface ExpressionName {\n  path: string\n  label?: string\n}\n\n/** What a function takes and does, for hover text and parameter hints. */\nexport interface ExpressionFunctionInfo {\n  /** As it is called, e.g. `round(value, digits?)`. */\n  signature: string\n  info?: string\n}\n\ntype Getter<T> = T | (() => T)\nconst read = <T>(value: Getter<T>): T =>\n  typeof value === 'function' ? (value as () => T)() : value\n\nexport interface ExpressionCodeOptions {\n  /** The paths `values` can read. */\n  names?: Getter<readonly ExpressionName[]>\n  /** The paths `item` can read; left out where there is no list item. */\n  itemNames?: Getter<readonly ExpressionName[] | undefined>\n  /** Whether `value` (the field's own value) can be read, as in a check. */\n  readsValue?: Getter<boolean>\n  /** Functions besides the built-in ones. */\n  functions?: Getter<readonly string[]>\n  /** What each function takes and does, by name. */\n  functionInfo?: Getter<Readonly<Record<string, ExpressionFunctionInfo>>>\n  /** Shown beside `values`, `item`, `value` and the keywords in completions. */\n  labels?: Getter<{ values?: string; item?: string; value?: string; keyword?: string }>\n  /** The words for a problem; the English description by default. */\n  problemMessage?: (problem: ExpressionProblem) => string\n  /** Finds problems as the expression is typed. On by default. */\n  lint?: boolean\n}\n\nconst KEYWORDS = ['true', 'false', 'null', 'in']\n\n/** Whether `text` ends inside quoted text. */\nfunction inString(text: string) {\n  let quote = ''\n  for (let i = 0; i < text.length; i++) {\n    const char = text[i]!\n    if (quote) {\n      if (char === '\\\\') i++\n      else if (char === quote) quote = ''\n    } else if (char === \"'\" || char === '\"') quote = char\n  }\n  return !!quote\n}\n\n/** The parameters of `signature` as `[from, to]` in it. */\nfunction paramsOf(signature: string): Array<[number, number]> {\n  const open = signature.indexOf('(')\n  const close = signature.lastIndexOf(')')\n  if (open < 0 || close <= open + 1) return []\n  const out: Array<[number, number]> = []\n  let from = open + 1\n  for (let i = from; i <= close; i++) {\n    if (i === close || signature[i] === ',') {\n      let a = from\n      while (signature[a] === ' ') a++\n      out.push([a, i])\n      from = i + 1\n    }\n  }\n  return out\n}\n\n/** The call around `pos` in `text`: its name and which argument the cursor is in. */\nfunction callAt(text: string, pos: number) {\n  let depth = 0\n  let commas = 0\n  let quote = ''\n  // Strings first: brackets and commas inside them don't count.\n  const plain = text.slice(0, pos).split('')\n  for (let i = 0; i < plain.length; i++) {\n    const char = plain[i]!\n    if (quote) {\n      if (char === '\\\\') {\n        plain[i] = ' '\n        if (i + 1 < plain.length) plain[++i] = ' '\n        continue\n      }\n      if (char === quote) quote = ''\n      plain[i] = ' '\n    } else if (char === \"'\" || char === '\"') {\n      quote = char\n      plain[i] = ' '\n    }\n  }\n  for (let i = plain.length - 1; i >= 0; i--) {\n    const char = plain[i]\n    if (char === ')' || char === ']') depth++\n    else if (char === '[') {\n      if (depth-- === 0) return null\n    } else if (char === ',' && depth === 0) commas++\n    else if (char === '(') {\n      if (depth-- > 0) continue\n      const name = /([A-Za-z_$À-￿][\\w$À-￿]*)\\s*$/.exec(plain.slice(0, i).join(''))\n      return name ? { name: name[1]!, arg: commas } : null\n    }\n  }\n  return null\n}\n\n/**\n * Completions, hover text, parameter hints and problems for form\n * expressions in a `DouCodeEditor` or `DouCodeInput`: field paths after\n * `values.` and `item.`, functions as snippets, and the problems of\n * `checkExpression` underlined where they are.\n */\nexport function expressionCodeExtension(options: ExpressionCodeOptions = {}): CodeExtension {\n  const functionNames = () => [\n    ...new Set([...Object.keys(builtinFunctions), ...read(options.functions ?? [])]),\n  ]\n  const infoOf = (name: string) => read(options.functionInfo ?? {})[name]\n\n  return defineCodeExtension({\n    name: 'form-expression',\n    completionTriggers: ['.'],\n    completion({ pos, word }, { doc }) {\n      const line = doc.lineAt(pos)\n      const before = line.text.slice(0, pos - line.from)\n      if (inString(before)) return null\n      const labels = read(options.labels ?? {})\n\n      // A path after `values.` or `item.`, dots and all.\n      const path = /\\b(values|item)\\.([\\w$.À-￿]*)$/.exec(before)\n      if (path) {\n        const root = path[1] as 'values' | 'item'\n        const list = root === 'values' ? read(options.names ?? []) : read(options.itemNames)\n        if (!list) return null\n        const typed = path[2]!\n        const from = pos - typed.length\n        return {\n          from,\n          options: list\n            // Paths written with brackets are left to type by hand.\n            .filter(({ path: name }) => referenceSource(root, name) === `${root}.${name}`)\n            .map(({ path: name, label }) => ({\n              label: name,\n              kind: 'property' as const,\n              detail: label,\n            })),\n        }\n      }\n      // After any other dot there is nothing to offer.\n      if (before.slice(0, before.length - word.text.length).endsWith('.')) return null\n\n      const entries: CodeCompletion[] = [\n        { label: 'values', kind: 'variable', detail: labels.values, boost: 2 },\n      ]\n      if (read(options.itemNames))\n        entries.push({ label: 'item', kind: 'variable', detail: labels.item, boost: 2 })\n      if (read(options.readsValue ?? false))\n        entries.push({ label: 'value', kind: 'variable', detail: labels.value, boost: 2 })\n      for (const name of functionNames()) {\n        const info = infoOf(name)\n        // The parameters to fill in: the required ones; `...rest` once.\n        const required = (info ? paramsOf(info.signature) : [])\n          .map(([a, b]) => info!.signature.slice(a, b))\n          .filter((param) => !param.endsWith('?'))\n        const fields = required\n          .map((param, i) => `\\${${i + 1}:${param.replace(/^\\.\\.\\./, '')}}`)\n          .join(', ')\n        entries.push({\n          label: name,\n          kind: 'function',\n          detail: info ? info.signature.slice(name.length) : '()',\n          info: info?.info,\n          snippet: required.length ? `${name}(${fields})` : `${name}($0)`,\n        })\n      }\n      for (const keyword of KEYWORDS)\n        entries.push({ label: keyword, kind: 'keyword', detail: labels.keyword, boost: -1 })\n      return { from: word.from, options: entries }\n    },\n\n    hover({ pos }, { doc }) {\n      const line = doc.lineAt(pos)\n      const col = pos - line.from\n      for (const match of line.text.matchAll(/[A-Za-z_$À-￿][\\w$À-￿]*/g)) {\n        const from = match.index!\n        const to = from + match[0].length\n        if (col < from || col > to) continue\n        const info = infoOf(match[0])\n        if (!info || !/^\\s*\\(/.test(line.text.slice(to))) return null\n        return {\n          from: line.from + from,\n          to: line.from + to,\n          content: info.info ? `${info.signature}\\n${info.info}` : info.signature,\n        }\n      }\n      return null\n    },\n\n    signature({ pos }, { doc }): CodeSignatureResult | null {\n      const line = doc.lineAt(pos)\n      const call = callAt(line.text, pos - line.from)\n      const info = call && infoOf(call.name)\n      if (!call || !info) return null\n      const params = paramsOf(info.signature)\n      // `...numbers` takes the rest.\n      const last = params.length - 1\n      const rest = last >= 0 && info.signature.slice(params[last]![0]).startsWith('...')\n      const active = rest ? Math.min(call.arg, last) : call.arg\n      if (active > last) return null\n      return { label: info.signature, params, active, info: info.info }\n    },\n\n    lint:\n      options.lint === false\n        ? undefined\n        : ({ doc }) => {\n            const source = doc.toString()\n            if (!source.trim()) return []\n            const itemNames = read(options.itemNames)\n            return checkExpression(source, {\n              fields: read(options.names ?? []).map((name) => name.path),\n              itemFields: itemNames ? itemNames.map((name) => name.path) : [],\n              functions: read(options.functions ?? []),\n            }).map((problem): CodeDiagnostic => ({\n              from: problem.start,\n              to: Math.max(problem.end, problem.start),\n              severity: 'error',\n              message: options.problemMessage?.(problem) ?? problem.message,\n            }))\n          },\n  })\n}\n"],"mappings":";;;;AAyBA,IAAM,QAAW,UACf,OAAO,UAAU,aAAc,MAAkB,IAAI;AAqBvD,IAAM,WAAW;CAAC;CAAQ;CAAS;CAAQ;AAAI;;AAG/C,SAAS,SAAS,MAAc;CAC9B,IAAI,QAAQ;CACZ,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;EACpC,MAAM,OAAO,KAAK;EAClB,IAAI,OAAO;GACT,IAAI,SAAS,MAAM;QACd,IAAI,SAAS,OAAO,QAAQ;EACnC,OAAO,IAAI,SAAS,OAAO,SAAS,MAAK,QAAQ;CACnD;CACA,OAAO,CAAC,CAAC;AACX;;AAGA,SAAS,SAAS,WAA4C;CAC5D,MAAM,OAAO,UAAU,QAAQ,GAAG;CAClC,MAAM,QAAQ,UAAU,YAAY,GAAG;CACvC,IAAI,OAAO,KAAK,SAAS,OAAO,GAAG,OAAO,CAAC;CAC3C,MAAM,MAA+B,CAAC;CACtC,IAAI,OAAO,OAAO;CAClB,KAAK,IAAI,IAAI,MAAM,KAAK,OAAO,KAC7B,IAAI,MAAM,SAAS,UAAU,OAAO,KAAK;EACvC,IAAI,IAAI;EACR,OAAO,UAAU,OAAO,KAAK;EAC7B,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;EACf,OAAO,IAAI;CACb;CAEF,OAAO;AACT;;AAGA,SAAS,OAAO,MAAc,KAAa;CACzC,IAAI,QAAQ;CACZ,IAAI,SAAS;CACb,IAAI,QAAQ;CAEZ,MAAM,QAAQ,KAAK,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,EAAE;CACzC,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,MAAM,OAAO,MAAM;EACnB,IAAI,OAAO;GACT,IAAI,SAAS,MAAM;IACjB,MAAM,KAAK;IACX,IAAI,IAAI,IAAI,MAAM,QAAQ,MAAM,EAAE,KAAK;IACvC;GACF;GACA,IAAI,SAAS,OAAO,QAAQ;GAC5B,MAAM,KAAK;EACb,OAAO,IAAI,SAAS,OAAO,SAAS,MAAK;GACvC,QAAQ;GACR,MAAM,KAAK;EACb;CACF;CACA,KAAK,IAAI,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK;EAC1C,MAAM,OAAO,MAAM;EACnB,IAAI,SAAS,OAAO,SAAS,KAAK;OAC7B,IAAI,SAAS,KACZ;OAAA,YAAY,GAAG,OAAO;EAAA,OACrB,IAAI,SAAS,OAAO,UAAU,GAAG;OACnC,IAAI,SAAS,KAAK;GACrB,IAAI,UAAU,GAAG;GACjB,MAAM,OAAO,+BAA+B,KAAK,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;GAC3E,OAAO,OAAO;IAAE,MAAM,KAAK;IAAK,KAAK;GAAO,IAAI;EAClD;CACF;CACA,OAAO;AACT;;;;;;;AAQA,SAAgB,wBAAwB,UAAiC,CAAC,GAAkB;CAC1F,MAAM,sBAAsB,CAC1B,mBAAG,IAAI,IAAI,CAAC,GAAG,OAAO,KAAK,gBAAgB,GAAG,GAAG,KAAK,QAAQ,aAAa,CAAC,CAAC,CAAC,CAAC,CACjF;CACA,MAAM,UAAU,SAAiB,KAAK,QAAQ,gBAAgB,CAAC,CAAC,CAAC,CAAC;CAElE,OAAO,oBAAoB;EACzB,MAAM;EACN,oBAAoB,CAAC,GAAG;EACxB,WAAW,EAAE,KAAK,QAAQ,EAAE,OAAO;GACjC,MAAM,OAAO,IAAI,OAAO,GAAG;GAC3B,MAAM,SAAS,KAAK,KAAK,MAAM,GAAG,MAAM,KAAK,IAAI;GACjD,IAAI,SAAS,MAAM,GAAG,OAAO;GAC7B,MAAM,SAAS,KAAK,QAAQ,UAAU,CAAC,CAAC;GAGxC,MAAM,OAAO,iCAAiC,KAAK,MAAM;GACzD,IAAI,MAAM;IACR,MAAM,OAAO,KAAK;IAClB,MAAM,OAAO,SAAS,WAAW,KAAK,QAAQ,SAAS,CAAC,CAAC,IAAI,KAAK,QAAQ,SAAS;IACnF,IAAI,CAAC,MAAM,OAAO;IAGlB,OAAO;KACL,MAFW,MADC,KAAK,EACA,CAAM;KAGvB,SAAS,KAEN,QAAQ,EAAE,MAAM,WAAW,gBAAgB,MAAM,IAAI,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,CAC7E,KAAK,EAAE,MAAM,MAAM,aAAa;MAC/B,OAAO;MACP,MAAM;MACN,QAAQ;KACV,EAAE;IACN;GACF;GAEA,IAAI,OAAO,MAAM,GAAG,OAAO,SAAS,KAAK,KAAK,MAAM,CAAC,CAAC,SAAS,GAAG,GAAG,OAAO;GAE5E,MAAM,UAA4B,CAChC;IAAE,OAAO;IAAU,MAAM;IAAY,QAAQ,OAAO;IAAQ,OAAO;GAAE,CACvE;GACA,IAAI,KAAK,QAAQ,SAAS,GACxB,QAAQ,KAAK;IAAE,OAAO;IAAQ,MAAM;IAAY,QAAQ,OAAO;IAAM,OAAO;GAAE,CAAC;GACjF,IAAI,KAAK,QAAQ,cAAc,KAAK,GAClC,QAAQ,KAAK;IAAE,OAAO;IAAS,MAAM;IAAY,QAAQ,OAAO;IAAO,OAAO;GAAE,CAAC;GACnF,KAAK,MAAM,QAAQ,cAAc,GAAG;IAClC,MAAM,OAAO,OAAO,IAAI;IAExB,MAAM,YAAY,OAAO,SAAS,KAAK,SAAS,IAAI,CAAC,EAAA,CAClD,KAAK,CAAC,GAAG,OAAO,KAAM,UAAU,MAAM,GAAG,CAAC,CAAC,CAAC,CAC5C,QAAQ,UAAU,CAAC,MAAM,SAAS,GAAG,CAAC;IACzC,MAAM,SAAS,SACZ,KAAK,OAAO,MAAM,MAAM,IAAI,EAAE,GAAG,MAAM,QAAQ,WAAW,EAAE,EAAE,EAAE,CAAC,CACjE,KAAK,IAAI;IACZ,QAAQ,KAAK;KACX,OAAO;KACP,MAAM;KACN,QAAQ,OAAO,KAAK,UAAU,MAAM,KAAK,MAAM,IAAI;KACnD,MAAM,MAAM;KACZ,SAAS,SAAS,SAAS,GAAG,KAAK,GAAG,OAAO,KAAK,GAAG,KAAK;IAC5D,CAAC;GACH;GACA,KAAK,MAAM,WAAW,UACpB,QAAQ,KAAK;IAAE,OAAO;IAAS,MAAM;IAAW,QAAQ,OAAO;IAAS,OAAO;GAAG,CAAC;GACrF,OAAO;IAAE,MAAM,KAAK;IAAM,SAAS;GAAQ;EAC7C;EAEA,MAAM,EAAE,OAAO,EAAE,OAAO;GACtB,MAAM,OAAO,IAAI,OAAO,GAAG;GAC3B,MAAM,MAAM,MAAM,KAAK;GACvB,KAAK,MAAM,SAAS,KAAK,KAAK,SAAS,yBAAyB,GAAG;IACjE,MAAM,OAAO,MAAM;IACnB,MAAM,KAAK,OAAO,MAAM,EAAE,CAAC;IAC3B,IAAI,MAAM,QAAQ,MAAM,IAAI;IAC5B,MAAM,OAAO,OAAO,MAAM,EAAE;IAC5B,IAAI,CAAC,QAAQ,CAAC,SAAS,KAAK,KAAK,KAAK,MAAM,EAAE,CAAC,GAAG,OAAO;IACzD,OAAO;KACL,MAAM,KAAK,OAAO;KAClB,IAAI,KAAK,OAAO;KAChB,SAAS,KAAK,OAAO,GAAG,KAAK,UAAU,IAAI,KAAK,SAAS,KAAK;IAChE;GACF;GACA,OAAO;EACT;EAEA,UAAU,EAAE,OAAO,EAAE,OAAmC;GACtD,MAAM,OAAO,IAAI,OAAO,GAAG;GAC3B,MAAM,OAAO,OAAO,KAAK,MAAM,MAAM,KAAK,IAAI;GAC9C,MAAM,OAAO,QAAQ,OAAO,KAAK,IAAI;GACrC,IAAI,CAAC,QAAQ,CAAC,MAAM,OAAO;GAC3B,MAAM,SAAS,SAAS,KAAK,SAAS;GAEtC,MAAM,OAAO,OAAO,SAAS;GAE7B,MAAM,SADO,QAAQ,KAAK,KAAK,UAAU,MAAM,OAAO,KAAK,CAAE,EAAE,CAAC,CAAC,WAAW,KAAK,IAC3D,KAAK,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK;GACtD,IAAI,SAAS,MAAM,OAAO;GAC1B,OAAO;IAAE,OAAO,KAAK;IAAW;IAAQ;IAAQ,MAAM,KAAK;GAAK;EAClE;EAEA,MACE,QAAQ,SAAS,QACb,KAAA,KACC,EAAE,UAAU;GACX,MAAM,SAAS,IAAI,SAAS;GAC5B,IAAI,CAAC,OAAO,KAAK,GAAG,OAAO,CAAC;GAC5B,MAAM,YAAY,KAAK,QAAQ,SAAS;GACxC,OAAO,gBAAgB,QAAQ;IAC7B,QAAQ,KAAK,QAAQ,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS,KAAK,IAAI;IACzD,YAAY,YAAY,UAAU,KAAK,SAAS,KAAK,IAAI,IAAI,CAAC;IAC9D,WAAW,KAAK,QAAQ,aAAa,CAAC,CAAC;GACzC,CAAC,CAAC,CAAC,KAAK,aAA6B;IACnC,MAAM,QAAQ;IACd,IAAI,KAAK,IAAI,QAAQ,KAAK,QAAQ,KAAK;IACvC,UAAU;IACV,SAAS,QAAQ,iBAAiB,OAAO,KAAK,QAAQ;GACxD,EAAE;EACJ;CACR,CAAC;AACH"}

package/dist/code/index.js

@@ -0,0 +1,19 @@
+import { defineFormBuilderExtension } from "../builder/extension.js";
+import { expressionCodeExtension } from "./extension.js";
+import { formExpression } from "./language.js";
+import expression_input_default from "./expression-input.js";
+// src/code/index.ts
+/**
+* Writes the builder's expressions (formulas, checks, conditions as text)
+* in `@dou-ui/code`'s code input: colored, with completions, parameter
+* hints and problems underlined. Needs `@dou-ui/code` and its styles.
+*/
+function codeExpressions() {
+	return defineFormBuilderExtension({
+		name: "code-expressions",
+		expressionInput: expression_input_default
+	});
+}
+export { expression_input_default as CodeExpressionInput, codeExpressions, expressionCodeExtension, formExpression };
+
+//# sourceMappingURL=index.js.map

package/dist/code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CodeExpressionInput"],"sources":["../../src/code/index.ts"],"sourcesContent":["import { defineFormBuilderExtension } from '../builder/extension'\nimport type { FormBuilderExtension } from '../builder/extension'\nimport CodeExpressionInput from './expression-input.vue'\n\nexport { expressionCodeExtension } from './extension'\nexport type { ExpressionCodeOptions, ExpressionFunctionInfo, ExpressionName } from './extension'\nexport { formExpression } from './language'\nexport { CodeExpressionInput }\n\n/**\n * Writes the builder's expressions (formulas, checks, conditions as text)\n * in `@dou-ui/code`'s code input: colored, with completions, parameter\n * hints and problems underlined. Needs `@dou-ui/code` and its styles.\n */\nexport function codeExpressions(): FormBuilderExtension {\n  return defineFormBuilderExtension({\n    name: 'code-expressions',\n    expressionInput: CodeExpressionInput,\n  })\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,kBAAwC;CACtD,OAAO,2BAA2B;EAChC,MAAM;EACN,iBAAiBA;CACnB,CAAC;AACH"}

package/dist/code/language.js

@@ -0,0 +1,43 @@
+import { defineCodeLanguage } from "@dou-ui/code";
+// src/code/language.ts
+var NAMES = /* @__PURE__ */ new Set([
+	"values",
+	"value",
+	"item"
+]);
+var KEYWORDS = /* @__PURE__ */ new Set([
+	"true",
+	"false",
+	"null",
+	"in"
+]);
+/**
+* The form expression language for `@dou-ui/code`: `values` and its
+* paths, strings, numbers, function calls and operators, colored as in
+* the code editor.
+*/
+var formExpression = defineCodeLanguage({
+	name: "form-expression",
+	token(stream) {
+		if (stream.eatSpace()) return null;
+		if (stream.match(/^(['"])(?:\\.|(?!\1).)*\1?/)) return "string";
+		if (stream.match(/^\d+(?:\.\d+)?(?:e[+-]?\d+)?/i)) return "number";
+		const word = stream.match(/^[A-Za-z_$À-￿][\w$À-￿]*/);
+		if (word) {
+			const text = word[0];
+			if (KEYWORDS.has(text)) return "keyword";
+			if (NAMES.has(text)) return "variable";
+			if (stream.string.charAt(stream.start - 1) === ".") return "property";
+			if (/^\s*\(/.test(stream.string.slice(stream.pos))) return "function";
+			return "invalid";
+		}
+		if (stream.match(/^(?:==|!=|<=|>=|&&|\|\||[<>!+\-*/%?:])/)) return "operator";
+		stream.next();
+		return "punctuation";
+	},
+	brackets: "()[]",
+	autoClose: `(['"`
+});
+export { formExpression };
+
+//# sourceMappingURL=language.js.map

package/dist/code/language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.js","names":[],"sources":["../../src/code/language.ts"],"sourcesContent":["import { defineCodeLanguage } from '@dou-ui/code'\n\nconst NAMES = new Set(['values', 'value', 'item'])\nconst KEYWORDS = new Set(['true', 'false', 'null', 'in'])\n\n/**\n * The form expression language for `@dou-ui/code`: `values` and its\n * paths, strings, numbers, function calls and operators, colored as in\n * the code editor.\n */\nexport const formExpression = defineCodeLanguage({\n  name: 'form-expression',\n  token(stream) {\n    if (stream.eatSpace()) return null\n    if (stream.match(/^(['\"])(?:\\\\.|(?!\\1).)*\\1?/)) return 'string'\n    if (stream.match(/^\\d+(?:\\.\\d+)?(?:e[+-]?\\d+)?/i)) return 'number'\n    const word = stream.match(/^[A-Za-z_$À-￿][\\w$À-￿]*/)\n    if (word) {\n      const text = word[0]\n      if (KEYWORDS.has(text)) return 'keyword'\n      if (NAMES.has(text)) return 'variable'\n      // A key after a dot, or a name called.\n      if (stream.string.charAt(stream.start - 1) === '.') return 'property'\n      if (/^\\s*\\(/.test(stream.string.slice(stream.pos))) return 'function'\n      return 'invalid'\n    }\n    if (stream.match(/^(?:==|!=|<=|>=|&&|\\|\\||[<>!+\\-*/%?:])/)) return 'operator'\n    stream.next()\n    return 'punctuation'\n  },\n  brackets: '()[]',\n  autoClose: `(['\"`,\n})\n"],"mappings":";;AAEA,IAAM,wBAAQ,IAAI,IAAI;CAAC;CAAU;CAAS;AAAM,CAAC;AACjD,IAAM,2BAAW,IAAI,IAAI;CAAC;CAAQ;CAAS;CAAQ;AAAI,CAAC;;;;;;AAOxD,IAAa,iBAAiB,mBAAmB;CAC/C,MAAM;CACN,MAAM,QAAQ;EACZ,IAAI,OAAO,SAAS,GAAG,OAAO;EAC9B,IAAI,OAAO,MAAM,4BAA4B,GAAG,OAAO;EACvD,IAAI,OAAO,MAAM,+BAA+B,GAAG,OAAO;EAC1D,MAAM,OAAO,OAAO,MAAM,yBAAyB;EACnD,IAAI,MAAM;GACR,MAAM,OAAO,KAAK;GAClB,IAAI,SAAS,IAAI,IAAI,GAAG,OAAO;GAC/B,IAAI,MAAM,IAAI,IAAI,GAAG,OAAO;GAE5B,IAAI,OAAO,OAAO,OAAO,OAAO,QAAQ,CAAC,MAAM,KAAK,OAAO;GAC3D,IAAI,SAAS,KAAK,OAAO,OAAO,MAAM,OAAO,GAAG,CAAC,GAAG,OAAO;GAC3D,OAAO;EACT;EACA,IAAI,OAAO,MAAM,wCAAwC,GAAG,OAAO;EACnE,OAAO,KAAK;EACZ,OAAO;CACT;CACA,UAAU;CACV,WAAW;AACb,CAAC"}