Custom upload provider to fix the EXDEV error.

backend/package.json

@@ -33,6 +33,7 @@
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "fs-extra": "^11.2.0",
     "prettier": "^3.1.0",
     "tslib": "^2.5.0",
     "typescript": "^5.0.4"

backend/src/admin/upload-provider.ts

@@ -0,0 +1,29 @@
+import fs from 'fs';
+import path from 'path';
+
+import { move } from 'fs-extra';
+import { UploadedFile } from 'adminjs';
+import { BaseProvider } from '@adminjs/upload';
+
+export default class UploadProvider extends BaseProvider {
+  // * Fixed this method because original does rename instead of move and it doesn't work with docker volume
+  public async upload(file: UploadedFile, key: string): Promise<any> {
+    // adjusting file path according to OS
+    const filePath = process.platform === 'win32' ? this.path(key) : this.path(key).slice(1);
+    await fs.promises.mkdir(path.dirname(filePath), { recursive: true });
+    await move(file.path, filePath, { overwrite: true });
+  }
+
+  public async delete(key: string, bucket: string): Promise<any> {
+    // adjusting file path according to OS
+    await fs.promises.unlink(process.platform === 'win32' ? this.path(key, bucket) : this.path(key, bucket).slice(1));
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  public path(key: string, bucket?: string): string {
+    // Windows doesn't requires the '/' in path, while UNIX system does
+    return process.platform === 'win32'
+      ? `${path.join(bucket || this.bucket, key)}`
+      : `/${path.join(bucket || this.bucket, key)}`;
+  }
+}

backend/src/resources/files.ts

@@ -1,14 +1,8 @@
-import uploadFeature, { LocalUploadOptions } from '@adminjs/upload';
+import uploadFeature from '@adminjs/upload';
 
 import { componentLoader } from '../admin/component-loader.js';
 import File from '../models/file.js';
-
-const localProvider: LocalUploadOptions = {
-  bucket: 'public/files',
-  opts: {
-    baseUrl: '/files',
-  },
-};
+import UploadProvider from '../admin/upload-provider.js';
 
 export const files = {
   resource: File,
@@ -35,7 +29,9 @@ export const files = {
   features: [
     uploadFeature({
       componentLoader,
-      provider: { local: localProvider },
+      provider: new UploadProvider('public/files', {
+        baseUrl: '/files',
+      }),
       validation: {
         mimeTypes: [
           'video/mp4',

backend/src/resources/thumbnail.ts

@@ -1,22 +1,18 @@
-import uploadFeature, { LocalUploadOptions } from '@adminjs/upload';
+import uploadFeature from '@adminjs/upload';
 
 import { componentLoader } from '../admin/component-loader.js';
 import Thumbnail from '../models/thumbnail.js';
-
-const localProvider: LocalUploadOptions = {
-  bucket: 'public/thumbs',
-  opts: {
-    baseUrl: '/thumbs',
-  },
-};
+import UploadProvider from '../admin/upload-provider.js';
 
 export const thumbnails = {
   resource: Thumbnail,
   options: {},
   features: [
     uploadFeature({
       componentLoader,
-      provider: { local: localProvider },
+      provider: new UploadProvider('public/thumbs', {
+        baseUrl: '/thumbs',
+      }),
       validation: {
         mimeTypes: [
           'image/jpeg',

backend/src/resources/trailer.ts

@@ -1,14 +1,8 @@
-import uploadFeature, { LocalUploadOptions } from '@adminjs/upload';
+import uploadFeature from '@adminjs/upload';
 
 import { componentLoader } from '../admin/component-loader.js';
 import Trailer from '../models/trailer.js';
-
-const localProvider: LocalUploadOptions = {
-  bucket: 'public/trailers',
-  opts: {
-    baseUrl: '/trailers',
-  },
-};
+import UploadProvider from '../admin/upload-provider.js';
 
 export const trailers = {
   resource: Trailer,
@@ -26,7 +20,9 @@ export const trailers = {
   features: [
     uploadFeature({
       componentLoader,
-      provider: { local: localProvider },
+      provider: new UploadProvider('public/trailers', {
+        baseUrl: '/trailers',
+      }),
       validation: {
         mimeTypes: [
           'video/mp4',