quar 1.2.6 → 1.3.0

package/README.md

@@ -90,4 +90,6 @@ export default mongoose.model("Post", postSchema);
 - Modular and extendable
 
 ## Contribute
-Pull requests, suggestions, and ideas are welcome!
+Pull requests, suggestions, and ideas are welcome!
+
+***Icon: <a href="https://www.flaticon.com/free-icons/thunder" title="thunder icons">Thunder icons created by Hexagon075 - Flaticon</a>***

package/dummy_models/posts.model.js

@@ -0,0 +1,52 @@
+import mongoose from "mongoose";
+
+const postSchema = new mongoose.Schema(
+    {
+        author: {
+            type: mongoose.Schema.Types.ObjectId,
+            ref: "User",
+            required: true,
+        },
+        title: {
+            type: String,
+            required: [true, "Post title is required"],
+            trim: true,
+            maxlength: [120, "Title cannot exceed 120 characters"],
+        },
+        content: {
+            type: String,
+            required: [true, "Post content is required"],
+        },
+        image: {
+            type: String,
+            default: null,
+        },
+        likes: [
+            {
+                type: mongoose.Schema.Types.ObjectId,
+                ref: "User",
+            },
+        ],
+        // comments: [
+        //     {
+        //         user: {
+        //             type: mongoose.Schema.Types.ObjectId,
+        //             ref: "User",
+        //         },
+        //         text: {
+        //             type: String,
+        //             required: true,
+        //         },
+        //         createdAt: {
+        //             type: Date,
+        //             default: Date.now,
+        //         },
+        //     },
+        // ],
+    },
+    {
+        timestamps: true,
+    }
+);
+
+export default mongoose.model("Post", postSchema);

package/dummy_models/user.model.js

@@ -0,0 +1,44 @@
+import mongoose from "mongoose";
+
+const userSchema = new mongoose.Schema(
+    {
+        username: {
+            type: String,
+            required: [true, "Username is required"],
+            unique: true,
+            trim: true,
+            minlength: [3, "Username must be at least 3 characters long"],
+        },
+        email: {
+            type: String,
+            required: [true, "Email is required"],
+            unique: true,
+            lowercase: true,
+            match: [/.+@.+\..+/, "Please enter a valid email address"],
+        },
+        password: {
+            type: String,
+            required: [true, "Password is required"],
+            minlength: [6, "Password must be at least 6 characters long"],
+            select: false,
+        },
+        avatar: {
+            type: String,
+        },
+        bio: {
+            type: String,
+            maxlength: [160, "Bio cannot exceed 160 characters"],
+        },
+        posts: [
+            {
+                type: mongoose.Schema.Types.ObjectId,
+                ref: "Post",
+            },
+        ],
+    },
+    {
+        timestamps: true,
+    }
+);
+
+export default mongoose.model("User", userSchema);

package/index.js

@@ -51,12 +51,12 @@ try {
     (async () => {
 
         await mongoose.connect(`${args.uri || "mongodb://localhost:27017/"}${args.db}`)
-        console.log( chalk.blue.bold('[INFO]'), chalk.gray("Quar: Database connection established"))
+        console.log(chalk.blue.bold('[INFO]'), chalk.gray("Quar: Database connection established"))
 
         app.listen(app.get('port'), () => {
             const url = `http://127.0.0.1:${app.get('port')}`;
             console.log(chalk.green.bold('[SUCCESS]') + chalk.gray(` Server is running on ${chalk.underline(url)}`));
-            open(url);
+            if (args.open) open(url);
         });
     })();
 } catch (err) {

package/package.json

@@ -1,32 +1,32 @@
-{
-  "name": "quar",
-  "version": "1.2.6",
-  "description": "This will load all Mongoose models from the folder and start a local web UI to Create, view, update, and delete documents.",
-  "main": "index.js",
-  "type": "module",
-  "bin": {
-    "quar": "./index.js"
-  },
-  "scripts": {
-    "start": "node index.js",
-    "dev": "node .\\index.js --model .\\models\\ --db shopDB"
-  },
-  "author": "@IsmailBinMujeeb (IsmailBinMujeeb@gmail.com)",
-  "license": "MIT",
-  "dependencies": {
-    "chalk": "^5.4.1",
-    "express": "^5.1.0",
-    "minimist": "^1.2.8",
-    "mongoose": "^8.14.1",
-    "open": "^10.1.2",
-    "zare": "^2.1.1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/IsmailBinMujeeb/quar-studio.git"
-  },
-  "bugs": {
-    "url": "https://github.com/IsmailBinMujeeb/quar-studio/issues"
-  },
-  "homepage": "https://github.com/IsmailBinMujeeb/quar-studio#readme"
-}
+{
+  "name": "quar",
+  "version": "1.3.0",
+  "description": "This will load all Mongoose models from the folder and start a local web UI to Create, view, update, and delete documents.",
+  "main": "index.js",
+  "type": "module",
+  "bin": {
+    "quar": "./index.js"
+  },
+  "scripts": {
+    "start": "node index.js",
+    "dev": "node index.js --model ./dummy_models --db quarDB"
+  },
+  "author": "@IsmailBinMujeeb (IsmailBinMujeeb@gmail.com)",
+  "license": "MIT",
+  "dependencies": {
+    "chalk": "^5.4.1",
+    "express": "^5.1.0",
+    "minimist": "^1.2.8",
+    "mongoose": "^8.14.1",
+    "open": "^10.1.2",
+    "zare": "2.6.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/IsmailBinMujeeb/quar-studio.git"
+  },
+  "bugs": {
+    "url": "https://github.com/IsmailBinMujeeb/quar-studio/issues"
+  },
+  "homepage": "https://github.com/IsmailBinMujeeb/quar-studio#readme"
+}

package/public/scripts/main.js

@@ -35,7 +35,7 @@ async function activateTab(modelName) {
 
     content.dataset.modelName = modelName;
     document.getElementById("page-value").innerText = 1;
-    document.querySelectorAll(".operations .btn")?.forEach( btn => btn.disabled = false )
+    document.querySelectorAll(".operations .btn")?.forEach(btn => btn.disabled = false)
     document.querySelector(".operations select").disabled = false;
 
     const insertTab = document.querySelector('.insert-tab');
@@ -71,7 +71,7 @@ function closeTab(event, modelName) {
 function disableAllOptions() {
     content.dataset.modelName = '';
 
-    document.querySelectorAll(".operations .btn")?.forEach( btn => btn.disabled = true );
+    document.querySelectorAll(".operations .btn")?.forEach(btn => btn.disabled = true);
     document.getElementById("document-count").innerText = 0;
     document.querySelector(".operations select").disabled = true;
 }

package/public/styles/sidebar.css

@@ -0,0 +1,34 @@
+.sidebar {
+    position: fixed;
+    top: 0;
+    width: 15vw;
+    background: #282b30;
+    border-right: 1px solid var(--muted-color);
+    height: 100vh;
+}
+
+.sidebar-header {
+    font-size: 13px;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: #1e2124;
+    padding: 10px;
+    border-bottom: 1px solid var(--muted-color);
+}
+
+.sidebar-header .btn {
+    color: #E0E0E0;
+    background-color: transparent;
+    border: none;
+    font-size: 12px;
+    padding: 0 4px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background 0.1s ease-in-out;
+
+    &:hover {
+        background: #2E3A59;
+    }
+}

package/public/styles/style.css

@@ -14,41 +14,6 @@ body {
     color: #E0E0E0;
 }
 
-.sidebar {
-    position: fixed;
-    top: 0;
-    width: 15vw;
-    background: #282b30;
-    border-right: 1px solid var(--muted-color);
-    height: 100vh;
-}
-
-.sidebar-header {
-    font-size: 13px;
-    font-weight: 600;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: #1e2124;
-    padding: 10px;
-    border-bottom: 1px solid var(--muted-color);
-}
-
-.sidebar-header .btn {
-    color: #E0E0E0;
-    background-color: transparent;
-    border: none;
-    font-size: 12px;
-    padding: 0 4px;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: background 0.1s ease-in-out;
-
-    &:hover {
-        background: #2E3A59;
-    }
-}
-
 .model-wrapper {
     padding: 10px;
 }
@@ -217,7 +182,7 @@ body {
     display: none;
 }
 
-summary::marker{
+summary::marker {
     color: var(--muted-color);
     font-size: 10px;
     margin-right: 10px;
@@ -322,7 +287,7 @@ summary::marker{
     display: flex;
     justify-content: left;
     width: 100%;
-    padding:  0 10px;
+    padding: 0 10px;
 }
 
 .top-container .editDocument {

package/server.js

@@ -42,7 +42,7 @@ app.get("/models", async (_, res) => {
         loadModels(app.locals.modelPath)
         const modelNames = mongoose.modelNames();
         modelNames.sort((a, b) => a.localeCompare(b));
-    
+
         const result = await Promise.all(
             modelNames.map(async name => {
                 const model = mongoose.model(name);
@@ -50,7 +50,7 @@ app.get("/models", async (_, res) => {
                 return { name, count };
             })
         );
-    
+
         res.status(200).json({ models: result });
     } catch (error) {
         res.status(500).json({ error: error.message || "Internal server error" });
@@ -71,6 +71,7 @@ app.get("/models/:modelName", async (req, res) => {
 
         res.status(200).json({ documents, schema: modelSchema, totalCount, count, totalPages });
     } catch (error) {
+        console.log(error)
         res.status(500).json({ error: error.message || "Internal server error" });
     }
 });
@@ -138,56 +139,56 @@ app.post("/insert/:modelName", async (req, res) => {
     try {
         const { modelName } = req.params;
         const body = req.body;
-    
+
         const Model = mongoose.model(modelName);
-    
+
         if (!Model) return res.status(404).json({ error: "model not found" });
-    
+
         const paths = Model.schema.paths;
-    
+
         function getSchema(paths) {
-    
+
             let schema = {};
             for (const path in paths) {
-    
+
                 if (path === '_id' || path === '__v') continue;
-    
+
                 if (paths[path].instance === 'Embedded') {
                     schema[path] = getSchema(paths[path].schema.paths);
                     continue;
                 };
-    
+
                 schema[path] = paths[path].instance;
             }
-    
+
             return schema;
         }
-    
+
         const schema = getSchema(paths)
-    
+
         function getData(body, schema) {
-    
+
             let data = {};
-            
+
             for (const key in schema) {
                 if (typeof schema[key] === 'object' && schema[key] !== null) {
-                    
+
                     data[key] = getData(body, schema[key]);
                     continue;
                 }
-    
+
                 if (Object.keys(body).includes(key)) {
                     data[key] = body[key];
                 }
             }
-    
+
             return data;
         }
-    
+
         const data = getData(body, schema)
-        
+
         const result = await Model.create(data)
-    
+
         res.status(200).json(result)
     } catch (error) {
         res.status(500).json({ error: error.message || "Internal server error" })
@@ -199,7 +200,7 @@ app.put("/update/:modelName/:id", async (req, res) => {
         const { modelName, id } = req.params;
         const model = mongoose.model(modelName);
         const updatedDoc = req.body;
-        
+
         delete updatedDoc._id;
         const result = await model.findByIdAndUpdate(id, updatedDoc, { new: true });
 

package/utils/loadModels.js

@@ -8,13 +8,13 @@ export default (modelPath) => {
     if (!fs.existsSync(modelPath)) {
         console.log(
             chalk.red.bold('[ERROR]') +
-                ' The specified model path does not exist:\n  ' +
-                chalk.gray(modelPath)
+            ' The specified model path does not exist:\n  ' +
+            chalk.gray(modelPath)
         );
         console.log('Tip: Check the path or create the folder first.');
         process.exit(1);
     }
-    
+
     fs.readdirSync(modelPath).forEach(async (file) => {
         if (file.endsWith('.js')) {
             const filePath = path.join(modelPath, file);

package/views/base.zare

@@ -1,4 +1,4 @@
-import keyboardShortcutsJs "/scripts/keyboardCommands"
+import "/scripts/keyboardCommands"
 
 serve (
     <!DOCTYPE html>
@@ -7,7 +7,7 @@ serve (
         <meta charset="UTF-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
         <title>Quar Studio</title>
-        <link rel="shortcut icon" href="/assets/icon.png" type="image/x-icon"/>
+        <link rel="icon" href="/images/icon.png" type="image/x-icon"/>
     </head>
     <body>
         @(slot)

package/views/components/insertTab.zare

@@ -1,5 +1,5 @@
-link insertTabCss "/styles/insertTab"
-import insertTabJs "/scripts/insertTab"
+link "/styles/insertTab"
+import "/scripts/insertTab"
 
 serve (
     <div class="insert-tab">

package/views/components/popup.zare

@@ -1,5 +1,5 @@
-link popupCss "/styles/popup"
-import popupJs "/scripts/popup"
+link "/styles/popup"
+import "/scripts/popup"
 
 serve (
     <div class="popup-overlay" id="popup">

package/views/components/sidebar.zare

@@ -0,0 +1,12 @@
+link "/styles/sidebar"
+
+serve (
+    <div class="sidebar">
+        <div class="sidebar-header">All Models <button onclick="refreshSideBar()" class="btn">⭮</button></div>
+        <div class="model-wrapper">
+            @each (models:model) {
+                <div class="model" onclick="openModel('@(model.name)')">@(model.name)<span id="@(model.name)-doc-count">@(model.count)</span></div>
+            }
+        </div>
+    </div>
+)

package/views/pages/index.zare

@@ -1,22 +1,15 @@
-as Base import "../base.zare"
+as Base import "../base"
 
-as Popup import "../components/popup.zare"
-as InsertTab import "../components/insertTab.zare"\
+as Sidebar import "../components/sidebar"
+as Popup import "../components/popup"
+as InsertTab import "../components/insertTab"
 
-link styleCss "/styles/style"
-import mainJs "/scripts/main"
+link "/styles/style"
+import "/scripts/main"
 
 serve (
     <Base>
-        <div class="sidebar">
-            <div class="sidebar-header">All Models <button onclick="refreshSideBar()" class="btn">⭮</button></div>
-            <div class="model-wrapper">
-                @each (models:model) {
-                    <div class="model" onclick="openModel('@(model.name)')">@(model.name)<span id="@(model.name)-doc-count">@(model.count)</span></div>
-                }
-            </div>
-        </div>
-
+        <Sidebar></Sidebar>
         <div class="main">
             <div class="tabs" id="tabs">
                 <div class="tab" id="tab-quar-studio"><img src="/images/icon.png" alt="uv dex icon" width="24px"/></div>
@@ -52,4 +45,4 @@ serve (
         <Popup/>
         <InsertTab />
     </Base>
-)
+)