fix(web-media): missing clone() function for AudioInfo

Author: julianpoemp

apps/octra/project.json

@@ -144,10 +144,12 @@
       "configurations": {
         "production": {
           "port": 5321,
+          "host": "127.0.0.1",
           "buildTarget": "octra:build:production"
         },
         "development": {
           "port": 5321,
+          "host": "127.0.0.1",
           "buildTarget": "octra:build:development"
         }
       },

apps/octra/src/app/app.component.ts

@@ -1,5 +1,6 @@
 import { Component, inject, OnDestroy, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
+import { TranslocoPipe } from '@jsverse/transloco';
 import {
   OctraComponentsModule,
   VersionCheckerService,
@@ -11,11 +12,9 @@ import { DefaultComponent } from './core/component/default.component';
 import { OctraModalComponent } from './core/modals/octra-modal';
 import { MultiThreadingService } from './core/shared/multi-threading/multi-threading.service';
 import { AppStorageService } from './core/shared/service/appstorage.service';
+import { LoginMode } from './core/store';
 import { ApplicationStoreService } from './core/store/application/application-store.service';
 import { AnnotationStoreService } from './core/store/login-mode/annotation/annotation.store.service';
-import { TranslocoPipe } from '@jsverse/transloco';
-import { LoginMode } from './core/store';
-import { timer } from 'rxjs';
 
 @Component({
   selector: 'octra-app',

libs/web-media/src/lib/audio/audio-info.ts

@@ -65,6 +65,26 @@ export class AudioInfo<F extends object = any> extends FileInfo<F> {
     this._bitrate = bitrate;
     this._audioBufferInfo = audioBufferInfo;
   }
+
+  override clone(): AudioInfo<F> {
+    const result = new AudioInfo<F>(
+      this.fullname,
+      this._type,
+      this._size,
+      this._sampleRate,
+      this._duration.samples,
+      this._channels,
+      this._bitrate,
+      this._audioBufferInfo,
+    );
+    result._file = this._file;
+    result._attributes = this._attributes ? { ...this._attributes } as F : undefined;
+    result._hash = this._hash;
+    result._url = this._url;
+    result._online = this._online;
+
+    return result;
+  }
 }
 
 /**

libs/web-media/src/lib/data-info/directory-info.ts

@@ -6,7 +6,7 @@ export class DirectoryInfo<
   A extends object = any,
   FA extends object = any,
 > extends DataInfo<A> {
-  private readonly _path: string;
+  protected readonly _path: string;
 
   public constructor(path: string, size?: number) {
     super(DirectoryInfo.extractFolderName(path)!, 'folder', size);
@@ -17,7 +17,7 @@ export class DirectoryInfo<
     return this._path;
   }
 
-  private _entries: (DirectoryInfo<F, A, FA> | F)[] = [];
+  protected _entries: (DirectoryInfo<F, A, FA> | F)[] = [];
 
   get entries(): (F | DirectoryInfo<F, A, FA>)[] {
     return this._entries;

libs/web-media/src/lib/data-info/file-info.ts

@@ -38,7 +38,7 @@ export class FileInfo<F extends object = any> extends DataInfo<F> {
     this._url = value;
   }
 
-  private _online = true;
+  protected _online = true;
 
   get online(): boolean {
     return this._online;
@@ -62,7 +62,7 @@ export class FileInfo<F extends object = any> extends DataInfo<F> {
     return this._createdAt;
   }
 
-  private readonly _createdAt: number = 0;
+  protected readonly _createdAt: number = 0;
 
   public constructor(
     fullname: string,
@@ -225,7 +225,9 @@ export class FileInfo<F extends object = any> extends DataInfo<F> {
     }
   }
 
-  public static fromAny<F extends object>(object: FileInfoSerialized): FileInfo<F> {
+  public static fromAny<F extends object>(
+    object: FileInfoSerialized,
+  ): FileInfo<F> {
     let file;
     if (object.content !== undefined && object.content !== '') {
       file = this.getFileFromContent(object.content, object.fullname);
@@ -341,7 +343,7 @@ export class FileInfo<F extends object = any> extends DataInfo<F> {
       this._createdAt,
     );
 
-    result._attributes = {...this._attributes} as F;
+    result._attributes = this._attributes ? { ...this._attributes } as F : undefined;
     result._hash = this._hash;
     result._online = this._online;
     result._url = this._url;