db-json-cli 1.0.4 → 2.0.0

package/app/api/[resource]/[id]/route.js

@@ -0,0 +1,34 @@
+import { NextResponse } from "next/server";
+import { getDB } from "@/lib/db";
+import { authMiddleware } from "@/lib/auth";
+
+export async function GET(request, { params }) {
+  try {
+    const { resource, id } = params;
+    const db = await getDB();
+
+    if (!db[resource]) {
+      return NextResponse.json({ message: "Resource not found" }, { status: 404 });
+    }
+
+    // Check if private
+    const isPrivate = db.rules?.[resource] === "private";
+    if (isPrivate) {
+      const user = authMiddleware(request);
+      if (!user) {
+        return NextResponse.json({ message: "No token" }, { status: 401 });
+      }
+    }
+
+    const itemId = Number(id);
+    const item = db[resource].find((i) => i.id === itemId);
+
+    if (!item) {
+      return NextResponse.json({ message: "Not found" }, { status: 404 });
+    }
+
+    return NextResponse.json(item);
+  } catch (error) {
+    return NextResponse.json({ message: "Failed to fetch item" }, { status: 500 });
+  }
+}

package/app/api/[resource]/route.js

@@ -0,0 +1,74 @@
+import { NextResponse } from "next/server";
+import { getDB, saveDB } from "@/lib/db";
+import { authMiddleware } from "@/lib/auth";
+
+export async function GET(request, { params }) {
+  try {
+    const { resource } = params;
+    const db = await getDB();
+
+    if (!db[resource]) {
+      return NextResponse.json({ message: "Resource not found" }, { status: 404 });
+    }
+
+    // Check if private
+    const isPrivate = db.rules?.[resource] === "private";
+    if (isPrivate) {
+      const user = authMiddleware(request);
+      if (!user) {
+        return NextResponse.json({ message: "No token" }, { status: 401 });
+      }
+    }
+
+    // Filter by range
+    const { searchParams } = new URL(request.url);
+    const from = searchParams.get("from");
+    const to = searchParams.get("to");
+
+    let data = db[resource];
+    if (from && to) {
+      const fromNum = Number(from);
+      const toNum = Number(to);
+      data = data.filter((item) => item.id >= fromNum && item.id <= toNum);
+    }
+
+    return NextResponse.json(data);
+  } catch (error) {
+    return NextResponse.json({ message: "Failed to fetch data" }, { status: 500 });
+  }
+}
+
+export async function POST(request, { params }) {
+  try {
+    const { resource } = params;
+    const db = await getDB();
+
+    if (!db[resource]) {
+      return NextResponse.json({ message: "Resource not found" }, { status: 404 });
+    }
+
+    // Check if private
+    const isPrivate = db.rules?.[resource] === "private";
+    if (isPrivate) {
+      const user = authMiddleware(request);
+      if (!user) {
+        return NextResponse.json({ message: "No token" }, { status: 401 });
+      }
+    }
+
+    const newItem = await request.json();
+    if (!newItem || typeof newItem !== "object") {
+      return NextResponse.json({ message: "Invalid body" }, { status: 400 });
+    }
+
+    const id = db[resource].length ? Math.max(...db[resource].map((i) => i.id)) + 1 : 1;
+    const item = { id, ...newItem };
+
+    db[resource].push(item);
+    await saveDB(db);
+
+    return NextResponse.json(item);
+  } catch (error) {
+    return NextResponse.json({ message: "Failed to create item" }, { status: 500 });
+  }
+}

package/app/api/info/route.js

@@ -0,0 +1,26 @@
+import { NextResponse } from "next/server";
+import { getDB } from "@/lib/db";
+
+export async function GET() {
+  try {
+    const db = await getDB();
+    const routeList = [];
+
+    Object.keys(db).forEach((key) => {
+      if (["users", "rules"].includes(key)) return;
+      const isPrivate = db.rules?.[key] === "private";
+      routeList.push({
+        key,
+        count: db[key].length,
+        permission: isPrivate ? "private" : "public",
+      });
+    });
+
+    return NextResponse.json({
+      routeList,
+      port: process.env.PORT || 4000,
+    });
+  } catch (error) {
+    return NextResponse.json({ message: "Failed to load DB info" }, { status: 500 });
+  }
+}

package/app/api/login/route.js

@@ -0,0 +1,27 @@
+import { NextResponse } from "next/server";
+import { getDB } from "@/lib/db";
+import { comparePassword, generateTokens } from "@/lib/auth";
+
+export async function POST(request) {
+  try {
+    const { email, password } = await request.json();
+
+    const db = await getDB();
+    const user = db.users.find((u) => u.email === email);
+
+    if (!user) {
+      return NextResponse.json({ message: "Invalid credentials" }, { status: 401 });
+    }
+
+    const valid = await comparePassword(password, user.password);
+
+    if (!valid) {
+      return NextResponse.json({ message: "Invalid credentials" }, { status: 401 });
+    }
+
+    const tokens = generateTokens({ id: user.id, email: user.email });
+    return NextResponse.json(tokens);
+  } catch (error) {
+    return NextResponse.json({ message: "Login failed" }, { status: 500 });
+  }
+}

package/app/api/register/route.js

@@ -0,0 +1,32 @@
+import { NextResponse } from "next/server";
+import { getDB, saveDB } from "@/lib/db";
+import { hashPassword, generateTokens } from "@/lib/auth";
+
+export async function POST(request) {
+  try {
+    const { email, password, name } = await request.json();
+
+    if (!email || !password) {
+      return NextResponse.json({ message: "Email/password required" }, { status: 400 });
+    }
+
+    const db = await getDB();
+    const exists = db.users.find((u) => u.email === email);
+
+    if (exists) {
+      return NextResponse.json({ message: "User already exists" }, { status: 409 });
+    }
+
+    const hashed = await hashPassword(password);
+    const id = db.users.length ? Math.max(...db.users.map((u) => u.id)) + 1 : 1;
+    const newUser = { id, email, name: name || "", password: hashed };
+
+    db.users.push(newUser);
+    await saveDB(db);
+
+    const tokens = generateTokens({ id, email });
+    return NextResponse.json(tokens);
+  } catch (error) {
+    return NextResponse.json({ message: "Registration failed" }, { status: 500 });
+  }
+}

package/app/layout.jsx

@@ -0,0 +1,7 @@
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body style={{ margin: 0, padding: 0 }}>{children}</body>
+    </html>
+  );
+}

package/app/page.jsx

@@ -0,0 +1,321 @@
+"use client";
+
+import { useState, useEffect } from "react";
+
+export default function HomePage() {
+  const [routeList, setRouteList] = useState([]);
+  const [port, setPort] = useState(4000);
+  const [loading, setLoading] = useState(true);
+  const [activeEndpoint, setActiveEndpoint] = useState(null);
+
+  useEffect(() => {
+    fetch("/api/info")
+      .then((res) => res.json())
+      .then((data) => {
+        setRouteList(data.routeList);
+        setPort(data.port);
+        setLoading(false);
+      })
+      .catch((err) => {
+        console.error("Failed to load API info:", err);
+        setLoading(false);
+      });
+  }, []);
+
+  if (loading) {
+    return (
+      <>
+        <div className="loading-container">Loading...</div>
+        <style jsx>{`
+          .loading-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            background: linear-gradient(to bottom, #1a1a2e 0%, #16213e 100%);
+            color: white;
+            font-size: 1.5rem;
+          }
+        `}</style>
+      </>
+    );
+  }
+
+  return (
+    <>
+      <div className="container">
+        <div className="header">
+          <div className="header-content">
+            <h1>🚀 db-json-cli API</h1>
+            <p>RESTful JSON API Documentation</p>
+          </div>
+        </div>
+
+        <div className="content">
+          <div className="info-box">
+            <h2>📖 API Information</h2>
+            <p>Welcome to the db-json-cli API. This API provides RESTful endpoints for managing your data.</p>
+            <div className="base-url">Base URL: http://localhost:{port}</div>
+          </div>
+
+          <div className="endpoints">
+            <h2>Available Endpoints</h2>
+
+            {routeList.map((r) => (
+              <div key={r.key}>
+                <div
+                  className={`endpoint-item ${activeEndpoint === `${r.key}-get` ? "active" : ""}`}
+                  onClick={() => setActiveEndpoint(activeEndpoint === `${r.key}-get` ? null : `${r.key}-get`)}
+                >
+                  <div className="endpoint-header">
+                    <span className="method-badge method-get">GET</span>
+                    <span className="endpoint-path">/{r.key}</span>
+                    <span className={`permission-badge permission-${r.permission}`}>
+                      {r.permission === "public" ? "🔓" : "🔒"} {r.permission.toUpperCase()}
+                    </span>
+                    <span className="endpoint-count">
+                      {r.count} {r.count === 1 ? "item" : "items"}
+                    </span>
+                  </div>
+                  <div className="endpoint-description">
+                    Retrieve all {r.key} or filter by ID range using ?from=1&to=10
+                  </div>
+                  {activeEndpoint === `${r.key}-get` && (
+                    <div className="endpoint-actions">
+                      <a
+                        href={`/api/${r.key}`}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="action-btn btn-primary"
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        Try it out
+                      </a>
+                    </div>
+                  )}
+                </div>
+
+                <div className="endpoint-item">
+                  <div className="endpoint-header">
+                    <span className="method-badge method-get">GET</span>
+                    <span className="endpoint-path">/{r.key}/:id</span>
+                    <span className={`permission-badge permission-${r.permission}`}>
+                      {r.permission === "public" ? "🔓" : "🔒"} {r.permission.toUpperCase()}
+                    </span>
+                  </div>
+                  <div className="endpoint-description">Retrieve a specific item by ID</div>
+                </div>
+
+                <div className="endpoint-item">
+                  <div className="endpoint-header">
+                    <span className="method-badge method-post">POST</span>
+                    <span className="endpoint-path">/{r.key}</span>
+                    <span className={`permission-badge permission-${r.permission}`}>
+                      {r.permission === "public" ? "🔓" : "🔒"} {r.permission.toUpperCase()}
+                    </span>
+                  </div>
+                  <div className="endpoint-description">Create a new item (ID will be auto-generated)</div>
+                </div>
+              </div>
+            ))}
+
+            <div className="endpoint-item">
+              <div className="endpoint-header">
+                <span className="method-badge method-post">POST</span>
+                <span className="endpoint-path">/register</span>
+              </div>
+              <div className="endpoint-description">Register a new user account</div>
+            </div>
+
+            <div className="endpoint-item">
+              <div className="endpoint-header">
+                <span className="method-badge method-post">POST</span>
+                <span className="endpoint-path">/login</span>
+              </div>
+              <div className="endpoint-description">Login and receive access tokens</div>
+            </div>
+          </div>
+        </div>
+
+        <div className="footer">
+          <p>Generated by db-json-cli • Made with ♥</p>
+        </div>
+      </div>
+
+      <style jsx>{`
+        * {
+          margin: 0;
+          padding: 0;
+          box-sizing: border-box;
+        }
+        .container {
+          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+          background: linear-gradient(to bottom, #1a1a2e 0%, #16213e 100%);
+          color: #333;
+          min-height: 100vh;
+        }
+        .header {
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          padding: 3rem 2rem;
+          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .header-content {
+          max-width: 1200px;
+          margin: 0 auto;
+        }
+        .header h1 {
+          color: white;
+          font-size: 2.5rem;
+          margin-bottom: 0.5rem;
+          font-weight: 700;
+        }
+        .header p {
+          color: rgba(255, 255, 255, 0.9);
+          font-size: 1.1rem;
+        }
+        .content {
+          max-width: 1200px;
+          margin: 0 auto;
+          padding: 2rem;
+        }
+        .info-box {
+          background: white;
+          border-radius: 12px;
+          padding: 1.5rem;
+          margin-bottom: 2rem;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        }
+        .info-box h2 {
+          color: #667eea;
+          font-size: 1.3rem;
+          margin-bottom: 0.5rem;
+        }
+        .info-box p {
+          color: #666;
+          line-height: 1.6;
+        }
+        .base-url {
+          background: #f8f9fa;
+          padding: 0.5rem 1rem;
+          border-radius: 6px;
+          font-family: "Courier New", monospace;
+          color: #333;
+          display: inline-block;
+          margin-top: 0.5rem;
+        }
+        .endpoints {
+          background: white;
+          border-radius: 12px;
+          padding: 2rem;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        }
+        .endpoints h2 {
+          color: #333;
+          font-size: 1.5rem;
+          margin-bottom: 1.5rem;
+          padding-bottom: 0.5rem;
+          border-bottom: 2px solid #667eea;
+        }
+        .endpoint-item {
+          background: #f8f9fa;
+          border: 1px solid #e9ecef;
+          border-radius: 8px;
+          padding: 1.5rem;
+          margin-bottom: 1rem;
+          transition: all 0.3s ease;
+          cursor: pointer;
+        }
+        .endpoint-item:hover,
+        .endpoint-item.active {
+          transform: translateY(-2px);
+          box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
+          border-color: #667eea;
+        }
+        .endpoint-header {
+          display: flex;
+          align-items: center;
+          gap: 1rem;
+          margin-bottom: 1rem;
+          flex-wrap: wrap;
+        }
+        .method-badge {
+          padding: 0.3rem 0.8rem;
+          border-radius: 4px;
+          font-weight: 600;
+          font-size: 0.75rem;
+          text-transform: uppercase;
+          letter-spacing: 0.5px;
+        }
+        .method-get {
+          background: #e7f5ff;
+          color: #1971c2;
+        }
+        .method-post {
+          background: #d3f9d8;
+          color: #2f9e44;
+        }
+        .permission-badge {
+          padding: 0.3rem 0.8rem;
+          border-radius: 4px;
+          font-weight: 600;
+          font-size: 0.75rem;
+          text-transform: uppercase;
+          letter-spacing: 0.5px;
+        }
+        .permission-public {
+          background: #d3f9d8;
+          color: #2f9e44;
+        }
+        .permission-private {
+          background: #ffd43b;
+          color: #856404;
+        }
+        .endpoint-path {
+          font-family: "Courier New", monospace;
+          font-size: 1.1rem;
+          color: #333;
+          font-weight: 500;
+        }
+        .endpoint-count {
+          margin-left: auto;
+          background: #667eea;
+          color: white;
+          padding: 0.3rem 0.8rem;
+          border-radius: 20px;
+          font-size: 0.85rem;
+          font-weight: 600;
+        }
+        .endpoint-description {
+          color: #666;
+          line-height: 1.5;
+        }
+        .endpoint-actions {
+          margin-top: 1rem;
+        }
+        .action-btn {
+          padding: 0.5rem 1rem;
+          border-radius: 6px;
+          text-decoration: none;
+          font-size: 0.9rem;
+          font-weight: 500;
+          transition: all 0.2s;
+          display: inline-block;
+        }
+        .btn-primary {
+          background: #667eea;
+          color: white;
+        }
+        .btn-primary:hover {
+          background: #5568d3;
+          transform: translateY(-1px);
+        }
+        .footer {
+          text-align: center;
+          padding: 2rem;
+          color: rgba(255, 255, 255, 0.7);
+          font-size: 0.9rem;
+        }
+      `}</style>
+    </>
+  );
+}

package/bin/cli.js

@@ -0,0 +1,34 @@
+#!/usr/bin/env node
+
+import { execSync } from "child_process";
+import yargs from "yargs";
+import { hideBin } from "yargs/helpers";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const argv = yargs(hideBin(process.argv))
+  .option("port", { alias: "p", type: "number", default: 4000 })
+  .option("db", { alias: "d", type: "string", default: "./db.json" })
+  .option("watch", { alias: "w", type: "boolean", default: false })
+  .help().argv;
+
+const projectRoot = path.join(__dirname, "..");
+
+process.env.DB_PATH = path.resolve(argv.db);
+process.env.PORT = argv.port.toString();
+
+console.log(`✅ db-json-cli running on http://localhost:${argv.port}\n`);
+
+try {
+  execSync(`cd "${projectRoot}" && npx next start -p ${argv.port}`, {
+    stdio: "inherit",
+    env: process.env,
+    shell: true,
+  });
+} catch (err) {
+  console.error("Error:", err.message);
+  process.exit(1);
+}

package/db.json

@@ -0,0 +1,57 @@
+{
+  "users": [
+    {
+      "id": 1,
+      "email": "test",
+      "name": "홍길동",
+      "password": "$2a$10$aRUDFO7qzoB38sPn4d/9lON24nVo5UIG6T85MhmDK6UtoTIDjsf3i"
+    }
+  ],
+  "rules": {
+    "test1": "public",
+    "test2": "private",
+    "test3": "public"
+  },
+  "test1": [
+    {
+      "id": 1,
+      "message": "good"
+    },
+    {
+      "id": 2,
+      "message": "good"
+    },
+    {
+      "id": 3,
+      "message": "good"
+    }
+  ],
+  "test2": [
+    {
+      "id": 1,
+      "message": "good"
+    },
+    {
+      "id": 2,
+      "message": "good"
+    },
+    {
+      "id": 3,
+      "message": "good"
+    }
+  ],
+  "test3": [
+    {
+      "id": 1,
+      "message": "good"
+    },
+    {
+      "id": 2,
+      "message": "good"
+    },
+    {
+      "id": 3,
+      "message": "good"
+    }
+  ]
+}

package/jsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./*"]
+    }
+  }
+}

package/{src → lib}/auth.js

@@ -1,8 +1,8 @@
 import jwt from "jsonwebtoken";
 import bcrypt from "bcryptjs";
 
-const ACCESS_SECRET = "access-secret";
-const REFRESH_SECRET = "refresh-secret";
+const ACCESS_SECRET = process.env.ACCESS_SECRET || "access-secret";
+const REFRESH_SECRET = process.env.REFRESH_SECRET || "refresh-secret";
 
 export const hashPassword = async (password) => {
   const salt = await bcrypt.genSalt(10);
@@ -13,22 +13,24 @@ export const comparePassword = async (password, hash) => {
   return bcrypt.compare(password, hash);
 };
 
-export const generateTokens = async (payload) => {
+export const generateTokens = (payload) => {
   const accessToken = jwt.sign(payload, ACCESS_SECRET, { expiresIn: "1h" });
   const refreshToken = jwt.sign(payload, REFRESH_SECRET, { expiresIn: "7d" });
   return { accessToken, refreshToken };
 };
 
-export const authMiddleware = async (req, res, next) => {
-  const auth = req.headers["authorization"];
-  if (!auth) return res.status(401).json({ message: "No token" });
-
-  const token = auth.split(" ")[1];
+export const verifyToken = (token) => {
   try {
-    const decoded = jwt.verify(token, ACCESS_SECRET);
-    req.user = decoded;
-    next();
+    return jwt.verify(token, ACCESS_SECRET);
   } catch (e) {
-    return res.status(401).json({ message: "Invalid token" });
+    return null;
   }
 };
+
+export const authMiddleware = (req) => {
+  const auth = req.headers.get("authorization");
+  if (!auth) return null;
+
+  const token = auth.split(" ")[1];
+  return verifyToken(token);
+};

package/lib/db.js

@@ -0,0 +1,47 @@
+import fs from "fs-extra";
+
+let dbCache = null;
+let dbPath = process.env.DB_PATH || "./db.json";
+
+export const getDB = async () => {
+  if (dbCache) return dbCache;
+
+  const defaultDB = {
+    users: [],
+    rules: { test1: "public", test2: "private", test3: "public" },
+    test1: [
+      { id: 1, message: "good" },
+      { id: 2, message: "good" },
+      { id: 3, message: "good" },
+    ],
+    test2: [
+      { id: 1, message: "good" },
+      { id: 2, message: "good" },
+      { id: 3, message: "good" },
+    ],
+    test3: [
+      { id: 1, message: "good" },
+      { id: 2, message: "good" },
+      { id: 3, message: "good" },
+    ],
+  };
+
+  if (fs.existsSync(dbPath)) {
+    dbCache = await fs.readJson(dbPath);
+  } else {
+    dbCache = defaultDB;
+    await fs.writeJson(dbPath, defaultDB, { spaces: 2 });
+  }
+
+  return dbCache;
+};
+
+export const saveDB = async (db) => {
+  dbCache = db;
+  await fs.writeJson(dbPath, db, { spaces: 2 });
+};
+
+export const refreshDB = async () => {
+  dbCache = null;
+  return await getDB();
+};

package/next.config.js

@@ -0,0 +1,21 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  async headers() {
+    return [
+      {
+        source: "/(.*)",
+        headers: [
+          {
+            key: "Content-Security-Policy",
+            // 아예 모든 연결을 허용해서 테스트해보세요 (개발용)
+            value:
+              "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; connect-src 'self' http://localhost:4000;",
+          },
+        ],
+      },
+    ];
+  },
+};
+
+export default nextConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "db-json-cli",
-  "version": "1.0.4",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "Lightweight JSON-based backend server with JWT authentication and CLI support",
   "repository": {
@@ -19,22 +19,23 @@
     "express",
     "api"
   ],
+  "type": "module",
   "bin": {
-    "db-json-cli": "./bin/db-json-cli.js"
+    "db-json-cli": "./bin/cli.js"
   },
-  "type": "module",
   "scripts": {
-    "start": "node bin/db-json-cli.js"
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
+    "next": "^14.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "fs-extra": "^11.2.0",
+    "jsonwebtoken": "^9.0.2",
     "bcryptjs": "^2.4.3",
-    "body-parser": "^1.20.2",
-    "chokidar": "^4.0.3",
-    "cors": "^2.8.5",
-    "ejs": "^3.1.10",
-    "express": "^4.21.2",
-    "fs-extra": "^11.1.1",
-    "jsonwebtoken": "^9.0.0",
-    "yargs": "^18.0.0"
+    "yargs": "^17.7.2"
   }
 }

package/bin/db-json-cli.js

@@ -1,30 +0,0 @@
-#!/usr/bin/env node
-
-import yargs from "yargs";
-import { hideBin } from "yargs/helpers";
-import { startServer } from "../src/server.js";
-
-const argv = yargs(hideBin(process.argv))
-  .option("port", {
-    alias: "p",
-    type: "number",
-    default: 4000,
-    description: "Port to run the server on",
-  })
-  .option("db", {
-    alias: "d",
-    type: "string",
-    default: "./db.json",
-    description: "Path to JSON database file",
-  })
-  .option("watch", {
-    alias: "w",
-    type: "boolean",
-    default: false,
-    description: "Watch DB file for changes",
-  })
-  .help().argv;
-
-if (argv.watch) process.env.WATCH = "true";
-
-startServer(argv.db, argv.port);

package/src/index.ejs

@@ -1,261 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>db-json-cli API Documentation</title>
-    <style>
-      * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-      }
-      body {
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-        background: linear-gradient(to bottom, #1a1a2e 0%, #16213e 100%);
-        color: #333;
-        min-height: 100vh;
-      }
-      .header {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        padding: 3rem 2rem;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-      }
-      .container {
-        max-width: 1200px;
-        margin: 0 auto;
-      }
-      .header h1 {
-        color: white;
-        font-size: 2.5rem;
-        margin-bottom: 0.5rem;
-        font-weight: 700;
-      }
-      .header p {
-        color: rgba(255, 255, 255, 0.9);
-        font-size: 1.1rem;
-      }
-      .content {
-        padding: 2rem;
-      }
-      .info-box {
-        background: white;
-        border-radius: 12px;
-        padding: 1.5rem;
-        margin-bottom: 2rem;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      }
-      .info-box h2 {
-        color: #667eea;
-        font-size: 1.3rem;
-        margin-bottom: 0.5rem;
-      }
-      .info-box p {
-        color: #666;
-        line-height: 1.6;
-      }
-      .base-url {
-        background: #f8f9fa;
-        padding: 0.5rem 1rem;
-        border-radius: 6px;
-        font-family: "Courier New", monospace;
-        color: #333;
-        display: inline-block;
-        margin-top: 0.5rem;
-      }
-      .endpoints {
-        background: white;
-        border-radius: 12px;
-        padding: 2rem;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      }
-      .endpoints h2 {
-        color: #333;
-        font-size: 1.5rem;
-        margin-bottom: 1.5rem;
-        padding-bottom: 0.5rem;
-        border-bottom: 2px solid #667eea;
-      }
-      .endpoint-item {
-        background: #f8f9fa;
-        border: 1px solid #e9ecef;
-        border-radius: 8px;
-        padding: 1.5rem;
-        margin-bottom: 1rem;
-        transition: all 0.3s ease;
-      }
-      .endpoint-item:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
-        border-color: #667eea;
-      }
-      .endpoint-header {
-        display: flex;
-        align-items: center;
-        gap: 1rem;
-        margin-bottom: 1rem;
-        flex-wrap: wrap;
-      }
-      .method-badge {
-        padding: 0.3rem 0.8rem;
-        border-radius: 4px;
-        font-weight: 600;
-        font-size: 0.75rem;
-        text-transform: uppercase;
-        letter-spacing: 0.5px;
-      }
-      .method-get {
-        background: #e7f5ff;
-        color: #1971c2;
-      }
-      .method-post {
-        background: #d3f9d8;
-        color: #2f9e44;
-      }
-      .permission-badge {
-        padding: 0.3rem 0.8rem;
-        border-radius: 4px;
-        font-weight: 600;
-        font-size: 0.75rem;
-        text-transform: uppercase;
-        letter-spacing: 0.5px;
-      }
-      .permission-public {
-        background: #d3f9d8;
-        color: #2f9e44;
-      }
-      .permission-private {
-        background: #ffd43b;
-        color: #856404;
-      }
-      .endpoint-path {
-        font-family: "Courier New", monospace;
-        font-size: 1.1rem;
-        color: #333;
-        font-weight: 500;
-      }
-      .endpoint-count {
-        margin-left: auto;
-        background: #667eea;
-        color: white;
-        padding: 0.3rem 0.8rem;
-        border-radius: 20px;
-        font-size: 0.85rem;
-        font-weight: 600;
-      }
-      .endpoint-description {
-        color: #666;
-        margin-bottom: 1rem;
-        line-height: 1.5;
-      }
-      .endpoint-actions {
-        display: flex;
-        gap: 0.5rem;
-      }
-      .action-btn {
-        padding: 0.5rem 1rem;
-        border-radius: 6px;
-        text-decoration: none;
-        font-size: 0.9rem;
-        font-weight: 500;
-        transition: all 0.2s;
-        display: inline-block;
-      }
-      .btn-primary {
-        background: #667eea;
-        color: white;
-      }
-      .btn-primary:hover {
-        background: #5568d3;
-        transform: translateY(-1px);
-      }
-      .btn-secondary {
-        background: #e9ecef;
-        color: #333;
-      }
-      .btn-secondary:hover {
-        background: #dee2e6;
-      }
-      .footer {
-        text-align: center;
-        padding: 2rem;
-        color: rgba(255, 255, 255, 0.7);
-        font-size: 0.9rem;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="header">
-      <div class="container">
-        <h1>🚀 db-json-cli API</h1>
-        <p>RESTful JSON API Documentation</p>
-      </div>
-    </div>
-
-    <div class="container content">
-      <div class="info-box">
-        <h2>📖 API Information</h2>
-        <p>Welcome to the db-json-cli API. This API provides RESTful endpoints for managing your data.</p>
-        <div class="base-url">Base URL: http://localhost:<%= port %></div>
-      </div>
-
-      <div class="endpoints">
-        <h2>Available Endpoints</h2>
-        <% routeList.forEach(r => { %>
-        <div class="endpoint-item">
-          <div class="endpoint-header">
-            <span class="method-badge method-get">GET</span>
-            <span class="endpoint-path">/<%= r.key %></span>
-            <span class="permission-badge permission-<%= r.permission %>"><%= r.permission.toUpperCase() %></span>
-            <span class="endpoint-count"><%= r.count %> <%= r.count === 1 ? 'item' : 'items' %></span>
-          </div>
-          <div class="endpoint-description">Retrieve all <%= r.key %> or filter by ID range using ?from=1&to=10</div>
-          <div class="endpoint-actions">
-            <a href="http://localhost:<%= port %>/<%= r.key %>" target="_blank" class="action-btn btn-primary">
-              Try it out
-            </a>
-          </div>
-        </div>
-
-        <div class="endpoint-item">
-          <div class="endpoint-header">
-            <span class="method-badge method-get">GET</span>
-            <span class="endpoint-path">/<%= r.key %>/:id</span>
-            <span class="permission-badge permission-<%= r.permission %>"><%= r.permission.toUpperCase() %></span>
-          </div>
-          <div class="endpoint-description">Retrieve a specific item by ID</div>
-        </div>
-
-        <div class="endpoint-item">
-          <div class="endpoint-header">
-            <span class="method-badge method-post">POST</span>
-            <span class="endpoint-path">/<%= r.key %></span>
-            <span class="permission-badge permission-<%= r.permission %>"><%= r.permission.toUpperCase() %></span>
-          </div>
-          <div class="endpoint-description">Create a new item (ID will be auto-generated)</div>
-        </div>
-        <% }) %>
-
-        <div class="endpoint-item">
-          <div class="endpoint-header">
-            <span class="method-badge method-post">POST</span>
-            <span class="endpoint-path">/register</span>
-          </div>
-          <div class="endpoint-description">Register a new user account</div>
-        </div>
-
-        <div class="endpoint-item">
-          <div class="endpoint-header">
-            <span class="method-badge method-post">POST</span>
-            <span class="endpoint-path">/login</span>
-          </div>
-          <div class="endpoint-description">Login and receive access tokens</div>
-        </div>
-      </div>
-    </div>
-
-    <div class="footer">
-      <p>Generated by db-json-cli • Made with ♥</p>
-    </div>
-  </body>
-</html>

package/src/server.js

@@ -1,146 +0,0 @@
-import express from "express";
-import fs from "fs-extra";
-import bodyParser from "body-parser";
-import cors from "cors";
-import { hashPassword, comparePassword, generateTokens, authMiddleware } from "./auth.js";
-
-import path from "path";
-import { fileURLToPath } from "url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-export const startServer = async (dbPath, port = 4000) => {
-  const app = express();
-  app.use(cors());
-  app.use(bodyParser.json());
-
-  // EJS 설정
-  app.set("view engine", "ejs");
-  app.set("views", __dirname);
-
-  app.use(express.static("public"));
-
-  let db = {
-    users: [],
-    rules: { test1: "public", test2: "private", test3: "public" },
-    test1: [
-      { id: 1, message: "good" },
-      { id: 2, message: "good" },
-      { id: 3, message: "good" },
-    ],
-    test2: [
-      { id: 1, message: "good" },
-      { id: 2, message: "good" },
-      { id: 3, message: "good" },
-    ],
-    test3: [
-      { id: 1, message: "good" },
-      { id: 2, message: "good" },
-      { id: 3, message: "good" },
-    ],
-  };
-  if (fs.existsSync(dbPath)) db = await fs.readJson(dbPath);
-
-  const saveDB = async () => fs.writeJson(dbPath, db, { spaces: 2 });
-
-  // REGISTER
-  app.post("/register", async (req, res) => {
-    const { email, password, name } = req.body;
-    if (!email || !password) return res.status(400).json({ message: "Email/password required" });
-
-    const exists = db.users.find((u) => u.email === email);
-    if (exists) return res.status(409).json({ message: "User already exists" });
-
-    const hashed = await hashPassword(password);
-    const id = db.users.length ? Math.max(...db.users.map((u) => u.id)) + 1 : 1;
-    const newUser = { id, email, name: name || "", password: hashed };
-    db.users.push(newUser);
-    await saveDB();
-
-    const tokens = generateTokens({ id, email });
-    res.json(tokens);
-  });
-
-  // LOGIN
-  app.post("/login", async (req, res) => {
-    const { email, password } = req.body;
-    const user = db.users.find((u) => u.email === email);
-    if (!user) return res.status(401).json({ message: "Invalid credentials" });
-
-    const valid = await comparePassword(password, user.password);
-    if (!valid) return res.status(401).json({ message: "Invalid credentials" });
-
-    const tokens = generateTokens({ id: user.id, email: user.email });
-    res.json(tokens);
-  });
-
-  // AUTO ROUTES
-  const routeList = [];
-  Object.keys(db).forEach((key) => {
-    if (["users", "rules"].includes(key)) return;
-    const isPrivate = db.rules?.[key] === "private";
-    const route = express.Router();
-
-    // GET /key
-    route.get("/", async (req, res) => {
-      const { from, to } = req.query;
-      let data = db[key];
-      if (from && to) {
-        const fromNum = Number(from);
-        const toNum = Number(to);
-        data = data.filter((item) => item.id >= fromNum && item.id <= toNum);
-      }
-      res.json(data);
-    });
-
-    // GET /key/:id
-    route.get("/:id", async (req, res) => {
-      const id = Number(req.params.id);
-      const item = db[key].find((i) => i.id === id);
-      if (!item) return res.status(404).json({ message: "Not found" });
-      res.json(item);
-    });
-
-    // POST /key
-    route.post("/", async (req, res) => {
-      const newItem = req.body;
-      if (!newItem || typeof newItem !== "object") return res.status(400).json({ message: "Invalid body" });
-
-      const id = db[key].length ? Math.max(...db[key].map((i) => i.id)) + 1 : 1;
-      const item = { id, ...newItem };
-      db[key].push(item);
-      await saveDB();
-      res.json(item);
-    });
-
-    if (isPrivate) {
-      app.use(`/${key}`, authMiddleware, route);
-    } else {
-      app.use(`/${key}`, route);
-    }
-
-    // routeList에 추가 (권한 정보 포함)
-    routeList.push({ 
-      key, 
-      count: db[key].length,
-      permission: isPrivate ? "private" : "public"
-    });
-  });
-
-  // Index HTML
-  app.get("/", (req, res) => {
-    res.render("index", { routeList, port });
-  });
-
-  app.listen(port, () => {
-    console.log(`✅ db-json-cli Success! ✧*｡٩(ˊᗜˋ*)و✧*｡\n`);
-    console.log(`Index:\nhttp://localhost:${port}/\n\n`);
-
-    console.log("Endpoints:");
-    routeList.forEach((r) => {
-      const badge = r.permission === "private" ? "🔒 PRIVATE" : "🔓 PUBLIC";
-      console.log(`${badge} - http://localhost:${port}/${r.key} (${r.count} items)`);
-    });
-  });
-};