@sanity/assist 2.0.5 → 3.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/assist",
-  "version": "2.0.5",
+  "version": "3.0.1",
   "description": "You create the instructions; Sanity AI Assist does the rest.",
   "keywords": [
     "sanity",
@@ -17,17 +17,13 @@
   },
   "license": "MIT",
   "author": "Sanity <hello@sanity.io>",
+  "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "source": "./src/index.ts",
+      "import": "./dist/index.mjs",
       "require": "./dist/index.js",
-      "node": {
-        "module": "./dist/index.esm.js",
-        "import": "./dist/index.cjs.mjs"
-      },
-      "import": "./dist/index.esm.js",
-      "default": "./dist/index.esm.js"
+      "default": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
@@ -42,7 +38,7 @@
     "v2-incompatible.js"
   ],
   "scripts": {
-    "build": "run-s clean && plugin-kit verify-package --silent && pkg-utils build --strict && pkg-utils --strict",
+    "build": "run-s clean && pkg-utils build --strict && pkg-utils --strict",
     "clean": "rimraf dist",
     "format": "prettier --write --cache --ignore-unknown .",
     "link-watch": "plugin-kit link-watch",
@@ -54,27 +50,26 @@
     "release": "semantic-release"
   },
   "dependencies": {
-    "@sanity/icons": "^2.8.0",
+    "@sanity/icons": "^2.11.7",
     "@sanity/incompatible-plugin": "^1.0.4",
-    "@sanity/ui": "^2.0.2",
-    "date-fns": "^2.30.0",
-    "lodash.get": "^4.4.2",
-    "react-fast-compare": "^3.2.1",
-    "react-is": "^18.2.0",
-    "rxjs": "^7.8.0",
+    "@sanity/ui": "^2.1.0",
+    "date-fns": "^3.6.0",
+    "lodash": "^4.17.21",
+    "react-fast-compare": "^3.2.2",
+    "rxjs": "^7.8.1",
     "rxjs-exhaustmap-with-trailing": "^2.1.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@rollup/plugin-image": "^3.0.3",
-    "@sanity/pkg-utils": "^2.4.10",
+    "@sanity/pkg-utils": "^6.1.0",
     "@sanity/plugin-kit": "^3.1.10",
     "@sanity/semantic-release-preset": "^4.1.7",
+    "@types/lodash": "^4.17.0",
     "@types/react": "^18.2.75",
     "@typescript-eslint/eslint-plugin": "^7.6.0",
     "@typescript-eslint/parser": "^7.6.0",
-    "date-fns": "^2.30.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-sanity": "^7.1.2",
@@ -92,9 +87,10 @@
     "vitest": "^1.4.0"
   },
   "peerDependencies": {
+    "@sanity/mutator": "^3.36.4",
     "react": "^18",
-    "sanity": "^3.26",
-    "styled-components": "^5.2 || ^6.0.0"
+    "sanity": "^3.36.4",
+    "styled-components": "^6.1"
   },
   "engines": {
     "node": ">=14"

package/src/_lib/form/DocumentForm.tsx

@@ -1,17 +1,18 @@
-import {Box, BoxProps, Flex, focusFirstDescendant, Spinner, Text} from '@sanity/ui'
-import React, {HTMLProps, useEffect, useMemo, useRef} from 'react'
+import {Box, type BoxProps, Flex, focusFirstDescendant, Spinner, Text} from '@sanity/ui'
+import type React from 'react'
+import {type HTMLProps, useEffect, useMemo, useRef} from 'react'
 import {tap} from 'rxjs/operators'
 import {
   createPatchChannel,
-  DocumentMutationEvent,
-  DocumentRebaseEvent,
+  type DocumentMutationEvent,
+  type DocumentRebaseEvent,
   FormBuilder,
   fromMutationPatches,
-  PatchMsg,
+  type PatchMsg,
   useDocumentPresence,
   useDocumentStore,
 } from 'sanity'
-import {useDocumentPane} from 'sanity/desk'
+import {useDocumentPane} from 'sanity/structure'
 
 import {assistFormId} from './constants'
 

package/src/assistDocument/AssistDocumentInput.tsx

@@ -1,7 +1,7 @@
 import {useLayer} from '@sanity/ui'
 import {useMemo} from 'react'
-import {InputProps, ObjectInputProps, ObjectSchemaType} from 'sanity'
-import {useDocumentPane} from 'sanity/desk'
+import type {InputProps, ObjectInputProps, ObjectSchemaType} from 'sanity'
+import {useDocumentPane} from 'sanity/structure'
 
 import {ConnectFromRegion} from '../_lib/connector'
 import {assistFormId} from '../_lib/form/constants'

package/src/assistDocument/components/instruction/BackToInstructionsLink.tsx

@@ -1,7 +1,7 @@
 import {ArrowLeftIcon} from '@sanity/icons'
 import {Button} from '@sanity/ui'
 import {useCallback} from 'react'
-import {useDocumentPane} from 'sanity/desk'
+import {useDocumentPane} from 'sanity/structure'
 
 import {aiInspectorId} from '../../../assistInspector/constants'
 import {instructionParam} from '../../../types'

package/src/assistDocument/components/instruction/PromptInput.tsx

@@ -1,10 +1,16 @@
 import {Box} from '@sanity/ui'
 import {useEffect} from 'react'
-import {ArrayOfObjectsInputProps, set, typed} from 'sanity'
-import styled from 'styled-components'
+import {type ArrayOfObjectsInputProps, set, typed} from 'sanity'
+import {styled} from 'styled-components'
 
 import {randomKey} from '../../../_lib/randomKey'
-import {ContextBlock, FieldRef, PromptBlock, PromptTextBlock, UserInputBlock} from '../../../types'
+import type {
+  ContextBlock,
+  FieldRef,
+  PromptBlock,
+  PromptTextBlock,
+  UserInputBlock,
+} from '../../../types'
 
 const PteMods = styled(Box)`
   & [data-testid='pt-editor__toolbar-card'] > div > div:last-child {

package/src/assistDocument/hooks/useAssistDocumentContextValue.tsx

@@ -1,10 +1,10 @@
 import {useMemo} from 'react'
-import {getPublishedId, ObjectSchemaType, useEditState} from 'sanity'
-import {useDocumentPane} from 'sanity/desk'
+import {getPublishedId, type ObjectSchemaType, useEditState} from 'sanity'
+import {useDocumentPane} from 'sanity/structure'
 
 import {useAiPaneRouter} from '../../assistInspector/helpers'
 import {fieldPathParam} from '../../types'
-import {AssistDocumentContextValue} from '../AssistDocumentContext'
+import type {AssistDocumentContextValue} from '../AssistDocumentContext'
 import {isDocAssistable} from '../RequestRunInstructionProvider'
 import {useStudioAssistDocument} from './useStudioAssistDocument'
 

package/src/assistFormComponents/validation/listItem.tsx

@@ -1,7 +1,7 @@
-import {Box, ButtonTone, Flex, MenuItem, Stack, Text} from '@sanity/ui'
+import {Box, type ButtonTone, Flex, MenuItem, Stack, Text} from '@sanity/ui'
 import {useCallback} from 'react'
-import {Path, ValidationMarker} from 'sanity'
-import styled from 'styled-components'
+import type {Path, ValidationMarker} from 'sanity'
+import {styled} from 'styled-components'
 
 interface ValidationListItemProps {
   marker: ValidationMarker

package/src/assistInspector/AssistInspector.tsx

@@ -2,18 +2,18 @@ import {ArrowRightIcon, CloseIcon, PlayIcon, RetryIcon} from '@sanity/icons'
 import {Box, Button, Card, Flex, Spinner, Stack, Text} from '@sanity/ui'
 import {useCallback, useMemo, useRef} from 'react'
 import {
-  DocumentInspectorProps,
+  type DocumentInspectorProps,
   PresenceOverlay,
   useEditState,
   VirtualizerScrollInstanceProvider,
 } from 'sanity'
 import {
   DocumentInspectorHeader,
-  DocumentPaneNode,
+  type DocumentPaneNode,
   DocumentPaneProvider,
   useDocumentPane,
-} from 'sanity/desk'
-import styled from 'styled-components'
+} from 'sanity/structure'
+import {styled} from 'styled-components'
 
 import {DocumentForm} from '../_lib/form'
 import {TypePathContext} from '../assistDocument/components/AssistDocumentForm'
@@ -31,7 +31,13 @@ import {InspectorOnboarding} from '../onboarding/InspectorOnboarding'
 import {inspectorOnboardingKey, useOnboardingFeature} from '../onboarding/onboardingStore'
 import {assistDocumentTypeName, fieldPathParam, instructionParam} from '../types'
 import {FieldTitle} from './FieldAutocomplete'
-import {FieldRef, getFieldTitle, useAiPaneRouter, useSelectedField, useTypePath} from './helpers'
+import {
+  type FieldRef,
+  getFieldTitle,
+  useAiPaneRouter,
+  useSelectedField,
+  useTypePath,
+} from './helpers'
 import {InstructionTaskHistoryButton} from './InstructionTaskHistoryButton'
 
 const CardWithShadowBelow = styled(Card)`

package/src/assistInspector/InstructionTaskHistoryButton.tsx

@@ -18,15 +18,15 @@ import {
   useGlobalKeyDown,
   useLayer,
 } from '@sanity/ui'
-import {createElement, ForwardedRef, forwardRef, useCallback, useMemo, useState} from 'react'
-import {StatusButton, StatusButtonProps, typed, useClient} from 'sanity'
-import styled, {keyframes} from 'styled-components'
+import {createElement, type ForwardedRef, forwardRef, useCallback, useMemo, useState} from 'react'
+import {StatusButton, type StatusButtonProps, typed, useClient} from 'sanity'
+import {keyframes, styled} from 'styled-components'
 
 import {TimeAgo} from '../components/TimeAgo'
 import {maxHistoryVisibilityMs, pluginTitle} from '../constants'
 import {assistTasksStatusId} from '../helpers/ids'
 import {getInstructionTitle} from '../helpers/misc'
-import {AssistTasksStatus, InstructionTask, StudioInstruction, TaskEndedReason} from '../types'
+import type {AssistTasksStatus, InstructionTask, StudioInstruction, TaskEndedReason} from '../types'
 
 export interface InstructionTaskHistoryButtonProps {
   documentId?: string

package/src/assistInspector/helpers.ts

@@ -8,24 +8,24 @@ import {
   StringIcon,
 } from '@sanity/icons'
 import {extractWithPath} from '@sanity/mutator'
-import {ComponentType, useContext, useMemo} from 'react'
+import {type ComponentType, useContext, useMemo} from 'react'
 import {
-  ArraySchemaType,
+  type ArraySchemaType,
   isKeySegment,
   isObjectSchemaType,
-  ObjectSchemaType,
-  Path,
+  type ObjectSchemaType,
+  type Path,
   pathToString,
-  SanityDocumentLike,
-  SchemaType,
+  type SanityDocumentLike,
+  type SchemaType,
   stringToPath,
 } from 'sanity'
-import {type PaneRouterContextValue, usePaneRouter} from 'sanity/desk'
+import {type PaneRouterContextValue, usePaneRouter} from 'sanity/structure'
 
 import {SelectedFieldContext} from '../assistDocument/components/SelectedFieldContext'
 import {isAssistSupported} from '../helpers/assistSupported'
 import {isPortableTextArray, isType} from '../helpers/typeUtils'
-import {AssistInspectorRouteParams, documentRootKey, fieldPathParam} from '../types'
+import {type AssistInspectorRouteParams, documentRootKey, fieldPathParam} from '../types'
 
 export interface FieldRef {
   key: string

package/src/components/FadeInContent.tsx

@@ -1,5 +1,5 @@
-import {forwardRef, ReactElement, ReactNode} from 'react'
-import styled, {keyframes} from 'styled-components'
+import {forwardRef, type ReactElement, type ReactNode} from 'react'
+import {keyframes, styled} from 'styled-components'
 
 const fadeIn = keyframes`
   0% {

package/src/components/ImageContext.tsx

@@ -1,6 +1,6 @@
 import {createContext, useEffect, useMemo, useState} from 'react'
-import {InputProps, pathToString, useSyncState} from 'sanity'
-import {usePaneRouter} from 'sanity/desk'
+import {type InputProps, pathToString, useSyncState} from 'sanity'
+import {usePaneRouter} from 'sanity/structure'
 
 import {useAssistDocumentContext} from '../assistDocument/AssistDocumentContext'
 import {useAiAssistanceConfig} from '../assistLayout/AiAssistanceConfigContext'

package/src/components/SafeValueInput.tsx

@@ -1,7 +1,7 @@
 import {Box, Button, Card, ErrorBoundary, Flex, Stack, Text} from '@sanity/ui'
-import {ErrorInfo, PropsWithChildren, useCallback, useMemo, useState} from 'react'
-import {InputProps, isArraySchemaType, PatchEvent, unset} from 'sanity'
-import styled from 'styled-components'
+import {type ErrorInfo, type PropsWithChildren, useCallback, useMemo, useState} from 'react'
+import {type InputProps, isArraySchemaType, PatchEvent, unset} from 'sanity'
+import {styled} from 'styled-components'
 
 import {isPortableTextArray} from '../helpers/typeUtils'
 
@@ -25,12 +25,9 @@ export function ErrorWrapper(
   const {onChange} = props
   const [error, setError] = useState<Error | undefined>()
 
-  const catchError = useCallback(
-    (params: {error: Error; info: ErrorInfo}) => {
-      setError(params.error)
-    },
-    [setError],
-  )
+  const catchError = useCallback((params: {error: Error; info: ErrorInfo}) => {
+    setError(params.error)
+  }, [])
 
   const unsetValue = useCallback(() => {
     onChange(PatchEvent.from(unset()))

package/src/components/TimeAgo.tsx

@@ -1,4 +1,4 @@
-import formatDistanceToNow from 'date-fns/formatDistanceToNow'
+import {formatDistanceToNow} from 'date-fns'
 import {useEffect, useReducer} from 'react'
 
 function useInterval(ms: number) {

package/src/fieldActions/assistFieldActions.tsx

@@ -8,7 +8,7 @@ import {
   typed,
   useCurrentUser,
 } from 'sanity'
-import {useDocumentPane} from 'sanity/desk'
+import {useDocumentPane} from 'sanity/structure'
 
 import {useAssistDocumentContext} from '../assistDocument/AssistDocumentContext'
 import {getIcon} from '../assistDocument/components/instruction/appearance/IconInput'

package/src/fieldActions/generateCaptionActions.tsx

@@ -1,8 +1,8 @@
 import {ImageIcon} from '@sanity/icons'
 import {Box, Spinner} from '@sanity/ui'
 import {useContext, useMemo} from 'react'
-import {DocumentFieldAction, DocumentFieldActionGroup, DocumentFieldActionItem} from 'sanity'
-import {useDocumentPane} from 'sanity/desk'
+import type {DocumentFieldAction, DocumentFieldActionGroup, DocumentFieldActionItem} from 'sanity'
+import {useDocumentPane} from 'sanity/structure'
 
 import {useAssistDocumentContext} from '../assistDocument/AssistDocumentContext'
 import {aiInspectorId} from '../assistInspector/constants'

package/src/onboarding/InspectorOnboarding.tsx

@@ -1,6 +1,6 @@
 import {SparklesIcon} from '@sanity/icons'
 import {Box, Button, Container, Flex, Stack, Text} from '@sanity/ui'
-import styled from 'styled-components'
+import {styled} from 'styled-components'
 
 import {releaseAnnouncementUrl} from '../constants'
 

package/src/presence/AssistAvatar.tsx

@@ -1,9 +1,9 @@
 import {purple} from '@sanity/color'
 import {SparklesIcon} from '@sanity/icons'
 import {Text} from '@sanity/ui'
-import {CSSProperties, useMemo} from 'react'
+import {type CSSProperties, useMemo} from 'react'
 import {useColorSchemeValue} from 'sanity'
-import styled, {keyframes} from 'styled-components'
+import {keyframes, styled} from 'styled-components'
 
 const Root = styled.span`
   display: block;

package/src/translate/getLanguageParams.ts

@@ -1,5 +1,5 @@
-import get from 'lodash/get'
-import {SanityDocumentLike} from 'sanity'
+import {get} from 'lodash'
+import type {SanityDocumentLike} from 'sanity'
 
 export const getLanguageParams = (
   select: Record<string, string> | undefined,

package/src/translate/translateActions.tsx

@@ -9,7 +9,7 @@ import type {
   DocumentFieldActionProps,
   ObjectSchemaType,
 } from 'sanity'
-import {useDocumentPane} from 'sanity/desk'
+import {useDocumentPane} from 'sanity/structure'
 
 import {useDraftDelayedTask} from '../assistDocument/RequestRunInstructionProvider'
 import {useAiAssistanceConfig} from '../assistLayout/AiAssistanceConfigContext'

package/dist/index.cjs.mjs

@@ -1,7 +0,0 @@
-import cjs from './index.js';
-
-export const SchemaTypeTool = cjs.SchemaTypeTool;
-export const assist = cjs.assist;
-export const contextDocumentTypeName = cjs.contextDocumentTypeName;
-export const defaultLanguageOutputs = cjs.defaultLanguageOutputs;
-

package/src/vite.config.ts

@@ -1,9 +0,0 @@
-import {defineConfig} from 'vitest/config'
-
-export default defineConfig({
-  test: {},
-
-  optimizeDeps: {
-    disabled: false,
-  },
-})