feat: add standalone DVWebloader V2 uploader bundle

Author: ErykKul

.gitignore

@@ -21,6 +21,7 @@
 
 # production
 /dist
+/dist-uploader
 
 # storybook
 /storybook-static

CHANGELOG.md

@@ -8,7 +8,9 @@ This changelog follows the principles of [Keep a Changelog](https://keepachangel
 
 ### Added
 
-- Added the value entered by the user in the error messages for metadata field validation errors in EMAIL and URL type fields. For example, instead of showing “Point of Contact E-mail is not a valid email address.“, we now show “Point of Contact E-mail foo is not a valid email address.”
+- DVWebloader V2: A standalone file uploader build that reuses React file upload components, supporting S3 direct uploads with configurable tagging.
+- Shared file upload hooks (`useFileUploadState`, `useFileUploadOperations`) for better code reuse between the main SPA and standalone uploader.
+- Added the value entered by the user in the error messages for metadata field validation errors in EMAIL and URL type fields. For example, instead of showing "Point of Contact E-mail is not a valid email address.", we now show "Point of Contact E-mail foo is not a valid email address."
 - Contact Owner button in File Page.
 - Share button in File Page.
 - Link Collection and Link Dataset features.

package-lock.json

@@ -18,7 +18,7 @@
     "@dnd-kit/sortable": "8.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@faker-js/faker": "7.6.0",
-    "@iqss/dataverse-client-javascript": "2.0.0-alpha.79",
+    "@iqss/dataverse-client-javascript": "file:../dataverse-client-javascript",
     "@iqss/dataverse-design-system": "*",
     "@istanbuljs/nyc-config-typescript": "1.0.2",
     "@tanstack/react-table": "8.9.2",
@@ -64,6 +64,7 @@
   "scripts": {
     "start": "vite --base=/spa",
     "build": "tsc && vite build",
+    "build-uploader": "vite build --config vite.config.uploader.ts && cp -r public/locales dist-uploader/ && cp src/standalone-uploader/dvwebloaderV2.html dist-uploader/",
     "build-keycloak-theme": "npm run build && keycloakify build",
     "preview": "vite preview",
     "lint": "npm run typecheck && npm run lint:eslint && npm run lint:stylelint && npm run lint:prettier",

package.json

@@ -1,4 +1,5 @@
 export enum FixityAlgorithm {
+  NONE = 'NONE',
   MD5 = 'MD5',
   SHA1 = 'SHA-1',
   SHA256 = 'SHA-256',

src/files/domain/models/FixityAlgorithm.ts

@@ -1,8 +1,14 @@
 import { UploadedFileDTO } from '@iqss/dataverse-client-javascript'
 import { FileRepository } from '../repositories/FileRepository'
 
+/**
+ * Minimal repository type for addUploadedFiles.
+ * Only requires the addUploadedFiles method.
+ */
+type AddUploadedFilesRepository = Pick<FileRepository, 'addUploadedFiles'>
+
 export function addUploadedFiles(
-  fileRepository: FileRepository,
+  fileRepository: AddUploadedFilesRepository,
   datasetId: number | string,
   files: UploadedFileDTO[]
 ): Promise<void> {

src/files/domain/useCases/addUploadedFiles.ts

@@ -1,8 +1,14 @@
 import { UploadedFileDTO } from '@iqss/dataverse-client-javascript'
 import { FileRepository } from '../repositories/FileRepository'
 
+/**
+ * Minimal repository type for replaceFile.
+ * Only requires the replace method.
+ */
+type ReplaceFileRepository = Pick<FileRepository, 'replace'>
+
 export function replaceFile(
-  fileRepository: FileRepository,
+  fileRepository: ReplaceFileRepository,
   fileId: number | string,
   newFile: UploadedFileDTO
 ): Promise<number> {

src/files/domain/useCases/replaceFile.ts

@@ -1,7 +1,13 @@
 import { FileRepository } from '../repositories/FileRepository'
 
+/**
+ * Minimal repository type for uploadFile.
+ * Only requires the uploadFile method.
+ */
+type UploadFileRepository = Pick<FileRepository, 'uploadFile'>
+
 export function uploadFile(
-  fileRepository: FileRepository,
+  fileRepository: UploadFileRepository,
   datasetId: number | string,
   file: File,
   done: () => void,

src/files/domain/useCases/uploadFile.ts

@@ -1,5 +1,5 @@
-import { ReplaceFileReferrer } from './replace-file/ReplaceFile'
-import { EditFileMetadataReferrer } from '@/sections/edit-file-metadata/EditFileMetadata'
+import { ReplaceFileReferrer } from './replace-file/ReplaceFileReferrer'
+import { EditFileMetadataReferrer } from '@/sections/edit-file-metadata/EditFileMetadataReferrer'
 
 export enum Route {
   HOME = '/',

src/sections/Route.enum.ts

@@ -12,20 +12,18 @@ import {
 } from '@/sections/edit-file-metadata/EditFilesList'
 import { useLoading } from '../../shared/contexts/loading/LoadingContext'
 import { useFile } from '@/sections/file/useFile'
+import { EditFileMetadataReferrer } from './EditFileMetadataReferrer'
 import styles from './EditFileMetadata.module.scss'
 
+// Re-export for backwards compatibility
+export { EditFileMetadataReferrer } from './EditFileMetadataReferrer'
+
 interface EditFileMetadataProps {
   fileId: number
   fileRepository: FileRepository
   referrer: EditFileMetadataReferrer
 }
 
-// From where the user is coming from
-export enum EditFileMetadataReferrer {
-  DATASET = 'dataset',
-  FILE = 'file'
-}
-
 export const EditFileMetadata = ({ fileId, fileRepository, referrer }: EditFileMetadataProps) => {
   const { t: tEditFileMetadata } = useTranslation('editFileMetadata')
   const { t: tFiles } = useTranslation('files')