sanity-plugin-hotspot-array 4.0.0 → 5.0.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/Feedback.tsx","../src/Spot.tsx","../src/useDebouncedCallback.ts","../src/useResizeObserver.ts","../src/ImageHotspotArray.tsx","../src/plugin.tsx"],"sourcesContent":["import {Card, Text} from '@sanity/ui'\n\nexport default function Feedback({children}: {children: React.ReactNode}): React.JSX.Element {\n  return (\n    <Card padding={4} radius={2} shadow={1} tone=\"caution\">\n      <Text>{children}</Text>\n    </Card>\n  )\n}\n","import {Box, Text, Tooltip} from '@sanity/ui'\nimport {motion, useMotionValue} from 'framer-motion'\nimport {get} from 'lodash-es'\nimport {\n  ComponentType,\n  createElement,\n  CSSProperties,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react'\nimport {type ObjectSchemaType, type RenderPreviewCallback} from 'sanity'\n\nimport {FnHotspotMove, HotspotItem} from './ImageHotspotArray'\n\nconst dragStyle: CSSProperties = {\n  width: '1.4rem',\n  height: '1.4rem',\n  position: 'absolute',\n  boxSizing: 'border-box',\n  top: 0,\n  left: 0,\n  margin: '-0.7rem 0 0 -0.7rem',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '50%',\n  background: '#000',\n  color: 'white',\n}\n\nconst dragStyleWhileDrag: CSSProperties = {\n  background: 'rgba(0, 0, 0, 0.1)',\n  border: '1px solid #fff',\n  cursor: 'none',\n}\n\nconst dragStyleWhileHover: CSSProperties = {\n  background: 'rgba(0, 0, 0, 0.1)',\n  border: '1px solid #fff',\n}\n\nconst dotStyle: CSSProperties = {\n  position: 'absolute',\n  left: '50%',\n  top: '50%',\n  height: '0.2rem',\n  width: '0.2rem',\n  margin: '-0.1rem 0 0 -0.1rem',\n  background: '#fff',\n  visibility: 'hidden',\n  borderRadius: '50%',\n  // make sure pointer events only run on the parent\n  pointerEvents: 'none',\n}\n\nconst dotStyleWhileActive: CSSProperties = {\n  visibility: 'visible',\n}\n\nconst labelStyle: CSSProperties = {\n  color: 'white',\n  fontSize: '0.7rem',\n  fontWeight: 600,\n  lineHeight: '1',\n}\n\nconst labelStyleWhileActive: CSSProperties = {\n  visibility: 'hidden',\n}\n\nconst round = (num: number) => Math.round(num * 100) / 100\n\nexport interface HotspotTooltipProps<HotspotFields = {[key: string]: unknown}> {\n  value: HotspotItem<HotspotFields>\n  schemaType: ObjectSchemaType\n  renderPreview: RenderPreviewCallback\n}\n\ninterface HotspotProps<HotspotFields = {[key: string]: unknown}> {\n  value: HotspotItem\n  bounds: DOMRectReadOnly\n  update: FnHotspotMove\n  hotspotDescriptionPath?: string\n  tooltip?: ComponentType<HotspotTooltipProps<HotspotFields>>\n  index: number\n  schemaType: ObjectSchemaType\n  renderPreview: RenderPreviewCallback\n}\n\nexport default function Spot({\n  value,\n  bounds,\n  update,\n  hotspotDescriptionPath,\n  tooltip,\n  index,\n  schemaType,\n  renderPreview,\n}: HotspotProps): ReactNode {\n  const [isDragging, setIsDragging] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  // x/y are stored as % but need to be converted to px\n  const x = useMotionValue(round(bounds.width * (value.x / 100)))\n  const y = useMotionValue(round(bounds.height * (value.y / 100)))\n\n  /**\n   * update x/y if the bounds change when resizing the window\n   */\n  useEffect(() => {\n    x.set(round(bounds.width * (value.x / 100)))\n    y.set(round(bounds.height * (value.y / 100)))\n  }, [x, y, value, bounds])\n\n  const handleDragEnd = useCallback(() => {\n    setIsDragging(false)\n\n    // get current values for x/y in px\n    const currentX = x.get()\n    const currentY = y.get()\n\n    // Which we need to convert back to `%` to patch the document\n    const newX = round((currentX * 100) / bounds.width)\n    const newY = round((currentY * 100) / bounds.height)\n\n    // Don't go below 0 or above 100\n    const safeX = Math.max(0, Math.min(100, newX))\n    const safeY = Math.max(0, Math.min(100, newY))\n\n    update(value._key, safeX, safeY)\n  }, [x, y, value, update, bounds])\n  const handleDragStart = useCallback(() => setIsDragging(true), [])\n\n  const handleHoverStart = useCallback(() => setIsHovering(true), [])\n  const handleHoverEnd = useCallback(() => setIsHovering(false), [])\n\n  if (!x || !y) {\n    return null\n  }\n\n  return (\n    <motion.div\n      drag\n      dragConstraints={bounds}\n      dragElastic={0}\n      dragMomentum={false}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      onHoverStart={handleHoverStart}\n      onHoverEnd={handleHoverEnd}\n      style={{\n        ...dragStyle,\n        x,\n        y,\n        ...(isDragging && {...dragStyleWhileDrag}),\n        ...(isHovering && {...dragStyleWhileHover}),\n      }}\n    >\n      <Tooltip\n        key={value._key}\n        disabled={isDragging}\n        portal\n        content={\n          tooltip && typeof tooltip === 'function' ? (\n            createElement(tooltip, {value, renderPreview, schemaType})\n          ) : (\n            <Box padding={2} style={{maxWidth: 200, pointerEvents: `none`}}>\n              <Text textOverflow=\"ellipsis\">\n                {hotspotDescriptionPath\n                  ? (get(value, hotspotDescriptionPath) as string)\n                  : `${value.x}% x ${value.y}%`}\n              </Text>\n            </Box>\n          )\n        }\n      >\n        <div>\n          {/* Dot */}\n          <Box\n            style={{\n              ...dotStyle,\n              ...((isDragging || isHovering) && {...dotStyleWhileActive}),\n            }}\n          />\n          {/* Label */}\n          <div\n            style={{\n              ...labelStyle,\n              ...((isDragging || isHovering) && {...labelStyleWhileActive}),\n            }}\n          >\n            {index + 1}\n          </div>\n        </div>\n      </Tooltip>\n    </motion.div>\n  )\n}\n","// copied from react-hookz/web\n// https://github.com/react-hookz/web/blob/579a445fcc9f4f4bb5b9d5e670b2e57448b4ee50/src/useDebouncedCallback/index.ts\nimport {type DependencyList, useEffect, useMemo, useRef} from 'react'\n\n/**\n * Run effect only when component is unmounted.\n *\n * @param effect Effector to run on unmount\n */\nexport function useUnmountEffect(effect: CallableFunction): void {\n  const effectRef = useRef(effect)\n  effectRef.current = effect\n  useEffect(() => () => effectRef.current(), [])\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type DebouncedFunction<Fn extends (...args: any[]) => any> = (\n  this: ThisParameterType<Fn>,\n  ...args: Parameters<Fn>\n) => void\n\n/**\n * Makes passed function debounced, otherwise acts like `useCallback`.\n *\n * @param callback Function that will be debounced.\n * @param deps Dependencies list when to update callback. It also replaces invoked\n * \tcallback for scheduled debounced invocations.\n * @param delay Debounce delay.\n * @param maxWait The maximum time `callback` is allowed to be delayed before\n * it's invoked. 0 means no max wait.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useDebouncedCallback<Fn extends (...args: any[]) => any>(\n  callback: Fn,\n  deps: DependencyList,\n  delay: number,\n  maxWait = 0,\n): DebouncedFunction<Fn> {\n  const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const waitTimeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const cb = useRef(callback)\n  const lastCall = useRef<{args: Parameters<Fn>; this: ThisParameterType<Fn>}>(undefined)\n\n  const clear = () => {\n    if (timeout.current) {\n      clearTimeout(timeout.current)\n      timeout.current = undefined\n    }\n\n    if (waitTimeout.current) {\n      clearTimeout(waitTimeout.current)\n      waitTimeout.current = undefined\n    }\n  }\n\n  // Cancel scheduled execution on unmount\n  useUnmountEffect(clear)\n\n  useEffect(() => {\n    cb.current = callback\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n\n  return useMemo(() => {\n    const execute = () => {\n      clear()\n\n      // Barely possible to test this line\n      /* istanbul ignore next */\n      if (!lastCall.current) return\n\n      const context = lastCall.current\n      lastCall.current = undefined\n\n      cb.current.apply(context.this, context.args)\n    }\n\n    const wrapped = function (this, ...args) {\n      if (timeout.current) {\n        clearTimeout(timeout.current)\n      }\n\n      lastCall.current = {args, this: this}\n\n      // Plan regular execution\n      timeout.current = setTimeout(execute, delay)\n\n      // Plan maxWait execution if required\n      if (maxWait > 0 && !waitTimeout.current) {\n        waitTimeout.current = setTimeout(execute, maxWait)\n      }\n    } as DebouncedFunction<Fn>\n\n    Object.defineProperties(wrapped, {\n      length: {value: callback.length},\n      name: {value: `${callback.name || 'anonymous'}__debounced__${delay}`},\n    })\n\n    return wrapped\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [delay, maxWait, ...deps])\n}\n","// copied from react-hookz/web\n// https://github.com/react-hookz/web/blob/579a445fcc9f4f4bb5b9d5e670b2e57448b4ee50/src/useResizeObserver/index.ts\nimport {type RefObject, useEffect, useRef} from 'react'\n\nconst isBrowser =\n  typeof window !== 'undefined' &&\n  typeof navigator !== 'undefined' &&\n  typeof document !== 'undefined'\n\nexport type UseResizeObserverCallback = (entry: ResizeObserverEntry) => void\n\ntype ResizeObserverSingleton = {\n  observer: ResizeObserver\n  subscribe: (target: Element, callback: UseResizeObserverCallback) => void\n  unsubscribe: (target: Element, callback: UseResizeObserverCallback) => void\n}\n\nlet observerSingleton: ResizeObserverSingleton\n\nfunction getResizeObserver(): ResizeObserverSingleton | undefined {\n  if (!isBrowser) return undefined\n\n  if (observerSingleton) return observerSingleton\n\n  const callbacks = new Map<Element, Set<UseResizeObserverCallback>>()\n\n  const observer = new ResizeObserver((entries) => {\n    for (const entry of entries)\n      callbacks.get(entry.target)?.forEach((cb) =>\n        setTimeout(() => {\n          cb(entry)\n        }, 0),\n      )\n  })\n\n  observerSingleton = {\n    observer,\n    subscribe(target, callback) {\n      let cbs = callbacks.get(target)\n\n      if (!cbs) {\n        // If target has no observers yet - register it\n        cbs = new Set<UseResizeObserverCallback>()\n        callbacks.set(target, cbs)\n        observer.observe(target)\n      }\n\n      // As Set is duplicate-safe - simply add callback on each call\n      cbs.add(callback)\n    },\n    unsubscribe(target, callback) {\n      const cbs = callbacks.get(target)\n\n      // Else branch should never occur in case of normal execution\n      // because callbacks map is hidden in closure - it is impossible to\n      // simulate situation with non-existent `cbs` Set\n      /* istanbul ignore else */\n      if (cbs) {\n        // Remove current observer\n        cbs.delete(callback)\n\n        if (cbs.size === 0) {\n          // If no observers left unregister target completely\n          callbacks.delete(target)\n          observer.unobserve(target)\n        }\n      }\n    },\n  }\n\n  return observerSingleton\n}\n\n/**\n * Invokes a callback whenever ResizeObserver detects a change to target's size.\n *\n * @param target React reference or Element to track.\n * @param callback Callback that will be invoked on resize.\n * @param enabled Whether resize observer is enabled or not.\n */\nexport function useResizeObserver<T extends Element>(\n  target: RefObject<T | null>,\n  callback: UseResizeObserverCallback,\n  enabled = true,\n): void {\n  const ro = enabled && getResizeObserver()\n  const cb = useRef(callback)\n  cb.current = callback\n\n  const tgt = target && 'current' in target ? target.current : target\n\n  useEffect(() => {\n    // This secondary target resolve required for case when we receive ref object, which, most\n    // likely, contains null during render stage, but already populated with element during\n    // effect stage.\n\n    const _tgt = target && 'current' in target ? target.current : target\n\n    if (!ro || !_tgt) return undefined\n\n    // As unsubscription in internals of our ResizeObserver abstraction can\n    // happen a bit later than effect cleanup invocation - we need a marker,\n    // that this handler should not be invoked anymore\n    let subscribed = true\n\n    const handler: UseResizeObserverCallback = (...args) => {\n      // It is reinsurance for the highly asynchronous invocations, almost\n      // impossible to achieve in tests, thus excluding from LOC\n      /* istanbul ignore else */\n      if (subscribed) {\n        cb.current(...args)\n      }\n    }\n\n    ro.subscribe(_tgt, handler)\n\n    return () => {\n      subscribed = false\n      ro.unsubscribe(_tgt, handler)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tgt, ro])\n}\n","import {getImageDimensions} from '@sanity/asset-utils'\nimport imageUrlBuilder from '@sanity/image-url'\nimport {Card, Flex, Stack} from '@sanity/ui'\nimport {randomKey} from '@sanity/util/content'\nimport {get} from 'lodash-es'\nimport {type MouseEvent, type ReactNode, useCallback, useMemo, useRef, useState} from 'react'\nimport {\n  ArrayOfObjectsInputProps,\n  ImageValue,\n  insert,\n  ObjectSchemaType,\n  PatchEvent,\n  SchemaType,\n  set,\n  setIfMissing,\n  useClient,\n  useFormValue,\n  useResolveInitialValueForType,\n} from 'sanity'\n\nimport Feedback from './Feedback'\nimport {ImageHotspotOptions} from './plugin'\nimport Spot from './Spot'\nimport {useDebouncedCallback} from './useDebouncedCallback'\nimport {useResizeObserver} from './useResizeObserver'\n\nconst imageStyle = {width: `100%`, height: `auto`}\n\nconst VALID_ROOT_PATHS = ['document', 'parent']\n\nexport type FnHotspotMove = (key: string, x: number, y: number) => void\n\nexport type HotspotItem<HotspotFields = {[key: string]: unknown}> = {\n  _key: string\n  _type: string\n  x: number\n  y: number\n} & HotspotFields\n\nexport function ImageHotspotArray(\n  props: ArrayOfObjectsInputProps<HotspotItem> & {imageHotspotOptions: ImageHotspotOptions},\n): ReactNode {\n  const {value, onChange, imageHotspotOptions, schemaType, renderPreview} = props\n\n  const sanityClient = useClient({apiVersion: '2022-01-01'})\n\n  const imageHotspotPathRoot = useMemo(() => {\n    const pathRoot = VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot ?? '')\n      ? imageHotspotOptions.pathRoot\n      : 'document'\n    return pathRoot === 'document' ? [] : props.path.slice(0, -1)\n  }, [imageHotspotOptions.pathRoot, props.path])\n\n  const rootObject = useFormValue(imageHotspotPathRoot)\n\n  const resolveInitialValueForType = useResolveInitialValueForType()\n  const resolveInitialValue = useCallback(\n    async (type: ObjectSchemaType) => {\n      return resolveInitialValueForType(type as unknown as SchemaType, {})\n        .then((initialValue) => {\n          return initialValue\n        })\n        .catch(() => {\n          return undefined\n        })\n    },\n    [resolveInitialValueForType],\n  )\n\n  /**\n   * Finding the image from the imageHotspotPathRoot (defaults to document),\n   * using the path from the hotspot's `options` field\n   *\n   * when changes in imageHotspotPathRoot (e.g. document) occur,\n   * check if there are any changes to the hotspotImage and update the reference\n   */\n  const hotspotImage = useMemo(() => {\n    return (\n      imageHotspotOptions.imagePath ? get(rootObject, imageHotspotOptions.imagePath) : rootObject\n    ) as ImageValue | undefined\n  }, [rootObject, imageHotspotOptions.imagePath])\n\n  const displayImage = useMemo(() => {\n    const builder = imageUrlBuilder(sanityClient).dataset(sanityClient.config().dataset ?? '')\n    const urlFor = (source: ImageValue) => builder.image(source)\n\n    if (hotspotImage?.asset?._ref) {\n      const {aspectRatio} = getImageDimensions(hotspotImage.asset._ref)\n      const width = 1200\n      const height = Math.round(width / aspectRatio)\n      const url = urlFor(hotspotImage).width(width).url()\n\n      return {width, height, url}\n    }\n\n    return null\n  }, [hotspotImage, sanityClient])\n\n  const handleHotspotImageClick = useCallback(\n    async (event: MouseEvent<HTMLImageElement>) => {\n      const {nativeEvent, currentTarget} = event\n\n      // Calculate the x/y percentage of the click position\n      const x = Number(((nativeEvent.offsetX * 100) / currentTarget.width).toFixed(2))\n      const y = Number(((nativeEvent.offsetY * 100) / currentTarget.height).toFixed(2))\n      const description = `New Hotspot at ${x}% x ${y}%`\n\n      const initialValues = await resolveInitialValue(schemaType.of[0].type as ObjectSchemaType)\n\n      const newRow: HotspotItem = {\n        _key: randomKey(12),\n        _type: schemaType.of[0].name,\n        ...initialValues,\n        x,\n        y,\n      }\n\n      if (imageHotspotOptions?.descriptionPath) {\n        newRow[imageHotspotOptions.descriptionPath] = description\n      }\n\n      onChange(PatchEvent.from([setIfMissing([]), insert([newRow], 'after', [-1])]))\n    },\n    [imageHotspotOptions, onChange, resolveInitialValue, schemaType],\n  )\n\n  const handleHotspotMove: FnHotspotMove = useCallback(\n    (key, x, y) => {\n      onChange(\n        PatchEvent.from([\n          // Set the `x` value of this array key item\n          set(x, [{_key: key}, 'x']),\n          // Set the `y` value of this array key item\n          set(y, [{_key: key}, 'y']),\n        ]),\n      )\n    },\n    [onChange],\n  )\n\n  const hotspotImageRef = useRef<HTMLImageElement | null>(null)\n\n  const [imageRect, setImageRect] = useState<DOMRectReadOnly>()\n\n  useResizeObserver<HTMLImageElement>(\n    hotspotImageRef,\n    useDebouncedCallback(\n      (e: ResizeObserverEntry) => setImageRect(e.contentRect),\n      [setImageRect],\n      200,\n    ),\n  )\n\n  return (\n    <Stack space={[2, 2, 3]}>\n      {displayImage?.url ? (\n        <div style={{position: `relative`}}>\n          {imageRect &&\n            (value?.length ?? 0) > 0 &&\n            value?.map((spot, index) => (\n              <Spot\n                index={index}\n                key={spot._key}\n                value={spot}\n                bounds={imageRect}\n                update={handleHotspotMove}\n                hotspotDescriptionPath={imageHotspotOptions?.descriptionPath}\n                tooltip={imageHotspotOptions?.tooltip}\n                renderPreview={renderPreview}\n                schemaType={schemaType.of[0] as ObjectSchemaType}\n              />\n            ))}\n\n          <Card __unstable_checkered shadow={1}>\n            <Flex align=\"center\" justify=\"center\">\n              <img\n                ref={hotspotImageRef}\n                src={displayImage.url}\n                width={displayImage.width}\n                height={displayImage.height}\n                alt=\"\"\n                style={imageStyle}\n                onClick={handleHotspotImageClick}\n              />\n            </Flex>\n          </Card>\n        </div>\n      ) : (\n        <Feedback>\n          {imageHotspotOptions.imagePath ? (\n            <>\n              No Hotspot image found at path <code>{imageHotspotOptions.imagePath}</code>\n            </>\n          ) : (\n            <>\n              Define a path in this field using to the image field in this document at{' '}\n              <code>options.hotspotImagePath</code>\n            </>\n          )}\n        </Feedback>\n      )}\n      {imageHotspotOptions.pathRoot && !VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot) && (\n        <Feedback>\n          The supplied imageHotspotPathRoot &quot;{imageHotspotOptions.pathRoot}&quot; is not valid,\n          falling back to &quot;document&quot;. Available values are &quot;\n          {VALID_ROOT_PATHS.join(', ')}&quot;.\n        </Feedback>\n      )}\n      {props.renderDefault(props as unknown as ArrayOfObjectsInputProps)}\n    </Stack>\n  )\n}\n","import {ComponentType} from 'react'\nimport {type ArrayOfObjectsInputProps, definePlugin} from 'sanity'\n\nimport {type HotspotItem, ImageHotspotArray} from './ImageHotspotArray'\nimport {type HotspotTooltipProps} from './Spot'\n\nexport interface ImageHotspotOptions<HotspotFields = {[key: string]: unknown}> {\n  pathRoot?: 'document' | 'parent'\n  imagePath: string\n  descriptionPath?: string\n  tooltip?: ComponentType<HotspotTooltipProps<HotspotFields>>\n}\n\ndeclare module 'sanity' {\n  export interface ArrayOptions {\n    imageHotspot?: ImageHotspotOptions\n  }\n}\n\nexport const imageHotspotArrayPlugin = definePlugin({\n  name: 'image-hotspot-array',\n  form: {\n    components: {\n      input: (props) => {\n        if (props.schemaType.jsonType === 'array' && props.schemaType.options?.imageHotspot) {\n          const imageHotspotOptions = props.schemaType.options?.imageHotspot\n          if (imageHotspotOptions) {\n            return (\n              <ImageHotspotArray\n                {...(props as unknown as ArrayOfObjectsInputProps<HotspotItem>)}\n                imageHotspotOptions={imageHotspotOptions}\n              />\n            )\n          }\n        }\n        return props.renderDefault(props)\n      },\n    },\n  },\n})\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/Feedback.tsx","../src/Spot.tsx","../src/useDebouncedCallback.ts","../src/useResizeObserver.ts","../src/ImageHotspotArray.tsx","../src/plugin.tsx"],"sourcesContent":["import {Card, Text} from '@sanity/ui'\n\nexport default function Feedback({children}: {children: React.ReactNode}): React.JSX.Element {\n  return (\n    <Card padding={4} radius={2} shadow={1} tone=\"caution\">\n      <Text>{children}</Text>\n    </Card>\n  )\n}\n","import {Box, Text, Tooltip} from '@sanity/ui'\nimport {motion, useMotionValue} from 'framer-motion'\nimport get from 'lodash-es/get.js'\nimport {\n  type ComponentType,\n  type CSSProperties,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react'\nimport {type ObjectSchemaType, type RenderPreviewCallback} from 'sanity'\n\nimport {type FnHotspotMove, type HotspotItem} from './ImageHotspotArray'\n\nconst dragStyle: CSSProperties = {\n  width: '1.4rem',\n  height: '1.4rem',\n  position: 'absolute',\n  boxSizing: 'border-box',\n  top: 0,\n  left: 0,\n  margin: '-0.7rem 0 0 -0.7rem',\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '50%',\n  background: '#000',\n  color: 'white',\n}\n\nconst dragStyleWhileDrag: CSSProperties = {\n  background: 'rgba(0, 0, 0, 0.1)',\n  border: '1px solid #fff',\n  cursor: 'none',\n}\n\nconst dragStyleWhileHover: CSSProperties = {\n  background: 'rgba(0, 0, 0, 0.1)',\n  border: '1px solid #fff',\n}\n\nconst dotStyle: CSSProperties = {\n  position: 'absolute',\n  left: '50%',\n  top: '50%',\n  height: '0.2rem',\n  width: '0.2rem',\n  margin: '-0.1rem 0 0 -0.1rem',\n  background: '#fff',\n  visibility: 'hidden',\n  borderRadius: '50%',\n  // make sure pointer events only run on the parent\n  pointerEvents: 'none',\n}\n\nconst dotStyleWhileActive: CSSProperties = {\n  visibility: 'visible',\n}\n\nconst labelStyle: CSSProperties = {\n  color: 'white',\n  fontSize: '0.7rem',\n  fontWeight: 600,\n  lineHeight: '1',\n}\n\nconst labelStyleWhileActive: CSSProperties = {\n  visibility: 'hidden',\n}\n\nconst round = (num: number) => Math.round(num * 100) / 100\n\nexport interface HotspotTooltipProps<HotspotFields = {[key: string]: unknown}> {\n  value: HotspotItem<HotspotFields>\n  schemaType: ObjectSchemaType\n  renderPreview: RenderPreviewCallback\n}\n\ninterface HotspotProps<HotspotFields = {[key: string]: unknown}> {\n  value: HotspotItem\n  bounds: DOMRectReadOnly\n  update: FnHotspotMove\n  hotspotDescriptionPath?: string\n  tooltip?: ComponentType<HotspotTooltipProps<HotspotFields>>\n  index: number\n  schemaType: ObjectSchemaType\n  renderPreview: RenderPreviewCallback\n}\n\nexport default function Spot({\n  value,\n  bounds,\n  update,\n  hotspotDescriptionPath,\n  tooltip: TooltipComponent,\n  index,\n  schemaType,\n  renderPreview,\n}: HotspotProps): ReactNode {\n  const [isDragging, setIsDragging] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  // x/y are stored as % but need to be converted to px\n  const x = useMotionValue(round(bounds.width * (value.x / 100)))\n  const y = useMotionValue(round(bounds.height * (value.y / 100)))\n\n  /**\n   * update x/y if the bounds change when resizing the window\n   */\n  useEffect(() => {\n    x.set(round(bounds.width * (value.x / 100)))\n    y.set(round(bounds.height * (value.y / 100)))\n  }, [x, y, value, bounds])\n\n  const handleDragEnd = useCallback(() => {\n    setIsDragging(false)\n\n    // get current values for x/y in px\n    const currentX = x.get()\n    const currentY = y.get()\n\n    // Which we need to convert back to `%` to patch the document\n    const newX = round((currentX * 100) / bounds.width)\n    const newY = round((currentY * 100) / bounds.height)\n\n    // Don't go below 0 or above 100\n    const safeX = Math.max(0, Math.min(100, newX))\n    const safeY = Math.max(0, Math.min(100, newY))\n\n    update(value._key, safeX, safeY)\n  }, [x, y, value, update, bounds])\n  const handleDragStart = useCallback(() => setIsDragging(true), [])\n\n  const handleHoverStart = useCallback(() => setIsHovering(true), [])\n  const handleHoverEnd = useCallback(() => setIsHovering(false), [])\n\n  if (!x || !y) {\n    return null\n  }\n\n  return (\n    <motion.div\n      drag\n      dragConstraints={bounds}\n      dragElastic={0}\n      dragMomentum={false}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      onHoverStart={handleHoverStart}\n      onHoverEnd={handleHoverEnd}\n      style={{\n        ...dragStyle,\n        x,\n        y,\n        ...(isDragging && {...dragStyleWhileDrag}),\n        ...(isHovering && {...dragStyleWhileHover}),\n      }}\n    >\n      <Tooltip\n        key={value._key}\n        disabled={isDragging}\n        portal\n        content={\n          TooltipComponent && typeof TooltipComponent === 'function' ? (\n            <TooltipComponent value={value} renderPreview={renderPreview} schemaType={schemaType} />\n          ) : (\n            <Box padding={2} style={{maxWidth: 200, pointerEvents: `none`}}>\n              <Text textOverflow=\"ellipsis\">\n                {hotspotDescriptionPath\n                  ? // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- the configured descriptionPath is expected to point to a string field\n                    (get(value, hotspotDescriptionPath) as string)\n                  : `${value.x}% x ${value.y}%`}\n              </Text>\n            </Box>\n          )\n        }\n      >\n        <div>\n          {/* Dot */}\n          <Box\n            style={{\n              ...dotStyle,\n              ...((isDragging || isHovering) && {...dotStyleWhileActive}),\n            }}\n          />\n          {/* Label */}\n          <div\n            style={{\n              ...labelStyle,\n              ...((isDragging || isHovering) && {...labelStyleWhileActive}),\n            }}\n          >\n            {index + 1}\n          </div>\n        </div>\n      </Tooltip>\n    </motion.div>\n  )\n}\n","// copied from react-hookz/web\n// https://github.com/react-hookz/web/blob/579a445fcc9f4f4bb5b9d5e670b2e57448b4ee50/src/useDebouncedCallback/index.ts\nimport {type DependencyList, useEffect, useMemo, useRef} from 'react'\n\n/**\n * Run effect only when component is unmounted.\n *\n * @param effect Effector to run on unmount\n */\nfunction useUnmountEffect(effect: CallableFunction): void {\n  const effectRef = useRef(effect)\n  useEffect(() => {\n    effectRef.current = effect\n  }, [effect])\n  useEffect(() => () => effectRef.current(), [])\n}\n\nexport type DebouncedFunction<Fn extends (...args: any[]) => any> = (\n  this: ThisParameterType<Fn>,\n  ...args: Parameters<Fn>\n) => void\n\n/**\n * Makes passed function debounced, otherwise acts like `useCallback`.\n *\n * @param callback Function that will be debounced.\n * @param deps Dependencies list when to update callback. It also replaces invoked\n * \tcallback for scheduled debounced invocations.\n * @param delay Debounce delay.\n * @param maxWait The maximum time `callback` is allowed to be delayed before\n * it's invoked. 0 means no max wait.\n */\nexport function useDebouncedCallback<Fn extends (...args: any[]) => any>(\n  callback: Fn,\n  deps: DependencyList,\n  delay: number,\n  maxWait = 0,\n): DebouncedFunction<Fn> {\n  const timeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const waitTimeout = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const cb = useRef(callback)\n  const lastCall = useRef<{args: Parameters<Fn>; this: ThisParameterType<Fn>}>(undefined)\n\n  const clear = () => {\n    if (timeout.current) {\n      clearTimeout(timeout.current)\n      timeout.current = undefined\n    }\n\n    if (waitTimeout.current) {\n      clearTimeout(waitTimeout.current)\n      waitTimeout.current = undefined\n    }\n  }\n\n  // Cancel scheduled execution on unmount\n  useUnmountEffect(clear)\n\n  useEffect(() => {\n    cb.current = callback\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n\n  return useMemo(() => {\n    const execute = () => {\n      clear()\n\n      // Barely possible to test this line\n      /* istanbul ignore next */\n      if (!lastCall.current) return\n\n      const context = lastCall.current\n      lastCall.current = undefined\n\n      cb.current.apply(context.this, context.args)\n    }\n\n    const wrapped = function (this, ...args) {\n      if (timeout.current) {\n        clearTimeout(timeout.current)\n      }\n\n      lastCall.current = {args, this: this}\n\n      // Plan regular execution\n      timeout.current = setTimeout(execute, delay)\n\n      // Plan maxWait execution if required\n      if (maxWait > 0 && !waitTimeout.current) {\n        waitTimeout.current = setTimeout(execute, maxWait)\n      }\n    } as DebouncedFunction<Fn>\n\n    Object.defineProperties(wrapped, {\n      length: {value: callback.length},\n      name: {value: `${callback.name || 'anonymous'}__debounced__${delay}`},\n    })\n\n    return wrapped\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [delay, maxWait, ...deps])\n}\n","// copied from react-hookz/web\n// https://github.com/react-hookz/web/blob/579a445fcc9f4f4bb5b9d5e670b2e57448b4ee50/src/useResizeObserver/index.ts\nimport {type RefObject, useEffect, useRef} from 'react'\n\nconst isBrowser =\n  typeof window !== 'undefined' &&\n  typeof navigator !== 'undefined' &&\n  typeof document !== 'undefined'\n\nexport type UseResizeObserverCallback = (entry: ResizeObserverEntry) => void\n\ntype ResizeObserverSingleton = {\n  observer: ResizeObserver\n  subscribe: (target: Element, callback: UseResizeObserverCallback) => void\n  unsubscribe: (target: Element, callback: UseResizeObserverCallback) => void\n}\n\nlet observerSingleton: ResizeObserverSingleton\n\nfunction getResizeObserver(): ResizeObserverSingleton | undefined {\n  if (!isBrowser) return undefined\n\n  if (observerSingleton) return observerSingleton\n\n  const callbacks = new Map<Element, Set<UseResizeObserverCallback>>()\n\n  const observer = new ResizeObserver((entries) => {\n    for (const entry of entries)\n      callbacks.get(entry.target)?.forEach((cb) =>\n        setTimeout(() => {\n          cb(entry)\n        }, 0),\n      )\n  })\n\n  observerSingleton = {\n    observer,\n    subscribe(target, callback) {\n      let cbs = callbacks.get(target)\n\n      if (!cbs) {\n        // If target has no observers yet - register it\n        cbs = new Set<UseResizeObserverCallback>()\n        callbacks.set(target, cbs)\n        observer.observe(target)\n      }\n\n      // As Set is duplicate-safe - simply add callback on each call\n      cbs.add(callback)\n    },\n    unsubscribe(target, callback) {\n      const cbs = callbacks.get(target)\n\n      // Else branch should never occur in case of normal execution\n      // because callbacks map is hidden in closure - it is impossible to\n      // simulate situation with non-existent `cbs` Set\n      /* istanbul ignore else */\n      if (cbs) {\n        // Remove current observer\n        cbs.delete(callback)\n\n        if (cbs.size === 0) {\n          // If no observers left unregister target completely\n          callbacks.delete(target)\n          observer.unobserve(target)\n        }\n      }\n    },\n  }\n\n  return observerSingleton\n}\n\n/**\n * Invokes a callback whenever ResizeObserver detects a change to target's size.\n *\n * @param target React reference or Element to track.\n * @param callback Callback that will be invoked on resize.\n * @param enabled Whether resize observer is enabled or not.\n */\nexport function useResizeObserver<T extends Element>(\n  target: RefObject<T | null>,\n  callback: UseResizeObserverCallback,\n  enabled = true,\n): void {\n  const ro = enabled && getResizeObserver()\n  const cb = useRef(callback)\n  useEffect(() => {\n    cb.current = callback\n  }, [callback])\n\n  const tgt = target && 'current' in target ? target.current : target\n\n  useEffect(() => {\n    // This secondary target resolve required for case when we receive ref object, which, most\n    // likely, contains null during render stage, but already populated with element during\n    // effect stage.\n\n    const _tgt = target && 'current' in target ? target.current : target\n\n    if (!ro || !_tgt) return undefined\n\n    // As unsubscription in internals of our ResizeObserver abstraction can\n    // happen a bit later than effect cleanup invocation - we need a marker,\n    // that this handler should not be invoked anymore\n    let subscribed = true\n\n    const handler: UseResizeObserverCallback = (...args) => {\n      // It is reinsurance for the highly asynchronous invocations, almost\n      // impossible to achieve in tests, thus excluding from LOC\n      /* istanbul ignore else */\n      if (subscribed) {\n        cb.current(...args)\n      }\n    }\n\n    ro.subscribe(_tgt, handler)\n\n    return () => {\n      subscribed = false\n      ro.unsubscribe(_tgt, handler)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tgt, ro])\n}\n","import {getImageDimensions} from '@sanity/asset-utils'\nimport {createImageUrlBuilder} from '@sanity/image-url'\nimport {Card, Flex, Stack} from '@sanity/ui'\nimport {randomKey} from '@sanity/util/content'\nimport get from 'lodash-es/get.js'\nimport {type MouseEvent, type ReactNode, useCallback, useMemo, useRef, useState} from 'react'\nimport {\n  type ArrayOfObjectsInputProps,\n  type ImageValue,\n  insert,\n  type ObjectSchemaType,\n  PatchEvent,\n  set,\n  setIfMissing,\n  useClient,\n  useFormValue,\n  useResolveInitialValueForType,\n} from 'sanity'\n\nimport Feedback from './Feedback'\nimport {type ImageHotspotOptions} from './plugin'\nimport Spot from './Spot'\nimport {useDebouncedCallback} from './useDebouncedCallback'\nimport {useResizeObserver} from './useResizeObserver'\n\nconst imageStyle = {width: `100%`, height: `auto`}\n\nconst VALID_ROOT_PATHS = ['document', 'parent']\n\nexport type FnHotspotMove = (key: string, x: number, y: number) => void\n\nexport type HotspotItem<HotspotFields = {[key: string]: unknown}> = {\n  _key: string\n  _type: string\n  x: number\n  y: number\n} & HotspotFields\n\nexport function ImageHotspotArray(\n  props: ArrayOfObjectsInputProps<HotspotItem> & {imageHotspotOptions: ImageHotspotOptions},\n): ReactNode {\n  const {value, onChange, imageHotspotOptions, schemaType, renderPreview} = props\n\n  const sanityClient = useClient({apiVersion: '2022-01-01'})\n\n  const imageHotspotPathRoot = useMemo(() => {\n    const pathRoot = VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot ?? '')\n      ? imageHotspotOptions.pathRoot\n      : 'document'\n    return pathRoot === 'document' ? [] : props.path.slice(0, -1)\n  }, [imageHotspotOptions.pathRoot, props.path])\n\n  const rootObject = useFormValue(imageHotspotPathRoot)\n\n  const resolveInitialValueForType = useResolveInitialValueForType()\n  const resolveInitialValue = useCallback(\n    async (type: ObjectSchemaType) => {\n      return resolveInitialValueForType(type, {})\n        .then((initialValue) => {\n          return initialValue\n        })\n        .catch(() => {\n          return undefined\n        })\n    },\n    [resolveInitialValueForType],\n  )\n\n  /**\n   * Finding the image from the imageHotspotPathRoot (defaults to document),\n   * using the path from the hotspot's `options` field\n   *\n   * when changes in imageHotspotPathRoot (e.g. document) occur,\n   * check if there are any changes to the hotspotImage and update the reference\n   */\n  const hotspotImage = useMemo(() => {\n    // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- the configured imagePath is expected to point to an image field\n    return (\n      imageHotspotOptions.imagePath ? get(rootObject, imageHotspotOptions.imagePath) : rootObject\n    ) as ImageValue | undefined\n  }, [rootObject, imageHotspotOptions.imagePath])\n\n  const displayImage = useMemo(() => {\n    const builder = createImageUrlBuilder(sanityClient).dataset(sanityClient.config().dataset ?? '')\n    const urlFor = (source: ImageValue) => builder.image(source)\n\n    if (hotspotImage?.asset?._ref) {\n      const {aspectRatio} = getImageDimensions(hotspotImage.asset._ref)\n      const width = 1200\n      const height = Math.round(width / aspectRatio)\n      const url = urlFor(hotspotImage).width(width).url()\n\n      return {width, height, url}\n    }\n\n    return null\n  }, [hotspotImage, sanityClient])\n\n  const handleHotspotImageClick = useCallback(\n    async (event: MouseEvent<HTMLImageElement>) => {\n      const spotType = schemaType.of[0]\n      if (!spotType) {\n        return\n      }\n\n      const {nativeEvent, currentTarget} = event\n\n      // Calculate the x/y percentage of the click position\n      const x = Number(((nativeEvent.offsetX * 100) / currentTarget.width).toFixed(2))\n      const y = Number(((nativeEvent.offsetY * 100) / currentTarget.height).toFixed(2))\n      const description = `New Hotspot at ${x}% x ${y}%`\n\n      // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- hotspot arrays contain a single object type\n      const initialValues = await resolveInitialValue(spotType.type as ObjectSchemaType)\n\n      const newRow: HotspotItem = {\n        _key: randomKey(12),\n        _type: spotType.name,\n        ...initialValues,\n        x,\n        y,\n      }\n\n      if (imageHotspotOptions?.descriptionPath) {\n        newRow[imageHotspotOptions.descriptionPath] = description\n      }\n\n      onChange(PatchEvent.from([setIfMissing([]), insert([newRow], 'after', [-1])]))\n    },\n    [imageHotspotOptions, onChange, resolveInitialValue, schemaType],\n  )\n\n  const handleHotspotMove: FnHotspotMove = useCallback(\n    (key, x, y) => {\n      onChange(\n        PatchEvent.from([\n          // Set the `x` value of this array key item\n          set(x, [{_key: key}, 'x']),\n          // Set the `y` value of this array key item\n          set(y, [{_key: key}, 'y']),\n        ]),\n      )\n    },\n    [onChange],\n  )\n\n  const hotspotImageRef = useRef<HTMLImageElement | null>(null)\n\n  const [imageRect, setImageRect] = useState<DOMRectReadOnly>()\n\n  useResizeObserver<HTMLImageElement>(\n    hotspotImageRef,\n    useDebouncedCallback(\n      (e: ResizeObserverEntry) => setImageRect(e.contentRect),\n      [setImageRect],\n      200,\n    ),\n  )\n\n  return (\n    <Stack gap={[2, 2, 3]}>\n      {displayImage?.url ? (\n        <div style={{position: `relative`}}>\n          {imageRect &&\n            (value?.length ?? 0) > 0 &&\n            value?.map((spot, index) => (\n              <Spot\n                index={index}\n                key={spot._key}\n                value={spot}\n                bounds={imageRect}\n                update={handleHotspotMove}\n                hotspotDescriptionPath={imageHotspotOptions?.descriptionPath}\n                tooltip={imageHotspotOptions?.tooltip}\n                renderPreview={renderPreview}\n                // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- hotspot arrays contain a single object type\n                schemaType={schemaType.of[0] as ObjectSchemaType}\n              />\n            ))}\n\n          <Card __unstable_checkered shadow={1}>\n            <Flex align=\"center\" justify=\"center\">\n              {/* oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions -- hotspots are placed via pointer coordinates, which have no keyboard equivalent */}\n              <img\n                ref={hotspotImageRef}\n                src={displayImage.url}\n                width={displayImage.width}\n                height={displayImage.height}\n                alt=\"\"\n                style={imageStyle}\n                onClick={handleHotspotImageClick}\n              />\n            </Flex>\n          </Card>\n        </div>\n      ) : (\n        <Feedback>\n          {imageHotspotOptions.imagePath ? (\n            <>\n              No Hotspot image found at path <code>{imageHotspotOptions.imagePath}</code>\n            </>\n          ) : (\n            <>\n              Define a path in this field using to the image field in this document at{' '}\n              <code>options.hotspotImagePath</code>\n            </>\n          )}\n        </Feedback>\n      )}\n      {imageHotspotOptions.pathRoot && !VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot) && (\n        <Feedback>\n          The supplied imageHotspotPathRoot &quot;{imageHotspotOptions.pathRoot}&quot; is not valid,\n          falling back to &quot;document&quot;. Available values are &quot;\n          {VALID_ROOT_PATHS.join(', ')}&quot;.\n        </Feedback>\n      )}\n      {/* oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- renderDefault expects the base input props */}\n      {props.renderDefault(props as unknown as ArrayOfObjectsInputProps)}\n    </Stack>\n  )\n}\n","import {type ComponentType} from 'react'\nimport {type ArrayOfObjectsInputProps, definePlugin} from 'sanity'\n\nimport {type HotspotItem, ImageHotspotArray} from './ImageHotspotArray'\nimport {type HotspotTooltipProps} from './Spot'\n\nexport interface ImageHotspotOptions<HotspotFields = {[key: string]: unknown}> {\n  pathRoot?: 'document' | 'parent'\n  imagePath: string\n  descriptionPath?: string\n  tooltip?: ComponentType<HotspotTooltipProps<HotspotFields>>\n}\n\ndeclare module 'sanity' {\n  export interface ArrayOptions {\n    imageHotspot?: ImageHotspotOptions\n  }\n}\n\nexport const imageHotspotArrayPlugin = definePlugin({\n  name: 'image-hotspot-array',\n  form: {\n    components: {\n      input: (props) => {\n        if (props.schemaType.jsonType === 'array' && props.schemaType.options?.imageHotspot) {\n          const imageHotspotOptions = props.schemaType.options?.imageHotspot\n          if (imageHotspotOptions) {\n            return (\n              <ImageHotspotArray\n                // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- narrowed by the jsonType/options checks above\n                {...(props as unknown as ArrayOfObjectsInputProps<HotspotItem>)}\n                imageHotspotOptions={imageHotspotOptions}\n              />\n            )\n          }\n        }\n        return props.renderDefault(props)\n      },\n    },\n  },\n})\n"],"names":["Feedback","t0","$","_c","children","t1","dragStyle","width","height","position","boxSizing","top","left","margin","cursor","display","justifyContent","alignItems","borderRadius","background","color","dragStyleWhileDrag","border","dragStyleWhileHover","dotStyle","visibility","pointerEvents","dotStyleWhileActive","labelStyle","fontSize","fontWeight","lineHeight","labelStyleWhileActive","round","num","Math","Spot","value","bounds","update","hotspotDescriptionPath","tooltip","TooltipComponent","index","schemaType","renderPreview","isDragging","setIsDragging","useState","isHovering","setIsHovering","x","t2","useMotionValue","t3","y","t4","t5","set","t6","useEffect","t7","_key","currentX","get","currentY","newX","newY","safeX","max","min","safeY","handleDragEnd","t8","for","handleDragStart","t9","handleHoverStart","t10","handleHoverEnd","t11","t12","t13","t14","maxWidth","t15","t16","t17","t18","t19","t20","t21","t22","t23","useUnmountEffect","effect","effectRef","useRef","current","Symbol","useDebouncedCallback","callback","deps","delay","maxWait","timeout","undefined","waitTimeout","cb","lastCall","clear","clearTimeout","useMemo","execute","context","apply","this","args","wrapped","setTimeout","Object","defineProperties","length","name","isBrowser","window","navigator","document","observerSingleton","getResizeObserver","callbacks","Map","observer","ResizeObserver","entries","entry","target","forEach","subscribe","cbs","Set","observe","add","unsubscribe","delete","size","unobserve","useResizeObserver","enabled","ro","tgt","_tgt","subscribed","handler","imageStyle","VALID_ROOT_PATHS","ImageHotspotArray","props","onChange","imageHotspotOptions","apiVersion","sanityClient","useClient","pathRoot","includes","path","slice","rootObject","useFormValue","resolveInitialValueForType","useResolveInitialValueForType","type","then","_temp","catch","_temp2","resolveInitialValue","imagePath","hotspotImage","bb0","builder","createImageUrlBuilder","dataset","config","urlFor","source","image","asset","_ref","getImageDimensions","aspectRatio","url","displayImage","descriptionPath","of","event","spotType","nativeEvent","currentTarget","Number","offsetX","toFixed","offsetY","description","initialValues","newRow","randomKey","_type","PatchEvent","from","setIfMissing","insert","handleHotspotImageClick","key","x_0","y_0","handleHotspotMove","hotspotImageRef","imageRect","setImageRect","e","contentRect","map","spot","join","renderDefault","initialValue","imageHotspotArrayPlugin","definePlugin","form","components","input","jsonType","options","imageHotspot"],"mappings":"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"}

package/package.json

@@ -1,97 +1,62 @@
 {
   "name": "sanity-plugin-hotspot-array",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "description": "A configurable Custom Input for Arrays that will add and update items by clicking on an Image",
   "keywords": [
     "sanity",
     "sanity-plugin"
   ],
-  "homepage": "https://github.com/sanity-io/sanity-plugin-hotspot-array#readme",
+  "homepage": "https://github.com/sanity-io/plugins/tree/main/plugins/sanity-plugin-hotspot-array#readme",
   "bugs": {
-    "url": "https://github.com/sanity-io/sanity-plugin-hotspot-array/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:sanity-io/sanity-plugin-hotspot-array.git"
+    "url": "https://github.com/sanity-io/plugins/issues"
   },
   "license": "MIT",
   "author": "Sanity.io <hello@sanity.io>",
-  "sideEffects": false,
-  "type": "module",
-  "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./package.json": "./package.json"
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/sanity-io/plugins.git",
+    "directory": "plugins/sanity-plugin-hotspot-array"
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "files": [
-    "src",
     "dist"
   ],
-  "scripts": {
-    "dev": "sanity dev",
-    "prebuild": "npm run clean && plugin-kit verify-package --silent && pkg-utils",
-    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
-    "clean": "rimraf dist",
-    "link-watch": "plugin-kit link-watch",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "prepare": "husky install",
-    "prepublishOnly": "npm run build",
-    "watch": "pkg-utils watch --strict"
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
   },
-  "browserslist": "extends @sanity/browserslist-config",
   "dependencies": {
-    "@sanity/asset-utils": "^2.2.1",
+    "@sanity/asset-utils": "^2.3.0",
     "@sanity/image-url": "^2.1.1",
-    "@sanity/ui": "^3.0.6",
+    "@sanity/ui": "^3.2.0",
     "@sanity/util": "^6.0.0",
     "framer-motion": "^12.23.12",
-    "lodash-es": "^4.17.21"
+    "lodash-es": "^4.17.23"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.2",
-    "@commitlint/config-conventional": "^19.2.2",
-    "@sanity/browserslist-config": "^1.0.3",
-    "@sanity/pkg-utils": "^10.5.3",
-    "@sanity/plugin-kit": "^4.0.20",
-    "@sanity/semantic-release-preset": "^4.1.7",
+    "@sanity/pkg-utils": "^10.5.5",
     "@types/lodash-es": "^4.17.12",
-    "@types/react": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-sanity": "^7.1.2",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "prettier": "^3.6.2",
-    "prettier-plugin-packagejson": "^2.5.19",
+    "@types/node": "^24.13.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "babel-plugin-react-compiler": "^1.0.0",
     "react": "^19.2.7",
-    "rimraf": "^5.0.5",
+    "react-dom": "^19.2.7",
     "sanity": "^6.0.0",
-    "styled-components": "^6.1.19",
-    "typescript": "5.9.2"
+    "styled-components": "^6.4.2",
+    "@repo/package.config": "0.0.0",
+    "@repo/tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "react": "^19.2",
-    "sanity": "^6"
+    "react-dom": "^19.2",
+    "sanity": "^5 || ^6.0.0-0"
   },
   "engines": {
-    "node": ">=22.12"
+    "node": ">=20.19 <22 || >=22.12"
   },
-  "sanityPlugin": {
-    "verifyPackage": {
-      "nodeEngine": false,
-      "sanityV2Json": false,
-      "tsc": false
-    }
+  "scripts": {
+    "build": "pkg build --strict --check --clean"
   }
-}
+}

package/src/Feedback.tsx

@@ -1,9 +0,0 @@
-import {Card, Text} from '@sanity/ui'
-
-export default function Feedback({children}: {children: React.ReactNode}): React.JSX.Element {
-  return (
-    <Card padding={4} radius={2} shadow={1} tone="caution">
-      <Text>{children}</Text>
-    </Card>
-  )
-}

package/src/ImageHotspotArray.tsx

@@ -1,212 +0,0 @@
-import {getImageDimensions} from '@sanity/asset-utils'
-import imageUrlBuilder from '@sanity/image-url'
-import {Card, Flex, Stack} from '@sanity/ui'
-import {randomKey} from '@sanity/util/content'
-import {get} from 'lodash-es'
-import {type MouseEvent, type ReactNode, useCallback, useMemo, useRef, useState} from 'react'
-import {
-  ArrayOfObjectsInputProps,
-  ImageValue,
-  insert,
-  ObjectSchemaType,
-  PatchEvent,
-  SchemaType,
-  set,
-  setIfMissing,
-  useClient,
-  useFormValue,
-  useResolveInitialValueForType,
-} from 'sanity'
-
-import Feedback from './Feedback'
-import {ImageHotspotOptions} from './plugin'
-import Spot from './Spot'
-import {useDebouncedCallback} from './useDebouncedCallback'
-import {useResizeObserver} from './useResizeObserver'
-
-const imageStyle = {width: `100%`, height: `auto`}
-
-const VALID_ROOT_PATHS = ['document', 'parent']
-
-export type FnHotspotMove = (key: string, x: number, y: number) => void
-
-export type HotspotItem<HotspotFields = {[key: string]: unknown}> = {
-  _key: string
-  _type: string
-  x: number
-  y: number
-} & HotspotFields
-
-export function ImageHotspotArray(
-  props: ArrayOfObjectsInputProps<HotspotItem> & {imageHotspotOptions: ImageHotspotOptions},
-): ReactNode {
-  const {value, onChange, imageHotspotOptions, schemaType, renderPreview} = props
-
-  const sanityClient = useClient({apiVersion: '2022-01-01'})
-
-  const imageHotspotPathRoot = useMemo(() => {
-    const pathRoot = VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot ?? '')
-      ? imageHotspotOptions.pathRoot
-      : 'document'
-    return pathRoot === 'document' ? [] : props.path.slice(0, -1)
-  }, [imageHotspotOptions.pathRoot, props.path])
-
-  const rootObject = useFormValue(imageHotspotPathRoot)
-
-  const resolveInitialValueForType = useResolveInitialValueForType()
-  const resolveInitialValue = useCallback(
-    async (type: ObjectSchemaType) => {
-      return resolveInitialValueForType(type as unknown as SchemaType, {})
-        .then((initialValue) => {
-          return initialValue
-        })
-        .catch(() => {
-          return undefined
-        })
-    },
-    [resolveInitialValueForType],
-  )
-
-  /**
-   * Finding the image from the imageHotspotPathRoot (defaults to document),
-   * using the path from the hotspot's `options` field
-   *
-   * when changes in imageHotspotPathRoot (e.g. document) occur,
-   * check if there are any changes to the hotspotImage and update the reference
-   */
-  const hotspotImage = useMemo(() => {
-    return (
-      imageHotspotOptions.imagePath ? get(rootObject, imageHotspotOptions.imagePath) : rootObject
-    ) as ImageValue | undefined
-  }, [rootObject, imageHotspotOptions.imagePath])
-
-  const displayImage = useMemo(() => {
-    const builder = imageUrlBuilder(sanityClient).dataset(sanityClient.config().dataset ?? '')
-    const urlFor = (source: ImageValue) => builder.image(source)
-
-    if (hotspotImage?.asset?._ref) {
-      const {aspectRatio} = getImageDimensions(hotspotImage.asset._ref)
-      const width = 1200
-      const height = Math.round(width / aspectRatio)
-      const url = urlFor(hotspotImage).width(width).url()
-
-      return {width, height, url}
-    }
-
-    return null
-  }, [hotspotImage, sanityClient])
-
-  const handleHotspotImageClick = useCallback(
-    async (event: MouseEvent<HTMLImageElement>) => {
-      const {nativeEvent, currentTarget} = event
-
-      // Calculate the x/y percentage of the click position
-      const x = Number(((nativeEvent.offsetX * 100) / currentTarget.width).toFixed(2))
-      const y = Number(((nativeEvent.offsetY * 100) / currentTarget.height).toFixed(2))
-      const description = `New Hotspot at ${x}% x ${y}%`
-
-      const initialValues = await resolveInitialValue(schemaType.of[0].type as ObjectSchemaType)
-
-      const newRow: HotspotItem = {
-        _key: randomKey(12),
-        _type: schemaType.of[0].name,
-        ...initialValues,
-        x,
-        y,
-      }
-
-      if (imageHotspotOptions?.descriptionPath) {
-        newRow[imageHotspotOptions.descriptionPath] = description
-      }
-
-      onChange(PatchEvent.from([setIfMissing([]), insert([newRow], 'after', [-1])]))
-    },
-    [imageHotspotOptions, onChange, resolveInitialValue, schemaType],
-  )
-
-  const handleHotspotMove: FnHotspotMove = useCallback(
-    (key, x, y) => {
-      onChange(
-        PatchEvent.from([
-          // Set the `x` value of this array key item
-          set(x, [{_key: key}, 'x']),
-          // Set the `y` value of this array key item
-          set(y, [{_key: key}, 'y']),
-        ]),
-      )
-    },
-    [onChange],
-  )
-
-  const hotspotImageRef = useRef<HTMLImageElement | null>(null)
-
-  const [imageRect, setImageRect] = useState<DOMRectReadOnly>()
-
-  useResizeObserver<HTMLImageElement>(
-    hotspotImageRef,
-    useDebouncedCallback(
-      (e: ResizeObserverEntry) => setImageRect(e.contentRect),
-      [setImageRect],
-      200,
-    ),
-  )
-
-  return (
-    <Stack space={[2, 2, 3]}>
-      {displayImage?.url ? (
-        <div style={{position: `relative`}}>
-          {imageRect &&
-            (value?.length ?? 0) > 0 &&
-            value?.map((spot, index) => (
-              <Spot
-                index={index}
-                key={spot._key}
-                value={spot}
-                bounds={imageRect}
-                update={handleHotspotMove}
-                hotspotDescriptionPath={imageHotspotOptions?.descriptionPath}
-                tooltip={imageHotspotOptions?.tooltip}
-                renderPreview={renderPreview}
-                schemaType={schemaType.of[0] as ObjectSchemaType}
-              />
-            ))}
-
-          <Card __unstable_checkered shadow={1}>
-            <Flex align="center" justify="center">
-              <img
-                ref={hotspotImageRef}
-                src={displayImage.url}
-                width={displayImage.width}
-                height={displayImage.height}
-                alt=""
-                style={imageStyle}
-                onClick={handleHotspotImageClick}
-              />
-            </Flex>
-          </Card>
-        </div>
-      ) : (
-        <Feedback>
-          {imageHotspotOptions.imagePath ? (
-            <>
-              No Hotspot image found at path <code>{imageHotspotOptions.imagePath}</code>
-            </>
-          ) : (
-            <>
-              Define a path in this field using to the image field in this document at{' '}
-              <code>options.hotspotImagePath</code>
-            </>
-          )}
-        </Feedback>
-      )}
-      {imageHotspotOptions.pathRoot && !VALID_ROOT_PATHS.includes(imageHotspotOptions.pathRoot) && (
-        <Feedback>
-          The supplied imageHotspotPathRoot &quot;{imageHotspotOptions.pathRoot}&quot; is not valid,
-          falling back to &quot;document&quot;. Available values are &quot;
-          {VALID_ROOT_PATHS.join(', ')}&quot;.
-        </Feedback>
-      )}
-      {props.renderDefault(props as unknown as ArrayOfObjectsInputProps)}
-    </Stack>
-  )
-}