@sanity/code-input 3.0.0-v3-studio.8 → 3.0.0-v3-studio.10

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/lib/esm/index.js DELETED
@@ -1,718 +0,0 @@
1
- import {createPlugin as $gGrEF$createPlugin, defineType as $gGrEF$defineType, useColorScheme as $gGrEF$useColorScheme} from "sanity";
2
- import {CodeBlockIcon as $gGrEF$CodeBlockIcon} from "@sanity/icons";
3
- import {jsx as $gGrEF$jsx, jsxs as $gGrEF$jsxs} from "react/jsx-runtime";
4
- import $gGrEF$react, {useRef as $gGrEF$useRef, useMemo as $gGrEF$useMemo, useImperativeHandle as $gGrEF$useImperativeHandle, useCallback as $gGrEF$useCallback, useEffect as $gGrEF$useEffect, Suspense as $gGrEF$Suspense, useState as $gGrEF$useState} from "react";
5
- import {set as $gGrEF$set, setIfMissing as $gGrEF$setIfMissing, unset as $gGrEF$unset, MemberField as $gGrEF$MemberField} from "sanity/form";
6
- import {Card as $gGrEF$Card, Select as $gGrEF$Select, Stack as $gGrEF$Stack, Box as $gGrEF$Box} from "@sanity/ui";
7
- import $gGrEF$styledcomponents, {css as $gGrEF$css} from "styled-components";
8
-
9
- var $parcel$global =
10
- typeof globalThis !== 'undefined'
11
- ? globalThis
12
- : typeof self !== 'undefined'
13
- ? self
14
- : typeof window !== 'undefined'
15
- ? window
16
- : typeof global !== 'undefined'
17
- ? global
18
- : {};
19
- var $parcel$modules = {};
20
- var $parcel$inits = {};
21
-
22
- var parcelRequire = $parcel$global["parcelRequire07ce"];
23
- if (parcelRequire == null) {
24
- parcelRequire = function(id) {
25
- if (id in $parcel$modules) {
26
- return $parcel$modules[id].exports;
27
- }
28
- if (id in $parcel$inits) {
29
- var init = $parcel$inits[id];
30
- delete $parcel$inits[id];
31
- var module = {id: id, exports: {}};
32
- $parcel$modules[id] = module;
33
- init.call(module.exports, module, module.exports);
34
- return module.exports;
35
- }
36
- var err = new Error("Cannot find module '" + id + "'");
37
- err.code = 'MODULE_NOT_FOUND';
38
- throw err;
39
- };
40
-
41
- parcelRequire.register = function register(id, init) {
42
- $parcel$inits[id] = init;
43
- };
44
-
45
- $parcel$global["parcelRequire07ce"] = parcelRequire;
46
- }
47
- parcelRequire.register("2G5mr", function(module, exports) {
48
- module.exports = import("./editorSupport.739e7d0c.js").then(()=>parcelRequire("f97Qe"));
49
-
50
- });
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
- const $b67a72b22aed35f4$export$ac98e174937d3154 = (0, $gGrEF$css)`
62
- .ace_editor_markers_highlight {
63
- position: absolute;
64
- background-color: ${({ theme: theme })=>theme.sanity.color.solid.primary.enabled.bg};
65
- opacity: 0.2;
66
- width: 100% !important;
67
- border-radius: 0 !important;
68
- }
69
- `;
70
- function $b67a72b22aed35f4$export$2e2bcd8739ae039(rows) {
71
- return rows.map((row)=>({
72
- startRow: Number(row) - 1,
73
- startCol: 0,
74
- endRow: Number(row) - 1,
75
- endCol: Infinity,
76
- className: "ace_editor_markers_highlight",
77
- type: "screenLine",
78
- inFront: true
79
- }));
80
- }
81
-
82
-
83
- const $513a6452b1f07fd5$export$7c77c3a9bb93870d = [
84
- {
85
- title: "Batch file",
86
- value: "batchfile"
87
- },
88
- {
89
- title: "C#",
90
- value: "csharp"
91
- },
92
- {
93
- title: "CSS",
94
- value: "css"
95
- },
96
- {
97
- title: "Go",
98
- value: "golang"
99
- },
100
- {
101
- title: "GROQ",
102
- value: "groq"
103
- },
104
- {
105
- title: "HTML",
106
- value: "html"
107
- },
108
- {
109
- title: "Java",
110
- value: "java"
111
- },
112
- {
113
- title: "JavaScript",
114
- value: "javascript"
115
- },
116
- {
117
- title: "JSON",
118
- value: "json"
119
- },
120
- {
121
- title: "JSX",
122
- value: "jsx"
123
- },
124
- {
125
- title: "Markdown",
126
- value: "markdown"
127
- },
128
- {
129
- title: "MySQL",
130
- value: "mysql"
131
- },
132
- {
133
- title: "PHP",
134
- value: "php"
135
- },
136
- {
137
- title: "Plain text",
138
- value: "text"
139
- },
140
- {
141
- title: "Python",
142
- value: "python"
143
- },
144
- {
145
- title: "Ruby",
146
- value: "ruby"
147
- },
148
- {
149
- title: "SASS",
150
- value: "sass"
151
- },
152
- {
153
- title: "SCSS",
154
- value: "scss"
155
- },
156
- {
157
- title: "sh",
158
- value: "sh"
159
- },
160
- {
161
- title: "TSX",
162
- value: "tsx"
163
- },
164
- {
165
- title: "TypeScript",
166
- value: "typescript"
167
- },
168
- {
169
- title: "XML",
170
- value: "xml"
171
- },
172
- {
173
- title: "YAML",
174
- value: "yaml"
175
- },
176
- ];
177
- const $513a6452b1f07fd5$export$eee7619b712ad3ea = {
178
- js: "javascript"
179
- };
180
- const $513a6452b1f07fd5$export$b524d09a6fa74640 = [
181
- "github",
182
- "monokai",
183
- "terminal",
184
- "tomorrow"
185
- ];
186
- const $513a6452b1f07fd5$export$2faeed762aac6741 = "tomorrow";
187
- const $513a6452b1f07fd5$export$5932020c8339f18b = "monokai";
188
- const $513a6452b1f07fd5$export$1d910bb34606e145 = {
189
- useSoftTabs: true,
190
- navigateWithinSoftTabs: true
191
- };
192
- const $513a6452b1f07fd5$export$24aa1be5d8c3cd08 = {
193
- $blockScrolling: true
194
- };
195
- const $513a6452b1f07fd5$export$ed1ca6559dfc13f7 = [
196
- "language"
197
- ];
198
- const $513a6452b1f07fd5$export$e1d3cf7d57c23d0f = [
199
- "code"
200
- ];
201
- const $513a6452b1f07fd5$export$4f74600301fa25db = [
202
- "filename"
203
- ];
204
-
205
-
206
-
207
-
208
- const $7a6230964e09fbf7$export$476686f2cdb5577f = /*#__PURE__*/ (0, $gGrEF$react).lazy(()=>(parcelRequire("2G5mr")));
209
- function $7a6230964e09fbf7$export$99999bc9085b44fd() {
210
- const [mounted, setMounted] = (0, $gGrEF$useState)(false);
211
- (0, $gGrEF$useEffect)(()=>{
212
- setMounted(true);
213
- }, []);
214
- return mounted ? $7a6230964e09fbf7$export$476686f2cdb5577f : null;
215
- }
216
-
217
-
218
- const $a1d4bfd2763f687f$var$EditorContainer = (0, $gGrEF$styledcomponents)((0, $gGrEF$Card))`
219
- position: relative;
220
- box-sizing: border-box;
221
- overflow: hidden;
222
- z-index: 0;
223
-
224
- .ace_editor {
225
- font-family: ${({ theme: theme })=>theme.sanity.fonts.code.family};
226
- font-size: ${({ theme: theme })=>theme.sanity.fonts.code.sizes[1]};
227
- line-height: inherit;
228
- }
229
-
230
- ${(0, $b67a72b22aed35f4$export$ac98e174937d3154)}
231
-
232
- &:not([disabled]):not([readonly]) {
233
- &:focus,
234
- &:focus-within {
235
- box-shadow: 0 0 0 2px ${({ theme: theme })=>theme.sanity.color.base.focusRing};
236
- background-color: ${({ theme: theme })=>theme.sanity.color.base.bg};
237
- border-color: ${({ theme: theme })=>theme.sanity.color.base.focusRing};
238
- }
239
- }
240
- `;
241
- // Returns a string with the mode name if supported (because aliases), otherwise false
242
- function $a1d4bfd2763f687f$var$isSupportedLanguage(mode) {
243
- const alias = (0, $513a6452b1f07fd5$export$eee7619b712ad3ea)[mode];
244
- if (alias) return alias;
245
- const isSupported = (0, $513a6452b1f07fd5$export$7c77c3a9bb93870d).find((lang)=>lang.value === mode);
246
- if (isSupported) return mode;
247
- return false;
248
- }
249
- function $a1d4bfd2763f687f$export$20d4ca75cb144ab0(props) {
250
- const { members: members , elementProps: elementProps , onChange: onChange , onFocusPath: onFocusPath , readOnly: readOnly , renderField: renderField , renderInput: renderInput , renderItem: renderItem , renderPreview: renderPreview , schemaType: type , value: value , } = props;
251
- const aceEditorRef = (0, $gGrEF$useRef)();
252
- const fieldMembers = (0, $gGrEF$useMemo)(()=>members.filter((member)=>member.kind === "field"), [
253
- members
254
- ]);
255
- const languageFieldMember = fieldMembers.find((member)=>member.name === "language");
256
- const filenameMember = fieldMembers.find((member)=>member.name === "filename");
257
- const codeFieldMember = fieldMembers.find((member)=>member.name === "code");
258
- (0, $gGrEF$useImperativeHandle)(elementProps.ref, ()=>({
259
- focus: ()=>{
260
- aceEditorRef?.current?.editor?.focus();
261
- }
262
- }));
263
- const handleCodeFocus = (0, $gGrEF$useCallback)(()=>{
264
- onFocusPath((0, $513a6452b1f07fd5$export$e1d3cf7d57c23d0f));
265
- }, [
266
- onFocusPath
267
- ]);
268
- const { scheme: scheme } = (0, $gGrEF$useColorScheme)();
269
- const theme = (0, $gGrEF$useMemo)(()=>{
270
- const isLight = scheme === "light";
271
- const preferredTheme = isLight ? type.options?.theme : type.options?.darkTheme;
272
- const defaultTheme = isLight ? (0, $513a6452b1f07fd5$export$2faeed762aac6741) : (0, $513a6452b1f07fd5$export$5932020c8339f18b);
273
- return preferredTheme && (0, $513a6452b1f07fd5$export$b524d09a6fa74640).find((t)=>t === preferredTheme) ? preferredTheme : defaultTheme;
274
- }, [
275
- type,
276
- scheme
277
- ]);
278
- const handleToggleSelectLine = (0, $gGrEF$useCallback)((lineNumber)=>{
279
- const editorSession = aceEditorRef.current?.editor?.getSession();
280
- const backgroundMarkers = editorSession?.getMarkers(true);
281
- const currentHighlightedLines = Object.keys(backgroundMarkers).filter((key)=>backgroundMarkers[key].type === "screenLine").map((key)=>backgroundMarkers[key].range.start.row);
282
- const currentIndex = currentHighlightedLines.indexOf(lineNumber);
283
- if (currentIndex > -1) // toggle remove
284
- currentHighlightedLines.splice(currentIndex, 1);
285
- else {
286
- // toggle add
287
- currentHighlightedLines.push(lineNumber);
288
- currentHighlightedLines.sort();
289
- }
290
- onChange((0, $gGrEF$set)(currentHighlightedLines.map((line)=>// ace starts at line (row) 0, but we store it starting at line 1
291
- line + 1), [
292
- "highlightedLines"
293
- ]));
294
- }, [
295
- aceEditorRef,
296
- onChange
297
- ]);
298
- const handleGutterMouseDown = (0, $gGrEF$useCallback)((event)=>{
299
- const target = event.domEvent.target;
300
- if (target.classList.contains("ace_gutter-cell")) {
301
- const row = event.getDocumentPosition().row;
302
- handleToggleSelectLine(row);
303
- }
304
- }, [
305
- handleToggleSelectLine
306
- ]);
307
- (0, $gGrEF$useEffect)(()=>{
308
- const editor = aceEditorRef?.current?.editor;
309
- return ()=>{
310
- editor?.session?.removeListener("guttermousedown", handleGutterMouseDown);
311
- };
312
- }, [
313
- aceEditorRef,
314
- handleGutterMouseDown
315
- ]);
316
- const handleEditorLoad = (0, $gGrEF$useCallback)((editor)=>{
317
- editor?.on("guttermousedown", handleGutterMouseDown);
318
- }, [
319
- handleGutterMouseDown
320
- ]);
321
- const getLanguageAlternatives = (0, $gGrEF$useCallback)(()=>{
322
- const languageAlternatives = type.options?.languageAlternatives;
323
- if (!languageAlternatives) return 0, $513a6452b1f07fd5$export$7c77c3a9bb93870d;
324
- if (!Array.isArray(languageAlternatives)) throw new Error(`'options.languageAlternatives' should be an array, got ${typeof languageAlternatives}`);
325
- return languageAlternatives.reduce((acc, { title: title , value: val , mode: mode })=>{
326
- const alias = (0, $513a6452b1f07fd5$export$eee7619b712ad3ea)[val];
327
- if (alias) {
328
- // eslint-disable-next-line no-console
329
- console.warn(`'options.languageAlternatives' lists a language with value "%s", which is an alias of "%s" - please replace the value to read "%s"`, val, alias, alias);
330
- return acc.concat({
331
- title: title,
332
- value: alias,
333
- mode: mode
334
- });
335
- }
336
- if (!mode && !(0, $513a6452b1f07fd5$export$7c77c3a9bb93870d).find((lang)=>lang.value === val)) // eslint-disable-next-line no-console
337
- console.warn(`'options.languageAlternatives' lists a language which is not supported: "%s", syntax highlighting will be disabled.`, val);
338
- return acc.concat({
339
- title: title,
340
- value: val,
341
- mode: mode
342
- });
343
- }, []);
344
- }, [
345
- type
346
- ]);
347
- const handleCodeChange = (0, $gGrEF$useCallback)((code)=>{
348
- const path = (0, $513a6452b1f07fd5$export$e1d3cf7d57c23d0f);
349
- const fixedLanguage = type.options?.language;
350
- onChange([
351
- (0, $gGrEF$setIfMissing)({
352
- _type: type.name,
353
- language: fixedLanguage
354
- }),
355
- code ? (0, $gGrEF$set)(code, path) : (0, $gGrEF$unset)(path),
356
- ]);
357
- }, [
358
- onChange,
359
- type
360
- ]);
361
- const languages = getLanguageAlternatives().slice();
362
- const fixedLanguage = type.options?.language;
363
- const language = value?.language || fixedLanguage;
364
- // the language config from the schema
365
- const configured = languages.find((entry)=>entry.value === language);
366
- // is the language officially supported (e.g. we import the mode by default)
367
- const supported = language && $a1d4bfd2763f687f$var$isSupportedLanguage(language);
368
- const mode = configured?.mode || (supported ? language : "text");
369
- const renderLanguageInput = (0, $gGrEF$useCallback)((inputProps)=>{
370
- return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Select), {
371
- ...inputProps,
372
- onChange: (e)=>{
373
- const newValue = e.currentTarget.value;
374
- inputProps.onChange(newValue ? (0, $gGrEF$set)(newValue) : (0, $gGrEF$unset)());
375
- },
376
- children: languages.map((lang)=>/*#__PURE__*/ (0, $gGrEF$jsx)("option", {
377
- value: lang.value,
378
- children: lang.title
379
- }, lang.value))
380
- });
381
- }, [
382
- languages
383
- ]);
384
- const AceEditor = (0, $7a6230964e09fbf7$export$99999bc9085b44fd)();
385
- const renderCodeInput = (0, $gGrEF$useCallback)((inputProps)=>{
386
- return /*#__PURE__*/ (0, $gGrEF$jsx)($a1d4bfd2763f687f$var$EditorContainer, {
387
- radius: 1,
388
- shadow: 1,
389
- readOnly: readOnly,
390
- children: AceEditor && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Suspense), {
391
- fallback: /*#__PURE__*/ (0, $gGrEF$jsx)("div", {
392
- children: "Loading code editor..."
393
- }),
394
- children: /*#__PURE__*/ (0, $gGrEF$jsx)(AceEditor, {
395
- ref: aceEditorRef,
396
- mode: mode,
397
- theme: theme,
398
- width: "100%",
399
- onChange: handleCodeChange,
400
- name: inputProps.id,
401
- value: inputProps.value,
402
- markers: value && value.highlightedLines ? (0, $b67a72b22aed35f4$export$2e2bcd8739ae039)(value.highlightedLines) : undefined,
403
- onLoad: handleEditorLoad,
404
- readOnly: readOnly,
405
- tabSize: 2,
406
- wrapEnabled: true,
407
- setOptions: (0, $513a6452b1f07fd5$export$1d910bb34606e145),
408
- editorProps: (0, $513a6452b1f07fd5$export$24aa1be5d8c3cd08),
409
- onFocus: handleCodeFocus,
410
- onBlur: elementProps.onBlur
411
- })
412
- })
413
- });
414
- }, [
415
- AceEditor,
416
- theme,
417
- handleCodeChange,
418
- handleCodeFocus,
419
- handleEditorLoad,
420
- mode,
421
- elementProps.onBlur,
422
- readOnly,
423
- value,
424
- ]);
425
- return /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
426
- space: 4,
427
- children: [
428
- languageFieldMember && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$MemberField), {
429
- member: languageFieldMember,
430
- renderItem: renderItem,
431
- renderField: renderField,
432
- renderInput: renderLanguageInput,
433
- renderPreview: renderPreview
434
- }),
435
- type.options?.withFilename && filenameMember && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$MemberField), {
436
- member: filenameMember,
437
- renderItem: renderItem,
438
- renderField: renderField,
439
- renderInput: renderInput,
440
- renderPreview: renderPreview
441
- }),
442
- codeFieldMember && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$MemberField), {
443
- member: codeFieldMember,
444
- renderInput: renderCodeInput,
445
- renderItem: renderItem,
446
- renderField: renderField,
447
- renderPreview: renderPreview
448
- })
449
- ]
450
- });
451
- }
452
-
453
-
454
-
455
-
456
-
457
-
458
-
459
-
460
-
461
- const $0fe3fd43374a598c$var$PreviewContainer = (0, $gGrEF$styledcomponents)((0, $gGrEF$Box))`
462
- position: relative;
463
- `;
464
- const $0fe3fd43374a598c$var$PreviewInner = (0, $gGrEF$styledcomponents)((0, $gGrEF$Box))`
465
- background-color: #272822;
466
-
467
- .ace_editor {
468
- box-sizing: border-box;
469
- cursor: default;
470
- pointer-events: none;
471
- }
472
-
473
- .ace_content {
474
- box-sizing: border-box;
475
- overflow: hidden;
476
- }
477
- `;
478
- function $0fe3fd43374a598c$export$2e2bcd8739ae039(props) {
479
- const aceEditorRef = (0, $gGrEF$useRef)();
480
- (0, $gGrEF$useEffect)(()=>{
481
- if (!aceEditorRef?.current) return;
482
- const editor = aceEditorRef.current?.editor;
483
- if (editor) {
484
- // Avoid cursor and focus tracking by Ace
485
- editor.renderer.$cursorLayer.element.style.opacity = 0;
486
- editor.textInput.getElement().disabled = true;
487
- }
488
- }, []);
489
- const handleEditorChange = (0, $gGrEF$useCallback)(()=>{
490
- // do nothing when the editor changes
491
- }, []);
492
- const { value: value , type: type } = props;
493
- const fixedLanguage = type?.options?.language;
494
- const mode = value?.language || fixedLanguage || "text";
495
- const AceEditor = (0, $7a6230964e09fbf7$export$99999bc9085b44fd)();
496
- return /*#__PURE__*/ (0, $gGrEF$jsx)($0fe3fd43374a598c$var$PreviewContainer, {
497
- children: /*#__PURE__*/ (0, $gGrEF$jsx)($0fe3fd43374a598c$var$PreviewInner, {
498
- padding: 4,
499
- children: AceEditor && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Suspense), {
500
- fallback: /*#__PURE__*/ (0, $gGrEF$jsx)("div", {
501
- children: "Loading code editor..."
502
- }),
503
- children: /*#__PURE__*/ (0, $gGrEF$jsx)(AceEditor, {
504
- ref: aceEditorRef,
505
- focus: false,
506
- mode: mode,
507
- theme: "monokai",
508
- width: "100%",
509
- onChange: handleEditorChange,
510
- maxLines: 200,
511
- readOnly: true,
512
- wrapEnabled: true,
513
- showPrintMargin: false,
514
- highlightActiveLine: false,
515
- cursorStart: -1,
516
- value: value && value.code || "",
517
- markers: value && value.highlightedLines ? (0, $b67a72b22aed35f4$export$2e2bcd8739ae039)(value.highlightedLines) : undefined,
518
- tabSize: 2,
519
- showGutter: false,
520
- setOptions: (0, $513a6452b1f07fd5$export$1d910bb34606e145),
521
- editorProps: (0, $513a6452b1f07fd5$export$24aa1be5d8c3cd08)
522
- })
523
- })
524
- })
525
- });
526
- }
527
-
528
-
529
-
530
-
531
- function $a7f1af2d8cb566bf$export$a854ab43349813f2(language) {
532
- if (language === "jsx") return /*#__PURE__*/ (0, $gGrEF$jsx)("svg", {
533
- xmlns: "http://www.w3.org/2000/svg",
534
- viewBox: "0 0 128 128",
535
- children: /*#__PURE__*/ (0, $gGrEF$jsxs)("g", {
536
- fill: "#61DAFB",
537
- children: [
538
- /*#__PURE__*/ (0, $gGrEF$jsx)("circle", {
539
- cx: "64",
540
- cy: "64",
541
- r: "11.4"
542
- }),
543
- /*#__PURE__*/ (0, $gGrEF$jsx)("path", {
544
- d: "M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3C8.2 50 1.4 56.6 1.4 64s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zM92.5 14.7c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zM81.3 74c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zM64 97.8c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zM64 30.2c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zM31.7 35c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zM7 64c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5C15.3 75.6 7 69.6 7 64zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zM96.3 93c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"
545
- })
546
- ]
547
- })
548
- });
549
- if (language === "javascript") return /*#__PURE__*/ (0, $gGrEF$jsxs)("svg", {
550
- xmlns: "http://www.w3.org/2000/svg",
551
- viewBox: "0 0 128 128",
552
- children: [
553
- /*#__PURE__*/ (0, $gGrEF$jsx)("path", {
554
- fill: "#F0DB4F",
555
- d: "M1.408 1.408h125.184v125.185H1.408z"
556
- }),
557
- /*#__PURE__*/ (0, $gGrEF$jsx)("path", {
558
- fill: "#323330",
559
- d: "M116.347 96.736c-.917-5.711-4.641-10.508-15.672-14.981-3.832-1.761-8.104-3.022-9.377-5.926-.452-1.69-.512-2.642-.226-3.665.821-3.32 4.784-4.355 7.925-3.403 2.023.678 3.938 2.237 5.093 4.724 5.402-3.498 5.391-3.475 9.163-5.879-1.381-2.141-2.118-3.129-3.022-4.045-3.249-3.629-7.676-5.498-14.756-5.355l-3.688.477c-3.534.893-6.902 2.748-8.877 5.235-5.926 6.724-4.236 18.492 2.975 23.335 7.104 5.332 17.54 6.545 18.873 11.531 1.297 6.104-4.486 8.08-10.234 7.378-4.236-.881-6.592-3.034-9.139-6.949-4.688 2.713-4.688 2.713-9.508 5.485 1.143 2.499 2.344 3.63 4.26 5.795 9.068 9.198 31.76 8.746 35.83-5.176.165-.478 1.261-3.666.38-8.581zM69.462 58.943H57.753l-.048 30.272c0 6.438.333 12.34-.714 14.149-1.713 3.558-6.152 3.117-8.175 2.427-2.059-1.012-3.106-2.451-4.319-4.485-.333-.584-.583-1.036-.667-1.071l-9.52 5.83c1.583 3.249 3.915 6.069 6.902 7.901 4.462 2.678 10.459 3.499 16.731 2.059 4.082-1.189 7.604-3.652 9.448-7.401 2.666-4.915 2.094-10.864 2.07-17.444.06-10.735.001-21.468.001-32.237z"
560
- })
561
- ]
562
- });
563
- if (language === "php") return /*#__PURE__*/ (0, $gGrEF$jsx)("svg", {
564
- xmlns: "http://www.w3.org/2000/svg",
565
- viewBox: "0 0 800 400",
566
- children: /*#__PURE__*/ (0, $gGrEF$jsx)("g", {
567
- transform: "translate(-44.632 -141.55)",
568
- children: /*#__PURE__*/ (0, $gGrEF$jsxs)("g", {
569
- transform: "matrix(8.3528 0 0 8.3119 -727.13 -3759.5)",
570
- children: [
571
- /*#__PURE__*/ (0, $gGrEF$jsx)("path", {
572
- d: "m99.974 479.48h14.204c4.1693 0.0354 7.1903 1.2367 9.063 3.604 1.8726 2.3674 2.491 5.6004 1.855 9.699-0.24737 1.8727-0.79504 3.71-1.643 5.512-0.8127 1.802-1.9434 3.4273-3.392 4.876-1.7667 1.8373-3.657 3.0033-5.671 3.498-2.014 0.49467-4.0987 0.742-6.254 0.742h-6.36l-2.014 10.07h-7.367l7.579-38.001m6.201 6.042-3.18 15.9c0.21198 0.0353 0.42398 0.053 0.636 0.053h0.742c3.392 0.0353 6.2186-0.30033 8.48-1.007 2.2613-0.74199 3.7806-3.3213 4.558-7.738 0.63597-3.71-0.00003-5.8476-1.908-6.413-1.8727-0.56531-4.2224-0.83031-7.049-0.795-0.42402 0.0353-0.83035 0.053-1.219 0.053-0.35335 0.00002-0.72435 0.00002-1.113 0l0.053-0.053"
573
- }),
574
- /*#__PURE__*/ (0, $gGrEF$jsx)("path", {
575
- d: "m133.49 469.36h7.314l-2.067 10.123h6.572c3.604 0.0707 6.2893 0.81269 8.056 2.226 1.802 1.4134 2.332 4.0987 1.59 8.056l-3.551 17.649h-7.42l3.392-16.854c0.35328-1.7666 0.2473-3.021-0.318-3.763-0.56536-0.74198-1.7844-1.113-3.657-1.113l-5.883-0.053-4.346 21.783h-7.314l7.632-38.054"
576
- }),
577
- /*#__PURE__*/ (0, $gGrEF$jsx)("path", {
578
- d: "m162.81 479.48h14.204c4.1693 0.0354 7.1903 1.2367 9.063 3.604 1.8726 2.3674 2.491 5.6004 1.855 9.699-0.24737 1.8727-0.79503 3.71-1.643 5.512-0.8127 1.802-1.9434 3.4273-3.392 4.876-1.7667 1.8373-3.657 3.0033-5.671 3.498-2.014 0.49467-4.0987 0.742-6.254 0.742h-6.36l-2.014 10.07h-7.367l7.579-38.001m6.201 6.042-3.18 15.9c0.21199 0.0353 0.42399 0.053 0.636 0.053h0.742c3.392 0.0353 6.2186-0.30033 8.48-1.007 2.2613-0.74199 3.7806-3.3213 4.558-7.738 0.63597-3.71-0.00003-5.8476-1.908-6.413-1.8727-0.56531-4.2224-0.83031-7.049-0.795-0.42402 0.0353-0.83035 0.053-1.219 0.053-0.35335 0.00002-0.72435 0.00002-1.113 0l0.053-0.053"
579
- })
580
- ]
581
- })
582
- })
583
- });
584
- if (language === "json") return /*#__PURE__*/ (0, $gGrEF$jsxs)("svg", {
585
- xmlns: "http://www.w3.org/2000/svg",
586
- xmlnsXlink: "http://www.w3.org/1999/xlink",
587
- viewBox: "0 0 160 160",
588
- children: [
589
- /*#__PURE__*/ (0, $gGrEF$jsxs)("defs", {
590
- children: [
591
- /*#__PURE__*/ (0, $gGrEF$jsxs)("linearGradient", {
592
- id: "a",
593
- children: [
594
- /*#__PURE__*/ (0, $gGrEF$jsx)("stop", {
595
- offset: "0"
596
- }),
597
- /*#__PURE__*/ (0, $gGrEF$jsx)("stop", {
598
- offset: "1",
599
- stopColor: "#fff"
600
- })
601
- ]
602
- }),
603
- /*#__PURE__*/ (0, $gGrEF$jsx)("linearGradient", {
604
- x1: "-553.27",
605
- y1: "525.908",
606
- x2: "-666.116",
607
- y2: "413.045",
608
- id: "c",
609
- xlinkHref: "#a",
610
- gradientUnits: "userSpaceOnUse",
611
- gradientTransform: "matrix(.99884 0 0 .9987 689.008 -388.844)"
612
- }),
613
- /*#__PURE__*/ (0, $gGrEF$jsx)("linearGradient", {
614
- x1: "-666.117",
615
- y1: "413.045",
616
- x2: "-553.27",
617
- y2: "525.908",
618
- id: "b",
619
- xlinkHref: "#a",
620
- gradientUnits: "userSpaceOnUse",
621
- gradientTransform: "matrix(.99884 0 0 .9987 689.008 -388.844)"
622
- })
623
- ]
624
- }),
625
- /*#__PURE__*/ (0, $gGrEF$jsx)("path", {
626
- d: "M79.865 119.1c35.397 48.255 70.04-13.469 69.988-50.587-.06-43.886-44.54-68.414-70.017-68.414C38.943.1 0 33.895 0 80.135 0 131.531 44.64 160 79.836 160c-7.965-1.147-34.507-6.834-34.863-67.967-.24-41.346 13.487-57.865 34.805-50.599.477.177 23.514 9.265 23.514 38.95 0 29.56-23.427 38.716-23.427 38.716z",
627
- style: {
628
- marker: "none"
629
- },
630
- color: "#000",
631
- fill: "url(#b)",
632
- fillRule: "evenodd",
633
- overflow: "visible"
634
- }),
635
- /*#__PURE__*/ (0, $gGrEF$jsx)("path", {
636
- d: "M79.823 41.4C56.433 33.34 27.78 52.618 27.78 91.23c0 63.048 46.72 68.77 52.384 68.77C121.057 160 160 126.204 160 79.964 160 28.568 115.36.1 80.164.1c9.749-1.35 52.541 10.55 52.541 69.037 0 38.141-31.953 58.905-52.735 50.033-.478-.177-23.514-9.264-23.514-38.95 0-29.56 23.367-38.818 23.367-38.818z",
637
- style: {
638
- marker: "none"
639
- },
640
- color: "#000",
641
- fill: "url(#c)",
642
- fillRule: "evenodd",
643
- overflow: "visible"
644
- })
645
- ]
646
- });
647
- return undefined;
648
- }
649
-
650
-
651
-
652
- var $8907530ce2ae75d0$export$2e2bcd8739ae039 = (0, $gGrEF$defineType)({
653
- name: "code",
654
- type: "object",
655
- title: "Code",
656
- components: {
657
- input: (0, $a1d4bfd2763f687f$export$20d4ca75cb144ab0),
658
- preview: (0, $0fe3fd43374a598c$export$2e2bcd8739ae039)
659
- },
660
- icon: (0, $gGrEF$CodeBlockIcon),
661
- fields: [
662
- {
663
- name: "language",
664
- title: "Language",
665
- type: "string"
666
- },
667
- {
668
- name: "filename",
669
- title: "Filename",
670
- type: "string"
671
- },
672
- {
673
- title: "Code",
674
- name: "code",
675
- type: "text"
676
- },
677
- {
678
- title: "Highlighted lines",
679
- name: "highlightedLines",
680
- type: "array",
681
- of: [
682
- {
683
- type: "number",
684
- title: "Highlighted line"
685
- },
686
- ]
687
- },
688
- ],
689
- preview: {
690
- select: {
691
- language: "language",
692
- code: "code",
693
- filename: "filename",
694
- highlightedLines: "highlightedLines"
695
- },
696
- prepare: (value)=>{
697
- return {
698
- title: value.filename || (value.language || "unknown").toUpperCase(),
699
- media: (0, $a7f1af2d8cb566bf$export$a854ab43349813f2)(value?.language)
700
- };
701
- }
702
- }
703
- });
704
-
705
-
706
-
707
- const $df9eabe9bda49ea8$export$d18430c17c97a000 = (0, $gGrEF$createPlugin)({
708
- name: "@sanity/code-input",
709
- schema: {
710
- types: [
711
- (0, $8907530ce2ae75d0$export$2e2bcd8739ae039)
712
- ]
713
- }
714
- });
715
-
716
-
717
- export {$df9eabe9bda49ea8$export$d18430c17c97a000 as codeInput, $0fe3fd43374a598c$export$2e2bcd8739ae039 as PreviewCode};
718
- //# sourceMappingURL=index.js.map