@maas/payload-plugin-media-cloud 0.0.9 → 0.0.11

package/dist/adapter/{handleDelete.d.ts → handleDelete.d.mts}

@@ -1,4 +1,4 @@
-import { S3Store } from "../tus/stores/s3/s3-store.js";
+import { S3Store } from "../tus/stores/s3/s3-store.mjs";
 import { Mux as Mux$1 } from "@mux/mux-node";
 import { HandleDelete } from "@payloadcms/plugin-cloud-storage/types";
 
@@ -17,4 +17,4 @@ interface HandleDeleteArgs {
 declare function getHandleDelete(args: HandleDeleteArgs): HandleDelete;
 //#endregion
 export { getHandleDelete };
-//# sourceMappingURL=handleDelete.d.ts.map
+//# sourceMappingURL=handleDelete.d.mts.map

package/dist/adapter/{handleDelete.js → handleDelete.mjs}

@@ -1,31 +1,9 @@
-import { MediaCloudErrors } from "../types/errors.js";
-import { useErrorHandler } from "../hooks/useErrorHandler.js";
+import { MediaCloudErrors } from "../types/errors.mjs";
+import { useErrorHandler } from "../hooks/useErrorHandler.mjs";
 
 //#region src/adapter/handleDelete.ts
 const { logError } = useErrorHandler();
 /**
-* Creates a handle delete function for processing file deletions from both Mux and S3 storage
-* @param args - The arguments for creating the delete handler
-* @param args.s3Store - The S3Store instance for S3 file operations
-* @param args.getMuxClient - Function that returns a Mux client instance
-* @returns A HandleDelete function that processes deletion requests based on storage type
-*/
-function getHandleDelete(args) {
-	const { s3Store, getMuxClient } = args;
-	return async ({ doc, req }) => {
-		if (req?.method !== "DELETE" || !doc) return;
-		const media = doc;
-		if (media?.storage === "mux" && media.mux?.uploadId) await deleteMuxAsset({
-			getMuxClient,
-			uploadId: media.mux.uploadId
-		});
-		else if (media.filename) await deleteS3File({
-			s3Store,
-			filename: media.filename
-		});
-	};
-}
-/**
 * Deletes a Mux asset by upload ID
 * @param args - The arguments for deleting the Mux asset
 * @param args.getMuxClient - Function that returns a Mux client instance
@@ -64,7 +42,36 @@ async function deleteS3File(args) {
 		logError(MediaCloudErrors.S3_DELETE_ERROR);
 	}
 }
+/**
+* Creates a handle delete function for processing file deletions from both Mux and S3 storage
+* @param args - The arguments for creating the delete handler
+* @param args.s3Store - The S3Store instance for S3 file operations
+* @param args.getMuxClient - Function that returns a Mux client instance
+* @returns A HandleDelete function that processes deletion requests based on storage type
+*/
+function getHandleDelete(args) {
+	const { s3Store, getMuxClient } = args;
+	return async ({ doc, req }) => {
+		if (req?.method !== "DELETE" || !doc) return;
+		const media = doc;
+		switch (media?.storage) {
+			case "mux":
+				if (media.mux?.uploadId) await deleteMuxAsset({
+					getMuxClient,
+					uploadId: media.mux.uploadId
+				});
+				break;
+			case "s3":
+				if (media.filename) await deleteS3File({
+					s3Store,
+					filename: media.filename
+				});
+				break;
+			default: logError(MediaCloudErrors.UNKNOWN_STORAGE_TYPE);
+		}
+	};
+}
 
 //#endregion
 export { getHandleDelete };
-//# sourceMappingURL=handleDelete.js.map
+//# sourceMappingURL=handleDelete.mjs.map

package/dist/adapter/handleDelete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleDelete.mjs","names":[],"sources":["../../src/adapter/handleDelete.ts"],"sourcesContent":["import { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\nimport type { HandleDelete } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { Mux } from '@mux/mux-node'\nimport type { S3Store } from '../tus/stores/s3/s3-store'\n\ninterface HandleDeleteArgs {\n  s3Store: S3Store\n  getMuxClient: () => Mux\n}\n\ninterface DeleteMuxAssetArgs {\n  getMuxClient: () => Mux\n  uploadId: string\n}\n\ninterface DeleteS3FileArgs {\n  s3Store: S3Store\n  filename: string\n}\n\nconst { logError } = useErrorHandler()\n\n/**\n * Deletes a Mux asset by upload ID\n * @param args - The arguments for deleting the Mux asset\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @param args.uploadId - The upload ID of the Mux asset to delete\n * @returns Promise that resolves when the asset is deleted or rejects on error\n */\nasync function deleteMuxAsset(args: DeleteMuxAssetArgs): Promise<void> {\n  const { getMuxClient, uploadId } = args\n\n  try {\n    const mux = getMuxClient()\n    const assets = await mux.video.assets.list({ upload_id: uploadId })\n    if (assets.data.length > 0) {\n      const asset = assets.data[0]\n      await mux.video.assets.delete(asset.id)\n    }\n  } catch (_error) {\n    logError(MediaCloudErrors.MUX_ASSET_DELETE_ERROR)\n  }\n}\n\n/**\n * Deletes a file from S3 storage including its metadata info file\n * @param args - The arguments for deleting the S3 file\n * @param args.s3Store - The S3Store instance for S3 operations\n * @param args.filename - The filename of the file to delete from S3\n * @returns Promise that resolves when the file is deleted or rejects on error\n */\nasync function deleteS3File(args: DeleteS3FileArgs): Promise<void> {\n  const { s3Store, filename } = args\n\n  try {\n    const { client, bucket } = s3Store\n    await client.deleteObjects({\n      Bucket: bucket,\n      Delete: {\n        Objects: [{ Key: filename }, { Key: `${filename}.info` }],\n      },\n    })\n  } catch (_error) {\n    logError(MediaCloudErrors.S3_DELETE_ERROR)\n  }\n}\n\n/**\n * Creates a handle delete function for processing file deletions from both Mux and S3 storage\n * @param args - The arguments for creating the delete handler\n * @param args.s3Store - The S3Store instance for S3 file operations\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @returns A HandleDelete function that processes deletion requests based on storage type\n */\nexport function getHandleDelete(args: HandleDeleteArgs): HandleDelete {\n  const { s3Store, getMuxClient } = args\n  return async ({ doc, req }) => {\n    if (req?.method !== 'DELETE' || !doc) {\n      return\n    }\n\n    const media = doc as Document\n\n    switch (media?.storage) {\n      case 'mux':\n        if (media.mux?.uploadId) {\n          await deleteMuxAsset({ getMuxClient, uploadId: media.mux.uploadId })\n        }\n        break\n      case 's3':\n        if (media.filename) {\n          await deleteS3File({ s3Store, filename: media.filename })\n        }\n        break\n      default:\n        logError(MediaCloudErrors.UNKNOWN_STORAGE_TYPE)\n    }\n  }\n}\n"],"mappings":";;;;AAuBA,MAAM,EAAE,aAAa,iBAAiB;;;;;;;;AAStC,eAAe,eAAe,MAAyC;CACrE,MAAM,EAAE,cAAc,aAAa;AAEnC,KAAI;EACF,MAAM,MAAM,cAAc;EAC1B,MAAM,SAAS,MAAM,IAAI,MAAM,OAAO,KAAK,EAAE,WAAW,UAAU,CAAC;AACnE,MAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,MAAM,QAAQ,OAAO,KAAK;AAC1B,SAAM,IAAI,MAAM,OAAO,OAAO,MAAM,GAAG;;UAElC,QAAQ;AACf,WAAS,iBAAiB,uBAAuB;;;;;;;;;;AAWrD,eAAe,aAAa,MAAuC;CACjE,MAAM,EAAE,SAAS,aAAa;AAE9B,KAAI;EACF,MAAM,EAAE,QAAQ,WAAW;AAC3B,QAAM,OAAO,cAAc;GACzB,QAAQ;GACR,QAAQ,EACN,SAAS,CAAC,EAAE,KAAK,UAAU,EAAE,EAAE,KAAK,GAAG,SAAS,QAAQ,CAAC,EAC1D;GACF,CAAC;UACK,QAAQ;AACf,WAAS,iBAAiB,gBAAgB;;;;;;;;;;AAW9C,SAAgB,gBAAgB,MAAsC;CACpE,MAAM,EAAE,SAAS,iBAAiB;AAClC,QAAO,OAAO,EAAE,KAAK,UAAU;AAC7B,MAAI,KAAK,WAAW,YAAY,CAAC,IAC/B;EAGF,MAAM,QAAQ;AAEd,UAAQ,OAAO,SAAf;GACE,KAAK;AACH,QAAI,MAAM,KAAK,SACb,OAAM,eAAe;KAAE;KAAc,UAAU,MAAM,IAAI;KAAU,CAAC;AAEtE;GACF,KAAK;AACH,QAAI,MAAM,SACR,OAAM,aAAa;KAAE;KAAS,UAAU,MAAM;KAAU,CAAC;AAE3D;GACF,QACE,UAAS,iBAAiB,qBAAqB"}

package/dist/adapter/{handleUpload.d.ts → handleUpload.d.mts}

@@ -9,4 +9,4 @@ import { HandleUpload } from "@payloadcms/plugin-cloud-storage/types";
 declare function getHandleUpload(): HandleUpload;
 //#endregion
 export { getHandleUpload };
-//# sourceMappingURL=handleUpload.d.ts.map
+//# sourceMappingURL=handleUpload.d.mts.map

package/dist/adapter/{handleUpload.js → handleUpload.mjs}

@@ -12,7 +12,7 @@ function getHandleUpload() {
 			case "mux":
 				data.storage = "mux";
 				data.mux = {
-					uploadId: ctx.uploadId || "",
+					uploadId: ctx.uploadId ?? "",
 					status: "preparing"
 				};
 				break;
@@ -26,4 +26,4 @@ function getHandleUpload() {
 
 //#endregion
 export { getHandleUpload };
-//# sourceMappingURL=handleUpload.js.map
+//# sourceMappingURL=handleUpload.mjs.map

package/dist/adapter/handleUpload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleUpload.mjs","names":[],"sources":["../../src/adapter/handleUpload.ts"],"sourcesContent":["import type { HandleUpload } from '@payloadcms/plugin-cloud-storage/types'\n\ninterface ClientUploadContext {\n  storage: 'mux' | 's3'\n  uploadId?: string\n  mimeType?: string\n}\n\n/**\n * Creates a handle upload function for processing file uploads to both Mux and S3 storage\n * @returns A HandleUpload function that processes client upload context and updates document data\n */\nexport function getHandleUpload(): HandleUpload {\n  return async function ({ clientUploadContext, data }) {\n    if (!clientUploadContext) {\n      return data\n    }\n\n    const ctx = clientUploadContext as ClientUploadContext\n    data.mimeType = ctx.mimeType\n\n    switch (ctx.storage) {\n      case 'mux':\n        data.storage = 'mux'\n        data.mux = {\n          uploadId: ctx.uploadId ?? '',\n          status: 'preparing',\n        }\n        break\n      default:\n        data.storage = 's3'\n        break\n    }\n\n    return data\n  }\n}\n"],"mappings":";;;;;AAYA,SAAgB,kBAAgC;AAC9C,QAAO,eAAgB,EAAE,qBAAqB,QAAQ;AACpD,MAAI,CAAC,oBACH,QAAO;EAGT,MAAM,MAAM;AACZ,OAAK,WAAW,IAAI;AAEpB,UAAQ,IAAI,SAAZ;GACE,KAAK;AACH,SAAK,UAAU;AACf,SAAK,MAAM;KACT,UAAU,IAAI,YAAY;KAC1B,QAAQ;KACT;AACD;GACF;AACE,SAAK,UAAU;AACf;;AAGJ,SAAO"}

package/dist/adapter/{staticHandler.d.ts → staticHandler.d.mts}

@@ -1,4 +1,4 @@
-import { S3Store } from "../tus/stores/s3/s3-store.js";
+import { S3Store } from "../tus/stores/s3/s3-store.mjs";
 import { StaticHandler } from "@payloadcms/plugin-cloud-storage/types";
 
 //#region src/adapter/staticHandler.d.ts
@@ -14,4 +14,4 @@ interface StaticHandlerArgs {
 declare function getStaticHandler(args: StaticHandlerArgs): StaticHandler;
 //#endregion
 export { getStaticHandler };
-//# sourceMappingURL=staticHandler.d.ts.map
+//# sourceMappingURL=staticHandler.d.mts.map

package/dist/adapter/{staticHandler.js → staticHandler.mjs}

@@ -61,4 +61,4 @@ async function serveS3File({ s3Store, doc }) {
 
 //#endregion
 export { getStaticHandler };
-//# sourceMappingURL=staticHandler.js.map
+//# sourceMappingURL=staticHandler.mjs.map

package/dist/adapter/staticHandler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"staticHandler.mjs","names":["stream"],"sources":["../../src/adapter/staticHandler.ts"],"sourcesContent":["import { Readable } from 'node:stream'\nimport type { StaticHandler } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { S3Store } from '../tus/stores/s3/s3-store'\n\ninterface StaticHandlerArgs {\n  s3Store: S3Store\n}\n\ninterface ServeS3FileArgs {\n  s3Store: S3Store\n  doc: Document\n}\n\ninterface CreateEmptyResponseArgs {\n  mimeType?: string\n}\n\n/**\n * Creates a static handler that serves files from S3 or returns empty responses for Mux assets\n * @param args - The arguments for creating the static handler\n * @param args.s3Store - The S3Store instance used for file operations\n * @returns A StaticHandler function that serves files or empty responses based on storage type\n */\nexport function getStaticHandler(args: StaticHandlerArgs): StaticHandler {\n  const { s3Store } = args\n  return async (req, { params }) => {\n    const { payload } = req\n    const filename = params.filename\n\n    const { docs } = await payload.find({\n      collection: 'media',\n      where: { filename: { equals: filename } },\n    })\n\n    const doc = docs[0] as Document\n\n    if (!doc) {\n      return createEmptyResponse()\n    }\n\n    if (doc.storage === 'mux') {\n      return createEmptyResponse({ mimeType: doc.mimeType })\n    }\n\n    return await serveS3File({ s3Store, doc })\n  }\n}\n\n/**\n * Creates an empty response with appropriate headers\n * @param args - Optional arguments for the empty response\n * @param args.mimeType - The MIME type to set in the Content-Type header\n * @returns A Response object with empty content and appropriate headers\n */\nfunction createEmptyResponse(args?: CreateEmptyResponseArgs): Response {\n  const { mimeType = 'application/octet-stream' } = args ?? {}\n  return new Response(new Uint8Array(0), {\n    status: 200,\n    headers: {\n      'Content-Type': mimeType,\n      'Content-Length': '0',\n    },\n  })\n}\n\n/**\n * Serves a file from S3 storage\n * @param args - The arguments for serving the S3 file\n * @param args.s3Store - The S3Store instance to read the file from\n * @param args.doc - The document containing file metadata\n * @returns A Promise that resolves to a Response object containing the file stream or empty response on error\n */\nasync function serveS3File({\n  s3Store,\n  doc,\n}: ServeS3FileArgs): Promise<Response> {\n  try {\n    const stream = await s3Store.read(doc.filename)\n\n    if (stream) {\n      const webStream = Readable.toWeb(stream) as ReadableStream<Uint8Array>\n      return new Response(webStream)\n    }\n  } catch (_error) {\n    // File not found or other error, fall back to empty response\n  }\n\n  return createEmptyResponse({})\n}\n"],"mappings":";;;;;;;;;AAwBA,SAAgB,iBAAiB,MAAwC;CACvE,MAAM,EAAE,YAAY;AACpB,QAAO,OAAO,KAAK,EAAE,aAAa;EAChC,MAAM,EAAE,YAAY;EACpB,MAAM,WAAW,OAAO;EAExB,MAAM,EAAE,SAAS,MAAM,QAAQ,KAAK;GAClC,YAAY;GACZ,OAAO,EAAE,UAAU,EAAE,QAAQ,UAAU,EAAE;GAC1C,CAAC;EAEF,MAAM,MAAM,KAAK;AAEjB,MAAI,CAAC,IACH,QAAO,qBAAqB;AAG9B,MAAI,IAAI,YAAY,MAClB,QAAO,oBAAoB,EAAE,UAAU,IAAI,UAAU,CAAC;AAGxD,SAAO,MAAM,YAAY;GAAE;GAAS;GAAK,CAAC;;;;;;;;;AAU9C,SAAS,oBAAoB,MAA0C;CACrE,MAAM,EAAE,WAAW,+BAA+B,QAAQ,EAAE;AAC5D,QAAO,IAAI,SAAS,IAAI,WAAW,EAAE,EAAE;EACrC,QAAQ;EACR,SAAS;GACP,gBAAgB;GAChB,kBAAkB;GACnB;EACF,CAAC;;;;;;;;;AAUJ,eAAe,YAAY,EACzB,SACA,OACqC;AACrC,KAAI;EACF,MAAMA,WAAS,MAAM,QAAQ,KAAK,IAAI,SAAS;AAE/C,MAAIA,UAAQ;GACV,MAAM,YAAY,SAAS,MAAMA,SAAO;AACxC,UAAO,IAAI,SAAS,UAAU;;UAEzB,QAAQ;AAIjB,QAAO,oBAAoB,EAAE,CAAC"}

package/dist/adapter/{storageAdapter.d.ts → storageAdapter.d.mts}

@@ -1,5 +1,5 @@
-import { MediaCloudPluginOptions } from "../types/index.js";
-import { S3Store } from "../tus/stores/s3/s3-store.js";
+import { MediaCloudPluginOptions } from "../types/index.mjs";
+import { S3Store } from "../tus/stores/s3/s3-store.mjs";
 import { Mux as Mux$1 } from "@mux/mux-node";
 import { Adapter } from "@payloadcms/plugin-cloud-storage/types";
 
@@ -20,4 +20,4 @@ interface StorageAdapterArgs {
 declare function getStorageAdapter(args: StorageAdapterArgs): Adapter;
 //#endregion
 export { getStorageAdapter };
-//# sourceMappingURL=storageAdapter.d.ts.map
+//# sourceMappingURL=storageAdapter.d.mts.map

package/dist/adapter/{storageAdapter.js → storageAdapter.mjs}

@@ -1,6 +1,6 @@
-import { getHandleUpload } from "./handleUpload.js";
-import { getHandleDelete } from "./handleDelete.js";
-import { getStaticHandler } from "./staticHandler.js";
+import { getHandleUpload } from "./handleUpload.mjs";
+import { getHandleDelete } from "./handleDelete.mjs";
+import { getStaticHandler } from "./staticHandler.mjs";
 
 //#region src/adapter/storageAdapter.ts
 /**
@@ -27,4 +27,4 @@ function getStorageAdapter(args) {
 
 //#endregion
 export { getStorageAdapter };
-//# sourceMappingURL=storageAdapter.js.map
+//# sourceMappingURL=storageAdapter.mjs.map

package/dist/adapter/storageAdapter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"storageAdapter.mjs","names":[],"sources":["../../src/adapter/storageAdapter.ts"],"sourcesContent":["import { getHandleUpload } from './handleUpload'\nimport { getHandleDelete } from './handleDelete'\nimport { getStaticHandler } from './staticHandler'\n\nimport type {\n  Adapter,\n  GeneratedAdapter,\n} from '@payloadcms/plugin-cloud-storage/types'\nimport type { Mux } from '@mux/mux-node'\nimport type { MediaCloudPluginOptions } from '../types'\nimport type { S3Store } from '../tus/stores/s3/s3-store'\n\ninterface StorageAdapterArgs {\n  pluginOptions: MediaCloudPluginOptions\n  s3Store: S3Store\n  getMuxClient: () => Mux\n}\n\n/**\n * Creates the storage adapter for media cloud plugin\n * @param args - The arguments for creating the storage adapter\n * @param args.pluginOptions - The media cloud plugin options\n * @param args.s3Store - The S3Store instance for file operations\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @returns An Adapter function that returns a GeneratedAdapter configuration\n */\nexport function getStorageAdapter(args: StorageAdapterArgs): Adapter {\n  const { s3Store, getMuxClient } = args\n\n  return (): GeneratedAdapter => ({\n    name: 'media-cloud',\n    clientUploads: true,\n    handleUpload: getHandleUpload(),\n    handleDelete: getHandleDelete({ s3Store, getMuxClient }),\n    staticHandler: getStaticHandler({ s3Store }),\n  })\n}\n"],"mappings":";;;;;;;;;;;;;AA0BA,SAAgB,kBAAkB,MAAmC;CACnE,MAAM,EAAE,SAAS,iBAAiB;AAElC,eAAgC;EAC9B,MAAM;EACN,eAAe;EACf,cAAc,iBAAiB;EAC/B,cAAc,gBAAgB;GAAE;GAAS;GAAc,CAAC;EACxD,eAAe,iBAAiB,EAAE,SAAS,CAAC;EAC7C"}

package/dist/collections/{mediaCollection.d.ts → mediaCollection.d.mts}

@@ -1,9 +1,10 @@
-import { S3Store } from "../tus/stores/s3/s3-store.js";
+import { S3Store } from "../tus/stores/s3/s3-store.mjs";
 import { CollectionConfig } from "payload";
 
 //#region src/collections/mediaCollection.d.ts
 interface GetMediaCollectionArgs {
   s3Store: S3Store;
+  baseCollection?: CollectionConfig;
 }
 /**
  * Creates a media collection configuration for Payload CMS
@@ -13,4 +14,4 @@ interface GetMediaCollectionArgs {
 declare function getMediaCollection(args: GetMediaCollectionArgs): CollectionConfig;
 //#endregion
 export { getMediaCollection };
-//# sourceMappingURL=mediaCollection.d.ts.map
+//# sourceMappingURL=mediaCollection.d.mts.map

package/dist/collections/{mediaCollection.js → mediaCollection.mjs}

@@ -1,3 +1,5 @@
+import { deepmerge as deepmerge$1 } from "@fastify/deepmerge";
+
 //#region src/collections/mediaCollection.ts
 /**
 * Creates a media collection configuration for Payload CMS
@@ -5,8 +7,8 @@
 * @returns A configured Payload collection for media files
 */
 function getMediaCollection(args) {
-	const { s3Store } = args;
-	return {
+	const { s3Store, baseCollection = {} } = args;
+	return deepmerge$1({ all: true })(baseCollection, {
 		slug: "media",
 		access: {
 			read: () => true,
@@ -22,10 +24,7 @@ function getMediaCollection(args) {
 			hideRemoveFile: true,
 			adminThumbnail({ doc }) {
 				if (doc?.storage === "mux" && doc?.mux?.playbackId) return `https://image.mux.com/${doc.mux.playbackId}/thumbnail.jpg?width=200&height=200&fit_mode=pad`;
-				else if (doc?.storage === "s3") {
-					const url = s3Store.getUrl(doc.filename);
-					return `https://wsrv.nl/?url=${url}?width=200&height=200&default=1`;
-				}
+				else if (doc?.storage === "s3") return `https://wsrv.nl/?url=${s3Store.getUrl(doc.filename)}?width=200&height=200&default=1`;
 				return null;
 			}
 		},
@@ -45,6 +44,28 @@ function getMediaCollection(args) {
 				label: "Copyright",
 				type: "text"
 			},
+			{
+				type: "row",
+				fields: [{
+					name: "width",
+					label: "Width",
+					type: "text",
+					admin: {
+						readOnly: true,
+						hidden: false,
+						width: "50%"
+					}
+				}, {
+					name: "height",
+					label: "Height",
+					type: "number",
+					admin: {
+						readOnly: true,
+						hidden: false,
+						width: "50%"
+					}
+				}]
+			},
 			{
 				name: "storage",
 				label: "Storage",
@@ -136,9 +157,9 @@ function getMediaCollection(args) {
 				]
 			}
 		]
-	};
+	});
 }
 
 //#endregion
 export { getMediaCollection };
-//# sourceMappingURL=mediaCollection.js.map
+//# sourceMappingURL=mediaCollection.mjs.map

package/dist/collections/mediaCollection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaCollection.mjs","names":["deepmerge"],"sources":["../../src/collections/mediaCollection.ts"],"sourcesContent":["import { deepmerge } from '@fastify/deepmerge'\n\nimport type { CollectionConfig } from 'payload'\nimport type { Document } from 'payload'\nimport type { S3Store } from './../tus/stores/s3/s3-store'\n\ninterface GetMediaCollectionArgs {\n  s3Store: S3Store\n  baseCollection?: CollectionConfig\n}\n\n/**\n * Creates a media collection configuration for Payload CMS\n * @param args - Arguments including the S3Store instance\n * @returns A configured Payload collection for media files\n */\nexport function getMediaCollection(\n  args: GetMediaCollectionArgs\n): CollectionConfig {\n  const { s3Store, baseCollection = {} } = args\n\n  const config: CollectionConfig = {\n    slug: 'media',\n    access: {\n      read: () => true,\n      delete: () => true,\n    },\n    admin: {\n      group: 'Media Cloud',\n      pagination: {\n        defaultLimit: 50,\n      },\n    },\n    upload: {\n      crop: false,\n      displayPreview: true,\n      hideRemoveFile: true,\n      adminThumbnail({ doc }: { doc: Document }) {\n        if (doc?.storage === 'mux' && doc?.mux?.playbackId) {\n          return `https://image.mux.com/${doc.mux.playbackId}/thumbnail.jpg?width=200&height=200&fit_mode=pad`\n        } else if (doc?.storage === 's3') {\n          // @TODO: Make configurable\n          const url = s3Store.getUrl(doc.filename)\n          return `https://wsrv.nl/?url=${url}?width=200&height=200&default=1`\n        }\n        return null\n      },\n    },\n    fields: [\n      {\n        name: 'alt',\n        label: 'Alternative Text',\n        type: 'text',\n      },\n      {\n        name: 'caption',\n        label: 'Caption',\n        type: 'text',\n      },\n      {\n        name: 'copyright',\n        label: 'Copyright',\n        type: 'text',\n      },\n      {\n        type: 'row',\n        fields: [\n          {\n            name: 'width',\n            label: 'Width',\n            type: 'text',\n            admin: {\n              readOnly: true,\n              hidden: false,\n              width: '50%',\n            },\n          },\n          {\n            name: 'height',\n            label: 'Height',\n            type: 'number',\n            admin: {\n              readOnly: true,\n              hidden: false,\n              width: '50%',\n            },\n          },\n        ],\n      },\n      {\n        name: 'storage',\n        label: 'Storage',\n        type: 'select',\n        options: [\n          {\n            label: 'Mux',\n            value: 'mux',\n          },\n          {\n            label: 'S3',\n            value: 's3',\n          },\n        ],\n        admin: {\n          readOnly: true,\n        },\n      },\n      {\n        name: 'mux',\n        label: 'Mux',\n        type: 'group',\n        admin: {\n          disableListColumn: true,\n          disableBulkEdit: true,\n          disableListFilter: true,\n          readOnly: true,\n          condition: (data) => {\n            return data.storage === 'mux'\n          },\n        },\n        fields: [\n          {\n            name: 'preview',\n            type: 'ui',\n            admin: {\n              condition: (data) => {\n                return data.storage === 'mux'\n              },\n              disableListColumn: true,\n              components: {\n                Field: '@maas/payload-plugin-media-cloud/components#MuxPreview',\n              },\n            },\n          },\n          {\n            name: 'status',\n            label: 'Status',\n            type: 'text',\n          },\n          {\n            name: 'uploadId',\n            label: 'Upload ID',\n            type: 'text',\n          },\n          {\n            name: 'assetId',\n            label: 'Asset ID',\n            type: 'text',\n          },\n          {\n            name: 'playbackId',\n            label: 'Playback ID',\n            type: 'text',\n          },\n          {\n            name: 'aspectRatio',\n            label: 'Aspect Ratio',\n            type: 'text',\n          },\n          {\n            name: 'duration',\n            label: 'Duration',\n            type: 'number',\n          },\n          {\n            name: 'tracks',\n            label: 'Tracks',\n            type: 'json',\n          },\n          {\n            name: 'maxResolutionTier',\n            label: 'Max Resolution Tier',\n            type: 'text',\n          },\n          {\n            name: 'videoQuality',\n            label: 'Video Quality',\n            type: 'text',\n          },\n          {\n            name: 'staticRenditions',\n            label: 'Static Renditions',\n            type: 'json',\n          },\n        ],\n      },\n    ],\n  }\n\n  const mergedConfig = deepmerge({ all: true })(baseCollection, config)\n\n  return mergedConfig\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,mBACd,MACkB;CAClB,MAAM,EAAE,SAAS,iBAAiB,EAAE,KAAK;AA4KzC,QAFqBA,YAAU,EAAE,KAAK,MAAM,CAAC,CAAC,gBAxKb;EAC/B,MAAM;EACN,QAAQ;GACN,YAAY;GACZ,cAAc;GACf;EACD,OAAO;GACL,OAAO;GACP,YAAY,EACV,cAAc,IACf;GACF;EACD,QAAQ;GACN,MAAM;GACN,gBAAgB;GAChB,gBAAgB;GAChB,eAAe,EAAE,OAA0B;AACzC,QAAI,KAAK,YAAY,SAAS,KAAK,KAAK,WACtC,QAAO,yBAAyB,IAAI,IAAI,WAAW;aAC1C,KAAK,YAAY,KAG1B,QAAO,wBADK,QAAQ,OAAO,IAAI,SAAS,CACL;AAErC,WAAO;;GAEV;EACD,QAAQ;GACN;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACP;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACP;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACP;GACD;IACE,MAAM;IACN,QAAQ,CACN;KACE,MAAM;KACN,OAAO;KACP,MAAM;KACN,OAAO;MACL,UAAU;MACV,QAAQ;MACR,OAAO;MACR;KACF,EACD;KACE,MAAM;KACN,OAAO;KACP,MAAM;KACN,OAAO;MACL,UAAU;MACV,QAAQ;MACR,OAAO;MACR;KACF,CACF;IACF;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACN,SAAS,CACP;KACE,OAAO;KACP,OAAO;KACR,EACD;KACE,OAAO;KACP,OAAO;KACR,CACF;IACD,OAAO,EACL,UAAU,MACX;IACF;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;KACL,mBAAmB;KACnB,iBAAiB;KACjB,mBAAmB;KACnB,UAAU;KACV,YAAY,SAAS;AACnB,aAAO,KAAK,YAAY;;KAE3B;IACD,QAAQ;KACN;MACE,MAAM;MACN,MAAM;MACN,OAAO;OACL,YAAY,SAAS;AACnB,eAAO,KAAK,YAAY;;OAE1B,mBAAmB;OACnB,YAAY,EACV,OAAO,0DACR;OACF;MACF;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACF;IACF;GACF;EACF,CAEoE"}

package/dist/components/index.d.mts

@@ -0,0 +1,7 @@
+import { MuxPreview } from "./mux-preview/mux-preview.mjs";
+import "./mux-preview/index.mjs";
+import { UploadHandler } from "./upload-handler/upload-handler.mjs";
+import "./upload-handler/index.mjs";
+import { UploadManagerProvider, useUploadManagerContext } from "./upload-manager/upload-manager.mjs";
+import "./upload-manager/index.mjs";
+export { MuxPreview, UploadHandler, UploadManagerProvider, useUploadManagerContext };

package/dist/components/index.mjs

@@ -0,0 +1,5 @@
+import { MuxPreview } from "./mux-preview/mux-preview.mjs";
+import { UploadHandler } from "./upload-handler/upload-handler.mjs";
+import { UploadManagerProvider, useUploadManagerContext } from "./upload-manager/upload-manager.mjs";
+
+export { MuxPreview, UploadHandler, UploadManagerProvider, useUploadManagerContext };

package/dist/components/mux-preview/index.d.mts

@@ -0,0 +1,2 @@
+import { MuxPreview } from "./mux-preview.mjs";
+export { MuxPreview };

package/dist/components/mux-preview/index.mjs

@@ -0,0 +1,3 @@
+import { MuxPreview } from "./mux-preview.mjs";
+
+export { MuxPreview };

package/dist/components/mux-preview/{mux-preview.d.ts → mux-preview.d.mts}

@@ -11,4 +11,4 @@ import React from "react";
 declare function MuxPreview(props: UIFieldClientProps): React.JSX.Element | null;
 //#endregion
 export { MuxPreview };
-//# sourceMappingURL=mux-preview.d.ts.map
+//# sourceMappingURL=mux-preview.d.mts.map

package/dist/components/mux-preview/{mux-preview.js → mux-preview.mjs}

@@ -1,9 +1,7 @@
 'use client';
 
-
 import { useEffect, useState } from "react";
 import MuxPlayer from "@mux/mux-player-react";
-import { jsx } from "react/jsx-runtime";
 
 //#region src/components/mux-preview/mux-preview.tsx
 /**
@@ -23,16 +21,9 @@ function MuxPreview(props) {
 		const docId = window.location.pathname.split("/").pop();
 		if (collection && docId && docId !== "create" && docId !== "admin") fetch(`/api/${collection}/${docId}`).then((res) => res.json()).then((data) => setPlaybackId(data.mux?.playbackId || null)).catch(() => setPlaybackId(null));
 	}, [props.schemaPath, isClient]);
-	return isClient && playbackId ? /* @__PURE__ */ jsx(MuxPlayer, {
-		playbackId,
-		streamType: "on-demand",
-		disableTracking: true,
-		style: { height: "60vh" },
-		nohotkeys: true,
-		preload: "metadata"
-	}) : null;
+	return isClient && playbackId ? <MuxPlayer playbackId={playbackId} streamType="on-demand" disableTracking={true} style={{ height: "60vh" }} nohotkeys={true} preload="metadata" /> : null;
 }
 
 //#endregion
 export { MuxPreview };
-//# sourceMappingURL=mux-preview.js.map
+//# sourceMappingURL=mux-preview.mjs.map

package/dist/components/mux-preview/mux-preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mux-preview.mjs","names":[],"sources":["../../../src/components/mux-preview/mux-preview.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport MuxPlayer from '@mux/mux-player-react'\n\nimport type React from 'react'\nimport type { UIFieldClientProps } from 'payload'\n\n/**\n * React component for previewing Mux video assets\n * @param props - The UI field client props containing field data\n * @returns JSX element for Mux video preview\n */\nexport function MuxPreview(props: UIFieldClientProps) {\n  const [playbackId, setPlaybackId] = useState<string | null>(null)\n  const [isClient, setIsClient] = useState(false)\n\n  // Ensure we’re on the client side\n  useEffect(() => {\n    setIsClient(true)\n  }, [])\n\n  useEffect(() => {\n    if (!isClient) {\n      return\n    }\n\n    // Get collection from schemaPath and ID from URL\n    const collection = props.schemaPath?.split('.')[0] // \"media.muxPlayer\" -> \"media\"\n    const docId = window.location.pathname.split('/').pop() // Get last part of URL\n\n    if (collection && docId && docId !== 'create' && docId !== 'admin') {\n      fetch(`/api/${collection}/${docId}`)\n        .then((res) => res.json())\n        .then((data) => setPlaybackId(data.mux?.playbackId || null))\n        .catch(() => setPlaybackId(null))\n    }\n  }, [props.schemaPath, isClient])\n\n  // Only render on client with playbackId\n  return isClient && playbackId ? (\n    <MuxPlayer\n      playbackId={playbackId}\n      streamType=\"on-demand\"\n      disableTracking={true}\n      style={{ height: '60vh' }}\n      nohotkeys={true}\n      preload=\"metadata\"\n    />\n  ) : null\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,WAAW,OAA2B;CACpD,MAAM,CAAC,YAAY,iBAAiB,SAAwB,KAAK;CACjE,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;AAG/C,iBAAgB;AACd,cAAY,KAAK;IAChB,EAAE,CAAC;AAEN,iBAAgB;AACd,MAAI,CAAC,SACH;EAIF,MAAM,aAAa,MAAM,YAAY,MAAM,IAAI,CAAC;EAChD,MAAM,QAAQ,OAAO,SAAS,SAAS,MAAM,IAAI,CAAC,KAAK;AAEvD,MAAI,cAAc,SAAS,UAAU,YAAY,UAAU,QACzD,OAAM,QAAQ,WAAW,GAAG,QAAQ,CACjC,MAAM,QAAQ,IAAI,MAAM,CAAC,CACzB,MAAM,SAAS,cAAc,KAAK,KAAK,cAAc,KAAK,CAAC,CAC3D,YAAY,cAAc,KAAK,CAAC;IAEpC,CAAC,MAAM,YAAY,SAAS,CAAC;AAGhC,QAAO,YAAY,aACjB,CAAC,UACC,YAAY,YACZ,uBACA,iBAAiB,MACjB,OAAO,EAAE,QAAQ,QAAQ,EACzB,WAAW,MACX,wBAEA"}

package/dist/components/upload-handler/index.d.mts

@@ -0,0 +1,2 @@
+import { UploadHandler } from "./upload-handler.mjs";
+export { UploadHandler };

package/dist/components/upload-handler/index.mjs

@@ -0,0 +1,3 @@
+import { UploadHandler } from "./upload-handler.mjs";
+
+export { UploadHandler };

package/dist/components/upload-handler/{upload-handler.d.ts → upload-handler.d.mts}

@@ -19,4 +19,4 @@ declare const UploadHandler: ({
 }) => react0.JSX.Element;
 //#endregion
 export { UploadHandler };
-//# sourceMappingURL=upload-handler.d.ts.map
+//# sourceMappingURL=upload-handler.d.mts.map

package/dist/components/upload-handler/{upload-handler.js → upload-handler.mjs}

@@ -1,10 +1,9 @@
 'use client';
 
-
-import { MediaCloudErrors } from "../../types/errors.js";
-import { useErrorHandler } from "../../hooks/useErrorHandler.js";
-import { getFileType, isVideo, sanitizeFilename } from "../../utils/file.js";
-import { emitter } from "../../hooks/useEmitter.js";
+import { MediaCloudErrors } from "../../types/errors.mjs";
+import { useErrorHandler } from "../../hooks/useErrorHandler.mjs";
+import { getFileType, isVideo, sanitizeFilename } from "../../utils/file.mjs";
+import { useMediaCloudEmitter } from "../../hooks/useMediaCloudEmitter.mjs";
 import * as upchunk from "@mux/upchunk";
 import * as tus from "tus-js-client";
 import { toast } from "@payloadcms/ui";
@@ -12,6 +11,7 @@ import { createClientUploadHandler } from "@payloadcms/plugin-cloud-storage/clie
 
 //#region src/components/upload-handler/upload-handler.tsx
 const { logError, throwError } = useErrorHandler();
+const emitter = useMediaCloudEmitter();
 const MUX_CHUNK_SIZE = 30720;
 const TUS_CHUNK_SIZE = 1024 * 1024;
 const TUS_RETRY_DELAYS = [
@@ -25,13 +25,12 @@ const TUS_RETRY_DELAYS = [
 * @param uploadUrl - The upload URL to parse
 * @returns The extracted upload ID or empty string if parsing fails
 */
-function parseUploadId(uploadUrl) {
+function parseFilename(uploadUrl) {
 	if (!uploadUrl) {
 		logError(MediaCloudErrors.UPLOAD_NO_URL);
 		return "";
 	}
-	const url = new URL(uploadUrl);
-	return url.pathname.split("/").pop() || "";
+	return new URL(uploadUrl).pathname.split("/").pop() || "";
 }
 /**
 * Handles Mux video upload with progress tracking
@@ -45,7 +44,7 @@ async function muxUpload(args) {
 	const getAssetEndpoint = `${serverURL}${apiRoute}/mux/asset`;
 	updateFilename(filename);
 	try {
-		const response = await fetch(getUploadUrlEndpoint, {
+		const { url, uploadId } = await (await fetch(getUploadUrlEndpoint, {
 			body: JSON.stringify({
 				filename,
 				mimeType
@@ -53,35 +52,34 @@ async function muxUpload(args) {
 			credentials: "include",
 			method: "POST",
 			headers: { "Content-Type": "application/json" }
-		});
-		const { url, uploadId } = await response.json();
+		})).json();
 		const uploader = await upchunk.createUpload({
 			endpoint: url,
 			file,
 			chunkSize: MUX_CHUNK_SIZE
 		});
-		emitter.emit("add-upload", {
-			id: uploadId,
+		emitter.emit("addUpload", {
 			filename,
+			uploadId,
 			polling: false,
 			pollingUrl: getAssetEndpoint
 		});
-		uploader.on("error", () => {
+		uploader.on("error", function() {
 			logError(MediaCloudErrors.MUX_UPLOAD_ERROR);
 			toast.error("Video upload failed");
-			emitter.emit("remove-upload", { id: uploadId });
+			emitter.emit("removeUpload", { uploadId });
 		});
-		uploader.on("progress", (progress) => {
-			emitter.emit("update-upload", {
-				id: uploadId,
+		uploader.on("progress", function(progress) {
+			emitter.emit("updateUpload", {
+				filename,
 				progress: progress.detail
 			});
 		});
-		uploader.on("success", () => {
-			emitter.emit("upload-completed", { id: uploadId });
+		uploader.on("success", function() {
+			emitter.emit("uploadComplete", { filename });
 		});
 		return {
-			uploadId,
+			filename,
 			mimeType,
 			storage: "mux"
 		};
@@ -114,32 +112,30 @@ async function tusUpload(args) {
 				contentDisposition: "inline",
 				contentLength: filesize
 			},
-			onError: () => {
+			onError: function() {
 				logError(MediaCloudErrors.TUS_UPLOAD_ERROR);
 				toast.error("File upload failed");
 				resolve(null);
 			},
-			onProgress: (bytesUploaded, bytesTotal) => {
+			onProgress: function(bytesUploaded, bytesTotal) {
 				const percentage = Math.round(bytesUploaded / bytesTotal * 100);
-				const uploadId = parseUploadId(upload?.url);
-				emitter.emit("update-upload", {
-					id: uploadId,
+				const filename$1 = parseFilename(upload?.url);
+				emitter.emit("updateUpload", {
+					filename: filename$1,
 					progress: percentage
 				});
 			},
-			onSuccess: () => {
-				const uploadId = parseUploadId(upload?.url);
-				emitter.emit("upload-completed", { id: uploadId });
+			onSuccess: function() {
+				const filename$1 = parseFilename(upload?.url);
+				emitter.emit("uploadComplete", { filename: filename$1 });
+				fetch(`${serverURL}${apiRoute}/uploads/${filename$1}/process`);
 			},
-			onUploadUrlAvailable: () => {
-				const uploadId = parseUploadId(upload?.url);
-				updateFilename(uploadId);
-				emitter.emit("add-upload", {
-					id: uploadId,
-					filename
-				});
+			onUploadUrlAvailable: function() {
+				const filename$1 = parseFilename(upload?.url);
+				updateFilename(filename$1);
+				emitter.emit("addUpload", { filename: filename$1 });
 				resolve({
-					uploadId,
+					filename: filename$1,
 					mimeType,
 					storage: "s3"
 				});
@@ -148,7 +144,7 @@ async function tusUpload(args) {
 		upload.start();
 	});
 }
-const UploadHandler = createClientUploadHandler({ handler: async (args) => {
+const UploadHandler = createClientUploadHandler({ handler: async function(args) {
 	const { serverURL, apiRoute, file, updateFilename } = args;
 	try {
 		const mimeType = await getFileType(file);
@@ -175,4 +171,4 @@ const UploadHandler = createClientUploadHandler({ handler: async (args) => {
 
 //#endregion
 export { UploadHandler };
-//# sourceMappingURL=upload-handler.js.map
+//# sourceMappingURL=upload-handler.mjs.map

package/dist/components/upload-handler/upload-handler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-handler.mjs","names":["filename","uploadArgs: UploadArgs"],"sources":["../../../src/components/upload-handler/upload-handler.tsx"],"sourcesContent":["'use client'\n\nimport * as upchunk from '@mux/upchunk'\nimport * as tus from 'tus-js-client'\n\nimport { toast } from '@payloadcms/ui'\nimport { createClientUploadHandler } from '@payloadcms/plugin-cloud-storage/client'\n\nimport { MediaCloudErrors } from '../../types/errors'\nimport { useMediaCloudEmitter } from '../../hooks/useMediaCloudEmitter'\nimport { useErrorHandler } from '../../hooks/useErrorHandler'\nimport { isVideo, getFileType, sanitizeFilename } from '../../utils/file'\n\ninterface UploadArgs {\n  serverURL: string\n  apiRoute: string\n  file: File\n  mimeType: string\n  updateFilename: (filename: string) => void\n}\n\ninterface UploadResult {\n  filename: string\n  mimeType: string\n  storage: 'mux' | 's3'\n}\n\ninterface MuxCreateUploadResponse {\n  url: string\n  uploadId: string\n  filename: string\n}\n\nconst { logError, throwError } = useErrorHandler()\nconst emitter = useMediaCloudEmitter()\n\nconst MUX_CHUNK_SIZE = 30720\nconst TUS_CHUNK_SIZE = 1024 * 1024\nconst TUS_RETRY_DELAYS = [0, 1000, 2000, 5000]\n\n/**\n * Utility function to parse upload ID from URL\n * @param uploadUrl - The upload URL to parse\n * @returns The extracted upload ID or empty string if parsing fails\n */\nfunction parseFilename(uploadUrl?: string | null): string {\n  if (!uploadUrl) {\n    logError(MediaCloudErrors.UPLOAD_NO_URL)\n    return ''\n  }\n  const url = new URL(uploadUrl)\n  return url.pathname.split('/').pop() || ''\n}\n\n/**\n * Handles Mux video upload with progress tracking\n * @param args - The upload arguments including file, server URL, and callbacks\n * @returns Promise that resolves to upload result or null if upload fails\n */\nasync function muxUpload(args: UploadArgs): Promise<UploadResult | null> {\n  const { file, serverURL, apiRoute, mimeType, updateFilename } = args\n\n  const filename = sanitizeFilename(file.name)\n  const getUploadUrlEndpoint = `${serverURL}${apiRoute}/mux/upload`\n  const getAssetEndpoint = `${serverURL}${apiRoute}/mux/asset`\n\n  updateFilename(filename)\n\n  try {\n    // Request upload URL from Mux\n    const response = await fetch(getUploadUrlEndpoint, {\n      body: JSON.stringify({ filename, mimeType }),\n      credentials: 'include',\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    })\n\n    const { url, uploadId } = (await response.json()) as MuxCreateUploadResponse\n\n    // Create upchunk uploader\n    const uploader = await upchunk.createUpload({\n      endpoint: url,\n      file,\n      chunkSize: MUX_CHUNK_SIZE,\n    })\n\n    // Add upload to tracker\n    emitter.emit('addUpload', {\n      filename,\n      uploadId,\n      polling: false,\n      pollingUrl: getAssetEndpoint,\n    })\n\n    // Set up event handlers\n    uploader.on('error', function () {\n      logError(MediaCloudErrors.MUX_UPLOAD_ERROR)\n      toast.error('Video upload failed')\n      emitter.emit('removeUpload', { uploadId })\n    })\n\n    uploader.on('progress', function (progress) {\n      emitter.emit('updateUpload', {\n        filename,\n        progress: progress.detail,\n      })\n    })\n\n    uploader.on('success', function () {\n      emitter.emit('uploadComplete', { filename })\n    })\n\n    return {\n      filename,\n      mimeType,\n      storage: 'mux',\n    }\n  } catch (_error) {\n    logError(MediaCloudErrors.MUX_DIRECT_UPLOAD_ERROR)\n    toast.error('Video upload failed')\n    return null\n  }\n}\n\n/**\n * Handles TUS file upload with resumable capabilities\n * @param args - The upload arguments including file, server URL, and callbacks\n * @returns Promise that resolves to upload result or null if upload fails\n */\nasync function tusUpload(args: UploadArgs): Promise<UploadResult | null> {\n  const { apiRoute, serverURL, file, mimeType, updateFilename } = args\n\n  const filename = file.name\n  const filetype = file.type\n  const filesize = file.size.toString()\n\n  return new Promise((resolve) => {\n    const upload = new tus.Upload(file, {\n      endpoint: `${serverURL}${apiRoute}/uploads`,\n      retryDelays: TUS_RETRY_DELAYS,\n      chunkSize: TUS_CHUNK_SIZE,\n      metadata: {\n        filename,\n        filetype,\n        filesize,\n        contentType: filetype,\n        contentDisposition: 'inline',\n        contentLength: filesize,\n      },\n      onError: function () {\n        logError(MediaCloudErrors.TUS_UPLOAD_ERROR)\n        toast.error('File upload failed')\n        resolve(null)\n      },\n      onProgress: function (bytesUploaded, bytesTotal) {\n        const percentage = Math.round((bytesUploaded / bytesTotal) * 100)\n        const filename = parseFilename(upload?.url)\n        emitter.emit('updateUpload', {\n          filename,\n          progress: percentage,\n        })\n      },\n      onSuccess: function () {\n        const filename = parseFilename(upload?.url)\n        emitter.emit('uploadComplete', { filename })\n\n        // Trigger post upload processing\n        fetch(`${serverURL}${apiRoute}/uploads/${filename}/process`)\n      },\n      onUploadUrlAvailable: function () {\n        const filename = parseFilename(upload?.url)\n        updateFilename(filename)\n        emitter.emit('addUpload', { filename })\n        resolve({\n          filename,\n          mimeType,\n          storage: 's3',\n        })\n      },\n    })\n\n    upload.start()\n  })\n}\n\nexport const UploadHandler = createClientUploadHandler({\n  handler: async function (args) {\n    const { serverURL, apiRoute, file, updateFilename } = args\n\n    try {\n      const mimeType = await getFileType(file)\n\n      if (!mimeType) {\n        throwError(MediaCloudErrors.FILE_TYPE_UNKNOWN)\n        return null\n      }\n\n      const isVideoFile = await isVideo(file)\n      const uploadArgs: UploadArgs = {\n        file,\n        serverURL,\n        apiRoute,\n        mimeType,\n        updateFilename,\n      }\n\n      if (isVideoFile) {\n        return await muxUpload(uploadArgs)\n      } else {\n        return await tusUpload(uploadArgs)\n      }\n    } catch (_error) {\n      logError(MediaCloudErrors.UPLOAD_HANDLER_ERROR)\n      toast.error('Upload failed')\n      return null\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/upload-manager/index.d.mts

@@ -0,0 +1,2 @@
+import { UploadManagerProvider, useUploadManagerContext } from "./upload-manager.mjs";
+export { UploadManagerProvider, useUploadManagerContext };

package/dist/components/upload-manager/index.mjs

@@ -0,0 +1,3 @@
+import { UploadManagerProvider, useUploadManagerContext } from "./upload-manager.mjs";
+
+export { UploadManagerProvider, useUploadManagerContext };

package/dist/components/upload-manager/{upload-manager.d.ts → upload-manager.d.mts}

@@ -1,11 +1,12 @@
+import { MediaCloudEmitterEvents } from "../../types/index.mjs";
 import React from "react";
 import "./upload-manager.css";
 
 //#region src/components/upload-manager/upload-manager.d.ts
 interface Upload {
-  id: string;
   filename: string;
   progress: number;
+  uploadId?: string;
   error?: string;
   polling?: boolean;
   pollingUrl?: string;
@@ -14,23 +15,12 @@ interface Upload {
 interface UploadManagerContextType {
   showUploadManager?: boolean;
   activeUploads: Upload[];
-  addUpload: (args: AddUploadArgs) => void;
-  updateUpload: (args: UpdateUploadArgs) => void;
+  addUpload: (args: MediaCloudEmitterEvents['addUpload']) => void;
+  updateUpload: (args: MediaCloudEmitterEvents['updateUpload']) => void;
 }
 interface UploadManagerProviderArgs {
   children: React.ReactNode;
 }
-interface AddUploadArgs {
-  id: string;
-  filename: string;
-  polling?: boolean;
-  pollingUrl?: string;
-}
-interface UpdateUploadArgs {
-  id: string;
-  progress: number;
-  polling?: boolean;
-}
 /**
  * Provider component for upload management context
  * @param args - Arguments including children to wrap
@@ -40,4 +30,4 @@ declare function UploadManagerProvider(args: UploadManagerProviderArgs): React.J
 declare const useUploadManagerContext: () => UploadManagerContextType;
 //#endregion
 export { UploadManagerProvider, useUploadManagerContext };
-//# sourceMappingURL=upload-manager.d.ts.map
+//# sourceMappingURL=upload-manager.d.mts.map