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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (182) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +10 -2
  3. package/dist/builder/canvas.js +695 -0
  4. package/dist/builder/canvas.js.map +1 -0
  5. package/dist/builder/completion.js +49 -0
  6. package/dist/builder/completion.js.map +1 -0
  7. package/dist/builder/condition-editor.js +6 -0
  8. package/dist/builder/condition-editor.js.map +1 -0
  9. package/dist/builder/condition-editor.vue_vue_type_script_setup_true_lang.js +410 -0
  10. package/dist/builder/condition-editor.vue_vue_type_script_setup_true_lang.js.map +1 -0
  11. package/dist/builder/condition.js +159 -0
  12. package/dist/builder/condition.js.map +1 -0
  13. package/dist/builder/context.js +477 -0
  14. package/dist/builder/context.js.map +1 -0
  15. package/dist/builder/core/commands.js +373 -0
  16. package/dist/builder/core/commands.js.map +1 -0
  17. package/dist/builder/core/history.js +76 -0
  18. package/dist/builder/core/history.js.map +1 -0
  19. package/dist/builder/core/transaction.js +298 -0
  20. package/dist/builder/core/transaction.js.map +1 -0
  21. package/dist/builder/drag.js +466 -0
  22. package/dist/builder/drag.js.map +1 -0
  23. package/dist/builder/expression-box.js +19 -0
  24. package/dist/builder/expression-box.js.map +1 -0
  25. package/dist/builder/expression-input.js +6 -0
  26. package/dist/builder/expression-input.js.map +1 -0
  27. package/dist/builder/expression-input.vue_vue_type_script_setup_true_lang.js +117 -0
  28. package/dist/builder/expression-input.vue_vue_type_script_setup_true_lang.js.map +1 -0
  29. package/dist/builder/extension.js +47 -0
  30. package/dist/builder/extension.js.map +1 -0
  31. package/dist/builder/form-builder.js +6 -0
  32. package/dist/builder/form-builder.js.map +1 -0
  33. package/dist/builder/form-builder.vue_vue_type_script_setup_true_lang.js +450 -0
  34. package/dist/builder/form-builder.vue_vue_type_script_setup_true_lang.js.map +1 -0
  35. package/dist/builder/index.js +22 -0
  36. package/dist/builder/index.js.map +1 -0
  37. package/dist/builder/inspector.js +6 -0
  38. package/dist/builder/inspector.js.map +1 -0
  39. package/dist/builder/inspector.vue_vue_type_script_setup_true_lang.js +442 -0
  40. package/dist/builder/inspector.vue_vue_type_script_setup_true_lang.js.map +1 -0
  41. package/dist/builder/json-dialog.js +6 -0
  42. package/dist/builder/json-dialog.js.map +1 -0
  43. package/dist/builder/json-dialog.vue_vue_type_script_setup_true_lang.js +281 -0
  44. package/dist/builder/json-dialog.vue_vue_type_script_setup_true_lang.js.map +1 -0
  45. package/dist/builder/locale.js +1271 -0
  46. package/dist/builder/locale.js.map +1 -0
  47. package/dist/builder/logic-fields.js +18 -0
  48. package/dist/builder/logic-fields.js.map +1 -0
  49. package/dist/builder/logic.js +332 -0
  50. package/dist/builder/logic.js.map +1 -0
  51. package/dist/builder/menu.js +92 -0
  52. package/dist/builder/menu.js.map +1 -0
  53. package/dist/builder/outline-row.js +6 -0
  54. package/dist/builder/outline-row.js.map +1 -0
  55. package/dist/builder/outline-row.vue_vue_type_script_setup_true_lang.js +88 -0
  56. package/dist/builder/outline-row.vue_vue_type_script_setup_true_lang.js.map +1 -0
  57. package/dist/builder/outline.js +6 -0
  58. package/dist/builder/outline.js.map +1 -0
  59. package/dist/builder/outline.vue_vue_type_script_setup_true_lang.js +111 -0
  60. package/dist/builder/outline.vue_vue_type_script_setup_true_lang.js.map +1 -0
  61. package/dist/builder/palette.js +6 -0
  62. package/dist/builder/palette.js.map +1 -0
  63. package/dist/builder/palette.vue_vue_type_script_setup_true_lang.js +96 -0
  64. package/dist/builder/palette.vue_vue_type_script_setup_true_lang.js.map +1 -0
  65. package/dist/builder/preview.js +6 -0
  66. package/dist/builder/preview.js.map +1 -0
  67. package/dist/builder/preview.vue_vue_type_script_setup_true_lang.js +111 -0
  68. package/dist/builder/preview.vue_vue_type_script_setup_true_lang.js.map +1 -0
  69. package/dist/builder/settings-binding.js +57 -0
  70. package/dist/builder/settings-binding.js.map +1 -0
  71. package/dist/builder/settings.js +487 -0
  72. package/dist/builder/settings.js.map +1 -0
  73. package/dist/builder/span-field.js +104 -0
  74. package/dist/builder/span-field.js.map +1 -0
  75. package/dist/code/expression-input.js +6 -0
  76. package/dist/code/expression-input.js.map +1 -0
  77. package/dist/code/expression-input.vue_vue_type_script_setup_true_lang.js +88 -0
  78. package/dist/code/expression-input.vue_vue_type_script_setup_true_lang.js.map +1 -0
  79. package/dist/code/extension.js +202 -0
  80. package/dist/code/extension.js.map +1 -0
  81. package/dist/code/index.js +19 -0
  82. package/dist/code/index.js.map +1 -0
  83. package/dist/code/language.js +43 -0
  84. package/dist/code/language.js.map +1 -0
  85. package/dist/collaboration/index.js +382 -0
  86. package/dist/collaboration/index.js.map +1 -0
  87. package/dist/collaboration/order.js +88 -0
  88. package/dist/collaboration/order.js.map +1 -0
  89. package/dist/core/check.js +314 -0
  90. package/dist/core/check.js.map +1 -0
  91. package/dist/core/document.js +112 -0
  92. package/dist/core/document.js.map +1 -0
  93. package/dist/core/expression.js +854 -0
  94. package/dist/core/expression.js.map +1 -0
  95. package/dist/core/formulas.js +242 -0
  96. package/dist/core/formulas.js.map +1 -0
  97. package/dist/core/rules.js +83 -0
  98. package/dist/core/rules.js.map +1 -0
  99. package/dist/core/values.js +80 -0
  100. package/dist/core/values.js.map +1 -0
  101. package/dist/fields/builtin.js +167 -0
  102. package/dist/fields/builtin.js.map +1 -0
  103. package/dist/fields/components.js +155 -0
  104. package/dist/fields/components.js.map +1 -0
  105. package/dist/fields/define.js +44 -0
  106. package/dist/fields/define.js.map +1 -0
  107. package/dist/fields/format.js +125 -0
  108. package/dist/fields/format.js.map +1 -0
  109. package/dist/fields/options.js +54 -0
  110. package/dist/fields/options.js.map +1 -0
  111. package/dist/index.js +20 -0
  112. package/dist/locale.js +161 -0
  113. package/dist/locale.js.map +1 -0
  114. package/dist/renderer/containers.js +430 -0
  115. package/dist/renderer/containers.js.map +1 -0
  116. package/dist/renderer/context.js +21 -0
  117. package/dist/renderer/context.js.map +1 -0
  118. package/dist/renderer/form-renderer.js +6 -0
  119. package/dist/renderer/form-renderer.js.map +1 -0
  120. package/dist/renderer/form-renderer.vue_vue_type_script_setup_true_lang.js +272 -0
  121. package/dist/renderer/form-renderer.vue_vue_type_script_setup_true_lang.js.map +1 -0
  122. package/dist/renderer/index.js +19 -0
  123. package/dist/renderer/index.js.map +1 -0
  124. package/dist/renderer/node-view.js +385 -0
  125. package/dist/renderer/node-view.js.map +1 -0
  126. package/dist/style.css +1 -0
  127. package/dist/style.d.ts +1 -0
  128. package/dist/style.js +27 -0
  129. package/dist/types/builder/canvas.d.ts +5 -0
  130. package/dist/types/builder/completion.d.ts +35 -0
  131. package/dist/types/builder/condition-editor.vue.d.ts +17 -0
  132. package/dist/types/builder/condition.d.ts +37 -0
  133. package/dist/types/builder/context.d.ts +149 -0
  134. package/dist/types/builder/core/commands.d.ts +74 -0
  135. package/dist/types/builder/core/history.d.ts +23 -0
  136. package/dist/types/builder/core/transaction.d.ts +108 -0
  137. package/dist/types/builder/drag.d.ts +52 -0
  138. package/dist/types/builder/expression-box.d.ts +8 -0
  139. package/dist/types/builder/expression-input.vue.d.ts +29 -0
  140. package/dist/types/builder/extension.d.ts +149 -0
  141. package/dist/types/builder/form-builder.vue.d.ts +24 -0
  142. package/dist/types/builder/index.d.ts +76 -0
  143. package/dist/types/builder/inspector.vue.d.ts +3 -0
  144. package/dist/types/builder/json-dialog.vue.d.ts +10 -0
  145. package/dist/types/builder/locale.d.ts +195 -0
  146. package/dist/types/builder/logic-fields.d.ts +2 -0
  147. package/dist/types/builder/logic.d.ts +57 -0
  148. package/dist/types/builder/menu.d.ts +23 -0
  149. package/dist/types/builder/outline-row.vue.d.ts +19 -0
  150. package/dist/types/builder/outline.vue.d.ts +3 -0
  151. package/dist/types/builder/palette.vue.d.ts +3 -0
  152. package/dist/types/builder/preview.vue.d.ts +3 -0
  153. package/dist/types/builder/settings-binding.d.ts +23 -0
  154. package/dist/types/builder/settings.d.ts +49 -0
  155. package/dist/types/builder/span-field.d.ts +4 -0
  156. package/dist/types/builder/types.d.ts +59 -0
  157. package/dist/types/code/expression-input.vue.d.ts +23 -0
  158. package/dist/types/code/extension.d.ts +45 -0
  159. package/dist/types/code/index.d.ts +12 -0
  160. package/dist/types/code/language.d.ts +6 -0
  161. package/dist/types/collaboration/index.d.ts +64 -0
  162. package/dist/types/collaboration/order.d.ts +20 -0
  163. package/dist/types/core/check.d.ts +68 -0
  164. package/dist/types/core/document.d.ts +36 -0
  165. package/dist/types/core/expression.d.ts +175 -0
  166. package/dist/types/core/formulas.d.ts +44 -0
  167. package/dist/types/core/rules.d.ts +23 -0
  168. package/dist/types/core/types.d.ts +211 -0
  169. package/dist/types/core/values.d.ts +22 -0
  170. package/dist/types/fields/builtin.d.ts +9 -0
  171. package/dist/types/fields/components.d.ts +177 -0
  172. package/dist/types/fields/define.d.ts +93 -0
  173. package/dist/types/fields/format.d.ts +76 -0
  174. package/dist/types/fields/options.d.ts +11 -0
  175. package/dist/types/index.d.ts +3 -0
  176. package/dist/types/locale.d.ts +45 -0
  177. package/dist/types/renderer/containers.d.ts +20 -0
  178. package/dist/types/renderer/context.d.ts +186 -0
  179. package/dist/types/renderer/form-renderer.vue.d.ts +25 -0
  180. package/dist/types/renderer/index.d.ts +81 -0
  181. package/dist/types/renderer/node-view.d.ts +56 -0
  182. package/package.json +88 -4
@@ -0,0 +1,281 @@
1
+ import { formatMessage } from "../locale.js";
2
+ import { checkDocument, checkDocumentShape, migrateDocument } from "../core/check.js";
3
+ import { useBuilderState } from "./context.js";
4
+ import { DouButton, DouDialog, DouTextarea, downloadBlob } from "dou-ui";
5
+ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, renderList, shallowRef, toDisplayString, unref, useModel, useTemplateRef, watch, withCtx } from "vue";
6
+ import { CopyCheckIcon, CopyIcon, DownloadIcon, FileUpIcon, IndentIcon } from "@dou-ui/icons";
7
+ // src/builder/json-dialog.vue?vue&type=script&setup=true&lang.ts
8
+ var _hoisted_1 = {
9
+ class: "dou-form-builder__json-status",
10
+ "aria-live": "polite"
11
+ };
12
+ var _hoisted_2 = {
13
+ key: 0,
14
+ class: "dou-form-builder__json-problems"
15
+ };
16
+ var _hoisted_3 = {
17
+ key: 0,
18
+ class: "dou-form-builder__json-path"
19
+ };
20
+ var _hoisted_4 = {
21
+ key: 0,
22
+ class: "dou-form-builder__json-problem"
23
+ };
24
+ var _hoisted_5 = {
25
+ key: 1,
26
+ class: "dou-form-builder__json-fine"
27
+ };
28
+ var _hoisted_6 = { class: "dou-form-builder__json-footer" };
29
+ /** Problems that leave the builder unable to place nodes; the rest only warn. */
30
+ var SHOWN = 8;
31
+ var json_dialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
32
+ name: "DouFormBuilderJson",
33
+ __name: "json-dialog",
34
+ props: {
35
+ "open": {
36
+ type: Boolean,
37
+ default: false
38
+ },
39
+ "openModifiers": {}
40
+ },
41
+ emits: ["update:open"],
42
+ setup(__props) {
43
+ const open = useModel(__props, "open");
44
+ const state = useBuilderState();
45
+ const messages = computed(() => state.messages.json);
46
+ const draft = shallowRef("");
47
+ const original = shallowRef("");
48
+ watch(open, (now) => {
49
+ if (!now) return;
50
+ original.value = JSON.stringify(state.document, null, 2);
51
+ draft.value = original.value;
52
+ }, { immediate: true });
53
+ const BLOCKING = /* @__PURE__ */ new Set([
54
+ "version",
55
+ "duplicate-id",
56
+ "misplaced-page",
57
+ "not-a-page"
58
+ ]);
59
+ /** Where `JSON.parse` stopped, as a line and column, when its message gives the position. */
60
+ function syntaxPlace(text, error) {
61
+ const match = /position (\d+)/.exec(String(error?.message));
62
+ if (!match) return void 0;
63
+ const lines = text.slice(0, Number(match[1])).split("\n");
64
+ return {
65
+ line: lines.length,
66
+ column: lines[lines.length - 1].length + 1
67
+ };
68
+ }
69
+ const analysis = computed(() => {
70
+ const text = draft.value;
71
+ const words = messages.value;
72
+ let data;
73
+ try {
74
+ data = JSON.parse(text);
75
+ } catch (error) {
76
+ const place = syntaxPlace(text, error);
77
+ return { findings: [{
78
+ path: "",
79
+ text: place ? formatMessage(words.syntaxAt, place) : words.syntax,
80
+ blocking: true
81
+ }] };
82
+ }
83
+ const findings = checkDocumentShape(data).map((problem) => ({
84
+ path: problem.path,
85
+ text: (problem.code === "required" ? words.shape.required : words.shape[problem.expected]) ?? problem.message,
86
+ blocking: true
87
+ }));
88
+ let document;
89
+ try {
90
+ document = migrateDocument(data);
91
+ } catch {
92
+ if (data === null || typeof data !== "object" || Array.isArray(data)) return { findings };
93
+ const version = String(data.version);
94
+ findings.push({
95
+ path: "version",
96
+ text: formatMessage(words.problems.version, { text: version }),
97
+ blocking: true
98
+ });
99
+ return { findings };
100
+ }
101
+ let problems = [];
102
+ try {
103
+ problems = checkDocument(document, {
104
+ fields: [...state.fields.values()],
105
+ functions: state.functionNames.value,
106
+ validators: state.validators() ? Object.keys(state.validators()) : void 0
107
+ });
108
+ } catch {}
109
+ const expressionWords = state.messages.expression.problems;
110
+ for (const problem of problems) {
111
+ const own = problem.expression;
112
+ const said = own ? formatMessage(expressionWords[own.code] ?? own.message, { text: own.text }) : formatMessage(words.problems[problem.code] ?? problem.message, { text: problem.text });
113
+ findings.push({
114
+ path: problem.path,
115
+ text: said,
116
+ blocking: BLOCKING.has(problem.code)
117
+ });
118
+ }
119
+ return {
120
+ document: findings.some((f) => f.blocking) ? void 0 : document,
121
+ findings
122
+ };
123
+ });
124
+ const blocked = computed(() => analysis.value.findings.some((finding) => finding.blocking));
125
+ const changed = computed(() => draft.value !== original.value);
126
+ const shownFindings = computed(() => analysis.value.findings.slice(0, SHOWN));
127
+ const more = computed(() => analysis.value.findings.length - shownFindings.value.length);
128
+ function apply() {
129
+ const document = analysis.value.document;
130
+ if (!document || blocked.value) return;
131
+ state.replace(document);
132
+ open.value = false;
133
+ }
134
+ /** The text parsed, or `undefined` while it is not JSON. */
135
+ const parsed = computed(() => {
136
+ try {
137
+ return { data: JSON.parse(draft.value) };
138
+ } catch {
139
+ return;
140
+ }
141
+ });
142
+ const formatted = computed(() => parsed.value ? JSON.stringify(parsed.value.data, null, 2) : void 0);
143
+ function format() {
144
+ if (formatted.value !== void 0) draft.value = formatted.value;
145
+ }
146
+ const file = useTemplateRef("file");
147
+ async function onFile(event) {
148
+ const input = event.target;
149
+ const chosen = input.files?.[0];
150
+ input.value = "";
151
+ if (chosen) draft.value = await chosen.text();
152
+ }
153
+ const copied = shallowRef(false);
154
+ let copiedTimer;
155
+ onBeforeUnmount(() => clearTimeout(copiedTimer));
156
+ async function copy() {
157
+ try {
158
+ await navigator.clipboard.writeText(draft.value);
159
+ } catch {
160
+ return;
161
+ }
162
+ copied.value = true;
163
+ clearTimeout(copiedTimer);
164
+ copiedTimer = setTimeout(() => copied.value = false, 1500);
165
+ }
166
+ function download() {
167
+ downloadBlob(new Blob([draft.value], { type: "application/json" }), "form.json");
168
+ }
169
+ return (_ctx, _cache) => {
170
+ return openBlock(), createBlock(unref(DouDialog), {
171
+ open: open.value,
172
+ "onUpdate:open": _cache[4] || (_cache[4] = ($event) => open.value = $event),
173
+ title: messages.value.title,
174
+ width: "640px",
175
+ class: "dou-form-builder__json",
176
+ "destroy-on-close": ""
177
+ }, {
178
+ footer: withCtx(() => [createElementVNode("div", _hoisted_6, [
179
+ createElementVNode("input", {
180
+ ref_key: "file",
181
+ ref: file,
182
+ type: "file",
183
+ accept: ".json,application/json",
184
+ class: "dou-form-builder__json-file",
185
+ tabindex: "-1",
186
+ "aria-hidden": "true",
187
+ onChange: onFile
188
+ }, null, 544),
189
+ !unref(state).readonly ? (openBlock(), createBlock(unref(DouButton), {
190
+ key: 0,
191
+ size: "sm",
192
+ variant: "ghost",
193
+ disabled: formatted.value === void 0 || formatted.value === draft.value,
194
+ onClick: format
195
+ }, {
196
+ leading: withCtx(() => [createVNode(unref(IndentIcon))]),
197
+ default: withCtx(() => [createTextVNode(" " + toDisplayString(messages.value.format), 1)]),
198
+ _: 1
199
+ }, 8, ["disabled"])) : createCommentVNode("", true),
200
+ !unref(state).readonly ? (openBlock(), createBlock(unref(DouButton), {
201
+ key: 1,
202
+ size: "sm",
203
+ variant: "ghost",
204
+ onClick: _cache[1] || (_cache[1] = ($event) => file.value?.click())
205
+ }, {
206
+ leading: withCtx(() => [createVNode(unref(FileUpIcon))]),
207
+ default: withCtx(() => [createTextVNode(" " + toDisplayString(messages.value.file), 1)]),
208
+ _: 1
209
+ })) : createCommentVNode("", true),
210
+ createVNode(unref(DouButton), {
211
+ size: "sm",
212
+ variant: "ghost",
213
+ onClick: download
214
+ }, {
215
+ leading: withCtx(() => [createVNode(unref(DownloadIcon))]),
216
+ default: withCtx(() => [createTextVNode(" " + toDisplayString(messages.value.download), 1)]),
217
+ _: 1
218
+ }),
219
+ createVNode(unref(DouButton), {
220
+ size: "sm",
221
+ variant: "ghost",
222
+ onClick: copy
223
+ }, {
224
+ leading: withCtx(() => [copied.value ? (openBlock(), createBlock(unref(CopyCheckIcon), { key: 0 })) : (openBlock(), createBlock(unref(CopyIcon), { key: 1 }))]),
225
+ default: withCtx(() => [createTextVNode(" " + toDisplayString(copied.value ? messages.value.copied : messages.value.copy), 1)]),
226
+ _: 1
227
+ }),
228
+ _cache[5] || (_cache[5] = createElementVNode("span", { class: "dou-form-builder__json-spacer" }, null, -1)),
229
+ unref(state).readonly ? (openBlock(), createBlock(unref(DouButton), {
230
+ key: 2,
231
+ size: "sm",
232
+ variant: "outline",
233
+ onClick: _cache[2] || (_cache[2] = ($event) => open.value = false)
234
+ }, {
235
+ default: withCtx(() => [createTextVNode(toDisplayString(messages.value.close), 1)]),
236
+ _: 1
237
+ })) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createVNode(unref(DouButton), {
238
+ size: "sm",
239
+ variant: "outline",
240
+ onClick: _cache[3] || (_cache[3] = ($event) => open.value = false)
241
+ }, {
242
+ default: withCtx(() => [createTextVNode(toDisplayString(messages.value.cancel), 1)]),
243
+ _: 1
244
+ }), createVNode(unref(DouButton), {
245
+ size: "sm",
246
+ tone: "primary",
247
+ disabled: !changed.value || blocked.value,
248
+ onClick: apply
249
+ }, {
250
+ default: withCtx(() => [createTextVNode(toDisplayString(messages.value.apply), 1)]),
251
+ _: 1
252
+ }, 8, ["disabled"])], 64))
253
+ ])]),
254
+ default: withCtx(() => [createVNode(unref(DouTextarea), {
255
+ modelValue: draft.value,
256
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
257
+ rows: 16,
258
+ invalid: blocked.value,
259
+ readonly: unref(state).readonly,
260
+ "aria-label": messages.value.title,
261
+ spellcheck: "false",
262
+ class: "dou-form-builder__json-text"
263
+ }, null, 8, [
264
+ "modelValue",
265
+ "invalid",
266
+ "readonly",
267
+ "aria-label"
268
+ ]), createElementVNode("div", _hoisted_1, [analysis.value.findings.length ? (openBlock(), createElementBlock("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(shownFindings.value, (finding, index) => {
269
+ return openBlock(), createElementBlock("li", {
270
+ key: index,
271
+ class: normalizeClass(["dou-form-builder__json-problem", finding.blocking && "is-blocking"])
272
+ }, [finding.path ? (openBlock(), createElementBlock("code", _hoisted_3, toDisplayString(finding.path), 1)) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(finding.text), 1)], 2);
273
+ }), 128)), more.value > 0 ? (openBlock(), createElementBlock("li", _hoisted_4, toDisplayString(unref(formatMessage)(messages.value.more, { count: more.value })), 1)) : createCommentVNode("", true)])) : (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(messages.value.fine), 1))])]),
274
+ _: 1
275
+ }, 8, ["open", "title"]);
276
+ };
277
+ }
278
+ });
279
+ export { json_dialog_vue_vue_type_script_setup_true_lang_default as default };
280
+
281
+ //# sourceMappingURL=json-dialog.vue_vue_type_script_setup_true_lang.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"json-dialog.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementBlock","_Fragment","_renderList","_normalizeClass"],"sources":["../../src/builder/json-dialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, shallowRef, useTemplateRef, watch } from 'vue'\nimport { DouButton, DouDialog, DouTextarea, downloadBlob } from 'dou-ui'\nimport { CopyCheckIcon, CopyIcon, DownloadIcon, FileUpIcon, IndentIcon } from '@dou-ui/icons'\nimport { checkDocument, checkDocumentShape, migrateDocument } from '../core/check'\nimport type { DocumentProblem } from '../core/check'\nimport type { FormDocument } from '../core/types'\nimport { formatMessage } from '../locale'\nimport { useBuilderState } from './context'\n\n/**\n * The form as JSON: to read, copy, download, or replace by pasting or\n * opening a file. What is wrong with new text is listed by its path as it\n * is typed; problems that would break the builder keep it from applying.\n */\ndefineOptions({ name: 'DouFormBuilderJson' })\n\nconst open = defineModel<boolean>('open', { default: false })\n\nconst state = useBuilderState()\nconst messages = computed(() => state.messages.json)\n\nconst draft = shallowRef('')\nconst original = shallowRef('')\nwatch(\n open,\n (now) => {\n if (!now) return\n original.value = JSON.stringify(state.document, null, 2)\n draft.value = original.value\n },\n { immediate: true },\n)\n\ninterface Finding {\n path: string\n text: string\n /** Applying it would break the builder. */\n blocking: boolean\n}\n\n/** Problems that leave the builder unable to place nodes; the rest only warn. */\nconst BLOCKING = new Set<DocumentProblem['code']>([\n 'version',\n 'duplicate-id',\n 'misplaced-page',\n 'not-a-page',\n])\n\n/** Where `JSON.parse` stopped, as a line and column, when its message gives the position. */\nfunction syntaxPlace(text: string, error: unknown) {\n const match = /position (\\d+)/.exec(String((error as Error)?.message))\n if (!match) return undefined\n const before = text.slice(0, Number(match[1]))\n const lines = before.split('\\n')\n return { line: lines.length, column: lines[lines.length - 1]!.length + 1 }\n}\n\nconst analysis = computed<{ document?: FormDocument; findings: Finding[] }>(() => {\n const text = draft.value\n const words = messages.value\n let data: unknown\n try {\n data = JSON.parse(text)\n } catch (error) {\n const place = syntaxPlace(text, error)\n return {\n findings: [\n {\n path: '',\n text: place ? formatMessage(words.syntaxAt, place) : words.syntax,\n blocking: true,\n },\n ],\n }\n }\n // Problems of shape block applying, and are listed together with those of content.\n const findings: Finding[] = checkDocumentShape(data).map((problem) => ({\n path: problem.path,\n text:\n (problem.code === 'required' ? words.shape.required : words.shape[problem.expected]) ??\n problem.message,\n blocking: true,\n }))\n let document: FormDocument\n try {\n document = migrateDocument(data)\n } catch {\n if (data === null || typeof data !== 'object' || Array.isArray(data)) return { findings }\n const version = String((data as { version?: unknown }).version)\n findings.push({\n path: 'version',\n text: formatMessage(words.problems.version!, { text: version }),\n blocking: true,\n })\n return { findings }\n }\n let problems: DocumentProblem[] = []\n try {\n problems = checkDocument(document, {\n fields: [...state.fields.values()],\n functions: state.functionNames.value,\n // Names are checked only when the builder was given validators.\n validators: state.validators() ? Object.keys(state.validators()!) : undefined,\n })\n } catch {\n // Content too far off its shape to read; the shape problems say why.\n }\n const expressionWords = state.messages.expression.problems\n for (const problem of problems) {\n const own = problem.expression\n const said = own\n ? formatMessage(expressionWords[own.code] ?? own.message, { text: own.text })\n : formatMessage(words.problems[problem.code] ?? problem.message, { text: problem.text })\n findings.push({ path: problem.path, text: said, blocking: BLOCKING.has(problem.code) })\n }\n return { document: findings.some((f) => f.blocking) ? undefined : document, findings }\n})\n\nconst blocked = computed(() => analysis.value.findings.some((finding) => finding.blocking))\nconst changed = computed(() => draft.value !== original.value)\nconst SHOWN = 8\nconst shownFindings = computed(() => analysis.value.findings.slice(0, SHOWN))\nconst more = computed(() => analysis.value.findings.length - shownFindings.value.length)\n\nfunction apply() {\n const document = analysis.value.document\n if (!document || blocked.value) return\n state.replace(document)\n open.value = false\n}\n\n/** The text parsed, or `undefined` while it is not JSON. */\nconst parsed = computed(() => {\n try {\n return { data: JSON.parse(draft.value) as unknown }\n } catch {\n return undefined\n }\n})\nconst formatted = computed(() =>\n parsed.value ? JSON.stringify(parsed.value.data, null, 2) : undefined,\n)\nfunction format() {\n if (formatted.value !== undefined) draft.value = formatted.value\n}\n\nconst file = useTemplateRef<HTMLInputElement>('file')\nasync function onFile(event: Event) {\n const input = event.target as HTMLInputElement\n const chosen = input.files?.[0]\n input.value = ''\n if (chosen) draft.value = await chosen.text()\n}\n\nconst copied = shallowRef(false)\nlet copiedTimer: ReturnType<typeof setTimeout> | undefined\nonBeforeUnmount(() => clearTimeout(copiedTimer))\nasync function copy() {\n try {\n await navigator.clipboard.writeText(draft.value)\n } catch {\n return\n }\n copied.value = true\n clearTimeout(copiedTimer)\n copiedTimer = setTimeout(() => (copied.value = false), 1500)\n}\n\nfunction download() {\n downloadBlob(new Blob([draft.value], { type: 'application/json' }), 'form.json')\n}\n</script>\n\n<template>\n <DouDialog\n v-model:open=\"open\"\n :title=\"messages.title\"\n width=\"640px\"\n class=\"dou-form-builder__json\"\n destroy-on-close\n >\n <DouTextarea\n v-model=\"draft\"\n :rows=\"16\"\n :invalid=\"blocked\"\n :readonly=\"state.readonly\"\n :aria-label=\"messages.title\"\n spellcheck=\"false\"\n class=\"dou-form-builder__json-text\"\n />\n <div class=\"dou-form-builder__json-status\" aria-live=\"polite\">\n <ul v-if=\"analysis.findings.length\" class=\"dou-form-builder__json-problems\">\n <li\n v-for=\"(finding, index) in shownFindings\"\n :key=\"index\"\n :class=\"['dou-form-builder__json-problem', finding.blocking && 'is-blocking']\"\n >\n <code v-if=\"finding.path\" class=\"dou-form-builder__json-path\">{{ finding.path }}</code>\n <span>{{ finding.text }}</span>\n </li>\n <li v-if=\"more > 0\" class=\"dou-form-builder__json-problem\">\n {{ formatMessage(messages.more, { count: more }) }}\n </li>\n </ul>\n <div v-else class=\"dou-form-builder__json-fine\">{{ messages.fine }}</div>\n </div>\n <template #footer>\n <div class=\"dou-form-builder__json-footer\">\n <input\n ref=\"file\"\n type=\"file\"\n accept=\".json,application/json\"\n class=\"dou-form-builder__json-file\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n @change=\"onFile\"\n />\n <DouButton\n v-if=\"!state.readonly\"\n size=\"sm\"\n variant=\"ghost\"\n :disabled=\"formatted === undefined || formatted === draft\"\n @click=\"format\"\n >\n <template #leading><IndentIcon /></template>\n {{ messages.format }}\n </DouButton>\n <DouButton v-if=\"!state.readonly\" size=\"sm\" variant=\"ghost\" @click=\"file?.click()\">\n <template #leading><FileUpIcon /></template>\n {{ messages.file }}\n </DouButton>\n <DouButton size=\"sm\" variant=\"ghost\" @click=\"download\">\n <template #leading><DownloadIcon /></template>\n {{ messages.download }}\n </DouButton>\n <DouButton size=\"sm\" variant=\"ghost\" @click=\"copy\">\n <template #leading>\n <CopyCheckIcon v-if=\"copied\" />\n <CopyIcon v-else />\n </template>\n {{ copied ? messages.copied : messages.copy }}\n </DouButton>\n <span class=\"dou-form-builder__json-spacer\" />\n <DouButton v-if=\"state.readonly\" size=\"sm\" variant=\"outline\" @click=\"open = false\">\n {{ messages.close }}\n </DouButton>\n <template v-else>\n <DouButton size=\"sm\" variant=\"outline\" @click=\"open = false\">\n {{ messages.cancel }}\n </DouButton>\n <DouButton size=\"sm\" tone=\"primary\" :disabled=\"!changed || blocked\" @click=\"apply\">\n {{ messages.apply }}\n </DouButton>\n </template>\n </div>\n </template>\n </DouDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHA,IAAM,QAAQ;;;;;;;;;;;;;EAxGd,MAAM,OAAOA,SAAoB,SAAC,MAA0B;EAE5D,MAAM,QAAQ,gBAAgB;EAC9B,MAAM,WAAW,eAAe,MAAM,SAAS,IAAI;EAEnD,MAAM,QAAQ,WAAW,EAAE;EAC3B,MAAM,WAAW,WAAW,EAAE;EAC9B,MACE,OACC,QAAQ;GACP,IAAI,CAAC,KAAK;GACV,SAAS,QAAQ,KAAK,UAAU,MAAM,UAAU,MAAM,CAAC;GACvD,MAAM,QAAQ,SAAS;EACzB,GACA,EAAE,WAAW,KAAK,CACpB;EAUA,MAAM,2BAAW,IAAI,IAA6B;GAChD;GACA;GACA;GACA;EACF,CAAC;;EAGD,SAAS,YAAY,MAAc,OAAgB;GACjD,MAAM,QAAQ,iBAAiB,KAAK,OAAQ,OAAiB,OAAO,CAAC;GACrE,IAAI,CAAC,OAAO,OAAO,KAAA;GAEnB,MAAM,QADS,KAAK,MAAM,GAAG,OAAO,MAAM,EAAE,CAC9B,CAAA,CAAO,MAAM,IAAI;GAC/B,OAAO;IAAE,MAAM,MAAM;IAAQ,QAAQ,MAAM,MAAM,SAAS,EAAE,CAAE,SAAS;GAAE;EAC3E;EAEA,MAAM,WAAW,eAAiE;GAChF,MAAM,OAAO,MAAM;GACnB,MAAM,QAAQ,SAAS;GACvB,IAAI;GACJ,IAAI;IACF,OAAO,KAAK,MAAM,IAAI;GACxB,SAAS,OAAO;IACd,MAAM,QAAQ,YAAY,MAAM,KAAK;IACrC,OAAO,EACL,UAAU,CACR;KACE,MAAM;KACN,MAAM,QAAQ,cAAc,MAAM,UAAU,KAAK,IAAI,MAAM;KAC3D,UAAU;IACZ,CACF,EACF;GACF;GAEA,MAAM,WAAsB,mBAAmB,IAAI,CAAC,CAAC,KAAK,aAAa;IACrE,MAAM,QAAQ;IACd,OACG,QAAQ,SAAS,aAAa,MAAM,MAAM,WAAW,MAAM,MAAM,QAAQ,cAC1E,QAAQ;IACV,UAAU;GACZ,EAAE;GACF,IAAI;GACJ,IAAI;IACF,WAAW,gBAAgB,IAAI;GACjC,QAAQ;IACN,IAAI,SAAS,QAAQ,OAAO,SAAS,YAAY,MAAM,QAAQ,IAAI,GAAG,OAAO,EAAE,SAAS;IACxF,MAAM,UAAU,OAAQ,KAA+B,OAAO;IAC9D,SAAS,KAAK;KACZ,MAAM;KACN,MAAM,cAAc,MAAM,SAAS,SAAU,EAAE,MAAM,QAAQ,CAAC;KAC9D,UAAU;IACZ,CAAC;IACD,OAAO,EAAE,SAAS;GACpB;GACA,IAAI,WAA8B,CAAC;GACnC,IAAI;IACF,WAAW,cAAc,UAAU;KACjC,QAAQ,CAAC,GAAG,MAAM,OAAO,OAAO,CAAC;KACjC,WAAW,MAAM,cAAc;KAE/B,YAAY,MAAM,WAAW,IAAI,OAAO,KAAK,MAAM,WAAW,CAAE,IAAI,KAAA;IACtE,CAAC;GACH,QAAQ,CAER;GACA,MAAM,kBAAkB,MAAM,SAAS,WAAW;GAClD,KAAK,MAAM,WAAW,UAAU;IAC9B,MAAM,MAAM,QAAQ;IACpB,MAAM,OAAO,MACT,cAAc,gBAAgB,IAAI,SAAS,IAAI,SAAS,EAAE,MAAM,IAAI,KAAK,CAAC,IAC1E,cAAc,MAAM,SAAS,QAAQ,SAAS,QAAQ,SAAS,EAAE,MAAM,QAAQ,KAAK,CAAC;IACzF,SAAS,KAAK;KAAE,MAAM,QAAQ;KAAM,MAAM;KAAM,UAAU,SAAS,IAAI,QAAQ,IAAI;IAAE,CAAC;GACxF;GACA,OAAO;IAAE,UAAU,SAAS,MAAM,MAAM,EAAE,QAAQ,IAAI,KAAA,IAAY;IAAU;GAAS;EACvF,CAAC;EAED,MAAM,UAAU,eAAe,SAAS,MAAM,SAAS,MAAM,YAAY,QAAQ,QAAQ,CAAC;EAC1F,MAAM,UAAU,eAAe,MAAM,UAAU,SAAS,KAAK;EAE7D,MAAM,gBAAgB,eAAe,SAAS,MAAM,SAAS,MAAM,GAAG,KAAK,CAAC;EAC5E,MAAM,OAAO,eAAe,SAAS,MAAM,SAAS,SAAS,cAAc,MAAM,MAAM;EAEvF,SAAS,QAAQ;GACf,MAAM,WAAW,SAAS,MAAM;GAChC,IAAI,CAAC,YAAY,QAAQ,OAAO;GAChC,MAAM,QAAQ,QAAQ;GACtB,KAAK,QAAQ;EACf;;EAGA,MAAM,SAAS,eAAe;GAC5B,IAAI;IACF,OAAO,EAAE,MAAM,KAAK,MAAM,MAAM,KAAK,EAAa;GACpD,QAAQ;IACN;GACF;EACF,CAAC;EACD,MAAM,YAAY,eAChB,OAAO,QAAQ,KAAK,UAAU,OAAO,MAAM,MAAM,MAAM,CAAC,IAAI,KAAA,CAC9D;EACA,SAAS,SAAS;GAChB,IAAI,UAAU,UAAU,KAAA,GAAW,MAAM,QAAQ,UAAU;EAC7D;EAEA,MAAM,OAAO,eAAiC,MAAM;EACpD,eAAe,OAAO,OAAc;GAClC,MAAM,QAAQ,MAAM;GACpB,MAAM,SAAS,MAAM,QAAQ;GAC7B,MAAM,QAAQ;GACd,IAAI,QAAQ,MAAM,QAAQ,MAAM,OAAO,KAAK;EAC9C;EAEA,MAAM,SAAS,WAAW,KAAK;EAC/B,IAAI;EACJ,sBAAsB,aAAa,WAAW,CAAC;EAC/C,eAAe,OAAO;GACpB,IAAI;IACF,MAAM,UAAU,UAAU,UAAU,MAAM,KAAK;GACjD,QAAQ;IACN;GACF;GACA,OAAO,QAAQ;GACf,aAAa,WAAW;GACxB,cAAc,iBAAkB,OAAO,QAAQ,OAAQ,IAAI;EAC7D;EAEA,SAAS,WAAW;GAClB,aAAa,IAAI,KAAK,CAAC,MAAM,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC,GAAG,WAAW;EACjF;;GAIE,OAAAC,UAAA,GAAAC,YAkFYC,MAAA,SAAA,GAAA;IAjFF,MAAM,KAAA;IAAA,iBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;IACjB,OAAO,SAAA,MAAS;IACjB,OAAM;IACN,OAAM;IACN,oBAAA;;IA2BW,QAAMC,cAgDT,CA/CNC,mBA+CM,OA/CN,YA+CM;KA9CJA,mBAQE,SAAA;MAPI,SAAA;MAAJ,KAAI;MACJ,MAAK;MACL,QAAO;MACP,OAAM;MACN,UAAS;MACT,eAAY;MACX,UAAQ;;KAGF,CAAAF,MAAA,KAAA,CAAK,CAAC,YADfF,UAAA,GAAAC,YASYC,MAAA,SAAA,GAAA;;MAPV,MAAK;MACL,SAAQ;MACP,UAAU,UAAA,UAAc,KAAA,KAAa,UAAA,UAAc,MAAA;MACnD,SAAO;;MAEG,SAAOC,cAAe,CAAdE,YAAcH,MAAA,UAAA,CAAA,C;MAAW,SAAAC,cAC5C,CAD4CG,gBAAA,MAC5CC,gBAAG,SAAA,MAAS,MAAM,GAAA,CAAA,C;;;KAEF,CAAAL,MAAA,KAAA,CAAK,CAAC,YAAxBF,UAAA,GAAAC,YAGYC,MAAA,SAAA,GAAA;;MAHsB,MAAK;MAAK,SAAQ;MAAS,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,OAAM,MAAK;;MAClE,SAAOC,cAAe,CAAdE,YAAcH,MAAA,UAAA,CAAA,C;MAAW,SAAAC,cAC5C,CAD4CG,gBAAA,MAC5CC,gBAAG,SAAA,MAAS,IAAI,GAAA,CAAA,C;;;KAElBF,YAGYH,MAAA,SAAA,GAAA;MAHD,MAAK;MAAK,SAAQ;MAAS,SAAO;;MAChC,SAAOC,cAAiB,CAAhBE,YAAgBH,MAAA,YAAA,CAAA,C;MAAW,SAAAC,cAC9C,CAD8CG,gBAAA,MAC9CC,gBAAG,SAAA,MAAS,QAAQ,GAAA,CAAA,C;;;KAEtBF,YAMYH,MAAA,SAAA,GAAA;MAND,MAAK;MAAK,SAAQ;MAAS,SAAO;;MAChC,SAAOC,cACe,CAAV,OAAA,SAArBH,UAAA,GAAAC,YAA+BC,MAAA,aAAA,GAAA,EAAA,KAAA,EAAA,CAAA,MAC/BF,UAAA,GAAAC,YAAmBC,MAAA,QAAA,GAAA,EAAA,KAAA,EAAA,CAAA,E;MACV,SAAAC,cACX,CADWG,gBAAA,MACXC,gBAAG,OAAA,QAAS,SAAA,MAAS,SAAS,SAAA,MAAS,IAAI,GAAA,CAAA,C;;;KAE7C,OAAA,OAAA,OAAA,KAAAH,mBAA8C,QAAA,EAAxC,OAAM,gCAA+B,GAAA,MAAA,EAAA;KAC1BF,MAAA,KAAA,CAAK,CAAC,YAAvBF,UAAA,GAAAC,YAEYC,MAAA,SAAA,GAAA;;MAFqB,MAAK;MAAK,SAAQ;MAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,QAAI;;MACvE,SAAAC,cAAoB,CAAjBG,gBAAAC,gBAAA,SAAA,MAAS,KAAK,GAAA,CAAA,C;;K,OAEnBP,UAAA,GAAAS,mBAOWC,UAAA,EAAA,KAAA,EAAA,GAAA,CANTL,YAEYH,MAAA,SAAA,GAAA;MAFD,MAAK;MAAK,SAAQ;MAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,QAAI;;MACjD,SAAAC,cAAqB,CAAlBG,gBAAAC,gBAAA,SAAA,MAAS,MAAM,GAAA,CAAA,C;;K,IAEpBF,YAEYH,MAAA,SAAA,GAAA;MAFD,MAAK;MAAK,MAAK;MAAW,UAAQ,CAAG,QAAA,SAAW,QAAA;MAAU,SAAO;;MAC1E,SAAAC,cAAoB,CAAjBG,gBAAAC,gBAAA,SAAA,MAAS,KAAK,GAAA,CAAA,C;;;;IAtEzB,SAAAJ,cAQE,CARFE,YAQEH,MAAA,WAAA,GAAA;KAPS,YAAA,MAAA;KAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAK,QAAA;KACb,MAAM;KACN,SAAS,QAAA;KACT,UAAUA,MAAA,KAAA,CAAK,CAAC;KAChB,cAAY,SAAA,MAAS;KACtB,YAAW;KACX,OAAM;;;;;;I,IAERE,mBAeM,OAfN,YAeM,CAdM,SAAA,MAAS,SAAS,UAA5BJ,UAAA,GAAAS,mBAYK,MAZL,YAYK,EAXHT,UAAA,IAAA,GAAAS,mBAOKC,UAAA,MAAAC,WANwB,cAAA,QAAnB,SAAS,UAAK;KADxB,OAAAX,UAAA,GAAAS,mBAOK,MAAA;MALF,KAAK;MACL,OAAKG,eAAA,CAAA,kCAAqC,QAAQ,YAAQ,aAAA,CAAA;K,IAE/C,QAAQ,QAApBZ,UAAA,GAAAS,mBAAuF,QAAvF,YAAuFF,gBAAtB,QAAQ,IAAI,GAAA,CAAA,K,8BAC7EH,mBAA+B,QAAA,MAAAG,gBAAtB,QAAQ,IAAI,GAAA,CAAA,C;I,WAEb,KAAA,QAAI,KAAdP,UAAA,GAAAS,mBAEK,MAFL,YAEKF,gBADAL,MAAA,aAAA,CAAa,CAAC,SAAA,MAAS,MAAI,EAAA,OAAW,KAAA,MAAI,CAAA,CAAA,GAAA,CAAA,K,mCAGjDF,UAAA,GAAAS,mBAAyE,OAAzE,YAAyEF,gBAAtB,SAAA,MAAS,IAAI,GAAA,CAAA,E"}