@maas/payload-plugin-media-cloud 0.0.0

package/LICENSE

@@ -0,0 +1,8 @@
+For all licensing inquiries, please contact:
+
+Magic as a Service GmbH
+Riemerschmidstr. 5B
+90455 Nuremberg
+Germany
+
+hello@maas.engineering

package/dist/adapter/handleDelete.d.ts

@@ -0,0 +1,20 @@
+import { S3Store } from "../tus/stores/s3/s3-store.js";
+import { Mux as Mux$1 } from "@mux/mux-node";
+import { HandleDelete } from "@payloadcms/plugin-cloud-storage/types";
+
+//#region src/adapter/handleDelete.d.ts
+interface HandleDeleteArgs {
+  s3Store: S3Store;
+  getMuxClient: () => Mux$1;
+}
+/**
+ * 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
+ */
+declare function getHandleDelete(args: HandleDeleteArgs): HandleDelete;
+//#endregion
+export { getHandleDelete };
+//# sourceMappingURL=handleDelete.d.ts.map

package/dist/adapter/handleDelete.js

@@ -0,0 +1,70 @@
+import { MediaCloudError } from "../types/errors.js";
+import { useErrorHandler } from "../hooks/useErrorHandler.js";
+
+//#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
+* @param args.uploadId - The upload ID of the Mux asset to delete
+* @returns Promise that resolves when the asset is deleted or rejects on error
+*/
+async function deleteMuxAsset(args) {
+	const { getMuxClient, uploadId } = args;
+	try {
+		const mux = getMuxClient();
+		const assets = await mux.video.assets.list({ upload_id: uploadId });
+		if (assets.data.length > 0) {
+			const asset = assets.data[0];
+			await mux.video.assets.delete(asset.id);
+		}
+	} catch (_error) {
+		logError(MediaCloudError.MUX_ASSET_DELETE_ERROR);
+	}
+}
+/**
+* Deletes a file from S3 storage including its metadata info file
+* @param args - The arguments for deleting the S3 file
+* @param args.s3Store - The S3Store instance for S3 operations
+* @param args.filename - The filename of the file to delete from S3
+* @returns Promise that resolves when the file is deleted or rejects on error
+*/
+async function deleteS3File(args) {
+	const { s3Store, filename } = args;
+	try {
+		const { client, bucket } = s3Store;
+		await client.deleteObjects({
+			Bucket: bucket,
+			Delete: { Objects: [{ Key: filename }, { Key: `${filename}.info` }] }
+		});
+	} catch (_error) {
+		logError(MediaCloudError.S3_DELETE_ERROR);
+	}
+}
+
+//#endregion
+export { getHandleDelete };
+//# sourceMappingURL=handleDelete.js.map

package/dist/adapter/handleDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleDelete.js","names":["args: HandleDeleteArgs","args: DeleteMuxAssetArgs","args: DeleteS3FileArgs"],"sources":["../../src/adapter/handleDelete.ts"],"sourcesContent":["import { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudError } 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 * 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    if (media?.storage === 'mux' && media.mux?.uploadId) {\n      await deleteMuxAsset({ getMuxClient, uploadId: media.mux.uploadId })\n    } else if (media.filename) {\n      await deleteS3File({ s3Store, filename: media.filename })\n    }\n  }\n}\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(MediaCloudError.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(MediaCloudError.S3_DELETE_ERROR)\n  }\n}\n"],"mappings":";;;;AAuBA,MAAM,EAAE,UAAU,GAAG,iBAAiB;;;;;;;;AAStC,SAAgB,gBAAgBA,MAAsC;CACpE,MAAM,EAAE,SAAS,cAAc,GAAG;AAClC,QAAO,OAAO,EAAE,KAAK,KAAK,KAAK;AAC7B,MAAI,KAAK,WAAW,YAAY,CAAC,IAC/B;EAGF,MAAM,QAAQ;AAEd,MAAI,OAAO,YAAY,SAAS,MAAM,KAAK,UACzC,MAAM,eAAe;GAAE;GAAc,UAAU,MAAM,IAAI;EAAU,EAAC;WAC3D,MAAM,UACf,MAAM,aAAa;GAAE;GAAS,UAAU,MAAM;EAAU,EAAC;CAE5D;AACF;;;;;;;;AASD,eAAe,eAAeC,MAAyC;CACrE,MAAM,EAAE,cAAc,UAAU,GAAG;AAEnC,KAAI;EACF,MAAM,MAAM,cAAc;EAC1B,MAAM,SAAS,MAAM,IAAI,MAAM,OAAO,KAAK,EAAE,WAAW,SAAU,EAAC;AACnE,MAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,MAAM,QAAQ,OAAO,KAAK;GAC1B,MAAM,IAAI,MAAM,OAAO,OAAO,MAAM,GAAG;EACxC;CACF,SAAQ,QAAQ;EACf,SAAS,gBAAgB,uBAAuB;CACjD;AACF;;;;;;;;AASD,eAAe,aAAaC,MAAuC;CACjE,MAAM,EAAE,SAAS,UAAU,GAAG;AAE9B,KAAI;EACF,MAAM,EAAE,QAAQ,QAAQ,GAAG;EAC3B,MAAM,OAAO,cAAc;GACzB,QAAQ;GACR,QAAQ,EACN,SAAS,CAAC,EAAE,KAAK,SAAU,GAAE,EAAE,KAAK,GAAG,SAAS,KAAK,CAAC,CAAE,CAAC,EAC1D;EACF,EAAC;CACH,SAAQ,QAAQ;EACf,SAAS,gBAAgB,gBAAgB;CAC1C;AACF"}

package/dist/adapter/handleUpload.d.ts

@@ -0,0 +1,12 @@
+import { HandleUpload } from "@payloadcms/plugin-cloud-storage/types";
+
+//#region src/adapter/handleUpload.d.ts
+
+/**
+ * Creates a handle upload function for processing file uploads to both Mux and S3 storage
+ * @returns A HandleUpload function that processes client upload context and updates document data
+ */
+declare function getHandleUpload(): HandleUpload;
+//#endregion
+export { getHandleUpload };
+//# sourceMappingURL=handleUpload.d.ts.map

package/dist/adapter/handleUpload.js

@@ -0,0 +1,29 @@
+//#region src/adapter/handleUpload.ts
+/**
+* Creates a handle upload function for processing file uploads to both Mux and S3 storage
+* @returns A HandleUpload function that processes client upload context and updates document data
+*/
+function getHandleUpload() {
+	return async function({ clientUploadContext, data }) {
+		if (!clientUploadContext) return data;
+		const ctx = clientUploadContext;
+		data.mimeType = ctx.mimeType;
+		switch (ctx.storage) {
+			case "mux":
+				data.storage = "mux";
+				data.mux = {
+					uploadId: ctx.uploadId || "",
+					status: "preparing"
+				};
+				break;
+			default:
+				data.storage = "s3";
+				break;
+		}
+		return data;
+	};
+}
+
+//#endregion
+export { getHandleUpload };
+//# sourceMappingURL=handleUpload.js.map

package/dist/adapter/handleUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleUpload.js","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,MAAM,EAAE;AACpD,MAAI,CAAC,oBACH,QAAO;EAGT,MAAM,MAAM;EACZ,KAAK,WAAW,IAAI;AAEpB,UAAQ,IAAI,SAAZ;GACE,KAAK;IACH,KAAK,UAAU;IACf,KAAK,MAAM;KACT,UAAU,IAAI,YAAY;KAC1B,QAAQ;IACT;AACD;GACF;IACE,KAAK,UAAU;AACf;EACH;AAED,SAAO;CACR;AACF"}

package/dist/adapter/staticHandler.d.ts

@@ -0,0 +1,17 @@
+import { S3Store } from "../tus/stores/s3/s3-store.js";
+import { StaticHandler } from "@payloadcms/plugin-cloud-storage/types";
+
+//#region src/adapter/staticHandler.d.ts
+interface StaticHandlerArgs {
+  s3Store: S3Store;
+}
+/**
+ * Creates a static handler that serves files from S3 or returns empty responses for Mux assets
+ * @param args - The arguments for creating the static handler
+ * @param args.s3Store - The S3Store instance used for file operations
+ * @returns A StaticHandler function that serves files or empty responses based on storage type
+ */
+declare function getStaticHandler(args: StaticHandlerArgs): StaticHandler;
+//#endregion
+export { getStaticHandler };
+//# sourceMappingURL=staticHandler.d.ts.map

package/dist/adapter/staticHandler.js

@@ -0,0 +1,64 @@
+import { Readable } from "node:stream";
+
+//#region src/adapter/staticHandler.ts
+/**
+* Creates a static handler that serves files from S3 or returns empty responses for Mux assets
+* @param args - The arguments for creating the static handler
+* @param args.s3Store - The S3Store instance used for file operations
+* @returns A StaticHandler function that serves files or empty responses based on storage type
+*/
+function getStaticHandler(args) {
+	const { s3Store } = args;
+	return async (req, { params }) => {
+		const { payload } = req;
+		const filename = params.filename;
+		const { docs } = await payload.find({
+			collection: "media",
+			where: { filename: { equals: filename } }
+		});
+		const doc = docs[0];
+		if (!doc) return createEmptyResponse();
+		if (doc.storage === "mux") return createEmptyResponse({ mimeType: doc.mimeType });
+		return await serveS3File({
+			s3Store,
+			doc
+		});
+	};
+}
+/**
+* Creates an empty response with appropriate headers
+* @param args - Optional arguments for the empty response
+* @param args.mimeType - The MIME type to set in the Content-Type header
+* @returns A Response object with empty content and appropriate headers
+*/
+function createEmptyResponse(args) {
+	const { mimeType = "application/octet-stream" } = args ?? {};
+	return new Response(new Uint8Array(0), {
+		status: 200,
+		headers: {
+			"Content-Type": mimeType,
+			"Content-Length": "0"
+		}
+	});
+}
+/**
+* Serves a file from S3 storage
+* @param args - The arguments for serving the S3 file
+* @param args.s3Store - The S3Store instance to read the file from
+* @param args.doc - The document containing file metadata
+* @returns A Promise that resolves to a Response object containing the file stream or empty response on error
+*/
+async function serveS3File({ s3Store, doc }) {
+	try {
+		const stream$1 = await s3Store.read(doc.filename);
+		if (stream$1) {
+			const webStream = Readable.toWeb(stream$1);
+			return new Response(webStream);
+		}
+	} catch (_error) {}
+	return createEmptyResponse({});
+}
+
+//#endregion
+export { getStaticHandler };
+//# sourceMappingURL=staticHandler.js.map

package/dist/adapter/staticHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"staticHandler.js","names":["args: StaticHandlerArgs","args?: CreateEmptyResponseArgs","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,iBAAiBA,MAAwC;CACvE,MAAM,EAAE,SAAS,GAAG;AACpB,QAAO,OAAO,KAAK,EAAE,QAAQ,KAAK;EAChC,MAAM,EAAE,SAAS,GAAG;EACpB,MAAM,WAAW,OAAO;EAExB,MAAM,EAAE,MAAM,GAAG,MAAM,QAAQ,KAAK;GAClC,YAAY;GACZ,OAAO,EAAE,UAAU,EAAE,QAAQ,SAAU,EAAE;EAC1C,EAAC;EAEF,MAAM,MAAM,KAAK;AAEjB,MAAI,CAAC,IACH,QAAO,qBAAqB;AAG9B,MAAI,IAAI,YAAY,MAClB,QAAO,oBAAoB,EAAE,UAAU,IAAI,SAAU,EAAC;AAGxD,SAAO,MAAM,YAAY;GAAE;GAAS;EAAK,EAAC;CAC3C;AACF;;;;;;;AAQD,SAAS,oBAAoBC,MAA0C;CACrE,MAAM,EAAE,WAAW,4BAA4B,GAAG,QAAQ,CAAE;AAC5D,QAAO,IAAI,SAAS,IAAI,WAAW,IAAI;EACrC,QAAQ;EACR,SAAS;GACP,gBAAgB;GAChB,kBAAkB;EACnB;CACF;AACF;;;;;;;;AASD,eAAe,YAAY,EACzB,SACA,KACgB,EAAqB;AACrC,KAAI;EACF,MAAMC,WAAS,MAAM,QAAQ,KAAK,IAAI,SAAS;AAE/C,MAAIA,UAAQ;GACV,MAAM,YAAY,SAAS,MAAMA,SAAO;AACxC,UAAO,IAAI,SAAS;EACrB;CACF,SAAQ,QAAQ,CAEhB;AAED,QAAO,oBAAoB,CAAE,EAAC;AAC/B"}

package/dist/adapter/storageAdapter.d.ts

@@ -0,0 +1,23 @@
+import { MediaCloudPluginOptions } from "../types/index.js";
+import { S3Store } from "../tus/stores/s3/s3-store.js";
+import { Mux as Mux$1 } from "@mux/mux-node";
+import { Adapter } from "@payloadcms/plugin-cloud-storage/types";
+
+//#region src/adapter/storageAdapter.d.ts
+interface StorageAdapterArgs {
+  pluginOptions: MediaCloudPluginOptions;
+  s3Store: S3Store;
+  getMuxClient: () => Mux$1;
+}
+/**
+ * Creates the storage adapter for media cloud plugin
+ * @param args - The arguments for creating the storage adapter
+ * @param args.pluginOptions - The media cloud plugin options
+ * @param args.s3Store - The S3Store instance for file operations
+ * @param args.getMuxClient - Function that returns a Mux client instance
+ * @returns An Adapter function that returns a GeneratedAdapter configuration
+ */
+declare function getStorageAdapter(args: StorageAdapterArgs): Adapter;
+//#endregion
+export { getStorageAdapter };
+//# sourceMappingURL=storageAdapter.d.ts.map

package/dist/adapter/storageAdapter.js

@@ -0,0 +1,30 @@
+import { getHandleUpload } from "./handleUpload.js";
+import { getHandleDelete } from "./handleDelete.js";
+import { getStaticHandler } from "./staticHandler.js";
+
+//#region src/adapter/storageAdapter.ts
+/**
+* Creates the storage adapter for media cloud plugin
+* @param args - The arguments for creating the storage adapter
+* @param args.pluginOptions - The media cloud plugin options
+* @param args.s3Store - The S3Store instance for file operations
+* @param args.getMuxClient - Function that returns a Mux client instance
+* @returns An Adapter function that returns a GeneratedAdapter configuration
+*/
+function getStorageAdapter(args) {
+	const { s3Store, getMuxClient } = args;
+	return () => ({
+		name: "media-cloud",
+		clientUploads: true,
+		handleUpload: getHandleUpload(),
+		handleDelete: getHandleDelete({
+			s3Store,
+			getMuxClient
+		}),
+		staticHandler: getStaticHandler({ s3Store })
+	});
+}
+
+//#endregion
+export { getStorageAdapter };
+//# sourceMappingURL=storageAdapter.js.map

package/dist/adapter/storageAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storageAdapter.js","names":["args: StorageAdapterArgs"],"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,kBAAkBA,MAAmC;CACnE,MAAM,EAAE,SAAS,cAAc,GAAG;AAElC,QAAO,OAAyB;EAC9B,MAAM;EACN,eAAe;EACf,cAAc,iBAAiB;EAC/B,cAAc,gBAAgB;GAAE;GAAS;EAAc,EAAC;EACxD,eAAe,iBAAiB,EAAE,QAAS,EAAC;CAC7C;AACF"}

package/dist/collections/mediaCollection.d.ts

@@ -0,0 +1,16 @@
+import { S3Store } from "../tus/stores/s3/s3-store.js";
+import { CollectionConfig } from "payload";
+
+//#region src/collections/mediaCollection.d.ts
+interface GetMediaCollectionArgs {
+  s3Store: S3Store;
+}
+/**
+ * Creates a media collection configuration for Payload CMS
+ * @param args - Arguments including the S3Store instance
+ * @returns A configured Payload collection for media files
+ */
+declare function getMediaCollection(args: GetMediaCollectionArgs): CollectionConfig;
+//#endregion
+export { getMediaCollection };
+//# sourceMappingURL=mediaCollection.d.ts.map

package/dist/collections/mediaCollection.js

@@ -0,0 +1,139 @@
+//#region src/collections/mediaCollection.ts
+/**
+* Creates a media collection configuration for Payload CMS
+* @param args - Arguments including the S3Store instance
+* @returns A configured Payload collection for media files
+*/
+function getMediaCollection(args) {
+	const { s3Store } = args;
+	return {
+		slug: "media",
+		access: {
+			read: () => true,
+			delete: () => true
+		},
+		admin: {
+			group: "Media Cloud",
+			pagination: { defaultLimit: 50 }
+		},
+		upload: {
+			crop: false,
+			displayPreview: true,
+			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`;
+				}
+				return null;
+			}
+		},
+		fields: [
+			{
+				name: "alt",
+				label: "Alternative Text",
+				type: "text"
+			},
+			{
+				name: "caption",
+				label: "Caption",
+				type: "text"
+			},
+			{
+				name: "copyright",
+				label: "Copyright",
+				type: "text"
+			},
+			{
+				name: "storage",
+				label: "Storage",
+				type: "select",
+				options: [{
+					label: "Mux",
+					value: "mux"
+				}, {
+					label: "S3",
+					value: "s3"
+				}],
+				admin: { readOnly: true }
+			},
+			{
+				name: "mux",
+				label: "Mux",
+				type: "group",
+				admin: {
+					disableListColumn: true,
+					disableBulkEdit: true,
+					disableListFilter: true,
+					readOnly: true,
+					condition: (data) => {
+						return data.storage === "mux";
+					}
+				},
+				fields: [
+					{
+						name: "preview",
+						type: "ui",
+						admin: {
+							condition: (data) => {
+								return data.storage === "mux";
+							},
+							disableListColumn: true,
+							components: { Field: "@maas/payload-plugin-media-cloud/components#MuxPreview" }
+						}
+					},
+					{
+						name: "status",
+						label: "Status",
+						type: "text"
+					},
+					{
+						name: "uploadId",
+						label: "Upload ID",
+						type: "text"
+					},
+					{
+						name: "assetId",
+						label: "Asset ID",
+						type: "text"
+					},
+					{
+						name: "playbackId",
+						label: "Playback ID",
+						type: "text"
+					},
+					{
+						name: "aspectRatio",
+						label: "Aspect Ratio",
+						type: "text"
+					},
+					{
+						name: "duration",
+						label: "Duration",
+						type: "number"
+					},
+					{
+						name: "maxResolutionTier",
+						label: "Max Resolution Tier",
+						type: "text"
+					},
+					{
+						name: "videoQuality",
+						label: "Video Quality",
+						type: "text"
+					},
+					{
+						name: "staticRenditions",
+						label: "Static Renditions",
+						type: "json"
+					}
+				]
+			}
+		]
+	};
+}
+
+//#endregion
+export { getMediaCollection };
+//# sourceMappingURL=mediaCollection.js.map

package/dist/collections/mediaCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaCollection.js","names":["args: GetMediaCollectionArgs"],"sources":["../../src/collections/mediaCollection.ts"],"sourcesContent":["import 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}\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 } = args\n\n  return {\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 CDN to resize images on the fly like imgix or wsrv let use wesrv for now since its free for all\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        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: '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"],"mappings":";;;;;;AAaA,SAAgB,mBACdA,MACkB;CAClB,MAAM,EAAE,SAAS,GAAG;AAEpB,QAAO;EACL,MAAM;EACN,QAAQ;GACN,MAAM,MAAM;GACZ,QAAQ,MAAM;EACf;EACD,OAAO;GACL,OAAO;GACP,YAAY,EACV,cAAc,GACf;EACF;EACD,QAAQ;GACN,MAAM;GACN,gBAAgB;GAChB,gBAAgB;GAChB,eAAe,EAAE,KAAwB,EAAE;AACzC,QAAI,KAAK,YAAY,SAAS,KAAK,KAAK,WACtC,QAAO,CAAC,sBAAsB,EAAE,IAAI,IAAI,WAAW,gDAAgD,CAAC;aAC3F,KAAK,YAAY,MAAM;KAEhC,MAAM,MAAM,QAAQ,OAAO,IAAI,SAAS;AACxC,YAAO,CAAC,qBAAqB,EAAE,IAAI,+BAA+B,CAAC;IACpE;AACD,WAAO;GACR;EACF;EACD,QAAQ;GACN;IACE,MAAM;IACN,OAAO;IACP,MAAM;GACP;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;GACP;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;GACP;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACN,SAAS,CACP;KACE,OAAO;KACP,OAAO;IACR,GACD;KACE,OAAO;KACP,OAAO;IACR,CACF;IACD,OAAO,EACL,UAAU,KACX;GACF;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;KACL,mBAAmB;KACnB,iBAAiB;KACjB,mBAAmB;KACnB,UAAU;KACV,WAAW,CAAC,SAAS;AACnB,aAAO,KAAK,YAAY;KACzB;IACF;IACD,QAAQ;KACN;MACE,MAAM;MACN,MAAM;MACN,OAAO;OACL,WAAW,CAAC,SAAS;AACnB,eAAO,KAAK,YAAY;OACzB;OACD,mBAAmB;OACnB,YAAY,EACV,OAAO,yDACR;MACF;KACF;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;KACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;KACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;KACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;KACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;KACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;KACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;KACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;KACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;KACP;IACF;GACF;EACF;CACF;AACF"}

package/dist/components/index.d.ts

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

package/dist/components/index.js

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

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

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

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

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

package/dist/components/mux-preview/mux-preview.d.ts

@@ -0,0 +1,14 @@
+import { UIFieldClientProps } from "payload";
+import React from "react";
+
+//#region src/components/mux-preview/mux-preview.d.ts
+
+/**
+ * React component for previewing Mux video assets
+ * @param props - The UI field client props containing field data
+ * @returns JSX element for Mux video preview
+ */
+declare function MuxPreview(props: UIFieldClientProps): React.JSX.Element | null;
+//#endregion
+export { MuxPreview };
+//# sourceMappingURL=mux-preview.d.ts.map

package/dist/components/mux-preview/mux-preview.js

@@ -0,0 +1,38 @@
+'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
+/**
+* React component for previewing Mux video assets
+* @param props - The UI field client props containing field data
+* @returns JSX element for Mux video preview
+*/
+function MuxPreview(props) {
+	const [playbackId, setPlaybackId] = useState(null);
+	const [isClient, setIsClient] = useState(false);
+	useEffect(() => {
+		setIsClient(true);
+	}, []);
+	useEffect(() => {
+		if (!isClient) return;
+		const collection = props.schemaPath?.split(".")[0];
+		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;
+}
+
+//#endregion
+export { MuxPreview };
+//# sourceMappingURL=mux-preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mux-preview.js","names":["props: UIFieldClientProps"],"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,WAAWA,OAA2B;CACpD,MAAM,CAAC,YAAY,cAAc,GAAG,SAAwB,KAAK;CACjE,MAAM,CAAC,UAAU,YAAY,GAAG,SAAS,MAAM;CAG/C,UAAU,MAAM;EACd,YAAY,KAAK;CAClB,GAAE,CAAE,EAAC;CAEN,UAAU,MAAM;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,SACzD,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,OAAO,CAAC,CACjC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CACzB,KAAK,CAAC,SAAS,cAAc,KAAK,KAAK,cAAc,KAAK,CAAC,CAC3D,MAAM,MAAM,cAAc,KAAK,CAAC;CAEtC,GAAE,CAAC,MAAM,YAAY,QAAS,EAAC;AAGhC,QAAO,YAAY,iCAChB;EACa;EACZ,YAAW;EACX,iBAAiB;EACjB,OAAO,EAAE,QAAQ,OAAQ;EACzB,WAAW;EACX,SAAQ;GACR,GACA;AACL"}

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

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

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

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

package/dist/components/upload-handler/upload-handler.d.ts

@@ -0,0 +1,22 @@
+import * as payload0 from "payload";
+import * as react0 from "react";
+
+//#region src/components/upload-handler/upload-handler.d.ts
+declare const UploadHandler: ({
+  children,
+  collectionSlug,
+  enabled,
+  extra,
+  prefix,
+  serverHandlerPath
+}: {
+  children: react0.ReactNode;
+  collectionSlug: payload0.UploadCollectionSlug;
+  enabled?: boolean;
+  extra: Record<string, unknown>;
+  prefix?: string;
+  serverHandlerPath: string;
+}) => react0.JSX.Element;
+//#endregion
+export { UploadHandler };
+//# sourceMappingURL=upload-handler.d.ts.map