@sanity/code-input 2.24.0 → 2.24.1

package/README.md

@@ -52,12 +52,40 @@ Note that the above only works if you import and use the `all:part:@sanity/base/
       {title: 'Javascript', value: 'js'},
       {title: 'HTML', value: 'html'},
       {title: 'CSS', value: 'css'},
+      {title: 'Rust', value: 'rust', mode:'rust'},
       {title: 'SASS', value: 'sass'},
     ]
   }
 }
 ```
 
+## Add support for more languages
+
+Only a subset of languages are supported by default (see full list [here](https://github.com/sanity-io/sanity/blob/current/packages/@sanity/code-input/src/config.ts#L4)). You can add support for other languages by importing the ace mode yourself, and specifying `mode` for the `languageAlternatives` schema config.
+
+Example: Add support for the Rust Programming Language
+
+```js
+// import rust support for ace, see https://github.com/securingsincity/react-ace for more details
+import 'ace-builds/src-noconflict/mode-rust'
+
+{
+    name: 'exampleUsage',
+    title: 'Example usage',
+    type: 'code',
+    options: {
+      languageAlternatives: [
+        {title: 'Javascript', value: 'js'},
+        {
+          title: 'Rust',
+          value: 'rust',
+          mode:'rust' // <- specify the mode to use here. Make sure this mode is also imported from ace-builds (see above)
+        },
+     ]
+  }
+}
+```
+
 ## Data model
 
 ```js

package/dist/dts/CodeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../src/CodeInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAC,IAAI,EAAE,MAAM,EAAC,MAAM,eAAe,CAAA;AAU1C,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAErD,OAAO,iBAAiB,CAAA;AAsCxB,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC7B,QAAQ,EAAE,iBAAiB,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,cAAc,CAAA;CACvB;AAkBD,QAAA,MAAM,SAAS;WAC2C,MAAM,IAAI;GAyUnE,CAAA;AAID,eAAe,SAAS,CAAA"}
+{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../src/CodeInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAC,IAAI,EAAE,MAAM,EAAC,MAAM,eAAe,CAAA;AAS1C,OAAO,EAAoB,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAExE,OAAO,iBAAiB,CAAA;AAsCxB,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC7B,QAAQ,EAAE,iBAAiB,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,cAAc,CAAA;CACvB;AAkBD,QAAA,MAAM,SAAS;WAC2C,MAAM,IAAI;GAmVnE,CAAA;AAID,eAAe,SAAS,CAAA"}

package/dist/dts/PreviewCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewCode.d.ts","sourceRoot":"","sources":["../../src/PreviewCode.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAErD,OAAO,iBAAiB,CAAA;AAqBxB,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,cAAc,CAAA;CACvB;AAgBD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAqD1D"}
+{"version":3,"file":"PreviewCode.d.ts","sourceRoot":"","sources":["../../src/PreviewCode.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAErD,OAAO,iBAAiB,CAAA;AAqBxB,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,cAAc,CAAA;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAsD1D"}

package/dist/dts/createHighlightMarkers.d.ts

@@ -1,4 +1,4 @@
-import { Marker } from 'react-ace';
+import { IMarker } from 'react-ace';
 export declare const highlightMarkersCSS: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export default function createHighlightMarkers(rows: number[]): Marker[];
+export default function createHighlightMarkers(rows: number[]): IMarker[];
 //# sourceMappingURL=createHighlightMarkers.d.ts.map

package/dist/dts/createHighlightMarkers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createHighlightMarkers.d.ts","sourceRoot":"","sources":["../../src/createHighlightMarkers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAGhC,eAAO,MAAM,mBAAmB,+FAQ/B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAUvE"}
+{"version":3,"file":"createHighlightMarkers.d.ts","sourceRoot":"","sources":["../../src/createHighlightMarkers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAGjC,eAAO,MAAM,mBAAmB,+FAQ/B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAUxE"}

package/dist/dts/editorSupport.d.ts

@@ -1,28 +1,29 @@
 import './groq';
-import 'brace/mode/batchfile';
-import 'brace/mode/csharp';
-import 'brace/mode/css';
-import 'brace/mode/golang';
-import 'brace/mode/html';
-import 'brace/mode/java';
-import 'brace/mode/javascript';
-import 'brace/mode/json';
-import 'brace/mode/jsx';
-import 'brace/mode/markdown';
-import 'brace/mode/mysql';
-import 'brace/mode/php';
-import 'brace/mode/python';
-import 'brace/mode/ruby';
-import 'brace/mode/sass';
-import 'brace/mode/scss';
-import 'brace/mode/sh';
-import 'brace/mode/text';
-import 'brace/mode/tsx';
-import 'brace/mode/typescript';
-import 'brace/mode/xml';
-import 'brace/mode/yaml';
-import 'brace/theme/github';
-import 'brace/theme/monokai';
-import 'brace/theme/terminal';
-import 'brace/theme/tomorrow';
+import 'ace-builds/webpack-resolver';
+import 'ace-builds/src-noconflict/mode-batchfile';
+import 'ace-builds/src-noconflict/mode-csharp';
+import 'ace-builds/src-noconflict/mode-css';
+import 'ace-builds/src-noconflict/mode-golang';
+import 'ace-builds/src-noconflict/mode-html';
+import 'ace-builds/src-noconflict/mode-java';
+import 'ace-builds/src-noconflict/mode-javascript';
+import 'ace-builds/src-noconflict/mode-json';
+import 'ace-builds/src-noconflict/mode-jsx';
+import 'ace-builds/src-noconflict/mode-markdown';
+import 'ace-builds/src-noconflict/mode-mysql';
+import 'ace-builds/src-noconflict/mode-php';
+import 'ace-builds/src-noconflict/mode-python';
+import 'ace-builds/src-noconflict/mode-ruby';
+import 'ace-builds/src-noconflict/mode-sass';
+import 'ace-builds/src-noconflict/mode-scss';
+import 'ace-builds/src-noconflict/mode-sh';
+import 'ace-builds/src-noconflict/mode-text';
+import 'ace-builds/src-noconflict/mode-tsx';
+import 'ace-builds/src-noconflict/mode-typescript';
+import 'ace-builds/src-noconflict/mode-xml';
+import 'ace-builds/src-noconflict/mode-yaml';
+import 'ace-builds/src-noconflict/theme-github';
+import 'ace-builds/src-noconflict/theme-monokai';
+import 'ace-builds/src-noconflict/theme-terminal';
+import 'ace-builds/src-noconflict/theme-tomorrow';
 //# sourceMappingURL=editorSupport.d.ts.map

package/dist/dts/editorSupport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editorSupport.d.ts","sourceRoot":"","sources":["../../src/editorSupport.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,CAAA;AACf,OAAO,sBAAsB,CAAA;AAC7B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,gBAAgB,CAAA;AACvB,OAAO,mBAAmB,CAAA;AAC1B,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,uBAAuB,CAAA;AAC9B,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,qBAAqB,CAAA;AAC5B,OAAO,kBAAkB,CAAA;AACzB,OAAO,gBAAgB,CAAA;AACvB,OAAO,mBAAmB,CAAA;AAC1B,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,eAAe,CAAA;AACtB,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,uBAAuB,CAAA;AAC9B,OAAO,gBAAgB,CAAA;AACvB,OAAO,iBAAiB,CAAA;AAGxB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,sBAAsB,CAAA"}
+{"version":3,"file":"editorSupport.d.ts","sourceRoot":"","sources":["../../src/editorSupport.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,CAAA;AACf,OAAO,6BAA6B,CAAA;AAEpC,OAAO,0CAA0C,CAAA;AACjD,OAAO,uCAAuC,CAAA;AAC9C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,2CAA2C,CAAA;AAClD,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yCAAyC,CAAA;AAChD,OAAO,sCAAsC,CAAA;AAC7C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,mCAAmC,CAAA;AAC1C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,oCAAoC,CAAA;AAC3C,OAAO,2CAA2C,CAAA;AAClD,OAAO,oCAAoC,CAAA;AAC3C,OAAO,qCAAqC,CAAA;AAG5C,OAAO,wCAAwC,CAAA;AAC/C,OAAO,yCAAyC,CAAA;AAChD,OAAO,0CAA0C,CAAA;AACjD,OAAO,0CAA0C,CAAA"}

package/dist/dts/schema.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
     inputComponent: React.ForwardRefExoticComponent<import("./CodeInput").CodeInputProps & React.RefAttributes<{
         focus: () => void;
     }>>;
-    icon: React.ForwardRefExoticComponent<Pick<React.SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "height" | "crossOrigin" | "href" | "max" | "media" | "method" | "min" | "name" | "target" | "type" | "width" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "display" | "overflow" | "radius" | "fill" | "values" | "mode" | "fontSize" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<SVGSVGElement>>;
+    icon: React.ForwardRefExoticComponent<Pick<React.SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "height" | "crossOrigin" | "href" | "max" | "media" | "method" | "min" | "name" | "target" | "type" | "width" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "display" | "overflow" | "radius" | "mode" | "fontSize" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<SVGSVGElement>>;
     fields: ({
         name: string;
         title: string;

package/dist/dts/types.d.ts

@@ -1,6 +1,7 @@
 export interface CodeInputLanguage {
     title: string;
     value: string;
+    mode?: string;
 }
 export interface CodeInputType {
     name?: string;
@@ -11,6 +12,12 @@ export interface CodeInputType {
         title?: string;
         placeholder?: string;
     }[];
+    options?: {
+        theme?: string;
+        languageAlternatives: CodeInputLanguage[];
+        language: string;
+        withFilename?: boolean;
+    };
 }
 export interface CodeInputValue {
     _type?: 'code';

package/dist/dts/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAC,EAAE,CAAA;CAC/D;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAC,EAAE,CAAA;IAC9D,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,oBAAoB,EAAE,iBAAiB,EAAE,CAAA;QACzC,QAAQ,EAAE,MAAM,CAAA;QAChB,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC5B"}

package/lib/CodeInput.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _has2 = _interopRequireDefault(require("lodash/has"));
-
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _components = require("@sanity/base/components");
@@ -35,12 +31,12 @@ var _config = require("./config");
 
 var _templateObject;
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var EditorContainer = (0, _styledComponents.default)(_ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  box-sizing: border-box;\n  overflow: hidden;\n  z-index: 0;\n\n  .ace_editor {\n    font-family: ", ";\n    font-size: ", ";\n    line-height: inherit;\n  }\n\n  ", "\n\n  &:not([disabled]):not([readonly]) {\n    &:focus,\n    &:focus-within {\n      box-shadow: 0 0 0 2px ", ";\n      background-color: ", ";\n      border-color: ", ";\n    }\n  }\n"])), _ref => {
@@ -78,7 +74,7 @@ function isSupportedLanguage(mode) {
 }
 
 var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  var _props$value;
+  var _props$value, _type$options5, _type$options6;
 
   var aceEditorRef = (0, _react.useRef)();
   var aceEditorId = (0, _autoId.useId)();
@@ -116,7 +112,9 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }), val ? (0, _patchEvent.set)(val, path) : (0, _patchEvent.unset)(path)]));
   }, [onChange, type.name]);
   var getTheme = (0, _react.useCallback)(() => {
-    var preferredTheme = (0, _get2.default)(type, 'options.theme');
+    var _type$options;
+
+    var preferredTheme = (_type$options = type.options) === null || _type$options === void 0 ? void 0 : _type$options.theme;
     return preferredTheme && _config.SUPPORTED_THEMES.find(theme => theme === preferredTheme) ? preferredTheme : _config.DEFAULT_THEME;
   }, [type]);
   var handleToggleSelectLine = (0, _react.useCallback)(lineNumber => {
@@ -124,7 +122,7 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
     var editorSession = (_aceEditorRef$current3 = aceEditorRef.current) === null || _aceEditorRef$current3 === void 0 ? void 0 : (_aceEditorRef$current4 = _aceEditorRef$current3.editor) === null || _aceEditorRef$current4 === void 0 ? void 0 : _aceEditorRef$current4.getSession();
     var backgroundMarkers = editorSession === null || editorSession === void 0 ? void 0 : editorSession.getMarkers(true);
-    var currentHighlightedLines = Object.keys(backgroundMarkers).filter(key => backgroundMarkers[key].type === 'highlight').map(key => backgroundMarkers[key].range.start.row);
+    var currentHighlightedLines = Object.keys(backgroundMarkers).filter(key => backgroundMarkers[key].type === 'screenLine').map(key => backgroundMarkers[key].range.start.row);
     var currentIndex = currentHighlightedLines.indexOf(lineNumber);
 
     if (currentIndex > -1) {
@@ -161,7 +159,9 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     editor === null || editor === void 0 ? void 0 : editor.on('guttermousedown', handleGutterMouseDown);
   }, [handleGutterMouseDown]);
   var getLanguageAlternatives = (0, _react.useCallback)(() => {
-    var languageAlternatives = (0, _get2.default)(type, 'options.languageAlternatives');
+    var _type$options2;
+
+    var languageAlternatives = (_type$options2 = type.options) === null || _type$options2 === void 0 ? void 0 : _type$options2.languageAlternatives;
 
     if (!languageAlternatives) {
       return _config.SUPPORTED_LANGUAGES;
@@ -173,7 +173,8 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
 
     return languageAlternatives.reduce((acc, _ref6) => {
       var title = _ref6.title,
-          val = _ref6.value;
+          val = _ref6.value,
+          mode = _ref6.mode;
       var alias = _config.LANGUAGE_ALIASES[val];
 
       if (alias) {
@@ -181,24 +182,28 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         console.warn("'options.languageAlternatives' lists a language with value \"%s\", which is an alias of \"%s\" - please replace the value to read \"%s\"", val, alias, alias);
         return acc.concat({
           title,
-          value: alias
+          value: alias,
+          mode: mode
         });
       }
 
-      if (!_config.SUPPORTED_LANGUAGES.find(lang => lang.value === val)) {
+      if (!mode && !_config.SUPPORTED_LANGUAGES.find(lang => lang.value === val)) {
         // eslint-disable-next-line no-console
         console.warn("'options.languageAlternatives' lists a language which is not supported: \"%s\", syntax highlighting will be disabled.", val);
       }
 
       return acc.concat({
         title,
-        value: val
+        value: val,
+        mode
       });
     }, []);
   }, [type]);
   var handleCodeChange = (0, _react.useCallback)(code => {
+    var _type$options3;
+
     var path = _config.PATH_CODE;
-    var fixedLanguage = (0, _get2.default)(type, 'options.language');
+    var fixedLanguage = (_type$options3 = type.options) === null || _type$options3 === void 0 ? void 0 : _type$options3.language;
     onChange(_patchEvent.PatchEvent.from([(0, _patchEvent.setIfMissing)({
       _type: type.name,
       language: fixedLanguage
@@ -226,8 +231,15 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   var codePresence = presence.filter(presenceItem => PathUtils.startsWith(_config.PATH_CODE, presenceItem.path));
   var filenamePresence = presence.filter(presenceItem => PathUtils.startsWith(_config.PATH_FILENAME, presenceItem.path));
   var renderEditor = (0, _react.useCallback)(() => {
-    var fixedLanguage = (0, _get2.default)(type, 'options.language');
-    var mode = isSupportedLanguage(value && value.language || fixedLanguage) || 'text';
+    var _type$options4;
+
+    var fixedLanguage = (_type$options4 = type.options) === null || _type$options4 === void 0 ? void 0 : _type$options4.language;
+    var language = (value === null || value === void 0 ? void 0 : value.language) || fixedLanguage; // the language config from the schema
+
+    var configured = languages.find(entry => entry.value === language); // is the language officially supported (e.g. we import the mode by default)
+
+    var supported = language && isSupportedLanguage(language);
+    var mode = configured !== null && configured !== void 0 && configured.mode || supported ? language : 'text';
     return /*#__PURE__*/_react.default.createElement(EditorContainer, {
       radius: 1,
       shadow: 1,
@@ -252,7 +264,7 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }));
   }, [type, value, readOnly, getTheme, handleCodeChange, aceEditorId, handleEditorLoad, handleCodeFocus, onBlur]);
 
-  if ((0, _has2.default)(type, 'options.language')) {
+  if ((_type$options5 = type.options) !== null && _type$options5 !== void 0 && _type$options5.language) {
     return /*#__PURE__*/_react.default.createElement(_changeIndicators.ChangeIndicatorProvider, {
       path: _config.PATH_CODE,
       focusPath: focusPath,
@@ -288,7 +300,7 @@ var CodeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, languages.map(lang => /*#__PURE__*/_react.default.createElement("option", {
     key: lang.value,
     value: lang.value
-  }, lang.title))))), (0, _get2.default)(type, 'options.withFilename', false) && /*#__PURE__*/_react.default.createElement(_changeIndicators.ChangeIndicatorProvider, {
+  }, lang.title))))), ((_type$options6 = type.options) === null || _type$options6 === void 0 ? void 0 : _type$options6.withFilename) && /*#__PURE__*/_react.default.createElement(_changeIndicators.ChangeIndicatorProvider, {
     path: _config.PATH_FILENAME,
     focusPath: focusPath,
     value: value === null || value === void 0 ? void 0 : value.filename,

package/lib/PreviewCode.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = PreviewCode;
 
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactAce = _interopRequireDefault(require("react-ace"));
@@ -23,34 +21,20 @@ require("./editorSupport");
 
 var _templateObject, _templateObject2;
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var PreviewContainer = (0, _styledComponents.default)(_ui.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
 var PreviewInner = (0, _styledComponents.default)(_ui.Box)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background-color: #272822;\n\n  .ace_editor {\n    box-sizing: border-box;\n    cursor: default;\n    pointer-events: none;\n  }\n\n  .ace_content {\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n"])));
 
-function isSupportedLanguage(mode) {
-  var alias = _config.LANGUAGE_ALIASES[mode];
-
-  if (alias) {
-    return alias;
-  }
-
-  var isSupported = _config.SUPPORTED_LANGUAGES.find(lang => lang.value === mode);
-
-  if (isSupported) {
-    return mode;
-  }
-
-  return false;
-}
-
 function PreviewCode(props) {
+  var _type$options;
+
   var aceEditorRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
     var _aceEditorRef$current;
@@ -68,8 +52,8 @@ function PreviewCode(props) {
   }, []);
   var value = props.value,
       type = props.type;
-  var fixedLanguage = (0, _get2.default)(type, 'options.language');
-  var mode = isSupportedLanguage(value && value.language || fixedLanguage) || 'text';
+  var fixedLanguage = type === null || type === void 0 ? void 0 : (_type$options = type.options) === null || _type$options === void 0 ? void 0 : _type$options.language;
+  var mode = (value === null || value === void 0 ? void 0 : value.language) || fixedLanguage;
   return /*#__PURE__*/_react.default.createElement(PreviewContainer, null, /*#__PURE__*/_react.default.createElement(PreviewInner, {
     padding: 4
   }, /*#__PURE__*/_react.default.createElement(_reactAce.default, {

package/lib/createHighlightMarkers.js

@@ -25,7 +25,7 @@ function createHighlightMarkers(rows) {
     endRow: Number(row) - 1,
     endCol: +Infinity,
     className: 'ace_editor_markers_highlight',
-    type: 'highlight',
+    type: 'screenLine',
     inFront: true
   }));
 }

package/lib/editorSupport.js

@@ -2,54 +2,56 @@
 
 require("./groq");
 
-require("brace/mode/batchfile");
+require("ace-builds/webpack-resolver");
 
-require("brace/mode/csharp");
+require("ace-builds/src-noconflict/mode-batchfile");
 
-require("brace/mode/css");
+require("ace-builds/src-noconflict/mode-csharp");
 
-require("brace/mode/golang");
+require("ace-builds/src-noconflict/mode-css");
 
-require("brace/mode/html");
+require("ace-builds/src-noconflict/mode-golang");
 
-require("brace/mode/java");
+require("ace-builds/src-noconflict/mode-html");
 
-require("brace/mode/javascript");
+require("ace-builds/src-noconflict/mode-java");
 
-require("brace/mode/json");
+require("ace-builds/src-noconflict/mode-javascript");
 
-require("brace/mode/jsx");
+require("ace-builds/src-noconflict/mode-json");
 
-require("brace/mode/markdown");
+require("ace-builds/src-noconflict/mode-jsx");
 
-require("brace/mode/mysql");
+require("ace-builds/src-noconflict/mode-markdown");
 
-require("brace/mode/php");
+require("ace-builds/src-noconflict/mode-mysql");
 
-require("brace/mode/python");
+require("ace-builds/src-noconflict/mode-php");
 
-require("brace/mode/ruby");
+require("ace-builds/src-noconflict/mode-python");
 
-require("brace/mode/sass");
+require("ace-builds/src-noconflict/mode-ruby");
 
-require("brace/mode/scss");
+require("ace-builds/src-noconflict/mode-sass");
 
-require("brace/mode/sh");
+require("ace-builds/src-noconflict/mode-scss");
 
-require("brace/mode/text");
+require("ace-builds/src-noconflict/mode-sh");
 
-require("brace/mode/tsx");
+require("ace-builds/src-noconflict/mode-text");
 
-require("brace/mode/typescript");
+require("ace-builds/src-noconflict/mode-tsx");
 
-require("brace/mode/xml");
+require("ace-builds/src-noconflict/mode-typescript");
 
-require("brace/mode/yaml");
+require("ace-builds/src-noconflict/mode-xml");
 
-require("brace/theme/github");
+require("ace-builds/src-noconflict/mode-yaml");
 
-require("brace/theme/monokai");
+require("ace-builds/src-noconflict/theme-github");
 
-require("brace/theme/terminal");
+require("ace-builds/src-noconflict/theme-monokai");
 
-require("brace/theme/tomorrow");
+require("ace-builds/src-noconflict/theme-terminal");
+
+require("ace-builds/src-noconflict/theme-tomorrow");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/code-input",
-  "version": "2.24.0",
+  "version": "2.24.1",
   "description": "Ace editor for editing code",
   "main": "./lib/index.js",
   "types": "./dist/dts",
@@ -21,14 +21,13 @@
   ],
   "dependencies": {
     "@reach/auto-id": "^0.13.2",
-    "@sanity/base": "2.24.0",
+    "@sanity/base": "2.24.1",
     "@sanity/icons": "^1.2.1",
     "@sanity/types": "2.24.0",
-    "@sanity/ui": "^0.37.1",
+    "@sanity/ui": "^0.37.2",
     "@sanity/util": "2.24.0",
-    "brace": "^0.11.1",
-    "lodash": "^4.17.15",
-    "react-ace": "^5.0.1"
+    "ace-builds": "^1.4.13",
+    "react-ace": "^9.5.0"
   },
   "devDependencies": {
     "rimraf": "^2.7.1"
@@ -47,5 +46,5 @@
     "url": "git+https://github.com/sanity-io/sanity.git",
     "directory": "packages/@sanity/code-input"
   },
-  "gitHead": "3809c8a96a5aafd972967cdd00abd646a5ab54e8"
+  "gitHead": "3cacc40d47916bfe60c8491362c9abd36d45dae0"
 }

package/lib/@types/brace.d.js

@@ -1 +0,0 @@
-"use strict";