Feat: FileManager (#98) (#703)

* feat: add file manager module - Complete file manager implementation with UI/UX - Add drive management functionality - Add file upload/download with progress tracking - Add stamp integration and handling - Add bulk operations and context menus Co-authored-by: Roland Seres <roland.seres90@gmail.com> Co-authored-by: nidishk <nidishkrishnan45@gmail.com>
2025-11-12 11:26:00 +01:00
parent 1249c0df71
commit 5bfe2a0331
107 changed files with 21529 additions and 5578 deletions
@@ -0,0 +1,11 @@
+import { FeedIndex, RedundancyLevel } from '@ethersphere/bee-js'
+import { capitalizeFirstLetter } from '../utils/common'
+
+export const FEED_INDEX_ZERO = FeedIndex.fromBigInt(BigInt(0))
+
+export const erasureCodeMarks = Object.entries(RedundancyLevel)
+  .filter(([_, value]) => typeof value === 'number')
+  .map(([key, value]) => ({
+    value: value as number,
+    label: capitalizeFirstLetter(key),
+  }))
@@ -0,0 +1,7 @@
+export const desiredLifetimeOptions = [
+  { value: 0, label: '1 week' },
+  { value: 1, label: '1 month' },
+  { value: 2, label: '3 months' },
+  { value: 3, label: '6 months' },
+  { value: 4, label: '1 year' },
+]
@@ -0,0 +1,80 @@
+// Tooltip content for File Manager
+export const TOOLTIPS = {
+  // Admin Stamp Creation
+  ADMIN_PREVIOUSLY_CREATED: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">Use Existing Admin Drive</div>
+An existing Admin Drive from a previous session can be selected here. This will link the File Manager to that Admin Drive.
+<br/>
+<br/>
+Otherwise, leave this blank and configure a new Admin Drive below.`,
+  ADMIN_DESIRED_LIFETIME: `Defines how long your deposit will cover storage on the network. It’s an estimate, not a fixed expiry - you can top up anytime to extend it.`,
+
+  ADMIN_SECURITY_LEVEL: `This sets how many encrypted copies of your Admin Drive’s information are stored across the network. Higher levels increase resilience but reduce the available storage capacity.`,
+
+  ADMIN_ESTIMATED_COST: `This is a one-time deposit required to create your drive, calculated from the <b>desired lifetime, storage size</b>, and the current <b>storage price.</b>`,
+
+  ADMIN_PURCHASE_BUTTON: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">Create Admin Drive</div>
+This action will do two things:
+<br/>
+<br/>
+1. It will make a one-time transaction to deposit the Estimated Cost.<br/>
+2. It will create the Admin Drive.`,
+
+  ADMIN_PURCHASE_BUTTON_ALREADY_EXISTED_ADMIN_DRIVE: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">Create Admin Drive</div>
+
+It will create the Admin Drive.`,
+
+  // Drive Creation
+  DRIVE_NAME: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">About Drive Name</div>
+Set a human-readable label for this drive (e.g. Personal files). This name is stored as metadata.`,
+
+  DRIVE_INITIAL_CAPACITY: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">What is Initial Storage?</div>
+This sets the initial storage capacity. This value is used in combination with lifetime and redundancy, to calculate the initial deposit.
+<br/>
+<br/>
+<b>Warning:</b> Be aware that in rare cases the drive might indicate it's full sooner than expected.
+<br/>
+<br/>
+<b>Tip:</b> Selecting a size with a little extra room provides the best flexibility.`,
+
+  DRIVE_DESIRED_LIFETIME: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">What is Desired Lifetime?</div>
+This sets the initial period the drive's information will be paid for on the network. This is not a fixed expiry date. It's the estimated time it will take for the drive's balance to be depleted. You can top up any time to extend the lifetime.
+<br/>
+<br/>
+<b>Warning:</b> If the deposit balance runs out, the drive's data is no longer paid for and will be scheduled for permanent deletion by the network. The rate of depletion is depends upon actual market conditions.`,
+
+  DRIVE_SECURITY_LEVEL: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">What is Security Level?</div>
+This controls the level of data redundancy for your drive's data.
+<br/>
+<br/>
+Higher levels provide maximum protection against data loss, even in the unlikely event of large-scale network disruptions.
+<br/>
+<br/>
+<b>Trade-off:</b> Higher redundancy levels decreases your initial storage, while keeping the initial deposit cost the same for the same Desired Lifetime.`,
+
+  DRIVE_ESTIMATED_COST: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">How is this cost calculated?</div>
+This is the one-time deposit of xBZZ tokens required to fund the drive's storage.
+<br/>
+<br/>
+It is calculated based on:
+<br/>
+1. <b>Initial Storage</b> (Storage size)
+<br/>
+2. <b>Desired Lifetime</b> (Persistence duration)<br/>
+3. <b>Current Network Price</b> (Dynamic storage costs)
+<br/>
+<br/>
+This deposit is used to pay storage fees on the network over time. The cost is not a one-time purchase but a deposit that will be gradually consumed over time based on the network's storage fees.
+<br/>
+<br/>
+As the deposit depletes, the drive's lifetime decreases. You can top up the deposit at any time to extend its lifetime.
+<br/>
+<br/>
+<b>Note:</b> This estimate is based on current network conditions and the deposit's depletion rate is subject to change and is contingent upon prevailing market conditions.`,
+
+  PRIVATE_KEY_MODAL_HEADER: `The Private Key ensures exclusive access to this File Manager instance. It is the user's responsibity to store in a secure and tamper-proof way.`,
+  PRIVATE_KEY_MODAL_GENERATED_KEY: `Advanced users may input a custom key.`,
+  PRIVATE_KEY_MODAL_CONFIRM_KEY: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">Confirmation Step</div>
+This is a final safety check to ensure a copy of the key has been saved before proceeding.`,
+  PRIVATE_KEY_MODAL_KEY_INFO: `<div style="font-weight: bold; margin-bottom: 12px; font-size: 14px;">On This Device Only</div>
+For convenience, an encrypted copy of this key is saved in this browser's local storage. This avoids needing to enter it on every visit.`,
+}
@@ -0,0 +1,57 @@
+export enum FileTransferType {
+  Upload = 'upload',
+  Download = 'download',
+  Update = 'update',
+}
+
+export enum TransferStatus {
+  Uploading = 'uploading',
+  Downloading = 'downloading',
+  Done = 'done',
+  Error = 'error',
+  Queued = 'queued',
+  Cancelled = 'cancelled',
+}
+
+export enum TransferBarColor {
+  Upload = '#22c55e',
+  Update = '#f59e0b',
+  Download = '#3b82f6',
+}
+
+export enum ViewType {
+  File = 'file',
+  Trash = 'trash',
+  Expired = 'expired',
+}
+
+export enum ActionTag {
+  Trashed = 'trashed',
+  Recovered = 'recovered',
+  Restored = 'restored',
+}
+
+export enum FileAction {
+  Trash = 'trash',
+  Forget = 'forget',
+  Destroy = 'destroy',
+}
+
+export enum DownloadState {
+  InProgress = 'in-progress',
+  Completed = 'completed',
+  Cancelled = 'cancelled',
+  Error = 'error',
+}
+
+export type TrackDownloadProps = {
+  name: string
+  size?: string
+  expectedSize?: number
+}
+
+export interface DownloadProgress {
+  progress: number
+  isDownloading: boolean
+  state?: DownloadState
+}