@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/cjs/index.js DELETED
@@ -1,726 +0,0 @@
1
- var $k7rGe$sanity = require("sanity");
2
- var $k7rGe$sanityicons = require("@sanity/icons");
3
- var $k7rGe$reactjsxruntime = require("react/jsx-runtime");
4
- var $k7rGe$react = require("react");
5
- var $k7rGe$sanityform = require("sanity/form");
6
- var $k7rGe$sanityui = require("@sanity/ui");
7
- var $k7rGe$styledcomponents = require("styled-components");
8
-
9
- function $parcel$export(e, n, v, s) {
10
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
11
- }
12
- function $parcel$interopDefault(a) {
13
- return a && a.__esModule ? a.default : a;
14
- }
15
- var $parcel$global =
16
- typeof globalThis !== 'undefined'
17
- ? globalThis
18
- : typeof self !== 'undefined'
19
- ? self
20
- : typeof window !== 'undefined'
21
- ? window
22
- : typeof global !== 'undefined'
23
- ? global
24
- : {};
25
- var $parcel$modules = {};
26
- var $parcel$inits = {};
27
-
28
- var parcelRequire = $parcel$global["parcelRequire07ce"];
29
- if (parcelRequire == null) {
30
- parcelRequire = function(id) {
31
- if (id in $parcel$modules) {
32
- return $parcel$modules[id].exports;
33
- }
34
- if (id in $parcel$inits) {
35
- var init = $parcel$inits[id];
36
- delete $parcel$inits[id];
37
- var module = {id: id, exports: {}};
38
- $parcel$modules[id] = module;
39
- init.call(module.exports, module, module.exports);
40
- return module.exports;
41
- }
42
- var err = new Error("Cannot find module '" + id + "'");
43
- err.code = 'MODULE_NOT_FOUND';
44
- throw err;
45
- };
46
-
47
- parcelRequire.register = function register(id, init) {
48
- $parcel$inits[id] = init;
49
- };
50
-
51
- $parcel$global["parcelRequire07ce"] = parcelRequire;
52
- }
53
- parcelRequire.register("6yFRo", function(module, exports) {
54
- module.exports = Promise.resolve(require("./editorSupport.bbd31eae.js")).then(()=>parcelRequire("lMYyH"));
55
-
56
- });
57
-
58
-
59
- $parcel$export(module.exports, "codeInput", () => $244e63ca53592e4d$export$d18430c17c97a000);
60
- $parcel$export(module.exports, "PreviewCode", () => $15530f24e7c40879$export$2e2bcd8739ae039);
61
-
62
-
63
-
64
-
65
-
66
-
67
-
68
-
69
-
70
- const $470a71f5fffbba1a$export$ac98e174937d3154 = (0, $k7rGe$styledcomponents.css)`
71
- .ace_editor_markers_highlight {
72
- position: absolute;
73
- background-color: ${({ theme: theme })=>theme.sanity.color.solid.primary.enabled.bg};
74
- opacity: 0.2;
75
- width: 100% !important;
76
- border-radius: 0 !important;
77
- }
78
- `;
79
- function $470a71f5fffbba1a$export$2e2bcd8739ae039(rows) {
80
- return rows.map((row)=>({
81
- startRow: Number(row) - 1,
82
- startCol: 0,
83
- endRow: Number(row) - 1,
84
- endCol: Infinity,
85
- className: "ace_editor_markers_highlight",
86
- type: "screenLine",
87
- inFront: true
88
- }));
89
- }
90
-
91
-
92
- const $8fdae771dbccc774$export$7c77c3a9bb93870d = [
93
- {
94
- title: "Batch file",
95
- value: "batchfile"
96
- },
97
- {
98
- title: "C#",
99
- value: "csharp"
100
- },
101
- {
102
- title: "CSS",
103
- value: "css"
104
- },
105
- {
106
- title: "Go",
107
- value: "golang"
108
- },
109
- {
110
- title: "GROQ",
111
- value: "groq"
112
- },
113
- {
114
- title: "HTML",
115
- value: "html"
116
- },
117
- {
118
- title: "Java",
119
- value: "java"
120
- },
121
- {
122
- title: "JavaScript",
123
- value: "javascript"
124
- },
125
- {
126
- title: "JSON",
127
- value: "json"
128
- },
129
- {
130
- title: "JSX",
131
- value: "jsx"
132
- },
133
- {
134
- title: "Markdown",
135
- value: "markdown"
136
- },
137
- {
138
- title: "MySQL",
139
- value: "mysql"
140
- },
141
- {
142
- title: "PHP",
143
- value: "php"
144
- },
145
- {
146
- title: "Plain text",
147
- value: "text"
148
- },
149
- {
150
- title: "Python",
151
- value: "python"
152
- },
153
- {
154
- title: "Ruby",
155
- value: "ruby"
156
- },
157
- {
158
- title: "SASS",
159
- value: "sass"
160
- },
161
- {
162
- title: "SCSS",
163
- value: "scss"
164
- },
165
- {
166
- title: "sh",
167
- value: "sh"
168
- },
169
- {
170
- title: "TSX",
171
- value: "tsx"
172
- },
173
- {
174
- title: "TypeScript",
175
- value: "typescript"
176
- },
177
- {
178
- title: "XML",
179
- value: "xml"
180
- },
181
- {
182
- title: "YAML",
183
- value: "yaml"
184
- },
185
- ];
186
- const $8fdae771dbccc774$export$eee7619b712ad3ea = {
187
- js: "javascript"
188
- };
189
- const $8fdae771dbccc774$export$b524d09a6fa74640 = [
190
- "github",
191
- "monokai",
192
- "terminal",
193
- "tomorrow"
194
- ];
195
- const $8fdae771dbccc774$export$2faeed762aac6741 = "tomorrow";
196
- const $8fdae771dbccc774$export$5932020c8339f18b = "monokai";
197
- const $8fdae771dbccc774$export$1d910bb34606e145 = {
198
- useSoftTabs: true,
199
- navigateWithinSoftTabs: true
200
- };
201
- const $8fdae771dbccc774$export$24aa1be5d8c3cd08 = {
202
- $blockScrolling: true
203
- };
204
- const $8fdae771dbccc774$export$ed1ca6559dfc13f7 = [
205
- "language"
206
- ];
207
- const $8fdae771dbccc774$export$e1d3cf7d57c23d0f = [
208
- "code"
209
- ];
210
- const $8fdae771dbccc774$export$4f74600301fa25db = [
211
- "filename"
212
- ];
213
-
214
-
215
-
216
-
217
- const $8b53187504760ea8$export$476686f2cdb5577f = /*#__PURE__*/ (0, ($parcel$interopDefault($k7rGe$react))).lazy(()=>(parcelRequire("6yFRo")));
218
- function $8b53187504760ea8$export$99999bc9085b44fd() {
219
- const [mounted, setMounted] = (0, $k7rGe$react.useState)(false);
220
- (0, $k7rGe$react.useEffect)(()=>{
221
- setMounted(true);
222
- }, []);
223
- return mounted ? $8b53187504760ea8$export$476686f2cdb5577f : null;
224
- }
225
-
226
-
227
- const $293e4fb68be52bc5$var$EditorContainer = (0, ($parcel$interopDefault($k7rGe$styledcomponents)))((0, $k7rGe$sanityui.Card))`
228
- position: relative;
229
- box-sizing: border-box;
230
- overflow: hidden;
231
- z-index: 0;
232
-
233
- .ace_editor {
234
- font-family: ${({ theme: theme })=>theme.sanity.fonts.code.family};
235
- font-size: ${({ theme: theme })=>theme.sanity.fonts.code.sizes[1]};
236
- line-height: inherit;
237
- }
238
-
239
- ${(0, $470a71f5fffbba1a$export$ac98e174937d3154)}
240
-
241
- &:not([disabled]):not([readonly]) {
242
- &:focus,
243
- &:focus-within {
244
- box-shadow: 0 0 0 2px ${({ theme: theme })=>theme.sanity.color.base.focusRing};
245
- background-color: ${({ theme: theme })=>theme.sanity.color.base.bg};
246
- border-color: ${({ theme: theme })=>theme.sanity.color.base.focusRing};
247
- }
248
- }
249
- `;
250
- // Returns a string with the mode name if supported (because aliases), otherwise false
251
- function $293e4fb68be52bc5$var$isSupportedLanguage(mode) {
252
- const alias = (0, $8fdae771dbccc774$export$eee7619b712ad3ea)[mode];
253
- if (alias) return alias;
254
- const isSupported = (0, $8fdae771dbccc774$export$7c77c3a9bb93870d).find((lang)=>lang.value === mode);
255
- if (isSupported) return mode;
256
- return false;
257
- }
258
- function $293e4fb68be52bc5$export$20d4ca75cb144ab0(props) {
259
- const { members: members , elementProps: elementProps , onChange: onChange , onFocusPath: onFocusPath , readOnly: readOnly , renderField: renderField , renderInput: renderInput , renderItem: renderItem , renderPreview: renderPreview , schemaType: type , value: value , } = props;
260
- const aceEditorRef = (0, $k7rGe$react.useRef)();
261
- const fieldMembers = (0, $k7rGe$react.useMemo)(()=>members.filter((member)=>member.kind === "field"), [
262
- members
263
- ]);
264
- const languageFieldMember = fieldMembers.find((member)=>member.name === "language");
265
- const filenameMember = fieldMembers.find((member)=>member.name === "filename");
266
- const codeFieldMember = fieldMembers.find((member)=>member.name === "code");
267
- (0, $k7rGe$react.useImperativeHandle)(elementProps.ref, ()=>({
268
- focus: ()=>{
269
- aceEditorRef?.current?.editor?.focus();
270
- }
271
- }));
272
- const handleCodeFocus = (0, $k7rGe$react.useCallback)(()=>{
273
- onFocusPath((0, $8fdae771dbccc774$export$e1d3cf7d57c23d0f));
274
- }, [
275
- onFocusPath
276
- ]);
277
- const { scheme: scheme } = (0, $k7rGe$sanity.useColorScheme)();
278
- const theme = (0, $k7rGe$react.useMemo)(()=>{
279
- const isLight = scheme === "light";
280
- const preferredTheme = isLight ? type.options?.theme : type.options?.darkTheme;
281
- const defaultTheme = isLight ? (0, $8fdae771dbccc774$export$2faeed762aac6741) : (0, $8fdae771dbccc774$export$5932020c8339f18b);
282
- return preferredTheme && (0, $8fdae771dbccc774$export$b524d09a6fa74640).find((t)=>t === preferredTheme) ? preferredTheme : defaultTheme;
283
- }, [
284
- type,
285
- scheme
286
- ]);
287
- const handleToggleSelectLine = (0, $k7rGe$react.useCallback)((lineNumber)=>{
288
- const editorSession = aceEditorRef.current?.editor?.getSession();
289
- const backgroundMarkers = editorSession?.getMarkers(true);
290
- const currentHighlightedLines = Object.keys(backgroundMarkers).filter((key)=>backgroundMarkers[key].type === "screenLine").map((key)=>backgroundMarkers[key].range.start.row);
291
- const currentIndex = currentHighlightedLines.indexOf(lineNumber);
292
- if (currentIndex > -1) // toggle remove
293
- currentHighlightedLines.splice(currentIndex, 1);
294
- else {
295
- // toggle add
296
- currentHighlightedLines.push(lineNumber);
297
- currentHighlightedLines.sort();
298
- }
299
- onChange((0, $k7rGe$sanityform.set)(currentHighlightedLines.map((line)=>// ace starts at line (row) 0, but we store it starting at line 1
300
- line + 1), [
301
- "highlightedLines"
302
- ]));
303
- }, [
304
- aceEditorRef,
305
- onChange
306
- ]);
307
- const handleGutterMouseDown = (0, $k7rGe$react.useCallback)((event)=>{
308
- const target = event.domEvent.target;
309
- if (target.classList.contains("ace_gutter-cell")) {
310
- const row = event.getDocumentPosition().row;
311
- handleToggleSelectLine(row);
312
- }
313
- }, [
314
- handleToggleSelectLine
315
- ]);
316
- (0, $k7rGe$react.useEffect)(()=>{
317
- const editor = aceEditorRef?.current?.editor;
318
- return ()=>{
319
- editor?.session?.removeListener("guttermousedown", handleGutterMouseDown);
320
- };
321
- }, [
322
- aceEditorRef,
323
- handleGutterMouseDown
324
- ]);
325
- const handleEditorLoad = (0, $k7rGe$react.useCallback)((editor)=>{
326
- editor?.on("guttermousedown", handleGutterMouseDown);
327
- }, [
328
- handleGutterMouseDown
329
- ]);
330
- const getLanguageAlternatives = (0, $k7rGe$react.useCallback)(()=>{
331
- const languageAlternatives = type.options?.languageAlternatives;
332
- if (!languageAlternatives) return 0, $8fdae771dbccc774$export$7c77c3a9bb93870d;
333
- if (!Array.isArray(languageAlternatives)) throw new Error(`'options.languageAlternatives' should be an array, got ${typeof languageAlternatives}`);
334
- return languageAlternatives.reduce((acc, { title: title , value: val , mode: mode })=>{
335
- const alias = (0, $8fdae771dbccc774$export$eee7619b712ad3ea)[val];
336
- if (alias) {
337
- // eslint-disable-next-line no-console
338
- 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);
339
- return acc.concat({
340
- title: title,
341
- value: alias,
342
- mode: mode
343
- });
344
- }
345
- if (!mode && !(0, $8fdae771dbccc774$export$7c77c3a9bb93870d).find((lang)=>lang.value === val)) // eslint-disable-next-line no-console
346
- console.warn(`'options.languageAlternatives' lists a language which is not supported: "%s", syntax highlighting will be disabled.`, val);
347
- return acc.concat({
348
- title: title,
349
- value: val,
350
- mode: mode
351
- });
352
- }, []);
353
- }, [
354
- type
355
- ]);
356
- const handleCodeChange = (0, $k7rGe$react.useCallback)((code)=>{
357
- const path = (0, $8fdae771dbccc774$export$e1d3cf7d57c23d0f);
358
- const fixedLanguage = type.options?.language;
359
- onChange([
360
- (0, $k7rGe$sanityform.setIfMissing)({
361
- _type: type.name,
362
- language: fixedLanguage
363
- }),
364
- code ? (0, $k7rGe$sanityform.set)(code, path) : (0, $k7rGe$sanityform.unset)(path),
365
- ]);
366
- }, [
367
- onChange,
368
- type
369
- ]);
370
- const languages = getLanguageAlternatives().slice();
371
- const fixedLanguage = type.options?.language;
372
- const language = value?.language || fixedLanguage;
373
- // the language config from the schema
374
- const configured = languages.find((entry)=>entry.value === language);
375
- // is the language officially supported (e.g. we import the mode by default)
376
- const supported = language && $293e4fb68be52bc5$var$isSupportedLanguage(language);
377
- const mode = configured?.mode || (supported ? language : "text");
378
- const renderLanguageInput = (0, $k7rGe$react.useCallback)((inputProps)=>{
379
- return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Select), {
380
- ...inputProps,
381
- onChange: (e)=>{
382
- const newValue = e.currentTarget.value;
383
- inputProps.onChange(newValue ? (0, $k7rGe$sanityform.set)(newValue) : (0, $k7rGe$sanityform.unset)());
384
- },
385
- children: languages.map((lang)=>/*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("option", {
386
- value: lang.value,
387
- children: lang.title
388
- }, lang.value))
389
- });
390
- }, [
391
- languages
392
- ]);
393
- const AceEditor = (0, $8b53187504760ea8$export$99999bc9085b44fd)();
394
- const renderCodeInput = (0, $k7rGe$react.useCallback)((inputProps)=>{
395
- return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($293e4fb68be52bc5$var$EditorContainer, {
396
- radius: 1,
397
- shadow: 1,
398
- readOnly: readOnly,
399
- children: AceEditor && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$react.Suspense), {
400
- fallback: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("div", {
401
- children: "Loading code editor..."
402
- }),
403
- children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)(AceEditor, {
404
- ref: aceEditorRef,
405
- mode: mode,
406
- theme: theme,
407
- width: "100%",
408
- onChange: handleCodeChange,
409
- name: inputProps.id,
410
- value: inputProps.value,
411
- markers: value && value.highlightedLines ? (0, $470a71f5fffbba1a$export$2e2bcd8739ae039)(value.highlightedLines) : undefined,
412
- onLoad: handleEditorLoad,
413
- readOnly: readOnly,
414
- tabSize: 2,
415
- wrapEnabled: true,
416
- setOptions: (0, $8fdae771dbccc774$export$1d910bb34606e145),
417
- editorProps: (0, $8fdae771dbccc774$export$24aa1be5d8c3cd08),
418
- onFocus: handleCodeFocus,
419
- onBlur: elementProps.onBlur
420
- })
421
- })
422
- });
423
- }, [
424
- AceEditor,
425
- theme,
426
- handleCodeChange,
427
- handleCodeFocus,
428
- handleEditorLoad,
429
- mode,
430
- elementProps.onBlur,
431
- readOnly,
432
- value,
433
- ]);
434
- return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
435
- space: 4,
436
- children: [
437
- languageFieldMember && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityform.MemberField), {
438
- member: languageFieldMember,
439
- renderItem: renderItem,
440
- renderField: renderField,
441
- renderInput: renderLanguageInput,
442
- renderPreview: renderPreview
443
- }),
444
- type.options?.withFilename && filenameMember && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityform.MemberField), {
445
- member: filenameMember,
446
- renderItem: renderItem,
447
- renderField: renderField,
448
- renderInput: renderInput,
449
- renderPreview: renderPreview
450
- }),
451
- codeFieldMember && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityform.MemberField), {
452
- member: codeFieldMember,
453
- renderInput: renderCodeInput,
454
- renderItem: renderItem,
455
- renderField: renderField,
456
- renderPreview: renderPreview
457
- })
458
- ]
459
- });
460
- }
461
-
462
-
463
-
464
-
465
-
466
-
467
-
468
-
469
-
470
- const $15530f24e7c40879$var$PreviewContainer = (0, ($parcel$interopDefault($k7rGe$styledcomponents)))((0, $k7rGe$sanityui.Box))`
471
- position: relative;
472
- `;
473
- const $15530f24e7c40879$var$PreviewInner = (0, ($parcel$interopDefault($k7rGe$styledcomponents)))((0, $k7rGe$sanityui.Box))`
474
- background-color: #272822;
475
-
476
- .ace_editor {
477
- box-sizing: border-box;
478
- cursor: default;
479
- pointer-events: none;
480
- }
481
-
482
- .ace_content {
483
- box-sizing: border-box;
484
- overflow: hidden;
485
- }
486
- `;
487
- function $15530f24e7c40879$export$2e2bcd8739ae039(props) {
488
- const aceEditorRef = (0, $k7rGe$react.useRef)();
489
- (0, $k7rGe$react.useEffect)(()=>{
490
- if (!aceEditorRef?.current) return;
491
- const editor = aceEditorRef.current?.editor;
492
- if (editor) {
493
- // Avoid cursor and focus tracking by Ace
494
- editor.renderer.$cursorLayer.element.style.opacity = 0;
495
- editor.textInput.getElement().disabled = true;
496
- }
497
- }, []);
498
- const handleEditorChange = (0, $k7rGe$react.useCallback)(()=>{
499
- // do nothing when the editor changes
500
- }, []);
501
- const { value: value , type: type } = props;
502
- const fixedLanguage = type?.options?.language;
503
- const mode = value?.language || fixedLanguage || "text";
504
- const AceEditor = (0, $8b53187504760ea8$export$99999bc9085b44fd)();
505
- return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($15530f24e7c40879$var$PreviewContainer, {
506
- children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($15530f24e7c40879$var$PreviewInner, {
507
- padding: 4,
508
- children: AceEditor && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$react.Suspense), {
509
- fallback: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("div", {
510
- children: "Loading code editor..."
511
- }),
512
- children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)(AceEditor, {
513
- ref: aceEditorRef,
514
- focus: false,
515
- mode: mode,
516
- theme: "monokai",
517
- width: "100%",
518
- onChange: handleEditorChange,
519
- maxLines: 200,
520
- readOnly: true,
521
- wrapEnabled: true,
522
- showPrintMargin: false,
523
- highlightActiveLine: false,
524
- cursorStart: -1,
525
- value: value && value.code || "",
526
- markers: value && value.highlightedLines ? (0, $470a71f5fffbba1a$export$2e2bcd8739ae039)(value.highlightedLines) : undefined,
527
- tabSize: 2,
528
- showGutter: false,
529
- setOptions: (0, $8fdae771dbccc774$export$1d910bb34606e145),
530
- editorProps: (0, $8fdae771dbccc774$export$24aa1be5d8c3cd08)
531
- })
532
- })
533
- })
534
- });
535
- }
536
-
537
-
538
-
539
-
540
- function $c676b2e7a96a4665$export$a854ab43349813f2(language) {
541
- if (language === "jsx") return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("svg", {
542
- xmlns: "http://www.w3.org/2000/svg",
543
- viewBox: "0 0 128 128",
544
- children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)("g", {
545
- fill: "#61DAFB",
546
- children: [
547
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("circle", {
548
- cx: "64",
549
- cy: "64",
550
- r: "11.4"
551
- }),
552
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("path", {
553
- 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"
554
- })
555
- ]
556
- })
557
- });
558
- if (language === "javascript") return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)("svg", {
559
- xmlns: "http://www.w3.org/2000/svg",
560
- viewBox: "0 0 128 128",
561
- children: [
562
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("path", {
563
- fill: "#F0DB4F",
564
- d: "M1.408 1.408h125.184v125.185H1.408z"
565
- }),
566
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("path", {
567
- fill: "#323330",
568
- 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"
569
- })
570
- ]
571
- });
572
- if (language === "php") return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("svg", {
573
- xmlns: "http://www.w3.org/2000/svg",
574
- viewBox: "0 0 800 400",
575
- children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("g", {
576
- transform: "translate(-44.632 -141.55)",
577
- children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)("g", {
578
- transform: "matrix(8.3528 0 0 8.3119 -727.13 -3759.5)",
579
- children: [
580
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("path", {
581
- 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"
582
- }),
583
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("path", {
584
- 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"
585
- }),
586
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("path", {
587
- 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"
588
- })
589
- ]
590
- })
591
- })
592
- });
593
- if (language === "json") return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)("svg", {
594
- xmlns: "http://www.w3.org/2000/svg",
595
- xmlnsXlink: "http://www.w3.org/1999/xlink",
596
- viewBox: "0 0 160 160",
597
- children: [
598
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)("defs", {
599
- children: [
600
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)("linearGradient", {
601
- id: "a",
602
- children: [
603
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("stop", {
604
- offset: "0"
605
- }),
606
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("stop", {
607
- offset: "1",
608
- stopColor: "#fff"
609
- })
610
- ]
611
- }),
612
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("linearGradient", {
613
- x1: "-553.27",
614
- y1: "525.908",
615
- x2: "-666.116",
616
- y2: "413.045",
617
- id: "c",
618
- xlinkHref: "#a",
619
- gradientUnits: "userSpaceOnUse",
620
- gradientTransform: "matrix(.99884 0 0 .9987 689.008 -388.844)"
621
- }),
622
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("linearGradient", {
623
- x1: "-666.117",
624
- y1: "413.045",
625
- x2: "-553.27",
626
- y2: "525.908",
627
- id: "b",
628
- xlinkHref: "#a",
629
- gradientUnits: "userSpaceOnUse",
630
- gradientTransform: "matrix(.99884 0 0 .9987 689.008 -388.844)"
631
- })
632
- ]
633
- }),
634
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("path", {
635
- 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",
636
- style: {
637
- marker: "none"
638
- },
639
- color: "#000",
640
- fill: "url(#b)",
641
- fillRule: "evenodd",
642
- overflow: "visible"
643
- }),
644
- /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)("path", {
645
- 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",
646
- style: {
647
- marker: "none"
648
- },
649
- color: "#000",
650
- fill: "url(#c)",
651
- fillRule: "evenodd",
652
- overflow: "visible"
653
- })
654
- ]
655
- });
656
- return undefined;
657
- }
658
-
659
-
660
-
661
- var $fcd6ef024a3d4c8a$export$2e2bcd8739ae039 = (0, $k7rGe$sanity.defineType)({
662
- name: "code",
663
- type: "object",
664
- title: "Code",
665
- components: {
666
- input: (0, $293e4fb68be52bc5$export$20d4ca75cb144ab0),
667
- preview: (0, $15530f24e7c40879$export$2e2bcd8739ae039)
668
- },
669
- icon: (0, $k7rGe$sanityicons.CodeBlockIcon),
670
- fields: [
671
- {
672
- name: "language",
673
- title: "Language",
674
- type: "string"
675
- },
676
- {
677
- name: "filename",
678
- title: "Filename",
679
- type: "string"
680
- },
681
- {
682
- title: "Code",
683
- name: "code",
684
- type: "text"
685
- },
686
- {
687
- title: "Highlighted lines",
688
- name: "highlightedLines",
689
- type: "array",
690
- of: [
691
- {
692
- type: "number",
693
- title: "Highlighted line"
694
- },
695
- ]
696
- },
697
- ],
698
- preview: {
699
- select: {
700
- language: "language",
701
- code: "code",
702
- filename: "filename",
703
- highlightedLines: "highlightedLines"
704
- },
705
- prepare: (value)=>{
706
- return {
707
- title: value.filename || (value.language || "unknown").toUpperCase(),
708
- media: (0, $c676b2e7a96a4665$export$a854ab43349813f2)(value?.language)
709
- };
710
- }
711
- }
712
- });
713
-
714
-
715
-
716
- const $244e63ca53592e4d$export$d18430c17c97a000 = (0, $k7rGe$sanity.createPlugin)({
717
- name: "@sanity/code-input",
718
- schema: {
719
- types: [
720
- (0, $fcd6ef024a3d4c8a$export$2e2bcd8739ae039)
721
- ]
722
- }
723
- });
724
-
725
-
726
- //# sourceMappingURL=index.js.map