@mongoosejs/studio 0.1.3 → 0.1.4

package/README.md

@@ -62,11 +62,14 @@ Then, add `pages/api/studio.js` to your Next.js project to host the Mongoose Stu
 import db from '../../src/db';
 import studio from '@mongoosejs/studio/backend/next';
 
-const handler = studio({
-  apiKey: process.env.MONGOOSE_STUDIO_API_KEY, // optional
-  connection: db, // Optional: Connection or Mongoose global. If omitted, will use `import mongoose`
-  connectToDB: async () => { /* connection logic here */ }, // Optional: if you need to call a function to connect to the database put it here
-});
+const handler = studio(
+  db, // Mongoose connection or Mongoose global. Or null to use `import mongoose`.
+  {
+    apiKey: process.env.MONGOOSE_STUDIO_API_KEY, // optional
+    connection: db, // Optional: Connection or Mongoose global. If omitted, will use `import mongoose`
+    connectToDB: async () => { /* connection logic here */ }, // Optional: if you need to call a function to connect to the database put it here
+  }
+);
 
 export default handler;
 ```

package/frontend/public/app.js

@@ -16609,7 +16609,7 @@ module.exports = function stringToParts(str) {
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@mongoosejs/studio","version":"0.1.3","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"},"license":"Apache-2.0","dependencies":{"archetype":"0.13.1","csv-stringify":"6.3.0","ejson":"^2.2.3","extrovert":"^0.1.0","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","dedent":"^1.6.0","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"}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@mongoosejs/studio","version":"0.1.4","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"},"license":"Apache-2.0","dependencies":{"archetype":"0.13.1","csv-stringify":"6.3.0","ejson":"^2.2.3","extrovert":"^0.1.0","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","dedent":"^1.6.0","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/next.js

@@ -1,6 +1,7 @@
 'use strict';
 
 const fs = require('fs');
+const frontend = require('./frontend');
 const path = require('path');
 
 module.exports = withMongooseStudio;
@@ -15,6 +16,15 @@ module.exports = withMongooseStudio;
 function withMongooseStudio(nextConfig = {}) {
   const studioPath = normalizeBasePath(nextConfig.studioPath || '/studio');
 
+  try {
+    copyStudioFrontend(studioPath);
+    frontend('/api/studio', true)
+      .then(() => console.log(`✅ Mongoose Studio: copied frontend+config to public${studioPath}`))
+      .catch(err => console.error(`❌ Mongoose Studio: failed to copy frontend`, err));
+  } catch (err) {
+    console.error('❌ Mongoose Studio: failed to copy frontend', err);
+  }
+
   return {
     ...nextConfig,
 
@@ -32,24 +42,7 @@ function withMongooseStudio(nextConfig = {}) {
       };
 
       return [...userRedirects, studioRedirect];
-    },
-
-    webpack(config, { isServer }) {
-       if (isServer) {
-         try {
-           copyStudioFrontend(studioPath);
-           console.log(`✅ Mongoose Studio: copied frontend to public${studioPath}`);
-         } catch (err) {
-           console.error('❌ Mongoose Studio: failed to copy frontend', err);
-         }
-       }
-
-       // Preserve user’s webpack config
-       if (typeof nextConfig.webpack === 'function') {
-         return nextConfig.webpack(config, { isServer });
-       }
-       return config;
-    },
+    }
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongoosejs/studio",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "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": {