@mongoosejs/studio 0.0.97 → 0.0.99

package/backend/actions/ChatThread/createChatMessage.js

@@ -16,49 +16,13 @@ const CreateChatMessageParams = new Archetype({
     $type: String
   },
   authorization: {
-    $type: 'string',
-    $required: true
+    $type: 'string'
   },
   roles: {
     $type: ['string']
   }
 }).compile('CreateChatMessageParams');
 
-const systemPrompt = `
-You are a data querying assistant who writes scripts for users accessing MongoDB data using Node.js and Mongoose.
-
-Keep scripts concise. Avoid unnecessary comments, error handling, and temporary variables.
-
-Do not write any imports or require() statements, that will cause the script to break.
-
-If the user approves the script, the script will run in the Node.js server and then send the response via JSON to the client. Be aware that the result of the query will be serialized to JSON before being displayed to the user.
-
-Assume the user has pre-defined schemas and models. Do not define any new schemas or models for the user.
-
-Use async/await where possible. Assume top-level await is allowed.
-
-Think carefully about the user's input and identify the models referred to by the user's query.
-
-Format output as Markdown, including code fences for any scripts the user requested.
-
-Add a brief text description of what the script does.
-
-If the user's query is best answered with a chart, return a Chart.js 4 configuration as \`return { $chart: chartJSConfig };\`. Disable ChartJS animation by default unless user asks for it. Set responsive: true, maintainAspectRatio: false options unless the user explicitly asks.
-
-Example output:
-
-The following script counts the number of users which are not deleted.
-
-\`\`\`javascript
-const users = await db.model('User').find({ isDeleted: false });
-return { numUsers: users.length };
-\`\`\`
-
------------
-
-Here is a description of the user's models. Assume these are the only models available in the system unless explicitly instructed otherwise by the user.
-`.trim();
-
 module.exports = ({ db, studioConnection, options }) => async function createChatMessage(params) {
   const { chatThreadId, userId, content, script, authorization, roles } = new CreateChatMessageParams(params);
   const ChatThread = studioConnection.model('__Studio_ChatThread');
@@ -83,20 +47,13 @@ module.exports = ({ db, studioConnection, options }) => async function createCha
   llmMessages.push({ role: 'user', content });
 
   if (chatThread.title == null) {
-    getChatCompletion([
-      { role: 'system', content: 'Summarize the following chat thread in 6 words or less, as a helpful thread title' },
-      ...llmMessages
-    ], authorization).then(res => {
+    summarizeChatThread(llmMessages).then(res => {
       const title = res.response;
       chatThread.title = title;
       return chatThread.save();
     }).catch(() => {});
   }
 
-  llmMessages.unshift({
-    role: 'system',
-    content: systemPrompt + getModelDescriptions(db)
-  });
   if (options.context) {
     llmMessages.unshift({
       role: 'system',
@@ -113,7 +70,7 @@ module.exports = ({ db, studioConnection, options }) => async function createCha
       script,
       executionResult: null
     }),
-    getChatCompletion(llmMessages, authorization).then(res => {
+    createChatMessageCore(llmMessages, getModelDescriptions(db), authorization).then(res => {
       const content = res.response;
       return ChatMessage.create({
         chatThreadId,
@@ -126,16 +83,44 @@ module.exports = ({ db, studioConnection, options }) => async function createCha
   return { chatMessages, chatThread };
 };
 
-async function getChatCompletion(messages, authorization) {
-  const response = await fetch('https://mongoose-js.netlify.app/.netlify/functions/createChatMessage', {
+async function summarizeChatThread(messages, authorization) {
+  const headers = { 'Content-Type': 'application/json' };
+  if (authorization) {
+    headers.Authorization = authorization;
+  }
+  const response = await fetch('https://mongoose-js.netlify.app/.netlify/functions/summarizeChatThread', {
     method: 'POST',
-    headers: {
-      Authorization: authorization,
-      'Content-Type': 'application/json'
-    },
+    headers,
     body: JSON.stringify({
       messages
     })
+  }).then(response => {
+    if (response.status < 200 || response.status >= 400) {
+      return response.json().then(data => {
+        throw new Error(`Mongoose Studio chat thread summarization error: ${data.message}`);
+      });
+    }
+    return response;
+  });
+
+  return await response.json().then(res => {
+    console.log('Response', res);
+    return res;
+  });
+}
+
+async function createChatMessageCore(messages, modelDescriptions, authorization) {
+  const headers = { 'Content-Type': 'application/json' };
+  if (authorization) {
+    headers.Authorization = authorization;
+  }
+  const response = await fetch('https://mongoose-js.netlify.app/.netlify/functions/createChatMessage', {
+    method: 'POST',
+    headers,
+    body: JSON.stringify({
+      messages,
+      modelDescriptions
+    })
   }).then(response => {
     if (response.status < 200 || response.status >= 400) {
       return response.json().then(data => {

package/backend/actions/Model/deleteDocuments.js

@@ -9,7 +9,7 @@ const DeleteDocumentsParams = new Archetype({
     $required: true
   },
   documentIds: {
-    $type: 'string',
+    $type: ['string'],
     $required: true
   },
   roles: {
@@ -30,9 +30,7 @@ module.exports = ({ db }) => async function DeleteDocuments(params) {
 
   await Model.
     deleteMany({ _id: { $in: documentIds } }).
-    setOptions({ sanitizeFilter: true }).
     orFail();
 
-
   return { };
 };

package/backend/authorize.js

@@ -14,6 +14,7 @@ const actionsToRequiredRoles = {
   'Model.createDocument': ['owner', 'admin', 'member'],
   'Model.updateDocument': ['owner', 'admin', 'member'],
   'Model.deleteDocument': ['owner', 'admin', 'member'],
+  'Model.deleteDocuments': ['owner', 'admin', 'member'],
   'Model.dropIndex': ['owner', 'admin'],
   'Model.exportQueryResults': ['owner', 'admin', 'member', 'readonly'],
   'Model.getDocument': ['owner', 'admin', 'member', 'readonly'],

package/frontend/public/app.js

@@ -1771,6 +1771,9 @@ if (typeof process === 'undefined') {
   __webpack_require__.g.process = { env: {} }; // To make `util` package work
 }
 
+const { version } = __webpack_require__(/*! ../../package.json */ "./package.json");
+console.log(`Mongoose Studio Version ${version}`);
+
 const api = __webpack_require__(/*! ./api */ "./frontend/src/api.js");
 const mothership = __webpack_require__(/*! ./mothership */ "./frontend/src/mothership.js");
 const { routes } = __webpack_require__(/*! ./routes */ "./frontend/src/routes.js");
@@ -4189,7 +4192,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\n        @click=\"$router.push('/model/' + this.model)\"\n        class=\"rounded-md bg-gray-400 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        &lsaquo; Back\n      </button>\n    </div>\n\n    <div class=\"right\">\n      <button\n        v-if=\"!editting\"\n        @click=\"editting = true\"\n        :disabled=\"!canManipulate\"\n        :class=\"{'cursor-not-allowed opacity-50': !canManipulate}\"\n        type=\"button\"\n        class=\"rounded-md bg-ultramarine-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-ultramarine-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        :disabled=\"!canManipulate\"\n        :class=\"{'cursor-not-allowed opacity-50': !canManipulate}\"\n        @click=\"shouldShowConfirmModal=true;\"\n        type=\"button\"\n        class=\"rounded-md bg-forest-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=\"shouldShowDeleteModal=true;\"\n        :disabled=\"!canManipulate\"\n        :class=\"{'cursor-not-allowed opacity-50': !canManipulate}\"\n        type=\"button\"\n        class=\"rounded-md bg-valencia-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-valencia-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      <button\n        @click=\"shouldShowCloneModal=true;\"\n        :disabled=\"!canManipulate\"\n        :class=\"{'cursor-not-allowed opacity-50': !canManipulate}\"\n        type=\"button\"\n        class=\"rounded-md bg-pink-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-valencia-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600\">\n        <img src=\"images/duplicate.svg\" class=\"inline\" /> Clone\n      </button>\n    </div>\n  </div>\n  <div v-if=\"status === 'loaded'\">\n    <document-details\n      :document=\"document\"\n      :schemaPaths=\"schemaPaths\"\n      :editting=\"editting\"\n      :changes=\"changes\"\n      :invalid=\"invalid\"></document-details>\n    <modal v-if=\"shouldShowConfirmModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowConfirmModal = false;\">&times;</div>\n        <confirm-changes @close=\"shouldShowConfirmModal = false;\" @save=\"save\" :value=\"changes\"></confirm-changes>\n      </template>\n    </modal>\n    <modal v-if=\"shouldShowDeleteModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowConfirmModal = false;\">&times;</div>\n        <confirm-delete @close=\"shouldShowConfirmModal = false;\" @remove=\"remove\" :value=\"document\"></confirm-delete>\n      </template>\n    </modal>\n    <modal v-if=\"shouldShowCloneModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowCloneModal = false;\">&times;</div>\n          <clone-document :currentModel=\"model\" :doc=\"document\" :schemaPaths=\"schemaPaths\" @close=\"showClonedDocument\"></clone-document>\n      </template>\n    </modal>\n  </div>\n</div>\n";
+module.exports = "<div class=\"document\">\n  <div class=\"document-menu\">\n    <div class=\"left\">\n      <button\n        @click=\"$router.push('/model/' + this.model)\"\n        class=\"rounded-md bg-gray-400 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        &lsaquo; Back\n      </button>\n    </div>\n\n    <div class=\"right\">\n      <button\n        v-if=\"!editting\"\n        @click=\"editting = true\"\n        :disabled=\"!canManipulate\"\n        :class=\"{'cursor-not-allowed opacity-50': !canManipulate}\"\n        type=\"button\"\n        class=\"rounded-md bg-ultramarine-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-ultramarine-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        :disabled=\"!canManipulate\"\n        :class=\"{'cursor-not-allowed opacity-50': !canManipulate}\"\n        @click=\"shouldShowConfirmModal=true;\"\n        type=\"button\"\n        class=\"rounded-md bg-forest-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=\"shouldShowDeleteModal=true;\"\n        :disabled=\"!canManipulate\"\n        :class=\"{'cursor-not-allowed opacity-50': !canManipulate}\"\n        type=\"button\"\n        class=\"rounded-md bg-valencia-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-valencia-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      <button\n        @click=\"shouldShowCloneModal=true;\"\n        :disabled=\"!canManipulate\"\n        :class=\"{'cursor-not-allowed opacity-50': !canManipulate}\"\n        type=\"button\"\n        class=\"rounded-md bg-pink-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-valencia-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600\">\n        <img src=\"images/duplicate.svg\" class=\"inline\" /> Clone\n      </button>\n    </div>\n  </div>\n  <div v-if=\"status === 'loaded'\">\n    <document-details\n      :document=\"document\"\n      :schemaPaths=\"schemaPaths\"\n      :editting=\"editting\"\n      :changes=\"changes\"\n      :invalid=\"invalid\"></document-details>\n    <modal v-if=\"shouldShowConfirmModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowConfirmModal = false;\">&times;</div>\n        <confirm-changes @close=\"shouldShowConfirmModal = false;\" @save=\"save\" :value=\"changes\"></confirm-changes>\n      </template>\n    </modal>\n    <modal v-if=\"shouldShowDeleteModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowDeleteModal = false;\">&times;</div>\n        <confirm-delete @close=\"shouldShowDeleteModal = false;\" @remove=\"remove\" :value=\"document\"></confirm-delete>\n      </template>\n    </modal>\n    <modal v-if=\"shouldShowCloneModal\">\n      <template v-slot:body>\n        <div class=\"modal-exit\" @click=\"shouldShowCloneModal = false;\">&times;</div>\n          <clone-document :currentModel=\"model\" :doc=\"document\" :schemaPaths=\"schemaPaths\" @close=\"showClonedDocument\"></clone-document>\n      </template>\n    </modal>\n  </div>\n</div>\n";
 
 /***/ }),
 
@@ -14562,6 +14565,17 @@ var bson = /*#__PURE__*/Object.freeze({
 //# sourceMappingURL=bson.mjs.map
 
 
+/***/ }),
+
+/***/ "./package.json":
+/*!**********************!*\
+  !*** ./package.json ***!
+  \**********************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@mongoosejs/studio","version":"0.0.99","description":"A sleek, powerful MongoDB UI with built-in dashboarding and auth, seamlessly integrated with your Express, Vercel, or Netlify app.","homepage":"https://studio.mongoosejs.io/","repository":{"type":"git","url":"https://github.com/mongoosejs/studio"},"dependencies":{"archetype":"0.13.1","csv-stringify":"6.3.0","ejson":"^2.2.3","extrovert":"0.0.26","marked":"15.0.12","node-inspect-extracted":"3.x","tailwindcss":"3.4.0","vanillatoasts":"^1.6.0","vue":"3.x","webpack":"5.x"},"peerDependencies":{"bson":"^5.5.1 || 6.x","express":"4.x","mongoose":"7.x || 8.x"},"devDependencies":{"@masteringjs/eslint-config":"0.1.1","axios":"1.2.2","eslint":"9.30.0","express":"4.x","mocha":"10.2.0","mongoose":"8.x"},"scripts":{"lint":"eslint .","tailwind":"tailwindcss -o ./frontend/public/tw.css","tailwind:watch":"tailwindcss -o ./frontend/public/tw.css --watch","test":"mocha test/*.test.js"}}');
+
 /***/ })
 
 /******/ 	});

package/frontend/public/tw.css

@@ -894,18 +894,6 @@ video {
   height: 1px;
 }
 
-.h-10 {
-  height: 2.5rem;
-}
-
-.h-11 {
-  height: 2.75rem;
-}
-
-.max-h-\[30vh\] {
-  max-height: 30vh;
-}
-
 .max-h-\[50vh\] {
   max-height: 50vh;
 }
@@ -1146,12 +1134,6 @@ video {
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.space-x-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
 .space-y-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2346,10 +2328,6 @@ video {
 }
 
 @media (min-width: 768px) {
-  .md\:relative {
-    position: relative;
-  }
-
   .md\:block {
     display: block;
   }
@@ -2358,18 +2336,6 @@ video {
     display: none;
   }
 
-  .md\:w-64 {
-    width: 16rem;
-  }
-
-  .md\:max-w-\[calc\(100vw-16rem\)\] {
-    max-width: calc(100vw - 16rem);
-  }
-
-  .md\:max-w-\[calc\(100vw-20rem\)\] {
-    max-width: calc(100vw - 20rem);
-  }
-
   .md\:p-3 {
     padding: 0.75rem;
   }

package/frontend/src/document/document.html

@@ -67,8 +67,8 @@
     </modal>
     <modal v-if="shouldShowDeleteModal">
       <template v-slot:body>
-        <div class="modal-exit" @click="shouldShowConfirmModal = false;">&times;</div>
-        <confirm-delete @close="shouldShowConfirmModal = false;" @remove="remove" :value="document"></confirm-delete>
+        <div class="modal-exit" @click="shouldShowDeleteModal = false;">&times;</div>
+        <confirm-delete @close="shouldShowDeleteModal = false;" @remove="remove" :value="document"></confirm-delete>
       </template>
     </modal>
     <modal v-if="shouldShowCloneModal">

package/frontend/src/index.js

@@ -4,6 +4,9 @@ if (typeof process === 'undefined') {
   global.process = { env: {} }; // To make `util` package work
 }
 
+const { version } = require('../../package.json');
+console.log(`Mongoose Studio Version ${version}`);
+
 const api = require('./api');
 const mothership = require('./mothership');
 const { routes } = require('./routes');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongoosejs/studio",
-  "version": "0.0.97",
+  "version": "0.0.99",
   "description": "A sleek, powerful MongoDB UI with built-in dashboarding and auth, seamlessly integrated with your Express, Vercel, or Netlify app.",
   "homepage": "https://studio.mongoosejs.io/",
   "repository": {
@@ -35,6 +35,7 @@
   "scripts": {
     "lint": "eslint .",
     "tailwind": "tailwindcss -o ./frontend/public/tw.css",
-    "tailwind:watch": "tailwindcss -o ./frontend/public/tw.css --watch"
+    "tailwind:watch": "tailwindcss -o ./frontend/public/tw.css --watch",
+    "test": "mocha test/*.test.js"
   }
 }

package/.github/workflows/lint.yml

@@ -1,18 +0,0 @@
-name: Lint
-on:
-  pull_request:
-  push:
-jobs:
-  lint:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - name: Setting up the node version
-        uses: actions/setup-node@v3
-        with:
-          node-version: 20.19.0
-      - name: setup project
-        run: npm i
-      - name: run lint
-        run: |
-          npm run lint