Make EnableFingerprint store

Author: r59q

src/StaticConfiguration.ts

@@ -148,5 +148,10 @@ class StaticConfiguration {
    * Whether the knn model should be normalized by default
    */
   public static readonly knnNormalizedDefault = false;
+
+  /**
+   * Whether fingerprinting should be enabled by default
+   */
+  public static readonly enableFingerprintByDefault: boolean = false;
 }
 export default StaticConfiguration;

src/components/features/datacollection/Gesture.svelte

@@ -33,6 +33,7 @@
 
   const defaultNewName = $t('content.data.classPlaceholderNewClass');
   const recordingDuration = StaticConfiguration.recordingDuration;
+  const enableFingerprint = stores.getEnableFingerprint();
 
   let isThisRecording = false;
 
@@ -219,7 +220,7 @@
         <div class="flex p-2 h-30">
           {#each $gesture.recordings as recording (String($gesture.ID) + String(recording.ID))}
             <Recording
-              enableFingerprint={true}
+              enableFingerprint={$enableFingerprint}
               downloadable
               {recording}
               gestureId={$gesture.ID}

src/components/ui/recording/Recording.svelte

@@ -23,7 +23,7 @@
   export let onDelete: (recording: RecordingData) => void;
   export let dot: { gesture: GestureID; color: string } | undefined = undefined;
   export let downloadable: boolean = false;
-  export let enableFingerprint: boolean = false;
+  export let enableFingerprint: boolean;
 
   $: dotGesture = dot?.gesture
     ? stores.getGestures().getGesture(dot?.gesture)

src/lib/domain/stores/EnableFingerprint.ts

@@ -0,0 +1,30 @@
+/**
+ * (c) 2023-2025, Center for Computational Thinking and Design at Aarhus University and contributors
+ *
+ * SPDX-License-Identifier: MIT
+ */
+import { derived, get, writable, type Subscriber, type Unsubscriber, type Writable } from 'svelte/store';
+
+class EnableFingerprint implements Writable<boolean> {
+    private value: Writable<boolean>;
+
+    public constructor(defaultValue: boolean) {
+        this.value = writable(defaultValue);
+    }
+
+    public set(newValue: boolean): void {
+        this.value.set(newValue);
+    }
+
+    public update(updater: (state: boolean) => boolean): void {
+        const beforeValue = get(this.value);
+        const updatedValue = updater(beforeValue);
+        this.set(updatedValue);
+    }
+
+    public subscribe(run: Subscriber<boolean>, invalidate?: (value?: boolean) => void): Unsubscriber {
+        return derived([this.value], ([store]) => store).subscribe(run, invalidate);
+    }
+}
+
+export default EnableFingerprint;

src/lib/stores/Stores.ts

@@ -35,6 +35,8 @@ import ValidationResults from '../domain/stores/ValidationResults';
 import Snackbar from './Snackbar';
 import { knnHasTrained } from './KNNStores';
 import Devices from '../domain/Devices';
+import EnableFingerprint from '../domain/stores/EnableFingerprint';
+import StaticConfiguration from '../../StaticConfiguration';
 
 type StoresType = {
   liveData: LiveData<LiveDataVector> | undefined;
@@ -59,6 +61,7 @@ class Stores implements Readable<StoresType> {
   private validationResults: ValidationResults;
   private recorder: Recorder;
   private devices: Devices;
+  private enableFingerprint: EnableFingerprint;
 
   public constructor() {
     this.devices = new Devices();
@@ -90,6 +93,7 @@ class Stores implements Readable<StoresType> {
       this.gestures,
       this.highlightedAxis,
     );
+    this.enableFingerprint = new EnableFingerprint(StaticConfiguration.enableFingerprintByDefault);
   }
 
   public subscribe(
@@ -182,6 +186,10 @@ class Stores implements Readable<StoresType> {
   public getDevices(): Devices {
     return this.devices;
   }
+
+  public getEnableFingerprint() {
+    return this.enableFingerprint;
+  }
 }
 
 export const stores = new Stores();