@mongoosejs/studio 0.5.4 → 0.5.5

package/frontend/public/tw.css

@@ -663,10 +663,6 @@ video {
   left: -0.25rem;
 }
 
-.-left-2 {
-  left: -0.5rem;
-}
-
 .-left-3 {
   left: -0.75rem;
 }
@@ -791,6 +787,10 @@ video {
   z-index: 100;
 }
 
+.z-\[1\] {
+  z-index: 1;
+}
+
 .z-\[9999\] {
   z-index: 9999;
 }
@@ -1068,6 +1068,10 @@ video {
   height: 4rem;
 }
 
+.h-20 {
+  height: 5rem;
+}
+
 .h-3 {
   height: 0.75rem;
 }
@@ -1096,6 +1100,10 @@ video {
   height: 16rem;
 }
 
+.h-7 {
+  height: 1.75rem;
+}
+
 .h-8 {
   height: 2rem;
 }
@@ -1140,6 +1148,10 @@ video {
   max-height: 12rem;
 }
 
+.max-h-72 {
+  max-height: 18rem;
+}
+
 .max-h-80 {
   max-height: 20rem;
 }
@@ -1152,6 +1164,10 @@ video {
   max-height: 50vh;
 }
 
+.max-h-\[55vh\] {
+  max-height: 55vh;
+}
+
 .min-h-0 {
   min-height: 0px;
 }
@@ -1208,6 +1224,10 @@ video {
   width: 0.375rem;
 }
 
+.w-10 {
+  width: 2.5rem;
+}
+
 .w-12 {
   width: 3rem;
 }
@@ -1216,6 +1236,18 @@ video {
   width: 4rem;
 }
 
+.w-20 {
+  width: 5rem;
+}
+
+.w-24 {
+  width: 6rem;
+}
+
+.w-28 {
+  width: 7rem;
+}
+
 .w-3 {
   width: 0.75rem;
 }
@@ -1224,6 +1256,10 @@ video {
   width: 0.875rem;
 }
 
+.w-32 {
+  width: 8rem;
+}
+
 .w-36 {
   width: 9rem;
 }
@@ -1276,6 +1312,14 @@ video {
   width: 240px;
 }
 
+.w-\[40\%\] {
+  width: 40%;
+}
+
+.w-\[60\%\] {
+  width: 60%;
+}
+
 .w-\[calc\(100\%-1rem\)\] {
   width: calc(100% - 1rem);
 }
@@ -1300,6 +1344,10 @@ video {
   min-width: 220px;
 }
 
+.min-w-\[260px\] {
+  min-width: 260px;
+}
+
 .min-w-\[7rem\] {
   min-width: 7rem;
 }
@@ -1308,6 +1356,10 @@ video {
   min-width: 80px;
 }
 
+.min-w-\[8rem\] {
+  min-width: 8rem;
+}
+
 .min-w-full {
   min-width: 100%;
 }
@@ -1348,6 +1400,10 @@ video {
   max-width: 32rem;
 }
 
+.max-w-md {
+  max-width: 28rem;
+}
+
 .max-w-xl {
   max-width: 36rem;
 }
@@ -1388,6 +1444,10 @@ video {
   flex-grow: 1;
 }
 
+.table-fixed {
+  table-layout: fixed;
+}
+
 .border-collapse {
   border-collapse: collapse;
 }
@@ -1455,6 +1515,16 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -1485,6 +1555,10 @@ video {
   resize: none;
 }
 
+.resize-y {
+  resize: vertical;
+}
+
 .list-disc {
   list-style-type: disc;
 }
@@ -1649,6 +1723,10 @@ video {
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
 
+.divide-edge > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--color-edge);
+}
+
 .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-divide-opacity));
@@ -1931,9 +2009,9 @@ video {
   border-color: rgb(254 240 138 / var(--tw-border-opacity));
 }
 
-.border-l-blue-500 {
+.border-l-slate-100 {
   --tw-border-opacity: 1;
-  border-left-color: rgb(59 130 246 / var(--tw-border-opacity));
+  border-left-color: rgb(241 245 249 / var(--tw-border-opacity));
 }
 
 .border-r-gray-900 {
@@ -1945,16 +2023,6 @@ video {
   background-color: var(--color-surface) !important;
 }
 
-.bg-amber-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
-}
-
-.bg-amber-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(253 230 138 / var(--tw-bg-opacity));
-}
-
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -2059,6 +2127,15 @@ video {
   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
 }
 
+.bg-inherit {
+  background-color: inherit;
+}
+
+.bg-merlot-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(176 32 43 / var(--tw-bg-opacity));
+}
+
 .bg-muted {
   background-color: var(--color-muted);
 }
@@ -2129,6 +2206,10 @@ video {
   background-color: rgb(248 250 252 / 0.5);
 }
 
+.bg-slate-50\/90 {
+  background-color: rgb(248 250 252 / 0.9);
+}
+
 .bg-slate-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(100 116 139 / var(--tw-bg-opacity));
@@ -2314,6 +2395,11 @@ video {
   padding-right: 1.5rem;
 }
 
+.px-px {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
@@ -2334,6 +2420,11 @@ video {
   padding-bottom: 0.375rem;
 }
 
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+
 .py-12 {
   padding-top: 3rem;
   padding-bottom: 3rem;
@@ -2384,6 +2475,11 @@ video {
   padding-bottom: 1px;
 }
 
+.py-px {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -2408,6 +2504,10 @@ video {
   padding-left: 2.5rem;
 }
 
+.pl-2 {
+  padding-left: 0.5rem;
+}
+
 .pl-3 {
   padding-left: 0.75rem;
 }
@@ -2428,6 +2528,10 @@ video {
   padding-right: 3rem;
 }
 
+.pr-16 {
+  padding-right: 4rem;
+}
+
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -2568,6 +2672,10 @@ video {
   line-height: 1;
 }
 
+.leading-snug {
+  line-height: 1.375;
+}
+
 .leading-tight {
   line-height: 1.25;
 }
@@ -2677,6 +2785,11 @@ video {
   color: rgb(20 83 45 / var(--tw-text-opacity));
 }
 
+.text-merlot-700 {
+  --tw-text-opacity: 1;
+  color: rgb(176 32 43 / var(--tw-text-opacity));
+}
+
 .text-primary {
   color: var(--color-primary);
 }
@@ -2950,6 +3063,10 @@ video {
   --tw-ring-color: rgb(0 0 0 / 0.05);
 }
 
+.ring-edge-strong {
+  --tw-ring-color: var(--color-edge-strong);
+}
+
 .ring-gray-300 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
@@ -3090,6 +3207,10 @@ video {
   margin-bottom: 0px;
 }
 
+.last\:border-b-0:last-child {
+  border-bottom-width: 0px;
+}
+
 .last\:border-r-0:last-child {
   border-right-width: 0px;
 }
@@ -3182,14 +3303,9 @@ video {
   border-color: rgb(253 224 71 / var(--tw-border-opacity));
 }
 
-.hover\:border-l-blue-600:hover {
+.hover\:border-l-slate-100:hover {
   --tw-border-opacity: 1;
-  border-left-color: rgb(37 99 235 / var(--tw-border-opacity));
-}
-
-.hover\:bg-amber-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(253 230 138 / var(--tw-bg-opacity));
+  border-left-color: rgb(241 245 249 / var(--tw-border-opacity));
 }
 
 .hover\:bg-blue-100:hover {
@@ -3308,6 +3424,11 @@ video {
   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-slate-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-slate-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(148 163 184 / var(--tw-bg-opacity));
@@ -3318,6 +3439,14 @@ video {
   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-slate-50\/60:hover {
+  background-color: rgb(248 250 252 / 0.6);
+}
+
+.hover\:bg-slate-50\/80:hover {
+  background-color: rgb(248 250 252 / 0.8);
+}
+
 .hover\:bg-slate-500:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(100 116 139 / var(--tw-bg-opacity));
@@ -3378,11 +3507,6 @@ video {
   --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
 }
 
-.hover\:text-blue-800:hover {
-  --tw-text-opacity: 1;
-  color: rgb(30 64 175 / var(--tw-text-opacity));
-}
-
 .hover\:text-content:hover {
   color: var(--color-content);
 }
@@ -3406,6 +3530,11 @@ video {
   color: rgb(31 41 55 / var(--tw-text-opacity));
 }
 
+.hover\:text-merlot-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(127 29 43 / var(--tw-text-opacity));
+}
+
 .hover\:text-primary:hover {
   color: var(--color-primary);
 }
@@ -3658,6 +3787,10 @@ video {
   cursor: not-allowed;
 }
 
+.disabled\:cursor-wait:disabled {
+  cursor: wait;
+}
+
 .disabled\:bg-gray-400:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(156 163 175 / var(--tw-bg-opacity));
@@ -3668,10 +3801,18 @@ video {
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
 
+.disabled\:bg-muted:disabled {
+  background-color: var(--color-muted);
+}
+
 .disabled\:bg-page:disabled {
   background-color: var(--color-page);
 }
 
+.disabled\:text-content-tertiary:disabled {
+  color: var(--color-content-tertiary);
+}
+
 .disabled\:text-gray-300:disabled {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -3682,6 +3823,10 @@ video {
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
+.disabled\:opacity-40:disabled {
+  opacity: 0.4;
+}
+
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
@@ -3743,6 +3888,10 @@ video {
     height: 1rem;
   }
 
+  .sm\:max-w-md {
+    max-width: 28rem;
+  }
+
   .sm\:flex-none {
     flex: none;
   }
@@ -3767,6 +3916,10 @@ video {
     align-items: center;
   }
 
+  .sm\:gap-3 {
+    gap: 0.75rem;
+  }
+
   .sm\:rounded-xl {
     border-radius: 0.75rem;
   }
@@ -3812,10 +3965,26 @@ video {
     display: none;
   }
 
+  .md\:\!w-\[70vw\] {
+    width: 70vw !important;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-\[minmax\(160px\2c 220px\)_1fr\] {
+    grid-template-columns: minmax(160px,220px) 1fr;
+  }
+
+  .md\:grid-cols-\[minmax\(180px\2c 240px\)_1fr\] {
+    grid-template-columns: minmax(180px,240px) 1fr;
+  }
+
   .md\:gap-3 {
     gap: 0.75rem;
   }
@@ -3848,6 +4017,10 @@ video {
     margin-right: -2rem;
   }
 
+  .lg\:ml-auto {
+    margin-left: auto;
+  }
+
   .lg\:flex {
     display: flex;
   }
@@ -3868,6 +4041,10 @@ video {
     width: 16rem;
   }
 
+  .lg\:max-w-\[18rem\] {
+    max-width: 18rem;
+  }
+
   .lg\:max-w-\[calc\(100vw-20rem\)\] {
     max-width: calc(100vw - 20rem);
   }
@@ -3877,6 +4054,18 @@ video {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
 
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+
+  .lg\:items-center {
+    align-items: center;
+  }
+
+  .lg\:gap-4 {
+    gap: 1rem;
+  }
+
   .lg\:\!border-r-0 {
     border-right-width: 0px !important;
   }
@@ -3885,6 +4074,10 @@ video {
     padding-left: 2rem;
     padding-right: 2rem;
   }
+
+  .lg\:text-right {
+    text-align: right;
+  }
 }
 
 @media (min-width: 1280px) {

package/frontend/src/api.js

@@ -168,6 +168,9 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     addField(params) {
       return client.post('', { action: 'Model.addField', ...params }).then(res => res.data);
     },
+    analyzeSchema(params) {
+      return client.post('', { action: 'Model.analyzeSchema', ...params }).then(res => res.data);
+    },
     createChart(params) {
       return client.post('', { action: 'Model.createChart', ...params }).then(res => res.data);
     },
@@ -183,6 +186,9 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     executeDocumentScript(params) {
       return client.post('', { action: 'Model.executeDocumentScript', ...params }).then(res => res.data);
     },
+    validateDocument(params) {
+      return client.post('', { action: 'Model.validateDocument', ...params }).then(res => res.data);
+    },
     exportQueryResults(params) {
       const accessToken = window.localStorage.getItem('_mongooseStudioAccessToken') || null;
 
@@ -439,6 +445,9 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     getCollectionInfo: function getCollectionInfo(params) {
       return client.post('/Model/getCollectionInfo', params).then(res => res.data);
     },
+    analyzeSchema: function analyzeSchema(params) {
+      return client.post('/Model/analyzeSchema', params).then(res => res.data);
+    },
     getIndexes: function getIndexes(params) {
       return client.post('/Model/getIndexes', params).then(res => res.data);
     },
@@ -451,6 +460,9 @@ if (window.MONGOOSE_STUDIO_CONFIG.isLambda) {
     updateDocument: function updateDocument(params) {
       return client.post('/Model/updateDocument', params).then(res => res.data);
     },
+    validateDocument: function validateDocument(params) {
+      return client.post('/Model/validateDocument', params).then(res => res.data);
+    },
     streamChatMessage: async function* streamChatMessage(params) {
       const accessToken = window.localStorage.getItem('_mongooseStudioAccessToken') || null;
       const url = window.MONGOOSE_STUDIO_CONFIG.baseURL + '/Model/streamChatMessage?' + new URLSearchParams(params).toString();

package/frontend/src/array-utils.js

@@ -1,7 +1,6 @@
 'use strict';
 
 const { inspect } = require('node-inspect-extracted');
-const deepEqual = require('./_util/deepEqual');
 
 /**
  * Format a value for display in array views
@@ -59,9 +58,68 @@ function formatItemValue(item, key) {
   return String(value);
 }
 
+/**
+ * True when every element is a plain object (empty array counts as eligible).
+ */
+function isArrayOfObjects(arr) {
+  return Array.isArray(arr) && arr.every(item => isObjectItem(item));
+}
+
+/**
+ * Sorted union of keys across plain object elements.
+ */
+function unionKeysForArrayOfObjects(arr) {
+  if (!Array.isArray(arr)) {
+    return [];
+  }
+  const set = new Set();
+  for (const item of arr) {
+    if (!isObjectItem(item)) {
+      continue;
+    }
+    for (const k of Object.keys(item)) {
+      set.add(k);
+    }
+  }
+  return Array.from(set).sort((a, b) => a.localeCompare(b));
+}
+
+/**
+ * Flat text for substring search over one array element (field names + values, or whole item).
+ * @param {*} item
+ * @returns {string}
+ */
+function searchTextForArrayItem(item) {
+  if (item == null) {
+    return String(item);
+  }
+  if (isObjectItem(item)) {
+    return getItemKeys(item)
+      .map(k => `${k} ${formatItemValue(item, k)}`)
+      .join(' \n ');
+  }
+  return formatValue(item);
+}
+
+/**
+ * Case-insensitive substring match against an array element.
+ * @param {*} item
+ * @param {string} normalizedQuery lowercased trimmed query; empty matches all
+ */
+function arrayItemMatchesSearch(item, normalizedQuery) {
+  if (normalizedQuery == null || normalizedQuery === '') {
+    return true;
+  }
+  return searchTextForArrayItem(item).toLowerCase().includes(normalizedQuery);
+}
+
 module.exports = {
   formatValue,
   isObjectItem,
   getItemKeys,
-  formatItemValue
+  formatItemValue,
+  isArrayOfObjects,
+  unionKeysForArrayOfObjects,
+  searchTextForArrayItem,
+  arrayItemMatchesSearch
 };