sanity-plugin-r2-video 0.1.4 → 0.1.6

package/dist/studio/index.js

@@ -210,22 +210,6 @@ var formatBitrate = (bytes, seconds) => {
   }
   return `${(bytes * 8 / seconds / 1e6).toFixed(2)} Mbps`;
 };
-var OVERLAY_STYLE = {
-  alignItems: "center",
-  background: "rgba(0, 0, 0, 0.75)",
-  color: "#fff",
-  display: "flex",
-  height: "100%",
-  justifyContent: "center",
-  position: "absolute",
-  right: 0,
-  top: 0,
-  width: "100%",
-  zIndex: 3
-};
-var DragOverlay = () => {
-  return /* @__PURE__ */ jsx(Flex, { style: OVERLAY_STYLE, children: /* @__PURE__ */ jsx(Text, { size: 3, style: { color: "inherit" }, children: "Drop files to upload" }) });
-};
 var hasVideoFile = (transfer) => {
   return Array.from(transfer.items).some((item) => {
     if (item.kind !== "file") {
@@ -801,7 +785,7 @@ var DialogUpload = ({
   const stage = (files) => {
     setItems((existing) => [...existing, ...files.map(toItem)]);
   };
-  const { isDragging, dropProps } = useFileDrop({
+  const { isDragging, isRejected, dropProps } = useFileDrop({
     isEnabled: !isBusy && canEncode !== false,
     onDrop: stage
   });
@@ -878,7 +862,7 @@ var DialogUpload = ({
             tone: "transparent",
             ...dropProps,
             children: [
-              isDragging && /* @__PURE__ */ jsx(DragOverlay, {}),
+              isDragging && /* @__PURE__ */ jsx(DropToUpload, { isRejected }),
               /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
                 /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
                   /* @__PURE__ */ jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsx(Text, { muted: true, size: 3, children: /* @__PURE__ */ jsx(UploadIcon, {}) }) }),
@@ -1448,7 +1432,7 @@ var DialogDetails = ({
   return /* @__PURE__ */ jsx(
     Dialog,
     {
-      header: asset.filename,
+      header: asset.filename || "Untitled video",
       id: "r2-video-details",
       width: 1,
       onClose: isSaving ? void 0 : onClose,
@@ -1724,14 +1708,11 @@ var FolderSidebar = ({
 var QUERY_ASSETS = `*[_type == "r2Video.asset"] | order(uploadedAt desc){
 	_id,
 	_type,
-	filename,
+	"filename": coalesce(filename, ""),
 	folder,
 	poster,
-	duration,
-	hasAudio,
-
-	// A document the pipeline never finished - Sanity's own create button made
-	// these before the reference field disabled it - has no renditions at all
+	"duration": coalesce(duration, 0),
+	"hasAudio": coalesce(hasAudio, false),
 	"renditions": coalesce(renditions, []),
 	uploadedAt,
 	"posterUrl": poster.asset->url,
@@ -1782,7 +1763,7 @@ var ToolVideoLibrary = () => {
   const paths = resolveFolderPaths(folders).filter((entry) => {
     return counts.has(entry.id);
   });
-  const { isDragging, dropProps } = useFileDrop({
+  const { isDragging, isRejected, dropProps } = useFileDrop({
     isEnabled: !isUploadOpen,
     onDrop: (files) => {
       setDroppedFiles(files);
@@ -1884,7 +1865,7 @@ var ToolVideoLibrary = () => {
             asset._id
           )) })
         ] }) }) }),
-        isDragging && /* @__PURE__ */ jsx(DragOverlay, {}),
+        isDragging && /* @__PURE__ */ jsx(DropToUpload, { isRejected }),
         isUploadOpen && /* @__PURE__ */ jsx(
           DialogUpload,
           {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sanity-plugin-r2-video",
-	"version": "0.1.4",
+	"version": "0.1.6",
 	"description": "Video for Sanity Studio, encoded in the browser and stored in Cloudflare R2 as a ladder of plain MP4s.",
 	"keywords": [
 		"sanity",