@sanity/assist 5.0.3 → 6.0.0

package/src/presence/AssistAvatar.tsx

@@ -1,96 +0,0 @@
-import {purple} from '@sanity/color'
-import {SparklesIcon} from '@sanity/icons'
-import {Text} from '@sanity/ui'
-import {type CSSProperties, useMemo} from 'react'
-import {useColorSchemeValue} from 'sanity'
-import {keyframes, styled} from 'styled-components'
-
-const Root = styled.span`
-  display: block;
-  width: 25px;
-  height: 25px;
-  position: relative;
-`
-
-const dash = keyframes`
-  0% {
-    transform: rotate(0);
-  }
-  100% {
-    transform: rotate(43deg);
-  }
-`
-
-const Outline = styled.svg`
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-
-  & > circle {
-    stroke: var(--ai-avatar-stroke-color);
-    stroke-width: 1.5px;
-    stroke-linecap: round;
-    transform-origin: center;
-    animation: ${dash} 500ms ease-in-out infinite;
-    transition: stroke-dasharray 200ms ease-in-out;
-
-    stroke-dasharray: 2.34px 0;
-
-    [data-state='active'] > & {
-      stroke-dasharray: 2px 2.34px;
-    }
-  }
-`
-
-const IconDisc = styled.span`
-  background: var(--ai-avatar-disc-color);
-  color: white;
-  width: 21px;
-  height: 21px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 10.5px;
-  position: absolute;
-  top: 2px;
-  left: 2px;
-`
-
-export function AssistAvatar(props: {state?: 'present' | 'active'}) {
-  const {state = 'present'} = props
-  const scheme = useColorSchemeValue()
-
-  const style = useMemo(() => {
-    if (scheme === 'dark') {
-      return {
-        [`--ai-avatar-stroke-color`]: purple[400].hex,
-        [`--ai-avatar-disc-color`]: purple[600].hex,
-      } as CSSProperties
-    }
-
-    return {
-      [`--ai-avatar-stroke-color`]: purple[500].hex,
-      [`--ai-avatar-disc-color`]: purple[600].hex,
-    } as CSSProperties
-  }, [scheme])
-
-  return (
-    <Root data-state={state} style={style}>
-      <Outline
-        width="25"
-        height="25"
-        viewBox="0 0 25 25"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <circle cx="12.5" cy="12.5" r="11.75" />
-      </Outline>
-      <IconDisc>
-        <Text as="span" size={0} style={{color: 'inherit'}}>
-          <SparklesIcon style={{color: 'inherit'}} />
-        </Text>
-      </IconDisc>
-    </Root>
-  )
-}

package/src/presence/AssistDocumentPresence.tsx

@@ -1,50 +0,0 @@
-import {Card, Flex} from '@sanity/ui'
-import {useMemo} from 'react'
-
-import {useAssistDocumentContext} from '../assistDocument/AssistDocumentContext'
-import {documentRootKey, fieldPresenceTypeName} from '../types'
-import {AiFieldPresence} from './AiFieldPresence'
-import {aiPresence} from './useAssistPresence'
-
-export function createAssistDocumentPresence(documentId: string | undefined) {
-  return function AssistDocumentPresenceWrapper() {
-    return documentId ? <AssistDocumentPresence /> : null
-  }
-}
-
-function AssistDocumentPresence() {
-  const {assistDocument, syntheticTasks} = useAssistDocumentContext()
-  const anyPresence = useMemo(() => {
-    const anyPresence = [...(assistDocument?.tasks ?? []), ...(syntheticTasks ?? [])]
-      ?.filter((run) => !run.ended && !run.reason)
-      ?.flatMap((run) => run.presence ?? [])
-      .find((f) => f.started && new Date().getTime() - new Date(f.started).getTime() < 30000)
-    if (anyPresence) {
-      return aiPresence(anyPresence, [])
-    }
-    const anyRun = assistDocument?.tasks
-      ?.filter((run) => !run.ended && !run.reason)
-      ?.find((f) => f.started && new Date().getTime() - new Date(f.started).getTime() < 30000)
-    return anyRun
-      ? aiPresence(
-          {
-            started: anyRun.started,
-            path: documentRootKey,
-            _key: anyRun._key,
-            _type: fieldPresenceTypeName,
-          },
-          [],
-        )
-      : undefined
-  }, [assistDocument?.tasks, syntheticTasks])
-
-  return (
-    <Card>
-      <Flex flex={1} justify="flex-end">
-        <Flex gap={2} align={'center'}>
-          {anyPresence && <AiFieldPresence presence={anyPresence} />}
-        </Flex>
-      </Flex>
-    </Card>
-  )
-}

package/src/presence/useAssistPresence.ts

@@ -1,64 +0,0 @@
-import {useMemo} from 'react'
-import {type FormNodePresence, isKeySegment, type Path, stringToPath} from 'sanity'
-
-import {useAssistDocumentContext} from '../assistDocument/AssistDocumentContext'
-import {maxHistoryVisibilityMs, pluginTitle} from '../constants'
-import type {AiPresence} from '../types'
-
-const NO_PRESENCE: FormNodePresence[] = []
-
-export function useAssistPresence(path: Path, showFocusWithin?: boolean): FormNodePresence[] {
-  const context = useAssistDocumentContext()
-  const assistDocument = context && 'assistDocument' in context ? context.assistDocument : undefined
-  const tasks = assistDocument?.tasks
-
-  return useMemo(() => {
-    const activePresence = tasks
-      ?.filter((task) => !task.ended)
-      ?.flatMap((task) => task.presence ?? [])
-      ?.filter(
-        (p) =>
-          p.started &&
-          new Date().getTime() - new Date(p.started).getTime() < maxHistoryVisibilityMs,
-      )
-      .filter((presence) => {
-        if (!presence.path || !path.length) {
-          return false
-        }
-        const statusPath = stringToPath(presence.path)
-
-        if (!showFocusWithin && statusPath.length !== path.length) {
-          return false
-        }
-
-        return path.every((pathSegment, i) => {
-          const statusSegment = statusPath[i]
-          if (typeof pathSegment === 'string') {
-            return pathSegment === statusSegment
-          }
-          if (isKeySegment(pathSegment) && isKeySegment(statusSegment)) {
-            return pathSegment._key === statusSegment._key
-          }
-          return false
-        })
-      })
-    if (!activePresence?.length) {
-      return NO_PRESENCE
-    }
-
-    return activePresence.map((status) => aiPresence(status, path))
-  }, [showFocusWithin, tasks, path])
-}
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function aiPresence(presence: AiPresence, path: Path, title?: string): FormNodePresence {
-  return {
-    user: {
-      id: `sanity-assistant_${presence._key}`,
-      displayName: pluginTitle,
-    },
-    path: path,
-    sessionId: 'not-available',
-    lastActiveAt: presence?.started ?? new Date().toISOString(),
-  }
-}

package/src/schemas/assistDocumentSchema.tsx

@@ -1,497 +0,0 @@
-import {
-  ArrowRightIcon,
-  CodeIcon,
-  ComposeIcon,
-  icons,
-  IconSymbol,
-  LockIcon,
-  SparklesIcon,
-  ThListIcon,
-} from '@sanity/icons'
-import {Box, Flex, Stack, Text, Tooltip} from '@sanity/ui'
-import {createElement} from 'react'
-import {defineArrayMember, defineField, defineType, ObjectSchemaType} from 'sanity'
-
-import {AssistDocumentForm} from '../assistDocument/components/AssistDocumentForm'
-import {FieldRefPreview} from '../assistDocument/components/FieldRefPreview'
-import {HiddenFieldTitle} from '../assistDocument/components/generic/HiddenFieldTitle'
-import {IconInput} from '../assistDocument/components/instruction/appearance/IconInput'
-import {InstructionVisibility} from '../assistDocument/components/instruction/appearance/InstructionVisibility'
-import {FieldRefPathInput} from '../assistDocument/components/instruction/FieldRefInput'
-import {InstructionInput} from '../assistDocument/components/instruction/InstructionInput'
-import {InstructionOutputField} from '../assistDocument/components/instruction/InstructionOutputField'
-import {InstructionOutputInput} from '../assistDocument/components/instruction/InstructionOutputInput'
-import {PromptInput} from '../assistDocument/components/instruction/PromptInput'
-import {InstructionsArrayField} from '../assistDocument/components/InstructionsArrayField'
-import {InstructionsArrayInput} from '../assistDocument/components/InstructionsArrayInput'
-import {instructionGuideUrl} from '../constants'
-import {getInstructionTitle} from '../helpers/misc'
-import {
-  assistDocumentIdPrefix,
-  assistDocumentTypeName,
-  assistFieldTypeName,
-  assistTasksStatusTypeName,
-  fieldReferenceTypeName,
-  instructionContextTypeName,
-  instructionTaskTypeName,
-  instructionTypeName,
-  outputFieldTypeName,
-  outputTypeTypeName,
-  promptTypeName,
-  userInputTypeName,
-} from '../types'
-import {contextDocumentSchema} from './contextDocumentSchema'
-
-import {createFieldRefCache} from '../assistLayout/fieldRefCache'
-
-export const fieldReference = defineType({
-  type: 'object',
-  name: fieldReferenceTypeName,
-  title: 'Field',
-  icon: ThListIcon,
-
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'path',
-      title: 'Field',
-      components: {
-        input: FieldRefPathInput,
-      },
-      validation: (rule) => {
-        const getForSchemaType = createFieldRefCache()
-        return rule.custom((value, context) => {
-          if (!value) {
-            return 'Please select a field'
-          }
-          try {
-            const docId = context.document?._id
-            if (!docId) {
-              return `Field reference cannot be used outside document inspector context. Could not resolve document id.`
-            }
-            const targetDocType = docId.replace(new RegExp(`^${assistDocumentIdPrefix}`), '')
-            const schema = context.schema.get(targetDocType)
-            if (!schema) {
-              return `Field reference cannot be used outside document inspector context. Could not resolve schema: ${targetDocType}`
-            }
-            const {fieldRefs} = getForSchemaType(schema as ObjectSchemaType)
-            const fieldRef = fieldRefs.find((r) => r.key === value)
-            if (!fieldRef) {
-              return `Field with path "${value}" does not exist in the schema.`
-            }
-            return true
-          } catch (e) {
-            console.error('Failed to resolve field reference', e)
-            return 'Invalid field reference.'
-          }
-        })
-      },
-    }),
-  ],
-  preview: {
-    select: {
-      path: 'path',
-    },
-    prepare({path}) {
-      return {
-        title: path,
-        path,
-        icon: CodeIcon,
-      }
-    },
-  },
-  components: {
-    preview: FieldRefPreview,
-  },
-  options: {
-    modal: {
-      type: 'popover',
-    },
-  },
-})
-
-export const userInput = defineType({
-  type: 'object',
-  name: userInputTypeName,
-  title: 'User input',
-  icon: ComposeIcon,
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'message',
-      title: 'User input title',
-      placeholder: 'Provide instruction text',
-      description: 'The header above the user input text field',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      type: 'text',
-      rows: 3,
-      name: 'description',
-      title: 'User input description',
-      description: 'The description above the user input text field',
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'message',
-    },
-  },
-  options: {
-    modal: {
-      type: 'popover',
-      width: 1,
-    },
-  },
-})
-
-export const promptContext = defineType({
-  type: 'object',
-  name: instructionContextTypeName,
-  title: contextDocumentSchema.title,
-  icon: contextDocumentSchema.icon,
-  fields: [
-    defineField({
-      type: 'reference',
-      name: 'reference',
-      to: [{type: contextDocumentSchema.name}],
-      title: 'Context',
-      description: 'The referenced context will be inserted into the instruction',
-      validation: (rule) => rule.required(),
-      components: {
-        input: function Fix(props) {
-          return <Box style={{maxWidth: 300}}>{props.renderDefault(props)}</Box>
-        },
-      },
-    }),
-  ],
-  preview: {
-    select: {
-      ref: 'reference._id',
-      title: 'reference.title',
-      context: 'reference.context',
-    },
-    prepare(select) {
-      return select.ref
-        ? (contextDocumentSchema?.preview?.prepare?.(select) ?? select)
-        : {title: 'No reference selected', media: contextDocumentSchema.icon}
-    },
-  },
-  options: {
-    modal: {
-      type: 'popover',
-      width: 'auto',
-    },
-  },
-})
-
-export const prompt = defineType({
-  type: 'array',
-  name: promptTypeName,
-  title: 'Prompt',
-  of: [
-    defineArrayMember({
-      type: 'block',
-      styles: [{title: 'Normal', value: 'normal'}],
-      lists: [],
-      marks: {
-        decorators: [],
-        annotations: [],
-      },
-      of: [
-        defineArrayMember({
-          type: fieldReference.name,
-        }),
-        defineArrayMember({
-          type: promptContext.name,
-        }),
-        defineArrayMember({
-          type: userInput.name,
-        }),
-      ],
-    }),
-    /*    defineArrayMember({
-      type: fieldReference.name,
-    }),
-    defineArrayMember({
-      type: promptContext.name,
-    }),
-    defineArrayMember({
-      type: userInput.name,
-    }),*/
-  ],
-})
-
-export const outputFieldType = defineType({
-  type: 'object',
-  name: outputFieldTypeName,
-  title: 'Output field',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'path',
-      title: 'Path',
-    }),
-  ],
-})
-
-export const outputTypeType = defineType({
-  type: 'object',
-  name: outputTypeTypeName,
-  title: 'Output type',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'type',
-      title: 'Type',
-    }),
-  ],
-})
-
-export const instruction = defineType({
-  type: 'object',
-  name: instructionTypeName,
-  title: 'Instruction',
-  fieldsets: [
-    {name: 'appearance', title: 'Appearance', options: {collapsible: true, collapsed: true}},
-  ],
-  preview: {
-    select: {
-      icon: 'icon',
-      title: 'title',
-      userId: 'userId',
-    },
-    prepare: ({icon, title, userId}) => {
-      return {
-        title,
-        icon: icon ? icons[icon as IconSymbol] : SparklesIcon,
-        userId,
-      }
-    },
-  },
-  components: {
-    input: InstructionInput,
-    preview: (props: any) => {
-      return (
-        <Flex gap={3} align="center" padding={2}>
-          {props.icon && (
-            <Box flex="none">
-              <Text size={1}>{createElement(props.icon)}</Text>
-            </Box>
-          )}
-
-          <Stack flex={1} space={2}>
-            <Text size={1} textOverflow="ellipsis" weight="medium">
-              {getInstructionTitle(props)}
-            </Text>
-          </Stack>
-
-          {props.userId && (
-            <Text size={1}>
-              <Tooltip
-                content={<Text size={1}>Only visible to you</Text>}
-                padding={2}
-                placement="top"
-                portal
-              >
-                <LockIcon />
-              </Tooltip>
-            </Text>
-          )}
-        </Flex>
-      )
-    },
-  },
-  fields: [
-    defineField({
-      type: prompt.name,
-      name: 'prompt',
-      title: 'Instruction',
-      description: (
-        <>
-          Learn from{' '}
-          <a href={instructionGuideUrl} target="_blank" rel="noreferrer">
-            our instruction guide <ArrowRightIcon />
-          </a>
-        </>
-      ),
-      components: {
-        input: PromptInput,
-      },
-    }),
-    defineField({
-      type: 'string',
-      name: 'icon',
-      title: 'Icon',
-      fieldset: 'appearance',
-      components: {
-        field: HiddenFieldTitle,
-        input: IconInput,
-      },
-    }),
-    defineField({
-      type: 'string',
-      name: 'title',
-      title: 'Title',
-      fieldset: 'appearance',
-      components: {
-        field: HiddenFieldTitle,
-      },
-    }),
-    defineField({
-      type: 'string',
-      name: 'userId',
-      title: 'Visibility',
-      fieldset: 'appearance',
-      components: {
-        field: HiddenFieldTitle,
-        input: InstructionVisibility,
-      },
-      initialValue: (params, context) => context.currentUser?.id ?? '',
-      readOnly: (context) =>
-        Boolean(
-          context.parent?.createdById && context.parent?.createdById !== context.currentUser?.id,
-        ),
-    }),
-    defineField({
-      type: 'string',
-      name: 'createdById',
-      title: 'Created by',
-      hidden: true,
-      fieldset: 'appearance',
-      initialValue: (params, context) => {
-        return context.currentUser?.id ?? ''
-      },
-    }),
-    defineField({
-      type: 'array',
-      name: 'output',
-      title: 'Output filter',
-      components: {
-        input: InstructionOutputInput,
-        field: InstructionOutputField,
-      },
-      of: [
-        defineArrayMember({type: outputFieldType.name}),
-        defineArrayMember({type: outputTypeType.name}),
-      ],
-    }),
-  ],
-})
-
-export const fieldInstructions = defineType({
-  type: 'object',
-  name: assistFieldTypeName,
-  title: 'Field prompt',
-  /*  components: {
-    input: FieldPromptInput,
-  },*/
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'path',
-      title: 'Path',
-      readOnly: true,
-      hidden: true,
-    }),
-    defineField({
-      type: 'array',
-      name: 'instructions',
-      title: 'Instructions',
-      of: [{type: instruction.name}],
-      components: {
-        field: InstructionsArrayField,
-        input: InstructionsArrayInput,
-      },
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'path',
-    },
-  },
-})
-
-export const assistDocumentSchema = defineType({
-  //NOTE: this is a document type. Using object here ensures it does not appear in structure menus
-  type: 'object',
-  //workaround for using object and not document
-  ...({liveEdit: true} as any),
-  name: assistDocumentTypeName,
-  title: 'AI Document',
-
-  components: {
-    input: AssistDocumentForm,
-    field: (props: any) => {
-      return props.renderDefault({...props, title: ''})
-    },
-  },
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'title',
-      title: 'Title',
-    }),
-    defineField({
-      type: 'array',
-      name: 'fields',
-      title: 'Fields',
-      of: [{type: fieldInstructions.name}],
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'title',
-    },
-  },
-})
-
-export const instructionTask = defineType({
-  type: 'object',
-  name: instructionTaskTypeName,
-  title: 'Instruction task',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'path',
-      title: 'Path',
-    }),
-    defineField({
-      type: 'string',
-      name: 'instructionKey',
-      title: 'Instruction key',
-    }),
-    defineField({
-      type: 'datetime',
-      name: 'started',
-      title: 'Started',
-    }),
-    defineField({
-      type: 'datetime',
-      name: 'updated',
-      title: 'Updated',
-    }),
-    defineField({
-      type: 'string',
-      name: 'info',
-      title: 'Info',
-    }),
-  ],
-})
-
-export const documentInstructionStatus = defineType({
-  //NOTE: this is a document type. Using object here ensures it does not appear in structure menus
-  type: 'object',
-  //workaround for using object and not document
-  ...({liveEdit: true} as any),
-  name: assistTasksStatusTypeName,
-  title: 'Document instruction status',
-  fields: [
-    defineField({
-      type: 'array',
-      name: 'tasks',
-      title: 'Tasks',
-      of: [{type: instructionTask.name}],
-    }),
-  ],
-})