@sanity/code-input 4.1.4 → 5.1.0

package/lib/index.cjs

@@ -1,9 +1,6 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
-var index = require('./_chunks/index-0LQQ9tED.cjs');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var index = require("./_chunks-cjs/index.cjs");
 exports.PreviewCode = index.PreviewCode;
 exports.codeInput = index.codeInput;
 exports.codeSchema = index.codeSchema;

package/lib/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/lib/index.d.cts

@@ -0,0 +1,121 @@
+import type {Extension} from '@codemirror/state'
+import {JSX as JSX_2} from 'react'
+import {ObjectDefinition} from 'sanity'
+import {ObjectInputProps} from 'sanity'
+import {ObjectSchemaType} from 'sanity'
+import {Plugin as Plugin_2} from 'sanity'
+import {PreviewConfig} from 'sanity'
+import {PreviewProps} from 'sanity'
+
+/**
+ * @public
+ */
+export declare interface CodeDefinition
+  extends Omit<ObjectDefinition, 'type' | 'fields' | 'options'> {
+  type: typeof codeTypeName
+  options?: CodeOptions
+}
+
+/** @public */
+export declare function CodeInput(props: CodeInputProps): JSX_2.Element
+
+/**
+ * @public
+ */
+export declare const codeInput: Plugin_2<void | CodeInputConfig>
+
+declare interface CodeInputConfig {
+  codeModes?: CodeMode[]
+}
+
+export declare interface CodeInputLanguage {
+  title: string
+  value: string
+  mode?: string
+}
+
+/**
+ * @public
+ */
+export declare interface CodeInputProps extends ObjectInputProps<CodeInputValue, CodeSchemaType> {}
+
+/**
+ * @public
+ */
+export declare interface CodeInputValue {
+  _type?: 'code'
+  code?: string
+  filename?: string
+  language?: string
+  highlightedLines?: number[]
+}
+
+declare interface CodeMode {
+  name: string
+  loader: ModeLoader
+}
+
+/**
+ * @public
+ */
+export declare interface CodeOptions {
+  theme?: string
+  darkTheme?: string
+  languageAlternatives?: CodeInputLanguage[]
+  language?: string
+  withFilename?: boolean
+}
+
+/**
+ * @public
+ */
+export declare const codeSchema: {
+  type: 'object'
+  name: 'code'
+} & Omit<ObjectDefinition, 'preview'> & {
+    preview?:
+      | PreviewConfig<
+          {
+            language: string
+            code: string
+            filename: string
+            highlightedLines: string
+          },
+          Record<'code' | 'language' | 'filename' | 'highlightedLines', any>
+        >
+      | undefined
+  }
+
+/**
+ * @public
+ */
+export declare interface CodeSchemaType extends Omit<ObjectSchemaType, 'options'> {
+  options?: CodeOptions
+}
+
+/**
+ * @public
+ */
+export declare const codeTypeName: 'code'
+
+declare type ModeLoader = () => Promise<Extension | undefined> | Extension | undefined
+
+/**
+ * @public
+ */
+export declare function PreviewCode(props: PreviewCodeProps): JSX_2.Element
+
+/**
+ * @public
+ */
+export declare interface PreviewCodeProps extends PreviewProps {
+  selection?: CodeInputValue
+}
+
+export {}
+
+declare module '@sanity/types' {
+  interface IntrinsicDefinitions {
+    code: CodeDefinition
+  }
+}

package/lib/index.d.ts

@@ -1,5 +1,5 @@
-import {Extension} from '@codemirror/state'
-import {JSX as JSX_2} from 'react/jsx-runtime'
+import type {Extension} from '@codemirror/state'
+import {JSX as JSX_2} from 'react'
 import {ObjectDefinition} from 'sanity'
 import {ObjectInputProps} from 'sanity'
 import {ObjectSchemaType} from 'sanity'

package/lib/index.esm.js

@@ -0,0 +1,8 @@
+import { PreviewCode, codeInput, codeSchema, codeTypeName } from "./_legacy/index.esm.js";
+export {
+  PreviewCode,
+  codeInput,
+  codeSchema,
+  codeTypeName
+};
+//# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/index.js

@@ -1,2 +1,8 @@
-export { PreviewCode, codeInput, codeSchema, codeTypeName } from './_chunks/index-4cT0QYPN.js';
+import { PreviewCode, codeInput, codeSchema, codeTypeName } from "./_chunks-es/index.js";
+export {
+  PreviewCode,
+  codeInput,
+  codeSchema,
+  codeTypeName
+};
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/code-input",
-  "version": "4.1.4",
+  "version": "5.1.0",
   "description": "Sanity input component for code, powered by CodeMirror",
   "keywords": [
     "sanity",
@@ -25,20 +25,15 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./lib/index.d.ts",
       "source": "./src/index.ts",
-      "require": "./lib/index.cjs",
-      "node": {
-        "import": "./lib/index.cjs.js"
-      },
       "import": "./lib/index.js",
+      "require": "./lib/index.cjs",
       "default": "./lib/index.js"
     },
     "./package.json": "./package.json"
   },
   "main": "./lib/index.cjs",
-  "module": "./lib/index.js",
-  "source": "./src/index.ts",
+  "module": "./lib/index.esm.js",
   "types": "./lib/index.d.ts",
   "files": [
     "lib",
@@ -46,54 +41,53 @@
     "src",
     "v2-incompatible.js"
   ],
+  "sideEffects": false,
+  "browserslist": "extends @sanity/browserslist-config",
   "scripts": {
-    "prebuild": "npm run clean && plugin-kit verify-package --silent && pkg-utils",
-    "build": "run-s clean && plugin-kit verify-package --silent && pkg-utils build --strict && pkg-utils --strict",
+    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
     "clean": "rimraf lib",
     "compile": "tsc --noEmit",
-    "dev": "workshop dev",
+    "dev": "sanity dev",
     "format": "prettier --write --cache --ignore-unknown .",
     "link-watch": "plugin-kit link-watch",
     "lint": "eslint .",
     "prepare": "husky install",
-    "prepublishOnly": "run-s build",
+    "prepublishOnly": "npm run build",
     "test": "jest",
     "watch": "pkg-utils watch --strict"
   },
   "dependencies": {
-    "@codemirror/autocomplete": "^6.11.1",
-    "@codemirror/commands": "^6.3.2",
-    "@codemirror/lang-html": "^6.4.7",
+    "@codemirror/autocomplete": "^6.18.3",
+    "@codemirror/commands": "^6.7.1",
+    "@codemirror/lang-html": "^6.4.9",
     "@codemirror/lang-java": "^6.0.1",
-    "@codemirror/lang-javascript": "^6.2.1",
+    "@codemirror/lang-javascript": "^6.2.2",
     "@codemirror/lang-json": "^6.0.1",
-    "@codemirror/lang-markdown": "^6.2.3",
+    "@codemirror/lang-markdown": "^6.3.1",
     "@codemirror/lang-php": "^6.0.1",
-    "@codemirror/lang-sql": "^6.5.4",
-    "@codemirror/language": "^6.9.3",
-    "@codemirror/legacy-modes": "^6.3.3",
-    "@codemirror/search": "^6.5.5",
-    "@codemirror/state": "^6.3.3",
-    "@codemirror/view": "^6.22.3",
-    "@juggle/resize-observer": "^3.3.1",
-    "@lezer/highlight": "^1.2.0",
+    "@codemirror/lang-sql": "^6.8.0",
+    "@codemirror/language": "^6.10.6",
+    "@codemirror/legacy-modes": "^6.4.2",
+    "@codemirror/search": "^6.5.8",
+    "@codemirror/state": "^6.5.0",
+    "@codemirror/view": "^6.35.3",
+    "@juggle/resize-observer": "^3.4.0",
+    "@lezer/highlight": "^1.2.1",
     "@sanity/incompatible-plugin": "^1.0.4",
-    "@sanity/ui": "^1.0.0",
-    "@uiw/codemirror-themes": "^4.21.21",
-    "@uiw/react-codemirror": "^4.21.21"
+    "@sanity/ui": "^2.10.9",
+    "@uiw/codemirror-themes": "^4.23.6",
+    "@uiw/react-codemirror": "^4.23.6"
   },
   "devDependencies": {
     "@babel/core": "^7.23.6",
     "@babel/preset-env": "^7.23.6",
     "@babel/preset-react": "^7.23.3",
-    "@commitlint/cli": "^18.4.3",
-    "@commitlint/config-conventional": "^18.4.3",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
     "@sanity/icons": "^2.8.0",
-    "@sanity/pkg-utils": "^3.3.5",
-    "@sanity/plugin-kit": "^3.1.10",
-    "@sanity/semantic-release-preset": "^4.1.6",
-    "@sanity/ui-workshop": "^1.2.0",
-    "@sanity/ui-workshop-plugin-sanity": "^1.0.0",
+    "@sanity/pkg-utils": "^6.12.0",
+    "@sanity/plugin-kit": "^4.0.18",
+    "@sanity/semantic-release-preset": "^5.0.0",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^14.1.2",
     "@types/jest": "^29.5.11",
@@ -118,27 +112,28 @@
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "rimraf": "^5.0.5",
-    "sanity": "^3.21.3",
-    "sanity-extra": "^1.0.0",
-    "sanity-testing-library": "^1.0.0",
-    "semantic-release": "^22.0.0",
+    "sanity": "^3.67.1",
+    "semantic-release": "^24.2.0",
     "styled-components": "^6.1.1",
     "ts-jest": "^29.1.1",
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^18 || >=19.0.0-0",
+    "react-dom": "^18 || >=19.0.0-0",
     "sanity": "^3",
     "styled-components": "^5.2 || ^6"
   },
   "engines": {
-    "node": ">=14"
+    "node": ">=18"
   },
   "sanityExchangeUrl": "https://www.sanity.io/plugins/code-input",
   "sanityPlugin": {
     "verifyPackage": {
       "babelConfig": false
     }
+  },
+  "overrides": {
+    "conventional-changelog-conventionalcommits": ">= 8.0.0"
   }
 }

package/src/CodeInput.tsx

@@ -1,14 +1,15 @@
+import {Box, Card, Stack, Text} from '@sanity/ui'
 import {Suspense, useCallback} from 'react'
 import {MemberField, ObjectInputProps, RenderInputCallback, set, setIfMissing, unset} from 'sanity'
-import {Box, Card, Stack, Text} from '@sanity/ui'
 import styled, {css} from 'styled-components'
-import {LanguageField} from './LanguageField'
+
 import {useCodeMirror} from './codemirror/useCodeMirror'
 import {useLanguageMode} from './codemirror/useLanguageMode'
 import {PATH_CODE} from './config'
+import {LanguageField} from './LanguageField'
 import {CodeInputValue, CodeSchemaType} from './types'
-import {useFieldMember} from './useFieldMember'
 import {focusRingBorderStyle, focusRingStyle} from './ui/focusRingStyle'
+import {useFieldMember} from './useFieldMember'
 
 export type {CodeInputLanguage, CodeInputValue} from './types'
 

package/src/LanguageField.tsx

@@ -1,7 +1,8 @@
 import {useCallback} from 'react'
 import {FieldMember, InputProps, MemberField, MemberFieldProps, StringInputProps} from 'sanity'
-import {CodeInputLanguage} from './types'
+
 import {LanguageInput} from './LanguageInput'
+import {CodeInputLanguage} from './types'
 
 export function LanguageField(
   props: MemberFieldProps & {member: FieldMember; language: string; languages: CodeInputLanguage[]},

package/src/LanguageInput.tsx

@@ -1,6 +1,7 @@
-import {ChangeEvent, useCallback} from 'react'
-import {StringInputProps, set, unset} from 'sanity'
 import {Select} from '@sanity/ui'
+import {ChangeEvent, useCallback} from 'react'
+import {set, StringInputProps, unset} from 'sanity'
+
 import {CodeInputLanguage} from './types'
 
 export interface LanguageInputProps extends StringInputProps {

package/src/PreviewCode.tsx

@@ -1,10 +1,11 @@
+import {Box, Card, Flex, Label, Text} from '@sanity/ui'
 import {Suspense} from 'react'
-import styled from 'styled-components'
-import {Label, Box, Card, Flex, Text} from '@sanity/ui'
-import {CodeInputValue, CodeSchemaType} from './types'
 import {PreviewProps} from 'sanity'
+import styled from 'styled-components'
+
 import {useCodeMirror} from './codemirror/useCodeMirror'
 import {useLanguageMode} from './codemirror/useLanguageMode'
+import {CodeInputValue, CodeSchemaType} from './types'
 
 const PreviewContainer = styled(Box)`
   position: relative;
@@ -20,7 +21,7 @@ export interface PreviewCodeProps extends PreviewProps {
 /**
  * @public
  */
-export default function PreviewCode(props: PreviewCodeProps) {
+export function PreviewCode(props: PreviewCodeProps) {
   const {selection, schemaType: type} = props
   const {languageMode} = useLanguageMode(type as CodeSchemaType, props.selection)
 

package/src/codemirror/CodeMirrorProxy.tsx

@@ -1,7 +1,9 @@
+import type {Extension} from '@codemirror/state'
+import {EditorView} from '@codemirror/view'
+import {useRootTheme} from '@sanity/ui'
+import CodeMirror, {type ReactCodeMirrorProps, type ReactCodeMirrorRef} from '@uiw/react-codemirror'
 import {forwardRef, useCallback, useContext, useEffect, useMemo, useState} from 'react'
-import CodeMirror, {ReactCodeMirrorProps, ReactCodeMirrorRef} from '@uiw/react-codemirror'
-import {useCodeMirrorTheme} from './extensions/useCodeMirrorTheme'
-import {Extension} from '@codemirror/state'
+
 import {CodeInputConfigContext} from './CodeModeContext'
 import {defaultCodeModes} from './defaultCodeModes'
 import {
@@ -9,10 +11,9 @@ import {
   highlightState,
   setHighlightedLines,
 } from './extensions/highlightLineExtension'
-import {EditorView} from '@codemirror/view'
-import {useRootTheme} from '@sanity/ui'
-import {useFontSizeExtension} from './extensions/useFontSize'
 import {useThemeExtension} from './extensions/theme'
+import {useCodeMirrorTheme} from './extensions/useCodeMirrorTheme'
+import {useFontSizeExtension} from './extensions/useFontSize'
 
 export interface CodeMirrorProps extends ReactCodeMirrorProps {
   highlightLines?: number[]

package/src/codemirror/CodeModeContext.tsx

@@ -1,4 +1,5 @@
 import {createContext} from 'react'
-import {CodeInputConfig} from '../plugin'
+
+import type {CodeInputConfig} from '../plugin'
 
 export const CodeInputConfigContext = createContext<CodeInputConfig | undefined>(undefined)

package/src/codemirror/defaultCodeModes.ts

@@ -1,5 +1,5 @@
 import {StreamLanguage} from '@codemirror/language'
-import {type Extension} from '@codemirror/state'
+import type {Extension} from '@codemirror/state'
 
 export interface CodeMode {
   name: string

package/src/codemirror/extensions/backwardsCompatibleTone.ts

@@ -0,0 +1,19 @@
+import type {ThemeContextValue} from '@sanity/ui'
+
+/**
+ * `@sanity/ui@v2.9` introduced two new tones; "neutral" and "suggest",
+ * which maps to "default" and "primary" respectively in the old theme.
+ * This function returns the "backwards compatible" tone value.
+ *
+ * @returns The tone value that is backwards compatible with the old theme.
+ * @internal
+ */
+export function getBackwardsCompatibleTone(
+  themeCtx: ThemeContextValue,
+): Exclude<ThemeContextValue['tone'], 'neutral' | 'suggest'> {
+  if (themeCtx.tone !== 'neutral' && themeCtx.tone !== 'suggest') {
+    return themeCtx.tone
+  }
+
+  return themeCtx.tone === 'neutral' ? 'default' : 'primary'
+}

package/src/codemirror/extensions/highlightLineExtension.ts

@@ -1,8 +1,11 @@
 /* eslint-disable no-param-reassign */
 
-import {Extension, StateEffect, StateField} from '@codemirror/state'
-import {Decoration, EditorView, lineNumbers} from '@codemirror/view'
-import {ThemeContextValue, rgba} from '@sanity/ui'
+import {type Extension, StateEffect, StateField} from '@codemirror/state'
+import {Decoration, type DecorationSet, EditorView, lineNumbers} from '@codemirror/view'
+import type {ThemeContextValue} from '@sanity/ui'
+import {rgba} from '@sanity/ui/theme'
+
+import {getBackwardsCompatibleTone} from './backwardsCompatibleTone'
 
 const highlightLineClass = 'cm-highlight-line'
 
@@ -65,7 +68,7 @@ const lineHighlightMark = Decoration.line({
 })
 
 export const highlightState: {
-  [prop: string]: StateField<any>
+  [prop: string]: StateField<DecorationSet>
 } = {
   highlight: lineHighlightField,
 }
@@ -78,8 +81,11 @@ export interface HighlightLineConfig {
 
 function createCodeMirrorTheme(options: {themeCtx: ThemeContextValue}) {
   const {themeCtx} = options
-  const dark = {color: themeCtx.theme.color.dark[themeCtx.tone]}
-  const light = {color: themeCtx.theme.color.light[themeCtx.tone]}
+
+  const fallbackTone = getBackwardsCompatibleTone(themeCtx)
+
+  const dark = {color: themeCtx.theme.color.dark[fallbackTone]}
+  const light = {color: themeCtx.theme.color.light[fallbackTone]}
 
   return EditorView.baseTheme({
     '.cm-lineNumbers': {

package/src/codemirror/extensions/theme.ts

@@ -1,14 +1,18 @@
-import {Extension} from '@codemirror/state'
+import type {Extension} from '@codemirror/state'
 import {EditorView} from '@codemirror/view'
-import {rgba, useRootTheme} from '@sanity/ui'
+import {useRootTheme} from '@sanity/ui'
+import {rgba} from '@sanity/ui/theme'
 import {useMemo} from 'react'
 
+import {getBackwardsCompatibleTone} from './backwardsCompatibleTone'
+
 export function useThemeExtension(): Extension {
   const themeCtx = useRootTheme()
 
   return useMemo(() => {
-    const dark = {color: themeCtx.theme.color.dark[themeCtx.tone]}
-    const light = {color: themeCtx.theme.color.light[themeCtx.tone]}
+    const fallbackTone = getBackwardsCompatibleTone(themeCtx)
+    const dark = {color: themeCtx.theme.color.dark[fallbackTone]}
+    const light = {color: themeCtx.theme.color.light[fallbackTone]}
 
     return EditorView.baseTheme({
       '&.cm-editor': {

package/src/codemirror/extensions/useCodeMirrorTheme.ts

@@ -1,8 +1,9 @@
-import {rgba, useTheme} from '@sanity/ui'
-import {useMemo} from 'react'
-import {createTheme} from '@uiw/codemirror-themes'
+import type {Extension} from '@codemirror/state'
 import {tags as t} from '@lezer/highlight'
-import {Extension} from '@codemirror/state'
+import {useTheme} from '@sanity/ui'
+import {rgba} from '@sanity/ui/theme'
+import {createTheme} from '@uiw/codemirror-themes'
+import {useMemo} from 'react'
 
 export function useCodeMirrorTheme(): Extension {
   const theme = useTheme()

package/src/codemirror/extensions/useFontSize.ts

@@ -1,4 +1,4 @@
-import {Extension} from '@codemirror/state'
+import type {Extension} from '@codemirror/state'
 import {EditorView} from '@codemirror/view'
 import {rem, useTheme} from '@sanity/ui'
 import {useMemo} from 'react'

package/src/codemirror/useCodeMirror-client.test.tsx

@@ -1,14 +1,16 @@
 /** @jest-environment jsdom */
 
+import {studioTheme, ThemeProvider} from '@sanity/ui'
+import {act, render} from '@testing-library/react'
 import {Suspense} from 'react'
 
-import {act, render} from '@testing-library/react'
 import {useCodeMirror} from './useCodeMirror'
-import {studioTheme, ThemeProvider} from '@sanity/ui'
 
 describe('useCodeMirror - client', () => {
+  let rafMock: jest.SpyInstance<number, [FrameRequestCallback]>
+
   beforeEach(() => {
-    jest
+    rafMock = jest
       .spyOn(window, 'requestAnimationFrame')
       .mockImplementation((callback: FrameRequestCallback): number => {
         try {
@@ -23,10 +25,10 @@ describe('useCodeMirror - client', () => {
   })
 
   afterEach(() => {
-    ;(window.requestAnimationFrame as any).mockRestore()
+    rafMock.mockRestore()
   })
 
-  it('should render suspended ace editor', async () => {
+  it('should render suspended codemirror editor', async () => {
     const TestComponent = () => {
       const CodeMirror = useCodeMirror()
       return (
@@ -39,11 +41,12 @@ describe('useCodeMirror - client', () => {
         </Suspense>
       )
     }
-    let container: any
+    let container: HTMLElement | undefined
     await act(async () => {
       const result = render(<TestComponent />)
       container = result.container
     })
-    expect(container.querySelector('.cm-theme')).toBeTruthy()
+    expect(container).toBeTruthy()
+    expect(container!.querySelector('.cm-theme')).toBeTruthy()
   })
 })

package/src/codemirror/useCodeMirror-server.test.tsx

@@ -1,4 +1,5 @@
 import {renderToString} from 'react-dom/server'
+
 import {useCodeMirror} from './useCodeMirror'
 
 describe('useCodeMirror - server', () => {

package/src/codemirror/useLanguageMode.tsx

@@ -1,10 +1,18 @@
-import {LANGUAGE_ALIASES, SUPPORTED_LANGUAGES} from '../config'
-import {CodeInputLanguage, CodeInputValue, CodeSchemaType} from '../types'
 import {useMemo} from 'react'
 
+import {LANGUAGE_ALIASES, SUPPORTED_LANGUAGES} from '../config'
+import type {CodeInputLanguage, CodeInputValue, CodeSchemaType} from '../types'
+
 export const defaultLanguageMode = 'text'
 
-export function useLanguageMode(schemaType: CodeSchemaType, value?: CodeInputValue) {
+export function useLanguageMode(
+  schemaType: CodeSchemaType,
+  value?: CodeInputValue,
+): {
+  language: string
+  languageMode: string
+  languages: CodeInputLanguage[]
+} {
   const languages = useLanguageAlternatives(schemaType)
   const fixedLanguage = schemaType.options?.language
   const language = value?.language ?? fixedLanguage ?? defaultLanguageMode

package/src/index.ts

@@ -1,10 +1,7 @@
-import {codeSchema, codeTypeName, CodeDefinition} from './schema'
-import PreviewCode, {PreviewCodeProps} from './PreviewCode'
-export {type CodeInputProps, type CodeInput} from './CodeInput'
-
-export type {CodeInputLanguage, CodeInputValue, CodeSchemaType, CodeOptions} from './types'
-
-export {PreviewCode, type PreviewCodeProps}
+import {CodeDefinition, codeSchema, codeTypeName} from './schema'
+export {type CodeInput, type CodeInputProps} from './CodeInput'
+export {PreviewCode, type PreviewCodeProps} from './PreviewCode'
+export type {CodeInputLanguage, CodeInputValue, CodeOptions, CodeSchemaType} from './types'
 export {codeSchema, codeTypeName}
 export type {CodeDefinition}
 

package/src/plugin.tsx

@@ -1,7 +1,8 @@
 import {definePlugin} from 'sanity'
-import {codeSchema} from './schema'
-import {CodeMode} from './codemirror/defaultCodeModes'
+
 import {CodeInputConfigContext} from './codemirror/CodeModeContext'
+import {CodeMode} from './codemirror/defaultCodeModes'
+import {codeSchema} from './schema'
 
 export interface CodeInputConfig {
   codeModes?: CodeMode[]

package/src/schema.tsx

@@ -1,8 +1,9 @@
 import {CodeBlockIcon} from '@sanity/icons'
+import {defineType, ObjectDefinition} from 'sanity'
+
 import {CodeInput} from './CodeInput'
-import PreviewCode from './PreviewCode'
 import {getMedia} from './getMedia'
-import {defineType, ObjectDefinition} from 'sanity'
+import {PreviewCode} from './PreviewCode'
 import {CodeOptions} from './types'
 
 /**