sanity-plugin-s3-media 2.0.0 → 2.0.2

package/dist/_chunks-cjs/client.js

@@ -454,9 +454,66 @@ const createThrottler = (concurrency = DEFAULT_CONCURRENCY) => {
   if (context === void 0)
     throw new Error("useAssetSourceActions must be used within an AssetSourceDispatchProvider");
   return context;
-}, fileAssetIdPattern = /^s3File-([a-zA-Z0-9_-]+)-([a-z0-9]+)$/, imageAssetIdPattern = /^s3Image-([a-zA-Z0-9_-]+)-(\d+)x(\d+)-([a-z0-9]+)$/, videoAssetIdPattern = /^s3Video-([a-zA-Z0-9_-]+)-(\d+)x(\d+)-([a-z0-9]+)$/;
-function parseFileAssetId(documentId) {
-  const match = fileAssetIdPattern.exec(documentId);
+}, s3FileAssetIdPattern = /^s3File-([a-zA-Z0-9_-]+)-([a-z0-9]+)$/, s3ImageAssetIdPattern = /^s3Image-([a-zA-Z0-9_-]+)-(\d+)x(\d+)-([a-z0-9]+)$/, s3VideoAssetIdPattern = /^s3Video-([a-zA-Z0-9_-]+)-(\d+)x(\d+)-([a-z0-9]+)$/, s3FileAssetFilenamePattern = /^([a-zA-Z0-9_-]+)\.([a-z0-9]+)$/i, s3ImageAssetFilenamePattern = /^([a-zA-Z0-9_-]+)-(\d+)x(\d+)\.([a-z0-9]+)$/i, s3VideoAssetFilenamePattern = /^([a-zA-Z0-9_-]+)-(\d+)x(\d+)\.([a-z0-9]+)$/i, s3AssetFilenamePattern = /^([a-zA-Z0-9_-]+)(?:-(\d+)x(\d+))?\.([a-z0-9]+)$/i, s3AssetIdPattern = new RegExp(`^(?:${S3AssetType.IMAGE}-[a-zA-Z0-9_-]+-\\d+x\\d+-[a-z0-9]+|${S3AssetType.VIDEO}-[a-zA-Z0-9_-]+-\\d+x\\d+-[a-z0-9]+|${S3AssetType.FILE}-[a-zA-Z0-9_-]+-[a-z0-9]+)$`), s3InProgressAssetId = "upload-in-progress-placeholder", s3VideoExtensions = /* @__PURE__ */ new Set(["mp4", "webm", "mov", "m4v", "avi", "mkv", "wmv", "flv", "mpeg", "mpg", "3gp", "ogv"]);
+class UnresolvableError extends Error {
+  unresolvable = !0;
+  // The input may not be a valid source, so let's not type it as one
+  constructor(inputSource, message = "Failed to resolve asset ID from source") {
+    super(message), this.input = inputSource;
+  }
+}
+function isUnresolvableError(err) {
+  const error = err;
+  return !!(error.unresolvable && "input" in error);
+}
+function getForgivingResolver(method) {
+  return (...args) => {
+    try {
+      return method(...args);
+    } catch (err) {
+      if (isUnresolvableError(err))
+        return;
+      throw err;
+    }
+  };
+}
+function isObject$1(obj) {
+  return obj !== null && !Array.isArray(obj) && typeof obj == "object";
+}
+function isReference(ref) {
+  return isObject$1(ref) && typeof ref._ref == "string";
+}
+function isS3AssetObjectStub(stub) {
+  const item = stub;
+  return isObject$1(item) && !!item.asset && typeof item.asset == "object";
+}
+function isInProgressUpload(stub) {
+  const item = stub;
+  return isObject$1(item) && !!item._upload && !("asset" in item);
+}
+function isS3FileAsset(asset) {
+  return asset._type === "s3FileAsset";
+}
+function isS3ImageAsset(asset) {
+  return asset._type === "s3ImageAsset";
+}
+function isS3VideoAsset(asset) {
+  return asset._type === "s3VideoAsset";
+}
+function getFilename(input) {
+  if (!input)
+    return "";
+  let raw = input;
+  if (/^[a-zA-Z][a-zA-Z\d+.-]*:/.test(raw))
+    try {
+      raw = new URL(raw).pathname;
+    } catch {
+    }
+  const [withoutQuery = ""] = raw.split("?"), [withoutHash = ""] = withoutQuery.split("#"), parts = withoutHash.replace(/^\/+/, "").split("/").filter(Boolean);
+  return parts[parts.length - 1] ?? "";
+}
+function parseS3FileAssetId(documentId) {
+  const match = s3FileAssetIdPattern.exec(documentId);
   if (!match)
     throw new Error(`Malformed file asset ID '${documentId}'.`);
   const [, assetId, extension] = match;
@@ -466,8 +523,8 @@ function parseFileAssetId(documentId) {
     extension
   };
 }
-function parseImageAssetId(documentId) {
-  const match = imageAssetIdPattern.exec(documentId);
+function parseS3ImageAssetId(documentId) {
+  const match = s3ImageAssetIdPattern.exec(documentId);
   if (!match)
     throw new Error(`Malformed asset ID '${documentId}'.`);
   const [, assetId, widthString, heightString, extension] = match, width = Number(widthString), height = Number(heightString);
@@ -481,8 +538,8 @@ function parseImageAssetId(documentId) {
     extension
   };
 }
-function parseVideoAssetId(documentId) {
-  const match = videoAssetIdPattern.exec(documentId);
+function parseS3VideoAssetId(documentId) {
+  const match = s3VideoAssetIdPattern.exec(documentId);
   if (!match)
     throw new Error(`Malformed asset ID '${documentId}'.`);
   const [, assetId, widthString, heightString, extension] = match, width = Number(widthString), height = Number(heightString);
@@ -496,15 +553,50 @@ function parseVideoAssetId(documentId) {
     extension
   };
 }
+function parseS3FileAssetFilename(filename) {
+  const file = getFilename(filename), match = s3FileAssetFilenamePattern.exec(file);
+  if (!match || s3ImageAssetFilenamePattern.test(file))
+    throw new Error(`Malformed file asset filename '${filename}'.`);
+  const [, assetId, extension] = match;
+  return parseS3FileAssetId(`${S3AssetType.FILE}-${assetId}-${extension.toLowerCase()}`);
+}
+function parseS3ImageAssetFilename(filename) {
+  const file = getFilename(filename), match = s3ImageAssetFilenamePattern.exec(file);
+  if (!match)
+    throw new Error(`Malformed image asset filename '${filename}'.`);
+  const [, assetId, width, height, extension] = match;
+  return parseS3ImageAssetId(`${S3AssetType.IMAGE}-${assetId}-${width}x${height}-${extension.toLowerCase()}`);
+}
+function parseS3VideoAssetFilename(filename) {
+  const file = getFilename(filename), match = s3VideoAssetFilenamePattern.exec(file);
+  if (!match)
+    throw new Error(`Malformed video asset filename '${filename}'.`);
+  const [, assetId, width, height, extension] = match;
+  return parseS3VideoAssetId(`${S3AssetType.VIDEO}-${assetId}-${width}x${height}-${extension.toLowerCase()}`);
+}
+function parseS3AssetFilename(filename) {
+  const file = getFilename(filename);
+  if (!s3AssetFilenamePattern.test(file))
+    throw new Error(`Malformed asset filename '${filename}'.`);
+  const match = s3ImageAssetFilenamePattern.exec(file);
+  if (match) {
+    const extension = match[4].toLowerCase();
+    return s3VideoExtensions.has(extension) ? parseS3VideoAssetFilename(file) : parseS3ImageAssetFilename(file);
+  }
+  return parseS3FileAssetFilename(file);
+}
+function isAbsoluteUrl(value) {
+  return /^[a-zA-Z][a-zA-Z\d+.-]*:/.test(value);
+}
 function buildS3FilePath(documentId) {
   const {
     assetId,
     extension
-  } = parseFileAssetId(documentId);
+  } = parseS3FileAssetId(documentId);
   return `${assetId}.${extension}`;
 }
-function buildS3FileUrl(assetId, options) {
-  return `${options.baseUrl}/${buildS3FilePath(assetId)}`;
+function buildS3FileUrl(documentId, options) {
+  return `${options.baseUrl}/${buildS3FilePath(documentId)}`;
 }
 function buildS3ImagePath(documentId) {
   const {
@@ -512,11 +604,11 @@ function buildS3ImagePath(documentId) {
     width,
     height,
     extension
-  } = parseImageAssetId(documentId);
+  } = parseS3ImageAssetId(documentId);
   return `${assetId}-${width}x${height}.${extension}`;
 }
-function buildS3ImageUrl(assetId, options) {
-  return `${options.baseUrl}/${buildS3ImagePath(assetId)}`;
+function buildS3ImageUrl(documentId, options) {
+  return `${options.baseUrl}/${buildS3ImagePath(documentId)}`;
 }
 function buildS3VideoPath(documentId) {
   const {
@@ -524,95 +616,36 @@ function buildS3VideoPath(documentId) {
     width,
     height,
     extension
-  } = parseVideoAssetId(documentId);
+  } = parseS3VideoAssetId(documentId);
   return `${assetId}-${width}x${height}.${extension}`;
 }
-function buildS3VideoUrl(assetId, options) {
-  return `${options.baseUrl}/${buildS3VideoPath(assetId)}`;
-}
-function isObject$1(obj) {
-  return obj !== null && !Array.isArray(obj) && typeof obj == "object";
+function buildS3VideoUrl(documentId, options) {
+  return `${options.baseUrl}/${buildS3VideoPath(documentId)}`;
 }
-const idPattern = new RegExp(`^(?:${S3AssetType.IMAGE}-(?:[a-zA-Z0-9_]{24,40}|[a-f0-9]{40})+-\\d+x\\d+-[a-z0-9]+|${S3AssetType.VIDEO}-(?:[a-zA-Z0-9_]{24,40}|[a-f0-9]{40})+-\\d+x\\d+-[a-z0-9]+|${S3AssetType.FILE}-(?:[a-zA-Z0-9_]{24,40}|[a-f0-9]{40})+-[a-z0-9]+)$`), inProgressAssetId = "upload-in-progress-placeholder";
-function isReferenceLike(source) {
-  return isObject$1(source) && typeof source._ref == "string";
+function isValidS3Filename(filename) {
+  return !filename || filename.includes("/") ? !1 : s3AssetFilenamePattern.test(filename);
 }
-class UnresolvableError extends Error {
-  unresolvable = !0;
-  // The input may not be a valid source, so let's not type it as one
-  constructor(inputSource, message = "Failed to resolve asset ID from source") {
-    super(message), this.input = inputSource;
+function getS3UrlPath(urlOrPath) {
+  if (typeof urlOrPath != "string" || !urlOrPath.trim())
+    throw new UnresolvableError(urlOrPath, "Failed to resolve path from URL/path");
+  if (isAbsoluteUrl(urlOrPath)) {
+    const pathname = new URL(urlOrPath).pathname.replace(/^\/+/, "");
+    if (!pathname)
+      throw new UnresolvableError(urlOrPath, "Failed to resolve path from URL/path");
+    return pathname;
   }
+  const normalized = urlOrPath.split("?")[0]?.split("#")[0]?.replace(/^\/+/, "") || urlOrPath.replace(/^\/+/, "");
+  if (!normalized)
+    throw new UnresolvableError(urlOrPath, "Failed to resolve path from URL/path");
+  return normalized;
 }
-function isUnresolvableError(err) {
-  const error = err;
-  return !!(error.unresolvable && "input" in error);
-}
-function getForgivingResolver(method) {
-  return (...args) => {
-    try {
-      return method(...args);
-    } catch (err) {
-      if (isUnresolvableError(err))
-        return;
-      throw err;
-    }
-  };
-}
-function isInProgressUpload(stub) {
-  const item = stub;
-  return isObject$1(item) && !!item._upload && !("asset" in item);
-}
-function isS3AssetObjectStub(stub) {
-  const item = stub;
-  return isObject$1(item) && !!item.asset && typeof item.asset == "object";
-}
-function getS3AssetDocumentId(src) {
-  if (isInProgressUpload(src))
-    return inProgressAssetId;
-  const source = isS3AssetObjectStub(src) ? src.asset : src;
-  let id = "";
-  if (isReferenceLike(source) ? id = source._ref : id = source._id || "", !(id && idPattern.test(id)))
-    throw new UnresolvableError(src);
-  return id;
-}
-const tryGetS3AssetDocumentId = getForgivingResolver(getS3AssetDocumentId);
-function getS3ImageDimensions(src) {
-  if (isInProgressUpload(src))
-    return {
-      width: 0,
-      height: 0,
-      aspectRatio: 0,
-      _type: "s3ImageDimensions"
-    };
-  const imageId = getS3AssetDocumentId(src), {
-    width,
-    height
-  } = parseImageAssetId(imageId), aspectRatio = width / height;
-  return {
-    width,
-    height,
-    aspectRatio,
-    _type: "s3ImageDimensions"
-  };
-}
-const forgivingGetS3ImageDimensions = getForgivingResolver(getS3ImageDimensions);
-function tryGetS3ImageDimensions(src) {
-  return forgivingGetS3ImageDimensions(src);
-}
-function isS3FileSource(src) {
-  const assetId = tryGetS3AssetDocumentId(src);
-  return assetId ? assetId.startsWith(`${S3AssetType.FILE}-`) : !1;
-}
-function isS3ImageSource(src) {
-  const assetId = tryGetS3AssetDocumentId(src);
-  return assetId ? assetId.startsWith(`${S3AssetType.IMAGE}-`) : !1;
-}
-function isS3VideoSource(src) {
-  const assetId = tryGetS3AssetDocumentId(src);
-  return assetId ? assetId.startsWith(`${S3AssetType.VIDEO}-`) : !1;
+function getS3UrlFilename(urlOrPath) {
+  const parts = getS3UrlPath(urlOrPath).split("/").filter(Boolean), filename = parts[parts.length - 1];
+  if (!isValidS3Filename(filename))
+    throw new UnresolvableError(urlOrPath, `Failed to resolve filename from URL/path '${urlOrPath}'`);
+  return filename;
 }
-const isS3FileAsset = (asset) => asset._type === "s3FileAsset", isS3ImageAsset = (asset) => asset._type === "s3ImageAsset", isS3VideoAsset = (asset) => asset._type === "s3VideoAsset", MAX_CONCURRENT_UPLOADS = 4, fetchExistingAsset = (client, assetType, id) => client.observable.fetch("*[_type == $documentType && _id == $id][0]", {
+const tryGetS3UrlFilename = getForgivingResolver(getS3UrlFilename), MAX_CONCURRENT_UPLOADS = 4, fetchExistingAsset = (client, assetType, id) => client.observable.fetch("*[_type == $documentType && _id == $id][0]", {
   documentType: `${assetType}Asset`,
   id
 }, {
@@ -3542,6 +3575,7 @@ exports.SUPPORTED_ASSET_TYPES = SUPPORTED_ASSET_TYPES;
 exports.TableHeader = TableHeader;
 exports.TableRowAsset = TableRowAsset;
 exports.UPLOAD_STATUS_KEY = UPLOAD_STATUS_KEY;
+exports.UnresolvableError = UnresolvableError;
 exports.UploadDropDownMenu = UploadDropDownMenu;
 exports.UploadDropzone = UploadDropzone;
 exports.UploadPlaceholder = UploadPlaceholder;
@@ -3555,25 +3589,29 @@ exports.createS3Client = createS3Client;
 exports.createUploadEvent = createUploadEvent;
 exports.dialogActions = dialogActions;
 exports.getAssetResolution = getAssetResolution;
+exports.getForgivingResolver = getForgivingResolver;
 exports.getOrderTitle = getOrderTitle;
 exports.getSchemeColor = getSchemeColor;
 exports.getUniqueDocuments = getUniqueDocuments;
 exports.initialState = initialState$4;
 exports.isInProgressUpload = isInProgressUpload;
+exports.isReference = isReference;
+exports.isS3AssetObjectStub = isS3AssetObjectStub;
 exports.isS3FileAsset = isS3FileAsset;
-exports.isS3FileSource = isS3FileSource;
 exports.isS3ImageAsset = isS3ImageAsset;
-exports.isS3ImageSource = isS3ImageSource;
 exports.isS3VideoAsset = isS3VideoAsset;
-exports.isS3VideoSource = isS3VideoSource;
+exports.parseS3AssetFilename = parseS3AssetFilename;
+exports.parseS3ImageAssetId = parseS3ImageAssetId;
 exports.rootEpic = rootEpic;
 exports.rootReducer = rootReducer;
+exports.s3AssetIdPattern = s3AssetIdPattern;
+exports.s3InProgressAssetId = s3InProgressAssetId;
 exports.searchActions = searchActions;
 exports.selectAssetById = selectAssetById;
 exports.selectAssetsPicked = selectAssetsPicked;
 exports.selectCombinedItems = selectCombinedItems;
 exports.selectUploadById = selectUploadById;
-exports.tryGetS3ImageDimensions = tryGetS3ImageDimensions;
+exports.tryGetS3UrlFilename = tryGetS3UrlFilename;
 exports.uploadS3Asset = uploadS3Asset;
 exports.uploadsActions = uploadsActions;
 exports.useAssetSourceActions = useAssetSourceActions;