@mongoosejs/studio 0.0.118 → 0.0.119

package/frontend/public/app.js

@@ -1018,6 +1018,37 @@ module.exports = app => app.component('dashboard-document', {
 });
 
 
+/***/ }),
+
+/***/ "./frontend/src/dashboard-result/dashboard-grid/dashboard-grid.js":
+/*!************************************************************************!*\
+  !*** ./frontend/src/dashboard-result/dashboard-grid/dashboard-grid.js ***!
+  \************************************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+
+
+const template = __webpack_require__(/*! ./dashboard-grid.html */ "./frontend/src/dashboard-result/dashboard-grid/dashboard-grid.html");
+
+module.exports = app => app.component('dashboard-grid', {
+  template: template,
+  props: ['value'],
+  computed: {
+    columns() {
+      const grid = this.value && this.value.$grid;
+      if (!Array.isArray(grid) || grid.length === 0) {
+        return 1;
+      }
+      return Math.max(1, ...grid.map(row => Array.isArray(row) ? row.length : 0));
+    },
+    gridTemplateColumns() {
+      return `repeat(${this.columns}, minmax(0, 1fr))`;
+    }
+  }
+});
+
+
 /***/ }),
 
 /***/ "./frontend/src/dashboard-result/dashboard-map/dashboard-map.js":
@@ -1139,6 +1170,9 @@ module.exports = app => app.component('dashboard-result', {
       if (value.$text) {
         return 'dashboard-text';
       }
+      if (value.$grid) {
+        return 'dashboard-grid';
+      }
     }
   }
 });
@@ -3439,6 +3473,9 @@ var map = {
 	"./dashboard-result/dashboard-document/dashboard-document": "./frontend/src/dashboard-result/dashboard-document/dashboard-document.js",
 	"./dashboard-result/dashboard-document/dashboard-document.html": "./frontend/src/dashboard-result/dashboard-document/dashboard-document.html",
 	"./dashboard-result/dashboard-document/dashboard-document.js": "./frontend/src/dashboard-result/dashboard-document/dashboard-document.js",
+	"./dashboard-result/dashboard-grid/dashboard-grid": "./frontend/src/dashboard-result/dashboard-grid/dashboard-grid.js",
+	"./dashboard-result/dashboard-grid/dashboard-grid.html": "./frontend/src/dashboard-result/dashboard-grid/dashboard-grid.html",
+	"./dashboard-result/dashboard-grid/dashboard-grid.js": "./frontend/src/dashboard-result/dashboard-grid/dashboard-grid.js",
 	"./dashboard-result/dashboard-map/dashboard-map": "./frontend/src/dashboard-result/dashboard-map/dashboard-map.js",
 	"./dashboard-result/dashboard-map/dashboard-map.html": "./frontend/src/dashboard-result/dashboard-map/dashboard-map.html",
 	"./dashboard-result/dashboard-map/dashboard-map.js": "./frontend/src/dashboard-result/dashboard-map/dashboard-map.js",
@@ -4306,6 +4343,17 @@ module.exports = "<div class=\"py-2\">\n  <div v-if=\"header\" class=\"border-b
 
 /***/ }),
 
+/***/ "./frontend/src/dashboard-result/dashboard-grid/dashboard-grid.html":
+/*!**************************************************************************!*\
+  !*** ./frontend/src/dashboard-result/dashboard-grid/dashboard-grid.html ***!
+  \**************************************************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "<div class=\"grid gap-2\" :style=\"{ gridTemplateColumns: gridTemplateColumns }\">\n  <template v-for=\"(row, rowIndex) in value.$grid\" :key=\"rowIndex\">\n    <dashboard-result\n      v-for=\"(cell, colIndex) in row\"\n      :key=\"rowIndex + '-' + colIndex\"\n      :result=\"cell\">\n    </dashboard-result>\n  </template>\n</div>\n";
+
+/***/ }),
+
 /***/ "./frontend/src/dashboard-result/dashboard-map/dashboard-map.html":
 /*!************************************************************************!*\
   !*** ./frontend/src/dashboard-result/dashboard-map/dashboard-map.html ***!
@@ -14871,7 +14919,7 @@ var bson = /*#__PURE__*/Object.freeze({
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@mongoosejs/studio","version":"0.0.118","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":{"type":"git","url":"https://github.com/mongoosejs/studio"},"dependencies":{"archetype":"0.13.1","csv-stringify":"6.3.0","ejson":"^2.2.3","extrovert":"0.0.26","marked":"15.0.12","node-inspect-extracted":"3.x","tailwindcss":"3.4.0","vanillatoasts":"^1.6.0","vue":"3.x","webpack":"5.x"},"peerDependencies":{"bson":"^5.5.1 || 6.x","express":"4.x","mongoose":"7.x || 8.x"},"devDependencies":{"@masteringjs/eslint-config":"0.1.1","axios":"1.2.2","dedent":"^1.6.0","eslint":"9.30.0","express":"4.x","mocha":"10.2.0","mongoose":"8.x"},"scripts":{"lint":"eslint .","tailwind":"tailwindcss -o ./frontend/public/tw.css","tailwind:watch":"tailwindcss -o ./frontend/public/tw.css --watch","test":"mocha test/*.test.js"}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@mongoosejs/studio","version":"0.0.119","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":{"type":"git","url":"https://github.com/mongoosejs/studio"},"dependencies":{"archetype":"0.13.1","csv-stringify":"6.3.0","ejson":"^2.2.3","extrovert":"0.0.26","marked":"15.0.12","node-inspect-extracted":"3.x","tailwindcss":"3.4.0","vanillatoasts":"^1.6.0","vue":"3.x","webpack":"5.x"},"peerDependencies":{"bson":"^5.5.1 || 6.x","express":"4.x","mongoose":"7.x || 8.x"},"devDependencies":{"@masteringjs/eslint-config":"0.1.1","axios":"1.2.2","dedent":"^1.6.0","eslint":"9.30.0","express":"4.x","mocha":"10.2.0","mongoose":"8.x"},"scripts":{"lint":"eslint .","tailwind":"tailwindcss -o ./frontend/public/tw.css","tailwind:watch":"tailwindcss -o ./frontend/public/tw.css --watch","test":"mocha test/*.test.js"}}');
 
 /***/ })
 

package/frontend/src/dashboard-result/dashboard-grid/dashboard-grid.html

@@ -0,0 +1,9 @@
+<div class="grid gap-2" :style="{ gridTemplateColumns: gridTemplateColumns }">
+  <template v-for="(row, rowIndex) in value.$grid" :key="rowIndex">
+    <dashboard-result
+      v-for="(cell, colIndex) in row"
+      :key="rowIndex + '-' + colIndex"
+      :result="cell">
+    </dashboard-result>
+  </template>
+</div>

package/frontend/src/dashboard-result/dashboard-grid/dashboard-grid.js

@@ -0,0 +1,20 @@
+'use strict';
+
+const template = require('./dashboard-grid.html');
+
+module.exports = app => app.component('dashboard-grid', {
+  template: template,
+  props: ['value'],
+  computed: {
+    columns() {
+      const grid = this.value && this.value.$grid;
+      if (!Array.isArray(grid) || grid.length === 0) {
+        return 1;
+      }
+      return Math.max(1, ...grid.map(row => Array.isArray(row) ? row.length : 0));
+    },
+    gridTemplateColumns() {
+      return `repeat(${this.columns}, minmax(0, 1fr))`;
+    }
+  }
+});

package/frontend/src/dashboard-result/dashboard-result.js

@@ -31,6 +31,9 @@ module.exports = app => app.component('dashboard-result', {
       if (value.$text) {
         return 'dashboard-text';
       }
+      if (value.$grid) {
+        return 'dashboard-grid';
+      }
     }
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongoosejs/studio",
-  "version": "0.0.118",
+  "version": "0.0.119",
   "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": {