@mongoosejs/studio 0.5.4 → 0.5.6

package/frontend/public/images/pin-off.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M680-840v80h-40v327l-80-80v-247H400v87l-87-87-33-33v-47h400ZM480-40l-40-40v-240H240v-80l80-80v-46L56-792l56-56 736 736-58 56-264-264h-6v240l-40 40ZM354-400h92l-44-44-2-2-46 46Zm126-193Zm-78 149Z"/></svg>

package/frontend/public/images/pin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="m640-480 80 80v80H520v240l-40 40-40-40v-240H240v-80l80-80v-280h-40v-80h400v80h-40v280Zm-286 80h252l-46-46v-314H400v314l-46 46Zm126 0Z"/></svg>

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;
 }
@@ -905,6 +905,10 @@ video {
   margin-bottom: 1rem;
 }
 
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
 .mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -1068,6 +1072,10 @@ video {
   height: 4rem;
 }
 
+.h-20 {
+  height: 5rem;
+}
+
 .h-3 {
   height: 0.75rem;
 }
@@ -1096,6 +1104,10 @@ video {
   height: 16rem;
 }
 
+.h-7 {
+  height: 1.75rem;
+}
+
 .h-8 {
   height: 2rem;
 }
@@ -1140,6 +1152,10 @@ video {
   max-height: 12rem;
 }
 
+.max-h-72 {
+  max-height: 18rem;
+}
+
 .max-h-80 {
   max-height: 20rem;
 }
@@ -1152,6 +1168,10 @@ video {
   max-height: 50vh;
 }
 
+.max-h-\[55vh\] {
+  max-height: 55vh;
+}
+
 .min-h-0 {
   min-height: 0px;
 }
@@ -1208,6 +1228,10 @@ video {
   width: 0.375rem;
 }
 
+.w-10 {
+  width: 2.5rem;
+}
+
 .w-12 {
   width: 3rem;
 }
@@ -1216,6 +1240,18 @@ video {
   width: 4rem;
 }
 
+.w-20 {
+  width: 5rem;
+}
+
+.w-24 {
+  width: 6rem;
+}
+
+.w-28 {
+  width: 7rem;
+}
+
 .w-3 {
   width: 0.75rem;
 }
@@ -1224,6 +1260,10 @@ video {
   width: 0.875rem;
 }
 
+.w-32 {
+  width: 8rem;
+}
+
 .w-36 {
   width: 9rem;
 }
@@ -1276,6 +1316,14 @@ video {
   width: 240px;
 }
 
+.w-\[40\%\] {
+  width: 40%;
+}
+
+.w-\[60\%\] {
+  width: 60%;
+}
+
 .w-\[calc\(100\%-1rem\)\] {
   width: calc(100% - 1rem);
 }
@@ -1300,6 +1348,10 @@ video {
   min-width: 220px;
 }
 
+.min-w-\[260px\] {
+  min-width: 260px;
+}
+
 .min-w-\[7rem\] {
   min-width: 7rem;
 }
@@ -1308,6 +1360,10 @@ video {
   min-width: 80px;
 }
 
+.min-w-\[8rem\] {
+  min-width: 8rem;
+}
+
 .min-w-full {
   min-width: 100%;
 }
@@ -1348,6 +1404,10 @@ video {
   max-width: 32rem;
 }
 
+.max-w-md {
+  max-width: 28rem;
+}
+
 .max-w-xl {
   max-width: 36rem;
 }
@@ -1388,6 +1448,10 @@ video {
   flex-grow: 1;
 }
 
+.table-fixed {
+  table-layout: fixed;
+}
+
 .border-collapse {
   border-collapse: collapse;
 }
@@ -1455,6 +1519,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 +1559,10 @@ video {
   resize: none;
 }
 
+.resize-y {
+  resize: vertical;
+}
+
 .list-disc {
   list-style-type: disc;
 }
@@ -1607,6 +1685,10 @@ video {
        column-gap: 1.5rem;
 }
 
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
+
 .space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1649,6 +1731,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 +2017,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 +2031,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 +2135,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 +2214,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 +2403,11 @@ video {
   padding-right: 1.5rem;
 }
 
+.px-px {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;
@@ -2334,6 +2428,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 +2483,11 @@ video {
   padding-bottom: 1px;
 }
 
+.py-px {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -2408,6 +2512,10 @@ video {
   padding-left: 2.5rem;
 }
 
+.pl-2 {
+  padding-left: 0.5rem;
+}
+
 .pl-3 {
   padding-left: 0.75rem;
 }
@@ -2424,10 +2532,18 @@ video {
   padding-left: 2rem;
 }
 
+.pl-9 {
+  padding-left: 2.25rem;
+}
+
 .pr-12 {
   padding-right: 3rem;
 }
 
+.pr-16 {
+  padding-right: 4rem;
+}
+
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -2568,6 +2684,10 @@ video {
   line-height: 1;
 }
 
+.leading-snug {
+  line-height: 1.375;
+}
+
 .leading-tight {
   line-height: 1.25;
 }
@@ -2677,6 +2797,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);
 }
@@ -2814,6 +2939,10 @@ video {
   text-decoration-line: underline;
 }
 
+.decoration-primary {
+  text-decoration-color: var(--color-primary);
+}
+
 .decoration-dotted {
   text-decoration-style: dotted;
 }
@@ -2950,6 +3079,14 @@ video {
   --tw-ring-color: rgb(0 0 0 / 0.05);
 }
 
+.ring-edge {
+  --tw-ring-color: var(--color-edge);
+}
+
+.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 +3227,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 +3323,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 +3444,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 +3459,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 +3527,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 +3550,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);
 }
@@ -3521,6 +3670,10 @@ video {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:ring-inset:focus {
+  --tw-ring-inset: inset;
+}
+
 .focus\:ring-blue-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
@@ -3658,6 +3811,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 +3825,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 +3847,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,10 +3912,18 @@ video {
     height: 1rem;
   }
 
+  .sm\:max-w-md {
+    max-width: 28rem;
+  }
+
   .sm\:flex-none {
     flex: none;
   }
 
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .sm\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -3767,6 +3944,10 @@ video {
     align-items: center;
   }
 
+  .sm\:gap-3 {
+    gap: 0.75rem;
+  }
+
   .sm\:rounded-xl {
     border-radius: 0.75rem;
   }
@@ -3812,10 +3993,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 +4045,10 @@ video {
     margin-right: -2rem;
   }
 
+  .lg\:ml-auto {
+    margin-left: auto;
+  }
+
   .lg\:flex {
     display: flex;
   }
@@ -3868,6 +4069,10 @@ video {
     width: 16rem;
   }
 
+  .lg\:max-w-\[18rem\] {
+    max-width: 18rem;
+  }
+
   .lg\:max-w-\[calc\(100vw-20rem\)\] {
     max-width: calc(100vw - 20rem);
   }
@@ -3877,6 +4082,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 +4102,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();