# sanity-plugin-wistia-input

> This is a **Sanity Studio v3** plugin.

## What is it?

[Wistia](https://wistia.com/) input plugin for [Sanity](https://sanity.io/) that stores the media ID and hash ID for displaying on the front-end.

![Plugin with a video selected](https://github.com/abovedave/sanity-wistia-input/raw/main/assets/wistia-input-video.png)

## Installation

```sh
npm install sanity-plugin-wistia-input
```

## Usage

Add it as a plugin in `sanity.config.ts` (or .js):

```ts
import {defineConfig} from 'sanity'
import {wistiaInput} from 'sanity-plugin-wistia-input'

export default defineConfig({
  //...
  plugins: [
    wistiaInput({
      token: '<your token here>',
    }),
  ],
})
```

Then use `wistiaMedia` as your field type:

```javascript
export default {
  name: 'video',
  title: 'Videos',
  type: 'document',
  fields: [
    {
      name: 'video',
      type: 'wistiaMedia',
    },
  ],
})
```

## Data model

```js
{
  id: 123456,
  hashed_id: 'abc123'
}
```

- `id` can be used to query the [Wistia Data API](https://wistia.com/support/developers/data-api).
- `hashed_id` can be used to load an iframe on the front end i.e., `https://fast.wistia.net/embed/iframe/<hashed_id>`

## License

[MIT](LICENSE) © David Longworth. WISTIA is a trademark of Wistia, Inc. and has no affiliation with this project.

## Develop & test

This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit) with default configuration for build & watch scripts.

See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
on how to run this plugin with hotreload in the studio.