@cliff-studio/sanity-plugin-bunny-input 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cliff-studio/sanity-plugin-bunny-input",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Sanity Studio plugin for uploading videos to Bunny Stream",
   "license": "MIT",
   "author": "Cliff Studio",

package/src/api.js

@@ -45,11 +45,18 @@ export function getPlaybackUrl(cdnHostname, videoId) {
  * Get the direct MP4 URL (if available)
  * @param {string} cdnHostname - The CDN hostname (e.g., 'vz-fbd37838-a6a.b-cdn.net')
  * @param {string} videoId
- * @param {string} resolution
+ * @param {string} availableResolutions - Comma-separated string (e.g. "360p,480p,240p")
  * @returns {string}
  */
-export function getMp4Url(cdnHostname, videoId, resolution = '720p') {
-  return `https://${cdnHostname}/${videoId}/play_${resolution}.mp4`
+export function getMp4Url(cdnHostname, videoId, availableResolutions = '') {
+  // Parse to numbers so we can pick the highest; URL format requires "480p" etc.
+  const parsedResolutions = (availableResolutions || '')
+    .split(',')
+    .map((s) => Number.parseInt(String(s.trim()).replace(/p$/i, ''), 10))
+    .filter((n) => Number.isFinite(n))
+
+  const bestResolution = parsedResolutions.length ? Math.max(...parsedResolutions) : 720
+  return `https://${cdnHostname}/${videoId}/play_${bestResolution}p.mp4`
 }
 
 function createHeaders(config, includeJsonContentType = false, useDirectApi = false) {

package/src/components/BunnyInput.jsx

@@ -41,6 +41,13 @@ export function BunnyInput(props) {
 
             const hasDims = Number.isFinite(width) && Number.isFinite(height) && width > 0 && height > 0
             const ratio = hasDims ? Number((width / height).toFixed(6)) : null
+            const orientation = hasDims
+              ? width > height
+                ? 'landscape'
+                : width < height
+                  ? 'portrait'
+                  : 'square'
+              : null
 
             onChange(
               set({
@@ -50,9 +57,14 @@ export function BunnyInput(props) {
                 height: hasDims ? height : null,
                 width: hasDims ? width : null,
                 ratio: ratio,
+                orientation: orientation,
                 thumbnailUrl: getThumbnailUrl(config.cdnHostname, value.videoId),
                 playbackUrl: getPlaybackUrl(config.cdnHostname, value.videoId),
-                mp4Url: getMp4Url(config.cdnHostname, value.videoId),
+                mp4Url: getMp4Url(
+                  config.cdnHostname,
+                  value.videoId,
+                  videoData.availableResolutions
+                ),
               })
             )
           }