From 6661d8e4c5fd701914b75256406cdfe2dbfdb95b Mon Sep 17 00:00:00 2001
From: Joery <44531907+Joery-M@users.noreply.github.com>
Date: Sat, 20 Apr 2024 22:45:36 +0200
Subject: [PATCH 1/4] feat: Partially implemented autosave, need to come back

---
 packages/safelight/src/stores/useProject.ts  | 17 +++++++++++++++++
 packages/shared/src/Project/SimpleProject.ts |  8 ++++++++
 packages/shared/src/base/Project.ts          |  8 +++++++-
 3 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/packages/safelight/src/stores/useProject.ts b/packages/safelight/src/stores/useProject.ts
index 8f6fa84f..119b6f5b 100644
--- a/packages/safelight/src/stores/useProject.ts
+++ b/packages/safelight/src/stores/useProject.ts
@@ -48,10 +48,26 @@ export const useProject = defineStore('Project', () => {
         });
     }
 
+    watch(
+        project,
+        () => {
+            project.value?.onDeepChange.next();
+        },
+        {
+            flush: 'post',
+            deep: true
+        }
+    );
+
     function save() {
         if (project.value) Storage.getStorage().SaveProject(project.value);
     }
 
+    function beforeDestroy() {
+        save();
+        project.value?.onDeepChange.complete();
+    }
+
     return {
         project,
         setProject,
@@ -61,6 +77,7 @@ export const useProject = defineStore('Project', () => {
         timelineViewStart,
         timelineViewEnd,
         save,
+        beforeDestroy,
         openProject,
         new: {
             newSimpleProject
diff --git a/packages/shared/src/Project/SimpleProject.ts b/packages/shared/src/Project/SimpleProject.ts
index 18a7f6f2..a937ea71 100644
--- a/packages/shared/src/Project/SimpleProject.ts
+++ b/packages/shared/src/Project/SimpleProject.ts
@@ -15,6 +15,14 @@ export default class SimpleProject extends BaseProject {
     public timelines = shallowReactive<SimpleTimeline[]>([]);
     public timeline = computed(() => this.timelines.at(this.selectedTimelineIndex.value)!);
 
+    constructor() {
+        super();
+
+        this.onDeepChange.subscribe(() => {
+            console.log('Change');
+        });
+    }
+
     public usesMedia(media: Media) {
         return this.timelines.some((timeline) => timeline.usesMedia(media));
     }
diff --git a/packages/shared/src/base/Project.ts b/packages/shared/src/base/Project.ts
index 2b953103..6ba6295f 100644
--- a/packages/shared/src/base/Project.ts
+++ b/packages/shared/src/base/Project.ts
@@ -1,4 +1,5 @@
-import type { ComputedRef, Ref, ShallowReactive } from 'vue';
+import { Subject } from 'rxjs';
+import { ref, type ComputedRef, type Ref, type ShallowReactive } from 'vue';
 import type Media from '../Media/Media';
 import type SimpleProject from '../Project/SimpleProject';
 import type BaseTimeline from './Timeline';
@@ -14,6 +15,11 @@ export default abstract class BaseProject {
     public abstract timelines: ShallowReactive<BaseTimeline[]>;
     public abstract timeline: ComputedRef<BaseTimeline>;
 
+    /**
+     * Triggered when this class has been changed
+     */
+    public onDeepChange = new Subject<void>();
+
     isBaseProject = (): this is BaseProject => this.type == 'Base';
     isSimpleProject = (): this is SimpleProject => this.type == 'Simple';
 }

From f6047042b9e565b73f48a12f9285169901a3c407 Mon Sep 17 00:00:00 2001
From: Joery <joery@supportprofessionals.eu>
Date: Mon, 22 Apr 2024 17:25:30 +0200
Subject: [PATCH 2/4] feat: Implemented more of autosave

Added Subject for onDeepChange and destroy$. These will be called externally. Saving is currently pretty crude, might want to check out other projects. Or maybe first measure how fast saving with iDB is.
---
 packages/safelight/src/stores/currentProject.ts |  2 ++
 packages/safelight/src/views/Editor/Editor.vue  | 10 +++++++++-
 packages/shared/src/Project/SimpleProject.ts    |  6 ++++--
 packages/shared/src/Storage/MediaManager.ts     |  4 ++--
 packages/shared/src/base/Project.ts             |  3 +++
 .../GetVideoInfo.ts => Files/GetFileInfo.ts}    | 17 +++++++----------
 6 files changed, 27 insertions(+), 15 deletions(-)
 rename packages/shared/src/helpers/{Video/GetVideoInfo.ts => Files/GetFileInfo.ts} (72%)

diff --git a/packages/safelight/src/stores/currentProject.ts b/packages/safelight/src/stores/currentProject.ts
index 0858246e..a7583861 100644
--- a/packages/safelight/src/stores/currentProject.ts
+++ b/packages/safelight/src/stores/currentProject.ts
@@ -124,6 +124,8 @@ export class CurrentProject {
 
     public static async beforeExit(clearSession = true) {
         if (this.project.value) {
+            this.project.value.destroy$.next();
+            this.project.value.destroy$.complete();
             if (clearSession) this.clearSessionProject();
             await this.save();
             this.project.value = undefined;
diff --git a/packages/safelight/src/views/Editor/Editor.vue b/packages/safelight/src/views/Editor/Editor.vue
index 0a09ecdc..5d6b6cfa 100644
--- a/packages/safelight/src/views/Editor/Editor.vue
+++ b/packages/safelight/src/views/Editor/Editor.vue
@@ -21,7 +21,6 @@
                     @change="
                         (newName) => {
                             CurrentProject.project.value!.name.value = newName;
-                            CurrentProject.save();
                         }
                     "
                 />
@@ -135,6 +134,15 @@ function showNoProjectDialog() {
 function clearSelection() {
     document.getSelection()?.removeAllRanges();
 }
+watch(
+    CurrentProject.project,
+    (project) => {
+        if (project && CurrentProject.isLoaded.value) {
+            project.onDeepChange.next();
+        }
+    },
+    { deep: true }
+);
 
 onBeforeUnmount(async () => {
     if (CurrentProject.isLoaded.value) {
diff --git a/packages/shared/src/Project/SimpleProject.ts b/packages/shared/src/Project/SimpleProject.ts
index 99bbd2dc..1a74a4f1 100644
--- a/packages/shared/src/Project/SimpleProject.ts
+++ b/packages/shared/src/Project/SimpleProject.ts
@@ -1,6 +1,8 @@
+import { debounceTime, takeUntil } from 'rxjs';
 import { v4 as uuidv4 } from 'uuid';
 import { computed, ref, shallowReactive } from 'vue';
 import BaseProject, { type ProjectType } from '../base/Project';
+import { Storage } from '../base/Storage';
 import Media from '../Media/Media';
 import SimpleTimeline, { type SimpleTimelineConfig } from '../Timeline/SimpleTimeline';
 
@@ -17,8 +19,8 @@ export default class SimpleProject extends BaseProject {
     constructor() {
         super();
 
-        this.onDeepChange.subscribe(() => {
-            console.log('Change');
+        this.onDeepChange.pipe(takeUntil(this.destroy$), debounceTime(1000)).subscribe(() => {
+            Storage.getStorage().SaveProject(this);
         });
     }
 
diff --git a/packages/shared/src/Storage/MediaManager.ts b/packages/shared/src/Storage/MediaManager.ts
index d5a7b838..170c4682 100644
--- a/packages/shared/src/Storage/MediaManager.ts
+++ b/packages/shared/src/Storage/MediaManager.ts
@@ -5,7 +5,7 @@ import { Observable } from 'rxjs';
 import { v4 as uuidv4 } from 'uuid';
 import { Storage } from '../base/Storage';
 import { generateMediaThumbnail } from '../helpers/Video/GenerateMediaThumbnail';
-import { getVideoInfo } from '../helpers/Video/GetVideoInfo';
+import { getFileInfo } from '../helpers/Files/GetFileInfo';
 import {
     MediaType,
     type AudioTrackInfo,
@@ -69,7 +69,7 @@ export default class MediaManager {
                         type: 'fileInfo',
                         hashProgress: 1
                     });
-                    const fileInfo = await getVideoInfo(file);
+                    const fileInfo = await getFileInfo(file);
 
                     // Get thumbnail
                     subscriber.next({
diff --git a/packages/shared/src/base/Project.ts b/packages/shared/src/base/Project.ts
index 10991d54..3e0cfaba 100644
--- a/packages/shared/src/base/Project.ts
+++ b/packages/shared/src/base/Project.ts
@@ -1,3 +1,4 @@
+import { Subject } from 'rxjs';
 import { ref, type ComputedRef, type Ref, type ShallowReactive } from 'vue';
 import type Media from '../Media/Media';
 import type SimpleProject from '../Project/SimpleProject';
@@ -19,6 +20,8 @@ export default abstract class BaseProject {
      */
     public onDeepChange = new Subject<void>();
 
+    public destroy$ = new Subject<void>();
+
     isBaseProject = (): this is BaseProject => this.type == 'Base';
     isSimpleProject = (): this is SimpleProject => this.type == 'Simple';
 }
diff --git a/packages/shared/src/helpers/Video/GetVideoInfo.ts b/packages/shared/src/helpers/Files/GetFileInfo.ts
similarity index 72%
rename from packages/shared/src/helpers/Video/GetVideoInfo.ts
rename to packages/shared/src/helpers/Files/GetFileInfo.ts
index 719e95ae..e9d945c6 100644
--- a/packages/shared/src/helpers/Video/GetVideoInfo.ts
+++ b/packages/shared/src/helpers/Files/GetFileInfo.ts
@@ -1,13 +1,8 @@
 import MediaInfoFactory, { type MediaInfoType, type ReadChunkFunc } from 'mediainfo.js';
 import MediaInfoWasmUrl from 'mediainfo.js/MediaInfoModule.wasm?url';
-import MimeMatcher from 'mime-matcher';
 
-export async function getVideoInfo(file: File) {
+export async function getFileInfo(file: File) {
     return new Promise<MediaInfoType>((resolve, reject) => {
-        const isVideo = new MimeMatcher('video/*').match(file.type);
-
-        if (!isVideo) reject('File is not a video');
-
         const readChunk: ReadChunkFunc = (chunkSize, offset) =>
             new Promise((resolve, reject) => {
                 const reader = new FileReader();
@@ -25,10 +20,12 @@ export async function getVideoInfo(file: File) {
             locateFile(_url, _scriptDirectory) {
                 return MediaInfoWasmUrl;
             }
-        }).then(async (mediaInfo) => {
-            const data = await mediaInfo.analyzeData(() => file.size, readChunk);
+        })
+            .then(async (mediaInfo) => {
+                const data = await mediaInfo.analyzeData(() => file.size, readChunk);
 
-            resolve(data);
-        });
+                resolve(data);
+            })
+            .catch(reject);
     });
 }

From ef13df32f0d1906cd8148ab15fa467a83fe1e2ca Mon Sep 17 00:00:00 2001
From: Joery <joery@supportprofessionals.eu>
Date: Tue, 23 Apr 2024 15:35:18 +0200
Subject: [PATCH 3/4] refactor: Moved save and loadFile to project

Also added interfaces projects can implement, and which can be checked for
---
 .eslintrc.json                                |  3 +-
 .../src/components/Editor/Library/Library.vue | 11 +++-
 .../components/Editor/Library/LibraryItem.vue |  3 +-
 packages/safelight/src/injections.ts          |  6 --
 .../safelight/src/stores/currentProject.ts    | 42 ++-----------
 packages/safelight/tsconfig.app.json          |  3 +-
 packages/shared/package.json                  |  1 +
 packages/shared/src/Project/SimpleProject.ts  | 61 +++++++++++++++++--
 packages/shared/src/base/Project.ts           | 42 ++++++++++++-
 pnpm-lock.yaml                                |  3 +
 10 files changed, 119 insertions(+), 56 deletions(-)
 delete mode 100644 packages/safelight/src/injections.ts

diff --git a/.eslintrc.json b/.eslintrc.json
index c4428a8b..958bcd18 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -37,6 +37,7 @@
         "vue/no-v-for-template-key": "off",
         "vue/no-v-model-argument": "off",
         "no-async-promise-executor": "off",
-        "no-undef": "off"
+        "no-undef": "off",
+        "no-dupe-class-members": "off"
     }
 }
diff --git a/packages/safelight/src/components/Editor/Library/Library.vue b/packages/safelight/src/components/Editor/Library/Library.vue
index 1d4390d3..d5ee4f25 100644
--- a/packages/safelight/src/components/Editor/Library/Library.vue
+++ b/packages/safelight/src/components/Editor/Library/Library.vue
@@ -94,6 +94,7 @@
 </template>
 
 <script setup lang="ts">
+import { ProjectFeatures } from '@safelight/shared/base/Project';
 import Media from '@safelight/shared/Media/Media';
 import fuzzysearch from 'fuzzysearch';
 import MimeMatcher from 'mime-matcher';
@@ -102,7 +103,11 @@ import InputGroupAddon from 'primevue/inputgroupaddon';
 
 useDropZone(document.body, {
     onDrop(files) {
-        files?.forEach(CurrentProject.loadFile);
+        files?.forEach((file) => {
+            if (CurrentProject.project.value?.hasFeature(ProjectFeatures.media)) {
+                CurrentProject.project.value.loadFile(file);
+            }
+        });
     },
     dataTypes(types) {
         return !types.some((val) => {
@@ -120,8 +125,8 @@ fileDialog.onChange((fileList) => {
     for (let i = 0; i < fileList.length; i++) {
         const item = fileList.item(i);
 
-        if (item) {
-            CurrentProject.loadFile(item);
+        if (item && CurrentProject.project.value?.hasFeature(ProjectFeatures.media)) {
+            CurrentProject.project.value.loadFile(item);
         }
     }
 });
diff --git a/packages/safelight/src/components/Editor/Library/LibraryItem.vue b/packages/safelight/src/components/Editor/Library/LibraryItem.vue
index 26767d8e..c3a936d0 100644
--- a/packages/safelight/src/components/Editor/Library/LibraryItem.vue
+++ b/packages/safelight/src/components/Editor/Library/LibraryItem.vue
@@ -79,6 +79,7 @@
 </template>
 <script setup lang="ts">
 import { PhTrash, type PhDotsThreeVertical } from '@phosphor-icons/vue';
+import { ProjectFeatures } from '@safelight/shared/base/Project';
 import type Media from '@safelight/shared/Media/Media';
 import type Menu from 'primevue/menu';
 import type { MenuItem } from 'primevue/menuitem';
@@ -97,7 +98,7 @@ const menuItems = ref<MenuItem[]>([
 const hasItemInTimeline = computed(
     () =>
         CurrentProject.project.value &&
-        CurrentProject.project.value.isSimpleProject() &&
+        CurrentProject.project.value.hasFeature(ProjectFeatures.media) &&
         CurrentProject.project.value.usesMedia(props.item)
 );
 
diff --git a/packages/safelight/src/injections.ts b/packages/safelight/src/injections.ts
deleted file mode 100644
index 12e7e692..00000000
--- a/packages/safelight/src/injections.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type BaseProject from '@safelight/shared/base/Project';
-import type BaseTimeline from '@safelight/shared/base/Timeline';
-import type { InjectionKey } from 'vue';
-
-export const CURRENT_PROJECT: InjectionKey<BaseProject> = Symbol('current.project');
-export const CURRENT_TIMELINE: InjectionKey<BaseTimeline> = Symbol('current.timeline');
diff --git a/packages/safelight/src/stores/currentProject.ts b/packages/safelight/src/stores/currentProject.ts
index a7583861..fb6afe39 100644
--- a/packages/safelight/src/stores/currentProject.ts
+++ b/packages/safelight/src/stores/currentProject.ts
@@ -1,9 +1,8 @@
 /* eslint-disable no-dupe-class-members */
 import { router } from '@/main';
 import type BaseProject from '@safelight/shared/base/Project';
-import type { ProjectType } from '@safelight/shared/base/Project';
+import { ProjectFeatures, type ProjectType } from '@safelight/shared/base/Project';
 import BaseStorageController, { Storage, type StoredProject } from '@safelight/shared/base/Storage';
-import MediaManager from '@safelight/shared/Storage/MediaManager';
 import { DateTime } from 'luxon';
 
 export class CurrentProject {
@@ -87,47 +86,14 @@ export class CurrentProject {
         sessionStorage.removeItem('project');
     }
 
-    // Might want to move this to BaseProject or SimpleProject
-    public static loadFile(file: File) {
-        return new Promise<void>((resolve) => {
-            const storingProcessing = useObservable(MediaManager.StoreMedia(file));
-            watch(storingProcessing, (s) => {
-                console.log(s?.type, s?.hashProgress);
-            });
-
-            watch(storingProcessing, async () => {
-                if (storingProcessing.value && storingProcessing.value.type == 'done') {
-                    const existingMedia = this.project.value!.media.some(
-                        (m) => m.id == storingProcessing.value!.id
-                    );
-
-                    if (!existingMedia) {
-                        const media = await Storage.getStorage().LoadMedia(
-                            storingProcessing.value.id!
-                        );
-
-                        if (media) {
-                            this.project.value!.media.push(media);
-                            this.save();
-                        }
-                    }
-
-                    resolve();
-                }
-            });
-        });
-    }
-
-    public static async save() {
-        if (this.project.value) await Storage.getStorage().SaveProject(this.project.value);
-    }
-
     public static async beforeExit(clearSession = true) {
         if (this.project.value) {
             this.project.value.destroy$.next();
             this.project.value.destroy$.complete();
             if (clearSession) this.clearSessionProject();
-            await this.save();
+            if (this.project.value.hasFeature(ProjectFeatures.saving)) {
+                await this.project.value.Save();
+            }
             this.project.value = undefined;
         }
     }
diff --git a/packages/safelight/tsconfig.app.json b/packages/safelight/tsconfig.app.json
index e2d79eee..3e3ed000 100644
--- a/packages/safelight/tsconfig.app.json
+++ b/packages/safelight/tsconfig.app.json
@@ -7,8 +7,7 @@
         "src/**/*.ts",
         "src/**/*.vue",
         "src/**/*.json",
-        "tsconfig.worker.json",
-        "types/injections.ts"
+        "tsconfig.worker.json"
     ],
     "exclude": ["src/**/__tests__/*"],
     "compilerOptions": {
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 5eefe2cb..ed277c33 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -12,6 +12,7 @@
     },
     "dependencies": {
         "@vueuse/core": "^10.9.0",
+        "@vueuse/rxjs": "^10.9.0",
         "@vueuse/shared": "^10.9.0",
         "dexie": "^3.2.7",
         "ffprobe-wasm": "^0.3.1",
diff --git a/packages/shared/src/Project/SimpleProject.ts b/packages/shared/src/Project/SimpleProject.ts
index 1a74a4f1..2d0dbd68 100644
--- a/packages/shared/src/Project/SimpleProject.ts
+++ b/packages/shared/src/Project/SimpleProject.ts
@@ -1,14 +1,24 @@
+import { useObservable } from '@vueuse/rxjs';
 import { debounceTime, takeUntil } from 'rxjs';
 import { v4 as uuidv4 } from 'uuid';
-import { computed, ref, shallowReactive } from 'vue';
-import BaseProject, { type ProjectType } from '../base/Project';
+import { computed, ref, shallowReactive, watch } from 'vue';
+import BaseProject, {
+    type ProjectFeatureMedia,
+    type ProjectFeatureSaving,
+    type ProjectType
+} from '../base/Project';
 import { Storage } from '../base/Storage';
 import Media from '../Media/Media';
+import MediaManager from '../Storage/MediaManager';
 import SimpleTimeline, { type SimpleTimelineConfig } from '../Timeline/SimpleTimeline';
 
-export default class SimpleProject extends BaseProject {
+export default class SimpleProject
+    extends BaseProject
+    implements ProjectFeatureSaving, ProjectFeatureMedia
+{
     public id = uuidv4();
     public type: ProjectType = 'Simple';
+    public isSaving = ref(false);
 
     public media = shallowReactive<Media[]>([]);
 
@@ -20,10 +30,19 @@ export default class SimpleProject extends BaseProject {
         super();
 
         this.onDeepChange.pipe(takeUntil(this.destroy$), debounceTime(1000)).subscribe(() => {
-            Storage.getStorage().SaveProject(this);
+            this.Save();
         });
     }
 
+    public async Save() {
+        if (this.isSaving.value) return 'Cancelled';
+
+        this.isSaving.value = true;
+        const res = await Storage.getStorage().SaveProject(this);
+        this.isSaving.value = false;
+        return res;
+    }
+
     public usesMedia(media: Media) {
         return this.timelines.some((timeline) => timeline.usesMedia(media));
     }
@@ -46,4 +65,38 @@ export default class SimpleProject extends BaseProject {
 
         return timeline;
     }
+
+    public loadFile(file: File) {
+        return new Promise<boolean>((resolve) => {
+            const storingProcessing = useObservable(
+                MediaManager.StoreMedia(file).pipe(takeUntil(this.destroy$))
+            );
+            watch(storingProcessing, (s) => {
+                console.log(s?.type, s?.hashProgress);
+            });
+
+            watch(storingProcessing, async () => {
+                if (storingProcessing.value && storingProcessing.value.type == 'done') {
+                    const existingMedia = this.media.some(
+                        (m) => m.id == storingProcessing.value!.id
+                    );
+
+                    if (!existingMedia) {
+                        const media = await Storage.getStorage().LoadMedia(
+                            storingProcessing.value.id!
+                        );
+
+                        if (media) {
+                            this.media.push(media);
+
+                            await this.Save();
+                            resolve(true);
+                        }
+                    }
+
+                    resolve(false);
+                }
+            });
+        });
+    }
 }
diff --git a/packages/shared/src/base/Project.ts b/packages/shared/src/base/Project.ts
index 3e0cfaba..08501a5e 100644
--- a/packages/shared/src/base/Project.ts
+++ b/packages/shared/src/base/Project.ts
@@ -1,7 +1,8 @@
 import { Subject } from 'rxjs';
-import { ref, type ComputedRef, type Ref, type ShallowReactive } from 'vue';
+import { isReactive, isRef, ref, type ComputedRef, type Ref, type ShallowReactive } from 'vue';
 import type Media from '../Media/Media';
 import type SimpleProject from '../Project/SimpleProject';
+import type { SaveResults } from './Storage';
 import type BaseTimeline from './Timeline';
 
 export default abstract class BaseProject {
@@ -24,6 +25,45 @@ export default abstract class BaseProject {
 
     isBaseProject = (): this is BaseProject => this.type == 'Base';
     isSimpleProject = (): this is SimpleProject => this.type == 'Simple';
+
+    hasFeature(feature: ProjectFeatures.saving): this is this & ProjectFeatureSaving;
+    hasFeature(feature: ProjectFeatures.media): this is this & ProjectFeatureMedia;
+    hasFeature(feature: ProjectFeatures) {
+        switch (feature) {
+            case ProjectFeatures.saving:
+                return (
+                    'Save' in this &&
+                    typeof this.Save === 'function' &&
+                    'isSaving' in this &&
+                    isRef(this.isSaving)
+                );
+            case ProjectFeatures.media:
+                return (
+                    'usesMedia' in this &&
+                    typeof this.usesMedia === 'function' &&
+                    'media' in this &&
+                    isReactive(this.media)
+                );
+
+            default:
+                return false;
+        }
+    }
 }
 
 export type ProjectType = 'Base' | 'Simple';
+
+export enum ProjectFeatures {
+    saving,
+    media
+}
+
+export interface ProjectFeatureSaving {
+    isSaving: Ref<boolean>;
+    Save(): Promise<SaveResults>;
+}
+export interface ProjectFeatureMedia {
+    media: ShallowReactive<Media[]>;
+    usesMedia(media: Media): boolean;
+    loadFile(file: File): Promise<boolean>;
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2c02b13c..43a3160f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -301,6 +301,9 @@ importers:
       '@vueuse/core':
         specifier: ^10.9.0
         version: 10.9.0(vue@3.4.24)
+      '@vueuse/rxjs':
+        specifier: ^10.9.0
+        version: 10.9.0(rxjs@7.8.1)(vue@3.4.24)
       '@vueuse/shared':
         specifier: ^10.9.0
         version: 10.9.0(vue@3.4.24)

From c21096a49a8a67a77173daf3e352a5ba5f39c315 Mon Sep 17 00:00:00 2001
From: Joery <joery@supportprofessionals.eu>
Date: Tue, 23 Apr 2024 16:00:38 +0200
Subject: [PATCH 4/4] ci: Added test for project updating

---
 .../test/Storage/indexedDB/Project.spec.ts    | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/shared/test/Storage/indexedDB/Project.spec.ts b/packages/shared/test/Storage/indexedDB/Project.spec.ts
index 5b9ae38f..298b4219 100644
--- a/packages/shared/test/Storage/indexedDB/Project.spec.ts
+++ b/packages/shared/test/Storage/indexedDB/Project.spec.ts
@@ -28,3 +28,23 @@ test('Retrieve project', async () => {
 
     expect(loadedProject?.id).toEqual(project.id);
 });
+
+test('Update project', async () => {
+    const storage = new IndexedDbStorageController();
+
+    const project = new SimpleProject();
+    project.name.value = 'Name 1';
+
+    await storage.SaveProject(project);
+
+    project.name.value = 'Name 2';
+
+    Storage.setStorage(storage);
+
+    const res = await project.Save();
+    expect(res).toEqual('Success');
+
+    const loadedProject = await storage.LoadProject(project.id);
+    expect(loadedProject).toBeDefined();
+    expect(loadedProject?.name.value).toBe('Name 2');
+});