@mongoosejs/studio 0.0.21 → 0.0.23

package/frontend/public/app.js

@@ -29,10 +29,24 @@ if (typeof config__setAuthorizationHeaderFrom === 'string' && config__setAuthori
 }
 
 if (false) {} else {
+  exports.Dashboard = {
+    getDashboard: function getDashboard(params) {
+      return client.get('/Dashboard/getDashboard', params).then(res => res.data);
+    },
+    getDashboards: function getDashboards(params) {
+      return client.get('/Dashboard/getDashboards', params).then(res => res.data);
+    },
+    updateDashboard: function updateDashboard(params) {
+      return client.post('/Dashboard/updateDashboard', params).then(res => res.data);
+    }
+  }
   exports.Model = {
     createChart: function (params) {
       return client.post('/Model/createChart', params).then(res => res.data);
     },
+    createDocument: function(params) {
+      return client.post('/Model/createDocument', params).then(res => res.data);
+    },
     deleteDocument: function (params) {
       return client.post('/Model/deleteDocument', params).then(res => res.data);
     },
@@ -162,6 +176,214 @@ module.exports = app => app.component('charts', {
   }
 });
 
+/***/ }),
+
+/***/ "./frontend/src/create-document/create-document.js":
+/*!*********************************************************!*\
+  !*** ./frontend/src/create-document/create-document.js ***!
+  \*********************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+
+
+const api = __webpack_require__(/*! ../api */ "./frontend/src/api.js");
+
+const { BSON, EJSON } = __webpack_require__(/*! bson */ "./node_modules/bson/lib/bson.cjs");
+
+const ObjectId = new Proxy(BSON.ObjectId, {
+  apply (target, thisArg, argumentsList) {
+    return new target(...argumentsList);
+  }
+});
+
+const appendCSS = __webpack_require__(/*! ../appendCSS */ "./frontend/src/appendCSS.js");
+
+appendCSS(__webpack_require__(/*! ./create-document.css */ "./frontend/src/create-document/create-document.css"));
+
+const template = __webpack_require__(/*! ./create-document.html */ "./frontend/src/create-document/create-document.html")
+
+module.exports = app => app.component('create-document', {
+  props: ['currentModel', 'paths'],
+  template,
+  data: function() {
+    return {
+      documentData: '',
+      editor: null,
+      errors: []
+    }
+  },
+  methods: {
+    async createDocument() {
+      const data = EJSON.serialize(eval(`(${this.editor.getValue()})`));
+      const { doc } = await api.Model.createDocument({ model: this.currentModel, data }).catch(err => {
+        if (err.response?.data?.message) {
+          console.log(err.response.data);
+          const message = err.response.data.message.split(": ").slice(1).join(": ");
+          this.errors = message.split(',').map(error => {
+            return error.split(': ').slice(1).join(': ').trim();
+          })
+          throw new Error(err.response?.data?.message);
+        }
+        throw err;
+      });
+      this.errors.length = 0;
+      this.$emit('close', doc);
+    },
+  },
+  mounted: function() {
+    const requiredPaths = this.paths.filter(x => x.required);
+    this.documentData = `{\n`;
+    for (let i = 0; i < requiredPaths.length; i++) {
+      const isLast = i + 1 >= requiredPaths.length;
+      this.documentData += `  ${requiredPaths[i].path}: ${isLast ? '': ','}\n`
+    }
+    this.documentData += '}';
+    this.$refs.codeEditor.value = this.documentData;
+    this.editor = CodeMirror.fromTextArea(this.$refs.codeEditor, {
+      mode: 'javascript',
+      lineNumbers: true
+    });
+  },
+})
+
+/***/ }),
+
+/***/ "./frontend/src/dashboard/dashboard.js":
+/*!*********************************************!*\
+  !*** ./frontend/src/dashboard/dashboard.js ***!
+  \*********************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+
+
+const api = __webpack_require__(/*! ../api */ "./frontend/src/api.js");
+const template = __webpack_require__(/*! ./dashboard.html */ "./frontend/src/dashboard/dashboard.html");
+
+module.exports = app => app.component('dashboard', {
+  template: template,
+  data: function() {
+    return {
+      status: 'loading',
+      code: '',
+      name: '',
+      showEditor: false,
+      dashboard: null
+    }
+  },
+  methods: {
+    toggleEditor() {
+      this.showEditor = !this.showEditor;
+    },
+    async updateCode(update) {
+      this.code = update;
+    }
+  },
+  mounted: async function() {
+    const dashboardId = this.$route.query.dashboardId;
+    const { dashboard } = await api.Dashboard.getDashboard({ params: { dashboardId: dashboardId } });
+    if (!dashboard) {
+      return;
+    }
+    this.dashboard = dashboard;
+    this.name = this.dashboard.name;
+    this.code = this.dashboard.code;
+    this.status = 'loaded';
+  }
+});
+
+
+/***/ }),
+
+/***/ "./frontend/src/dashboard/edit-dashboard/edit-dashboard.js":
+/*!*****************************************************************!*\
+  !*** ./frontend/src/dashboard/edit-dashboard/edit-dashboard.js ***!
+  \*****************************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+
+
+const api = __webpack_require__(/*! ../../api */ "./frontend/src/api.js");
+const template = __webpack_require__(/*! ./edit-dashboard.html */ "./frontend/src/dashboard/edit-dashboard/edit-dashboard.html");
+
+module.exports = app => app.component('edit-dashboard', {
+  template: template,
+  props: ['dashboardId', 'code'],
+  data: function() {
+    return {
+      status: 'loading',
+      editor: null,
+    }
+  },
+  methods: {
+    closeEditor() {
+        this.$emit('close')
+    },
+    async updateCode() {
+      const { doc } = await api.Dashboard.updateDashboard({ dashboardId: this.dashboardId, code: this.editor.getValue() });
+      this.$emit('update', doc.code);
+      this.editor.setValue(doc.code);
+      this.closeEditor();
+    }
+  },
+  mounted: async function() {
+    this.editor = CodeMirror.fromTextArea(this.$refs.codeEditor, {
+      mode: 'javascript',
+      lineNumbers: true,
+      indentUnit: 4,
+      smartIndent: true,
+      tabsize: 4,
+      indentWithTabs: true,
+      cursorBlinkRate: 300,
+      lineWrapping: true,
+      showCursorWhenSelecting: true,
+    });
+    // this.editor.setValue(this.code);
+    // this.editor.setSize(300, 300); // Ensure the editor has a fixed height
+    
+    // this.editor.setCursor(this.editor.lineCount() - 1, this.editor.getLine(this.editor.lineCount() - 1).length);
+   
+    this.editor.focus();
+    // this.editor.refresh(); // if anything weird happens on load, this usually fixes it. However, this breaks it in this case.
+
+    
+  }
+});
+
+
+/***/ }),
+
+/***/ "./frontend/src/dashboards/dashboards.js":
+/*!***********************************************!*\
+  !*** ./frontend/src/dashboards/dashboards.js ***!
+  \***********************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+
+
+const api = __webpack_require__(/*! ../api */ "./frontend/src/api.js");
+const template = __webpack_require__(/*! ./dashboards.html */ "./frontend/src/dashboards/dashboards.html");
+
+
+module.exports = app => app.component('dashboards', {
+  template: template,
+  data: () => ({
+    dashboards: [],
+  }),
+  async mounted() {
+    const { dashboards } = await api.Dashboard.getDashboards();
+    this.dashboards = dashboards;
+    if (!this.$route.query.dashboardId) {
+      return;
+    }
+    this.status = 'loaded';
+  },
+});
+
+
 /***/ }),
 
 /***/ "./frontend/src/detail-array/detail-array.js":
@@ -245,11 +467,14 @@ module.exports = app => app.component('document', {
     status: 'init',
     document: null,
     changes: {},
+    invalid: {},
     editting: false,
-    virtuals: []
+    virtuals: [],
   }),
   async mounted() {
+    window.pageState = this;
     const { doc, schemaPaths } = await api.Model.getDocument({ model: this.model, documentId: this.documentId });
+    window.doc = doc;
     this.document = doc;
     this.schemaPaths = await Object.keys(schemaPaths).sort((k1, k2) => {
       if (k1 === '_id' && k2 !== '_id') {
@@ -302,6 +527,9 @@ module.exports = app => app.component('document', {
       this.editting = false;
     },
     async save() {
+      if (Object.keys(this.invalid).length > 0) {
+        throw new Error('Invalid paths: ' + Object.keys(this.invalid).join(', '));
+      }
       const { doc } = await api.Model.updateDocument({
         model: this.model,
         _id: this.document._id,
@@ -345,6 +573,14 @@ module.exports = app => app.component('document', {
 
 const template = __webpack_require__(/*! ./edit-array.html */ "./frontend/src/edit-array/edit-array.html");
 
+const { BSON, EJSON } = __webpack_require__(/*! bson */ "./node_modules/bson/lib/bson.cjs");
+
+const ObjectId = new Proxy(BSON.ObjectId, {
+  apply (target, thisArg, argumentsList) {
+    return new target(...argumentsList);
+  }
+});
+
 const appendCSS = __webpack_require__(/*! ../appendCSS */ "./frontend/src/appendCSS.js");
 appendCSS(__webpack_require__(/*! ./edit-array.css */ "./frontend/src/edit-array/edit-array.css"));
 
@@ -353,18 +589,28 @@ module.exports = app => app.component('edit-array', {
   props: ['value'],
   data: () => ({ currentValue: null }),
   mounted() {
-    this.currentValue = this.value;
+    this.currentValue = JSON.stringify(this.value, null, '  ').trim();
+    this.$refs.arrayEditor.value = this.currentValue;
+    this.editor = CodeMirror.fromTextArea(this.$refs.arrayEditor, {
+      mode: 'javascript',
+      lineNumbers: true
+    });
   },
-  methods: {
-    onUpdate() {
-      this.$emit('input', this.currentValue);
-    },
-    removeValue(i) {
-      this.currentValue.splice(i, 1);
-      this.$emit('input', this.currentValue);
+  watch: {
+    currentValue() {
+      try {
+        this.$emit('input', eval(this.currentValue));
+      } catch (err) {
+        this.$emit('error', err);
+      }
+    }
+  },
+  beforeDestroy() {
+    if (this.editor) {
+      this.editor.toTextArea();
     }
   },
-  emits: ['input']
+  emits: ['input', 'error']
 });
 
 
@@ -385,6 +631,11 @@ module.exports = app => app.component('edit-date', {
   template: template,
   props: ['value'],
   emits: ['input'],
+  data: function() {
+    return {
+      inputType: 'picker' // picker, iso
+    }
+  },
   computed: {
     valueAsLocalString() {
       if (this.value == null) {
@@ -402,6 +653,13 @@ module.exports = app => app.component('edit-date', {
         ':',
         date.getMinutes().toString().padStart(2, '0')
       ].join('');
+    },
+    valueAsISOString() {
+      if (this.value == null) {
+        return this.value;
+      }
+      const date = new Date(this.value);
+      return date.toISOString();
     }
   }
 });
@@ -604,6 +862,57 @@ module.exports = app => app.component('list-default', {
   }
 });
 
+/***/ }),
+
+/***/ "./frontend/src/list-json/list-json.js":
+/*!*********************************************!*\
+  !*** ./frontend/src/list-json/list-json.js ***!
+  \*********************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+
+
+const api = __webpack_require__(/*! ../api */ "./frontend/src/api.js");
+const template = __webpack_require__(/*! ./list-json.html */ "./frontend/src/list-json/list-json.html");
+
+const vanillatoast = __webpack_require__(/*! vanillatoasts */ "./node_modules/vanillatoasts/vanillatoasts.js");
+
+__webpack_require__(/*! ../appendCSS */ "./frontend/src/appendCSS.js")(__webpack_require__(/*! ./list-json.css */ "./frontend/src/list-json/list-json.css"));
+
+module.exports = app => app.component('list-json', {
+  template: template,
+  props: ['value'],
+  computed: {
+    shortenValue() {
+      return JSON.stringify(this.value, null, 4);
+    }
+  },
+  methods: {
+    copyText(value) {
+      const storage = document.createElement('textarea');
+      storage.value = JSON.stringify(value);
+      const elem = this.$refs.JSONCode;
+      elem.appendChild(storage);
+      storage.select();
+      storage.setSelectionRange(0, 99999);
+      document.execCommand('copy');
+      elem.removeChild(storage);
+      vanillatoast.create({
+        title: 'Text copied!',
+        type: 'success',
+        timeout: 3000,
+        icon: 'images/success.png',
+        positionClass: 'bottomRight'
+      });
+    }
+  },
+  mounted: function() {
+    Prism.highlightElement(this.$refs.JSONCode);
+  }
+});
+
+
 /***/ }),
 
 /***/ "./frontend/src/list-mixed/list-mixed.js":
@@ -794,6 +1103,8 @@ const template = __webpack_require__(/*! ./models.html */ "./frontend/src/models
 const mpath = __webpack_require__(/*! mpath */ "./node_modules/mpath/index.js");
 const { BSON, EJSON } = __webpack_require__(/*! bson */ "./node_modules/bson/lib/bson.cjs");
 
+
+
 const ObjectId = new Proxy(BSON.ObjectId, {
   apply (target, thisArg, argumentsList) {
     return new target(...argumentsList);
@@ -802,6 +1113,7 @@ const ObjectId = new Proxy(BSON.ObjectId, {
 
 const appendCSS = __webpack_require__(/*! ../appendCSS */ "./frontend/src/appendCSS.js");
 
+
 appendCSS(__webpack_require__(/*! ./models.css */ "./frontend/src/models/models.css"));
 
 const limit = 50;
@@ -824,12 +1136,14 @@ module.exports = app => app.component('models', {
     filter: null,
     searchText: '',
     shouldShowExportModal: false,
+    shouldShowCreateModal: false,
     shouldShowFieldModal: false,
     shouldExport: {},
     sortBy: {},
     query: {},
     scrollHeight: 0,
-    interval: null
+    interval: null,
+    outputType: 'table' // json, table
   }),
   created() {
     this.currentModel = this.model;
@@ -866,9 +1180,25 @@ module.exports = app => app.component('models', {
       this.filteredPaths = this.filteredPaths.filter(x => filter.includes(x.path))
     }
 
+
     this.status = 'loaded';
   },
   methods: {
+    async closeCreationModal() {
+      this.shouldShowCreateModal = false;
+      await this.getDocuments();
+    },
+    initializeDocumentData() {
+      this.shouldShowCreateModal = true;
+    },
+    filterDocument(doc) {
+      const filteredDoc = {};
+      console.log(doc, this.filteredPaths)
+      for (let i = 0; i < this.filteredPaths.length; i++) {
+        filteredDoc[this.filteredPaths[i].path] = doc[this.filteredPaths[i].path];
+      }
+      return filteredDoc;
+    },
     async onScroll() {
       if (this.status === 'loading' || this.loadedAllDocs) {
         return;
@@ -1054,7 +1384,12 @@ const appendCSS = __webpack_require__(/*! ../appendCSS */ "./frontend/src/append
 appendCSS(__webpack_require__(/*! ./navbar.css */ "./frontend/src/navbar/navbar.css"));
 
 module.exports = app => app.component('navbar', {
-  template: template
+  template: template,
+  computed: {
+    routeName() {
+      return this.$route.name;
+    }
+  }
 });
 
 /***/ }),
@@ -1088,6 +1423,16 @@ module.exports = [
     path: '/model/:model/document/:documentId',
     name: 'document',
     component: 'document'
+  },
+  {
+    path: '/dashboards',
+    name: 'dashboards',
+    component: 'dashboards'
+  },
+  {
+    path: '/dashboard',
+    name: 'dashboard',
+    component: 'dashboard'
   }
 ];
 
@@ -1716,6 +2061,61 @@ module.exports = "<div class=\"charts\">\n  <h1>Charts</h1>\n  <div>\n    Descri
 
 /***/ }),
 
+/***/ "./frontend/src/create-document/create-document.css":
+/*!**********************************************************!*\
+  !*** ./frontend/src/create-document/create-document.css ***!
+  \**********************************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "";
+
+/***/ }),
+
+/***/ "./frontend/src/create-document/create-document.html":
+/*!***********************************************************!*\
+  !*** ./frontend/src/create-document/create-document.html ***!
+  \***********************************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "<div>\n  <div class=\"mb-2\">\n    <textarea class=\"border border-gray-200 p-2 h-[300px] w-full\" ref=\"codeEditor\"></textarea>\n  </div>\n  <button @click=\"createDocument()\" class=\"rounded-md bg-teal-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-teal-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-teal-600\">Submit</button>\n  <div v-if=\"errors.length > 0\" class=\"rounded-md bg-red-50 p-4 mt-1\">\n    <div class=\"flex\">\n      <div class=\"flex-shrink-0\">\n        <svg class=\"h-5 w-5 text-red-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n          <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z\" clip-rule=\"evenodd\" />\n        </svg>\n      </div>\n      <div class=\"ml-3\">\n        <h3 class=\"text-sm font-medium text-red-800\">There were {{errors.length}} errors with your submission</h3>\n        <div class=\"mt-2 text-sm text-red-700\">\n          <ul role=\"list\" class=\"list-disc space-y-1 pl-5\">\n            <li v-for=\"error in errors\">\n              {{error}}\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>";
+
+/***/ }),
+
+/***/ "./frontend/src/dashboard/dashboard.html":
+/*!***********************************************!*\
+  !*** ./frontend/src/dashboard/dashboard.html ***!
+  \***********************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "<div class=\"dashboard\">\n  <div v-if=\"dashboard\">\n    <div>\n      <h2>{{name}}</h2>\n    </div>\n    <div>\n      <pre>{{code}}</pre>\n      <button v-if=\"!showEditor\" @click=\"toggleEditor\" style=\"color: black;margin-right: 0.5em\">Edit</button>\n    </div>\n    <div v-if=\"showEditor\">\n      <edit-dashboard :dashboardId=\"dashboard._id\" :code=\"code\" @close=\"showEditor=false;\" @update=\"updateCode\"></edit-dashboard>\n    </div>\n  </div>\n  <div v-if=\"!dashboard && status === 'loaded'\">\n    No dashboard with the given id could be found.\n  </div>\n</div>";
+
+/***/ }),
+
+/***/ "./frontend/src/dashboard/edit-dashboard/edit-dashboard.html":
+/*!*******************************************************************!*\
+  !*** ./frontend/src/dashboard/edit-dashboard/edit-dashboard.html ***!
+  \*******************************************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "<div>\n    <textarea ref=\"codeEditor\">{{code}}</textarea>\n    <button @click=\"updateCode\" style=\"color: black;margin-right: 0.5em\">Submit</button>\n    <button @click=\"closeEditor\" class=\"gray\" style=\"margin-right: 0.5em\">Cancel</button>\n</div>";
+
+/***/ }),
+
+/***/ "./frontend/src/dashboards/dashboards.html":
+/*!*************************************************!*\
+  !*** ./frontend/src/dashboards/dashboards.html ***!
+  \*************************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "<div class=\"dashboards\">\n  <div v-for=\"dashboard in dashboards\" :key=\"dashboard._id\" @click=\"$router.push('dashboard?dashboardId=' + dashboard._id)\">\n    {{dashboard.name}}, ID: {{ dashboard._id }}\n  </div>\n</div>";
+
+/***/ }),
+
 /***/ "./frontend/src/detail-array/detail-array.html":
 /*!*****************************************************!*\
   !*** ./frontend/src/detail-array/detail-array.html ***!
@@ -1756,7 +2156,7 @@ module.exports = ".document {\n  max-width: 1200px;\n  margin-left: auto;\n  mar
 /***/ ((module) => {
 
 "use strict";
-module.exports = "<div class=\"document\">\n  <div class=\"document-menu\">\n    <div class=\"left\">\n      <button @click=\"$router.push('/model/' + this.model)\">\n        &lsaquo; Back\n      </button>\n    </div>\n\n    <div class=\"right\">\n      <button\n        v-if=\"!editting\"\n        @click=\"editting = true\"\n        type=\"button\"\n        class=\"rounded-md bg-puerto-rico-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-puerto-rico-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-puerto-rico-600\">\n        <img src=\"images/edit.svg\" class=\"inline\" /> Edit\n      </button>\n      <button\n        v-if=\"editting\"\n        @click=\"save\"\n        type=\"button\"\n        class=\"rounded-md bg-slate-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-slate-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-slate-600\">\n        &times; Cancel\n      </button>\n      <button\n        v-if=\"editting\"\n        @click=\"save\"\n        type=\"button\"\n        class=\"rounded-md bg-green-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600\">\n        <img src=\"images/save.svg\" class=\"inline\" /> Save\n      </button>\n      <button\n        @click=\"remove\"\n        type=\"button\"\n        class=\"rounded-md bg-red-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600\">\n        <img src=\"images/delete.svg\" class=\"inline\" /> Delete\n      </button>\n    </div>\n  </div>\n  <div v-if=\"status === 'loaded'\">\n    <div v-for=\"path in schemaPaths\" class=\"value\">\n      <div class=\"path-key\">\n        {{path.path}}\n        <span class=\"path-type\">\n          ({{(path.instance || 'unknown').toLowerCase()}})\n        </span>\n      </div>\n      <div v-if=\"editting && path.path !== '_id'\">\n        <component\n          :is=\"getEditComponentForPath(path)\"\n          :value=\"getEditValueForPath(path)\"\n          @input=\"changes[path.path] = $event;\"\n          >\n        </component>\n      </div>\n      <div v-else>\n        <component :is=\"getComponentForPath(path)\" :value=\"getValueForPath(path.path)\"></component>\n      </div>\n    </div>\n    <div v-for=\"path in virtuals\" class=\"mb-2\">\n      <div class=\"p-1 mb-1 bg-slate-100\">\n        {{path.name}}\n        <span class=\"path-type\">\n          (virtual)\n        </span>\n      </div>\n      <div v-if=\"path.value == null\" class=\"text-sky-800\">\n        {{'' + path.value}}\n      </div>\n      <div v-else>\n        {{path.value}}\n      </div>\n    </div>\n  </div>\n</div>\n";
+module.exports = "<div class=\"document\">\n  <div class=\"document-menu\">\n    <div class=\"left\">\n      <button @click=\"$router.push('/model/' + this.model)\">\n        &lsaquo; Back\n      </button>\n    </div>\n\n    <div class=\"right\">\n      <button\n        v-if=\"!editting\"\n        @click=\"editting = true\"\n        type=\"button\"\n        class=\"rounded-md bg-teal-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-teal-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-teal-600\">\n        <img src=\"images/edit.svg\" class=\"inline\" /> Edit\n      </button>\n      <button\n        v-if=\"editting\"\n        @click=\"editting = false\"\n        type=\"button\"\n        class=\"rounded-md bg-slate-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-slate-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-slate-600\">\n        &times; Cancel\n      </button>\n      <button\n        v-if=\"editting\"\n        @click=\"save\"\n        type=\"button\"\n        class=\"rounded-md bg-green-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600\">\n        <img src=\"images/save.svg\" class=\"inline\" /> Save\n      </button>\n      <button\n        @click=\"remove\"\n        type=\"button\"\n        class=\"rounded-md bg-red-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600\">\n        <img src=\"images/delete.svg\" class=\"inline\" /> Delete\n      </button>\n    </div>\n  </div>\n  <div v-if=\"status === 'loaded'\">\n    <div v-for=\"path in schemaPaths\" class=\"value\">\n      <div class=\"path-key\">\n        {{path.path}}\n        <span class=\"path-type\">\n          ({{(path.instance || 'unknown').toLowerCase()}})\n        </span>        \n      </div>\n      <div v-if=\"editting && path.path !== '_id'\">\n        <component\n          :is=\"getEditComponentForPath(path)\"\n          :value=\"getEditValueForPath(path)\"\n          @input=\"changes[path.path] = $event; delete invalid[path.path];\"\n          @error=\"invalid[path.path] = $event;\"\n          >\n        </component>\n      </div>\n      <div v-else>\n        <component :is=\"getComponentForPath(path)\" :value=\"getValueForPath(path.path)\"></component>\n      </div>\n    </div>\n    <div v-for=\"path in virtuals\" class=\"mb-2\">\n      <div class=\"p-1 mb-1 bg-slate-100\">\n        {{path.name}}\n        <span class=\"path-type\">\n          (virtual)\n        </span>\n      </div>\n      <div v-if=\"path.value == null\" class=\"text-sky-800\">\n        {{'' + path.value}}\n      </div>\n      <div v-else>\n        {{path.value}}\n      </div>\n    </div>\n  </div>\n</div>\n";
 
 /***/ }),
 
@@ -1778,7 +2178,7 @@ module.exports = ".edit-array button {\n  margin-top: 0.5em;\n}";
 /***/ ((module) => {
 
 "use strict";
-module.exports = "<div class=\"edit-array\">\n  <div v-for=\"(el, i) in currentValue\">\n    <input type=\"text\" :value=\"el\" @input=\"currentValue[i] = $event.target.value; onUpdate()\">\n    <span style=\"cursor: pointer; color: #880000; font-weight: bold;\" @click=\"removeValue(i)\">&times;</span>\n  </div>\n  <div>\n    <button @click=\"currentValue.push(''); onUpdate();\">Add</button>\n  </div>\n</div>";
+module.exports = "<div class=\"edit-array\">\n  <textarea ref=\"arrayEditor\" v-model=\"currentValue\" class=\"w-full border border-gray-300 p-1 h-[300px]\"></textarea>\n</div>";
 
 /***/ }),
 
@@ -1789,7 +2189,7 @@ module.exports = "<div class=\"edit-array\">\n  <div v-for=\"(el, i) in currentV
 /***/ ((module) => {
 
 "use strict";
-module.exports = "<div>\n  <input type=\"datetime-local\" :value=\"valueAsLocalString\" @input=\"$emit('input', $event.target.value)\">\n</div>";
+module.exports = "<div>\n  <div class=\"flex mb-[-1px] w-64 justify-end\">\n    <button\n      @click=\"inputType = 'picker'\"\n      type=\"button\"\n      class=\"relative inline-flex items-center rounded-none p-1 rounded-tl-md text-sm text-gray-800 ring-1 ring-inset ring-gray-300 hover:bg-gray-200 focus:z-10\"\n      :class=\"inputType === 'picker' ? 'bg-gray-200' : 'bg-white'\">\n      Date Picker\n    </button>\n    <button\n      @click=\"inputType = 'iso'\"\n      type=\"button\"\n      class=\"relative -ml-px inline-flex items-center p-1 rounded-none rounded-tr-md text-sm text-gray-800 ring-1 ring-inset ring-gray-300 hover:bg-gray-200 focus:z-10\"\n      :class=\"inputType === 'iso' ? 'bg-gray-200' : 'bg-white'\">\n      ISO String Input\n    </button>\n  </div>\n  <input v-if=\"inputType == 'picker'\" class=\"w-64 h-8 border border-gray-300 outline-0\" type=\"datetime-local\" :value=\"valueAsLocalString\" @input=\"$emit('input', $event.target.value)\">\n  <input v-if=\"inputType == 'iso'\" type=\"text\" class=\"w-64 h-8 border border-gray-300 outline-0\" :value=\"valueAsISOString\" @input=\"$emit('input', $event.target.value)\">\n</div>";
 
 /***/ }),
 
@@ -1800,7 +2200,7 @@ module.exports = "<div>\n  <input type=\"datetime-local\" :value=\"valueAsLocalS
 /***/ ((module) => {
 
 "use strict";
-module.exports = "<div>\n  <input type=\"text\" :value=\"value\" @input=\"$emit('input', $event.target.value)\">\n</div>";
+module.exports = "<div>\n  <input type=\"text\" :value=\"value\" @input=\"$emit('input', $event.target.value)\" class=\"w-full p-1 border border-gray-300 outline-0\">\n</div>";
 
 /***/ }),
 
@@ -1881,6 +2281,28 @@ module.exports = "<div class=\"list-default\" ref=\"itemData\" class=\"tooltip\"
 
 /***/ }),
 
+/***/ "./frontend/src/list-json/list-json.css":
+/*!**********************************************!*\
+  !*** ./frontend/src/list-json/list-json.css ***!
+  \**********************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = ".list-json {\n  width: 100%;\n}";
+
+/***/ }),
+
+/***/ "./frontend/src/list-json/list-json.html":
+/*!***********************************************!*\
+  !*** ./frontend/src/list-json/list-json.html ***!
+  \***********************************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = "<div class=\"list-json tooltip\">\n  <pre><code ref=\"JSONCode\" class=\"language-javascript\">{{shortenValue}}</code></pre>\n</div>\n  ";
+
+/***/ }),
+
 /***/ "./frontend/src/list-mixed/list-mixed.css":
 /*!************************************************!*\
   !*** ./frontend/src/list-mixed/list-mixed.css ***!
@@ -1976,7 +2398,7 @@ module.exports = "<transition name=\"modal\">\n  <div class=\"modal-mask\">\n
 /***/ ((module) => {
 
 "use strict";
-module.exports = ".models {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  min-height: calc(100% - 56px);\n}\n\n.models button.gray {\n  color: black;\n  background-color: #eee;\n}\n\n.models .model-selector {\n  background-color: #eee;\n  flex-grow: 0; \n  padding: 15px;\n  padding-top: 0px;\n}\n\n.models h1 {\n  margin-top: 0px;\n}\n\n.models .documents {\n  flex-grow: 1;\n  overflow: scroll;\n  max-height: calc(100vh - 56px);\n}\n\n.models .documents .documents-container {\n  margin-top: 60px;\n}\n\n.models .documents table {\n  /* max-width: -moz-fit-content;\n  max-width: fit-content; */\n  width: 100%;\n  table-layout: auto;\n  font-size: small;\n  padding: 0;\n  margin-right: 1em;\n  white-space: nowrap;\n  z-index: -1;\n  border-collapse: collapse;\n  line-height: 1.5em;\n}\n\n.models .documents table th {\n  position: sticky;\n  top: 0px;\n  background-color: white;\n  z-index: 1;\n}\n\n.models .documents table th:after {\n  content: '';\n  position: absolute;\n  left: 0;\n  width: 100%;\n  bottom: -1px;\n  border-bottom: thin solid rgba(0,0,0,.12);\n}\n\n.models .documents table tr {\n  color: black;\n  border-spacing: 0px 0px;\n  background-color: white;\n  cursor: pointer;\n}\n\n.models .documents table tr:nth-child(even) {\n  background-color: #f5f5f5;\n}\n\n.models .documents table tr:hover {\n  background-color: #55A3D4;\n}\n\n.models .documents table th, td {\n  border-bottom: thin solid rgba(0,0,0,.12);\n  text-align: left;\n  padding: 0 16px;\n  height: 48px;\n}\n\n.models textarea {\n  width: 100%;\n  height: 600px;\n  font-size: 1.2em;\n}\n\n.models .path-type {\n  color: rgba(0,0,0,.36);\n  font-size: 0.8em;\n}\n\n.models .documents-menu {\n  display: flex;\n  margin: 0.25em;\n  position: fixed;\n  width: calc(100vw - 220px);\n}\n\n.models .documents-menu .search-input {\n  flex-grow: 1;\n}\n\n.models .search-input input {\n  padding: 0.25em 0.5em;\n  font-size: 1.1em;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  width: calc(100% - 1em);\n}\n\n.models .sort-arrow {\n  padding-left: 10px;\n  padding-right: 10px;\n}\n\n.models .loader {\n  width: 100%;\n  text-align: center;\n}\n\n.models .loader img {\n  height: 4em;\n}\n\n.models .documents .buttons {\n  display: inline-flex;\n  justify-content: space-around;\n  align-items: baseline;\n}";
+module.exports = ".models {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  min-height: calc(100% - 56px);\n}\n\n.models button.gray {\n  color: black;\n  background-color: #eee;\n}\n\n.models .model-selector {\n  background-color: #eee;\n  flex-grow: 0; \n  padding: 15px;\n  padding-top: 0px;\n}\n\n.models h1 {\n  margin-top: 0px;\n}\n\n.models .documents {\n  flex-grow: 1;\n  overflow: scroll;\n  max-height: calc(100vh - 56px);\n}\n\n.models .documents table {\n  /* max-width: -moz-fit-content;\n  max-width: fit-content; */\n  width: 100%;\n  table-layout: auto;\n  font-size: small;\n  padding: 0;\n  margin-right: 1em;\n  white-space: nowrap;\n  z-index: -1;\n  border-collapse: collapse;\n  line-height: 1.5em;\n}\n\n.models .documents table th {\n  position: sticky;\n  top: 0px;\n  background-color: white;\n  z-index: 1;\n}\n\n.models .documents table th:after {\n  content: '';\n  position: absolute;\n  left: 0;\n  width: 100%;\n  bottom: -1px;\n  border-bottom: thin solid rgba(0,0,0,.12);\n}\n\n.models .documents table tr {\n  color: black;\n  border-spacing: 0px 0px;\n  background-color: white;\n  cursor: pointer;\n}\n\n.models .documents table tr:nth-child(even) {\n  background-color: #f5f5f5;\n}\n\n.models .documents table tr:hover {\n  background-color: #55A3D4;\n}\n\n.models .documents table th, td {\n  border-bottom: thin solid rgba(0,0,0,.12);\n  text-align: left;\n  padding: 0 16px;\n  height: 48px;\n}\n\n.models textarea {\n  font-size: 1.2em;\n}\n\n.models .path-type {\n  color: rgba(0,0,0,.36);\n  font-size: 0.8em;\n}\n\n.models .documents-menu {\n  display: flex;\n  margin: 0.25em;\n  width: calc(100vw - 220px);\n}\n\n.models .documents-menu .search-input {\n  flex-grow: 1;\n  align-items: center;\n}\n\n.models .search-input input {\n  padding: 0.25em 0.5em;\n  font-size: 1.1em;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  width: calc(100% - 1em);\n}\n\n.models .sort-arrow {\n  padding-left: 10px;\n  padding-right: 10px;\n}\n\n.models .loader {\n  width: 100%;\n  text-align: center;\n}\n\n.models .loader img {\n  height: 4em;\n}\n\n.models .documents .buttons {\n  display: inline-flex;\n  justify-content: space-around;\n  align-items: center;\n}";
 
 /***/ }),
 
@@ -1987,7 +2409,7 @@ module.exports = ".models {\n  position: relative;\n  display: flex;\n  flex-dir
 /***/ ((module) => {
 
 "use strict";
-module.exports = "<div class=\"models\">\n  <div>\n    <div class=\"flex grow flex-col gap-y-5 overflow-y-auto border-r border-gray-200 bg-white px-2 h-[calc(100vh-55px)]\">\n      <div class=\"flex font-bold font-xl mt-4 pl-2\">\n        Models\n      </div>\n      <nav class=\"flex flex-1 flex-col\">\n        <ul role=\"list\" class=\"flex flex-1 flex-col gap-y-7\">\n          <li>\n            <ul role=\"list\">\n              <li v-for=\"model in models\">\n                <router-link\n                  :to=\"'/model/' + model\"\n                  class=\"block rounded-md py-2 pr-2 pl-2 text-sm font-semibold text-gray-700\"\n                  :class=\"model === currentModel ? 'bg-puerto-rico-100 font-bold' : 'hover:bg-puerto-rico-100'\">\n                  {{model}}\n                </router-link>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </nav>\n    </div>\n    \n  </div>\n  <div class=\"documents\" ref=\"documentsList\">\n    <div>\n      <div class=\"documents-menu\">\n        <div class=\"search-input\">\n          <form @submit.prevent=\"search\">\n            <input class=\"search-text\" type=\"text\" placeholder=\"Filter or text\" v-model=\"searchText\" />\n          </form>\n        </div>\n        <div class=\"buttons\">\n          <div class=\"mr-2\">\n            <span v-if=\"status === 'loading'\">Loading ...</span>\n            <span v-if=\"status === 'loaded'\">{{numDocuments === 1 ? numDocuments+ ' document' : numDocuments + ' documents'}}</span>\n          </div>\n          <button\n            @click=\"shouldShowExportModal = true\"\n            type=\"button\"\n            class=\"mr-2 rounded bg-puerto-rico-600 px-2 py-1 text-sm font-semibold text-white shadow-sm hover:bg-puerto-rico-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-puerto-rico-600\">\n            Export\n          </button>\n          <button\n            @click=\"shouldShowFieldModal = true\"\n            type=\"button\"\n            class=\"rounded bg-puerto-rico-600 px-2 py-1 text-sm font-semibold text-white shadow-sm hover:bg-puerto-rico-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-puerto-rico-600\">\n            Fields\n          </button>\n        </div>\n      </div>\n    </div>\n    <div class=\"documents-container\">\n      <table>\n        <thead>\n          <th v-for=\"path in filteredPaths\">\n            {{path.path}}\n            <span class=\"path-type\">\n              ({{(path.instance || 'unknown')}})\n            </span>\n            <span class=\"sort-arrow\" @click=\"sortDocs(1, path.path)\">{{sortBy[path.path] == 1 ? 'X' : '↑'}}</span>\n            <span class=\"sort-arrow\" @click=\"sortDocs(-1, path.path)\">{{sortBy[path.path] == -1 ? 'X' : '↓'}}</span>\n          </th>\n        </thead>\n        <tbody>\n          <tr v-for=\"document in documents\" @click=\"$router.push('/model/' + currentModel + '/document/' + document._id)\" :key=\"document._id\">\n            <td v-for=\"schemaPath in filteredPaths\">\n              <component\n                :is=\"getComponentForPath(schemaPath)\"\n                :value=\"getValueForPath(document, schemaPath.path)\"\n                :allude=\"getReferenceModel(schemaPath)\">\n              </component>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"status === 'loading'\" class=\"loader\">\n        <img src=\"images/loader.gif\">\n      </div>\n    </div>\n    <modal v-if=\"shouldShowExportModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowExportModal = false\">&times;</div>\n        <export-query-results\n          :schemaPaths=\"schemaPaths\"\n          :filter=\"filter\"\n          :currentModel=\"currentModel\"\n          @done=\"shouldShowExportModal = false\">\n        </export-query-results>\n      </template>\n    </modal>\n    <modal v-if=\"shouldShowFieldModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowFieldModal = false; selectedPaths = [...filteredPaths];\">&times;</div>\n        <div v-for=\"(path, index) in schemaPaths\" :key=\"index\" style=\"margin-bottom: 0.5em\">\n          <input type=\"checkbox\" :id=\"'path.path'+index\" @change=\"addOrRemove(path)\" :value=\"path.path\" :checked=\"isSelected(path.path)\" />\n          <label :for=\"'path' + index\">{{path.path}}</label>\n        </div>\n        <div style=\"margin-top: 1em\">\n          <button type=\"submit\" @click=\"filterDocuments()\" style=\"color: black;margin-right: 0.5em\">Filter Selection</button>\n          <button type=\"submit\" @click=\"deselectAll()\" class=\"gray\" style=\"margin-right: 0.5em\">Deselect All</button>\n          <button type=\"submit\" @click=\"resetDocuments()\" class=\"gray\">Cancel</button>\n          \n        </div>\n      </template>\n    </modal>\n  </div>\n</div>";
+module.exports = "<div class=\"models\">\n  <div>\n    <div class=\"flex grow flex-col gap-y-5 overflow-y-auto border-r border-gray-200 bg-white px-2 h-[calc(100vh-55px)]\">\n      <div class=\"flex font-bold font-xl mt-4 pl-2\">\n        Models\n      </div>\n      <nav class=\"flex flex-1 flex-col\">\n        <ul role=\"list\" class=\"flex flex-1 flex-col gap-y-7\">\n          <li>\n            <ul role=\"list\">\n              <li v-for=\"model in models\">\n                <router-link\n                  :to=\"'/model/' + model\"\n                  class=\"block rounded-md py-2 pr-2 pl-2 text-sm font-semibold text-gray-700\"\n                  :class=\"model === currentModel ? 'bg-teal-100 font-bold' : 'hover:bg-teal-100'\">\n                  {{model}}\n                </router-link>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </nav>\n    </div>\n    \n  </div>\n  <div class=\"documents\" ref=\"documentsList\">\n    <div>\n      <div class=\"documents-menu\">\n        <div class=\"flex flex-row items-center w-full gap-2\">\n          <form @submit.prevent=\"search\" class=\"flex-grow m-0\">\n            <input class=\"w-full rounded-md p-1 outline-gray-300 text-lg\" type=\"text\" placeholder=\"Filter or text\" v-model=\"searchText\" />\n          </form>\n          <div>\n            <span v-if=\"status === 'loading'\">Loading ...</span>\n            <span v-if=\"status === 'loaded'\">{{numDocuments === 1 ? numDocuments+ ' document' : numDocuments + ' documents'}}</span>\n          </div>\n          <button\n            @click=\"shouldShowExportModal = true\"\n            type=\"button\"\n            class=\"rounded bg-teal-600 px-2 py-2 text-sm font-semibold text-white shadow-sm hover:bg-teal-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-teal-600\">\n            Export\n          </button>\n          <button\n            @click=\"shouldShowCreateModal = true;\"\n            type=\"button\"\n            class=\"rounded bg-teal-600 px-2 py-2 text-sm font-semibold text-white shadow-sm hover:bg-teal-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-teal-600\">\n            Create\n          </button>\n          <button\n            @click=\"shouldShowFieldModal = true\"\n            type=\"button\"\n            class=\"rounded bg-teal-600 px-2 py-2 text-sm font-semibold text-white shadow-sm hover:bg-teal-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-teal-600\">\n            Fields\n          </button>\n          <span class=\"isolate inline-flex rounded-md shadow-sm\">\n            <button\n              @click=\"outputType = 'table'\"\n              type=\"button\"\n              class=\"relative inline-flex items-center rounded-none rounded-l-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10\"\n              :class=\"outputType === 'table' ? 'bg-gray-200' : 'bg-white'\">\n              <img class=\"h-5 w-5\" src=\"images/table.svg\">\n            </button>\n            <button\n              @click=\"outputType = 'json'\"\n              type=\"button\"\n              class=\"relative -ml-px inline-flex items-center rounded-none rounded-r-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10\"\n              :class=\"outputType === 'json' ? 'bg-gray-200' : 'bg-white'\">\n              <img class=\"h-5 w-5\" src=\"images/json.svg\">\n            </button>\n          </span>\n        </div>\n      </div>\n    </div>\n    <div class=\"documents-container\">\n      <table v-if=\"outputType === 'table'\">\n        <thead>\n          <th v-for=\"path in filteredPaths\">\n            {{path.path}}\n            <span class=\"path-type\">\n              ({{(path.instance || 'unknown')}})\n            </span>\n            <span class=\"sort-arrow\" @click=\"sortDocs(1, path.path)\">{{sortBy[path.path] == 1 ? 'X' : '↑'}}</span>\n            <span class=\"sort-arrow\" @click=\"sortDocs(-1, path.path)\">{{sortBy[path.path] == -1 ? 'X' : '↓'}}</span>\n          </th>\n        </thead>\n        <tbody>\n          <tr v-for=\"document in documents\" @click=\"$router.push('/model/' + currentModel + '/document/' + document._id)\" :key=\"document._id\">\n            <td v-for=\"schemaPath in filteredPaths\">\n              <component\n                :is=\"getComponentForPath(schemaPath)\"\n                :value=\"getValueForPath(document, schemaPath.path)\"\n                :allude=\"getReferenceModel(schemaPath)\">\n              </component>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <div v-if=\"outputType === 'json'\">\n        <div v-for=\"document in documents\" @click=\"$router.push('/model/' + currentModel + '/document/' + document._id)\" :key=\"document._id\">\n          <list-json :value=\"filterDocument(document)\">\n          </list-json>\n        </div>\n      </div>\n      <div v-if=\"status === 'loading'\" class=\"loader\">\n        <img src=\"images/loader.gif\">\n      </div>\n    </div>\n    <modal v-if=\"shouldShowExportModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowExportModal = false\">&times;</div>\n        <export-query-results\n          :schemaPaths=\"schemaPaths\"\n          :filter=\"filter\"\n          :currentModel=\"currentModel\"\n          @done=\"shouldShowExportModal = false\">\n        </export-query-results>\n      </template>\n    </modal>\n    <modal v-if=\"shouldShowFieldModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowFieldModal = false; selectedPaths = [...filteredPaths];\">&times;</div>\n        <div v-for=\"(path, index) in schemaPaths\" :key=\"index\" style=\"margin-bottom: 0.5em\">\n          <input type=\"checkbox\" :id=\"'path.path'+index\" @change=\"addOrRemove(path)\" :value=\"path.path\" :checked=\"isSelected(path.path)\" />\n          <label :for=\"'path' + index\">{{path.path}}</label>\n        </div>\n        <div style=\"margin-top: 1em\">\n          <button type=\"submit\" @click=\"filterDocuments()\" style=\"color: black;margin-right: 0.5em\">Filter Selection</button>\n          <button type=\"submit\" @click=\"deselectAll()\" class=\"gray\" style=\"margin-right: 0.5em\">Deselect All</button>\n          <button type=\"submit\" @click=\"resetDocuments()\" class=\"gray\">Cancel</button>\n          \n        </div>\n      </template>\n    </modal>\n    <modal v-if=\"shouldShowCreateModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowCreateModal = false;\">&times;</div>\n        <create-document :currentModel=\"currentModel\" :paths=\"schemaPaths\" @close=\"closeCreationModal\"></create-document>\n      </template>\n    </modal>\n  </div>\n</div>";
 
 /***/ }),
 
@@ -1998,7 +2420,7 @@ module.exports = "<div class=\"models\">\n  <div>\n    <div class=\"flex grow fl
 /***/ ((module) => {
 
 "use strict";
-module.exports = ".navbar {\n  width: 100%;\n  background-color: #eee;\n}\n\n.navbar .nav-left {\n  float: left;\n  line-height: 54px;\n  font-size: 20px;\n  padding-left: 20px;\n}\n\n.navbar .nav-left a {\n  color: #232323;\n}\n\n.navbar {\n  border-bottom: 1px solid #ddd;\n  height: 55px;\n}\n\n.navbar .nav-left img {\n  height: 32px;\n  vertical-align: middle;\n  margin-right: 0.5em;\n  margin-top: 8px;\n}\n\n.navbar .nav-right {\n  float: right;\n  display: flex;\n  flex-direction: row;\n  font-size: 16px;\n  line-height: 54px;\n  padding-right: 20px;\n}\n\n.navbar .nav-right .nav-item {\n  flex-grow: 1;\n  padding: 0px 12px;\n  position: relative;\n  z-index: 21000;\n}\n\n.navbar .nav-right .nav-item:hover {\n  flex-grow: 1;\n  padding: 0px 12px;\n  border-bottom: 1px solid #E1B9A0;\n}\n\n.navbar .nav-right .nav-item.active {\n  border-bottom: 1px solid #E1B9A0;\n}\n\n.navbar .nav-action {\n  cursor: pointer;\n  color: #E1B9A0;\n}\n\n.navbar .nav-action svg {\n  height: 1em;\n  vertical-align: middle;\n}\n\n.navbar .nav-right .nav-item .flyout {\n  position: absolute;\n  top: 55px;\n  right: 0px;\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity .25s,visibility .25s,transform .25s;\n  width: auto;\n  box-shadow: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);\n  background-color: #393944;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n  z-index: 1000;\n  min-width: 192px;\n  font-size: 0.9em;\n}\n\n.navbar .nav-right .nav-item:hover .flyout a {\n  color: #E1B9A0;\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n.navbar .nav-right .nav-item:hover .flyout a:hover {\n  color: #E1B9A0;\n}\n\n.navbar .nav-right .nav-item:hover .flyout .nav-action {\n  color: #E1B9A0;\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n.navbar .nav-right .nav-item:hover .flyout .nav-action:hover {\n  color: #E1B9A0;\n}\n\n.navbar .nav-right .nav-item:hover .flyout {\n  visibility: visible;\n  opacity: 1;\n}\n\n#bar-1 {\n\ttransform: translateY(-4px);\n}\n#bar-3 {\n\ttransform: translateY(4px);\n}\n.menu {\n  display: none;\n}\n.menu {\n\twidth: 35px;\n\theight: 30px;\n\tmargin: 18px 2px 0px 0px;\n\tcursor: pointer;\n  float: right;\n}\n.bar {\n\theight: 5px;\n\twidth: 100%;\n\tbackground-color: #fff;\n\tdisplay: block;\n\tborder-radius: 5px;\n\ttransition: 0.4s ease;\n}\n.change-icon #bar-1 {\n  transform: translateY(4px) rotateZ(-405deg);\n}\n.change-icon #bar-2 {\n  opacity: 0;\n}\n.change-icon #bar-3 {\n  transform: translateY(-6px) rotateZ(405deg);\n}\n\n@media (max-width: 767px) {\n  .menu {\n    display: block;\n  }\n\n  .change-icon ~ div.nav-right {\n    left: 0;\n  }\n\n  .navbar .nav-right {\n\t\tposition: fixed;\n\t\ttop: 55px;\n\t\tleft: -130%;\n\t\tbackground: #111;\n\t\theight: 100vh;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tdisplay: block;\n\t\ttransition: all 0.3s ease;\n    z-index: 10000;\n\t}\n}\n";
+module.exports = ".navbar {\n  width: 100%;\n  background-color: #eee;\n}\n\n.active {\n  text-decoration: underline;\n}\n\n.spacing {\n  margin-right: 10px;\n}\n\n.navbar .nav-left {\n  float: left;\n  line-height: 54px;\n  font-size: 20px;\n  padding-left: 20px;\n}\n\n.navbar .nav-left a {\n  color: #232323;\n}\n\n.navbar {\n  border-bottom: 1px solid #ddd;\n  height: 55px;\n}\n\n.navbar .nav-left img {\n  height: 32px;\n  vertical-align: middle;\n  margin-right: 0.5em;\n  margin-top: 8px;\n}\n\n.navbar .nav-right {\n  float: right;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  font-size: 16px;\n  line-height: 54px;\n  padding-right: 20px;\n}\n\n.navbar .nav-right .nav-item {\n  flex-grow: 1;\n  padding: 0px 12px;\n  position: relative;\n  z-index: 21000;\n}\n\n.navbar .nav-right .nav-item:hover {\n  flex-grow: 1;\n  padding: 0px 12px;\n  border-bottom: 1px solid #E1B9A0;\n}\n\n.navbar .nav-right .nav-item.active {\n  border-bottom: 1px solid #E1B9A0;\n}\n\n.navbar .nav-action {\n  cursor: pointer;\n  color: #E1B9A0;\n}\n\n.navbar .nav-action svg {\n  height: 1em;\n  vertical-align: middle;\n}\n\n.navbar .nav-right .nav-item .flyout {\n  position: absolute;\n  top: 55px;\n  right: 0px;\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity .25s,visibility .25s,transform .25s;\n  width: auto;\n  box-shadow: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);\n  background-color: #393944;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n  z-index: 1000;\n  min-width: 192px;\n  font-size: 0.9em;\n}\n\n.navbar .nav-right .nav-item:hover .flyout a {\n  color: #E1B9A0;\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n.navbar .nav-right .nav-item:hover .flyout a:hover {\n  color: #E1B9A0;\n}\n\n.navbar .nav-right .nav-item:hover .flyout .nav-action {\n  color: #E1B9A0;\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n.navbar .nav-right .nav-item:hover .flyout .nav-action:hover {\n  color: #E1B9A0;\n}\n\n.navbar .nav-right .nav-item:hover .flyout {\n  visibility: visible;\n  opacity: 1;\n}\n\n#bar-1 {\n\ttransform: translateY(-4px);\n}\n#bar-3 {\n\ttransform: translateY(4px);\n}\n.menu {\n  display: none;\n}\n.menu {\n\twidth: 35px;\n\theight: 30px;\n\tmargin: 18px 2px 0px 0px;\n\tcursor: pointer;\n  float: right;\n}\n.bar {\n\theight: 5px;\n\twidth: 100%;\n\tbackground-color: #fff;\n\tdisplay: block;\n\tborder-radius: 5px;\n\ttransition: 0.4s ease;\n}\n.change-icon #bar-1 {\n  transform: translateY(4px) rotateZ(-405deg);\n}\n.change-icon #bar-2 {\n  opacity: 0;\n}\n.change-icon #bar-3 {\n  transform: translateY(-6px) rotateZ(405deg);\n}\n\n@media (max-width: 767px) {\n  .menu {\n    display: block;\n  }\n\n  .change-icon ~ div.nav-right {\n    left: 0;\n  }\n\n  .navbar .nav-right {\n\t\tposition: fixed;\n\t\ttop: 55px;\n\t\tleft: -130%;\n\t\tbackground: #111;\n\t\theight: 100vh;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tdisplay: block;\n\t\ttransition: all 0.3s ease;\n    z-index: 10000;\n\t}\n}\n";
 
 /***/ }),
 
@@ -2009,7 +2431,7 @@ module.exports = ".navbar {\n  width: 100%;\n  background-color: #eee;\n}\n\n.na
 /***/ ((module) => {
 
 "use strict";
-module.exports = "<div class=\"navbar\">\n  <div class=\"nav-left\">\n    <router-link to=\"/\">\n      <img src=\"images/logo.svg\" alt=\"Mongoose Studio Logo\" />\n    </router-link>\n  </div>\n  <div class=\"nav-right\">\n    <!--- <router-link to=\"/\">Models</router-link>\n    <router-link to=\"/charts\">Charts</router-link> -->\n  </div>\n  <div style=\"clear: both\"></div>\n</div>\n";
+module.exports = "<div class=\"navbar\">\n  <div class=\"nav-left\">\n    <router-link to=\"/\">\n      <img src=\"images/logo.svg\" alt=\"Mongoose Studio Logo\" />\n    </router-link>\n  </div>\n  <div class=\"nav-right h-full\">\n    <div class=\"sm:ml-6 sm:flex sm:space-x-8 h-full\">\n      <a\n        href=\"#/\"\n        class=\"inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium\"\n        :class=\"routeName === 'root' ? 'text-gray-900 border-teal-500' : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700'\">Documents</a>\n      <a\n        href=\"#/dashboards\"\n        class=\"inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium\"\n        :class=\"routeName === 'dashboards' ? 'text-gray-900 border-teal-500' : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700'\">Dashboards</a>\n    </div>\n  </div>\n  <div style=\"clear: both\"></div>\n</div>\n";
 
 /***/ }),
 
@@ -5203,8 +5625,28 @@ function isMap(d) {
 function isDate(d) {
     return Object.prototype.toString.call(d) === '[object Date]';
 }
+function defaultInspect(x, _options) {
+    return JSON.stringify(x, (k, v) => {
+        if (typeof v === 'bigint') {
+            return { $numberLong: `${v}` };
+        }
+        else if (isMap(v)) {
+            return Object.fromEntries(v);
+        }
+        return v;
+    });
+}
+function getStylizeFunction(options) {
+    const stylizeExists = options != null &&
+        typeof options === 'object' &&
+        'stylize' in options &&
+        typeof options.stylize === 'function';
+    if (stylizeExists) {
+        return options.stylize;
+    }
+}
 
-const BSON_MAJOR_VERSION = 5;
+const BSON_MAJOR_VERSION = 6;
 const BSON_INT32_MAX = 0x7fffffff;
 const BSON_INT32_MIN = -0x80000000;
 const BSON_INT64_MAX = Math.pow(2, 63) - 1;
@@ -5265,8 +5707,8 @@ class BSONError extends Error {
     get name() {
         return 'BSONError';
     }
-    constructor(message) {
-        super(message);
+    constructor(message, options) {
+        super(message, options);
     }
     static isBSONError(value) {
         return (value != null &&
@@ -5294,6 +5736,82 @@ class BSONRuntimeError extends BSONError {
         super(message);
     }
 }
+class BSONOffsetError extends BSONError {
+    get name() {
+        return 'BSONOffsetError';
+    }
+    constructor(message, offset, options) {
+        super(`${message}. offset: ${offset}`, options);
+        this.offset = offset;
+    }
+}
+
+let TextDecoderFatal;
+let TextDecoderNonFatal;
+function parseUtf8(buffer, start, end, fatal) {
+    if (fatal) {
+        TextDecoderFatal ??= new TextDecoder('utf8', { fatal: true });
+        try {
+            return TextDecoderFatal.decode(buffer.subarray(start, end));
+        }
+        catch (cause) {
+            throw new BSONError('Invalid UTF-8 string in BSON document', { cause });
+        }
+    }
+    TextDecoderNonFatal ??= new TextDecoder('utf8', { fatal: false });
+    return TextDecoderNonFatal.decode(buffer.subarray(start, end));
+}
+
+function tryReadBasicLatin(uint8array, start, end) {
+    if (uint8array.length === 0) {
+        return '';
+    }
+    const stringByteLength = end - start;
+    if (stringByteLength === 0) {
+        return '';
+    }
+    if (stringByteLength > 20) {
+        return null;
+    }
+    if (stringByteLength === 1 && uint8array[start] < 128) {
+        return String.fromCharCode(uint8array[start]);
+    }
+    if (stringByteLength === 2 && uint8array[start] < 128 && uint8array[start + 1] < 128) {
+        return String.fromCharCode(uint8array[start]) + String.fromCharCode(uint8array[start + 1]);
+    }
+    if (stringByteLength === 3 &&
+        uint8array[start] < 128 &&
+        uint8array[start + 1] < 128 &&
+        uint8array[start + 2] < 128) {
+        return (String.fromCharCode(uint8array[start]) +
+            String.fromCharCode(uint8array[start + 1]) +
+            String.fromCharCode(uint8array[start + 2]));
+    }
+    const latinBytes = [];
+    for (let i = start; i < end; i++) {
+        const byte = uint8array[i];
+        if (byte > 127) {
+            return null;
+        }
+        latinBytes.push(byte);
+    }
+    return String.fromCharCode(...latinBytes);
+}
+function tryWriteBasicLatin(destination, source, offset) {
+    if (source.length === 0)
+        return 0;
+    if (source.length > 25)
+        return null;
+    if (destination.length - offset < source.length)
+        return null;
+    for (let charOffset = 0, destinationOffset = offset; charOffset < source.length; charOffset++, destinationOffset++) {
+        const char = source.charCodeAt(charOffset);
+        if (char > 127)
+            return null;
+        destination[destinationOffset] = char;
+    }
+    return source.length;
+}
 
 function nodejsMathRandomBytes(byteLength) {
     return nodeJsByteUtils.fromNumberArray(Array.from({ length: byteLength }, () => Math.floor(Math.random() * 256)));
@@ -5326,6 +5844,9 @@ const nodeJsByteUtils = {
     allocate(size) {
         return Buffer.alloc(size);
     },
+    allocateUnsafe(size) {
+        return Buffer.allocUnsafe(size);
+    },
     equals(a, b) {
         return nodeJsByteUtils.toLocalBufferType(a).equals(b);
     },
@@ -5350,16 +5871,30 @@ const nodeJsByteUtils = {
     toHex(buffer) {
         return nodeJsByteUtils.toLocalBufferType(buffer).toString('hex');
     },
-    fromUTF8(text) {
-        return Buffer.from(text, 'utf8');
-    },
-    toUTF8(buffer, start, end) {
-        return nodeJsByteUtils.toLocalBufferType(buffer).toString('utf8', start, end);
+    toUTF8(buffer, start, end, fatal) {
+        const basicLatin = end - start <= 20 ? tryReadBasicLatin(buffer, start, end) : null;
+        if (basicLatin != null) {
+            return basicLatin;
+        }
+        const string = nodeJsByteUtils.toLocalBufferType(buffer).toString('utf8', start, end);
+        if (fatal) {
+            for (let i = 0; i < string.length; i++) {
+                if (string.charCodeAt(i) === 0xfffd) {
+                    parseUtf8(buffer, start, end, true);
+                    break;
+                }
+            }
+        }
+        return string;
     },
     utf8ByteLength(input) {
         return Buffer.byteLength(input, 'utf8');
     },
     encodeUTF8Into(buffer, source, byteOffset) {
+        const latinBytesWritten = tryWriteBasicLatin(buffer, source, byteOffset);
+        if (latinBytesWritten != null) {
+            return latinBytesWritten;
+        }
         return nodeJsByteUtils.toLocalBufferType(buffer).write(source, byteOffset, undefined, 'utf8');
     },
     randomBytes: nodejsRandomBytes
@@ -5415,6 +5950,9 @@ const webByteUtils = {
         }
         return new Uint8Array(size);
     },
+    allocateUnsafe(size) {
+        return webByteUtils.allocate(size);
+    },
     equals(a, b) {
         if (a.byteLength !== b.byteLength) {
             return false;
@@ -5461,18 +5999,19 @@ const webByteUtils = {
     toHex(uint8array) {
         return Array.from(uint8array, byte => byte.toString(16).padStart(2, '0')).join('');
     },
-    fromUTF8(text) {
-        return new TextEncoder().encode(text);
-    },
-    toUTF8(uint8array, start, end) {
-        return new TextDecoder('utf8', { fatal: false }).decode(uint8array.slice(start, end));
+    toUTF8(uint8array, start, end, fatal) {
+        const basicLatin = end - start <= 20 ? tryReadBasicLatin(uint8array, start, end) : null;
+        if (basicLatin != null) {
+            return basicLatin;
+        }
+        return parseUtf8(uint8array, start, end, fatal);
     },
     utf8ByteLength(input) {
-        return webByteUtils.fromUTF8(input).byteLength;
+        return new TextEncoder().encode(input).byteLength;
     },
-    encodeUTF8Into(buffer, source, byteOffset) {
-        const bytes = webByteUtils.fromUTF8(source);
-        buffer.set(bytes, byteOffset);
+    encodeUTF8Into(uint8array, source, byteOffset) {
+        const bytes = new TextEncoder().encode(source);
+        uint8array.set(bytes, byteOffset);
         return bytes.byteLength;
     },
     randomBytes: webRandomBytes
@@ -5480,16 +6019,14 @@ const webByteUtils = {
 
 const hasGlobalBuffer = typeof Buffer === 'function' && Buffer.prototype?._isBuffer !== true;
 const ByteUtils = hasGlobalBuffer ? nodeJsByteUtils : webByteUtils;
-class BSONDataView extends DataView {
-    static fromUint8Array(input) {
-        return new DataView(input.buffer, input.byteOffset, input.byteLength);
-    }
-}
 
 class BSONValue {
     get [Symbol.for('@@mdb.bson.version')]() {
         return BSON_MAJOR_VERSION;
     }
+    [Symbol.for('nodejs.util.inspect.custom')](depth, options, inspect) {
+        return this.inspect(depth, options, inspect);
+    }
 }
 
 class Binary extends BSONValue {
@@ -5499,11 +6036,11 @@ class Binary extends BSONValue {
     constructor(buffer, subType) {
         super();
         if (!(buffer == null) &&
-            !(typeof buffer === 'string') &&
+            typeof buffer === 'string' &&
             !ArrayBuffer.isView(buffer) &&
-            !(buffer instanceof ArrayBuffer) &&
+            !isAnyArrayBuffer(buffer) &&
             !Array.isArray(buffer)) {
-            throw new BSONError('Binary can only be constructed from string, Buffer, TypedArray, or Array<number>');
+            throw new BSONError('Binary can only be constructed from Uint8Array or number[]');
         }
         this.sub_type = subType ?? Binary.BSON_BINARY_SUBTYPE_DEFAULT;
         if (buffer == null) {
@@ -5511,15 +6048,9 @@ class Binary extends BSONValue {
             this.position = 0;
         }
         else {
-            if (typeof buffer === 'string') {
-                this.buffer = ByteUtils.fromISO88591(buffer);
-            }
-            else if (Array.isArray(buffer)) {
-                this.buffer = ByteUtils.fromNumberArray(buffer);
-            }
-            else {
-                this.buffer = ByteUtils.toLocalBufferType(buffer);
-            }
+            this.buffer = Array.isArray(buffer)
+                ? ByteUtils.fromNumberArray(buffer)
+                : ByteUtils.toLocalBufferType(buffer);
             this.position = this.buffer.byteLength;
         }
     }
@@ -5565,40 +6096,32 @@ class Binary extends BSONValue {
                 offset + sequence.byteLength > this.position ? offset + sequence.length : this.position;
         }
         else if (typeof sequence === 'string') {
-            const bytes = ByteUtils.fromISO88591(sequence);
-            this.buffer.set(bytes, offset);
-            this.position =
-                offset + sequence.length > this.position ? offset + sequence.length : this.position;
+            throw new BSONError('input cannot be string');
         }
     }
     read(position, length) {
         length = length && length > 0 ? length : this.position;
         return this.buffer.slice(position, position + length);
     }
-    value(asRaw) {
-        asRaw = !!asRaw;
-        if (asRaw && this.buffer.length === this.position) {
-            return this.buffer;
-        }
-        if (asRaw) {
-            return this.buffer.slice(0, this.position);
-        }
-        return ByteUtils.toISO88591(this.buffer.subarray(0, this.position));
+    value() {
+        return this.buffer.length === this.position
+            ? this.buffer
+            : this.buffer.subarray(0, this.position);
     }
     length() {
         return this.position;
     }
     toJSON() {
-        return ByteUtils.toBase64(this.buffer);
+        return ByteUtils.toBase64(this.buffer.subarray(0, this.position));
     }
     toString(encoding) {
         if (encoding === 'hex')
-            return ByteUtils.toHex(this.buffer);
+            return ByteUtils.toHex(this.buffer.subarray(0, this.position));
         if (encoding === 'base64')
-            return ByteUtils.toBase64(this.buffer);
+            return ByteUtils.toBase64(this.buffer.subarray(0, this.position));
         if (encoding === 'utf8' || encoding === 'utf-8')
-            return ByteUtils.toUTF8(this.buffer, 0, this.buffer.byteLength);
-        return ByteUtils.toUTF8(this.buffer, 0, this.buffer.byteLength);
+            return ByteUtils.toUTF8(this.buffer, 0, this.position, false);
+        return ByteUtils.toUTF8(this.buffer, 0, this.position, false);
     }
     toExtendedJSON(options) {
         options = options || {};
@@ -5654,12 +6177,12 @@ class Binary extends BSONValue {
         }
         return type === BSON_BINARY_SUBTYPE_UUID_NEW ? new UUID(data) : new Binary(data, type);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
         const base64 = ByteUtils.toBase64(this.buffer.subarray(0, this.position));
-        return `Binary.createFromBase64("${base64}", ${this.sub_type})`;
+        const base64Arg = inspect(base64, options);
+        const subTypeArg = inspect(this.sub_type, options);
+        return `Binary.createFromBase64(${base64Arg}, ${subTypeArg})`;
     }
 }
 Binary.BSON_BINARY_SUBTYPE_DEFAULT = 0;
@@ -5672,6 +6195,7 @@ Binary.SUBTYPE_UUID = 4;
 Binary.SUBTYPE_MD5 = 5;
 Binary.SUBTYPE_ENCRYPTED = 6;
 Binary.SUBTYPE_COLUMN = 7;
+Binary.SUBTYPE_SENSITIVE = 8;
 Binary.SUBTYPE_USER_DEFINED = 128;
 const UUID_BYTE_LENGTH = 16;
 const UUID_WITHOUT_DASHES = /^[0-9A-F]{32}$/i;
@@ -5777,14 +6301,11 @@ class UUID extends Binary {
     static isValidUUIDString(representation) {
         return UUID_WITHOUT_DASHES.test(representation) || UUID_WITH_DASHES.test(representation);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
-        return `new UUID("${this.toHexString()}")`;
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        return `new UUID(${inspect(this.toHexString(), options)})`;
     }
 }
-UUID.cacheHexString = false;
 
 class Code extends BSONValue {
     get _bsontype() {
@@ -5810,12 +6331,15 @@ class Code extends BSONValue {
     static fromExtendedJSON(doc) {
         return new Code(doc.$code, doc.$scope);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
-        const codeJson = this.toJSON();
-        return `new Code("${String(codeJson.code)}"${codeJson.scope != null ? `, ${JSON.stringify(codeJson.scope)}` : ''})`;
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        let parametersString = inspect(this.code, options);
+        const multiLineFn = parametersString.includes('\n');
+        if (this.scope != null) {
+            parametersString += `,${multiLineFn ? '\n' : ' '}${inspect(this.scope, options)}`;
+        }
+        const endingNewline = multiLineFn && this.scope === null;
+        return `new Code(${multiLineFn ? '\n' : ''}${parametersString}${endingNewline ? '\n' : ''})`;
     }
 }
 
@@ -5880,13 +6404,43 @@ class DBRef extends BSONValue {
         delete copy.$db;
         return new DBRef(doc.$ref, doc.$id, doc.$db, copy);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        const args = [
+            inspect(this.namespace, options),
+            inspect(this.oid, options),
+            ...(this.db ? [inspect(this.db, options)] : []),
+            ...(Object.keys(this.fields).length > 0 ? [inspect(this.fields, options)] : [])
+        ];
+        args[1] = inspect === defaultInspect ? `new ObjectId(${args[1]})` : args[1];
+        return `new DBRef(${args.join(', ')})`;
+    }
+}
+
+function removeLeadingZerosAndExplicitPlus(str) {
+    if (str === '') {
+        return str;
     }
-    inspect() {
-        const oid = this.oid === undefined || this.oid.toString === undefined ? this.oid : this.oid.toString();
-        return `new DBRef("${this.namespace}", new ObjectId("${String(oid)}")${this.db ? `, "${this.db}"` : ''})`;
+    let startIndex = 0;
+    const isNegative = str[startIndex] === '-';
+    const isExplicitlyPositive = str[startIndex] === '+';
+    if (isExplicitlyPositive || isNegative) {
+        startIndex += 1;
     }
+    let foundInsignificantZero = false;
+    for (; startIndex < str.length && str[startIndex] === '0'; ++startIndex) {
+        foundInsignificantZero = true;
+    }
+    if (!foundInsignificantZero) {
+        return isExplicitlyPositive ? str.slice(1) : str;
+    }
+    return `${isNegative ? '-' : ''}${str.length === startIndex ? '0' : str.slice(startIndex)}`;
+}
+function validateStringCharacters(str, radix) {
+    radix = radix ?? 10;
+    const validCharacters = '0123456789abcdefghijklmnopqrstuvwxyz'.slice(0, radix);
+    const regex = new RegExp(`[^-+${validCharacters}]`, 'i');
+    return regex.test(str) ? false : str;
 }
 
 let wasm = undefined;
@@ -5977,25 +6531,16 @@ class Long extends BSONValue {
     static fromBigInt(value, unsigned) {
         return Long.fromString(value.toString(), unsigned);
     }
-    static fromString(str, unsigned, radix) {
+    static _fromString(str, unsigned, radix) {
         if (str.length === 0)
             throw new BSONError('empty string');
-        if (str === 'NaN' || str === 'Infinity' || str === '+Infinity' || str === '-Infinity')
-            return Long.ZERO;
-        if (typeof unsigned === 'number') {
-            (radix = unsigned), (unsigned = false);
-        }
-        else {
-            unsigned = !!unsigned;
-        }
-        radix = radix || 10;
         if (radix < 2 || 36 < radix)
             throw new BSONError('radix');
         let p;
         if ((p = str.indexOf('-')) > 0)
             throw new BSONError('interior hyphen');
         else if (p === 0) {
-            return Long.fromString(str.substring(1), unsigned, radix).neg();
+            return Long._fromString(str.substring(1), unsigned, radix).neg();
         }
         const radixToPower = Long.fromNumber(Math.pow(radix, 8));
         let result = Long.ZERO;
@@ -6013,6 +6558,45 @@ class Long extends BSONValue {
         result.unsigned = unsigned;
         return result;
     }
+    static fromStringStrict(str, unsignedOrRadix, radix) {
+        let unsigned = false;
+        if (typeof unsignedOrRadix === 'number') {
+            (radix = unsignedOrRadix), (unsignedOrRadix = false);
+        }
+        else {
+            unsigned = !!unsignedOrRadix;
+        }
+        radix ??= 10;
+        if (str.trim() !== str) {
+            throw new BSONError(`Input: '${str}' contains leading and/or trailing whitespace`);
+        }
+        if (!validateStringCharacters(str, radix)) {
+            throw new BSONError(`Input: '${str}' contains invalid characters for radix: ${radix}`);
+        }
+        const cleanedStr = removeLeadingZerosAndExplicitPlus(str);
+        const result = Long._fromString(cleanedStr, unsigned, radix);
+        if (result.toString(radix).toLowerCase() !== cleanedStr.toLowerCase()) {
+            throw new BSONError(`Input: ${str} is not representable as ${result.unsigned ? 'an unsigned' : 'a signed'} 64-bit Long ${radix != null ? `with radix: ${radix}` : ''}`);
+        }
+        return result;
+    }
+    static fromString(str, unsignedOrRadix, radix) {
+        let unsigned = false;
+        if (typeof unsignedOrRadix === 'number') {
+            (radix = unsignedOrRadix), (unsignedOrRadix = false);
+        }
+        else {
+            unsigned = !!unsignedOrRadix;
+        }
+        radix ??= 10;
+        if (str === 'NaN' && radix < 24) {
+            return Long.ZERO;
+        }
+        else if ((str === 'Infinity' || str === '+Infinity' || str === '-Infinity') && radix < 35) {
+            return Long.ZERO;
+        }
+        return Long._fromString(str, unsigned, radix);
+    }
     static fromBytes(bytes, unsigned, le) {
         return le ? Long.fromBytesLE(bytes, unsigned) : Long.fromBytesBE(bytes, unsigned);
     }
@@ -6512,11 +7096,11 @@ class Long extends BSONValue {
         }
         return longResult;
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
-        return `new Long("${this.toString()}"${this.unsigned ? ', true' : ''})`;
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        const longVal = inspect(this.toString(), options);
+        const unsignedVal = this.unsigned ? `, ${inspect(this.unsigned, options)}` : '';
+        return `new Long(${longVal}${unsignedVal})`;
     }
 }
 Long.TWO_PWR_24 = Long.fromInt(TWO_PWR_24_DBL);
@@ -6911,7 +7495,7 @@ class Decimal128 extends BSONValue {
         if (isNegative) {
             dec.high = dec.high.or(Long.fromString('9223372036854775808'));
         }
-        const buffer = ByteUtils.allocate(16);
+        const buffer = ByteUtils.allocateUnsafe(16);
         index = 0;
         buffer[index++] = dec.low.low & 0xff;
         buffer[index++] = (dec.low.low >> 8) & 0xff;
@@ -7072,11 +7656,10 @@ class Decimal128 extends BSONValue {
     static fromExtendedJSON(doc) {
         return Decimal128.fromString(doc.$numberDecimal);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
-        return `new Decimal128("${this.toString()}")`;
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        const d128string = inspect(this.toString(), options);
+        return `new Decimal128(${d128string})`;
     }
 }
 
@@ -7091,6 +7674,28 @@ class Double extends BSONValue {
         }
         this.value = +value;
     }
+    static fromString(value) {
+        const coercedValue = Number(value);
+        if (value === 'NaN')
+            return new Double(NaN);
+        if (value === 'Infinity')
+            return new Double(Infinity);
+        if (value === '-Infinity')
+            return new Double(-Infinity);
+        if (!Number.isFinite(coercedValue)) {
+            throw new BSONError(`Input: ${value} is not representable as a Double`);
+        }
+        if (value.trim() !== value) {
+            throw new BSONError(`Input: '${value}' contains whitespace`);
+        }
+        if (value === '') {
+            throw new BSONError(`Input is an empty string`);
+        }
+        if (/[^-0-9.+eE]/.test(value)) {
+            throw new BSONError(`Input: '${value}' is not in decimal or exponential notation`);
+        }
+        return new Double(coercedValue);
+    }
     valueOf() {
         return this.value;
     }
@@ -7115,12 +7720,9 @@ class Double extends BSONValue {
         const doubleValue = parseFloat(doc.$numberDouble);
         return options && options.relaxed ? doubleValue : new Double(doubleValue);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
-        const eJSON = this.toExtendedJSON();
-        return `new Double(${eJSON.$numberDouble})`;
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        return `new Double(${inspect(this.value, options)})`;
     }
 }
 
@@ -7135,6 +7737,23 @@ class Int32 extends BSONValue {
         }
         this.value = +value | 0;
     }
+    static fromString(value) {
+        const cleanedValue = removeLeadingZerosAndExplicitPlus(value);
+        const coercedValue = Number(value);
+        if (BSON_INT32_MAX < coercedValue) {
+            throw new BSONError(`Input: '${value}' is larger than the maximum value for Int32`);
+        }
+        else if (BSON_INT32_MIN > coercedValue) {
+            throw new BSONError(`Input: '${value}' is smaller than the minimum value for Int32`);
+        }
+        else if (!Number.isSafeInteger(coercedValue)) {
+            throw new BSONError(`Input: '${value}' is not a safe integer`);
+        }
+        else if (coercedValue.toString() !== cleanedValue) {
+            throw new BSONError(`Input: '${value}' is not a valid Int32 string`);
+        }
+        return new Int32(coercedValue);
+    }
     valueOf() {
         return this.value;
     }
@@ -7152,11 +7771,9 @@ class Int32 extends BSONValue {
     static fromExtendedJSON(doc, options) {
         return options && options.relaxed ? parseInt(doc.$numberInt, 10) : new Int32(doc.$numberInt);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
-        return `new Int32(${this.valueOf()})`;
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        return `new Int32(${inspect(this.value, options)})`;
     }
 }
 
@@ -7170,9 +7787,6 @@ class MaxKey extends BSONValue {
     static fromExtendedJSON() {
         return new MaxKey();
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
     inspect() {
         return 'new MaxKey()';
     }
@@ -7188,17 +7802,140 @@ class MinKey extends BSONValue {
     static fromExtendedJSON() {
         return new MinKey();
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
     inspect() {
         return 'new MinKey()';
     }
 }
 
+const FLOAT = new Float64Array(1);
+const FLOAT_BYTES = new Uint8Array(FLOAT.buffer, 0, 8);
+FLOAT[0] = -1;
+const isBigEndian = FLOAT_BYTES[7] === 0;
+const NumberUtils = {
+    getNonnegativeInt32LE(source, offset) {
+        if (source[offset + 3] > 127) {
+            throw new RangeError(`Size cannot be negative at offset: ${offset}`);
+        }
+        return (source[offset] |
+            (source[offset + 1] << 8) |
+            (source[offset + 2] << 16) |
+            (source[offset + 3] << 24));
+    },
+    getInt32LE(source, offset) {
+        return (source[offset] |
+            (source[offset + 1] << 8) |
+            (source[offset + 2] << 16) |
+            (source[offset + 3] << 24));
+    },
+    getUint32LE(source, offset) {
+        return (source[offset] +
+            source[offset + 1] * 256 +
+            source[offset + 2] * 65536 +
+            source[offset + 3] * 16777216);
+    },
+    getUint32BE(source, offset) {
+        return (source[offset + 3] +
+            source[offset + 2] * 256 +
+            source[offset + 1] * 65536 +
+            source[offset] * 16777216);
+    },
+    getBigInt64LE(source, offset) {
+        const lo = NumberUtils.getUint32LE(source, offset);
+        const hi = NumberUtils.getUint32LE(source, offset + 4);
+        return (BigInt(hi) << BigInt(32)) + BigInt(lo);
+    },
+    getFloat64LE: isBigEndian
+        ? (source, offset) => {
+            FLOAT_BYTES[7] = source[offset];
+            FLOAT_BYTES[6] = source[offset + 1];
+            FLOAT_BYTES[5] = source[offset + 2];
+            FLOAT_BYTES[4] = source[offset + 3];
+            FLOAT_BYTES[3] = source[offset + 4];
+            FLOAT_BYTES[2] = source[offset + 5];
+            FLOAT_BYTES[1] = source[offset + 6];
+            FLOAT_BYTES[0] = source[offset + 7];
+            return FLOAT[0];
+        }
+        : (source, offset) => {
+            FLOAT_BYTES[0] = source[offset];
+            FLOAT_BYTES[1] = source[offset + 1];
+            FLOAT_BYTES[2] = source[offset + 2];
+            FLOAT_BYTES[3] = source[offset + 3];
+            FLOAT_BYTES[4] = source[offset + 4];
+            FLOAT_BYTES[5] = source[offset + 5];
+            FLOAT_BYTES[6] = source[offset + 6];
+            FLOAT_BYTES[7] = source[offset + 7];
+            return FLOAT[0];
+        },
+    setInt32BE(destination, offset, value) {
+        destination[offset + 3] = value;
+        value >>>= 8;
+        destination[offset + 2] = value;
+        value >>>= 8;
+        destination[offset + 1] = value;
+        value >>>= 8;
+        destination[offset] = value;
+        return 4;
+    },
+    setInt32LE(destination, offset, value) {
+        destination[offset] = value;
+        value >>>= 8;
+        destination[offset + 1] = value;
+        value >>>= 8;
+        destination[offset + 2] = value;
+        value >>>= 8;
+        destination[offset + 3] = value;
+        return 4;
+    },
+    setBigInt64LE(destination, offset, value) {
+        const mask32bits = BigInt(4294967295);
+        let lo = Number(value & mask32bits);
+        destination[offset] = lo;
+        lo >>= 8;
+        destination[offset + 1] = lo;
+        lo >>= 8;
+        destination[offset + 2] = lo;
+        lo >>= 8;
+        destination[offset + 3] = lo;
+        let hi = Number((value >> BigInt(32)) & mask32bits);
+        destination[offset + 4] = hi;
+        hi >>= 8;
+        destination[offset + 5] = hi;
+        hi >>= 8;
+        destination[offset + 6] = hi;
+        hi >>= 8;
+        destination[offset + 7] = hi;
+        return 8;
+    },
+    setFloat64LE: isBigEndian
+        ? (destination, offset, value) => {
+            FLOAT[0] = value;
+            destination[offset] = FLOAT_BYTES[7];
+            destination[offset + 1] = FLOAT_BYTES[6];
+            destination[offset + 2] = FLOAT_BYTES[5];
+            destination[offset + 3] = FLOAT_BYTES[4];
+            destination[offset + 4] = FLOAT_BYTES[3];
+            destination[offset + 5] = FLOAT_BYTES[2];
+            destination[offset + 6] = FLOAT_BYTES[1];
+            destination[offset + 7] = FLOAT_BYTES[0];
+            return 8;
+        }
+        : (destination, offset, value) => {
+            FLOAT[0] = value;
+            destination[offset] = FLOAT_BYTES[0];
+            destination[offset + 1] = FLOAT_BYTES[1];
+            destination[offset + 2] = FLOAT_BYTES[2];
+            destination[offset + 3] = FLOAT_BYTES[3];
+            destination[offset + 4] = FLOAT_BYTES[4];
+            destination[offset + 5] = FLOAT_BYTES[5];
+            destination[offset + 6] = FLOAT_BYTES[6];
+            destination[offset + 7] = FLOAT_BYTES[7];
+            return 8;
+        }
+};
+
 const checkForHexRegExp = new RegExp('^[0-9a-fA-F]{24}$');
 let PROCESS_UNIQUE = null;
-const kId = Symbol('id');
 class ObjectId extends BSONValue {
     get _bsontype() {
         return 'ObjectId';
@@ -7221,26 +7958,17 @@ class ObjectId extends BSONValue {
             workingId = inputId;
         }
         if (workingId == null || typeof workingId === 'number') {
-            this[kId] = ObjectId.generate(typeof workingId === 'number' ? workingId : undefined);
+            this.buffer = ObjectId.generate(typeof workingId === 'number' ? workingId : undefined);
         }
         else if (ArrayBuffer.isView(workingId) && workingId.byteLength === 12) {
-            this[kId] = ByteUtils.toLocalBufferType(workingId);
+            this.buffer = ByteUtils.toLocalBufferType(workingId);
         }
         else if (typeof workingId === 'string') {
-            if (workingId.length === 12) {
-                const bytes = ByteUtils.fromUTF8(workingId);
-                if (bytes.byteLength === 12) {
-                    this[kId] = bytes;
-                }
-                else {
-                    throw new BSONError('Argument passed in must be a string of 12 bytes');
-                }
-            }
-            else if (workingId.length === 24 && checkForHexRegExp.test(workingId)) {
-                this[kId] = ByteUtils.fromHex(workingId);
+            if (workingId.length === 24 && checkForHexRegExp.test(workingId)) {
+                this.buffer = ByteUtils.fromHex(workingId);
             }
             else {
-                throw new BSONError('Argument passed in must be a string of 12 bytes or a string of 24 hex characters or an integer');
+                throw new BSONError('input must be a 24 character hex string, 12 byte Uint8Array, or an integer');
             }
         }
         else {
@@ -7251,10 +7979,10 @@ class ObjectId extends BSONValue {
         }
     }
     get id() {
-        return this[kId];
+        return this.buffer;
     }
     set id(value) {
-        this[kId] = value;
+        this.buffer = value;
         if (ObjectId.cacheHexString) {
             this.__id = ByteUtils.toHex(value);
         }
@@ -7277,8 +8005,8 @@ class ObjectId extends BSONValue {
             time = Math.floor(Date.now() / 1000);
         }
         const inc = ObjectId.getInc();
-        const buffer = ByteUtils.allocate(12);
-        BSONDataView.fromUint8Array(buffer).setUint32(0, time, false);
+        const buffer = ByteUtils.allocateUnsafe(12);
+        NumberUtils.setInt32BE(buffer, 0, time);
         if (PROCESS_UNIQUE === null) {
             PROCESS_UNIQUE = ByteUtils.randomBytes(5);
         }
@@ -7302,46 +8030,58 @@ class ObjectId extends BSONValue {
     toJSON() {
         return this.toHexString();
     }
+    static is(variable) {
+        return (variable != null &&
+            typeof variable === 'object' &&
+            '_bsontype' in variable &&
+            variable._bsontype === 'ObjectId');
+    }
     equals(otherId) {
         if (otherId === undefined || otherId === null) {
             return false;
         }
-        if (otherId instanceof ObjectId) {
-            return this[kId][11] === otherId[kId][11] && ByteUtils.equals(this[kId], otherId[kId]);
+        if (ObjectId.is(otherId)) {
+            return (this.buffer[11] === otherId.buffer[11] && ByteUtils.equals(this.buffer, otherId.buffer));
         }
-        if (typeof otherId === 'string' &&
-            ObjectId.isValid(otherId) &&
-            otherId.length === 12 &&
-            isUint8Array(this.id)) {
-            return ByteUtils.equals(this.id, ByteUtils.fromISO88591(otherId));
-        }
-        if (typeof otherId === 'string' && ObjectId.isValid(otherId) && otherId.length === 24) {
+        if (typeof otherId === 'string') {
             return otherId.toLowerCase() === this.toHexString();
         }
-        if (typeof otherId === 'string' && ObjectId.isValid(otherId) && otherId.length === 12) {
-            return ByteUtils.equals(ByteUtils.fromUTF8(otherId), this.id);
-        }
-        if (typeof otherId === 'object' &&
-            'toHexString' in otherId &&
-            typeof otherId.toHexString === 'function') {
+        if (typeof otherId === 'object' && typeof otherId.toHexString === 'function') {
             const otherIdString = otherId.toHexString();
-            const thisIdString = this.toHexString().toLowerCase();
+            const thisIdString = this.toHexString();
             return typeof otherIdString === 'string' && otherIdString.toLowerCase() === thisIdString;
         }
         return false;
     }
     getTimestamp() {
         const timestamp = new Date();
-        const time = BSONDataView.fromUint8Array(this.id).getUint32(0, false);
+        const time = NumberUtils.getUint32BE(this.buffer, 0);
         timestamp.setTime(Math.floor(time) * 1000);
         return timestamp;
     }
     static createPk() {
         return new ObjectId();
     }
+    serializeInto(uint8array, index) {
+        uint8array[index] = this.buffer[0];
+        uint8array[index + 1] = this.buffer[1];
+        uint8array[index + 2] = this.buffer[2];
+        uint8array[index + 3] = this.buffer[3];
+        uint8array[index + 4] = this.buffer[4];
+        uint8array[index + 5] = this.buffer[5];
+        uint8array[index + 6] = this.buffer[6];
+        uint8array[index + 7] = this.buffer[7];
+        uint8array[index + 8] = this.buffer[8];
+        uint8array[index + 9] = this.buffer[9];
+        uint8array[index + 10] = this.buffer[10];
+        uint8array[index + 11] = this.buffer[11];
+        return 12;
+    }
     static createFromTime(time) {
-        const buffer = ByteUtils.fromNumberArray([0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]);
-        BSONDataView.fromUint8Array(buffer).setUint32(0, time, false);
+        const buffer = ByteUtils.allocate(12);
+        for (let i = 11; i >= 4; i--)
+            buffer[i] = 0;
+        NumberUtils.setInt32BE(buffer, 0, time);
         return new ObjectId(buffer);
     }
     static createFromHexString(hexString) {
@@ -7375,11 +8115,9 @@ class ObjectId extends BSONValue {
     static fromExtendedJSON(doc) {
         return new ObjectId(doc.$oid);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
-        return `new ObjectId("${this.toHexString()}")`;
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        return `new ObjectId(${inspect(this.toHexString(), options)})`;
     }
 }
 ObjectId.index = Math.floor(Math.random() * 0xffffff);
@@ -7592,11 +8330,12 @@ class BSONRegExp extends BSONValue {
         }
         throw new BSONError(`Unexpected BSONRegExp EJSON object form: ${JSON.stringify(doc)}`);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
-        return `new BSONRegExp(${JSON.stringify(this.pattern)}, ${JSON.stringify(this.options)})`;
+    inspect(depth, options, inspect) {
+        const stylize = getStylizeFunction(options) ?? (v => v);
+        inspect ??= defaultInspect;
+        const pattern = stylize(inspect(this.pattern), 'regexp');
+        const flags = stylize(inspect(this.options), 'regexp');
+        return `new BSONRegExp(${pattern}, ${flags})`;
     }
 }
 
@@ -7614,9 +8353,6 @@ class BSONSymbol extends BSONValue {
     toString() {
         return this.value;
     }
-    inspect() {
-        return `new BSONSymbol("${this.value}")`;
-    }
     toJSON() {
         return this.value;
     }
@@ -7626,8 +8362,9 @@ class BSONSymbol extends BSONValue {
     static fromExtendedJSON(doc) {
         return new BSONSymbol(doc.$symbol);
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        return `new BSONSymbol(${inspect(this.value, options)})`;
     }
 }
 
@@ -7702,61 +8439,21 @@ class Timestamp extends LongWithoutOverridesClass {
             : doc.$timestamp.t;
         return new Timestamp({ t, i });
     }
-    [Symbol.for('nodejs.util.inspect.custom')]() {
-        return this.inspect();
-    }
-    inspect() {
-        return `new Timestamp({ t: ${this.getHighBits()}, i: ${this.getLowBits()} })`;
+    inspect(depth, options, inspect) {
+        inspect ??= defaultInspect;
+        const t = inspect(this.high >>> 0, options);
+        const i = inspect(this.low >>> 0, options);
+        return `new Timestamp({ t: ${t}, i: ${i} })`;
     }
 }
 Timestamp.MAX_VALUE = Long.MAX_UNSIGNED_VALUE;
 
-const FIRST_BIT = 0x80;
-const FIRST_TWO_BITS = 0xc0;
-const FIRST_THREE_BITS = 0xe0;
-const FIRST_FOUR_BITS = 0xf0;
-const FIRST_FIVE_BITS = 0xf8;
-const TWO_BIT_CHAR = 0xc0;
-const THREE_BIT_CHAR = 0xe0;
-const FOUR_BIT_CHAR = 0xf0;
-const CONTINUING_CHAR = 0x80;
-function validateUtf8(bytes, start, end) {
-    let continuation = 0;
-    for (let i = start; i < end; i += 1) {
-        const byte = bytes[i];
-        if (continuation) {
-            if ((byte & FIRST_TWO_BITS) !== CONTINUING_CHAR) {
-                return false;
-            }
-            continuation -= 1;
-        }
-        else if (byte & FIRST_BIT) {
-            if ((byte & FIRST_THREE_BITS) === TWO_BIT_CHAR) {
-                continuation = 1;
-            }
-            else if ((byte & FIRST_FOUR_BITS) === THREE_BIT_CHAR) {
-                continuation = 2;
-            }
-            else if ((byte & FIRST_FIVE_BITS) === FOUR_BIT_CHAR) {
-                continuation = 3;
-            }
-            else {
-                return false;
-            }
-        }
-    }
-    return !continuation;
-}
-
 const JS_INT_MAX_LONG = Long.fromNumber(JS_INT_MAX);
 const JS_INT_MIN_LONG = Long.fromNumber(JS_INT_MIN);
 function internalDeserialize(buffer, options, isArray) {
     options = options == null ? {} : options;
     const index = options && options.index ? options.index : 0;
-    const size = buffer[index] |
-        (buffer[index + 1] << 8) |
-        (buffer[index + 2] << 16) |
-        (buffer[index + 3] << 24);
+    const size = NumberUtils.getInt32LE(buffer, index);
     if (size < 5) {
         throw new BSONError(`bson size must be >= 5, is ${size}`);
     }
@@ -7792,7 +8489,7 @@ function deserializeObject(buffer, index, options, isArray = false) {
     const validation = options.validation == null ? { utf8: true } : options.validation;
     let globalUTFValidation = true;
     let validationSetting;
-    const utf8KeysSet = new Set();
+    let utf8KeysSet;
     const utf8ValidatedKeys = validation.utf8;
     if (typeof utf8ValidatedKeys === 'boolean') {
         validationSetting = utf8ValidatedKeys;
@@ -7814,6 +8511,7 @@ function deserializeObject(buffer, index, options, isArray = false) {
         }
     }
     if (!globalUTFValidation) {
+        utf8KeysSet = new Set();
         for (const key of Object.keys(utf8ValidatedKeys)) {
             utf8KeysSet.add(key);
         }
@@ -7821,14 +8519,14 @@ function deserializeObject(buffer, index, options, isArray = false) {
     const startIndex = index;
     if (buffer.length < 5)
         throw new BSONError('corrupt bson message < 5 bytes long');
-    const size = buffer[index++] | (buffer[index++] << 8) | (buffer[index++] << 16) | (buffer[index++] << 24);
+    const size = NumberUtils.getInt32LE(buffer, index);
+    index += 4;
     if (size < 5 || size > buffer.length)
         throw new BSONError('corrupt bson message');
     const object = isArray ? [] : {};
     let arrayIndex = 0;
     const done = false;
     let isPossibleDBRef = isArray ? false : null;
-    const dataview = new DataView(buffer.buffer, buffer.byteOffset, buffer.byteLength);
     while (!done) {
         const elementType = buffer[index++];
         if (elementType === 0)
@@ -7839,9 +8537,9 @@ function deserializeObject(buffer, index, options, isArray = false) {
         }
         if (i >= buffer.byteLength)
             throw new BSONError('Bad BSON Document: illegal CString');
-        const name = isArray ? arrayIndex++ : ByteUtils.toUTF8(buffer, index, i);
+        const name = isArray ? arrayIndex++ : ByteUtils.toUTF8(buffer, index, i, false);
         let shouldValidateKey = true;
-        if (globalUTFValidation || utf8KeysSet.has(name)) {
+        if (globalUTFValidation || utf8KeysSet?.has(name)) {
             shouldValidateKey = validationSetting;
         }
         else {
@@ -7853,51 +8551,41 @@ function deserializeObject(buffer, index, options, isArray = false) {
         let value;
         index = i + 1;
         if (elementType === BSON_DATA_STRING) {
-            const stringSize = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
+            const stringSize = NumberUtils.getInt32LE(buffer, index);
+            index += 4;
             if (stringSize <= 0 ||
                 stringSize > buffer.length - index ||
                 buffer[index + stringSize - 1] !== 0) {
                 throw new BSONError('bad string length in bson');
             }
-            value = getValidatedString(buffer, index, index + stringSize - 1, shouldValidateKey);
+            value = ByteUtils.toUTF8(buffer, index, index + stringSize - 1, shouldValidateKey);
             index = index + stringSize;
         }
         else if (elementType === BSON_DATA_OID) {
-            const oid = ByteUtils.allocate(12);
-            oid.set(buffer.subarray(index, index + 12));
+            const oid = ByteUtils.allocateUnsafe(12);
+            for (let i = 0; i < 12; i++)
+                oid[i] = buffer[index + i];
             value = new ObjectId(oid);
             index = index + 12;
         }
         else if (elementType === BSON_DATA_INT && promoteValues === false) {
-            value = new Int32(buffer[index++] | (buffer[index++] << 8) | (buffer[index++] << 16) | (buffer[index++] << 24));
+            value = new Int32(NumberUtils.getInt32LE(buffer, index));
+            index += 4;
         }
         else if (elementType === BSON_DATA_INT) {
-            value =
-                buffer[index++] |
-                    (buffer[index++] << 8) |
-                    (buffer[index++] << 16) |
-                    (buffer[index++] << 24);
-        }
-        else if (elementType === BSON_DATA_NUMBER && promoteValues === false) {
-            value = new Double(dataview.getFloat64(index, true));
-            index = index + 8;
+            value = NumberUtils.getInt32LE(buffer, index);
+            index += 4;
         }
         else if (elementType === BSON_DATA_NUMBER) {
-            value = dataview.getFloat64(index, true);
-            index = index + 8;
+            value = NumberUtils.getFloat64LE(buffer, index);
+            index += 8;
+            if (promoteValues === false)
+                value = new Double(value);
         }
         else if (elementType === BSON_DATA_DATE) {
-            const lowBits = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
-            const highBits = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
+            const lowBits = NumberUtils.getInt32LE(buffer, index);
+            const highBits = NumberUtils.getInt32LE(buffer, index + 4);
+            index += 8;
             value = new Date(new Long(lowBits, highBits).toNumber());
         }
         else if (elementType === BSON_DATA_BOOLEAN) {
@@ -7907,10 +8595,7 @@ function deserializeObject(buffer, index, options, isArray = false) {
         }
         else if (elementType === BSON_DATA_OBJECT) {
             const _index = index;
-            const objectSize = buffer[index] |
-                (buffer[index + 1] << 8) |
-                (buffer[index + 2] << 16) |
-                (buffer[index + 3] << 24);
+            const objectSize = NumberUtils.getInt32LE(buffer, index);
             if (objectSize <= 0 || objectSize > buffer.length - index)
                 throw new BSONError('bad embedded document length in bson');
             if (raw) {
@@ -7927,10 +8612,7 @@ function deserializeObject(buffer, index, options, isArray = false) {
         }
         else if (elementType === BSON_DATA_ARRAY) {
             const _index = index;
-            const objectSize = buffer[index] |
-                (buffer[index + 1] << 8) |
-                (buffer[index + 2] << 16) |
-                (buffer[index + 3] << 24);
+            const objectSize = NumberUtils.getInt32LE(buffer, index);
             let arrayOptions = options;
             const stopIndex = index + objectSize;
             if (fieldsAsRaw && fieldsAsRaw[name]) {
@@ -7953,40 +8635,36 @@ function deserializeObject(buffer, index, options, isArray = false) {
             value = null;
         }
         else if (elementType === BSON_DATA_LONG) {
-            const dataview = BSONDataView.fromUint8Array(buffer.subarray(index, index + 8));
-            const lowBits = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
-            const highBits = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
-            const long = new Long(lowBits, highBits);
             if (useBigInt64) {
-                value = dataview.getBigInt64(0, true);
-            }
-            else if (promoteLongs && promoteValues === true) {
-                value =
-                    long.lessThanOrEqual(JS_INT_MAX_LONG) && long.greaterThanOrEqual(JS_INT_MIN_LONG)
-                        ? long.toNumber()
-                        : long;
+                value = NumberUtils.getBigInt64LE(buffer, index);
+                index += 8;
             }
             else {
-                value = long;
+                const lowBits = NumberUtils.getInt32LE(buffer, index);
+                const highBits = NumberUtils.getInt32LE(buffer, index + 4);
+                index += 8;
+                const long = new Long(lowBits, highBits);
+                if (promoteLongs && promoteValues === true) {
+                    value =
+                        long.lessThanOrEqual(JS_INT_MAX_LONG) && long.greaterThanOrEqual(JS_INT_MIN_LONG)
+                            ? long.toNumber()
+                            : long;
+                }
+                else {
+                    value = long;
+                }
             }
         }
         else if (elementType === BSON_DATA_DECIMAL128) {
-            const bytes = ByteUtils.allocate(16);
-            bytes.set(buffer.subarray(index, index + 16), 0);
+            const bytes = ByteUtils.allocateUnsafe(16);
+            for (let i = 0; i < 16; i++)
+                bytes[i] = buffer[index + i];
             index = index + 16;
             value = new Decimal128(bytes);
         }
         else if (elementType === BSON_DATA_BINARY) {
-            let binarySize = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
+            let binarySize = NumberUtils.getInt32LE(buffer, index);
+            index += 4;
             const totalBinarySize = binarySize;
             const subType = buffer[index++];
             if (binarySize < 0)
@@ -7995,11 +8673,8 @@ function deserializeObject(buffer, index, options, isArray = false) {
                 throw new BSONError('Binary type size larger than document size');
             if (buffer['slice'] != null) {
                 if (subType === Binary.SUBTYPE_BYTE_ARRAY) {
-                    binarySize =
-                        buffer[index++] |
-                            (buffer[index++] << 8) |
-                            (buffer[index++] << 16) |
-                            (buffer[index++] << 24);
+                    binarySize = NumberUtils.getInt32LE(buffer, index);
+                    index += 4;
                     if (binarySize < 0)
                         throw new BSONError('Negative binary type element size found for subtype 0x02');
                     if (binarySize > totalBinarySize - 4)
@@ -8018,13 +8693,9 @@ function deserializeObject(buffer, index, options, isArray = false) {
                 }
             }
             else {
-                const _buffer = ByteUtils.allocate(binarySize);
                 if (subType === Binary.SUBTYPE_BYTE_ARRAY) {
-                    binarySize =
-                        buffer[index++] |
-                            (buffer[index++] << 8) |
-                            (buffer[index++] << 16) |
-                            (buffer[index++] << 24);
+                    binarySize = NumberUtils.getInt32LE(buffer, index);
+                    index += 4;
                     if (binarySize < 0)
                         throw new BSONError('Negative binary type element size found for subtype 0x02');
                     if (binarySize > totalBinarySize - 4)
@@ -8032,11 +8703,11 @@ function deserializeObject(buffer, index, options, isArray = false) {
                     if (binarySize < totalBinarySize - 4)
                         throw new BSONError('Binary type with subtype 0x02 contains too short binary size');
                 }
-                for (i = 0; i < binarySize; i++) {
-                    _buffer[i] = buffer[index + i];
-                }
                 if (promoteBuffers && promoteValues) {
-                    value = _buffer;
+                    value = ByteUtils.allocateUnsafe(binarySize);
+                    for (i = 0; i < binarySize; i++) {
+                        value[i] = buffer[index + i];
+                    }
                 }
                 else {
                     value = new Binary(buffer.slice(index, index + binarySize), subType);
@@ -8054,7 +8725,7 @@ function deserializeObject(buffer, index, options, isArray = false) {
             }
             if (i >= buffer.length)
                 throw new BSONError('Bad BSON Document: illegal CString');
-            const source = ByteUtils.toUTF8(buffer, index, i);
+            const source = ByteUtils.toUTF8(buffer, index, i, false);
             index = i + 1;
             i = index;
             while (buffer[i] !== 0x00 && i < buffer.length) {
@@ -8062,7 +8733,7 @@ function deserializeObject(buffer, index, options, isArray = false) {
             }
             if (i >= buffer.length)
                 throw new BSONError('Bad BSON Document: illegal CString');
-            const regExpOptions = ByteUtils.toUTF8(buffer, index, i);
+            const regExpOptions = ByteUtils.toUTF8(buffer, index, i, false);
             index = i + 1;
             const optionsArray = new Array(regExpOptions.length);
             for (i = 0; i < regExpOptions.length; i++) {
@@ -8087,7 +8758,7 @@ function deserializeObject(buffer, index, options, isArray = false) {
             }
             if (i >= buffer.length)
                 throw new BSONError('Bad BSON Document: illegal CString');
-            const source = ByteUtils.toUTF8(buffer, index, i);
+            const source = ByteUtils.toUTF8(buffer, index, i, false);
             index = i + 1;
             i = index;
             while (buffer[i] !== 0x00 && i < buffer.length) {
@@ -8095,34 +8766,28 @@ function deserializeObject(buffer, index, options, isArray = false) {
             }
             if (i >= buffer.length)
                 throw new BSONError('Bad BSON Document: illegal CString');
-            const regExpOptions = ByteUtils.toUTF8(buffer, index, i);
+            const regExpOptions = ByteUtils.toUTF8(buffer, index, i, false);
             index = i + 1;
             value = new BSONRegExp(source, regExpOptions);
         }
         else if (elementType === BSON_DATA_SYMBOL) {
-            const stringSize = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
+            const stringSize = NumberUtils.getInt32LE(buffer, index);
+            index += 4;
             if (stringSize <= 0 ||
                 stringSize > buffer.length - index ||
                 buffer[index + stringSize - 1] !== 0) {
                 throw new BSONError('bad string length in bson');
             }
-            const symbol = getValidatedString(buffer, index, index + stringSize - 1, shouldValidateKey);
+            const symbol = ByteUtils.toUTF8(buffer, index, index + stringSize - 1, shouldValidateKey);
             value = promoteValues ? symbol : new BSONSymbol(symbol);
             index = index + stringSize;
         }
         else if (elementType === BSON_DATA_TIMESTAMP) {
-            const i = buffer[index++] +
-                buffer[index++] * (1 << 8) +
-                buffer[index++] * (1 << 16) +
-                buffer[index++] * (1 << 24);
-            const t = buffer[index++] +
-                buffer[index++] * (1 << 8) +
-                buffer[index++] * (1 << 16) +
-                buffer[index++] * (1 << 24);
-            value = new Timestamp({ i, t });
+            value = new Timestamp({
+                i: NumberUtils.getUint32LE(buffer, index),
+                t: NumberUtils.getUint32LE(buffer, index + 4)
+            });
+            index += 8;
         }
         else if (elementType === BSON_DATA_MIN_KEY) {
             value = new MinKey();
@@ -8131,43 +8796,34 @@ function deserializeObject(buffer, index, options, isArray = false) {
             value = new MaxKey();
         }
         else if (elementType === BSON_DATA_CODE) {
-            const stringSize = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
+            const stringSize = NumberUtils.getInt32LE(buffer, index);
+            index += 4;
             if (stringSize <= 0 ||
                 stringSize > buffer.length - index ||
                 buffer[index + stringSize - 1] !== 0) {
                 throw new BSONError('bad string length in bson');
             }
-            const functionString = getValidatedString(buffer, index, index + stringSize - 1, shouldValidateKey);
+            const functionString = ByteUtils.toUTF8(buffer, index, index + stringSize - 1, shouldValidateKey);
             value = new Code(functionString);
             index = index + stringSize;
         }
         else if (elementType === BSON_DATA_CODE_W_SCOPE) {
-            const totalSize = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
+            const totalSize = NumberUtils.getInt32LE(buffer, index);
+            index += 4;
             if (totalSize < 4 + 4 + 4 + 1) {
                 throw new BSONError('code_w_scope total size shorter minimum expected length');
             }
-            const stringSize = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
+            const stringSize = NumberUtils.getInt32LE(buffer, index);
+            index += 4;
             if (stringSize <= 0 ||
                 stringSize > buffer.length - index ||
                 buffer[index + stringSize - 1] !== 0) {
                 throw new BSONError('bad string length in bson');
             }
-            const functionString = getValidatedString(buffer, index, index + stringSize - 1, shouldValidateKey);
+            const functionString = ByteUtils.toUTF8(buffer, index, index + stringSize - 1, shouldValidateKey);
             index = index + stringSize;
             const _index = index;
-            const objectSize = buffer[index] |
-                (buffer[index + 1] << 8) |
-                (buffer[index + 2] << 16) |
-                (buffer[index + 3] << 24);
+            const objectSize = NumberUtils.getInt32LE(buffer, index);
             const scopeObject = deserializeObject(buffer, _index, options, false);
             index = index + objectSize;
             if (totalSize < 4 + 4 + objectSize + stringSize) {
@@ -8179,23 +8835,17 @@ function deserializeObject(buffer, index, options, isArray = false) {
             value = new Code(functionString, scopeObject);
         }
         else if (elementType === BSON_DATA_DBPOINTER) {
-            const stringSize = buffer[index++] |
-                (buffer[index++] << 8) |
-                (buffer[index++] << 16) |
-                (buffer[index++] << 24);
+            const stringSize = NumberUtils.getInt32LE(buffer, index);
+            index += 4;
             if (stringSize <= 0 ||
                 stringSize > buffer.length - index ||
                 buffer[index + stringSize - 1] !== 0)
                 throw new BSONError('bad string length in bson');
-            if (validation != null && validation.utf8) {
-                if (!validateUtf8(buffer, index, index + stringSize - 1)) {
-                    throw new BSONError('Invalid UTF-8 string in BSON document');
-                }
-            }
-            const namespace = ByteUtils.toUTF8(buffer, index, index + stringSize - 1);
+            const namespace = ByteUtils.toUTF8(buffer, index, index + stringSize - 1, shouldValidateKey);
             index = index + stringSize;
-            const oidBuffer = ByteUtils.allocate(12);
-            oidBuffer.set(buffer.subarray(index, index + 12), 0);
+            const oidBuffer = ByteUtils.allocateUnsafe(12);
+            for (let i = 0; i < 12; i++)
+                oidBuffer[i] = buffer[index + i];
             const oid = new ObjectId(oidBuffer);
             index = index + 12;
             value = new DBRef(namespace, oid);
@@ -8231,20 +8881,6 @@ function deserializeObject(buffer, index, options, isArray = false) {
     }
     return object;
 }
-function getValidatedString(buffer, start, end, shouldValidateUtf8) {
-    const value = ByteUtils.toUTF8(buffer, start, end);
-    if (shouldValidateUtf8) {
-        for (let i = 0; i < value.length; i++) {
-            if (value.charCodeAt(i) === 0xfffd) {
-                if (!validateUtf8(buffer, start, end)) {
-                    throw new BSONError('Invalid UTF-8 string in BSON document');
-                }
-                break;
-            }
-        }
-    }
-    return value;
-}
 
 const regexp = /\x00/;
 const ignoreKeys = new Set(['$db', '$ref', '$id', '$clusterTime']);
@@ -8254,17 +8890,11 @@ function serializeString(buffer, key, value, index) {
     index = index + numberOfWrittenBytes + 1;
     buffer[index - 1] = 0;
     const size = ByteUtils.encodeUTF8Into(buffer, value, index + 4);
-    buffer[index + 3] = ((size + 1) >> 24) & 0xff;
-    buffer[index + 2] = ((size + 1) >> 16) & 0xff;
-    buffer[index + 1] = ((size + 1) >> 8) & 0xff;
-    buffer[index] = (size + 1) & 0xff;
+    NumberUtils.setInt32LE(buffer, index, size + 1);
     index = index + 4 + size;
     buffer[index++] = 0;
     return index;
 }
-const NUMBER_SPACE = new DataView(new ArrayBuffer(8), 0, 8);
-const FOUR_BYTE_VIEW_ON_NUMBER = new Uint8Array(NUMBER_SPACE.buffer, 0, 4);
-const EIGHT_BYTE_VIEW_ON_NUMBER = new Uint8Array(NUMBER_SPACE.buffer, 0, 8);
 function serializeNumber(buffer, key, value, index) {
     const isNegativeZero = Object.is(value, -0);
     const type = !isNegativeZero &&
@@ -8273,19 +8903,16 @@ function serializeNumber(buffer, key, value, index) {
         value >= BSON_INT32_MIN
         ? BSON_DATA_INT
         : BSON_DATA_NUMBER;
-    if (type === BSON_DATA_INT) {
-        NUMBER_SPACE.setInt32(0, value, true);
-    }
-    else {
-        NUMBER_SPACE.setFloat64(0, value, true);
-    }
-    const bytes = type === BSON_DATA_INT ? FOUR_BYTE_VIEW_ON_NUMBER : EIGHT_BYTE_VIEW_ON_NUMBER;
     buffer[index++] = type;
     const numberOfWrittenBytes = ByteUtils.encodeUTF8Into(buffer, key, index);
     index = index + numberOfWrittenBytes;
     buffer[index++] = 0x00;
-    buffer.set(bytes, index);
-    index += bytes.byteLength;
+    if (type === BSON_DATA_INT) {
+        index += NumberUtils.setInt32LE(buffer, index, value);
+    }
+    else {
+        index += NumberUtils.setFloat64LE(buffer, index, value);
+    }
     return index;
 }
 function serializeBigInt(buffer, key, value, index) {
@@ -8293,9 +8920,7 @@ function serializeBigInt(buffer, key, value, index) {
     const numberOfWrittenBytes = ByteUtils.encodeUTF8Into(buffer, key, index);
     index += numberOfWrittenBytes;
     buffer[index++] = 0;
-    NUMBER_SPACE.setBigInt64(0, value, true);
-    buffer.set(EIGHT_BYTE_VIEW_ON_NUMBER, index);
-    index += EIGHT_BYTE_VIEW_ON_NUMBER.byteLength;
+    index += NumberUtils.setBigInt64LE(buffer, index, value);
     return index;
 }
 function serializeNull(buffer, key, _, index) {
@@ -8321,14 +8946,8 @@ function serializeDate(buffer, key, value, index) {
     const dateInMilis = Long.fromNumber(value.getTime());
     const lowBits = dateInMilis.getLowBits();
     const highBits = dateInMilis.getHighBits();
-    buffer[index++] = lowBits & 0xff;
-    buffer[index++] = (lowBits >> 8) & 0xff;
-    buffer[index++] = (lowBits >> 16) & 0xff;
-    buffer[index++] = (lowBits >> 24) & 0xff;
-    buffer[index++] = highBits & 0xff;
-    buffer[index++] = (highBits >> 8) & 0xff;
-    buffer[index++] = (highBits >> 16) & 0xff;
-    buffer[index++] = (highBits >> 24) & 0xff;
+    index += NumberUtils.setInt32LE(buffer, index, lowBits);
+    index += NumberUtils.setInt32LE(buffer, index, highBits);
     return index;
 }
 function serializeRegExp(buffer, key, value, index) {
@@ -8385,13 +9004,8 @@ function serializeObjectId(buffer, key, value, index) {
     const numberOfWrittenBytes = ByteUtils.encodeUTF8Into(buffer, key, index);
     index = index + numberOfWrittenBytes;
     buffer[index++] = 0;
-    if (isUint8Array(value.id)) {
-        buffer.set(value.id.subarray(0, 12), index);
-    }
-    else {
-        throw new BSONError('object [' + JSON.stringify(value) + '] is not a valid ObjectId');
-    }
-    return index + 12;
+    index += value.serializeInto(buffer, index);
+    return index;
 }
 function serializeBuffer(buffer, key, value, index) {
     buffer[index++] = BSON_DATA_BINARY;
@@ -8399,12 +9013,15 @@ function serializeBuffer(buffer, key, value, index) {
     index = index + numberOfWrittenBytes;
     buffer[index++] = 0;
     const size = value.length;
-    buffer[index++] = size & 0xff;
-    buffer[index++] = (size >> 8) & 0xff;
-    buffer[index++] = (size >> 16) & 0xff;
-    buffer[index++] = (size >> 24) & 0xff;
+    index += NumberUtils.setInt32LE(buffer, index, size);
     buffer[index++] = BSON_BINARY_SUBTYPE_DEFAULT;
-    buffer.set(value, index);
+    if (size <= 16) {
+        for (let i = 0; i < size; i++)
+            buffer[index + i] = value[i];
+    }
+    else {
+        buffer.set(value, index);
+    }
     index = index + size;
     return index;
 }
@@ -8426,7 +9043,8 @@ function serializeDecimal128(buffer, key, value, index) {
     const numberOfWrittenBytes = ByteUtils.encodeUTF8Into(buffer, key, index);
     index = index + numberOfWrittenBytes;
     buffer[index++] = 0;
-    buffer.set(value.bytes.subarray(0, 16), index);
+    for (let i = 0; i < 16; i++)
+        buffer[index + i] = value.bytes[i];
     return index + 16;
 }
 function serializeLong(buffer, key, value, index) {
@@ -8437,14 +9055,8 @@ function serializeLong(buffer, key, value, index) {
     buffer[index++] = 0;
     const lowBits = value.getLowBits();
     const highBits = value.getHighBits();
-    buffer[index++] = lowBits & 0xff;
-    buffer[index++] = (lowBits >> 8) & 0xff;
-    buffer[index++] = (lowBits >> 16) & 0xff;
-    buffer[index++] = (lowBits >> 24) & 0xff;
-    buffer[index++] = highBits & 0xff;
-    buffer[index++] = (highBits >> 8) & 0xff;
-    buffer[index++] = (highBits >> 16) & 0xff;
-    buffer[index++] = (highBits >> 24) & 0xff;
+    index += NumberUtils.setInt32LE(buffer, index, lowBits);
+    index += NumberUtils.setInt32LE(buffer, index, highBits);
     return index;
 }
 function serializeInt32(buffer, key, value, index) {
@@ -8453,10 +9065,7 @@ function serializeInt32(buffer, key, value, index) {
     const numberOfWrittenBytes = ByteUtils.encodeUTF8Into(buffer, key, index);
     index = index + numberOfWrittenBytes;
     buffer[index++] = 0;
-    buffer[index++] = value & 0xff;
-    buffer[index++] = (value >> 8) & 0xff;
-    buffer[index++] = (value >> 16) & 0xff;
-    buffer[index++] = (value >> 24) & 0xff;
+    index += NumberUtils.setInt32LE(buffer, index, value);
     return index;
 }
 function serializeDouble(buffer, key, value, index) {
@@ -8464,9 +9073,7 @@ function serializeDouble(buffer, key, value, index) {
     const numberOfWrittenBytes = ByteUtils.encodeUTF8Into(buffer, key, index);
     index = index + numberOfWrittenBytes;
     buffer[index++] = 0;
-    NUMBER_SPACE.setFloat64(0, value.value, true);
-    buffer.set(EIGHT_BYTE_VIEW_ON_NUMBER, index);
-    index = index + 8;
+    index += NumberUtils.setFloat64LE(buffer, index, value.value);
     return index;
 }
 function serializeFunction(buffer, key, value, index) {
@@ -8476,10 +9083,7 @@ function serializeFunction(buffer, key, value, index) {
     buffer[index++] = 0;
     const functionString = value.toString();
     const size = ByteUtils.encodeUTF8Into(buffer, functionString, index + 4) + 1;
-    buffer[index] = size & 0xff;
-    buffer[index + 1] = (size >> 8) & 0xff;
-    buffer[index + 2] = (size >> 16) & 0xff;
-    buffer[index + 3] = (size >> 24) & 0xff;
+    NumberUtils.setInt32LE(buffer, index, size);
     index = index + 4 + size - 1;
     buffer[index++] = 0;
     return index;
@@ -8494,19 +9098,13 @@ function serializeCode(buffer, key, value, index, checkKeys = false, depth = 0,
         const functionString = value.code;
         index = index + 4;
         const codeSize = ByteUtils.encodeUTF8Into(buffer, functionString, index + 4) + 1;
-        buffer[index] = codeSize & 0xff;
-        buffer[index + 1] = (codeSize >> 8) & 0xff;
-        buffer[index + 2] = (codeSize >> 16) & 0xff;
-        buffer[index + 3] = (codeSize >> 24) & 0xff;
+        NumberUtils.setInt32LE(buffer, index, codeSize);
         buffer[index + 4 + codeSize - 1] = 0;
         index = index + codeSize + 4;
         const endIndex = serializeInto(buffer, value.scope, checkKeys, index, depth + 1, serializeFunctions, ignoreUndefined, path);
         index = endIndex - 1;
         const totalSize = endIndex - startIndex;
-        buffer[startIndex++] = totalSize & 0xff;
-        buffer[startIndex++] = (totalSize >> 8) & 0xff;
-        buffer[startIndex++] = (totalSize >> 16) & 0xff;
-        buffer[startIndex++] = (totalSize >> 24) & 0xff;
+        startIndex += NumberUtils.setInt32LE(buffer, startIndex, totalSize);
         buffer[index++] = 0;
     }
     else {
@@ -8516,10 +9114,7 @@ function serializeCode(buffer, key, value, index, checkKeys = false, depth = 0,
         buffer[index++] = 0;
         const functionString = value.code.toString();
         const size = ByteUtils.encodeUTF8Into(buffer, functionString, index + 4) + 1;
-        buffer[index] = size & 0xff;
-        buffer[index + 1] = (size >> 8) & 0xff;
-        buffer[index + 2] = (size >> 16) & 0xff;
-        buffer[index + 3] = (size >> 24) & 0xff;
+        NumberUtils.setInt32LE(buffer, index, size);
         index = index + 4 + size - 1;
         buffer[index++] = 0;
     }
@@ -8534,19 +9129,19 @@ function serializeBinary(buffer, key, value, index) {
     let size = value.position;
     if (value.sub_type === Binary.SUBTYPE_BYTE_ARRAY)
         size = size + 4;
-    buffer[index++] = size & 0xff;
-    buffer[index++] = (size >> 8) & 0xff;
-    buffer[index++] = (size >> 16) & 0xff;
-    buffer[index++] = (size >> 24) & 0xff;
+    index += NumberUtils.setInt32LE(buffer, index, size);
     buffer[index++] = value.sub_type;
     if (value.sub_type === Binary.SUBTYPE_BYTE_ARRAY) {
         size = size - 4;
-        buffer[index++] = size & 0xff;
-        buffer[index++] = (size >> 8) & 0xff;
-        buffer[index++] = (size >> 16) & 0xff;
-        buffer[index++] = (size >> 24) & 0xff;
+        index += NumberUtils.setInt32LE(buffer, index, size);
+    }
+    if (size <= 16) {
+        for (let i = 0; i < size; i++)
+            buffer[index + i] = data[i];
+    }
+    else {
+        buffer.set(data, index);
     }
-    buffer.set(data, index);
     index = index + value.position;
     return index;
 }
@@ -8556,12 +9151,9 @@ function serializeSymbol(buffer, key, value, index) {
     index = index + numberOfWrittenBytes;
     buffer[index++] = 0;
     const size = ByteUtils.encodeUTF8Into(buffer, value.value, index + 4) + 1;
-    buffer[index] = size & 0xff;
-    buffer[index + 1] = (size >> 8) & 0xff;
-    buffer[index + 2] = (size >> 16) & 0xff;
-    buffer[index + 3] = (size >> 24) & 0xff;
+    NumberUtils.setInt32LE(buffer, index, size);
     index = index + 4 + size - 1;
-    buffer[index++] = 0x00;
+    buffer[index++] = 0;
     return index;
 }
 function serializeDBRef(buffer, key, value, index, depth, serializeFunctions, path) {
@@ -8580,10 +9172,7 @@ function serializeDBRef(buffer, key, value, index, depth, serializeFunctions, pa
     output = Object.assign(output, value.fields);
     const endIndex = serializeInto(buffer, output, false, index, depth + 1, serializeFunctions, true, path);
     const size = endIndex - startIndex;
-    buffer[startIndex++] = size & 0xff;
-    buffer[startIndex++] = (size >> 8) & 0xff;
-    buffer[startIndex++] = (size >> 16) & 0xff;
-    buffer[startIndex++] = (size >> 24) & 0xff;
+    startIndex += NumberUtils.setInt32LE(buffer, index, size);
     return endIndex;
 }
 function serializeInto(buffer, object, checkKeys, startingIndex, depth, serializeFunctions, ignoreUndefined, path) {
@@ -8719,7 +9308,7 @@ function serializeInto(buffer, object, checkKeys, startingIndex, depth, serializ
                     if ('$' === key[0]) {
                         throw new BSONError('key ' + key + " must not start with '$'");
                     }
-                    else if (~key.indexOf('.')) {
+                    else if (key.includes('.')) {
                         throw new BSONError('key ' + key + " must not contain '.'");
                     }
                 }
@@ -8817,7 +9406,7 @@ function serializeInto(buffer, object, checkKeys, startingIndex, depth, serializ
                     if ('$' === key[0]) {
                         throw new BSONError('key ' + key + " must not start with '$'");
                     }
-                    else if (~key.indexOf('.')) {
+                    else if (key.includes('.')) {
                         throw new BSONError('key ' + key + " must not contain '.'");
                     }
                 }
@@ -8901,10 +9490,7 @@ function serializeInto(buffer, object, checkKeys, startingIndex, depth, serializ
     path.delete(object);
     buffer[index++] = 0x00;
     const size = index - startingIndex;
-    buffer[startingIndex++] = size & 0xff;
-    buffer[startingIndex++] = (size >> 8) & 0xff;
-    buffer[startingIndex++] = (size >> 16) & 0xff;
-    buffer[startingIndex++] = (size >> 24) & 0xff;
+    startingIndex += NumberUtils.setInt32LE(buffer, startingIndex, size);
     return index;
 }
 
@@ -9218,6 +9804,113 @@ EJSON.serialize = EJSONserialize;
 EJSON.deserialize = EJSONdeserialize;
 Object.freeze(EJSON);
 
+function getSize(source, offset) {
+    try {
+        return NumberUtils.getNonnegativeInt32LE(source, offset);
+    }
+    catch (cause) {
+        throw new BSONOffsetError('BSON size cannot be negative', offset, { cause });
+    }
+}
+function findNull(bytes, offset) {
+    let nullTerminatorOffset = offset;
+    for (; bytes[nullTerminatorOffset] !== 0x00; nullTerminatorOffset++)
+        ;
+    if (nullTerminatorOffset === bytes.length - 1) {
+        throw new BSONOffsetError('Null terminator not found', offset);
+    }
+    return nullTerminatorOffset;
+}
+function parseToElements(bytes, startOffset = 0) {
+    startOffset ??= 0;
+    if (bytes.length < 5) {
+        throw new BSONOffsetError(`Input must be at least 5 bytes, got ${bytes.length} bytes`, startOffset);
+    }
+    const documentSize = getSize(bytes, startOffset);
+    if (documentSize > bytes.length - startOffset) {
+        throw new BSONOffsetError(`Parsed documentSize (${documentSize} bytes) does not match input length (${bytes.length} bytes)`, startOffset);
+    }
+    if (bytes[startOffset + documentSize - 1] !== 0x00) {
+        throw new BSONOffsetError('BSON documents must end in 0x00', startOffset + documentSize);
+    }
+    const elements = [];
+    let offset = startOffset + 4;
+    while (offset <= documentSize + startOffset) {
+        const type = bytes[offset];
+        offset += 1;
+        if (type === 0) {
+            if (offset - startOffset !== documentSize) {
+                throw new BSONOffsetError(`Invalid 0x00 type byte`, offset);
+            }
+            break;
+        }
+        const nameOffset = offset;
+        const nameLength = findNull(bytes, offset) - nameOffset;
+        offset += nameLength + 1;
+        let length;
+        if (type === 1 ||
+            type === 18 ||
+            type === 9 ||
+            type === 17) {
+            length = 8;
+        }
+        else if (type === 16) {
+            length = 4;
+        }
+        else if (type === 7) {
+            length = 12;
+        }
+        else if (type === 19) {
+            length = 16;
+        }
+        else if (type === 8) {
+            length = 1;
+        }
+        else if (type === 10 ||
+            type === 6 ||
+            type === 127 ||
+            type === 255) {
+            length = 0;
+        }
+        else if (type === 11) {
+            length = findNull(bytes, findNull(bytes, offset) + 1) + 1 - offset;
+        }
+        else if (type === 3 ||
+            type === 4 ||
+            type === 15) {
+            length = getSize(bytes, offset);
+        }
+        else if (type === 2 ||
+            type === 5 ||
+            type === 12 ||
+            type === 13 ||
+            type === 14) {
+            length = getSize(bytes, offset) + 4;
+            if (type === 5) {
+                length += 1;
+            }
+            if (type === 12) {
+                length += 12;
+            }
+        }
+        else {
+            throw new BSONOffsetError(`Invalid 0x${type.toString(16).padStart(2, '0')} type byte`, offset);
+        }
+        if (length > documentSize) {
+            throw new BSONOffsetError('value reports length larger than document', offset);
+        }
+        elements.push([type, nameOffset, nameLength, offset, length]);
+        offset += length;
+    }
+    return elements;
+}
+
+const onDemand = Object.create(null);
+onDemand.parseToElements = parseToElements;
+onDemand.ByteUtils = ByteUtils;
+onDemand.NumberUtils = NumberUtils;
+Object.freeze(onDemand);
+
 const MAXSIZE = 1024 * 1024 * 17;
 let buffer = ByteUtils.allocate(MAXSIZE);
 function setInternalBufferSize(size) {
@@ -9234,7 +9927,7 @@ function serialize(object, options = {}) {
         buffer = ByteUtils.allocate(minInternalBufferSize);
     }
     const serializationIndex = serializeInto(buffer, object, checkKeys, 0, 0, serializeFunctions, ignoreUndefined, null);
-    const finishedBuffer = ByteUtils.allocate(serializationIndex);
+    const finishedBuffer = ByteUtils.allocateUnsafe(serializationIndex);
     finishedBuffer.set(buffer.subarray(0, serializationIndex), 0);
     return finishedBuffer;
 }
@@ -9261,10 +9954,7 @@ function deserializeStream(data, startIndex, numberOfDocuments, documents, docSt
     const bufferData = ByteUtils.toLocalBufferType(data);
     let index = startIndex;
     for (let i = 0; i < numberOfDocuments; i++) {
-        const size = bufferData[index] |
-            (bufferData[index + 1] << 8) |
-            (bufferData[index + 2] << 16) |
-            (bufferData[index + 3] << 24);
+        const size = NumberUtils.getInt32LE(bufferData, index);
         internalOptions.index = index;
         documents[docStartIndex + i] = internalDeserialize(bufferData, internalOptions);
         index = index + size;
@@ -9275,6 +9965,7 @@ function deserializeStream(data, startIndex, numberOfDocuments, documents, docSt
 var bson = /*#__PURE__*/Object.freeze({
     __proto__: null,
     BSONError: BSONError,
+    BSONOffsetError: BSONOffsetError,
     BSONRegExp: BSONRegExp,
     BSONRuntimeError: BSONRuntimeError,
     BSONSymbol: BSONSymbol,
@@ -9297,6 +9988,7 @@ var bson = /*#__PURE__*/Object.freeze({
     calculateObjectSize: calculateObjectSize,
     deserialize: deserialize,
     deserializeStream: deserializeStream,
+    onDemand: onDemand,
     serialize: serialize,
     serializeWithBufferAndIndex: serializeWithBufferAndIndex,
     setInternalBufferSize: setInternalBufferSize
@@ -9304,6 +9996,7 @@ var bson = /*#__PURE__*/Object.freeze({
 
 exports.BSON = bson;
 exports.BSONError = BSONError;
+exports.BSONOffsetError = BSONOffsetError;
 exports.BSONRegExp = BSONRegExp;
 exports.BSONRuntimeError = BSONRuntimeError;
 exports.BSONSymbol = BSONSymbol;
@@ -9326,6 +10019,7 @@ exports.UUID = UUID;
 exports.calculateObjectSize = calculateObjectSize;
 exports.deserialize = deserialize;
 exports.deserializeStream = deserializeStream;
+exports.onDemand = onDemand;
 exports.serialize = serialize;
 exports.serializeWithBufferAndIndex = serializeWithBufferAndIndex;
 exports.setInternalBufferSize = setInternalBufferSize;
@@ -9391,6 +10085,10 @@ const app = Vue.createApp({
 
 __webpack_require__(/*! ./async-button/async-button */ "./frontend/src/async-button/async-button.js")(app);
 __webpack_require__(/*! ./charts/charts */ "./frontend/src/charts/charts.js")(app);
+__webpack_require__(/*! ./create-document/create-document */ "./frontend/src/create-document/create-document.js")(app);
+__webpack_require__(/*! ./dashboards/dashboards */ "./frontend/src/dashboards/dashboards.js")(app);
+__webpack_require__(/*! ./dashboard/dashboard */ "./frontend/src/dashboard/dashboard.js")(app);
+__webpack_require__(/*! ./dashboard/edit-dashboard/edit-dashboard */ "./frontend/src/dashboard/edit-dashboard/edit-dashboard.js")(app)
 __webpack_require__(/*! ./detail-array/detail-array */ "./frontend/src/detail-array/detail-array.js")(app);
 __webpack_require__(/*! ./detail-default/detail-default */ "./frontend/src/detail-default/detail-default.js")(app);
 __webpack_require__(/*! ./document/document */ "./frontend/src/document/document.js")(app);
@@ -9401,6 +10099,7 @@ __webpack_require__(/*! ./edit-date/edit-date */ "./frontend/src/edit-date/edit-
 __webpack_require__(/*! ./export-query-results/export-query-results */ "./frontend/src/export-query-results/export-query-results.js")(app);
 __webpack_require__(/*! ./list-array/list-array */ "./frontend/src/list-array/list-array.js")(app);
 __webpack_require__(/*! ./list-default/list-default */ "./frontend/src/list-default/list-default.js")(app);
+__webpack_require__(/*! ./list-json/list-json */ "./frontend/src/list-json/list-json.js")(app)
 __webpack_require__(/*! ./list-mixed/list-mixed */ "./frontend/src/list-mixed/list-mixed.js")(app);
 __webpack_require__(/*! ./list-string/list-string */ "./frontend/src/list-string/list-string.js")(app);
 __webpack_require__(/*! ./list-subdocument/list-subdocument */ "./frontend/src/list-subdocument/list-subdocument.js")(app);