feat: allow user to decide wheher recently viewed files should be automatically loaded

Author: tzebrowski

index.html

@@ -481,6 +481,17 @@ <h3>Settings & Preferences</h3>
                 </label>
               </div>
 
+              <div class="pref-item">
+                <div class="pref-info">
+                  <span class="pref-title">Remember active files</span>
+                  <span class="pref-desc">Remember recently viewed files.</span>
+                </div>
+                <label class="switch">
+                  <input type="checkbox" id="pref-remember-files" checked />
+                  <span class="slider-round"></span>
+                </label>
+              </div>
+
               <div class="pref-item">
                 <div class="pref-info">
                   <span class="pref-title">Show Area Fills</span>

src/entry.js

@@ -13,6 +13,7 @@ import { PaletteManager } from './palettemanager.js';
 import { xyAnalysis } from './xyanalysis.js';
 import { Histogram } from './histogram.js';
 import { mathChannels } from './mathchannels.js';
+import { projectManager } from './projectmanager.js';
 
 window.onload = async function () {
   await dataProcessor.loadConfiguration();
@@ -29,6 +30,7 @@ window.onload = async function () {
   PaletteManager.init();
   xyAnalysis.init();
   Histogram.init();
+  projectManager.init();
 
   const fileInput = DOM.get('fileInput');
   if (fileInput) {

src/preferences.js

@@ -19,6 +19,7 @@ export const Preferences = {
     'pref-show-area-fills': 'showAreaFills',
     'pref-smooth-lines': 'smoothLines',
     'pref-load-map': 'loadMap',
+    'pref-remember-files': 'rememberFiles',
   },
 
   defaultPrefs: {
@@ -29,6 +30,7 @@ export const Preferences = {
     showAreaFills: true,
     smoothLines: false,
     loadMap: false,
+    rememberFiles: true,
   },
 
   get prefs() {

src/projectmanager.js

@@ -2,17 +2,22 @@ import { AppState, EVENTS } from './config.js';
 import { mathChannels } from './mathchannels.js';
 import { messenger } from './bus.js';
 import { dbManager } from './dbmanager.js';
+import { Preferences } from './preferences.js';
 
 class ProjectManager {
   #currentProject;
   #isReplaying;
   #libraryContainer;
 
   constructor() {
-    this.#currentProject =
-      this.#loadFromStorage() || this.#createEmptyProject();
     this.#isReplaying = false;
     this.#libraryContainer = null;
+    this.#currentProject = this.#createEmptyProject();
+  }
+
+  init() {
+    this.#currentProject =
+      this.#loadFromStorage() || this.#createEmptyProject();
 
     dbManager.init().then(async () => {
       await this.#hydrateActiveFiles();
@@ -185,6 +190,8 @@ class ProjectManager {
 
     messenger.emit('ui:set-loading', { message: 'Restoring Session...' });
 
+    let actuallyLoaded = false;
+
     for (const res of activeResources) {
       if (res.dbId && !AppState.files.some((f) => f.dbId === res.dbId)) {
         const signals = await dbManager.getFileSignals(res.dbId);
@@ -202,13 +209,26 @@ class ProjectManager {
             size: meta.size,
             metadata: meta.metadata,
           });
+          actuallyLoaded = true;
+        } else {
+          res.isActive = false;
         }
       }
     }
 
-    if (AppState.files.length > 0) {
+    if (actuallyLoaded) {
       messenger.emit('dataprocessor:batch-load-completed', {});
+
+      requestAnimationFrame(() => {
+        this.replayHistory();
+      });
+    } else {
+      messenger.emit('dataprocessor:batch-load-completed', {});
+      messenger.emit('ui:updateDataLoadedState', { status: false });
     }
+    messenger.emit('dataprocessor:batch-load-completed', {});
+
+    this.#saveToStorage();
   }
 
   registerFile(file) {
@@ -284,8 +304,23 @@ class ProjectManager {
   }
 
   #loadFromStorage() {
-    const data = localStorage.getItem('current_project');
-    return data ? JSON.parse(data) : null;
+    if (Preferences.prefs.rememberFiles) {
+      const data = localStorage.getItem('current_project');
+      return data ? JSON.parse(data) : null;
+    } else {
+      const data = localStorage.getItem('current_project');
+      if (data) {
+        const project = JSON.parse(data);
+
+        if (project && project.resources) {
+          project.resources.forEach((resource) => {
+            resource.isActive = false;
+          });
+        }
+
+        return project;
+      }
+    }
   }
 
   #saveToStorage() {

src/ui.js

@@ -39,10 +39,9 @@ export const UI = {
       UI.setLoading(true, event.message);
     });
 
-    messenger.on('dataprocessor:batch-load-completed', (event) => {
+    messenger.on('dataprocessor:batch-load-completed', () => {
       UI.renderSignalList();
 
-      // 1. Reveal the container first
       UI.updateDataLoadedState(true);
       UI.setLoading(false);
 
@@ -51,7 +50,6 @@ export const UI = {
         fileInfo.innerText = `${AppState.files.length} logs loaded`;
       }
 
-      // 2. Wait for DOM reflow before rendering chart.
       if (AppState.files.length > 0) {
         requestAnimationFrame(() => {
           ChartManager.render();

tests/preferences.test.js

@@ -1,19 +1,23 @@
 import { jest, describe, test, expect, beforeEach } from '@jest/globals';
 
-import { Preferences } from '../src/preferences.js';
-import { UI } from '../src/ui.js';
+await jest.unstable_mockModule('../src/ui.js', () => ({
+  UI: {
+    setTheme: jest.fn(),
+  },
+}));
 
-UI.setTheme = jest.fn();
+const { Preferences } = await import('../src/preferences.js');
+const { UI } = await import('../src/ui.js');
 
 describe('Preferences Module', () => {
   beforeEach(() => {
-    // 2. Set up the DOM structure expected by Preferences
     document.body.innerHTML = `
       <div class="preferences-list">
         <input type="checkbox" id="pref-persistence" />
         <input type="checkbox" id="pref-performance" />
         <input type="checkbox" id="pref-theme-dark" />
         <input type="checkbox" id="pref-custom-palette" />
+        <input type="checkbox" id="pref-remember-files" />
       </div>
     `;
     localStorage.clear();
@@ -41,7 +45,6 @@ describe('Preferences Module', () => {
   });
 
   test('init sets theme and attaches listeners', () => {
-    // 1. Setup localStorage so loadPreferences() sees the dark theme as active
     localStorage.setItem(
       Preferences.PREFS_KEY,
       JSON.stringify({
@@ -52,15 +55,11 @@ describe('Preferences Module', () => {
 
     const themeToggle = document.getElementById('pref-theme-dark');
 
-    // 2. Run init
     Preferences.init();
 
-    // Now it should be checked because loadPreferences() set it
     expect(themeToggle.checked).toBe(true);
-    // And UI.setTheme should be called with 'dark'
     expect(UI.setTheme).toHaveBeenCalledWith('dark');
 
-    // 3. Test the toggle listener
     themeToggle.checked = false;
     themeToggle.dispatchEvent(new Event('change'));