@sanity/code-input 3.0.0-v3-studio.11 → 3.0.0-v3-studio.13

package/lib/src/index.d.ts

@@ -0,0 +1,116 @@
+/// <reference types="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 {ThemeColorSchemeKey} from '@sanity/ui'
+
+/**
+ * @public
+ */
+export declare interface CodeDefinition
+  extends Omit<ObjectDefinition, 'type' | 'fields' | 'options'> {
+  type: typeof codeTypeName
+  options?: CodeOptions
+}
+
+/**
+ * @public
+ */
+export declare const codeInput: Plugin_2<void>
+
+/**
+ * @public
+ */
+export declare interface CodeInputLanguage {
+  title: string
+  value: string
+  mode?: string
+}
+
+/**
+ * @public
+ */
+export declare type CodeInputProps = ObjectInputProps<CodeInputValue, CodeSchemaType> & {
+  /** @internal */
+  colorScheme?: ThemeColorSchemeKey
+}
+
+/**
+ * @public
+ */
+export declare interface CodeInputValue {
+  _type?: 'code'
+  code?: string
+  filename?: string
+  language?: string
+  highlightedLines?: number[]
+}
+
+/**
+ * @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 type CodeSchemaType = Omit<ObjectSchemaType, 'options'> & {
+  options?: CodeOptions
+}
+
+/**
+ * @public
+ */
+export declare const codeTypeName: 'code'
+
+/**
+ * @public
+ */
+export declare function PreviewCode(props: PreviewCodeProps): JSX.Element
+
+/**
+ * @public
+ */
+export declare interface PreviewCodeProps {
+  type?: CodeSchemaType
+  value?: {
+    selection?: CodeInputValue
+  }
+}
+
+export {}
+
+declare module '@sanity/types' {
+    interface IntrinsicDefinitions {
+        code: CodeDefinition;
+    }
+}

package/package.json

@@ -1,31 +1,34 @@
 {
   "name": "@sanity/code-input",
-  "version": "3.0.0-v3-studio.11",
+  "version": "3.0.0-v3-studio.13",
   "description": "Ace editor for editing code",
+  "author": "Sanity.io <hello@sanity.io>",
+  "license": "MIT",
   "source": "./src/index.ts",
   "exports": {
     ".": {
-      "require": "./lib/cjs/index.js",
-      "default": "./lib/esm/index.js"
+      "types": "./lib/src/index.d.ts",
+      "source": "./src/index.ts",
+      "import": "./lib/index.esm.js",
+      "require": "./lib/index.js",
+      "default": "./lib/index.esm.js"
     }
   },
-  "main": "./lib/cjs/index.js",
-  "module": "./lib/esm/index.js",
-  "types": "./lib/types/index.d.ts",
+  "main": "./lib/index.js",
+  "module": "./lib/index.esm.js",
+  "types": "./lib/src/index.d.ts",
   "files": [
     "src",
     "lib",
     "v2-incompatible.js",
     "sanity.json"
   ],
-  "author": "Sanity.io <hello@sanity.io>",
-  "license": "MIT",
   "scripts": {
     "clean": "rimraf lib",
-    "prebuild": "npm run clean && plugin-kit verify-package --silent",
-    "build": "parcel build --no-cache",
+    "prebuild": "npm run clean && plugin-kit verify-package --silent && pkg-utils",
+    "build": "pkg-utils build",
     "link-watch": "plugin-kit link-watch",
-    "watch": "parcel watch",
+    "watch": "pkg-utils watch",
     "prepublishOnly": "npm run build",
     "compile": "tsc --noEmit",
     "lint": "eslint .",
@@ -46,59 +49,60 @@
   "dependencies": {
     "@sanity/icons": "^1.2.8",
     "@sanity/incompatible-plugin": "^1.0.4",
-    "@sanity/ui": "^0.38.2",
+    "@sanity/ui": "^1.0.0-beta.31",
     "ace-builds": "^1.9.5",
     "react-ace": "^10.1.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.18.10",
     "@babel/preset-react": "^7.18.6",
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
+    "@commitlint/cli": "^17.2.0",
+    "@commitlint/config-conventional": "^17.2.0",
     "@parcel/packager-ts": "2.6.2",
     "@parcel/transformer-typescript-types": "2.6.2",
-    "@sanity/plugin-kit": "^1.1.0-ecosystem-preset.5",
-    "@sanity/semantic-release-preset": "^2.0.1",
+    "@sanity/pkg-utils": "^1.16.2",
+    "@sanity/plugin-kit": "^2.0.5",
+    "@sanity/semantic-release-preset": "^2.0.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^29.1.2",
     "@types/styled-components": "^5.1.25",
-    "@typescript-eslint/eslint-plugin": "^5.12.0",
-    "@typescript-eslint/parser": "^5.12.0",
-    "eslint": "^8.7.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-config-sanity": "^5.1.0",
-    "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.5.0",
+    "@typescript-eslint/eslint-plugin": "^5.42.0",
+    "@typescript-eslint/parser": "^5.42.0",
+    "eslint": "^8.26.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-sanity": "^6.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.1",
     "jest": "^28.1.3",
     "jest-environment-jsdom": "^28.1.3",
     "lint-staged": "^13.0.3",
-    "parcel": "2.6.2",
-    "prettier": "^2.6.2",
+    "parcel": "~2.6.0",
+    "prettier": "^2.7.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "rimraf": "^3.0.2",
-    "sanity": "3.0.0-dev-preview.21",
+    "sanity": "3.0.0-rc.0",
     "styled-components": "^5.2.0",
     "ts-jest": "^28.0.7",
-    "typescript": "4.7.4"
+    "typescript": "^4.8.4"
   },
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "sanity": "dev-preview",
+    "sanity": "dev-preview || 3.0.0-rc.0",
     "styled-components": "^5.2.0"
   },
   "bugs": {
     "url": "https://github.com/sanity-io/code-input/issues"
   },
-  "homepage": "https://www.sanity.io/",
+  "homepage": "https://github.com/sanity-io/code-input#readme",
   "sanityExchangeUrl": "https://www.sanity.io/plugins/code-input",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/sanity-io/code-input.git"
+    "url": "git@github.com:sanity-io/code-input.git"
   },
   "engines": {
     "node": ">=14.0.0"

package/src/CodeInput.tsx

@@ -11,6 +11,7 @@ import {
   set,
   setIfMissing,
   unset,
+  RenderInputCallback,
 } from 'sanity'
 import {Card, Select, Stack, ThemeColorSchemeKey} from '@sanity/ui'
 import styled from 'styled-components'
@@ -101,7 +102,6 @@ export function CodeInput(props: CodeInputProps) {
     members,
     elementProps,
     onChange,
-    onFocusPath,
     readOnly,
     renderField,
     renderInput,
@@ -109,6 +109,7 @@ export function CodeInput(props: CodeInputProps) {
     renderPreview,
     schemaType: type,
     value,
+    onPathFocus,
   } = props
 
   const aceEditorRef = useRef<any>()
@@ -129,8 +130,8 @@ export function CodeInput(props: CodeInputProps) {
   }))
 
   const handleCodeFocus = useCallback(() => {
-    onFocusPath(PATH_CODE)
-  }, [onFocusPath])
+    onPathFocus(PATH_CODE)
+  }, [onPathFocus])
 
   const {scheme} = useColorScheme()
 
@@ -290,7 +291,7 @@ export function CodeInput(props: CodeInputProps) {
 
   const AceEditor = useAceEditor()
 
-  const renderCodeInput = useCallback(
+  const renderCodeInput: RenderInputCallback = useCallback(
     (inputProps) => {
       return (
         <EditorContainer radius={1} shadow={1} readOnly={readOnly}>
@@ -303,7 +304,7 @@ export function CodeInput(props: CodeInputProps) {
                 width="100%"
                 onChange={handleCodeChange}
                 name={inputProps.id}
-                value={inputProps.value}
+                value={inputProps.value as string}
                 markers={
                   value && value.highlightedLines
                     ? createHighlightMarkers(value.highlightedLines)

package/src/index.ts

@@ -1,4 +1,4 @@
-import {createPlugin} from 'sanity'
+import {definePlugin} from 'sanity'
 
 import {codeSchema, codeTypeName, CodeDefinition} from './schema'
 import PreviewCode, {PreviewCodeProps} from './PreviewCode'
@@ -12,7 +12,7 @@ export type {CodeDefinition}
 /**
  * @public
  */
-export const codeInput = createPlugin({
+export const codeInput = definePlugin({
   name: '@sanity/code-input',
   schema: {types: [codeSchema]},
 })

package/src/schema.tsx

@@ -36,7 +36,7 @@ export const codeSchema = defineType({
   name: 'code',
   type: 'object',
   title: 'Code',
-  components: {input: CodeInput, preview: PreviewCode},
+  ...({components: {input: CodeInput, preview: PreviewCode}} as {}), //TODO rollback change when rc.1 is released
   icon: CodeBlockIcon,
   fields: [
     {