@mastra/playground-ui 54.0.1-alpha.0 → 54.0.1-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.
- package/dist/code-editor-C0zKVkEd.js +478 -0
- package/dist/code-editor-C0zKVkEd.js.map +1 -0
- package/dist/code-editor-D3_eG3ap.cjs +486 -0
- package/dist/code-editor-D3_eG3ap.cjs.map +1 -0
- package/dist/components/CodeEditor.cjs.js +8 -480
- package/dist/components/CodeEditor.cjs.js.map +1 -1
- package/dist/components/CodeEditor.es.js +1 -477
- package/dist/components/CodeEditor.es.js.map +1 -1
- package/dist/components/LogsDataList.cjs.js +1 -0
- package/dist/components/LogsDataList.cjs.js.map +1 -1
- package/dist/components/LogsDataList.es.js +1 -0
- package/dist/components/LogsDataList.es.js.map +1 -1
- package/dist/components/ai/tool-call.cjs.js +28 -201
- package/dist/components/ai/tool-call.cjs.js.map +1 -1
- package/dist/components/ai/tool-call.es.js +6 -178
- package/dist/components/ai/tool-call.es.js.map +1 -1
- package/dist/domains/chat/components/badge-wrapper.cjs.js +59 -0
- package/dist/domains/chat/components/badge-wrapper.cjs.js.map +1 -0
- package/dist/domains/chat/components/badge-wrapper.d.ts +2 -0
- package/dist/domains/chat/components/badge-wrapper.es.js +55 -0
- package/dist/domains/chat/components/badge-wrapper.es.js.map +1 -0
- package/dist/domains/chat/components/loading-badge.cjs.js +22 -0
- package/dist/domains/chat/components/loading-badge.cjs.js.map +1 -0
- package/dist/domains/chat/components/loading-badge.d.ts +2 -0
- package/dist/domains/chat/components/loading-badge.es.js +18 -0
- package/dist/domains/chat/components/loading-badge.es.js.map +1 -0
- package/dist/domains/chat/components/network-choice-metadata-dialog.cjs.js +59 -0
- package/dist/domains/chat/components/network-choice-metadata-dialog.cjs.js.map +1 -0
- package/dist/domains/chat/components/network-choice-metadata-dialog.d.ts +2 -0
- package/dist/domains/chat/components/network-choice-metadata-dialog.es.js +55 -0
- package/dist/domains/chat/components/network-choice-metadata-dialog.es.js.map +1 -0
- package/dist/domains/chat/components/section-label.cjs.js +11 -0
- package/dist/domains/chat/components/section-label.cjs.js.map +1 -0
- package/dist/domains/chat/components/section-label.d.ts +2 -0
- package/dist/domains/chat/components/section-label.es.js +7 -0
- package/dist/domains/chat/components/section-label.es.js.map +1 -0
- package/dist/domains/chat/components.cjs.js +16 -0
- package/dist/domains/chat/components.cjs.js.map +1 -0
- package/dist/domains/chat/components.d.ts +2 -0
- package/dist/domains/chat/components.es.js +5 -0
- package/dist/domains/chat/components.es.js.map +1 -0
- package/dist/domains/chat/context/chat-context.cjs.js +32 -0
- package/dist/domains/chat/context/chat-context.cjs.js.map +1 -0
- package/dist/domains/chat/context/chat-context.d.ts +2 -0
- package/dist/domains/chat/context/chat-context.es.js +20 -0
- package/dist/domains/chat/context/chat-context.es.js.map +1 -0
- package/dist/domains/chat.cjs.js +26 -0
- package/dist/domains/chat.cjs.js.map +1 -0
- package/dist/domains/chat.d.ts +2 -0
- package/dist/domains/chat.es.js +6 -0
- package/dist/domains/chat.es.js.map +1 -0
- package/dist/ee/signals/components/entity-index-list.cjs.js +1 -0
- package/dist/ee/signals/components/entity-index-list.cjs.js.map +1 -1
- package/dist/ee/signals/components/entity-index-list.es.js +1 -0
- package/dist/ee/signals/components/entity-index-list.es.js.map +1 -1
- package/dist/src/domains/chat/components/badge-wrapper.d.ts +17 -0
- package/dist/src/domains/chat/components/index.d.ts +4 -0
- package/dist/src/domains/chat/components/loading-badge.d.ts +1 -0
- package/dist/src/domains/chat/components/network-choice-metadata-dialog.d.ts +5 -0
- package/dist/src/domains/chat/components/section-label.d.ts +5 -0
- package/dist/src/domains/chat/context/chat-context.d.ts +48 -0
- package/dist/src/domains/chat/index.d.ts +2 -0
- package/dist/style.css +8 -0
- package/dist/tool-call-BQ1-wfh3.cjs +196 -0
- package/dist/tool-call-BQ1-wfh3.cjs.map +1 -0
- package/dist/tool-call-DqwKpaLK.js +181 -0
- package/dist/tool-call-DqwKpaLK.js.map +1 -0
- package/package.json +7 -7
|
@@ -0,0 +1,478 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { jsonLanguage } from '@codemirror/lang-json';
|
|
3
|
+
import { markdown, markdownLanguage } from '@codemirror/lang-markdown';
|
|
4
|
+
import { LanguageDescription, LanguageSupport, StreamLanguage, HighlightStyle, syntaxHighlighting } from '@codemirror/language';
|
|
5
|
+
import { EditorState, Prec } from '@codemirror/state';
|
|
6
|
+
import { ViewPlugin, MatchDecorator, Decoration, EditorView } from '@codemirror/view';
|
|
7
|
+
import { tags } from '@lezer/highlight';
|
|
8
|
+
import { draculaInit } from '@uiw/codemirror-theme-dracula';
|
|
9
|
+
import ReactCodeMirror from '@uiw/react-codemirror';
|
|
10
|
+
import { c as cva } from './index-DsNrjFJd.js';
|
|
11
|
+
import { forwardRef, useMemo } from 'react';
|
|
12
|
+
import { autocompletion } from '@codemirror/autocomplete';
|
|
13
|
+
import { C as CopyButton } from './copy-button-BHmcGzIz.js';
|
|
14
|
+
import { u as useTheme } from './theme-provider-C9ih9jSS.js';
|
|
15
|
+
import { c as cn } from './cn-B4oPhFx9.js';
|
|
16
|
+
|
|
17
|
+
function legacy(parser) {
|
|
18
|
+
return new LanguageSupport(StreamLanguage.define(parser));
|
|
19
|
+
}
|
|
20
|
+
const codeLanguages = [
|
|
21
|
+
LanguageDescription.of({
|
|
22
|
+
name: "JavaScript",
|
|
23
|
+
alias: ["ecmascript", "js", "node"],
|
|
24
|
+
extensions: ["js", "mjs", "cjs"],
|
|
25
|
+
load() {
|
|
26
|
+
return import('@codemirror/lang-javascript').then((m) => m.javascript());
|
|
27
|
+
}
|
|
28
|
+
}),
|
|
29
|
+
LanguageDescription.of({
|
|
30
|
+
name: "JSON",
|
|
31
|
+
alias: ["json5"],
|
|
32
|
+
extensions: ["json", "map"],
|
|
33
|
+
load() {
|
|
34
|
+
return import('@codemirror/lang-json').then((m) => m.json());
|
|
35
|
+
}
|
|
36
|
+
}),
|
|
37
|
+
LanguageDescription.of({
|
|
38
|
+
name: "JSX",
|
|
39
|
+
extensions: ["jsx"],
|
|
40
|
+
load() {
|
|
41
|
+
return import('@codemirror/lang-javascript').then((m) => m.javascript({ jsx: true }));
|
|
42
|
+
}
|
|
43
|
+
}),
|
|
44
|
+
LanguageDescription.of({
|
|
45
|
+
name: "Markdown",
|
|
46
|
+
extensions: ["md", "markdown", "mkd"],
|
|
47
|
+
load() {
|
|
48
|
+
return import('@codemirror/lang-markdown').then((m) => m.markdown());
|
|
49
|
+
}
|
|
50
|
+
}),
|
|
51
|
+
LanguageDescription.of({
|
|
52
|
+
name: "TSX",
|
|
53
|
+
extensions: ["tsx"],
|
|
54
|
+
load() {
|
|
55
|
+
return import('@codemirror/lang-javascript').then((m) => m.javascript({ jsx: true, typescript: true }));
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
LanguageDescription.of({
|
|
59
|
+
name: "TypeScript",
|
|
60
|
+
alias: ["ts"],
|
|
61
|
+
extensions: ["ts", "mts", "cts"],
|
|
62
|
+
load() {
|
|
63
|
+
return import('@codemirror/lang-javascript').then((m) => m.javascript({ typescript: true }));
|
|
64
|
+
}
|
|
65
|
+
}),
|
|
66
|
+
LanguageDescription.of({
|
|
67
|
+
name: "Shell",
|
|
68
|
+
alias: ["bash", "sh", "zsh"],
|
|
69
|
+
extensions: ["sh", "ksh", "bash"],
|
|
70
|
+
filename: /^PKGBUILD$/,
|
|
71
|
+
load() {
|
|
72
|
+
return import('@codemirror/legacy-modes/mode/shell').then((m) => legacy(m.shell));
|
|
73
|
+
}
|
|
74
|
+
})
|
|
75
|
+
];
|
|
76
|
+
|
|
77
|
+
function flattenSchemaToVariables(schema, maxDepth = 5) {
|
|
78
|
+
if (!schema?.properties) {
|
|
79
|
+
return [];
|
|
80
|
+
}
|
|
81
|
+
const results = [];
|
|
82
|
+
function processProperty(property, path, depth) {
|
|
83
|
+
if (depth > maxDepth) {
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
const type = Array.isArray(property.type) ? property.type.join(" | ") : property.type;
|
|
87
|
+
results.push({
|
|
88
|
+
path,
|
|
89
|
+
label: path,
|
|
90
|
+
description: property.description ?? property.title,
|
|
91
|
+
type
|
|
92
|
+
});
|
|
93
|
+
if (property.properties) {
|
|
94
|
+
for (const [key, nestedProperty] of Object.entries(property.properties)) {
|
|
95
|
+
processProperty(nestedProperty, `${path}.${key}`, depth + 1);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
if (property.items?.properties) {
|
|
99
|
+
for (const [key, itemProperty] of Object.entries(property.items.properties)) {
|
|
100
|
+
processProperty(itemProperty, `${path}[].${key}`, depth + 1);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
for (const [key, property] of Object.entries(schema.properties)) {
|
|
105
|
+
processProperty(property, key, 1);
|
|
106
|
+
}
|
|
107
|
+
return results;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
function createVariableAutocomplete(schema) {
|
|
111
|
+
const variables = flattenSchemaToVariables(schema);
|
|
112
|
+
return autocompletion({
|
|
113
|
+
override: [createVariableCompletionSource(variables)],
|
|
114
|
+
defaultKeymap: true,
|
|
115
|
+
closeOnBlur: true,
|
|
116
|
+
icons: false
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
function createVariableCompletionSource(variables) {
|
|
120
|
+
return (context) => {
|
|
121
|
+
const beforeCursor = context.state.sliceDoc(Math.max(0, context.pos - 50), context.pos);
|
|
122
|
+
const match = beforeCursor.match(/\{\{([a-zA-Z0-9_.\[\]]*)?$/);
|
|
123
|
+
if (!match) {
|
|
124
|
+
return null;
|
|
125
|
+
}
|
|
126
|
+
const prefix = match[1] ?? "";
|
|
127
|
+
const startPos = context.pos - prefix.length;
|
|
128
|
+
const filteredVariables = prefix ? variables.filter((v) => v.path.toLowerCase().startsWith(prefix.toLowerCase())) : variables;
|
|
129
|
+
if (filteredVariables.length === 0) {
|
|
130
|
+
return null;
|
|
131
|
+
}
|
|
132
|
+
const completions = filteredVariables.map((variable) => ({
|
|
133
|
+
label: variable.path,
|
|
134
|
+
displayLabel: variable.path,
|
|
135
|
+
detail: variable.type,
|
|
136
|
+
info: variable.description,
|
|
137
|
+
apply: (view, completion, from, to) => {
|
|
138
|
+
const afterCursor = view.state.sliceDoc(to, to + 2);
|
|
139
|
+
const hasClosingBraces = afterCursor === "}}";
|
|
140
|
+
const insertText = hasClosingBraces ? completion.label : `${completion.label}}}`;
|
|
141
|
+
view.dispatch({
|
|
142
|
+
changes: { from, to, insert: insertText },
|
|
143
|
+
selection: { anchor: from + insertText.length }
|
|
144
|
+
});
|
|
145
|
+
}
|
|
146
|
+
}));
|
|
147
|
+
return {
|
|
148
|
+
from: startPos,
|
|
149
|
+
options: completions,
|
|
150
|
+
validFor: /^[a-zA-Z0-9_.\[\]]*$/
|
|
151
|
+
};
|
|
152
|
+
};
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
const VARIABLE_PATTERN = /\{\{([a-zA-Z_][a-zA-Z0-9_]*(?:\.[a-zA-Z_][a-zA-Z0-9_]*)*)\}\}/g;
|
|
156
|
+
const variableDecoration = Decoration.mark({
|
|
157
|
+
class: "cm-variable-highlight"
|
|
158
|
+
});
|
|
159
|
+
const variableMatcher = new MatchDecorator({
|
|
160
|
+
regexp: VARIABLE_PATTERN,
|
|
161
|
+
decoration: () => variableDecoration
|
|
162
|
+
});
|
|
163
|
+
const variableHighlightPlugin = ViewPlugin.fromClass(
|
|
164
|
+
class {
|
|
165
|
+
decorations;
|
|
166
|
+
constructor(view) {
|
|
167
|
+
this.decorations = variableMatcher.createDeco(view);
|
|
168
|
+
}
|
|
169
|
+
update(update) {
|
|
170
|
+
this.decorations = variableMatcher.updateDeco(update, this.decorations);
|
|
171
|
+
}
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
decorations: (v) => v.decorations
|
|
175
|
+
}
|
|
176
|
+
);
|
|
177
|
+
const variableHighlight = variableHighlightPlugin;
|
|
178
|
+
|
|
179
|
+
function buildDarkTheme() {
|
|
180
|
+
const baseTheme = draculaInit({
|
|
181
|
+
settings: {
|
|
182
|
+
fontFamily: "var(--font-mono)",
|
|
183
|
+
fontSize: "0.8rem",
|
|
184
|
+
lineHighlight: "transparent",
|
|
185
|
+
gutterBackground: "transparent",
|
|
186
|
+
gutterForeground: "var(--neutral2)",
|
|
187
|
+
background: "transparent",
|
|
188
|
+
foreground: "var(--neutral6)",
|
|
189
|
+
caret: "var(--neutral6)"
|
|
190
|
+
},
|
|
191
|
+
styles: [
|
|
192
|
+
{ tag: [tags.className, tags.propertyName], color: "var(--neutral6)" },
|
|
193
|
+
{ tag: tags.heading, color: "var(--accent3)", fontWeight: "bold" },
|
|
194
|
+
{
|
|
195
|
+
tag: [tags.heading1, tags.heading2, tags.heading3, tags.heading4, tags.heading5, tags.heading6],
|
|
196
|
+
color: "var(--accent3)",
|
|
197
|
+
fontWeight: "bold"
|
|
198
|
+
},
|
|
199
|
+
{ tag: tags.emphasis, fontStyle: "italic", color: "var(--neutral6)" },
|
|
200
|
+
{ tag: tags.strong, fontWeight: "bold", color: "var(--neutral6)" },
|
|
201
|
+
{ tag: tags.link, color: "var(--accent3)", textDecoration: "underline" },
|
|
202
|
+
{ tag: tags.url, color: "var(--accent3)" },
|
|
203
|
+
{ tag: tags.monospace, color: "var(--neutral6)" },
|
|
204
|
+
{ tag: tags.strikethrough, textDecoration: "line-through" },
|
|
205
|
+
{ tag: tags.quote, fontStyle: "italic", color: "var(--neutral2)" }
|
|
206
|
+
]
|
|
207
|
+
});
|
|
208
|
+
const customLineNumberTheme = EditorView.theme({
|
|
209
|
+
".cm-editor": {
|
|
210
|
+
backgroundColor: "transparent"
|
|
211
|
+
},
|
|
212
|
+
".cm-content": {
|
|
213
|
+
color: "var(--neutral6)",
|
|
214
|
+
caretColor: "var(--neutral6)"
|
|
215
|
+
},
|
|
216
|
+
".cm-lineNumbers .cm-gutterElement": {
|
|
217
|
+
color: "var(--neutral2)"
|
|
218
|
+
},
|
|
219
|
+
".cm-activeLineGutter": {
|
|
220
|
+
color: "var(--neutral3)"
|
|
221
|
+
},
|
|
222
|
+
".cm-cursor": {
|
|
223
|
+
borderLeftColor: "var(--neutral6)"
|
|
224
|
+
},
|
|
225
|
+
".cm-selectionBackground, .cm-content ::selection": {
|
|
226
|
+
backgroundColor: "color-mix(in srgb, var(--accent3) 22%, transparent)"
|
|
227
|
+
},
|
|
228
|
+
".cm-tooltip-autocomplete": {
|
|
229
|
+
backgroundColor: "var(--surface2)",
|
|
230
|
+
border: "1px solid var(--border1)",
|
|
231
|
+
borderRadius: "6px",
|
|
232
|
+
boxShadow: "0 8px 16px rgba(0, 0, 0, 0.2)"
|
|
233
|
+
},
|
|
234
|
+
".cm-tooltip-autocomplete > ul": {
|
|
235
|
+
fontFamily: "var(--font-mono)"
|
|
236
|
+
},
|
|
237
|
+
".cm-completionLabel": {
|
|
238
|
+
color: "var(--neutral6)"
|
|
239
|
+
},
|
|
240
|
+
".cm-completionDetail": {
|
|
241
|
+
color: "var(--neutral3)",
|
|
242
|
+
fontSize: "0.7rem",
|
|
243
|
+
marginLeft: "auto",
|
|
244
|
+
paddingLeft: "12px"
|
|
245
|
+
},
|
|
246
|
+
".cm-completionInfo": {
|
|
247
|
+
backgroundColor: "var(--surface2)",
|
|
248
|
+
border: "1px solid var(--border1)",
|
|
249
|
+
color: "var(--neutral3)",
|
|
250
|
+
padding: "8px 12px"
|
|
251
|
+
},
|
|
252
|
+
".cm-completionIcon": {
|
|
253
|
+
display: "none"
|
|
254
|
+
},
|
|
255
|
+
"ul.cm-completionList li[aria-selected]": {
|
|
256
|
+
backgroundColor: "var(--surface4)",
|
|
257
|
+
color: "var(--neutral6)"
|
|
258
|
+
},
|
|
259
|
+
".cm-line .cm-variable-highlight": {
|
|
260
|
+
color: "var(--accent6) !important",
|
|
261
|
+
fontWeight: "500"
|
|
262
|
+
}
|
|
263
|
+
});
|
|
264
|
+
return [baseTheme, customLineNumberTheme];
|
|
265
|
+
}
|
|
266
|
+
function buildLightTheme() {
|
|
267
|
+
const editorTheme = EditorView.theme({
|
|
268
|
+
"&": {
|
|
269
|
+
backgroundColor: "transparent",
|
|
270
|
+
color: "var(--neutral6)",
|
|
271
|
+
fontSize: "0.8rem"
|
|
272
|
+
},
|
|
273
|
+
"&.cm-editor .cm-scroller": {
|
|
274
|
+
fontFamily: "var(--font-mono)"
|
|
275
|
+
},
|
|
276
|
+
".cm-gutters": {
|
|
277
|
+
backgroundColor: "transparent",
|
|
278
|
+
color: "var(--neutral2)",
|
|
279
|
+
borderRight: "none"
|
|
280
|
+
},
|
|
281
|
+
".cm-content": {
|
|
282
|
+
color: "var(--neutral6)",
|
|
283
|
+
caretColor: "var(--neutral6)"
|
|
284
|
+
},
|
|
285
|
+
".cm-activeLine": {
|
|
286
|
+
backgroundColor: "transparent"
|
|
287
|
+
},
|
|
288
|
+
".cm-lineNumbers .cm-gutterElement": {
|
|
289
|
+
color: "var(--neutral2)"
|
|
290
|
+
},
|
|
291
|
+
".cm-activeLineGutter": {
|
|
292
|
+
backgroundColor: "transparent",
|
|
293
|
+
color: "var(--neutral3)"
|
|
294
|
+
},
|
|
295
|
+
".cm-cursor, .cm-dropCursor": {
|
|
296
|
+
borderLeftColor: "var(--neutral6)"
|
|
297
|
+
},
|
|
298
|
+
"&.cm-focused .cm-selectionBackground, & .cm-line::selection, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection": {
|
|
299
|
+
background: "color-mix(in srgb, var(--accent3) 22%, transparent) !important"
|
|
300
|
+
},
|
|
301
|
+
".cm-tooltip-autocomplete": {
|
|
302
|
+
backgroundColor: "var(--surface2)",
|
|
303
|
+
border: "1px solid var(--border1)",
|
|
304
|
+
borderRadius: "6px",
|
|
305
|
+
boxShadow: "0 8px 16px rgba(0, 0, 0, 0.2)"
|
|
306
|
+
},
|
|
307
|
+
".cm-tooltip-autocomplete > ul": {
|
|
308
|
+
fontFamily: "var(--font-mono)"
|
|
309
|
+
},
|
|
310
|
+
".cm-completionLabel": {
|
|
311
|
+
color: "var(--neutral6)"
|
|
312
|
+
},
|
|
313
|
+
".cm-completionDetail": {
|
|
314
|
+
color: "var(--neutral3)",
|
|
315
|
+
fontSize: "0.7rem",
|
|
316
|
+
marginLeft: "auto",
|
|
317
|
+
paddingLeft: "12px"
|
|
318
|
+
},
|
|
319
|
+
".cm-completionInfo": {
|
|
320
|
+
backgroundColor: "var(--surface2)",
|
|
321
|
+
border: "1px solid var(--border1)",
|
|
322
|
+
color: "var(--neutral3)",
|
|
323
|
+
padding: "8px 12px"
|
|
324
|
+
},
|
|
325
|
+
".cm-completionIcon": {
|
|
326
|
+
display: "none"
|
|
327
|
+
},
|
|
328
|
+
"ul.cm-completionList li[aria-selected]": {
|
|
329
|
+
backgroundColor: "var(--surface4)",
|
|
330
|
+
color: "var(--neutral6)"
|
|
331
|
+
},
|
|
332
|
+
".cm-line .cm-variable-highlight": {
|
|
333
|
+
color: "var(--accent6) !important",
|
|
334
|
+
fontWeight: "500"
|
|
335
|
+
}
|
|
336
|
+
});
|
|
337
|
+
const highlightStyle = HighlightStyle.define([
|
|
338
|
+
{ tag: [tags.comment, tags.bracket], color: "var(--neutral2)" },
|
|
339
|
+
{ tag: [tags.string, tags.meta, tags.regexp], color: "var(--accent1)" },
|
|
340
|
+
{ tag: [tags.atom, tags.bool, tags.special(tags.variableName)], color: "var(--accent6)" },
|
|
341
|
+
{ tag: [tags.keyword, tags.operator, tags.tagName], color: "var(--accent2)" },
|
|
342
|
+
{ tag: [tags.function(tags.propertyName), tags.propertyName], color: "var(--accent5)" },
|
|
343
|
+
{
|
|
344
|
+
tag: [tags.definition(tags.variableName), tags.function(tags.variableName), tags.className, tags.attributeName],
|
|
345
|
+
color: "var(--accent3)"
|
|
346
|
+
},
|
|
347
|
+
{ tag: [tags.variableName, tags.number], color: "var(--accent5)" },
|
|
348
|
+
{ tag: [tags.name, tags.quote], color: "var(--accent1)" },
|
|
349
|
+
{ tag: tags.heading, color: "var(--accent3)", fontWeight: "bold" },
|
|
350
|
+
{
|
|
351
|
+
tag: [tags.heading1, tags.heading2, tags.heading3, tags.heading4, tags.heading5, tags.heading6],
|
|
352
|
+
color: "var(--accent3)",
|
|
353
|
+
fontWeight: "bold"
|
|
354
|
+
},
|
|
355
|
+
{ tag: [tags.emphasis], fontStyle: "italic", color: "var(--neutral6)" },
|
|
356
|
+
{ tag: [tags.strong], fontWeight: "bold", color: "var(--neutral6)" },
|
|
357
|
+
{ tag: tags.link, color: "var(--accent3)", textDecoration: "underline" },
|
|
358
|
+
{ tag: tags.url, color: "var(--accent3)" },
|
|
359
|
+
{ tag: tags.monospace, color: "var(--neutral6)" },
|
|
360
|
+
{ tag: tags.strikethrough, textDecoration: "line-through" },
|
|
361
|
+
{ tag: [tags.deleted], color: "var(--accent2)" },
|
|
362
|
+
{ tag: tags.invalid, color: "var(--error)" },
|
|
363
|
+
{ tag: [tags.standard(tags.tagName)], color: "var(--accent1)" }
|
|
364
|
+
]);
|
|
365
|
+
return [editorTheme, syntaxHighlighting(highlightStyle)];
|
|
366
|
+
}
|
|
367
|
+
const useCodemirrorTheme = () => {
|
|
368
|
+
const isDark = useTheme().resolvedTheme === "dark";
|
|
369
|
+
return useMemo(() => isDark ? buildDarkTheme() : buildLightTheme(), [isDark]);
|
|
370
|
+
};
|
|
371
|
+
const codeEditorVariants = cva(
|
|
372
|
+
cn(
|
|
373
|
+
"relative overflow-hidden font-mono outline-hidden focus-within:outline-hidden focus:outline-hidden",
|
|
374
|
+
"duration-normal transition-colors ease-out-custom"
|
|
375
|
+
),
|
|
376
|
+
{
|
|
377
|
+
variants: {
|
|
378
|
+
variant: {
|
|
379
|
+
default: "rounded-md border border-border1 bg-surface3 p-1 focus-within:border-neutral6/20",
|
|
380
|
+
embedded: "rounded-none border-none bg-transparent p-0"
|
|
381
|
+
}
|
|
382
|
+
},
|
|
383
|
+
defaultVariants: {
|
|
384
|
+
variant: "default"
|
|
385
|
+
}
|
|
386
|
+
}
|
|
387
|
+
);
|
|
388
|
+
const editorFocusAttributes = Prec.highest(
|
|
389
|
+
EditorView.editorAttributes.of({
|
|
390
|
+
style: "outline: none"
|
|
391
|
+
})
|
|
392
|
+
);
|
|
393
|
+
const editorFocusTheme = Prec.highest(
|
|
394
|
+
EditorView.theme({
|
|
395
|
+
"&": {
|
|
396
|
+
outline: "none"
|
|
397
|
+
},
|
|
398
|
+
"&.cm-focused": {
|
|
399
|
+
outline: "none"
|
|
400
|
+
},
|
|
401
|
+
".cm-scroller": {
|
|
402
|
+
outline: "none"
|
|
403
|
+
},
|
|
404
|
+
".cm-content": {
|
|
405
|
+
outline: "none"
|
|
406
|
+
},
|
|
407
|
+
".cm-content:focus": {
|
|
408
|
+
outline: "none"
|
|
409
|
+
}
|
|
410
|
+
})
|
|
411
|
+
);
|
|
412
|
+
const editorFocusExtensions = [editorFocusAttributes, editorFocusTheme];
|
|
413
|
+
const CodeEditor = forwardRef(
|
|
414
|
+
({
|
|
415
|
+
data,
|
|
416
|
+
value,
|
|
417
|
+
onChange,
|
|
418
|
+
showCopyButton = true,
|
|
419
|
+
className,
|
|
420
|
+
language = "json",
|
|
421
|
+
highlightVariables = false,
|
|
422
|
+
placeholder,
|
|
423
|
+
schema,
|
|
424
|
+
autoFocus,
|
|
425
|
+
lineNumbers = true,
|
|
426
|
+
lineWrapping = true,
|
|
427
|
+
editable,
|
|
428
|
+
variant,
|
|
429
|
+
...props
|
|
430
|
+
}, ref) => {
|
|
431
|
+
const theme = useCodemirrorTheme();
|
|
432
|
+
const formattedCode = data ? JSON.stringify(data, null, 2) : value ?? "";
|
|
433
|
+
const extensions = useMemo(() => {
|
|
434
|
+
const exts = [...editorFocusExtensions];
|
|
435
|
+
if (lineWrapping) {
|
|
436
|
+
exts.push(EditorView.lineWrapping);
|
|
437
|
+
}
|
|
438
|
+
if (language === "json") {
|
|
439
|
+
exts.push(jsonLanguage);
|
|
440
|
+
} else if (language === "markdown") {
|
|
441
|
+
exts.push(markdown({ base: markdownLanguage, codeLanguages }));
|
|
442
|
+
}
|
|
443
|
+
if (highlightVariables && language === "markdown") {
|
|
444
|
+
exts.push(variableHighlight);
|
|
445
|
+
}
|
|
446
|
+
if (schema && language === "markdown") {
|
|
447
|
+
exts.push(createVariableAutocomplete(schema));
|
|
448
|
+
}
|
|
449
|
+
if (editable === false) {
|
|
450
|
+
exts.push(EditorState.readOnly.of(true));
|
|
451
|
+
}
|
|
452
|
+
return exts;
|
|
453
|
+
}, [language, highlightVariables, schema, editable, lineWrapping]);
|
|
454
|
+
return /* @__PURE__ */ jsxs("div", { className: cn(codeEditorVariants({ variant }), className), ...props, children: [
|
|
455
|
+
showCopyButton && /* @__PURE__ */ jsx(CopyButton, { content: formattedCode, className: "absolute top-2 right-2 z-20" }),
|
|
456
|
+
/* @__PURE__ */ jsx(
|
|
457
|
+
ReactCodeMirror,
|
|
458
|
+
{
|
|
459
|
+
ref,
|
|
460
|
+
value: formattedCode,
|
|
461
|
+
theme,
|
|
462
|
+
extensions,
|
|
463
|
+
onChange,
|
|
464
|
+
editable,
|
|
465
|
+
"aria-label": "Code editor",
|
|
466
|
+
placeholder,
|
|
467
|
+
height: "100%",
|
|
468
|
+
style: { height: "100%" },
|
|
469
|
+
autoFocus,
|
|
470
|
+
basicSetup: { lineNumbers }
|
|
471
|
+
}
|
|
472
|
+
)
|
|
473
|
+
] });
|
|
474
|
+
}
|
|
475
|
+
);
|
|
476
|
+
|
|
477
|
+
export { CodeEditor as C, VARIABLE_PATTERN as V, createVariableAutocomplete as a, codeLanguages as c, flattenSchemaToVariables as f, useCodemirrorTheme as u, variableHighlight as v };
|
|
478
|
+
//# sourceMappingURL=code-editor-C0zKVkEd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-editor-C0zKVkEd.js","sources":["../src/ds/components/CodeEditor/code-languages.ts","../src/ds/components/CodeEditor/schema-to-variables.ts","../src/ds/components/CodeEditor/variable-autocomplete-extension.ts","../src/ds/components/CodeEditor/variable-highlight-extension.ts","../src/ds/components/CodeEditor/code-editor.tsx"],"sourcesContent":["import { LanguageDescription, LanguageSupport, StreamLanguage } from '@codemirror/language';\n\nfunction legacy(parser: Parameters<typeof StreamLanguage.define>[0]) {\n return new LanguageSupport(StreamLanguage.define(parser));\n}\n\n/**\n * A minimal subset of CodeMirror language descriptions used for fenced code\n * blocks inside markdown. Mirrors the relevant entries from\n * `@codemirror/language-data` but only the languages we actually support, so\n * bundlers don't have to emit a chunk for every known language.\n */\nexport const codeLanguages = [\n LanguageDescription.of({\n name: 'JavaScript',\n alias: ['ecmascript', 'js', 'node'],\n extensions: ['js', 'mjs', 'cjs'],\n load() {\n return import('@codemirror/lang-javascript').then(m => m.javascript());\n },\n }),\n LanguageDescription.of({\n name: 'JSON',\n alias: ['json5'],\n extensions: ['json', 'map'],\n load() {\n return import('@codemirror/lang-json').then(m => m.json());\n },\n }),\n LanguageDescription.of({\n name: 'JSX',\n extensions: ['jsx'],\n load() {\n return import('@codemirror/lang-javascript').then(m => m.javascript({ jsx: true }));\n },\n }),\n LanguageDescription.of({\n name: 'Markdown',\n extensions: ['md', 'markdown', 'mkd'],\n load() {\n return import('@codemirror/lang-markdown').then(m => m.markdown());\n },\n }),\n LanguageDescription.of({\n name: 'TSX',\n extensions: ['tsx'],\n load() {\n return import('@codemirror/lang-javascript').then(m => m.javascript({ jsx: true, typescript: true }));\n },\n }),\n LanguageDescription.of({\n name: 'TypeScript',\n alias: ['ts'],\n extensions: ['ts', 'mts', 'cts'],\n load() {\n return import('@codemirror/lang-javascript').then(m => m.javascript({ typescript: true }));\n },\n }),\n LanguageDescription.of({\n name: 'Shell',\n alias: ['bash', 'sh', 'zsh'],\n extensions: ['sh', 'ksh', 'bash'],\n filename: /^PKGBUILD$/,\n load() {\n return import('@codemirror/legacy-modes/mode/shell').then(m => legacy(m.shell));\n },\n }),\n];\n","import type { JsonSchema, JsonSchemaProperty } from '@/lib/json-schema';\n\n/**\n * Represents a variable completion option derived from a schema\n */\nexport interface VariableCompletion {\n /** The dot-notation path (e.g., \"user.name\") */\n path: string;\n /** Display label for the autocomplete */\n label: string;\n /** Description from the schema, if available */\n description?: string;\n /** The type of the property */\n type?: string;\n}\n\n/**\n * Flattens a JSON Schema into a list of variable completions for autocomplete.\n * Recursively extracts property paths using dot-notation.\n *\n * @param schema - The JSON Schema to flatten\n * @param maxDepth - Maximum recursion depth (default: 5)\n * @returns Array of variable completions\n *\n * @example\n * ```ts\n * const schema = {\n * type: 'object',\n * properties: {\n * user: {\n * type: 'object',\n * properties: {\n * name: { type: 'string' },\n * email: { type: 'string' }\n * }\n * }\n * }\n * };\n *\n * flattenSchemaToVariables(schema);\n * // Returns:\n * // [\n * // { path: 'user', label: 'user', type: 'object' },\n * // { path: 'user.name', label: 'user.name', type: 'string' },\n * // { path: 'user.email', label: 'user.email', type: 'string' }\n * // ]\n * ```\n */\nexport function flattenSchemaToVariables(schema: JsonSchema | undefined, maxDepth = 5): VariableCompletion[] {\n if (!schema?.properties) {\n return [];\n }\n\n const results: VariableCompletion[] = [];\n\n function processProperty(property: JsonSchemaProperty, path: string, depth: number): void {\n if (depth > maxDepth) {\n return;\n }\n\n const type = Array.isArray(property.type) ? property.type.join(' | ') : property.type;\n\n results.push({\n path,\n label: path,\n description: property.description ?? property.title,\n type,\n });\n\n // Recurse into nested object properties\n if (property.properties) {\n for (const [key, nestedProperty] of Object.entries(property.properties)) {\n processProperty(nestedProperty, `${path}.${key}`, depth + 1);\n }\n }\n\n // Handle array items if they have properties (array of objects)\n if (property.items?.properties) {\n // Add a placeholder for array item access (e.g., items[0].name)\n for (const [key, itemProperty] of Object.entries(property.items.properties)) {\n processProperty(itemProperty, `${path}[].${key}`, depth + 1);\n }\n }\n }\n\n for (const [key, property] of Object.entries(schema.properties)) {\n processProperty(property, key, 1);\n }\n\n return results;\n}\n","import { autocompletion } from '@codemirror/autocomplete';\nimport type { Completion, CompletionContext, CompletionResult } from '@codemirror/autocomplete';\nimport type { Extension } from '@codemirror/state';\nimport { flattenSchemaToVariables } from './schema-to-variables';\nimport type { VariableCompletion } from './schema-to-variables';\nimport type { JsonSchema } from '@/lib/json-schema';\n\n/**\n * Creates a CodeMirror autocomplete extension for {{variable}} placeholders.\n * Triggers when the user types `{{` and shows suggestions derived from the schema.\n *\n * @param schema - JSON Schema to derive variable suggestions from\n * @returns CodeMirror Extension that provides variable autocomplete\n *\n * @example\n * ```tsx\n * const schema = {\n * type: 'object',\n * properties: {\n * user: { type: 'object', properties: { name: { type: 'string' } } }\n * }\n * };\n *\n * <CodeMirror extensions={[createVariableAutocomplete(schema)]} />\n * // Typing \"{{\" will show: user, user.name\n * ```\n */\nexport function createVariableAutocomplete(schema: JsonSchema | undefined): Extension {\n const variables = flattenSchemaToVariables(schema);\n\n return autocompletion({\n override: [createVariableCompletionSource(variables)],\n defaultKeymap: true,\n closeOnBlur: true,\n icons: false,\n });\n}\n\n/**\n * Creates a completion source function for CodeMirror's autocompletion.\n */\nfunction createVariableCompletionSource(\n variables: VariableCompletion[],\n): (context: CompletionContext) => CompletionResult | null {\n return (context: CompletionContext): CompletionResult | null => {\n // Look for {{ pattern before cursor\n const beforeCursor = context.state.sliceDoc(Math.max(0, context.pos - 50), context.pos);\n const match = beforeCursor.match(/\\{\\{([a-zA-Z0-9_.\\[\\]]*)?$/);\n\n if (!match) {\n return null;\n }\n\n // The text after {{ that we're matching against\n const prefix = match[1] ?? '';\n const startPos = context.pos - prefix.length;\n\n // Filter variables based on what the user has typed\n const filteredVariables = prefix\n ? variables.filter(v => v.path.toLowerCase().startsWith(prefix.toLowerCase()))\n : variables;\n\n if (filteredVariables.length === 0) {\n return null;\n }\n\n const completions: Completion[] = filteredVariables.map(variable => ({\n label: variable.path,\n displayLabel: variable.path,\n detail: variable.type,\n info: variable.description,\n apply: (view, completion, from, to) => {\n // Check if }} already follows the cursor\n const afterCursor = view.state.sliceDoc(to, to + 2);\n const hasClosingBraces = afterCursor === '}}';\n\n const insertText = hasClosingBraces ? completion.label : `${completion.label}}}`;\n\n view.dispatch({\n changes: { from, to, insert: insertText },\n selection: { anchor: from + insertText.length },\n });\n },\n }));\n\n return {\n from: startPos,\n options: completions,\n validFor: /^[a-zA-Z0-9_.\\[\\]]*$/,\n };\n };\n}\n","import type { DecorationSet, EditorView, ViewUpdate } from '@codemirror/view';\nimport { Decoration, MatchDecorator, ViewPlugin } from '@codemirror/view';\n\n/**\n * Regex pattern to match variable placeholders like {{variableName}} or {{user.name}}\n * Matches: {{ followed by a valid identifier path (with optional dot notation), then }}\n */\nexport const VARIABLE_PATTERN = /\\{\\{([a-zA-Z_][a-zA-Z0-9_]*(?:\\.[a-zA-Z_][a-zA-Z0-9_]*)*)\\}\\}/g;\n\nconst variableDecoration = Decoration.mark({\n class: 'cm-variable-highlight',\n});\n\nconst variableMatcher = new MatchDecorator({\n regexp: VARIABLE_PATTERN,\n decoration: () => variableDecoration,\n});\n\nconst variableHighlightPlugin = ViewPlugin.fromClass(\n class {\n decorations: DecorationSet;\n\n constructor(view: EditorView) {\n this.decorations = variableMatcher.createDeco(view);\n }\n\n update(update: ViewUpdate) {\n this.decorations = variableMatcher.updateDeco(update, this.decorations);\n }\n },\n {\n decorations: v => v.decorations,\n },\n);\n\n/**\n * CodeMirror extension that highlights {{variableName}} patterns\n * with orange color and semibold weight\n */\nexport const variableHighlight = variableHighlightPlugin;\n","import { jsonLanguage } from '@codemirror/lang-json';\nimport { markdown, markdownLanguage } from '@codemirror/lang-markdown';\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport { EditorState, Prec } from '@codemirror/state';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { draculaInit } from '@uiw/codemirror-theme-dracula';\nimport CodeMirror from '@uiw/react-codemirror';\nimport type { ReactCodeMirrorRef } from '@uiw/react-codemirror';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { forwardRef, useMemo } from 'react';\nimport type { HTMLAttributes } from 'react';\nimport { codeLanguages } from './code-languages';\nimport { createVariableAutocomplete } from './variable-autocomplete-extension';\nimport { variableHighlight } from './variable-highlight-extension';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport type { JsonSchema } from '@/lib/json-schema';\nimport { cn } from '@/lib/utils';\n\nexport type CodeEditorLanguage = 'json' | 'markdown';\n\n/** Original dark theme — draculaInit + custom overrides. Unchanged from before light mode work. */\nfunction buildDarkTheme(): Extension {\n const baseTheme = draculaInit({\n settings: {\n fontFamily: 'var(--font-mono)',\n fontSize: '0.8rem',\n lineHighlight: 'transparent',\n gutterBackground: 'transparent',\n gutterForeground: 'var(--neutral2)',\n background: 'transparent',\n foreground: 'var(--neutral6)',\n caret: 'var(--neutral6)',\n },\n styles: [\n { tag: [t.className, t.propertyName], color: 'var(--neutral6)' },\n { tag: t.heading, color: 'var(--accent3)', fontWeight: 'bold' },\n {\n tag: [t.heading1, t.heading2, t.heading3, t.heading4, t.heading5, t.heading6],\n color: 'var(--accent3)',\n fontWeight: 'bold',\n },\n { tag: t.emphasis, fontStyle: 'italic', color: 'var(--neutral6)' },\n { tag: t.strong, fontWeight: 'bold', color: 'var(--neutral6)' },\n { tag: t.link, color: 'var(--accent3)', textDecoration: 'underline' },\n { tag: t.url, color: 'var(--accent3)' },\n { tag: t.monospace, color: 'var(--neutral6)' },\n { tag: t.strikethrough, textDecoration: 'line-through' },\n { tag: t.quote, fontStyle: 'italic', color: 'var(--neutral2)' },\n ],\n });\n\n const customLineNumberTheme = EditorView.theme({\n '.cm-editor': {\n backgroundColor: 'transparent',\n },\n '.cm-content': {\n color: 'var(--neutral6)',\n caretColor: 'var(--neutral6)',\n },\n '.cm-lineNumbers .cm-gutterElement': {\n color: 'var(--neutral2)',\n },\n '.cm-activeLineGutter': {\n color: 'var(--neutral3)',\n },\n '.cm-cursor': {\n borderLeftColor: 'var(--neutral6)',\n },\n '.cm-selectionBackground, .cm-content ::selection': {\n backgroundColor: 'color-mix(in srgb, var(--accent3) 22%, transparent)',\n },\n '.cm-tooltip-autocomplete': {\n backgroundColor: 'var(--surface2)',\n border: '1px solid var(--border1)',\n borderRadius: '6px',\n boxShadow: '0 8px 16px rgba(0, 0, 0, 0.2)',\n },\n '.cm-tooltip-autocomplete > ul': {\n fontFamily: 'var(--font-mono)',\n },\n '.cm-completionLabel': {\n color: 'var(--neutral6)',\n },\n '.cm-completionDetail': {\n color: 'var(--neutral3)',\n fontSize: '0.7rem',\n marginLeft: 'auto',\n paddingLeft: '12px',\n },\n '.cm-completionInfo': {\n backgroundColor: 'var(--surface2)',\n border: '1px solid var(--border1)',\n color: 'var(--neutral3)',\n padding: '8px 12px',\n },\n '.cm-completionIcon': {\n display: 'none',\n },\n 'ul.cm-completionList li[aria-selected]': {\n backgroundColor: 'var(--surface4)',\n color: 'var(--neutral6)',\n },\n '.cm-line .cm-variable-highlight': {\n color: 'var(--accent6) !important',\n fontWeight: '500',\n },\n });\n\n return [baseTheme, customLineNumberTheme];\n}\n\nfunction buildLightTheme(): Extension {\n const editorTheme = EditorView.theme({\n '&': {\n backgroundColor: 'transparent',\n color: 'var(--neutral6)',\n fontSize: '0.8rem',\n },\n '&.cm-editor .cm-scroller': {\n fontFamily: 'var(--font-mono)',\n },\n '.cm-gutters': {\n backgroundColor: 'transparent',\n color: 'var(--neutral2)',\n borderRight: 'none',\n },\n '.cm-content': {\n color: 'var(--neutral6)',\n caretColor: 'var(--neutral6)',\n },\n '.cm-activeLine': {\n backgroundColor: 'transparent',\n },\n '.cm-lineNumbers .cm-gutterElement': {\n color: 'var(--neutral2)',\n },\n '.cm-activeLineGutter': {\n backgroundColor: 'transparent',\n color: 'var(--neutral3)',\n },\n '.cm-cursor, .cm-dropCursor': {\n borderLeftColor: 'var(--neutral6)',\n },\n '&.cm-focused .cm-selectionBackground, & .cm-line::selection, & .cm-selectionLayer .cm-selectionBackground, .cm-content ::selection':\n {\n background: 'color-mix(in srgb, var(--accent3) 22%, transparent) !important',\n },\n '.cm-tooltip-autocomplete': {\n backgroundColor: 'var(--surface2)',\n border: '1px solid var(--border1)',\n borderRadius: '6px',\n boxShadow: '0 8px 16px rgba(0, 0, 0, 0.2)',\n },\n '.cm-tooltip-autocomplete > ul': {\n fontFamily: 'var(--font-mono)',\n },\n '.cm-completionLabel': {\n color: 'var(--neutral6)',\n },\n '.cm-completionDetail': {\n color: 'var(--neutral3)',\n fontSize: '0.7rem',\n marginLeft: 'auto',\n paddingLeft: '12px',\n },\n '.cm-completionInfo': {\n backgroundColor: 'var(--surface2)',\n border: '1px solid var(--border1)',\n color: 'var(--neutral3)',\n padding: '8px 12px',\n },\n '.cm-completionIcon': {\n display: 'none',\n },\n 'ul.cm-completionList li[aria-selected]': {\n backgroundColor: 'var(--surface4)',\n color: 'var(--neutral6)',\n },\n '.cm-line .cm-variable-highlight': {\n color: 'var(--accent6) !important',\n fontWeight: '500',\n },\n });\n\n const highlightStyle = HighlightStyle.define([\n { tag: [t.comment, t.bracket], color: 'var(--neutral2)' },\n { tag: [t.string, t.meta, t.regexp], color: 'var(--accent1)' },\n { tag: [t.atom, t.bool, t.special(t.variableName)], color: 'var(--accent6)' },\n { tag: [t.keyword, t.operator, t.tagName], color: 'var(--accent2)' },\n { tag: [t.function(t.propertyName), t.propertyName], color: 'var(--accent5)' },\n {\n tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],\n color: 'var(--accent3)',\n },\n { tag: [t.variableName, t.number], color: 'var(--accent5)' },\n { tag: [t.name, t.quote], color: 'var(--accent1)' },\n { tag: t.heading, color: 'var(--accent3)', fontWeight: 'bold' },\n {\n tag: [t.heading1, t.heading2, t.heading3, t.heading4, t.heading5, t.heading6],\n color: 'var(--accent3)',\n fontWeight: 'bold',\n },\n { tag: [t.emphasis], fontStyle: 'italic', color: 'var(--neutral6)' },\n { tag: [t.strong], fontWeight: 'bold', color: 'var(--neutral6)' },\n { tag: t.link, color: 'var(--accent3)', textDecoration: 'underline' },\n { tag: t.url, color: 'var(--accent3)' },\n { tag: t.monospace, color: 'var(--neutral6)' },\n { tag: t.strikethrough, textDecoration: 'line-through' },\n { tag: [t.deleted], color: 'var(--accent2)' },\n { tag: t.invalid, color: 'var(--error)' },\n { tag: [t.standard(t.tagName)], color: 'var(--accent1)' },\n ]);\n\n return [editorTheme, syntaxHighlighting(highlightStyle)];\n}\n\n// eslint-disable-next-line react-refresh/only-export-components -- shared hook intentionally co-located with the editor it themes\nexport const useCodemirrorTheme = (): Extension => {\n const isDark = useTheme().resolvedTheme === 'dark';\n return useMemo(() => (isDark ? buildDarkTheme() : buildLightTheme()), [isDark]);\n};\n\nconst codeEditorVariants = cva(\n cn(\n 'relative overflow-hidden font-mono outline-hidden focus-within:outline-hidden focus:outline-hidden',\n 'duration-normal transition-colors ease-out-custom',\n ),\n {\n variants: {\n variant: {\n default: 'rounded-md border border-border1 bg-surface3 p-1 focus-within:border-neutral6/20',\n embedded: 'rounded-none border-none bg-transparent p-0',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nconst editorFocusAttributes = Prec.highest(\n EditorView.editorAttributes.of({\n style: 'outline: none',\n }),\n);\n\nconst editorFocusTheme = Prec.highest(\n EditorView.theme({\n '&': {\n outline: 'none',\n },\n '&.cm-focused': {\n outline: 'none',\n },\n '.cm-scroller': {\n outline: 'none',\n },\n '.cm-content': {\n outline: 'none',\n },\n '.cm-content:focus': {\n outline: 'none',\n },\n }),\n);\n\nconst editorFocusExtensions: Extension[] = [editorFocusAttributes, editorFocusTheme];\n\nexport type CodeEditorProps = {\n data?: Record<string, unknown> | Array<Record<string, unknown>>;\n value?: string;\n onChange?: (value: string) => void;\n showCopyButton?: boolean;\n className?: string;\n highlightVariables?: boolean;\n language?: CodeEditorLanguage;\n placeholder?: string;\n /** JSON Schema to enable variable autocomplete for {{variable}} placeholders (markdown only) */\n schema?: JsonSchema;\n autoFocus?: boolean;\n /** Show line numbers in the gutter (default: true) */\n lineNumbers?: boolean;\n /** Wrap long lines within the editor viewport (default: true) */\n lineWrapping?: boolean;\n /** When false, makes the editor read-only */\n editable?: boolean;\n} & VariantProps<typeof codeEditorVariants> &\n Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const CodeEditor = forwardRef<ReactCodeMirrorRef, CodeEditorProps>(\n (\n {\n data,\n value,\n onChange,\n showCopyButton = true,\n className,\n language = 'json',\n highlightVariables = false,\n placeholder,\n schema,\n autoFocus,\n lineNumbers = true,\n lineWrapping = true,\n editable,\n variant,\n ...props\n },\n ref,\n ) => {\n const theme = useCodemirrorTheme();\n const formattedCode = data ? JSON.stringify(data, null, 2) : (value ?? '');\n\n const extensions = useMemo(() => {\n const exts: Extension[] = [...editorFocusExtensions];\n\n if (lineWrapping) {\n exts.push(EditorView.lineWrapping);\n }\n\n if (language === 'json') {\n exts.push(jsonLanguage);\n } else if (language === 'markdown') {\n exts.push(markdown({ base: markdownLanguage, codeLanguages }));\n }\n\n if (highlightVariables && language === 'markdown') {\n exts.push(variableHighlight);\n }\n\n if (schema && language === 'markdown') {\n exts.push(createVariableAutocomplete(schema));\n }\n\n if (editable === false) {\n exts.push(EditorState.readOnly.of(true));\n }\n\n return exts;\n }, [language, highlightVariables, schema, editable, lineWrapping]);\n\n return (\n <div className={cn(codeEditorVariants({ variant }), className)} {...props}>\n {showCopyButton && <CopyButton content={formattedCode} className=\"absolute top-2 right-2 z-20\" />}\n <CodeMirror\n ref={ref}\n value={formattedCode}\n theme={theme}\n extensions={extensions}\n onChange={onChange}\n editable={editable}\n aria-label=\"Code editor\"\n placeholder={placeholder}\n height=\"100%\"\n style={{ height: '100%' }}\n autoFocus={autoFocus}\n basicSetup={{ lineNumbers }}\n />\n </div>\n );\n },\n);\n"],"names":["t","CodeMirror"],"mappings":"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"}
|