reactotron-core-client/src/plugins/image.ts

Grants Reactotron clients the ability to talk to a Reactotron server.

import type { ReactotronCore, Plugin } from "../reactotron-core-client"

export interface ImagePayload {
  uri: string
  preview: string
  caption?: string
  width?: number
  height?: number
  filename?: string
}

/**
 * Provides an image.
 */
const image = () => (reactotron: ReactotronCore) => {
  return {
    features: {
      // expanded just to show the specs
      image: (payload: ImagePayload) => {
        const { uri, preview, filename, width, height, caption } = payload
        return reactotron.send("image", { uri, preview, filename, width, height, caption })
      },
    },
  } satisfies Plugin<ReactotronCore>
}

export default image