@mongoosejs/studio 0.5.6 → 0.5.7

package/README.md

@@ -1,14 +1,14 @@
 # Mongoose Studio
 
-A sleek, powerful MongoDB UI with built-in dashboarding and auth, seamlessly integrated with your Express, Vercel, or Netlify app.
+An AI-Powered Data Workspace for MongoDB: Turn your MongoDB data into dashboards, maps, and interactive workflows - powered by your Mongoose models.
 
 ![NPM Version](https://img.shields.io/npm/v/@mongoosejs/studio)
 
 ## Getting Started
 
 Mongoose Studio is meant to run as a [sidecar](https://learn.microsoft.com/en-us/azure/architecture/patterns/sidecar) to your Node.js application, using the same Mongoose connection config.
-If your app runs on `acme.app`, Studio will be on `acme.app/studio` or whichever path you prefer.
-For local dev, if your app runs on `localhost:3000`, Studio will be on `localhost:3000/studio`.
+If your app runs on `acme.app`, Mongoose Studio will be on `acme.app/studio` or whichever path you prefer.
+For local dev, if your app runs on `localhost:3000`, Mongoose Studio will be on `localhost:3000/studio`.
 
 By default, Mongoose Studio does **not** provide any authentication or authorization.
 You can use Mongoose Studio for free for local development, but we recommend [Mongoose Studio Pro](https://studio.mongoosejs.io/#pricing) for when you want to go into production.
@@ -85,6 +85,38 @@ const handler = studio(
 export default handler;
 ```
 
+### Nest.js
+
+Add `MongooseStudioModule` to your app module as follows.
+Use `getConnectionToken()` so Mongoose Studio uses the same connection that `MongooseModule.forRoot()` creates.
+
+```typescript
+import { Module } from '@nestjs/common';
+import { MongooseModule, getConnectionToken } from '@nestjs/mongoose';
+import { MongooseStudioModule } from '@mongoosejs/studio/nest';
+
+@Module({
+  imports: [
+    MongooseModule.forRoot(process.env.MONGODB_URI),
+    MongooseStudioModule.forRoot({
+      connectionToken: getConnectionToken(),
+      apiKey: process.env.MONGOOSE_STUDIO_API_KEY // optional
+    })
+  ]
+})
+export class AppModule {}
+```
+
+With this setup, Mongoose Studio is available at `/studio`.
+If you mount Mongoose Studio on a different path, update the `path` option as follows.
+
+```typescript
+MongooseStudioModule.forRoot({
+  path: '/__studio', // Serve on `/__studio` rather than `/studio`
+  connectionToken: getConnectionToken()
+})
+```
+
 ### Netlify
 
 [Here is a full example of how to add Mongoose Studio to a Netlify repo](https://github.com/mongoosejs/studio.mongoosejs.io/commit/8b02ea367c8a1b7b4bcab290708f57d58f08210b).

package/express.js

@@ -9,6 +9,8 @@ const normalizeBindIPOption = require('./backend/helpers/normalizeBindIPOption')
 const { toRoute, objectRouter } = require('extrovert');
 const { defaultMothershipURL } = require('./constants');
 
+const jsonParser = express.json();
+
 module.exports = async function mongooseStudioExpressApp(apiUrl, conn, options) {
   const router = express.Router();
   options = options ? { changeStream: true, ...options } : { changeStream: true };
@@ -95,7 +97,12 @@ module.exports = async function mongooseStudioExpressApp(apiUrl, conn, options)
           return res.status(500).json({ message: err.message });
         });
     },
-    express.json(),
+    function parseJson(req, res, next) {
+      if (req.body !== undefined || req.readable === false) {
+        return next();
+      }
+      return jsonParser(req, res, next);
+    },
     objectRouter(backend, toRoute)
   );
 

package/frontend/public/app.js

@@ -12699,7 +12699,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _vue_shared__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vue/shared */ "./node_modules/@vue/shared/dist/shared.esm-bundler.js");
 /**
-* @vue/reactivity v3.5.35
+* @vue/reactivity v3.5.38
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -14596,8 +14596,9 @@ function watch(source, cb, options = _vue_shared__WEBPACK_IMPORTED_MODULE_0__.EM
   if (once && cb) {
     const _cb = cb;
     cb = (...args) => {
-      _cb(...args);
+      const res = _cb(...args);
       watchHandle();
+      return res;
     };
   }
   let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
@@ -14607,7 +14608,7 @@ function watch(source, cb, options = _vue_shared__WEBPACK_IMPORTED_MODULE_0__.EM
     }
     if (cb) {
       const newValue = effect.run();
-      if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => (0,_vue_shared__WEBPACK_IMPORTED_MODULE_0__.hasChanged)(v, oldValue[i])) : (0,_vue_shared__WEBPACK_IMPORTED_MODULE_0__.hasChanged)(newValue, oldValue))) {
+      if (immediateFirstRun || deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => (0,_vue_shared__WEBPACK_IMPORTED_MODULE_0__.hasChanged)(v, oldValue[i])) : (0,_vue_shared__WEBPACK_IMPORTED_MODULE_0__.hasChanged)(newValue, oldValue))) {
         if (cleanup) {
           cleanup();
         }
@@ -14867,7 +14868,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vue_reactivity__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vue/reactivity */ "./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js");
 /* harmony import */ var _vue_shared__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vue/shared */ "./node_modules/@vue/shared/dist/shared.esm-bundler.js");
 /**
-* @vue/runtime-core v3.5.35
+* @vue/runtime-core v3.5.38
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -17599,13 +17600,21 @@ function defineAsyncComponent(source) {
       const loaded = (0,_vue_reactivity__WEBPACK_IMPORTED_MODULE_0__.ref)(false);
       const error = (0,_vue_reactivity__WEBPACK_IMPORTED_MODULE_0__.ref)();
       const delayed = (0,_vue_reactivity__WEBPACK_IMPORTED_MODULE_0__.ref)(!!delay);
+      let timeoutTimer;
+      let delayTimer;
+      onUnmounted(() => {
+        if (timeoutTimer != null) clearTimeout(timeoutTimer);
+        if (delayTimer != null) clearTimeout(delayTimer);
+      });
       if (delay) {
-        setTimeout(() => {
+        delayTimer = setTimeout(() => {
+          if (instance.isUnmounted) return;
           delayed.value = false;
         }, delay);
       }
       if (timeout != null) {
-        setTimeout(() => {
+        timeoutTimer = setTimeout(() => {
+          if (instance.isUnmounted) return;
           if (!loaded.value && !error.value) {
             const err = new Error(
               `Async component timed out after ${timeout}ms.`
@@ -17616,11 +17625,16 @@ function defineAsyncComponent(source) {
         }, timeout);
       }
       load().then(() => {
+        if (instance.isUnmounted) return;
         loaded.value = true;
         if (instance.parent && isKeepAlive(instance.parent.vnode)) {
           instance.parent.update();
         }
       }).catch((err) => {
+        if (instance.isUnmounted) {
+          pendingRequest = null;
+          return;
+        }
         onError(err);
         error.value = err;
       });
@@ -19202,13 +19216,20 @@ function useModel(props, name, options = _vue_shared__WEBPACK_IMPORTED_MODULE_1_
           return;
         }
         const rawProps = i.vnode.props;
-        if (!(rawProps && // check if parent has passed v-model
-        (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps))) {
+        const hasVModel = !!(rawProps && // check if parent has passed v-model
+        (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps));
+        if (!hasVModel) {
           localValue = value;
           trigger();
         }
         i.emit(`update:${name}`, emittedValue);
-        if ((0,_vue_shared__WEBPACK_IMPORTED_MODULE_1__.hasChanged)(value, emittedValue) && (0,_vue_shared__WEBPACK_IMPORTED_MODULE_1__.hasChanged)(value, prevSetValue) && !(0,_vue_shared__WEBPACK_IMPORTED_MODULE_1__.hasChanged)(emittedValue, prevEmittedValue)) {
+        if ((0,_vue_shared__WEBPACK_IMPORTED_MODULE_1__.hasChanged)(value, prevSetValue) && ((0,_vue_shared__WEBPACK_IMPORTED_MODULE_1__.hasChanged)(value, emittedValue) && !(0,_vue_shared__WEBPACK_IMPORTED_MODULE_1__.hasChanged)(emittedValue, prevEmittedValue) || // #13524: browsers differ in when they flush microtasks between
+        // event listeners. If a v-model listener emits an intermediate value
+        // and a following listener restores the model to its previous prop
+        // value before parent updates are flushed, the parent render can be
+        // deduped as having no prop change. Force a local update so DOM state
+        // such as an input's value is synchronized back to the current model.
+        hasVModel && prevSetValue !== _vue_shared__WEBPACK_IMPORTED_MODULE_1__.EMPTY_OBJ && !(0,_vue_shared__WEBPACK_IMPORTED_MODULE_1__.hasChanged)(emittedValue, localValue))) {
           trigger();
         }
         prevSetValue = value;
@@ -23470,7 +23491,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.5.35";
+const version = "3.5.38";
 const warn =  true ? warn$1 : 0;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools =  true ? devtools$1 : 0;
@@ -23681,7 +23702,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vue_runtime_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vue/runtime-core */ "./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js");
 /* harmony import */ var _vue_runtime_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @vue/shared */ "./node_modules/@vue/shared/dist/shared.esm-bundler.js");
 /**
-* @vue/runtime-dom v3.5.35
+* @vue/runtime-dom v3.5.38
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -25143,7 +25164,8 @@ const TransitionGroupImpl = /* @__PURE__ */ decorate({
       if (children) {
         for (let i = 0; i < children.length; i++) {
           const child = children[i];
-          if (child.el && child.el instanceof Element) {
+          if (child.el && child.el instanceof Element && // Hidden v-show nodes have no previous layout box to animate from.
+          !child.el[vShowHidden]) {
             prevChildren.push(child);
             (0,_vue_runtime_core__WEBPACK_IMPORTED_MODULE_0__.setTransitionHooks)(
               child,
@@ -25779,7 +25801,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   toTypeString: () => (/* binding */ toTypeString)
 /* harmony export */ });
 /**
-* @vue/shared v3.5.35
+* @vue/shared v3.5.38
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -51610,7 +51632,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _vue_runtime_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vue/runtime-dom */ "./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js");
 /* harmony import */ var _vue_runtime_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vue/runtime-dom */ "./node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js");
 /**
-* vue v3.5.35
+* vue v3.5.38
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -64953,7 +64975,7 @@ var src_default = VueToastificationPlugin;
 (module) {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@mongoosejs/studio","version":"0.5.6","description":"AI-Powered Data Workspace for MongoDB: Turn your MongoDB data into dashboards, maps, and interactive workflows - powered by your Mongoose models and AI.","homepage":"https://mongoosestudio.app/","repository":{"type":"git","url":"https://github.com/mongoosejs/studio"},"license":"Apache-2.0","dependencies":{"@ai-sdk/anthropic":"2.x","@ai-sdk/google":"2.x","@ai-sdk/openai":"2.x","ace-builds":"^1.43.6","ai":"5.x","archetype":"0.13.1","csv-stringify":"6.3.0","ejson":"^2.2.3","extrovert":"^0.2.0","marked":"15.0.12","mpath":"^0.9.0","node-inspect-extracted":"3.x","regexp.escape":"^2.0.1","tailwindcss":"3.4.0","time-commando":"1.0.1","typescript":"^6.0.2","vue":"3.x","vue-toastification":"^2.0.0-rc.5","webpack":"5.x","xss":"^1.0.15"},"peerDependencies":{"mongoose":"7.x || 8.x || ^9.0.0"},"optionalPeerDependencies":{"@mongoosejs/task":"0.5.x || 0.6.x"},"devDependencies":{"@masteringjs/eslint-config":"0.1.1","axios":"1.2.2","dedent":"^1.6.0","eslint":"9.30.0","express":"4.x","mocha":"10.2.0","mongodb-memory-server":"^11.0.1","mongoose":"9.x","sinon":"^21.0.1"},"scripts":{"lint":"eslint .","seed":"node seed/index.js","start":"node ./local.js","tailwind":"tailwindcss -o ./frontend/public/tw.css","tailwind:watch":"tailwindcss -o ./frontend/public/tw.css --watch","test":"mocha test/*.test.js","test:frontend":"mocha test/frontend/*.test.js","eval:agent":"node eval/agent/run.js"}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@mongoosejs/studio","version":"0.5.7","description":"AI-Powered Data Workspace for MongoDB: Turn your MongoDB data into dashboards, maps, and interactive workflows - powered by your Mongoose models and AI.","homepage":"https://mongoosestudio.app/","repository":{"type":"git","url":"https://github.com/mongoosejs/studio"},"license":"Apache-2.0","dependencies":{"@ai-sdk/anthropic":"2.x","@ai-sdk/google":"2.x","@ai-sdk/openai":"2.x","ace-builds":"^1.43.6","ai":"5.x","archetype":"0.13.1","csv-stringify":"6.3.0","ejson":"^2.2.3","extrovert":"^0.2.0","marked":"15.0.12","mpath":"^0.9.0","node-inspect-extracted":"3.x","regexp.escape":"^2.0.1","tailwindcss":"3.4.0","time-commando":"1.0.1","typescript":"^6.0.2","vue":"3.x","vue-toastification":"^2.0.0-rc.5","webpack":"5.x","xss":"^1.0.15"},"peerDependencies":{"@nestjs/common":"10.x || 11.x","mongoose":"7.x || 8.x || ^9.0.0"},"peerDependenciesMeta":{"@nestjs/common":{"optional":true}},"optionalPeerDependencies":{"@mongoosejs/task":"0.5.x || 0.6.x"},"devDependencies":{"@masteringjs/eslint-config":"0.1.1","axios":"1.2.2","dedent":"^1.6.0","eslint":"9.30.0","@nestjs/common":"^11.1.9","express":"4.x","mocha":"10.2.0","mongodb-memory-server":"^11.0.1","mongoose":"9.x","sinon":"^21.0.1"},"scripts":{"lint":"eslint .","seed":"node seed/index.js","start":"node ./local.js","tailwind":"tailwindcss -o ./frontend/public/tw.css","tailwind:watch":"tailwindcss -o ./frontend/public/tw.css --watch","test":"mocha test/*.test.js","test:frontend":"mocha test/frontend/*.test.js","eval:agent":"node eval/agent/run.js"}}');
 
 /***/ }
 

package/nest.d.ts

@@ -0,0 +1,27 @@
+declare module '@mongoosejs/studio/nest' {
+  import { DynamicModule, MiddlewareConsumer, NestModule } from '@nestjs/common';
+  import { Connection, Mongoose } from 'mongoose';
+
+  export interface MongooseStudioModuleOptions {
+    path?: string;
+    apiPath?: string;
+    connection?: Connection | Mongoose;
+    connectionToken?: string | symbol | Function;
+    apiKey?: string;
+    bindIp?: string | string[] | null;
+    [key: string]: any;
+  }
+
+  export interface MongooseStudioModuleAsyncOptions {
+    imports?: any[];
+    inject?: any[];
+    connectionToken?: string | symbol | Function;
+    useFactory: (...args: any[]) => Promise<MongooseStudioModuleOptions> | MongooseStudioModuleOptions;
+  }
+
+  export class MongooseStudioModule implements NestModule {
+    configure(consumer: MiddlewareConsumer): void;
+    static forRoot(options?: MongooseStudioModuleOptions): DynamicModule;
+    static forRootAsync(options: MongooseStudioModuleAsyncOptions): DynamicModule;
+  }
+}

package/nest.js

@@ -0,0 +1,134 @@
+'use strict';
+
+const { Inject, Module, RequestMethod } = require('@nestjs/common');
+const mongoose = require('mongoose');
+const createExpressRouter = require('./express');
+
+const MONGOOSE_STUDIO_OPTIONS = Symbol('MONGOOSE_STUDIO_OPTIONS');
+const MONGOOSE_STUDIO_CONNECTION = Symbol('MONGOOSE_STUDIO_CONNECTION');
+const MONGOOSE_STUDIO_EXPRESS_ROUTER = Symbol('MONGOOSE_STUDIO_EXPRESS_ROUTER');
+
+class MongooseStudioModule {
+  constructor(options, expressRouter) {
+    this.options = options || {};
+    this.expressRouter = expressRouter;
+  }
+
+  configure(consumer) {
+    const mountPath = this.options.path || '/studio';
+
+    consumer
+      .apply((req, res, next) => {
+        if (!isMountedStudioRequest(req, mountPath)) {
+          return next();
+        }
+
+        const originalUrl = req.url;
+        req.url = req.url.slice(normalizeExpressMountPath(mountPath).length) || '/';
+        try {
+          return this.expressRouter(req, res, err => {
+            req.url = originalUrl;
+            next(err);
+          });
+        } finally {
+          req.url = originalUrl;
+        }
+      })
+      .forRoutes({
+        path: '*path',
+        method: RequestMethod.ALL
+      });
+  }
+
+  static forRoot(options) {
+    options = options || {};
+    const providers = [
+      { provide: MONGOOSE_STUDIO_OPTIONS, useValue: options },
+      createExpressRouterProvider()
+    ];
+
+    if (options.connectionToken) {
+      providers.push({ provide: MONGOOSE_STUDIO_CONNECTION, useExisting: options.connectionToken });
+    } else if (options.connection) {
+      providers.push({ provide: MONGOOSE_STUDIO_CONNECTION, useValue: options.connection });
+    } else {
+      providers.push({ provide: MONGOOSE_STUDIO_CONNECTION, useValue: mongoose });
+    }
+
+    return {
+      module: MongooseStudioModule,
+      providers,
+      exports: providers
+    };
+  }
+
+  static forRootAsync(options) {
+    options = options || {};
+    const providers = [
+      {
+        provide: MONGOOSE_STUDIO_OPTIONS,
+        useFactory: options.useFactory,
+        inject: options.inject || []
+      },
+      createExpressRouterProvider()
+    ];
+
+    if (options.connectionToken) {
+      providers.push({ provide: MONGOOSE_STUDIO_CONNECTION, useExisting: options.connectionToken });
+    } else if (options.connection) {
+      providers.push({ provide: MONGOOSE_STUDIO_CONNECTION, useValue: options.connection });
+    } else {
+      providers.push({ provide: MONGOOSE_STUDIO_CONNECTION, useValue: mongoose });
+    }
+
+    return {
+      module: MongooseStudioModule,
+      imports: options.imports || [],
+      providers,
+      exports: providers
+    };
+  }
+}
+
+function createExpressRouterProvider() {
+  return {
+    provide: MONGOOSE_STUDIO_EXPRESS_ROUTER,
+    useFactory: async(options, connection) => {
+      options = options || {};
+      const mountPath = options.path || '/studio';
+      const apiPath = options.apiPath || `${mountPath}/api`;
+      const studioOptions = { ...options };
+      delete studioOptions.path;
+      delete studioOptions.apiPath;
+      delete studioOptions.connection;
+      delete studioOptions.connectionToken;
+
+      return createExpressRouter(apiPath, options.connection || connection || mongoose, studioOptions);
+    },
+    inject: [MONGOOSE_STUDIO_OPTIONS, MONGOOSE_STUDIO_CONNECTION]
+  };
+}
+
+function isMountedStudioRequest(req, mountPath) {
+  const normalizedMountPath = normalizeExpressMountPath(mountPath);
+  return req.url === normalizedMountPath ||
+    req.url.startsWith(`${normalizedMountPath}/`) ||
+    req.url.startsWith(`${normalizedMountPath}?`) ||
+    req.url.startsWith(`${normalizedMountPath}#`);
+}
+
+function normalizeExpressMountPath(path) {
+  path = `/${path.replace(/^\/+/, '').replace(/\/+$/, '')}`;
+  return path === '/' ? '' : path;
+}
+
+Inject(MONGOOSE_STUDIO_OPTIONS)(MongooseStudioModule, undefined, 0);
+Inject(MONGOOSE_STUDIO_EXPRESS_ROUTER)(MongooseStudioModule, undefined, 1);
+Module({})(MongooseStudioModule);
+
+module.exports = {
+  MONGOOSE_STUDIO_CONNECTION,
+  MONGOOSE_STUDIO_EXPRESS_ROUTER,
+  MONGOOSE_STUDIO_OPTIONS,
+  MongooseStudioModule
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongoosejs/studio",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "AI-Powered Data Workspace for MongoDB: Turn your MongoDB data into dashboards, maps, and interactive workflows - powered by your Mongoose models and AI.",
   "homepage": "https://mongoosestudio.app/",
   "repository": {
@@ -31,8 +31,14 @@
     "xss": "^1.0.15"
   },
   "peerDependencies": {
+    "@nestjs/common": "10.x || 11.x",
     "mongoose": "7.x || 8.x || ^9.0.0"
   },
+  "peerDependenciesMeta": {
+    "@nestjs/common": {
+      "optional": true
+    }
+  },
   "optionalPeerDependencies": {
     "@mongoosejs/task": "0.5.x || 0.6.x"
   },
@@ -41,6 +47,7 @@
     "axios": "1.2.2",
     "dedent": "^1.6.0",
     "eslint": "9.30.0",
+    "@nestjs/common": "^11.1.9",
     "express": "4.x",
     "mocha": "10.2.0",
     "mongodb-memory-server": "^11.0.1",