@sanity/code-input
7.3.107.3.11
~
Modified (6 files)
Index: package/dist/index.js
===================================================================
--- package/dist/index.js
+++ package/dist/index.js
@@ -83,13 +83,9 @@
setPaneRect(null), setIsFullscreen(!1);
}, $[1] = t2) : t2 = $[1];
let collapse = t2, t3;
$[2] === isFullscreen ? t3 = $[3] : (t3 = () => {
- if (isFullscreen) {
- collapse();
- return;
- }
- setPlaceholderHeight(rootRef.current?.offsetHeight ?? 250), setIsFullscreen(!0);
+ isFullscreen ? collapse() : (setPlaceholderHeight(rootRef.current?.offsetHeight ?? 250), setIsFullscreen(!0));
}, $[2] = isFullscreen, $[3] = t3);
let handleToggle = t3, t4;
$[4] === Symbol.for("react.memo_cache_sentinel") ? (t4 = (event) => {
event.key === "Escape" && (event.preventDefault(), event.stopPropagation(), event.nativeEvent.stopImmediatePropagation(), collapse());Index: package/package.json
===================================================================
--- package/package.json
+++ package/package.json
@@ -1,7 +1,7 @@
{
"name": "@sanity/code-input",
- "version": "7.3.10",
+ "version": "7.3.11",
"description": "Sanity input component for code, powered by CodeMirror",
"keywords": [
"cms",
"code-editor",
@@ -46,22 +46,22 @@
"@codemirror/view": "^6.43.9",
"@lezer/highlight": "^1.2.3",
"@sanity/icons": "^5.2.3",
"@sanity/lezer-groq": "^1.0.4",
- "@sanity/ui": "^4.4.0",
+ "@sanity/ui": "^4.4.4",
"@uiw/codemirror-themes": "^4.25.11",
"@uiw/react-codemirror": "^4.25.11"
},
"devDependencies": {
"@sanity/tsconfig": "^2.2.1",
- "@sanity/tsdown-config": "^0.27.1",
+ "@sanity/tsdown-config": "^0.28.8",
"@types/node": "^24.13.3",
"@types/react": "^19.3.0",
"oxc-transform-react": "^0.153.0",
"react": "^19.3.0",
- "sanity": "^6.16.0",
+ "sanity": "^6.18.0",
"styled-components": "^6.5.3",
- "tsdown": "^0.22.14"
+ "tsdown": "^0.23.1"
},
"peerDependencies": {
"react": "^19.2",
"sanity": "^5 || ^6.0.0-0",Index: package/dist/index.d.ts.map
===================================================================
--- package/dist/index.d.ts.map
+++ package/dist/index.d.ts.map
@@ -1,1 +1,1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/types.ts","../src/CodeInput.tsx","../src/PreviewCode.tsx","../src/schema.tsx","../src/config.ts","../src/codemirror/defaultCodeModes.ts","../src/plugin.tsx"],"mappings":";;;UAEiB;EACf;EACA;EACA;;;;;UAMe;EACf;EACA;EACA;EACA;EACA;;;;;UAKe;EACf;EACA;EACA,uBAAuB;EACvB;EACA;;;;;;EAMA;;;;;UAMe,uBAAuB,KAAK;EAC3C,UAAU;;;;;UCjBK,uBAAuB,iBAAiB,gBAAgB;;iBAGzD,UAAU,OAAO,iBAAiB,MAAM,IAAI;;;;UCT3C,yBAAyB;EACxC,YAAY;;;;;iBAME,YAAY,OAAO,mBAAmB,MAAM,IAAI;;;;cCZnD;;;;UAKI,uBAAuB,KAAK;EAC3C,aAAa;EACb,UAAU;;;YAKO;IACf,MAAM;;;;;;cAOG;;;;;IAIE,cAAK;IAAa,gBAAO;;;;;;;;;;;;;;;;;;;;;;;IA+BpC;MACE;MACA;MACA;MACA;;IAEF,UAAO;MACL;MACA;MACA;MACA;;;;;QAHW;QACJ;QACI;QACQ;;;;;cCzEZ,qBAAqB;cA2BrB,kBAAkB;UC3Bd;EACf;EACA,QAAQ;;KAEE,mBAAmB,QAAQ,yBAAyB;UCD/C;EACf,YAAY;;;;;cAMD,WAAW,OAAO"}
\ No newline at end of file
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/types.ts","../src/CodeInput.tsx","../src/PreviewCode.tsx","../src/schema.tsx","../src/config.ts","../src/codemirror/defaultCodeModes.ts","../src/plugin.tsx"],"mappings":";;;UAEiB;EACf;EACA;EACA;;;;;UAMe;EACf;EACA;EACA;EACA;EACA;;;;;UAKe;EACf;EACA;EACA,uBAAuB;EACvB;EACA;;;;;;EAMA;;;;;UAMe,uBAAuB,KAAK;EAC3C,UAAU;;;;;UCjBK,uBAAuB,iBAAiB,gBAAgB;;iBAGzD,UAAU,OAAO,iBAAiB,MAAM,IAAI;;;;UCT3C,yBAAyB;EACxC,YAAY;;;;;wBAME,YAAY,OAAO,mBAAmB,MAAM,IAAI;;;;qBCZnD;;;;UAKI,uBAAuB,KAAK;EAC3C,aAAa;EACb,UAAU;;;YAKO;IACf,MAAM;;;;;;qBAOG;;;;;IAIE,cAAK;IAAa,gBAAO;;;;;;;;;;;;;;;;;;;;;;;IA+BpC;MACE;MACA;MACA;MACA;;IAEF,UAAO;MACL;MACA;MACA;MACA;;;;;QAHW;QACJ;QACI;QACQ;;;;;qBCzEZ,qBAAqB;qBA2BrB,kBAAkB;UC3Bd;EACf;EACA,QAAQ;;KAEE,mBAAmB,QAAQ,yBAAyB;UCD/C;EACf,YAAY;;;;;qBAMD,WAAW,OAAO"}
\ No newline at end of fileIndex: package/dist/index.js.map
===================================================================
--- package/dist/index.js.map
+++ package/dist/index.js.map
@@ -1,1 +1,1 @@
-{"version":3,"file":"index.js","names":["{enabled, children}: FullscreenEditorProps","(node: HTMLDivElement | null) => {\n overlayRef.current = node\n setOverlayElement(node)\n }","useCallback((node: HTMLDivElement | null) => {\n overlayRef.current = node\n setOverlayElement(node)\n }, [])","() => {\n setPaneRect(null)\n setIsFullscreen(false)\n }","useCallback(() => {\n setPaneRect(null)\n setIsFullscreen(false)\n }, [])","() => {\n if (isFullscreen) {\n collapse()\n return\n }\n setPlaceholderHeight(rootRef.current?.offsetHeight ?? EDITOR_HEIGHT)\n setIsFullscreen(true)\n }","useCallback(() => {\n if (isFullscreen) {\n collapse()\n return\n }\n setPlaceholderHeight(rootRef.current?.offsetHeight ?? EDITOR_HEIGHT)\n setIsFullscreen(true)\n }, [isFullscreen, collapse])","(event: React.KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault()\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n collapse()\n }\n }","useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault()\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n collapse()\n }\n },\n [collapse],\n )","() => {\n if (!isFullscreen) return undefined\n\n // Fall back to the viewport if the pane can't be found.\n const paneElement = getDocumentPaneElement(rootRef.current)\n\n const update = () => {\n const {top, left, width, height} = paneElement\n ? paneElement.getBoundingClientRect()\n : {top: 0, left: 0, width: window.innerWidth, height: window.innerHeight}\n // Skip unchanged bounds so scroll events don't cause needless re-renders.\n setPaneRect((prev) =>\n prev &&\n prev.top === top &&\n prev.left === left &&\n prev.width === width &&\n prev.height === height\n ? prev\n : {top, left, width, height},\n )\n }\n\n // Defer so we don't setState synchronously.\n const raf = requestAnimationFrame(update)\n let resizeObserver: ResizeObserver | undefined\n if (paneElement) {\n resizeObserver = new ResizeObserver(update)\n resizeObserver.observe(paneElement)\n }\n window.addEventListener('resize', update)\n window.addEventListener('scroll', update, true)\n\n return () => {\n cancelAnimationFrame(raf)\n resizeObserver?.disconnect()\n window.removeEventListener('resize', update)\n window.removeEventListener('scroll', update, true)\n }\n }","[isFullscreen]","() => {\n if (!showFullscreen) return undefined\n\n const raf = requestAnimationFrame(() => {\n const overlay = overlayRef.current\n if (!overlay) return\n const editable = overlay.querySelector<HTMLElement>('.cm-content')\n ;(editable ?? overlay).focus()\n })\n\n return () => cancelAnimationFrame(raf)\n }","[showFullscreen]","raf","enabled && (\n <ToggleButtonBox padding={1}>\n <Tooltip\n animate\n arrow={false}\n // Constrain to the overlay so a surrounding modal's boundary doesn't\n // shift the tooltip; falls back to the viewport when not expanded.\n boundaryElement={overlayElement}\n content={<Text size={1}>{showFullscreen ? 'Collapse editor' : 'Expand editor'}</Text>}\n delay={TOOLTIP_DELAY}\n placement=\"bottom\"\n portal\n >\n <Button\n aria-label={showFullscreen ? 'Collapse editor' : 'Expand editor'}\n icon={showFullscreen ? CollapseIcon : ExpandIcon}\n mode=\"ghost\"\n onClick={handleToggle}\n padding={2}\n />\n </Tooltip>\n </ToggleButtonBox>\n )","showFullscreen && paneRect\n ? {\n position: 'fixed',\n top: paneRect.top,\n left: paneRect.left,\n width: paneRect.width,\n height: paneRect.height,\n }\n : undefined","<FullscreenRoot ref={rootRef}>\n {showFullscreen ? (\n // Hold the editor's spot in the form layout so sibling fields and the\n // document scroll position don't shift while it's portaled away.\n <>\n <div aria-hidden style={{height: placeholderHeight}} />\n {/* Portal out of any modal so position:fixed is viewport-relative;\n Layer stacks it above the modal. */}\n <Portal>\n <Layer>\n <FullscreenOverlay\n onKeyDown={handleKeyDown}\n ref={setOverlayRef}\n style={fullscreenStyle}\n tabIndex={-1}\n >\n {toggleButton}\n {children({isFullscreen: showFullscreen})}\n </FullscreenOverlay>\n </Layer>\n </Portal>\n </>\n ) : (\n <>\n {toggleButton}\n {children({isFullscreen: showFullscreen})}\n </>\n )}\n </FullscreenRoot>","_c","_Fragment","() => {\n requestAnimationFrame(() => startTransition(() => setMounted(true)))\n }","[]","_c","languages.find((entry) => entry.value === language)","(entry) => entry.value === language","configured?.mode ?? resolveAliasedLanguage(language) ?? defaultLanguageMode","mode","{language, languageMode, languages}","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 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])","languageAlternatives.reduce((acc: CodeInputLanguage[], {title, value: val, mode}) => {\n const alias = LANGUAGE_ALIASES[val]\n if (alias) {\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 }, [])","(acc: CodeInputLanguage[], {title, value: val, mode}) => {\n const alias = LANGUAGE_ALIASES[val]\n if (alias) {\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 }","{title, value: val, mode}","_c","_temp","(e: ChangeEvent<HTMLSelectElement>) => {\n const newValue = e.currentTarget.value\n onChange(newValue ? set(newValue) : unset())\n }","useCallback(\n (e: ChangeEvent<HTMLSelectElement>) => {\n const newValue = e.currentTarget.value\n onChange(newValue ? set(newValue) : unset())\n },\n [onChange],\n )","languages.map((lang: {title: string; value: string}) => (\n <option key={lang.value} value={lang.value}>\n {lang.title}\n </option>\n ))","(lang: {title: string; value: string}) => (\n <option key={lang.value} value={lang.value}>\n {lang.title}\n </option>\n )","<Select {...elementProps} 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>","_c","({elementProps, onChange}: Omit<InputProps, 'renderDefault'>) => {\n return (\n <LanguageInput\n onChange={onChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\n elementProps={elementProps as PrimitiveInputElementProps}\n language={language}\n languages={languages}\n />\n )\n }","{elementProps, onChange}: Omit<InputProps, 'renderDefault'>","useCallback(\n ({elementProps, onChange}: Omit<InputProps, 'renderDefault'>) => {\n return (\n <LanguageInput\n onChange={onChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\n elementProps={elementProps as PrimitiveInputElementProps}\n language={language}\n languages={languages}\n />\n )\n },\n [languages, language],\n )","<MemberField\n member={member}\n renderItem={renderItem}\n renderField={renderField}\n renderInput={renderInput}\n renderPreview={renderPreview}\n />","_c","members.find(\n (member): member is FieldMember => member.kind === 'field' && member.name === fieldName,\n )","(member): member is FieldMember => member.kind === 'field' && member.name === fieldName","useMemo(\n () =>\n members.find(\n (member): member is FieldMember => member.kind === 'field' && member.name === fieldName,\n ),\n [members, fieldName],\n )","_c","() => {\n onPathFocus(PATH_CODE)\n }","useCallback(() => {\n onPathFocus(PATH_CODE)\n }, [onPathFocus])","(lines: number[]) => onChange(set(lines, ['highlightedLines']))","useCallback(\n (lines: number[]) => onChange(set(lines, ['highlightedLines'])),\n [onChange],\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 }","name","language","path","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 )","(inputProps) => (\n <FullscreenEditor enabled={fullscreenEnabled}>\n {({isFullscreen}) => (\n <EditorContainer\n $fullscreen={isFullscreen}\n border={!isFullscreen}\n overflow=\"hidden\"\n radius={1}\n sizing=\"border\"\n readOnly={readOnly}\n >\n {mounted && (\n <Suspense\n fallback={\n <Box padding={3}>\n <Text>Loading code editor...</Text>\n </Box>\n }\n >\n <CodeMirrorProxy\n languageMode={languageMode}\n onChange={handleCodeChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\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 </FullscreenEditor>\n )","onBlur","highlightedLines","{isFullscreen}","useCallback(\n (inputProps) => (\n <FullscreenEditor enabled={fullscreenEnabled}>\n {({isFullscreen}) => (\n <EditorContainer\n $fullscreen={isFullscreen}\n border={!isFullscreen}\n overflow=\"hidden\"\n radius={1}\n sizing=\"border\"\n readOnly={readOnly}\n >\n {mounted && (\n <Suspense\n fallback={\n <Box padding={3}>\n <Text>Loading code editor...</Text>\n </Box>\n }\n >\n <CodeMirrorProxy\n languageMode={languageMode}\n onChange={handleCodeChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\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 </FullscreenEditor>\n ),\n [\n fullscreenEnabled,\n readOnly,\n mounted,\n languageMode,\n handleCodeChange,\n value?.highlightedLines,\n onHighlightChange,\n handleCodeFocus,\n elementProps.onBlur,\n ],\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 )","type.options?.withFilename && filenameMember && (\n <MemberField\n member={filenameMember}\n renderItem={renderItem}\n renderField={renderField}\n renderInput={renderInput}\n renderPreview={renderPreview}\n />\n )","withFilename","codeFieldMember && (\n <MemberField\n member={codeFieldMember}\n renderInput={renderCodeInput}\n renderItem={renderItem}\n renderField={renderField}\n renderPreview={renderPreview}\n />\n )","<Stack gap={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>","_c","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","selection?.filename","mounted && (\n <Suspense fallback={<Card padding={2}>Loading code preview...</Card>}>\n <CodeMirrorProxy\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 )","code","highlightedLines","<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 {mounted && (\n <Suspense fallback={<Card padding={2}>Loading code preview...</Card>}>\n <CodeMirrorProxy\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>","_c"],"sources":["../src/ui/focusRingStyle.ts","../src/CodeInputFullscreen.tsx","../src/codemirror/useCodeMirror.tsx","../src/config.ts","../src/codemirror/useLanguageMode.tsx","../src/LanguageInput.tsx","../src/LanguageField.tsx","../src/useFieldMember.ts","../src/CodeInput.tsx","../src/getMedia.tsx","../src/PreviewCode.tsx","../src/schema.tsx","../src/plugin.tsx"],"sourcesContent":["/** @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 {CollapseIcon} from '@sanity/icons/Collapse'\nimport {ExpandIcon} from '@sanity/icons/Expand'\nimport {Box, Button, Card, Layer, Portal, Text} from '@sanity/ui'\nimport {Tooltip} from '@sanity/ui/tooltip'\nimport {type CSSProperties, type ReactNode, useCallback, useEffect, useRef, useState} from 'react'\nimport {css, styled} from 'styled-components'\n\nimport {focusRingBorderStyle, focusRingStyle} from './ui/focusRingStyle'\n\n// Match the Studio's tooltip timing (TOOLTIP_DELAY_PROPS in `sanity`)\nconst TOOLTIP_DELAY = {open: 400}\n\n// Default editor height; also the placeholder height while expanded.\nconst EDITOR_HEIGHT = 250\n\n// Studio DOM markers for the document pane and its scroll container\nconst DOCUMENT_PANE_SELECTOR = '[data-testid=\"document-pane\"]'\nconst DOCUMENT_PANEL_SCROLLER_SELECTOR = '[data-testid=\"document-panel-scroller\"]'\n// Selected pane — disambiguates split-view layouts\nconst SELECTED_PANE_SCROLLER_SELECTOR = `${DOCUMENT_PANE_SELECTOR}[data-pane-selected=\"true\"] ${DOCUMENT_PANEL_SCROLLER_SELECTOR}`\n\n// Nearest scrollable ancestor — last-resort pane fallback.\nfunction getScrollParent(node: HTMLElement | null): HTMLElement | null {\n let current = node?.parentElement ?? null\n while (current) {\n const {overflowY} = window.getComputedStyle(current)\n if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') {\n return current\n }\n current = current.parentElement\n }\n return null\n}\n\n// Resolve the document pane's scroll container so the overlay fills the pane —\n// not the viewport, and not a surrounding modal (rendered in a portal).\nfunction getDocumentPaneElement(node: HTMLElement | null): HTMLElement | null {\n if (!node) return null\n\n const ownPane = node.closest(DOCUMENT_PANE_SELECTOR)\n if (ownPane instanceof HTMLElement) {\n const scroller = ownPane.querySelector(DOCUMENT_PANEL_SCROLLER_SELECTOR)\n return scroller instanceof HTMLElement ? scroller : ownPane\n }\n\n // In a portal (modal): can't walk up. Prefer selected pane, then any pane,\n // then the nearest scrollable ancestor.\n const selectedScroller = document.querySelector(SELECTED_PANE_SCROLLER_SELECTOR)\n if (selectedScroller instanceof HTMLElement) return selectedScroller\n\n const scroller = document.querySelector(DOCUMENT_PANEL_SCROLLER_SELECTOR)\n if (scroller instanceof HTMLElement) return scroller\n\n return getScrollParent(node)\n}\n\n// In-place anchor; also the reference for locating the document pane.\nconst FullscreenRoot = styled.div`\n position: relative;\n`\n\n// Portaled container, pinned to the pane bounds via inline style. Draws the\n// top/bottom divider (flush with the pane sides).\nconst FullscreenOverlay = styled.div(({theme}) => {\n // oxlint-disable-next-line typescript/no-deprecated\n const {input} = theme.sanity\n // oxlint-disable-next-line typescript/no-deprecated\n const borderColor = theme.sanity.color.input.default.enabled.border\n\n return css`\n box-sizing: border-box;\n overflow: hidden;\n border-top: ${input.border.width}px solid ${borderColor};\n border-bottom: ${input.border.width}px solid ${borderColor};\n `\n})\n\nconst ToggleButtonBox = styled(Box)`\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2;\n`\n\n/** Editor container; fills its parent when `$fullscreen`. */\nexport const EditorContainer = styled(Card)<{$fullscreen: boolean}>(({theme, $fullscreen}) => {\n // TODO: when upgrading to @sanity/ui@4 start using the new tokens\n // oxlint-disable-next-line typescript/no-deprecated\n const {focusRing, input} = theme.sanity\n // oxlint-disable-next-line typescript/no-deprecated\n const base = theme.sanity.color.base\n // oxlint-disable-next-line typescript/no-deprecated\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: ${EDITOR_HEIGHT}px;\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 $fullscreen &&\n css`\n height: 100%;\n border-radius: 0;\n resize: none;\n background-color: ${base.bg};\n /* Divider drawn on the overlay so the sides sit flush with the pane */\n box-shadow: none;\n `\n }\n `\n})\n\ninterface FullscreenEditorProps {\n /** When false, renders children without the expand button. */\n enabled: boolean\n children: (state: {isFullscreen: boolean}) => ReactNode\n}\n\n/** Wraps the editor with an \"Expand editor\" toggle that fills the document pane. */\nexport function FullscreenEditor({enabled, children}: FullscreenEditorProps): React.JSX.Element {\n const [isFullscreen, setIsFullscreen] = useState(false)\n const rootRef = useRef<HTMLDivElement>(null)\n const overlayRef = useRef<HTMLDivElement>(null)\n // Overlay node in state too — used as the tooltip's boundary element.\n const [overlayElement, setOverlayElement] = useState<HTMLDivElement | null>(null)\n const setOverlayRef = useCallback((node: HTMLDivElement | null) => {\n overlayRef.current = node\n setOverlayElement(node)\n }, [])\n // Document pane bounds, used to size the overlay.\n const [paneRect, setPaneRect] = useState<{\n top: number\n left: number\n width: number\n height: number\n } | null>(null)\n // Editor height captured when expanding, so the in-place placeholder keeps the\n // surrounding fields from shifting while the editor is portaled away.\n const [placeholderHeight, setPlaceholderHeight] = useState(EDITOR_HEIGHT)\n\n // Only treat as fullscreen once the pane is measured.\n const showFullscreen = isFullscreen && paneRect !== null\n\n // Reset paneRect alongside isFullscreen so the next expand re-measures (rather\n // than rendering at stale coordinates). Done here, not in the effect cleanup,\n // to avoid a state update when the component unmounts while expanded.\n const collapse = useCallback(() => {\n setPaneRect(null)\n setIsFullscreen(false)\n }, [])\n\n const handleToggle = useCallback(() => {\n if (isFullscreen) {\n collapse()\n return\n }\n setPlaceholderHeight(rootRef.current?.offsetHeight ?? EDITOR_HEIGHT)\n setIsFullscreen(true)\n }, [isFullscreen, collapse])\n\n // Exit on Escape, scoped to the overlay so other Studio UI keeps its own\n // handling; stopImmediatePropagation keeps a surrounding modal open.\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault()\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n collapse()\n }\n },\n [collapse],\n )\n\n // Track the pane bounds while fullscreen so the overlay fills the pane.\n useEffect(() => {\n if (!isFullscreen) return undefined\n\n // Fall back to the viewport if the pane can't be found.\n const paneElement = getDocumentPaneElement(rootRef.current)\n\n const update = () => {\n const {top, left, width, height} = paneElement\n ? paneElement.getBoundingClientRect()\n : {top: 0, left: 0, width: window.innerWidth, height: window.innerHeight}\n // Skip unchanged bounds so scroll events don't cause needless re-renders.\n setPaneRect((prev) =>\n prev &&\n prev.top === top &&\n prev.left === left &&\n prev.width === width &&\n prev.height === height\n ? prev\n : {top, left, width, height},\n )\n }\n\n // Defer so we don't setState synchronously.\n const raf = requestAnimationFrame(update)\n let resizeObserver: ResizeObserver | undefined\n if (paneElement) {\n resizeObserver = new ResizeObserver(update)\n resizeObserver.observe(paneElement)\n }\n window.addEventListener('resize', update)\n window.addEventListener('scroll', update, true)\n\n return () => {\n cancelAnimationFrame(raf)\n resizeObserver?.disconnect()\n window.removeEventListener('resize', update)\n window.removeEventListener('scroll', update, true)\n }\n }, [isFullscreen])\n\n // Portaling drops focus to <body>; move it into the overlay so Escape and\n // typing work.\n useEffect(() => {\n if (!showFullscreen) return undefined\n\n const raf = requestAnimationFrame(() => {\n const overlay = overlayRef.current\n if (!overlay) return\n const editable = overlay.querySelector<HTMLElement>('.cm-content')\n ;(editable ?? overlay).focus()\n })\n\n return () => cancelAnimationFrame(raf)\n }, [showFullscreen])\n\n const toggleButton = enabled && (\n <ToggleButtonBox padding={1}>\n <Tooltip\n animate\n arrow={false}\n // Constrain to the overlay so a surrounding modal's boundary doesn't\n // shift the tooltip; falls back to the viewport when not expanded.\n boundaryElement={overlayElement}\n content={<Text size={1}>{showFullscreen ? 'Collapse editor' : 'Expand editor'}</Text>}\n delay={TOOLTIP_DELAY}\n placement=\"bottom\"\n portal\n >\n <Button\n aria-label={showFullscreen ? 'Collapse editor' : 'Expand editor'}\n icon={showFullscreen ? CollapseIcon : ExpandIcon}\n mode=\"ghost\"\n onClick={handleToggle}\n padding={2}\n />\n </Tooltip>\n </ToggleButtonBox>\n )\n\n const fullscreenStyle: CSSProperties | undefined =\n showFullscreen && paneRect\n ? {\n position: 'fixed',\n top: paneRect.top,\n left: paneRect.left,\n width: paneRect.width,\n height: paneRect.height,\n }\n : undefined\n\n return (\n <FullscreenRoot ref={rootRef}>\n {showFullscreen ? (\n // Hold the editor's spot in the form layout so sibling fields and the\n // document scroll position don't shift while it's portaled away.\n <>\n <div aria-hidden style={{height: placeholderHeight}} />\n {/* Portal out of any modal so position:fixed is viewport-relative;\n Layer stacks it above the modal. */}\n <Portal>\n <Layer>\n <FullscreenOverlay\n onKeyDown={handleKeyDown}\n ref={setOverlayRef}\n style={fullscreenStyle}\n tabIndex={-1}\n >\n {toggleButton}\n {children({isFullscreen: showFullscreen})}\n </FullscreenOverlay>\n </Layer>\n </Portal>\n </>\n ) : (\n <>\n {toggleButton}\n {children({isFullscreen: showFullscreen})}\n </>\n )}\n </FullscreenRoot>\n )\n}\n","import {lazy, startTransition, useEffect, useState} from 'react'\n\nexport const CodeMirrorProxy = lazy(() => import('./CodeMirrorProxy'))\n\nexport function useMounted() {\n const [mounted, setMounted] = useState(false)\n useEffect(() => {\n requestAnimationFrame(() => startTransition(() => setMounted(true)))\n }, [])\n return mounted\n}\n","import type {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: 'SQL', value: 'sql'},\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_CODE = ['code']\n","import {useMemo} from 'react'\n\nimport {LANGUAGE_ALIASES, SUPPORTED_LANGUAGES} from '../config'\nimport type {CodeInputLanguage, CodeInputValue, CodeSchemaType} from '../types'\n\nconst defaultLanguageMode = 'text'\n\nexport function useLanguageMode(\n schemaType: CodeSchemaType,\n value?: CodeInputValue,\n): {\n language: string\n languageMode: string\n languages: CodeInputLanguage[]\n} {\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 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 {Select} from '@sanity/ui'\nimport {type ChangeEvent, useCallback} from 'react'\nimport {set, type StringInputProps, unset} from 'sanity'\n\nimport type {CodeInputLanguage} from './types'\n\nexport interface LanguageInputProps {\n language: string\n languages: CodeInputLanguage[]\n onChange: StringInputProps['onChange']\n elementProps: StringInputProps['elementProps']\n}\n\n/** @internal */\nexport function LanguageInput(props: LanguageInputProps) {\n const {language, languages, onChange, elementProps} = 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 {...elementProps} 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 {\n type FieldMember,\n type InputProps,\n MemberField,\n type MemberFieldProps,\n type PrimitiveInputElementProps,\n} from 'sanity'\n\nimport {LanguageInput} from './LanguageInput'\nimport type {CodeInputLanguage} from './types'\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 ({elementProps, onChange}: Omit<InputProps, 'renderDefault'>) => {\n return (\n <LanguageInput\n onChange={onChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\n elementProps={elementProps as PrimitiveInputElementProps}\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 {useMemo} from 'react'\nimport type {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","import {Box, Stack, Text} from '@sanity/ui'\nimport {Suspense, useCallback} from 'react'\nimport {\n MemberField,\n type ObjectInputProps,\n type RenderInputCallback,\n set,\n setIfMissing,\n unset,\n} from 'sanity'\n\nimport {EditorContainer, FullscreenEditor} from './CodeInputFullscreen'\nimport {CodeMirrorProxy, useMounted} from './codemirror/useCodeMirror'\nimport {useLanguageMode} from './codemirror/useLanguageMode'\nimport {PATH_CODE} from './config'\nimport {LanguageField} from './LanguageField'\nimport type {CodeInputValue, CodeSchemaType} from './types'\nimport {useFieldMember} from './useFieldMember'\n\n/**\n * @public\n */\nexport interface CodeInputProps extends ObjectInputProps<CodeInputValue, CodeSchemaType> {}\n\n/** @public */\nexport function CodeInput(props: CodeInputProps): React.JSX.Element {\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 mounted = useMounted()\n\n const fullscreenEnabled = !type.options?.disableFullscreen\n\n const renderCodeInput: RenderInputCallback = useCallback(\n (inputProps) => (\n <FullscreenEditor enabled={fullscreenEnabled}>\n {({isFullscreen}) => (\n <EditorContainer\n $fullscreen={isFullscreen}\n border={!isFullscreen}\n overflow=\"hidden\"\n radius={1}\n sizing=\"border\"\n readOnly={readOnly}\n >\n {mounted && (\n <Suspense\n fallback={\n <Box padding={3}>\n <Text>Loading code editor...</Text>\n </Box>\n }\n >\n <CodeMirrorProxy\n languageMode={languageMode}\n onChange={handleCodeChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\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 </FullscreenEditor>\n ),\n [\n fullscreenEnabled,\n readOnly,\n mounted,\n languageMode,\n handleCodeChange,\n value?.highlightedLines,\n onHighlightChange,\n handleCodeFocus,\n elementProps.onBlur,\n ],\n )\n\n return (\n <Stack gap={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","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 {Box, Card, Flex, Label, Text} from '@sanity/ui'\nimport {Suspense} from 'react'\nimport type {PreviewProps} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport {CodeMirrorProxy, useMounted} from './codemirror/useCodeMirror'\nimport {useLanguageMode} from './codemirror/useLanguageMode'\nimport type {CodeInputValue, CodeSchemaType} from './types'\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 function PreviewCode(props: PreviewCodeProps): React.JSX.Element {\n const {selection, schemaType: type} = props\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\n const {languageMode} = useLanguageMode(type as CodeSchemaType, props.selection)\n\n const mounted = useMounted()\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 {mounted && (\n <Suspense fallback={<Card padding={2}>Loading code preview...</Card>}>\n <CodeMirrorProxy\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","import {CodeBlockIcon} from '@sanity/icons/CodeBlock'\nimport {defineType, type ObjectDefinition} from 'sanity'\n\nimport {CodeInput} from './CodeInput'\nimport {getMedia} from './getMedia'\nimport {PreviewCode} from './PreviewCode'\nimport type {CodeOptions} from './types'\n\n/**\n * @public\n */\nexport const codeTypeName = 'code'\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' {\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 {definePlugin, type Plugin} from 'sanity'\n\nimport {CodeInputConfigContext} from './codemirror/CodeModeContext'\nimport type {CodeMode} from './codemirror/defaultCodeModes'\nimport {codeSchema} from './schema'\n\nexport interface CodeInputConfig {\n codeModes?: CodeMode[]\n}\n\n/**\n * @public\n */\nexport const codeInput: Plugin<CodeInputConfig | void> = definePlugin<CodeInputConfig | void>(\n (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)\n"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"index.js","names":["{enabled, children}: FullscreenEditorProps","(node: HTMLDivElement | null) => {\n overlayRef.current = node\n setOverlayElement(node)\n }","useCallback((node: HTMLDivElement | null) => {\n overlayRef.current = node\n setOverlayElement(node)\n }, [])","() => {\n setPaneRect(null)\n setIsFullscreen(false)\n }","useCallback(() => {\n setPaneRect(null)\n setIsFullscreen(false)\n }, [])","() => {\n if (isFullscreen) {\n collapse()\n return\n }\n setPlaceholderHeight(rootRef.current?.offsetHeight ?? EDITOR_HEIGHT)\n setIsFullscreen(true)\n }","useCallback(() => {\n if (isFullscreen) {\n collapse()\n return\n }\n setPlaceholderHeight(rootRef.current?.offsetHeight ?? EDITOR_HEIGHT)\n setIsFullscreen(true)\n }, [isFullscreen, collapse])","(event: React.KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault()\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n collapse()\n }\n }","useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault()\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n collapse()\n }\n },\n [collapse],\n )","() => {\n if (!isFullscreen) return undefined\n\n // Fall back to the viewport if the pane can't be found.\n const paneElement = getDocumentPaneElement(rootRef.current)\n\n const update = () => {\n const {top, left, width, height} = paneElement\n ? paneElement.getBoundingClientRect()\n : {top: 0, left: 0, width: window.innerWidth, height: window.innerHeight}\n // Skip unchanged bounds so scroll events don't cause needless re-renders.\n setPaneRect((prev) =>\n prev &&\n prev.top === top &&\n prev.left === left &&\n prev.width === width &&\n prev.height === height\n ? prev\n : {top, left, width, height},\n )\n }\n\n // Defer so we don't setState synchronously.\n const raf = requestAnimationFrame(update)\n let resizeObserver: ResizeObserver | undefined\n if (paneElement) {\n resizeObserver = new ResizeObserver(update)\n resizeObserver.observe(paneElement)\n }\n window.addEventListener('resize', update)\n window.addEventListener('scroll', update, true)\n\n return () => {\n cancelAnimationFrame(raf)\n resizeObserver?.disconnect()\n window.removeEventListener('resize', update)\n window.removeEventListener('scroll', update, true)\n }\n }","[isFullscreen]","() => {\n if (!showFullscreen) return undefined\n\n const raf = requestAnimationFrame(() => {\n const overlay = overlayRef.current\n if (!overlay) return\n const editable = overlay.querySelector<HTMLElement>('.cm-content')\n ;(editable ?? overlay).focus()\n })\n\n return () => cancelAnimationFrame(raf)\n }","[showFullscreen]","raf","enabled && (\n <ToggleButtonBox padding={1}>\n <Tooltip\n animate\n arrow={false}\n // Constrain to the overlay so a surrounding modal's boundary doesn't\n // shift the tooltip; falls back to the viewport when not expanded.\n boundaryElement={overlayElement}\n content={<Text size={1}>{showFullscreen ? 'Collapse editor' : 'Expand editor'}</Text>}\n delay={TOOLTIP_DELAY}\n placement=\"bottom\"\n portal\n >\n <Button\n aria-label={showFullscreen ? 'Collapse editor' : 'Expand editor'}\n icon={showFullscreen ? CollapseIcon : ExpandIcon}\n mode=\"ghost\"\n onClick={handleToggle}\n padding={2}\n />\n </Tooltip>\n </ToggleButtonBox>\n )","showFullscreen && paneRect\n ? {\n position: 'fixed',\n top: paneRect.top,\n left: paneRect.left,\n width: paneRect.width,\n height: paneRect.height,\n }\n : undefined","<FullscreenRoot ref={rootRef}>\n {showFullscreen ? (\n // Hold the editor's spot in the form layout so sibling fields and the\n // document scroll position don't shift while it's portaled away.\n <>\n <div aria-hidden style={{height: placeholderHeight}} />\n {/* Portal out of any modal so position:fixed is viewport-relative;\n Layer stacks it above the modal. */}\n <Portal>\n <Layer>\n <FullscreenOverlay\n onKeyDown={handleKeyDown}\n ref={setOverlayRef}\n style={fullscreenStyle}\n tabIndex={-1}\n >\n {toggleButton}\n {children({isFullscreen: showFullscreen})}\n </FullscreenOverlay>\n </Layer>\n </Portal>\n </>\n ) : (\n <>\n {toggleButton}\n {children({isFullscreen: showFullscreen})}\n </>\n )}\n </FullscreenRoot>","_c","_Fragment","() => {\n requestAnimationFrame(() => startTransition(() => setMounted(true)))\n }","[]","_c","languages.find((entry) => entry.value === language)","(entry) => entry.value === language","configured?.mode ?? resolveAliasedLanguage(language) ?? defaultLanguageMode","mode","{language, languageMode, languages}","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 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])","languageAlternatives.reduce((acc: CodeInputLanguage[], {title, value: val, mode}) => {\n const alias = LANGUAGE_ALIASES[val]\n if (alias) {\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 }, [])","(acc: CodeInputLanguage[], {title, value: val, mode}) => {\n const alias = LANGUAGE_ALIASES[val]\n if (alias) {\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 }","{title, value: val, mode}","_c","_temp","(e: ChangeEvent<HTMLSelectElement>) => {\n const newValue = e.currentTarget.value\n onChange(newValue ? set(newValue) : unset())\n }","useCallback(\n (e: ChangeEvent<HTMLSelectElement>) => {\n const newValue = e.currentTarget.value\n onChange(newValue ? set(newValue) : unset())\n },\n [onChange],\n )","languages.map((lang: {title: string; value: string}) => (\n <option key={lang.value} value={lang.value}>\n {lang.title}\n </option>\n ))","(lang: {title: string; value: string}) => (\n <option key={lang.value} value={lang.value}>\n {lang.title}\n </option>\n )","<Select {...elementProps} 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>","_c","({elementProps, onChange}: Omit<InputProps, 'renderDefault'>) => {\n return (\n <LanguageInput\n onChange={onChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\n elementProps={elementProps as PrimitiveInputElementProps}\n language={language}\n languages={languages}\n />\n )\n }","{elementProps, onChange}: Omit<InputProps, 'renderDefault'>","useCallback(\n ({elementProps, onChange}: Omit<InputProps, 'renderDefault'>) => {\n return (\n <LanguageInput\n onChange={onChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\n elementProps={elementProps as PrimitiveInputElementProps}\n language={language}\n languages={languages}\n />\n )\n },\n [languages, language],\n )","<MemberField\n member={member}\n renderItem={renderItem}\n renderField={renderField}\n renderInput={renderInput}\n renderPreview={renderPreview}\n />","_c","members.find(\n (member): member is FieldMember => member.kind === 'field' && member.name === fieldName,\n )","(member): member is FieldMember => member.kind === 'field' && member.name === fieldName","useMemo(\n () =>\n members.find(\n (member): member is FieldMember => member.kind === 'field' && member.name === fieldName,\n ),\n [members, fieldName],\n )","_c","() => {\n onPathFocus(PATH_CODE)\n }","useCallback(() => {\n onPathFocus(PATH_CODE)\n }, [onPathFocus])","(lines: number[]) => onChange(set(lines, ['highlightedLines']))","useCallback(\n (lines: number[]) => onChange(set(lines, ['highlightedLines'])),\n [onChange],\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 }","name","language","path","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 )","(inputProps) => (\n <FullscreenEditor enabled={fullscreenEnabled}>\n {({isFullscreen}) => (\n <EditorContainer\n $fullscreen={isFullscreen}\n border={!isFullscreen}\n overflow=\"hidden\"\n radius={1}\n sizing=\"border\"\n readOnly={readOnly}\n >\n {mounted && (\n <Suspense\n fallback={\n <Box padding={3}>\n <Text>Loading code editor...</Text>\n </Box>\n }\n >\n <CodeMirrorProxy\n languageMode={languageMode}\n onChange={handleCodeChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\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 </FullscreenEditor>\n )","onBlur","highlightedLines","{isFullscreen}","useCallback(\n (inputProps) => (\n <FullscreenEditor enabled={fullscreenEnabled}>\n {({isFullscreen}) => (\n <EditorContainer\n $fullscreen={isFullscreen}\n border={!isFullscreen}\n overflow=\"hidden\"\n radius={1}\n sizing=\"border\"\n readOnly={readOnly}\n >\n {mounted && (\n <Suspense\n fallback={\n <Box padding={3}>\n <Text>Loading code editor...</Text>\n </Box>\n }\n >\n <CodeMirrorProxy\n languageMode={languageMode}\n onChange={handleCodeChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\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 </FullscreenEditor>\n ),\n [\n fullscreenEnabled,\n readOnly,\n mounted,\n languageMode,\n handleCodeChange,\n value?.highlightedLines,\n onHighlightChange,\n handleCodeFocus,\n elementProps.onBlur,\n ],\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 )","type.options?.withFilename && filenameMember && (\n <MemberField\n member={filenameMember}\n renderItem={renderItem}\n renderField={renderField}\n renderInput={renderInput}\n renderPreview={renderPreview}\n />\n )","withFilename","codeFieldMember && (\n <MemberField\n member={codeFieldMember}\n renderInput={renderCodeInput}\n renderItem={renderItem}\n renderField={renderField}\n renderPreview={renderPreview}\n />\n )","<Stack gap={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>","_c","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","selection?.filename","mounted && (\n <Suspense fallback={<Card padding={2}>Loading code preview...</Card>}>\n <CodeMirrorProxy\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 )","code","highlightedLines","<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 {mounted && (\n <Suspense fallback={<Card padding={2}>Loading code preview...</Card>}>\n <CodeMirrorProxy\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>","_c"],"sources":["../src/ui/focusRingStyle.ts","../src/CodeInputFullscreen.tsx","../src/codemirror/useCodeMirror.tsx","../src/config.ts","../src/codemirror/useLanguageMode.tsx","../src/LanguageInput.tsx","../src/LanguageField.tsx","../src/useFieldMember.ts","../src/CodeInput.tsx","../src/getMedia.tsx","../src/PreviewCode.tsx","../src/schema.tsx","../src/plugin.tsx"],"sourcesContent":["/** @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 {CollapseIcon} from '@sanity/icons/Collapse'\nimport {ExpandIcon} from '@sanity/icons/Expand'\nimport {Box, Button, Card, Layer, Portal, Text} from '@sanity/ui'\nimport {Tooltip} from '@sanity/ui/tooltip'\nimport {type CSSProperties, type ReactNode, useCallback, useEffect, useRef, useState} from 'react'\nimport {css, styled} from 'styled-components'\n\nimport {focusRingBorderStyle, focusRingStyle} from './ui/focusRingStyle'\n\n// Match the Studio's tooltip timing (TOOLTIP_DELAY_PROPS in `sanity`)\nconst TOOLTIP_DELAY = {open: 400}\n\n// Default editor height; also the placeholder height while expanded.\nconst EDITOR_HEIGHT = 250\n\n// Studio DOM markers for the document pane and its scroll container\nconst DOCUMENT_PANE_SELECTOR = '[data-testid=\"document-pane\"]'\nconst DOCUMENT_PANEL_SCROLLER_SELECTOR = '[data-testid=\"document-panel-scroller\"]'\n// Selected pane — disambiguates split-view layouts\nconst SELECTED_PANE_SCROLLER_SELECTOR = `${DOCUMENT_PANE_SELECTOR}[data-pane-selected=\"true\"] ${DOCUMENT_PANEL_SCROLLER_SELECTOR}`\n\n// Nearest scrollable ancestor — last-resort pane fallback.\nfunction getScrollParent(node: HTMLElement | null): HTMLElement | null {\n let current = node?.parentElement ?? null\n while (current) {\n const {overflowY} = window.getComputedStyle(current)\n if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') {\n return current\n }\n current = current.parentElement\n }\n return null\n}\n\n// Resolve the document pane's scroll container so the overlay fills the pane —\n// not the viewport, and not a surrounding modal (rendered in a portal).\nfunction getDocumentPaneElement(node: HTMLElement | null): HTMLElement | null {\n if (!node) return null\n\n const ownPane = node.closest(DOCUMENT_PANE_SELECTOR)\n if (ownPane instanceof HTMLElement) {\n const scroller = ownPane.querySelector(DOCUMENT_PANEL_SCROLLER_SELECTOR)\n return scroller instanceof HTMLElement ? scroller : ownPane\n }\n\n // In a portal (modal): can't walk up. Prefer selected pane, then any pane,\n // then the nearest scrollable ancestor.\n const selectedScroller = document.querySelector(SELECTED_PANE_SCROLLER_SELECTOR)\n if (selectedScroller instanceof HTMLElement) return selectedScroller\n\n const scroller = document.querySelector(DOCUMENT_PANEL_SCROLLER_SELECTOR)\n if (scroller instanceof HTMLElement) return scroller\n\n return getScrollParent(node)\n}\n\n// In-place anchor; also the reference for locating the document pane.\nconst FullscreenRoot = styled.div`\n position: relative;\n`\n\n// Portaled container, pinned to the pane bounds via inline style. Draws the\n// top/bottom divider (flush with the pane sides).\nconst FullscreenOverlay = styled.div(({theme}) => {\n // oxlint-disable-next-line typescript/no-deprecated\n const {input} = theme.sanity\n // oxlint-disable-next-line typescript/no-deprecated\n const borderColor = theme.sanity.color.input.default.enabled.border\n\n return css`\n box-sizing: border-box;\n overflow: hidden;\n border-top: ${input.border.width}px solid ${borderColor};\n border-bottom: ${input.border.width}px solid ${borderColor};\n `\n})\n\nconst ToggleButtonBox = styled(Box)`\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2;\n`\n\n/** Editor container; fills its parent when `$fullscreen`. */\nexport const EditorContainer = styled(Card)<{$fullscreen: boolean}>(({theme, $fullscreen}) => {\n // TODO: when upgrading to @sanity/ui@4 start using the new tokens\n // oxlint-disable-next-line typescript/no-deprecated\n const {focusRing, input} = theme.sanity\n // oxlint-disable-next-line typescript/no-deprecated\n const base = theme.sanity.color.base\n // oxlint-disable-next-line typescript/no-deprecated\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: ${EDITOR_HEIGHT}px;\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 $fullscreen &&\n css`\n height: 100%;\n border-radius: 0;\n resize: none;\n background-color: ${base.bg};\n /* Divider drawn on the overlay so the sides sit flush with the pane */\n box-shadow: none;\n `\n }\n `\n})\n\ninterface FullscreenEditorProps {\n /** When false, renders children without the expand button. */\n enabled: boolean\n children: (state: {isFullscreen: boolean}) => ReactNode\n}\n\n/** Wraps the editor with an \"Expand editor\" toggle that fills the document pane. */\nexport function FullscreenEditor({enabled, children}: FullscreenEditorProps): React.JSX.Element {\n const [isFullscreen, setIsFullscreen] = useState(false)\n const rootRef = useRef<HTMLDivElement>(null)\n const overlayRef = useRef<HTMLDivElement>(null)\n // Overlay node in state too — used as the tooltip's boundary element.\n const [overlayElement, setOverlayElement] = useState<HTMLDivElement | null>(null)\n const setOverlayRef = useCallback((node: HTMLDivElement | null) => {\n overlayRef.current = node\n setOverlayElement(node)\n }, [])\n // Document pane bounds, used to size the overlay.\n const [paneRect, setPaneRect] = useState<{\n top: number\n left: number\n width: number\n height: number\n } | null>(null)\n // Editor height captured when expanding, so the in-place placeholder keeps the\n // surrounding fields from shifting while the editor is portaled away.\n const [placeholderHeight, setPlaceholderHeight] = useState(EDITOR_HEIGHT)\n\n // Only treat as fullscreen once the pane is measured.\n const showFullscreen = isFullscreen && paneRect !== null\n\n // Reset paneRect alongside isFullscreen so the next expand re-measures (rather\n // than rendering at stale coordinates). Done here, not in the effect cleanup,\n // to avoid a state update when the component unmounts while expanded.\n const collapse = useCallback(() => {\n setPaneRect(null)\n setIsFullscreen(false)\n }, [])\n\n const handleToggle = useCallback(() => {\n if (isFullscreen) {\n collapse()\n return\n }\n setPlaceholderHeight(rootRef.current?.offsetHeight ?? EDITOR_HEIGHT)\n setIsFullscreen(true)\n }, [isFullscreen, collapse])\n\n // Exit on Escape, scoped to the overlay so other Studio UI keeps its own\n // handling; stopImmediatePropagation keeps a surrounding modal open.\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault()\n event.stopPropagation()\n event.nativeEvent.stopImmediatePropagation()\n collapse()\n }\n },\n [collapse],\n )\n\n // Track the pane bounds while fullscreen so the overlay fills the pane.\n useEffect(() => {\n if (!isFullscreen) return undefined\n\n // Fall back to the viewport if the pane can't be found.\n const paneElement = getDocumentPaneElement(rootRef.current)\n\n const update = () => {\n const {top, left, width, height} = paneElement\n ? paneElement.getBoundingClientRect()\n : {top: 0, left: 0, width: window.innerWidth, height: window.innerHeight}\n // Skip unchanged bounds so scroll events don't cause needless re-renders.\n setPaneRect((prev) =>\n prev &&\n prev.top === top &&\n prev.left === left &&\n prev.width === width &&\n prev.height === height\n ? prev\n : {top, left, width, height},\n )\n }\n\n // Defer so we don't setState synchronously.\n const raf = requestAnimationFrame(update)\n let resizeObserver: ResizeObserver | undefined\n if (paneElement) {\n resizeObserver = new ResizeObserver(update)\n resizeObserver.observe(paneElement)\n }\n window.addEventListener('resize', update)\n window.addEventListener('scroll', update, true)\n\n return () => {\n cancelAnimationFrame(raf)\n resizeObserver?.disconnect()\n window.removeEventListener('resize', update)\n window.removeEventListener('scroll', update, true)\n }\n }, [isFullscreen])\n\n // Portaling drops focus to <body>; move it into the overlay so Escape and\n // typing work.\n useEffect(() => {\n if (!showFullscreen) return undefined\n\n const raf = requestAnimationFrame(() => {\n const overlay = overlayRef.current\n if (!overlay) return\n const editable = overlay.querySelector<HTMLElement>('.cm-content')\n ;(editable ?? overlay).focus()\n })\n\n return () => cancelAnimationFrame(raf)\n }, [showFullscreen])\n\n const toggleButton = enabled && (\n <ToggleButtonBox padding={1}>\n <Tooltip\n animate\n arrow={false}\n // Constrain to the overlay so a surrounding modal's boundary doesn't\n // shift the tooltip; falls back to the viewport when not expanded.\n boundaryElement={overlayElement}\n content={<Text size={1}>{showFullscreen ? 'Collapse editor' : 'Expand editor'}</Text>}\n delay={TOOLTIP_DELAY}\n placement=\"bottom\"\n portal\n >\n <Button\n aria-label={showFullscreen ? 'Collapse editor' : 'Expand editor'}\n icon={showFullscreen ? CollapseIcon : ExpandIcon}\n mode=\"ghost\"\n onClick={handleToggle}\n padding={2}\n />\n </Tooltip>\n </ToggleButtonBox>\n )\n\n const fullscreenStyle: CSSProperties | undefined =\n showFullscreen && paneRect\n ? {\n position: 'fixed',\n top: paneRect.top,\n left: paneRect.left,\n width: paneRect.width,\n height: paneRect.height,\n }\n : undefined\n\n return (\n <FullscreenRoot ref={rootRef}>\n {showFullscreen ? (\n // Hold the editor's spot in the form layout so sibling fields and the\n // document scroll position don't shift while it's portaled away.\n <>\n <div aria-hidden style={{height: placeholderHeight}} />\n {/* Portal out of any modal so position:fixed is viewport-relative;\n Layer stacks it above the modal. */}\n <Portal>\n <Layer>\n <FullscreenOverlay\n onKeyDown={handleKeyDown}\n ref={setOverlayRef}\n style={fullscreenStyle}\n tabIndex={-1}\n >\n {toggleButton}\n {children({isFullscreen: showFullscreen})}\n </FullscreenOverlay>\n </Layer>\n </Portal>\n </>\n ) : (\n <>\n {toggleButton}\n {children({isFullscreen: showFullscreen})}\n </>\n )}\n </FullscreenRoot>\n )\n}\n","import {lazy, startTransition, useEffect, useState} from 'react'\n\nexport const CodeMirrorProxy = lazy(() => import('./CodeMirrorProxy'))\n\nexport function useMounted() {\n const [mounted, setMounted] = useState(false)\n useEffect(() => {\n requestAnimationFrame(() => startTransition(() => setMounted(true)))\n }, [])\n return mounted\n}\n","import type {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: 'SQL', value: 'sql'},\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_CODE = ['code']\n","import {useMemo} from 'react'\n\nimport {LANGUAGE_ALIASES, SUPPORTED_LANGUAGES} from '../config'\nimport type {CodeInputLanguage, CodeInputValue, CodeSchemaType} from '../types'\n\nconst defaultLanguageMode = 'text'\n\nexport function useLanguageMode(\n schemaType: CodeSchemaType,\n value?: CodeInputValue,\n): {\n language: string\n languageMode: string\n languages: CodeInputLanguage[]\n} {\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 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 {Select} from '@sanity/ui'\nimport {type ChangeEvent, useCallback} from 'react'\nimport {set, type StringInputProps, unset} from 'sanity'\n\nimport type {CodeInputLanguage} from './types'\n\nexport interface LanguageInputProps {\n language: string\n languages: CodeInputLanguage[]\n onChange: StringInputProps['onChange']\n elementProps: StringInputProps['elementProps']\n}\n\n/** @internal */\nexport function LanguageInput(props: LanguageInputProps) {\n const {language, languages, onChange, elementProps} = 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 {...elementProps} 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 {\n type FieldMember,\n type InputProps,\n MemberField,\n type MemberFieldProps,\n type PrimitiveInputElementProps,\n} from 'sanity'\n\nimport {LanguageInput} from './LanguageInput'\nimport type {CodeInputLanguage} from './types'\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 ({elementProps, onChange}: Omit<InputProps, 'renderDefault'>) => {\n return (\n <LanguageInput\n onChange={onChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\n elementProps={elementProps as PrimitiveInputElementProps}\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 {useMemo} from 'react'\nimport type {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","import {Box, Stack, Text} from '@sanity/ui'\nimport {Suspense, useCallback} from 'react'\nimport {\n MemberField,\n type ObjectInputProps,\n type RenderInputCallback,\n set,\n setIfMissing,\n unset,\n} from 'sanity'\n\nimport {EditorContainer, FullscreenEditor} from './CodeInputFullscreen'\nimport {CodeMirrorProxy, useMounted} from './codemirror/useCodeMirror'\nimport {useLanguageMode} from './codemirror/useLanguageMode'\nimport {PATH_CODE} from './config'\nimport {LanguageField} from './LanguageField'\nimport type {CodeInputValue, CodeSchemaType} from './types'\nimport {useFieldMember} from './useFieldMember'\n\n/**\n * @public\n */\nexport interface CodeInputProps extends ObjectInputProps<CodeInputValue, CodeSchemaType> {}\n\n/** @public */\nexport function CodeInput(props: CodeInputProps): React.JSX.Element {\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 mounted = useMounted()\n\n const fullscreenEnabled = !type.options?.disableFullscreen\n\n const renderCodeInput: RenderInputCallback = useCallback(\n (inputProps) => (\n <FullscreenEditor enabled={fullscreenEnabled}>\n {({isFullscreen}) => (\n <EditorContainer\n $fullscreen={isFullscreen}\n border={!isFullscreen}\n overflow=\"hidden\"\n radius={1}\n sizing=\"border\"\n readOnly={readOnly}\n >\n {mounted && (\n <Suspense\n fallback={\n <Box padding={3}>\n <Text>Loading code editor...</Text>\n </Box>\n }\n >\n <CodeMirrorProxy\n languageMode={languageMode}\n onChange={handleCodeChange}\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\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 </FullscreenEditor>\n ),\n [\n fullscreenEnabled,\n readOnly,\n mounted,\n languageMode,\n handleCodeChange,\n value?.highlightedLines,\n onHighlightChange,\n handleCodeFocus,\n elementProps.onBlur,\n ],\n )\n\n return (\n <Stack gap={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","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 {Box, Card, Flex, Label, Text} from '@sanity/ui'\nimport {Suspense} from 'react'\nimport type {PreviewProps} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport {CodeMirrorProxy, useMounted} from './codemirror/useCodeMirror'\nimport {useLanguageMode} from './codemirror/useLanguageMode'\nimport type {CodeInputValue, CodeSchemaType} from './types'\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 function PreviewCode(props: PreviewCodeProps): React.JSX.Element {\n const {selection, schemaType: type} = props\n // oxlint-disable-next-line no-unsafe-type-assertion - fix later\n const {languageMode} = useLanguageMode(type as CodeSchemaType, props.selection)\n\n const mounted = useMounted()\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 {mounted && (\n <Suspense fallback={<Card padding={2}>Loading code preview...</Card>}>\n <CodeMirrorProxy\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","import {CodeBlockIcon} from '@sanity/icons/CodeBlock'\nimport {defineType, type ObjectDefinition} from 'sanity'\n\nimport {CodeInput} from './CodeInput'\nimport {getMedia} from './getMedia'\nimport {PreviewCode} from './PreviewCode'\nimport type {CodeOptions} from './types'\n\n/**\n * @public\n */\nexport const codeTypeName = 'code'\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' {\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 {definePlugin, type Plugin} from 'sanity'\n\nimport {CodeInputConfigContext} from './codemirror/CodeModeContext'\nimport type {CodeMode} from './codemirror/defaultCodeModes'\nimport {codeSchema} from './schema'\n\nexport interface CodeInputConfig {\n codeModes?: CodeMode[]\n}\n\n/**\n * @public\n */\nexport const codeInput: Plugin<CodeInputConfig | void> = definePlugin<CodeInputConfig | void>(\n (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)\n"],"mappings":"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"}
\ No newline at end of fileIndex: package/README.md
===================================================================
--- package/README.md
+++ package/README.md
@@ -20,10 +20,10 @@
Add it as a plugin in `sanity.config.ts` (or .js):
```js
-import {defineConfig} from 'sanity'
import {codeInput} from '@sanity/code-input'
+import {defineConfig} from 'sanity'
export default defineConfig({
// ...
plugins: [codeInput()],Index: package/dist/index.d.ts
===================================================================
--- package/dist/index.d.ts
+++ package/dist/index.d.ts
@@ -52,13 +52,13 @@
}
/**
* @public
*/
-declare function PreviewCode(props: PreviewCodeProps): React.JSX.Element;
+export declare function PreviewCode(props: PreviewCodeProps): React.JSX.Element;
/**
* @public
*/
-declare const codeTypeName = "code";
+export declare const codeTypeName = "code";
/**
* @public
*/
interface CodeDefinition extends Omit<ObjectDefinition, 'type' | 'fields' | 'options'> {
@@ -72,9 +72,9 @@
}
/**
* @public
*/
-declare const codeSchema: {
+export declare const codeSchema: {
name: "code";
type: "object";
title: string;
components: {
@@ -124,10 +124,10 @@
};
};
};
};
-declare const SUPPORTED_LANGUAGES: CodeInputLanguage[];
-declare const LANGUAGE_ALIASES: Record<string, string | undefined>;
+export declare const SUPPORTED_LANGUAGES: CodeInputLanguage[];
+export declare const LANGUAGE_ALIASES: Record<string, string | undefined>;
interface CodeMode {
name: string;
loader: ModeLoader;
}
@@ -137,7 +137,7 @@
}
/**
* @public
*/
-declare const codeInput: Plugin<CodeInputConfig | void>;
-export { type CodeDefinition, type CodeInput, type CodeInputLanguage, type CodeInputProps, type CodeInputValue, type CodeOptions, type CodeSchemaType, LANGUAGE_ALIASES, PreviewCode, type PreviewCodeProps, SUPPORTED_LANGUAGES, codeInput, codeSchema, codeTypeName };
+export declare const codeInput: Plugin<CodeInputConfig | void>;
+export type { CodeDefinition, CodeInput, CodeInputLanguage, CodeInputProps, CodeInputValue, CodeOptions, CodeSchemaType, PreviewCodeProps };
//# sourceMappingURL=index.d.ts.map
\ No newline at end of file