json-server 1.0.0-alpha.16 → 1.0.0-alpha.18

package/lib/bin.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { existsSync, readFileSync } from 'node:fs';
+import { existsSync, readFileSync, writeFileSync } from 'node:fs';
 import { extname, join } from 'node:path';
 import { parseArgs } from 'node:util';
 import chalk from 'chalk';
@@ -9,66 +9,94 @@ import { Low } from 'lowdb';
 import { DataFile, JSONFile } from 'lowdb/node';
 import { createApp } from './app.js';
 import { Observer } from './observer.js';
-// Parse args
-const { values, positionals } = parseArgs({
-    args: process.argv.slice(2),
-    options: {
-        port: {
-            type: 'string',
-            short: 'p',
-        },
-        host: {
-            type: 'string',
-            short: 'h',
-        },
-        static: {
-            type: 'string',
-            short: 's',
-            multiple: true,
-        },
-        help: {
-            type: 'boolean',
-        },
-        version: {
-            type: 'boolean',
-        },
-        // Deprecated
-        watch: {
-            type: 'boolean',
-            short: 'w',
-        },
-    },
-    allowPositionals: true,
-});
-// --help
-if (values.help || positionals.length === 0) {
+function help() {
     console.log(`Usage: json-server [options] <file>
+
 Options:
   -p, --port <port>  Port (default: 3000)
   -h, --host <host>  Host (default: localhost)
   -s, --static <dir> Static files directory (multiple allowed)
-  --help  Show this message
+  --help             Show this message
+  --version          Show version number
 `);
-    process.exit();
-}
-// --version
-if (values.version) {
-    const pkg = JSON.parse(readFileSync(join(__dirname, '../package.json'), 'utf8'));
-    console.log(pkg.version);
-    process.exit();
 }
-// Handle --watch
-if (values.watch) {
-    console.log(chalk.yellow('--watch/-w can be omitted, JSON Server 1+ watches for file changes by default'));
+// Parse args
+function args() {
+    try {
+        const { values, positionals } = parseArgs({
+            options: {
+                port: {
+                    type: 'string',
+                    short: 'p',
+                    default: process.env['PORT'] ?? '3000',
+                },
+                host: {
+                    type: 'string',
+                    short: 'h',
+                    default: process.env['HOST'] ?? 'localhost',
+                },
+                static: {
+                    type: 'string',
+                    short: 's',
+                    multiple: true,
+                    default: [],
+                },
+                help: {
+                    type: 'boolean',
+                },
+                version: {
+                    type: 'boolean',
+                },
+                // Deprecated
+                watch: {
+                    type: 'boolean',
+                    short: 'w',
+                },
+            },
+            allowPositionals: true,
+        });
+        // --version
+        if (values.version) {
+            const pkg = JSON.parse(readFileSync(join(__dirname, '../package.json'), 'utf8'));
+            console.log(pkg.version);
+            process.exit();
+        }
+        // Handle --watch
+        if (values.watch) {
+            console.log(chalk.yellow('--watch/-w can be omitted, JSON Server 1+ watches for file changes by default'));
+        }
+        if (values.help || positionals.length === 0) {
+            help();
+            process.exit();
+        }
+        // App args and options
+        return {
+            file: positionals[0] ?? '',
+            port: parseInt(values.port),
+            host: values.host,
+            static: values.static,
+        };
+    }
+    catch (e) {
+        if (e.code === 'ERR_PARSE_ARGS_UNKNOWN_OPTION') {
+            console.log(chalk.red(e.message.split('.')[0]));
+            help();
+            process.exit(1);
+        }
+        else {
+            throw e;
+        }
+    }
 }
-// App args and options
-const file = positionals[0] ?? '';
-const port = parseInt(values.port ?? process.env['PORT'] ?? '3000');
-const host = values.host ?? process.env['HOST'] ?? 'localhost';
+const { file, port, host, static: staticArr } = args();
 if (!existsSync(file)) {
     console.log(chalk.red(`File ${file} not found`));
     process.exit(1);
 }
+// Handle empty string JSON file
+if (readFileSync(file, 'utf-8').trim() === '') {
+    writeFileSync(file, '{}');
+}
 // Set up database
 let adapter;
 if (extname(file) === '.json5') {
@@ -84,12 +112,16 @@ const observer = new Observer(adapter);
 const db = new Low(observer, {});
 await db.read();
 // Create app
-const app = createApp(db, { logger: false, static: values.static });
+const app = createApp(db, { logger: false, static: staticArr });
 function logRoutes(data) {
-    console.log([
-        chalk.bold('Endpoints:'),
-        ...Object.keys(data).map((key) => `${chalk.gray(`http://${host}:${port}/`)}${chalk.blue(key)}`),
-    ].join('\n'));
+    console.log(chalk.bold('Endpoints:'));
+    if (Object.keys(data).length === 0) {
+        console.log(chalk.gray(`No endpoints found, try adding some data to ${file}`));
+        return;
+    }
+    console.log(Object.keys(data)
+        .map((key) => `${chalk.gray(`http://${host}:${port}/`)}${chalk.blue(key)}`)
+        .join('\n'));
 }
 const kaomojis = ['♡⸜(˶˃ ᵕ ˂˶)⸝♡', '♡( ◡‿◡ )', '( ˶ˆ ᗜ ˆ˵ )', '(˶ᵔ ᵕ ᵔ˶)'];
 function randomItem(items) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-server",
-  "version": "1.0.0-alpha.16",
+  "version": "1.0.0-alpha.18",
   "description": "",
   "type": "module",
   "bin": {
@@ -12,6 +12,9 @@
     "public",
     "views"
   ],
+  "engines": {
+    "node": ">=18.3"
+  },
   "scripts": {
     "css": "tailwindcss -i ./views/input.css -o ./public/output.css",
     "watch-ts": "tsx watch src/bin.ts fixtures/db.json",
@@ -29,7 +32,7 @@
   "devDependencies": {
     "@sindresorhus/tsconfig": "^5.0.0",
     "@tailwindcss/typography": "^0.5.10",
-    "@types/node": "^20.10.7",
+    "@types/node": "^20.11.0",
     "@typicode/eslint-config": "^1.2.0",
     "concurrently": "^8.2.2",
     "get-port": "^7.0.0",

package/public/output.css

@@ -1116,6 +1116,30 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+
+.from-purple-500 {
+  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.via-pink-500 {
+  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.to-red-500 {
+  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
+}
+
+.bg-clip-text {
+  -webkit-background-clip: text;
+          background-clip: text;
+}
+
 .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -1125,16 +1149,29 @@ video {
   padding-top: 1.5rem;
 }
 
+.font-semibold {
+  font-weight: 600;
+}
+
 .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
+
 .text-slate-900 {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity));
 }
 
+.text-transparent {
+  color: transparent;
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:prose-invert {
     --tw-prose-body: var(--tw-prose-invert-body);

package/views/index.html

@@ -10,18 +10,19 @@
 <body class="container mx-auto prose dark:prose-invert dark:bg-slate-900 pt-6 bg-white text-slate-900">
   <header>
     <nav class="mx-auto flex items-center justify-between">
-      <strong>JSON Server (* ^ω^)</strong>
+      <strong>JSON Server</strong>
       <div class="flex gap-x-6">
         <a href="https://github.com/typicode/json-server">
-          <span class="ml-2">GitHub</span>
+          <span class="ml-2">Docs</span>
         </a>
-        <a href="https://github.com/sponsors/typicode">
+        <a href="https://github.com/sponsors/typicode" class="text-red-500 font-semibold">
           <span class="ml-2">♡ Sponsor</span>
         </a>
       </div>
     </nav>
   </header>
   <main class="my-12">
+    <p class="bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 text-transparent bg-clip-text">✧*｡٩(ˊᗜˋ*)و✧*｡</p>
     <% if (Object.keys(it.data).length === 0) { %>
       <p>No resources found in JSON file</p>
     <% } %>