4bnode 3.5.3 → 4.0.2

package/skeleton/index.js

@@ -1,26 +1,36 @@
 import express from "express";
 import dotenv from "dotenv";
-import bodyParser from "body-parser";
 import path from "path";
+import fs from "fs";
 import cors from "cors";
 import os from "os";
+import { createInterface } from "readline";
 
+// ── Environment ─────────────────────────────────────
 const env = process.env.NODE_ENV || "development";
 dotenv.config({ path: `.env.${env}` });
 
 const app = express();
 const port = process.env.PORT || 3000;
+const __dirname = path.resolve();
 
-// Middleware
-app.use(bodyParser.json({ limit: "50mb" }));
-app.use(bodyParser.urlencoded({ extended: true, limit: "50mb" }));
+// ── Middleware ───────────────────────────────────────
+app.use(express.json({ limit: "50mb" }));
+app.use(express.urlencoded({ extended: true, limit: "50mb" }));
 app.use(cors({ origin: "*" }));
 
-// Serve static files from the public directory
-const __dirname = path.resolve();
+// ── Dev Dashboard (development only) ────────────────
+if (env === "development") {
+  try {
+    const devApi = await import("./.4bnode/dev-api.js");
+    app.use("/_dev", devApi.default);
+  } catch {}
+}
+
+// ── Static Files ────────────────────────────────────
 app.use(express.static(path.join(__dirname, "public")));
 
-// Get local network IP address
+// ── Helpers ─────────────────────────────────────────
 function getLocalNetworkIp() {
   const interfaces = os.networkInterfaces();
   for (const name of Object.keys(interfaces)) {
@@ -33,13 +43,56 @@ function getLocalNetworkIp() {
   return null;
 }
 
-// Start server
-app.listen(port, () => {
-  const localIp = getLocalNetworkIp();
-  console.log(`App is running on http://localhost:${port}`);
-  if (localIp) {
-    console.log(
-      `App is also accessible on your local network at http://${localIp}:${port}`
-    );
-  }
-});
+function updateEnvPort(newPort) {
+  const envFile = `.env.${env}`;
+  try {
+    if (fs.existsSync(envFile)) {
+      let content = fs.readFileSync(envFile, "utf8");
+      if (content.match(/^PORT=.*/m)) {
+        content = content.replace(/^PORT=.*/m, `PORT=${newPort}`);
+      } else {
+        content += `\nPORT=${newPort}`;
+      }
+      fs.writeFileSync(envFile, content, "utf8");
+    }
+  } catch {}
+}
+
+function askPort(busyPort) {
+  return new Promise((resolve) => {
+    const rl = createInterface({ input: process.stdin, output: process.stdout });
+    console.log(`\nPort ${busyPort} is already in use.`);
+    rl.question(`Press Enter to use ${busyPort + 1}, or type a port number: `, (answer) => {
+      rl.close();
+      const custom = parseInt(answer.trim(), 10);
+      resolve(custom && custom > 0 ? custom : busyPort + 1);
+    });
+  });
+}
+
+// ── Start Server ────────────────────────────────────
+async function startServer(tryPort) {
+  const listener = app.listen(tryPort);
+  listener.on("listening", () => {
+    const localIp = getLocalNetworkIp();
+    console.log(`App is running on http://localhost:${tryPort}`);
+    if (localIp) {
+      console.log(`App is also accessible on your local network at http://${localIp}:${tryPort}`);
+    }
+    if (tryPort !== Number(port)) {
+      updateEnvPort(tryPort);
+      console.log(`Updated .env.${env} with PORT=${tryPort}`);
+    }
+  });
+  listener.on("error", async (err) => {
+    if (err.code === "EADDRINUSE") {
+      const nextPort = await askPort(tryPort);
+      startServer(nextPort);
+    } else {
+      console.error(err);
+      process.exit(1);
+    }
+  });
+}
+
+startServer(Number(port));

package/skeleton/package.json

@@ -7,13 +7,17 @@
     "start": "node index.js",
     "dev": "nodemon index.js"
   },
+  "nodemonConfig": {
+    "watch": ["."],
+    "ext": "js,mjs,cjs",
+    "ignore": ["node_modules/", "package.json", "package-lock.json", ".4bnode/"]
+  },
   "dependencies": {
-    "express": "^4.19.2",
-    "dotenv": "^16.4.5",
-    "body-parser": "^1.20.2",
-    "cors": "^2.8.5"
+    "express": "^5.2.1",
+    "dotenv": "^17.3.1",
+    "cors": "^2.8.6"
   },
   "devDependencies": {
-    "nodemon": "^3.1.3"
+    "nodemon": "^3.1.14"
   }
 }

package/skeleton/public/index.html

@@ -1,90 +1,292 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Welcome to 4Brains Node App</title>
-    <style>
-      body {
-        margin: 0;
-        font-family: "Courier New", Courier, monospace;
-        background-color: #121212;
-        color: #ffffff;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100vh;
-        flex-direction: column;
-      }
-      .container {
-        text-align: center;
-        background: #1e1e1e;
-        padding: 2rem 3rem;
-        border-radius: 12px;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-        margin-bottom: 2rem;
-      }
-      h1 {
-        font-size: 2.5rem;
-        margin-bottom: 1rem;
-      }
-      p {
-        font-size: 1.2rem;
-        margin-bottom: 2rem;
-        color: #bbbbbb;
-      }
-      a {
-        color: #ffffff;
-        text-decoration: none;
-        background-color: #1e90ff;
-        padding: 0.5rem 1.5rem;
-        border-radius: 4px;
-        transition: background-color 0.3s, transform 0.3s;
-      }
-      a:hover {
-        background-color: #0a74da;
-        transform: scale(1.05);
-      }
-      .console {
-        font-family: "Courier New", Courier, monospace;
-        background: #000000;
-        color: #33ff33;
-        padding: 1rem 1rem 2rem 1rem;
-        border-radius: 8px;
-        margin-bottom: 1.5rem;
-        text-align: center;
-        line-height: 1.5;
-        white-space: preserve-breaks;
-      }
-      .footer {
-        text-align: center;
-        color: #bbbbbb;
-        font-size: 0.9rem;
-      }
-      .footer img {
-        width: 200px;
-        margin-bottom: 0.5rem;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="container">
-      <div class="console">
-        /----------------------------------\ <br />
-        | 4Brains Node Generator | <br />
-        \----------------------------------/
-      </div>
-      <h1>Welcome to 4Brains Node App</h1>
-      <p>Your Node.js app is up and running!</p>
-      <a
-        href="https://github.com/pawan-4brains/4brains-node-generator"
-        target="_blank"
-        >Learn More</a
-      >
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>4bnode App</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    @font-face { font-family: "Noto Sans"; src: url("/_dev/assets/fonts/NotoSans-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
+    @font-face { font-family: "Noto Sans"; src: url("/_dev/assets/fonts/NotoSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
+    @font-face { font-family: "Noto Sans"; src: url("/_dev/assets/fonts/NotoSans-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
+    @font-face { font-family: "Noto Sans"; src: url("/_dev/assets/fonts/NotoSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
+    @font-face { font-family: "Noto Sans"; src: url("/_dev/assets/fonts/NotoSans-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
+
+    body {
+      font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      background: #0a0b10;
+      color: #e2e8f0;
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      overflow: hidden;
+    }
+
+    .scene {
+      position: fixed;
+      inset: 0;
+      z-index: 0;
+    }
+
+    /* Animated grid floor */
+    .grid {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%) perspective(600px) rotateX(55deg);
+      width: 200%;
+      height: 70vh;
+      background-image:
+        linear-gradient(rgba(0,114,255,0.08) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(0,114,255,0.08) 1px, transparent 1px);
+      background-size: 60px 60px;
+      animation: gridScroll 12s linear infinite;
+      mask-image: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 80%);
+      -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 80%);
+    }
+
+    @keyframes gridScroll {
+      0% { background-position: 0 0; }
+      100% { background-position: 0 60px; }
+    }
+
+    /* Floating orbs */
+    .orb {
+      position: absolute;
+      border-radius: 50%;
+      filter: blur(80px);
+      opacity: 0.35;
+      animation: float 8s ease-in-out infinite;
+    }
+    .orb-1 {
+      width: 400px; height: 400px;
+      background: radial-gradient(circle, #0072ff, transparent 70%);
+      top: 10%; left: 15%;
+      animation-delay: 0s;
+    }
+    .orb-2 {
+      width: 350px; height: 350px;
+      background: radial-gradient(circle, #7b2ff7, transparent 70%);
+      top: 30%; right: 10%;
+      animation-delay: -3s;
+      animation-duration: 10s;
+    }
+    .orb-3 {
+      width: 300px; height: 300px;
+      background: radial-gradient(circle, #00c6ff, transparent 70%);
+      bottom: 15%; left: 40%;
+      animation-delay: -5s;
+      animation-duration: 12s;
+    }
+
+    @keyframes float {
+      0%, 100% { transform: translate(0, 0) scale(1); }
+      33% { transform: translate(30px, -20px) scale(1.05); }
+      66% { transform: translate(-20px, 15px) scale(0.95); }
+    }
+
+    /* Content */
+    .container {
+      position: relative;
+      z-index: 1;
+      text-align: center;
+      padding: 40px;
+      animation: fadeUp 1s ease-out;
+    }
+
+    @keyframes fadeUp {
+      from { opacity: 0; transform: translateY(30px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+
+    /* Animated node SVG */
+    .node-graphic {
+      width: 120px;
+      height: 120px;
+      margin: 0 auto 32px;
+    }
+
+    .node-ring {
+      fill: none;
+      stroke: url(#ringGrad);
+      stroke-width: 1.5;
+      stroke-dasharray: 8 6;
+      transform-origin: 60px 60px;
+      animation: spin 20s linear infinite;
+    }
+    .node-ring-2 {
+      animation: spin 15s linear infinite reverse;
+      stroke-dasharray: 12 8;
+    }
+    .node-ring-3 {
+      animation: spin 25s linear infinite;
+      stroke-dasharray: 4 10;
+    }
+
+    @keyframes spin {
+      to { transform: rotate(360deg); }
+    }
+
+    .node-dot {
+      fill: #0072ff;
+      animation: pulse 2s ease-in-out infinite;
+    }
+    .node-dot:nth-child(2) { animation-delay: 0.3s; fill: #7b2ff7; }
+    .node-dot:nth-child(3) { animation-delay: 0.6s; fill: #00c6ff; }
+    .node-dot:nth-child(4) { animation-delay: 0.9s; fill: #0072ff; }
+    .node-dot:nth-child(5) { animation-delay: 1.2s; fill: #7b2ff7; }
+    .node-dot:nth-child(6) { animation-delay: 1.5s; fill: #00c6ff; }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 0.5; r: 3; }
+      50% { opacity: 1; r: 5; }
+    }
+
+    .node-line {
+      stroke: url(#lineGrad);
+      stroke-width: 0.8;
+      opacity: 0.4;
+    }
+
+    .node-center {
+      fill: url(#centerGrad);
+      filter: drop-shadow(0 0 8px rgba(0,114,255,0.4));
+    }
+
+    h1 {
+      font-size: 36px;
+      font-weight: 800;
+      letter-spacing: -0.5px;
+      margin-bottom: 12px;
+      background: linear-gradient(135deg, #ffffff 0%, #94a3b8 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .tagline {
+      font-size: 15px;
+      color: #64748b;
+      font-weight: 400;
+      letter-spacing: 0.3px;
+      margin-bottom: 32px;
+    }
+
+    .status {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 20px;
+      border-radius: 100px;
+      background: rgba(16, 185, 129, 0.08);
+      border: 1px solid rgba(16, 185, 129, 0.2);
+      font-size: 13px;
+      color: #10b981;
+      font-weight: 500;
+      animation: fadeUp 1s ease-out 0.3s both;
+    }
+
+    .status-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #10b981;
+      animation: blink 2s ease-in-out infinite;
+      box-shadow: 0 0 8px rgba(16, 185, 129, 0.5);
+    }
+
+    @keyframes blink {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.4; }
+    }
+
+    .powered {
+      position: fixed;
+      bottom: 28px;
+      left: 0;
+      right: 0;
+      text-align: center;
+      font-size: 12px;
+      color: #334155;
+      letter-spacing: 0.3px;
+      animation: fadeUp 1s ease-out 0.6s both;
+    }
+    .powered a {
+      text-decoration: none;
+    }
+    .powered span {
+      font-weight: 600;
+      background: linear-gradient(135deg, #00c6ff, #7b2ff7);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      transition: opacity 0.2s;
+    }
+    .powered a:hover span {
+      opacity: 0.75;
+    }
+  </style>
+</head>
+<body>
+
+  <div class="scene">
+    <div class="orb orb-1"></div>
+    <div class="orb orb-2"></div>
+    <div class="orb orb-3"></div>
+    <div class="grid"></div>
+  </div>
+
+  <div class="container">
+    <svg class="node-graphic" viewBox="0 0 120 120">
+      <defs>
+        <linearGradient id="ringGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stop-color="#0072ff" />
+          <stop offset="100%" stop-color="#7b2ff7" />
+        </linearGradient>
+        <linearGradient id="lineGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stop-color="#0072ff" stop-opacity="0.6" />
+          <stop offset="100%" stop-color="#7b2ff7" stop-opacity="0.2" />
+        </linearGradient>
+        <radialGradient id="centerGrad" cx="50%" cy="50%" r="50%">
+          <stop offset="0%" stop-color="#0072ff" />
+          <stop offset="100%" stop-color="#7b2ff7" />
+        </radialGradient>
+      </defs>
+
+      <!-- Connection lines -->
+      <line class="node-line" x1="60" y1="60" x2="60" y2="14" />
+      <line class="node-line" x1="60" y1="60" x2="100" y2="37" />
+      <line class="node-line" x1="60" y1="60" x2="100" y2="83" />
+      <line class="node-line" x1="60" y1="60" x2="60" y2="106" />
+      <line class="node-line" x1="60" y1="60" x2="20" y2="83" />
+      <line class="node-line" x1="60" y1="60" x2="20" y2="37" />
+
+      <!-- Rotating rings -->
+      <circle class="node-ring" cx="60" cy="60" r="50" />
+      <circle class="node-ring node-ring-2" cx="60" cy="60" r="38" />
+      <circle class="node-ring node-ring-3" cx="60" cy="60" r="26" />
+
+      <!-- Orbiting dots -->
+      <circle class="node-dot" cx="60" cy="14" r="4" />
+      <circle class="node-dot" cx="100" cy="37" r="4" />
+      <circle class="node-dot" cx="100" cy="83" r="4" />
+      <circle class="node-dot" cx="60" cy="106" r="4" />
+      <circle class="node-dot" cx="20" cy="83" r="4" />
+      <circle class="node-dot" cx="20" cy="37" r="4" />
+
+      <!-- Center node -->
+      <circle class="node-center" cx="60" cy="60" r="8" />
+    </svg>
+
+    <h1>Your app is running</h1>
+    <p class="tagline">Server is live and ready to accept requests</p>
+    <div class="status">
+      <span class="status-dot"></span>
+      All systems operational
     </div>
-    <div class="footer">
-      <img src="https://cdn.4brains.in/logo.png" alt="4Brains Logo" />
-      <p>© 2023 4Brains Technologies Pvt Ltd. All rights reserved.</p>
-    </div>
-  </body>
+  </div>
+
+  <div class="powered">Powered by <a href="https://www.npmjs.com/package/4bnode" target="_blank" rel="noopener noreferrer"><span>4bnode</span></a></div>
+
+</body>
 </html>