@sanity/code-input 4.1.0 → 4.1.2

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.
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-17e68aff.js","sources":["../../src/LanguageInput.tsx","../../src/LanguageField.tsx","../../src/codemirror/useCodeMirror.tsx","../../src/config.ts","../../src/codemirror/useLanguageMode.tsx","../../src/useFieldMember.ts","../../src/ui/focusRingStyle.ts","../../src/CodeInput.tsx","../../src/PreviewCode.tsx","../../src/getMedia.tsx","../../src/schema.tsx","../../src/codemirror/CodeModeContext.tsx","../../src/plugin.tsx"],"sourcesContent":["import {ChangeEvent, useCallback} from 'react'\nimport {StringInputProps, set, unset} from 'sanity'\nimport {Select} from '@sanity/ui'\nimport {CodeInputLanguage} from './types'\n\nexport interface LanguageInputProps extends StringInputProps {\n language: string\n languages: CodeInputLanguage[]\n}\n\n/** @internal */\nexport function LanguageInput(props: LanguageInputProps) {\n const {language, languages, onChange} = props\n\n const handleChange = useCallback(\n (e: ChangeEvent<HTMLSelectElement>) => {\n const newValue = e.currentTarget.value\n onChange(newValue ? set(newValue) : unset())\n },\n [onChange]\n )\n\n return (\n <Select {...props} value={language} onChange={handleChange}>\n {languages.map((lang: {title: string; value: string}) => (\n <option key={lang.value} value={lang.value}>\n {lang.title}\n </option>\n ))}\n </Select>\n )\n}\n","import {useCallback} from 'react'\nimport {FieldMember, InputProps, MemberField, MemberFieldProps, StringInputProps} from 'sanity'\nimport {CodeInputLanguage} from './types'\nimport {LanguageInput} from './LanguageInput'\n\nexport function LanguageField(\n props: MemberFieldProps & {member: FieldMember; language: string; languages: CodeInputLanguage[]}\n) {\n const {member, languages, language, renderItem, renderField, renderPreview} = props\n\n const renderInput = useCallback(\n (inputProps: Omit<InputProps, 'renderDefault'>) => {\n return (\n <LanguageInput\n {...(inputProps as StringInputProps)}\n language={language}\n languages={languages}\n />\n )\n },\n [languages, language]\n )\n\n return (\n <MemberField\n member={member}\n renderItem={renderItem}\n renderField={renderField}\n renderInput={renderInput}\n renderPreview={renderPreview}\n />\n )\n}\n","import {lazy, useEffect, useState} from 'react'\n\nexport const CodeMirrorProxy = lazy(() => import('./CodeMirrorProxy'))\n\nexport function useCodeMirror() {\n const [mounted, setMounted] = useState(false)\n useEffect(() => {\n requestAnimationFrame(() => setMounted(true))\n }, [])\n\n return mounted ? CodeMirrorProxy : null\n}\n","import {CodeInputLanguage} from './types'\n\n// NOTE: MAKE SURE THESE ALIGN WITH CODE MODES IN ./codemirror/defaultCodeModes.ts\nexport const SUPPORTED_LANGUAGES: CodeInputLanguage[] = [\n {title: 'Batch file', value: 'batchfile'},\n {title: 'C#', value: 'csharp'},\n {title: 'CSS', value: 'css'},\n {title: 'Go', value: 'golang'},\n {title: 'GROQ', value: 'groq'},\n {title: 'HTML', value: 'html'},\n {title: 'Java', value: 'java'},\n {title: 'JavaScript', value: 'javascript'},\n {title: 'JSON', value: 'json'},\n {title: 'JSX', value: 'jsx'},\n {title: 'Markdown', value: 'markdown'},\n {title: 'MySQL', value: 'mysql'},\n {title: 'PHP', value: 'php'},\n {title: 'Plain text', value: 'text'},\n {title: 'Python', value: 'python'},\n {title: 'Ruby', value: 'ruby'},\n {title: 'SASS', value: 'sass'},\n {title: 'SCSS', value: 'scss'},\n {title: 'sh', value: 'sh'},\n {title: 'TSX', value: 'tsx'},\n {title: 'TypeScript', value: 'typescript'},\n {title: 'XML', value: 'xml'},\n {title: 'YAML', value: 'yaml'},\n]\n\nexport const LANGUAGE_ALIASES: Record<string, string | undefined> = {js: 'javascript'}\n\nexport const PATH_LANGUAGE = ['language']\nexport const PATH_CODE = ['code']\nexport const PATH_FILENAME = ['filename']\n","import {LANGUAGE_ALIASES, SUPPORTED_LANGUAGES} from '../config'\nimport {CodeInputLanguage, CodeInputValue, CodeSchemaType} from '../types'\nimport {useMemo} from 'react'\n\nexport const defaultLanguageMode = 'text'\n\nexport function useLanguageMode(schemaType: CodeSchemaType, value?: CodeInputValue) {\n const languages = useLanguageAlternatives(schemaType)\n const fixedLanguage = schemaType.options?.language\n const language = value?.language ?? fixedLanguage ?? defaultLanguageMode\n\n // the language config from the schema\n const configured = languages.find((entry) => entry.value === language)\n const languageMode = configured?.mode ?? resolveAliasedLanguage(language) ?? defaultLanguageMode\n\n return {language, languageMode, languages}\n}\n\nfunction resolveAliasedLanguage(lang?: string) {\n return (lang && LANGUAGE_ALIASES[lang]) ?? lang\n}\n\nfunction useLanguageAlternatives(type: CodeSchemaType) {\n return useMemo((): CodeInputLanguage[] => {\n const languageAlternatives = type.options?.languageAlternatives\n if (!languageAlternatives) {\n return SUPPORTED_LANGUAGES\n }\n\n if (!Array.isArray(languageAlternatives)) {\n throw new Error(\n `'options.languageAlternatives' should be an array, got ${typeof languageAlternatives}`\n )\n }\n\n return languageAlternatives.reduce((acc: CodeInputLanguage[], {title, value: val, mode}) => {\n const alias = LANGUAGE_ALIASES[val]\n if (alias) {\n // eslint-disable-next-line no-console\n console.warn(\n `'options.languageAlternatives' lists a language with value \"%s\", which is an alias of \"%s\" - please replace the value to read \"%s\"`,\n val,\n alias,\n alias\n )\n\n return acc.concat({title, value: alias, mode: mode})\n }\n return acc.concat({title, value: val, mode})\n }, [])\n }, [type])\n}\n","import {useMemo} from 'react'\nimport {FieldMember, ObjectMember} from 'sanity'\n\n/** @internal */\nexport function useFieldMember(\n members: ObjectMember[],\n fieldName: string\n): FieldMember | undefined {\n return useMemo(\n () =>\n members.find(\n (member): member is FieldMember => member.kind === 'field' && member.name === fieldName\n ),\n [members, fieldName]\n )\n}\n","/** @internal */\n// todo: import from @sanity/ui instead\nexport function focusRingBorderStyle(border: {color: string; width: number}): string {\n return `inset 0 0 0 ${border.width}px ${border.color}`\n}\n\n/** @internal */\n// todo: import from @sanity/ui instead\nexport function focusRingStyle(opts: {\n base?: {bg: string}\n border?: {color: string; width: number}\n focusRing: {offset: number; width: number}\n}): string {\n const {base, border, focusRing} = opts\n const focusRingOutsetWidth = focusRing.offset + focusRing.width\n const focusRingInsetWidth = 0 - focusRing.offset\n const bgColor = base ? base.bg : 'var(--card-bg-color)'\n\n return [\n focusRingInsetWidth > 0 && `inset 0 0 0 ${focusRingInsetWidth}px var(--card-focus-ring-color)`,\n border && focusRingBorderStyle(border),\n focusRingInsetWidth < 0 && `0 0 0 ${0 - focusRingInsetWidth}px ${bgColor}`,\n focusRingOutsetWidth > 0 && `0 0 0 ${focusRingOutsetWidth}px var(--card-focus-ring-color)`,\n ]\n .filter(Boolean)\n .join(',')\n}\n","import {Suspense, useCallback} from 'react'\nimport {MemberField, ObjectInputProps, RenderInputCallback, set, setIfMissing, unset} from 'sanity'\nimport {Box, Card, Stack, Text} from '@sanity/ui'\nimport styled, {css} from 'styled-components'\nimport {LanguageField} from './LanguageField'\nimport {useCodeMirror} from './codemirror/useCodeMirror'\nimport {useLanguageMode} from './codemirror/useLanguageMode'\nimport {PATH_CODE} from './config'\nimport {CodeInputValue, CodeSchemaType} from './types'\nimport {useFieldMember} from './useFieldMember'\nimport {focusRingBorderStyle, focusRingStyle} from './ui/focusRingStyle'\n\nexport type {CodeInputLanguage, CodeInputValue} from './types'\n\n/**\n * @public\n */\nexport interface CodeInputProps extends ObjectInputProps<CodeInputValue, CodeSchemaType> {}\n\nconst EditorContainer = styled(Card)(({theme}) => {\n const {focusRing, input} = theme.sanity\n const base = theme.sanity.color.base\n const color = theme.sanity.color.input\n const border = {\n color: color.default.enabled.border,\n width: input.border.width,\n }\n\n return css`\n --input-box-shadow: ${focusRingBorderStyle(border)};\n\n box-shadow: var(--input-box-shadow);\n height: 250px;\n min-height: 80px;\n overflow-y: auto;\n position: relative;\n resize: vertical;\n z-index: 0;\n\n & > .cm-theme {\n height: 100%;\n }\n\n &:focus-within {\n --input-box-shadow: ${focusRingStyle({\n base,\n border,\n focusRing,\n })};\n }\n `\n})\n\n/** @public */\nexport function CodeInput(props: CodeInputProps) {\n const {\n members,\n elementProps,\n onChange,\n readOnly,\n renderField,\n renderInput,\n renderItem,\n renderPreview,\n schemaType: type,\n value,\n onPathFocus,\n } = props\n\n const languageFieldMember = useFieldMember(members, 'language')\n const filenameMember = useFieldMember(members, 'filename')\n const codeFieldMember = useFieldMember(members, 'code')\n\n const handleCodeFocus = useCallback(() => {\n onPathFocus(PATH_CODE)\n }, [onPathFocus])\n\n const onHighlightChange = useCallback(\n (lines: number[]) => onChange(set(lines, ['highlightedLines'])),\n [onChange]\n )\n\n const handleCodeChange = useCallback(\n (code: string) => {\n const path = PATH_CODE\n const fixedLanguage = type.options?.language\n\n onChange([\n setIfMissing({_type: type.name, language: fixedLanguage}),\n code ? set(code, path) : unset(path),\n ])\n },\n [onChange, type]\n )\n const {languages, language, languageMode} = useLanguageMode(props.schemaType, props.value)\n\n const CodeMirror = useCodeMirror()\n\n const renderCodeInput: RenderInputCallback = useCallback(\n (inputProps) => {\n return (\n <EditorContainer border overflow=\"hidden\" radius={1} sizing=\"border\" readOnly={readOnly}>\n {CodeMirror && (\n <Suspense\n fallback={\n <Box padding={3}>\n <Text>Loading code editor...</Text>\n </Box>\n }\n >\n <CodeMirror\n languageMode={languageMode}\n onChange={handleCodeChange}\n value={inputProps.value as string}\n highlightLines={value?.highlightedLines}\n onHighlightChange={onHighlightChange}\n readOnly={readOnly}\n onFocus={handleCodeFocus}\n onBlur={elementProps.onBlur}\n />\n </Suspense>\n )}\n </EditorContainer>\n )\n },\n [\n CodeMirror,\n handleCodeChange,\n handleCodeFocus,\n onHighlightChange,\n languageMode,\n elementProps.onBlur,\n readOnly,\n value,\n ]\n )\n\n return (\n <Stack space={4}>\n {languageFieldMember && (\n <LanguageField\n member={languageFieldMember}\n language={language}\n languages={languages}\n renderField={renderField}\n renderItem={renderItem}\n renderInput={renderInput}\n renderPreview={renderPreview}\n />\n )}\n\n {type.options?.withFilename && filenameMember && (\n <MemberField\n member={filenameMember}\n renderItem={renderItem}\n renderField={renderField}\n renderInput={renderInput}\n renderPreview={renderPreview}\n />\n )}\n\n {codeFieldMember && (\n <MemberField\n member={codeFieldMember}\n renderInput={renderCodeInput}\n renderItem={renderItem}\n renderField={renderField}\n renderPreview={renderPreview}\n />\n )}\n </Stack>\n )\n}\n","import {Suspense} from 'react'\nimport styled from 'styled-components'\nimport {Label, Box, Card, Flex, Text} from '@sanity/ui'\nimport {CodeInputValue, CodeSchemaType} from './types'\nimport {PreviewProps} from 'sanity'\nimport {useCodeMirror} from './codemirror/useCodeMirror'\nimport {useLanguageMode} from './codemirror/useLanguageMode'\n\nconst PreviewContainer = styled(Box)`\n position: relative;\n`\n\n/**\n * @public\n */\nexport interface PreviewCodeProps extends PreviewProps {\n selection?: CodeInputValue\n}\n\n/**\n * @public\n */\nexport default function PreviewCode(props: PreviewCodeProps) {\n const {selection, schemaType: type} = props\n const {languageMode} = useLanguageMode(type as CodeSchemaType, props.selection)\n\n const CodeMirror = useCodeMirror()\n return (\n <PreviewContainer>\n <Card padding={4}>\n {selection?.filename || selection?.language ? (\n <Card\n paddingBottom={4}\n marginBottom={selection.code ? 4 : 0}\n borderBottom={!!selection.code}\n >\n <Flex align=\"center\" justify=\"flex-end\">\n {selection?.filename ? (\n <Box flex={1}>\n <Text>\n <code>{selection.filename}</code>\n </Text>\n </Box>\n ) : null}\n {selection?.language ? <Label muted>{selection.language}</Label> : null}\n </Flex>\n </Card>\n ) : null}\n {CodeMirror && (\n <Suspense fallback={<Card padding={2}>Loading code preview...</Card>}>\n <CodeMirror\n readOnly\n editable={false}\n value={selection?.code || ''}\n highlightLines={selection?.highlightedLines || []}\n basicSetup={{\n lineNumbers: false,\n foldGutter: false,\n highlightSelectionMatches: false,\n highlightActiveLineGutter: false,\n highlightActiveLine: false,\n }}\n languageMode={languageMode}\n />\n </Suspense>\n )}\n </Card>\n </PreviewContainer>\n )\n}\n","export function getMedia(language?: string) {\n if (language === 'jsx') {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 128 128\">\n <g fill=\"#61DAFB\">\n <circle cx=\"64\" cy=\"64\" r=\"11.4\" />\n <path 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\" />\n </g>\n </svg>\n )\n }\n\n if (language === 'javascript') {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 128 128\">\n <path fill=\"#F0DB4F\" d=\"M1.408 1.408h125.184v125.185H1.408z\" />\n <path\n fill=\"#323330\"\n 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\"\n />\n </svg>\n )\n }\n\n if (language === 'php') {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 800 400\">\n <g transform=\"translate(-44.632 -141.55)\">\n <g transform=\"matrix(8.3528 0 0 8.3119 -727.13 -3759.5)\">\n <path 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\" />\n <path 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\" />\n <path 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\" />\n </g>\n </g>\n </svg>\n )\n }\n\n if (language === 'json') {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 0 160 160\"\n >\n <defs>\n <linearGradient id=\"a\">\n <stop offset=\"0\" />\n <stop offset=\"1\" stopColor=\"#fff\" />\n </linearGradient>\n <linearGradient\n x1=\"-553.27\"\n y1=\"525.908\"\n x2=\"-666.116\"\n y2=\"413.045\"\n id=\"c\"\n xlinkHref=\"#a\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"matrix(.99884 0 0 .9987 689.008 -388.844)\"\n />\n <linearGradient\n x1=\"-666.117\"\n y1=\"413.045\"\n x2=\"-553.27\"\n y2=\"525.908\"\n id=\"b\"\n xlinkHref=\"#a\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"matrix(.99884 0 0 .9987 689.008 -388.844)\"\n />\n </defs>\n <path\n 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\"\n style={{marker: 'none'}}\n color=\"#000\"\n fill=\"url(#b)\"\n fillRule=\"evenodd\"\n overflow=\"visible\"\n />\n <path\n 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\"\n style={{marker: 'none'}}\n color=\"#000\"\n fill=\"url(#c)\"\n fillRule=\"evenodd\"\n overflow=\"visible\"\n />\n </svg>\n )\n }\n\n return undefined\n}\n","import {CodeBlockIcon} from '@sanity/icons'\nimport {CodeInput} from './CodeInput'\nimport PreviewCode from './PreviewCode'\nimport {getMedia} from './getMedia'\nimport {defineType, ObjectDefinition} from 'sanity'\nimport {CodeOptions} from './types'\n\n/**\n * @public\n */\nexport const codeTypeName = 'code' as const\n\n/**\n * @public\n */\nexport interface CodeDefinition extends Omit<ObjectDefinition, 'type' | 'fields' | 'options'> {\n type: typeof codeTypeName\n options?: CodeOptions\n}\n\ndeclare module '@sanity/types' {\n // makes type: 'code' narrow correctly when using defineType/defineField/defineArrayMember\n export interface IntrinsicDefinitions {\n code: CodeDefinition\n }\n}\n\n/**\n * @public\n */\nexport const codeSchema = defineType({\n name: 'code',\n type: 'object',\n title: 'Code',\n components: {input: CodeInput, preview: PreviewCode},\n icon: CodeBlockIcon,\n fields: [\n {\n name: 'language',\n title: 'Language',\n type: 'string',\n },\n {\n name: 'filename',\n title: 'Filename',\n type: 'string',\n },\n {\n title: 'Code',\n name: 'code',\n type: 'text',\n },\n {\n title: 'Highlighted lines',\n name: 'highlightedLines',\n type: 'array',\n of: [\n {\n type: 'number',\n title: 'Highlighted line',\n },\n ],\n },\n ],\n preview: {\n select: {\n language: 'language',\n code: 'code',\n filename: 'filename',\n highlightedLines: 'highlightedLines',\n },\n prepare: (value: {\n language?: string\n code?: string\n filename?: string\n highlightedLines?: number[]\n }) => {\n return {\n title: value.filename || (value.language || 'unknown').toUpperCase(),\n media: getMedia(value?.language),\n selection: value,\n }\n },\n },\n})\n","import {createContext} from 'react'\nimport {CodeInputConfig} from '../plugin'\n\nexport const CodeInputConfigContext = createContext<CodeInputConfig | undefined>(undefined)\n","import {definePlugin} from 'sanity'\nimport {codeSchema} from './schema'\nimport {CodeMode} from './codemirror/defaultCodeModes'\nimport {CodeInputConfigContext} from './codemirror/CodeModeContext'\n\nexport interface CodeInputConfig {\n codeModes?: CodeMode[]\n}\n\n/**\n * @public\n */\nexport const codeInput = definePlugin<CodeInputConfig | void>((config) => {\n const codeModes = config && config.codeModes\n const basePlugin = {\n name: '@sanity/code-input',\n schema: {types: [codeSchema]},\n }\n if (!codeModes) {\n return basePlugin\n }\n return {\n ...basePlugin,\n form: {\n components: {\n input: (props) => {\n if (props.id !== 'root') {\n return props.renderDefault(props)\n }\n return (\n <CodeInputConfigContext.Provider value={config}>\n {props.renderDefault(props)}\n </CodeInputConfigContext.Provider>\n )\n },\n },\n },\n }\n})\n"],"names":["LanguageInput","props","language","languages","onChange","handleChange","useCallback","e","newValue","currentTarget","value","set","unset","jsx","Select","children","map","lang","title","LanguageField","member","renderItem","renderField","renderPreview","renderInput","inputProps","MemberField","CodeMirrorProxy","lazy","Promise","resolve","then","require","useCodeMirror","mounted","setMounted","useState","useEffect","requestAnimationFrame","SUPPORTED_LANGUAGES","LANGUAGE_ALIASES","js","PATH_CODE","defaultLanguageMode","useLanguageMode","schemaType","_a","_b","_c","_d","_e","useLanguageAlternatives","fixedLanguage","options","configured","find","entry","languageMode","mode","resolveAliasedLanguage","type","useMemo","languageAlternatives","Array","isArray","Error","reduce","acc","val","alias","console","warn","concat","useFieldMember","members","fieldName","kind","name","focusRingBorderStyle","border","width","color","focusRingStyle","opts","base","focusRing","focusRingOutsetWidth","offset","focusRingInsetWidth","bgColor","bg","filter","Boolean","join","EditorContainer","styled","Card","theme","input","sanity","default","enabled","css","CodeInput","elementProps","readOnly","onPathFocus","languageFieldMember","filenameMember","codeFieldMember","handleCodeFocus","onHighlightChange","lines","handleCodeChange","code","path","setIfMissing","_type","CodeMirror","renderCodeInput","overflow","radius","sizing","Suspense","fallback","Box","padding","Text","highlightLines","highlightedLines","onFocus","onBlur","jsxs","Stack","space","withFilename","PreviewContainer","PreviewCode","selection","filename","paddingBottom","marginBottom","borderBottom","Flex","align","justify","flex","Label","muted","editable","basicSetup","lineNumbers","foldGutter","highlightSelectionMatches","highlightActiveLineGutter","highlightActiveLine","getMedia","xmlns","viewBox","fill","cx","cy","r","d","transform","xmlnsXlink","id","stopColor","x1","y1","x2","y2","xlinkHref","gradientUnits","gradientTransform","style","marker","fillRule","codeTypeName","codeSchema","defineType","components","preview","icon","CodeBlockIcon","fields","of","select","prepare","toUpperCase","media","CodeInputConfigContext","createContext","codeInput","definePlugin","config","codeModes","basePlugin","schema","types","form","renderDefault","Provider"],"mappings":"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"}
@@ -1,549 +0,0 @@
1
- var _templateObject, _templateObject2;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
- import { CodeBlockIcon } from '@sanity/icons';
4
- import { jsx, jsxs } from 'react/jsx-runtime';
5
- import { useCallback, lazy, useState, useEffect, useMemo, Suspense, createContext } from 'react';
6
- import { set, unset, MemberField, setIfMissing, defineType, definePlugin } from 'sanity';
7
- import { Select, Card, Box, Text, Stack, Flex, Label } from '@sanity/ui';
8
- import styled, { css } from 'styled-components';
9
- function LanguageInput(props) {
10
- const {
11
- language,
12
- languages,
13
- onChange
14
- } = props;
15
- const handleChange = useCallback(e => {
16
- const newValue = e.currentTarget.value;
17
- onChange(newValue ? set(newValue) : unset());
18
- }, [onChange]);
19
- return /* @__PURE__ */jsx(Select, {
20
- ...props,
21
- value: language,
22
- onChange: handleChange,
23
- children: languages.map(lang => /* @__PURE__ */jsx("option", {
24
- value: lang.value,
25
- children: lang.title
26
- }, lang.value))
27
- });
28
- }
29
- function LanguageField(props) {
30
- const {
31
- member,
32
- languages,
33
- language,
34
- renderItem,
35
- renderField,
36
- renderPreview
37
- } = props;
38
- const renderInput = useCallback(inputProps => {
39
- return /* @__PURE__ */jsx(LanguageInput, {
40
- ...inputProps,
41
- language,
42
- languages
43
- });
44
- }, [languages, language]);
45
- return /* @__PURE__ */jsx(MemberField, {
46
- member,
47
- renderItem,
48
- renderField,
49
- renderInput,
50
- renderPreview
51
- });
52
- }
53
- const CodeMirrorProxy = lazy(() => import('./CodeMirrorProxy-e83d4d37.js'));
54
- function useCodeMirror() {
55
- const [mounted, setMounted] = useState(false);
56
- useEffect(() => {
57
- requestAnimationFrame(() => setMounted(true));
58
- }, []);
59
- return mounted ? CodeMirrorProxy : null;
60
- }
61
- const SUPPORTED_LANGUAGES = [{
62
- title: "Batch file",
63
- value: "batchfile"
64
- }, {
65
- title: "C#",
66
- value: "csharp"
67
- }, {
68
- title: "CSS",
69
- value: "css"
70
- }, {
71
- title: "Go",
72
- value: "golang"
73
- }, {
74
- title: "GROQ",
75
- value: "groq"
76
- }, {
77
- title: "HTML",
78
- value: "html"
79
- }, {
80
- title: "Java",
81
- value: "java"
82
- }, {
83
- title: "JavaScript",
84
- value: "javascript"
85
- }, {
86
- title: "JSON",
87
- value: "json"
88
- }, {
89
- title: "JSX",
90
- value: "jsx"
91
- }, {
92
- title: "Markdown",
93
- value: "markdown"
94
- }, {
95
- title: "MySQL",
96
- value: "mysql"
97
- }, {
98
- title: "PHP",
99
- value: "php"
100
- }, {
101
- title: "Plain text",
102
- value: "text"
103
- }, {
104
- title: "Python",
105
- value: "python"
106
- }, {
107
- title: "Ruby",
108
- value: "ruby"
109
- }, {
110
- title: "SASS",
111
- value: "sass"
112
- }, {
113
- title: "SCSS",
114
- value: "scss"
115
- }, {
116
- title: "sh",
117
- value: "sh"
118
- }, {
119
- title: "TSX",
120
- value: "tsx"
121
- }, {
122
- title: "TypeScript",
123
- value: "typescript"
124
- }, {
125
- title: "XML",
126
- value: "xml"
127
- }, {
128
- title: "YAML",
129
- value: "yaml"
130
- }];
131
- const LANGUAGE_ALIASES = {
132
- js: "javascript"
133
- };
134
- const PATH_CODE = ["code"];
135
- const defaultLanguageMode = "text";
136
- function useLanguageMode(schemaType, value) {
137
- var _a, _b, _c, _d, _e;
138
- const languages = useLanguageAlternatives(schemaType);
139
- const fixedLanguage = (_a = schemaType.options) == null ? void 0 : _a.language;
140
- const language = (_c = (_b = value == null ? void 0 : value.language) != null ? _b : fixedLanguage) != null ? _c : defaultLanguageMode;
141
- const configured = languages.find(entry => entry.value === language);
142
- const languageMode = (_e = (_d = configured == null ? void 0 : configured.mode) != null ? _d : resolveAliasedLanguage(language)) != null ? _e : defaultLanguageMode;
143
- return {
144
- language,
145
- languageMode,
146
- languages
147
- };
148
- }
149
- function resolveAliasedLanguage(lang) {
150
- var _a;
151
- return (_a = lang && LANGUAGE_ALIASES[lang]) != null ? _a : lang;
152
- }
153
- function useLanguageAlternatives(type) {
154
- return useMemo(() => {
155
- var _a;
156
- const languageAlternatives = (_a = type.options) == null ? void 0 : _a.languageAlternatives;
157
- if (!languageAlternatives) {
158
- return SUPPORTED_LANGUAGES;
159
- }
160
- if (!Array.isArray(languageAlternatives)) {
161
- throw new Error("'options.languageAlternatives' should be an array, got ".concat(typeof languageAlternatives));
162
- }
163
- return languageAlternatives.reduce((acc, _ref) => {
164
- let {
165
- title,
166
- value: val,
167
- mode
168
- } = _ref;
169
- const alias = LANGUAGE_ALIASES[val];
170
- if (alias) {
171
- 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);
172
- return acc.concat({
173
- title,
174
- value: alias,
175
- mode
176
- });
177
- }
178
- return acc.concat({
179
- title,
180
- value: val,
181
- mode
182
- });
183
- }, []);
184
- }, [type]);
185
- }
186
- function useFieldMember(members, fieldName) {
187
- return useMemo(() => members.find(member => member.kind === "field" && member.name === fieldName), [members, fieldName]);
188
- }
189
- function focusRingBorderStyle(border) {
190
- return "inset 0 0 0 ".concat(border.width, "px ").concat(border.color);
191
- }
192
- function focusRingStyle(opts) {
193
- const {
194
- base,
195
- border,
196
- focusRing
197
- } = opts;
198
- const focusRingOutsetWidth = focusRing.offset + focusRing.width;
199
- const focusRingInsetWidth = 0 - focusRing.offset;
200
- const bgColor = base ? base.bg : "var(--card-bg-color)";
201
- return [focusRingInsetWidth > 0 && "inset 0 0 0 ".concat(focusRingInsetWidth, "px var(--card-focus-ring-color)"), border && focusRingBorderStyle(border), focusRingInsetWidth < 0 && "0 0 0 ".concat(0 - focusRingInsetWidth, "px ").concat(bgColor), focusRingOutsetWidth > 0 && "0 0 0 ".concat(focusRingOutsetWidth, "px var(--card-focus-ring-color)")].filter(Boolean).join(",");
202
- }
203
- const EditorContainer = styled(Card)(_ref2 => {
204
- let {
205
- theme
206
- } = _ref2;
207
- const {
208
- focusRing,
209
- input
210
- } = theme.sanity;
211
- const base = theme.sanity.color.base;
212
- const color = theme.sanity.color.input;
213
- const border = {
214
- color: color.default.enabled.border,
215
- width: input.border.width
216
- };
217
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n --input-box-shadow: ", ";\n\n box-shadow: var(--input-box-shadow);\n height: 250px;\n min-height: 80px;\n overflow-y: auto;\n position: relative;\n resize: vertical;\n z-index: 0;\n\n & > .cm-theme {\n height: 100%;\n }\n\n &:focus-within {\n --input-box-shadow: ", ";\n }\n "])), focusRingBorderStyle(border), focusRingStyle({
218
- base,
219
- border,
220
- focusRing
221
- }));
222
- });
223
- function CodeInput(props) {
224
- var _a;
225
- const {
226
- members,
227
- elementProps,
228
- onChange,
229
- readOnly,
230
- renderField,
231
- renderInput,
232
- renderItem,
233
- renderPreview,
234
- schemaType: type,
235
- value,
236
- onPathFocus
237
- } = props;
238
- const languageFieldMember = useFieldMember(members, "language");
239
- const filenameMember = useFieldMember(members, "filename");
240
- const codeFieldMember = useFieldMember(members, "code");
241
- const handleCodeFocus = useCallback(() => {
242
- onPathFocus(PATH_CODE);
243
- }, [onPathFocus]);
244
- const onHighlightChange = useCallback(lines => onChange(set(lines, ["highlightedLines"])), [onChange]);
245
- const handleCodeChange = useCallback(code => {
246
- var _a2;
247
- const path = PATH_CODE;
248
- const fixedLanguage = (_a2 = type.options) == null ? void 0 : _a2.language;
249
- onChange([setIfMissing({
250
- _type: type.name,
251
- language: fixedLanguage
252
- }), code ? set(code, path) : unset(path)]);
253
- }, [onChange, type]);
254
- const {
255
- languages,
256
- language,
257
- languageMode
258
- } = useLanguageMode(props.schemaType, props.value);
259
- const CodeMirror = useCodeMirror();
260
- const renderCodeInput = useCallback(inputProps => {
261
- return /* @__PURE__ */jsx(EditorContainer, {
262
- border: true,
263
- overflow: "hidden",
264
- radius: 1,
265
- sizing: "border",
266
- readOnly,
267
- children: CodeMirror && /* @__PURE__ */jsx(Suspense, {
268
- fallback: /* @__PURE__ */jsx(Box, {
269
- padding: 3,
270
- children: /* @__PURE__ */jsx(Text, {
271
- children: "Loading code editor..."
272
- })
273
- }),
274
- children: /* @__PURE__ */jsx(CodeMirror, {
275
- languageMode,
276
- onChange: handleCodeChange,
277
- value: inputProps.value,
278
- highlightLines: value == null ? void 0 : value.highlightedLines,
279
- onHighlightChange,
280
- readOnly,
281
- onFocus: handleCodeFocus,
282
- onBlur: elementProps.onBlur
283
- })
284
- })
285
- });
286
- }, [CodeMirror, handleCodeChange, handleCodeFocus, onHighlightChange, languageMode, elementProps.onBlur, readOnly, value]);
287
- return /* @__PURE__ */jsxs(Stack, {
288
- space: 4,
289
- children: [languageFieldMember && /* @__PURE__ */jsx(LanguageField, {
290
- member: languageFieldMember,
291
- language,
292
- languages,
293
- renderField,
294
- renderItem,
295
- renderInput,
296
- renderPreview
297
- }), ((_a = type.options) == null ? void 0 : _a.withFilename) && filenameMember && /* @__PURE__ */jsx(MemberField, {
298
- member: filenameMember,
299
- renderItem,
300
- renderField,
301
- renderInput,
302
- renderPreview
303
- }), codeFieldMember && /* @__PURE__ */jsx(MemberField, {
304
- member: codeFieldMember,
305
- renderInput: renderCodeInput,
306
- renderItem,
307
- renderField,
308
- renderPreview
309
- })]
310
- });
311
- }
312
- const PreviewContainer = styled(Box)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n"])));
313
- function PreviewCode(props) {
314
- const {
315
- selection,
316
- schemaType: type
317
- } = props;
318
- const {
319
- languageMode
320
- } = useLanguageMode(type, props.selection);
321
- const CodeMirror = useCodeMirror();
322
- return /* @__PURE__ */jsx(PreviewContainer, {
323
- children: /* @__PURE__ */jsxs(Card, {
324
- padding: 4,
325
- children: [(selection == null ? void 0 : selection.filename) || (selection == null ? void 0 : selection.language) ? /* @__PURE__ */jsx(Card, {
326
- paddingBottom: 4,
327
- marginBottom: selection.code ? 4 : 0,
328
- borderBottom: !!selection.code,
329
- children: /* @__PURE__ */jsxs(Flex, {
330
- align: "center",
331
- justify: "flex-end",
332
- children: [(selection == null ? void 0 : selection.filename) ? /* @__PURE__ */jsx(Box, {
333
- flex: 1,
334
- children: /* @__PURE__ */jsx(Text, {
335
- children: /* @__PURE__ */jsx("code", {
336
- children: selection.filename
337
- })
338
- })
339
- }) : null, (selection == null ? void 0 : selection.language) ? /* @__PURE__ */jsx(Label, {
340
- muted: true,
341
- children: selection.language
342
- }) : null]
343
- })
344
- }) : null, CodeMirror && /* @__PURE__ */jsx(Suspense, {
345
- fallback: /* @__PURE__ */jsx(Card, {
346
- padding: 2,
347
- children: "Loading code preview..."
348
- }),
349
- children: /* @__PURE__ */jsx(CodeMirror, {
350
- readOnly: true,
351
- editable: false,
352
- value: (selection == null ? void 0 : selection.code) || "",
353
- highlightLines: (selection == null ? void 0 : selection.highlightedLines) || [],
354
- basicSetup: {
355
- lineNumbers: false,
356
- foldGutter: false,
357
- highlightSelectionMatches: false,
358
- highlightActiveLineGutter: false,
359
- highlightActiveLine: false
360
- },
361
- languageMode
362
- })
363
- })]
364
- })
365
- });
366
- }
367
- function getMedia(language) {
368
- if (language === "jsx") {
369
- return /* @__PURE__ */jsx("svg", {
370
- xmlns: "http://www.w3.org/2000/svg",
371
- viewBox: "0 0 128 128",
372
- children: /* @__PURE__ */jsxs("g", {
373
- fill: "#61DAFB",
374
- children: [/* @__PURE__ */jsx("circle", {
375
- cx: "64",
376
- cy: "64",
377
- r: "11.4"
378
- }), /* @__PURE__ */jsx("path", {
379
- 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"
380
- })]
381
- })
382
- });
383
- }
384
- if (language === "javascript") {
385
- return /* @__PURE__ */jsxs("svg", {
386
- xmlns: "http://www.w3.org/2000/svg",
387
- viewBox: "0 0 128 128",
388
- children: [/* @__PURE__ */jsx("path", {
389
- fill: "#F0DB4F",
390
- d: "M1.408 1.408h125.184v125.185H1.408z"
391
- }), /* @__PURE__ */jsx("path", {
392
- fill: "#323330",
393
- 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"
394
- })]
395
- });
396
- }
397
- if (language === "php") {
398
- return /* @__PURE__ */jsx("svg", {
399
- xmlns: "http://www.w3.org/2000/svg",
400
- viewBox: "0 0 800 400",
401
- children: /* @__PURE__ */jsx("g", {
402
- transform: "translate(-44.632 -141.55)",
403
- children: /* @__PURE__ */jsxs("g", {
404
- transform: "matrix(8.3528 0 0 8.3119 -727.13 -3759.5)",
405
- children: [/* @__PURE__ */jsx("path", {
406
- 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"
407
- }), /* @__PURE__ */jsx("path", {
408
- 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"
409
- }), /* @__PURE__ */jsx("path", {
410
- 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"
411
- })]
412
- })
413
- })
414
- });
415
- }
416
- if (language === "json") {
417
- return /* @__PURE__ */jsxs("svg", {
418
- xmlns: "http://www.w3.org/2000/svg",
419
- xmlnsXlink: "http://www.w3.org/1999/xlink",
420
- viewBox: "0 0 160 160",
421
- children: [/* @__PURE__ */jsxs("defs", {
422
- children: [/* @__PURE__ */jsxs("linearGradient", {
423
- id: "a",
424
- children: [/* @__PURE__ */jsx("stop", {
425
- offset: "0"
426
- }), /* @__PURE__ */jsx("stop", {
427
- offset: "1",
428
- stopColor: "#fff"
429
- })]
430
- }), /* @__PURE__ */jsx("linearGradient", {
431
- x1: "-553.27",
432
- y1: "525.908",
433
- x2: "-666.116",
434
- y2: "413.045",
435
- id: "c",
436
- xlinkHref: "#a",
437
- gradientUnits: "userSpaceOnUse",
438
- gradientTransform: "matrix(.99884 0 0 .9987 689.008 -388.844)"
439
- }), /* @__PURE__ */jsx("linearGradient", {
440
- x1: "-666.117",
441
- y1: "413.045",
442
- x2: "-553.27",
443
- y2: "525.908",
444
- id: "b",
445
- xlinkHref: "#a",
446
- gradientUnits: "userSpaceOnUse",
447
- gradientTransform: "matrix(.99884 0 0 .9987 689.008 -388.844)"
448
- })]
449
- }), /* @__PURE__ */jsx("path", {
450
- 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",
451
- style: {
452
- marker: "none"
453
- },
454
- color: "#000",
455
- fill: "url(#b)",
456
- fillRule: "evenodd",
457
- overflow: "visible"
458
- }), /* @__PURE__ */jsx("path", {
459
- 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",
460
- style: {
461
- marker: "none"
462
- },
463
- color: "#000",
464
- fill: "url(#c)",
465
- fillRule: "evenodd",
466
- overflow: "visible"
467
- })]
468
- });
469
- }
470
- return void 0;
471
- }
472
- const codeTypeName = "code";
473
- const codeSchema = defineType({
474
- name: "code",
475
- type: "object",
476
- title: "Code",
477
- components: {
478
- input: CodeInput,
479
- preview: PreviewCode
480
- },
481
- icon: CodeBlockIcon,
482
- fields: [{
483
- name: "language",
484
- title: "Language",
485
- type: "string"
486
- }, {
487
- name: "filename",
488
- title: "Filename",
489
- type: "string"
490
- }, {
491
- title: "Code",
492
- name: "code",
493
- type: "text"
494
- }, {
495
- title: "Highlighted lines",
496
- name: "highlightedLines",
497
- type: "array",
498
- of: [{
499
- type: "number",
500
- title: "Highlighted line"
501
- }]
502
- }],
503
- preview: {
504
- select: {
505
- language: "language",
506
- code: "code",
507
- filename: "filename",
508
- highlightedLines: "highlightedLines"
509
- },
510
- prepare: value => {
511
- return {
512
- title: value.filename || (value.language || "unknown").toUpperCase(),
513
- media: getMedia(value == null ? void 0 : value.language),
514
- selection: value
515
- };
516
- }
517
- }
518
- });
519
- const CodeInputConfigContext = createContext(void 0);
520
- const codeInput = definePlugin(config => {
521
- const codeModes = config && config.codeModes;
522
- const basePlugin = {
523
- name: "@sanity/code-input",
524
- schema: {
525
- types: [codeSchema]
526
- }
527
- };
528
- if (!codeModes) {
529
- return basePlugin;
530
- }
531
- return {
532
- ...basePlugin,
533
- form: {
534
- components: {
535
- input: props => {
536
- if (props.id !== "root") {
537
- return props.renderDefault(props);
538
- }
539
- return /* @__PURE__ */jsx(CodeInputConfigContext.Provider, {
540
- value: config,
541
- children: props.renderDefault(props)
542
- });
543
- }
544
- }
545
- }
546
- };
547
- });
548
- export { CodeInputConfigContext, PreviewCode, codeInput, codeSchema, codeTypeName };
549
- //# sourceMappingURL=index-9a4cb814.js.map