@cliff-studio/sanity-plugin-bunny-input 1.0.1 → 1.0.3

package/src/index.js

@@ -0,0 +1,63 @@
+import {definePlugin} from 'sanity'
+import {createBunnyVideoSchema} from './schema'
+
+export {getThumbnailUrl, getPlaybackUrl, getMp4Url} from './api'
+
+/**
+ * Sanity plugin for Bunny Stream video uploads
+ *
+ * @example
+ * ```js
+ * // sanity.config.js
+ * import { bunnyInput } from 'sanity-plugin-bunny-input'
+ *
+ * export default defineConfig({
+ *   plugins: [
+ *     bunnyInput({
+ *       libraryId: 'your-library-id',
+ *       cdnHostname: 'vz-abc123-xyz.b-cdn.net', // From Bunny dashboard
+ *       collectionName: 'my-project-videos', // Optional: auto-create/use collection by name
+ *       // collectionId: 'existing-collection-guid', // Optional: use existing collection directly
+ *       apiKey: 'your-api-key', // Or use proxyEndpoint for security
+ *     })
+ *   ]
+ * })
+ * ```
+ *
+ * Then use in your schemas:
+ * ```js
+ * defineField({
+ *   name: 'video',
+ *   title: 'Video',
+ *   type: 'bunnyVideo'
+ * })
+ * ```
+ */
+export const bunnyInput = definePlugin((config) => {
+  if (!config.libraryId) {
+    throw new Error('sanity-plugin-bunny-input: libraryId is required')
+  }
+
+  if (!config.cdnHostname) {
+    throw new Error('sanity-plugin-bunny-input: cdnHostname is required (e.g., vz-abc123-xyz.b-cdn.net)')
+  }
+
+  if (!config.apiKey && !config.proxyEndpoint) {
+    throw new Error('sanity-plugin-bunny-input: Either apiKey or proxyEndpoint is required')
+  }
+
+  const normalizedCollectionName =
+    typeof config.collectionName === 'string' ? config.collectionName.trim() : undefined
+
+  const pluginConfig = {
+    ...config,
+    ...(normalizedCollectionName ? {collectionName: normalizedCollectionName} : {}),
+  }
+
+  return {
+    name: 'sanity-plugin-bunny-input',
+    schema: {
+      types: [createBunnyVideoSchema(pluginConfig)],
+    },
+  }
+})

package/src/schema.js

@@ -0,0 +1,110 @@
+import { defineType, defineField } from 'sanity'
+import { BunnyInput } from './components/BunnyInput'
+import { BunnyPreview } from './components/BunnyPreview'
+
+export const createBunnyVideoSchema = (config) => {
+	return defineType({
+		type: 'object',
+		title: 'Bunny Video',
+		name: 'bunnyVideo',
+		fields: [
+			defineField({
+				type: 'string',
+				title: 'Video ID',
+				name: 'videoId',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'string',
+				title: 'Library ID',
+				name: 'libraryId',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'string',
+				title: 'Collection ID',
+				name: 'collectionId',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'string',
+				title: 'Collection name',
+				name: 'collectionName',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'string',
+				title: 'Title',
+				name: 'title',
+			}),
+			defineField({
+				type: 'string',
+				title: 'Status',
+				name: 'status',
+				options: {
+					list: [
+						{title: 'Uploading', value: 'uploading'},
+						{title: 'Processing', value: 'processing'},
+						{title: 'Ready', value: 'ready'},
+						{title: 'Error', value: 'error'},
+					],
+				},
+				readOnly: true,
+			}),
+			defineField({
+				type: 'number',
+				title: 'Video width',
+				name: 'videoWidth',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'number',
+				title: 'Video height',
+				name: 'videoHeight',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'string',
+				title: 'Thumbnail URL',
+				name: 'thumbnailUrl',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'string',
+				title: 'Playback URL',
+				name: 'playbackUrl',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'string',
+				title: 'MP4 URL',
+				name: 'mp4Url',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'number',
+				title: 'Duration (seconds)',
+				name: 'duration',
+				readOnly: true,
+			}),
+			defineField({
+				type: 'string',
+				title: 'Error Message',
+				name: 'errorMessage',
+				readOnly: true,
+				hidden: true,
+			}),
+		],
+		components: {
+			input: (props) => BunnyInput({...props, config}),
+			preview: BunnyPreview,
+		},
+		preview: {
+			select: {
+				title: 'title',
+				status: 'status',
+				thumbnailUrl: 'thumbnailUrl',
+			},
+		},
+	})
+}