@mongoosejs/studio 0.5.2 → 0.5.3

package/frontend/src/navbar/navbar.js

@@ -4,6 +4,13 @@ const api = require('../api');
 const mothership = require('../mothership');
 const template = require('./navbar.html');
 const { routes, hasAccess } = require('../routes');
+const {
+  RECENT_PAGES_STORAGE_KEY,
+  RECENT_PAGES_CHANGED_EVENT,
+  safeReadRecentPages,
+  saveRecentPages,
+  withRecentPagesStorageLock
+} = require('../_util/recent-pages-history');
 
 const appendCSS = require('../appendCSS');
 
@@ -15,7 +22,9 @@ module.exports = app => app.component('navbar', {
   inject: ['state'],
   data: () => ({
     showFlyout: false,
-    darkMode: typeof localStorage !== 'undefined' && localStorage.getItem('studio-theme') === 'dark'
+    darkMode: typeof localStorage !== 'undefined' && localStorage.getItem('studio-theme') === 'dark',
+    showRecentPagesModal: false,
+    localRecentPages: []
   }),
   mounted: function() {
     window.navbar = this;
@@ -37,6 +46,32 @@ module.exports = app => app.component('navbar', {
         mobileMenu.classList.add('translate-x-full');
       });
     }
+
+    this.localRecentPages = safeReadRecentPages();
+
+    this._syncRecentPagesFromOtherTab = ev => {
+      if (ev.storageArea !== window.localStorage || ev.key !== RECENT_PAGES_STORAGE_KEY) {
+        return;
+      }
+      this.refreshRecentPagesFromStorage();
+    };
+    this._syncRecentPagesFromBroadcast = () => this.refreshRecentPagesFromStorage();
+
+    window.addEventListener('storage', this._syncRecentPagesFromOtherTab);
+    window.addEventListener(RECENT_PAGES_CHANGED_EVENT, this._syncRecentPagesFromBroadcast);
+  },
+  beforeUnmount() {
+    if (this._syncRecentPagesFromOtherTab) {
+      window.removeEventListener('storage', this._syncRecentPagesFromOtherTab);
+    }
+    if (this._syncRecentPagesFromBroadcast) {
+      window.removeEventListener(RECENT_PAGES_CHANGED_EVENT, this._syncRecentPagesFromBroadcast);
+    }
+  },
+  watch: {
+    '$route.fullPath'() {
+      this.refreshRecentPagesFromStorage();
+    }
   },
   computed: {
     dashboardView() {
@@ -69,6 +104,9 @@ module.exports = app => app.component('navbar', {
     hasTaskVisualizer() {
       return !!window.MONGOOSE_STUDIO_CONFIG.enableTaskVisualizer;
     },
+    recentPagesList() {
+      return this.localRecentPages;
+    },
     hasLLMAPIKey() {
       return !!window.MONGOOSE_STUDIO_CONFIG.hasLLMAPIKey;
     },
@@ -103,6 +141,30 @@ module.exports = app => app.component('navbar', {
       const meta = document.querySelector('meta[name="theme-color"]');
       if (meta) meta.setAttribute('content', this.darkMode ? '#0f0f0f' : '#ffffff');
       document.documentElement.dispatchEvent(new CustomEvent('studio-theme-changed', { detail: { dark: this.darkMode } }));
+    },
+    refreshRecentPagesFromStorage() {
+      this.localRecentPages = safeReadRecentPages();
+    },
+    openRecentPagesModal() {
+      this.showRecentPagesModal = true;
+      this.refreshRecentPagesFromStorage();
+    },
+    closeRecentPagesModal() {
+      this.showRecentPagesModal = false;
+    },
+    clearRecentPagesHistory() {
+      this.localRecentPages = [];
+      void withRecentPagesStorageLock(() => saveRecentPages([]));
+    },
+    goToRecentPage(entry) {
+      if (!entry || !entry.path) {
+        return;
+      }
+      this.showRecentPagesModal = false;
+      if (entry.path === this.$route.fullPath) {
+        return;
+      }
+      this.$router.push(entry.path);
     }
   },
   directives: {

package/index.js

@@ -1,3 +1,4 @@
 'use strict';
-  
+
 exports.express = require('./express');
+exports.enableDebugging = require('./debugging').enableDebugging;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongoosejs/studio",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "AI-Powered Data Workspace for MongoDB: Turn your MongoDB data into dashboards, maps, and interactive workflows - powered by your Mongoose models and AI.",
   "homepage": "https://mongoosestudio.app/",
   "repository": {
@@ -53,6 +53,7 @@
     "tailwind": "tailwindcss -o ./frontend/public/tw.css",
     "tailwind:watch": "tailwindcss -o ./frontend/public/tw.css --watch",
     "test": "mocha test/*.test.js",
-    "test:frontend": "mocha test/frontend/*.test.js"
+    "test:frontend": "mocha test/frontend/*.test.js",
+    "eval:agent": "node eval/agent/run.js"
   }
 }