json-server 1.0.0-alpha.10 → 1.0.0-alpha.11

package/README.md

@@ -40,7 +40,7 @@ $ json-server db.json
 Get a REST API
 
 ```shell
-$ curl -H "Accept: application/json" -X GET http://localhost:3000/posts/1
+$ curl http://localhost:3000/posts/1
 {
   "id": "1",
   "title": "a title"
@@ -53,6 +53,8 @@ Run `json-server --help` for a list of options
 | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
 |                         <a href="https://mockend.com/" target="_blank"><img src="https://jsonplaceholder.typicode.com/mockend.svg" height="70px"></a>                          |
 | <a href="https://www.storyblok.com/" target="_blank"><img src="https://github.com/typicode/json-server/assets/5502029/c6b10674-4ada-4616-91b8-59d30046b45a" height="40px"></a> |
+| <a href="https://betterstack.com/" target="_blank"><img src="https://github.com/typicode/json-server/assets/5502029/44679f8f-9671-470d-b77e-26d90b90cbdc" height="40px"></a> |
+
 
 [Become a sponsor and have your company logo here](https://github.com/users/typicode/sponsorship)
 

package/lib/bin.js

@@ -2,6 +2,7 @@
 import { existsSync, readFileSync } from 'node:fs';
 import { extname, join } from 'node:path';
 import { parseArgs } from 'node:util';
+import chalk from 'chalk';
 import { watch } from 'chokidar';
 import JSON5 from 'json5';
 import { Low } from 'lowdb';
@@ -54,7 +55,7 @@ const file = positionals[0] ?? '';
 const port = parseInt(values.port ?? process.env['PORT'] ?? '3000');
 const host = values.host ?? process.env['HOST'] ?? 'localhost';
 if (!existsSync(file)) {
-    console.log(`File ${file} not found`);
+    console.log(chalk.red(`File ${file} not found`));
     process.exit(1);
 }
 // Set up database
@@ -73,37 +74,63 @@ const db = new Low(observer, {});
 await db.read();
 // Create app
 const app = createApp(db, { logger: false, static: values.static });
-function routes(db) {
-    return Object.keys(db.data).map((key) => `http://${host}:${port}/${key}`);
+function logRoutes(data) {
+    console.log([
+        chalk.bold('Endpoints:'),
+        ...Object.keys(data).map((key) => `${chalk.gray(`http://${host}:${port}/`)}${chalk.blue(key)}`),
+    ].join('\n'));
 }
+const kaomojis = ['♡⸜(˶˃ ᵕ ˂˶)⸝♡', '♡( ◡‿◡ )', '( ˶ˆ ᗜ ˆ˵ )', '(˶ᵔ ᵕ ᵔ˶)'];
+// Get system current language
+app.listen(port, () => {
+    console.log([
+        chalk.bold(`JSON Server started on PORT :${port}`),
+        chalk.gray('Press CTRL-C to stop'),
+        chalk.gray(`Watching ${file}...`),
+        '',
+        chalk.magenta(kaomojis[Math.floor(Math.random() * kaomojis.length)]),
+        '',
+        chalk.bold('Index:'),
+        chalk.gray(`http://localhost:${port}/`),
+        '',
+        chalk.bold('Static files:'),
+        chalk.gray('Serving ./public directory if it exists'),
+        '',
+    ].join('\n'));
+    logRoutes(db.data);
+});
 // Watch file for changes
 if (process.env['NODE_ENV'] !== 'production') {
     let writing = false; // true if the file is being written to by the app
+    let prevEndpoints = '';
     observer.onWriteStart = () => {
         writing = true;
     };
     observer.onWriteEnd = () => {
         writing = false;
     };
-    observer.onReadStart = () => console.log(`Reloading ${file}...`);
-    observer.onReadEnd = () => console.log('Reloaded');
+    observer.onReadStart = () => {
+        prevEndpoints = JSON.stringify(Object.keys(db.data).sort());
+    };
+    observer.onReadEnd = (data) => {
+        if (data === null) {
+            return;
+        }
+        const nextEndpoints = JSON.stringify(Object.keys(data).sort());
+        if (prevEndpoints !== nextEndpoints) {
+            console.log();
+            logRoutes(data);
+        }
+    };
     watch(file).on('change', () => {
         // Do no reload if the file is being written to by the app
         if (!writing) {
-            db.read()
-                .then(() => routes(db))
-                .catch((e) => {
+            db.read().catch((e) => {
                 if (e instanceof SyntaxError) {
-                    return console.log(e.message);
+                    return console.log(chalk.red(['', `Error parsing ${file}`, e.message].join('\n')));
                 }
                 console.log(e);
             });
         }
     });
 }
-app.listen(port, () => {
-    console.log(`Started on :${port}`);
-    console.log(`http://localhost:${port}/`);
-    console.log(routes(db).join('\n'));
-    console.log(`Watching ${file}...`);
-});

package/lib/observer.d.ts

@@ -2,7 +2,7 @@ import { Adapter } from 'lowdb';
 export declare class Observer<T> {
     #private;
     onReadStart: () => void;
-    onReadEnd: () => void;
+    onReadEnd: (data: T | null) => void;
     onWriteStart: () => void;
     onWriteEnd: () => void;
     constructor(adapter: Adapter<T>);

package/lib/observer.js

@@ -19,7 +19,7 @@ export class Observer {
     async read() {
         this.onReadStart();
         const data = await this.#adapter.read();
-        this.onReadEnd();
+        this.onReadEnd(data);
         return data;
     }
     async write(arg) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-server",
-  "version": "1.0.0-alpha.10",
+  "version": "1.0.0-alpha.11",
   "description": "",
   "type": "module",
   "types": "lib",
@@ -39,6 +39,7 @@
   "dependencies": {
     "@tinyhttp/app": "^2.2.1",
     "@tinyhttp/cors": "^2.0.0",
+    "chalk": "^5.3.0",
     "chokidar": "^3.5.3",
     "dot-prop": "^8.0.2",
     "eta": "^3.2.0",