@mongoosejs/studio 0.0.137 → 0.0.139

package/frontend/src/models/models.js

@@ -567,41 +567,52 @@ module.exports = app => app.component('models', {
     },
     handleDocumentClick(document, event) {
       if (this.selectMultiple) {
-        const documentIndex = this.documents.findIndex(doc => doc._id.toString() == document._id.toString());
-        if (event?.shiftKey && this.selectedDocuments.length > 0) {
-          const anchorIndex = this.lastSelectedIndex;
-          if (anchorIndex != null && anchorIndex !== -1 && documentIndex !== -1) {
-            const start = Math.min(anchorIndex, documentIndex);
-            const end = Math.max(anchorIndex, documentIndex);
-            const selectedDocumentIds = new Set(this.selectedDocuments.map(doc => doc._id.toString()));
-            for (let i = start; i <= end; i++) {
-              const docInRange = this.documents[i];
-              const existsInRange = selectedDocumentIds.has(docInRange._id.toString());
-              if (!existsInRange) {
-                this.selectedDocuments.push(docInRange);
-              }
+        this.handleDocumentSelection(document, event);
+      } else {
+        this.openDocument(document);
+      }
+    },
+    handleDocumentContainerClick(document, event) {
+      if (this.selectMultiple) {
+        this.handleDocumentSelection(document, event);
+      }
+    },
+    handleDocumentSelection(document, event) {
+      const documentIndex = this.documents.findIndex(doc => doc._id.toString() == document._id.toString());
+      if (event?.shiftKey && this.selectedDocuments.length > 0) {
+        const anchorIndex = this.lastSelectedIndex;
+        if (anchorIndex != null && anchorIndex !== -1 && documentIndex !== -1) {
+          const start = Math.min(anchorIndex, documentIndex);
+          const end = Math.max(anchorIndex, documentIndex);
+          const selectedDocumentIds = new Set(this.selectedDocuments.map(doc => doc._id.toString()));
+          for (let i = start; i <= end; i++) {
+            const docInRange = this.documents[i];
+            const existsInRange = selectedDocumentIds.has(docInRange._id.toString());
+            if (!existsInRange) {
+              this.selectedDocuments.push(docInRange);
             }
-            this.lastSelectedIndex = documentIndex;
-            return;
           }
+          this.lastSelectedIndex = documentIndex;
+          return;
         }
-        const index = this.selectedDocuments.findIndex(x => x._id.toString() == document._id.toString());
-        if (index !== -1) {
-          this.selectedDocuments.splice(index, 1);
-          if (this.selectedDocuments.length === 0) {
-            this.lastSelectedIndex = null;
-          } else {
-            const lastDoc = this.selectedDocuments[this.selectedDocuments.length - 1];
-            this.lastSelectedIndex = this.documents.findIndex(doc => doc._id.toString() == lastDoc._id.toString());
-          }
+      }
+      const index = this.selectedDocuments.findIndex(x => x._id.toString() == document._id.toString());
+      if (index !== -1) {
+        this.selectedDocuments.splice(index, 1);
+        if (this.selectedDocuments.length === 0) {
+          this.lastSelectedIndex = null;
         } else {
-          this.selectedDocuments.push(document);
-          this.lastSelectedIndex = documentIndex;
+          const lastDoc = this.selectedDocuments[this.selectedDocuments.length - 1];
+          this.lastSelectedIndex = this.documents.findIndex(doc => doc._id.toString() == lastDoc._id.toString());
         }
       } else {
-        this.$router.push('/model/' + this.currentModel + '/document/' + document._id);
+        this.selectedDocuments.push(document);
+        this.lastSelectedIndex = documentIndex;
       }
     },
+    openDocument(document) {
+      this.$router.push('/model/' + this.currentModel + '/document/' + document._id);
+    },
     async deleteDocuments() {
       const documentIds = this.selectedDocuments.map(x => x._id);
       await api.Model.deleteDocuments({

package/frontend/src/navbar/navbar.html

@@ -39,6 +39,15 @@
           <path fill-rule="evenodd" d="M10 2a4 4 0 00-4 4v2H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-1V6a4 4 0 00-4-4zm-3 6V6a3 3 0 116 0v2H7z" clip-rule="evenodd" />
         </svg>
       </span>
+      <a
+        href="https://studio.mongoosejs.io/docs"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 border-transparent"
+      >
+        Docs
+        <svg xmlns="http://www.w3.org/2000/svg" class="ml-1 h-4 w-4" viewBox="0 -960 960 960" fill="currentColor"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"/></svg>
+      </a>
 
       <div class="h-full flex items-center" v-if="!user && hasAPIKey">
         <button

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongoosejs/studio",
-  "version": "0.0.137",
+  "version": "0.0.139",
   "description": "A sleek, powerful MongoDB UI with built-in dashboarding and auth, seamlessly integrated with your Express, Vercel, or Netlify app.",
   "homepage": "https://studio.mongoosejs.io/",
   "repository": {

package/frontend/src/list-json/list-json.css

@@ -1,3 +0,0 @@
-.list-json {
-  width: 100%;
-}