sanity-plugin-r2-video 0.1.3 → 0.1.5

package/dist/studio/index.js

@@ -90,14 +90,21 @@ var findReferencingDocuments = (client, id) => {
 };
 var deleteVideoAsset = async (client, config, asset) => {
   await client.delete(asset._id);
-  try {
-    await client.delete(asset.poster.asset._ref);
-  } catch (error) {
-    console.info(`Kept poster for '${asset.filename}' - still in use.`, error);
+  const posterId = asset.poster?.asset?._ref;
+  const renditions = asset.renditions ?? [];
+  if (posterId) {
+    try {
+      await client.delete(posterId);
+    } catch (error) {
+      console.info(
+        `Kept poster for '${asset.filename}' - still in use.`,
+        error
+      );
+    }
   }
   await deleteObjects(
     config,
-    asset.renditions.map((rendition) => rendition.key)
+    renditions.map((rendition) => rendition.key)
   );
 };
 
@@ -203,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") {
@@ -794,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
   });
@@ -871,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, {}) }) }),
@@ -1441,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,
@@ -1717,12 +1708,18 @@ var FolderSidebar = ({
 var QUERY_ASSETS = `*[_type == "r2Video.asset"] | order(uploadedAt desc){
 	_id,
 	_type,
-	filename,
+
+	// Both are absent on a document the pipeline never finished, and every
+	// consumer of this query treats them as present
+	"filename": coalesce(filename, ""),
 	folder,
 	poster,
 	duration,
 	hasAudio,
-	renditions,
+
+	// A document the pipeline never finished - Sanity's own create button made
+	// these before the reference field disabled it - has no renditions at all
+	"renditions": coalesce(renditions, []),
 	uploadedAt,
 	"posterUrl": poster.asset->url,
 	"folderName": folder->name
@@ -1731,10 +1728,11 @@ var slugify = (name) => {
   return name.toLowerCase().replace(/['\u2019]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 };
 var toTitle = (asset, isFiltered) => {
+  const filename = asset.filename || "Untitled video";
   if (isFiltered || !asset.folderName) {
-    return asset.filename;
+    return filename;
   }
-  return `${slugify(asset.folderName)}/${asset.filename}`;
+  return `${slugify(asset.folderName)}/${filename}`;
 };
 var matches = (asset, search) => {
   if (!search) {
@@ -1771,7 +1769,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);
@@ -1873,7 +1871,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.3",
+	"version": "0.1.5",
 	"description": "Video for Sanity Studio, encoded in the browser and stored in Cloudflare R2 as a ladder of plain MP4s.",
 	"keywords": [
 		"sanity",