devcodes-website 1.0.0

package/README.md

@@ -0,0 +1,212 @@
+# devcodes-website
+
+> Instantly generate a beautiful, modern website for any Discord bot.
+
+[![npm](https://img.shields.io/npm/v/devcodes-website)](https://www.npmjs.com/package/devcodes-website)
+[![Discord](https://img.shields.io/badge/support-discord-5865f2)](https://discord.gg/ESh2Dp2xX9)
+
+Give your Discord bot a professional landing page in under 10 lines of code. `devcodes-website` generates a fully self-contained, mobile-responsive, dark-themed website served by an Express server — no static files to host, no templates to manage.
+
+---
+
+## Features
+
+- 🎨 **Fully customisable** — change accent colour, background, cards
+- 📊 **Live stats** — server count & user count update dynamically via `setStats()`
+- 🔗 **Invite + Support links** — "Add to Discord" & "Support Server" CTAs built in
+- ⚡ **Commands showcase** — list your commands grouped by category
+- 📦 **Zero config HTML** — completely self-contained, no external assets required (except Google Fonts)
+- 🟦 **TypeScript first** — full type definitions included
+
+---
+
+## Install
+
+```bash
+npm install devcodes-website
+```
+
+---
+
+## Quick Start
+
+```js
+const { BotWebsite } = require('devcodes-website');
+
+const site = new BotWebsite({
+  name: 'My Bot',
+  tagline: 'The bot your server deserves',
+  description: 'A powerful, easy-to-use Discord bot with moderation, music, games and more.',
+  avatar: 'https://cdn.discordapp.com/avatars/YOUR_BOT_ID/YOUR_AVATAR.png',
+  prefix: '!',
+
+  serverCount: 150,
+  userCount: 12000,
+
+  inviteUrl: 'https://discord.com/oauth2/authorize?client_id=YOUR_ID&scope=bot',
+  supportUrl: 'https://discord.gg/your-server',
+  githubUrl: 'https://github.com/you/your-bot',
+
+  port: 3000,
+});
+
+site.listen(() => console.log('Website running on http://localhost:3000'));
+```
+
+---
+
+## Configuration
+
+### `BotWebsiteConfig`
+
+| Property | Type | Required | Description |
+|---|---|---|---|
+| `name` | `string` | ✅ | Bot display name |
+| `description` | `string` | ✅ | Description paragraph shown in the hero |
+| `tagline` | `string` | | Short one-line tagline shown as gradient text |
+| `avatar` | `string` | | URL to the bot's avatar image |
+| `prefix` | `string` | | Command prefix shown as a hero stat pill |
+| `serverCount` | `number` | | Number of servers the bot is in |
+| `userCount` | `number` | | Number of users the bot can see |
+| `inviteUrl` | `string` | | OAuth2 invite link — renders "Add to Discord" button |
+| `supportUrl` | `string` | | Discord support server invite — renders "Support Server" button |
+| `githubUrl` | `string` | | GitHub repository URL shown in footer |
+| `features` | `BotWebsiteFeature[]` | | Feature highlight cards (4 defaults if omitted) |
+| `commands` | `BotWebsiteCommand[]` | | Commands to showcase — grouped by category |
+| `theme` | `BotWebsiteTheme` | | Color scheme overrides |
+| `port` | `number` | | Port to serve on (default: `3000`) |
+
+### `BotWebsiteFeature`
+
+```ts
+{ icon: '🛡️', title: 'Moderation', description: 'Powerful moderation tools.' }
+```
+
+### `BotWebsiteCommand`
+
+```ts
+{ name: 'ban', description: 'Ban a member from the server.', category: 'Moderation' }
+```
+
+### `BotWebsiteTheme`
+
+```ts
+theme: {
+  accent: '#5865f2',           // primary color (default: Discord blurple)
+  accentSecondary: '#7289da',  // hover color
+  background: '#0a0a0f',       // page background
+  backgroundCard: '#12121e',   // card background
+}
+```
+
+---
+
+## Updating Live Stats
+
+Call `setStats()` at any time to update the displayed counts without restarting:
+
+```js
+// With discord.js
+client.on('guildCreate', () => {
+  site.setStats({ serverCount: client.guilds.cache.size });
+});
+client.on('guildDelete', () => {
+  site.setStats({ serverCount: client.guilds.cache.size });
+});
+```
+
+The frontend polls `/devcodes-website/stats` and updates the hero stat pills automatically.
+
+---
+
+## Adding Custom Routes
+
+The underlying Express app is exposed as `site.app`:
+
+```js
+site.app.get('/api/custom', (req, res) => {
+  res.json({ hello: 'world' });
+});
+
+site.listen(3000);
+```
+
+---
+
+## Full discord.js Example
+
+```js
+const { Client, GatewayIntentBits } = require('discord.js');
+const { BotWebsite } = require('devcodes-website');
+
+const client = new Client({ intents: [GatewayIntentBits.Guilds] });
+
+const site = new BotWebsite({
+  name: 'Dev Codes Bot',
+  tagline: 'The ultimate utility bot',
+  description: 'Showcase, moderation, fun commands and more — everything your server needs.',
+  prefix: '!',
+  inviteUrl: 'https://discord.com/oauth2/authorize?client_id=YOUR_ID&scope=bot',
+  supportUrl: 'https://discord.gg/ESh2Dp2xX9',
+  theme: { accent: '#5865f2' },
+  features: [
+    { icon: '🛡️', title: 'Moderation', description: 'Ban, kick, mute and more.' },
+    { icon: '🎵', title: 'Music',       description: 'High-quality music playback.' },
+    { icon: '🎮', title: 'Fun',         description: 'Games and fun commands.' },
+    { icon: '📊', title: 'Stats',       description: 'Detailed server statistics.' },
+  ],
+  commands: [
+    { name: 'ping',  description: 'Check bot latency.',   category: 'Utility' },
+    { name: 'help',  description: 'List all commands.',    category: 'Utility' },
+    { name: 'ban',   description: 'Ban a member.',         category: 'Moderation' },
+    { name: 'kick',  description: 'Kick a member.',        category: 'Moderation' },
+    { name: 'play',  description: 'Play a song.',          category: 'Music' },
+    { name: 'skip',  description: 'Skip the current song.',category: 'Music' },
+  ],
+  port: 3000,
+});
+
+client.once('ready', () => {
+  site.setStats({
+    serverCount: client.guilds.cache.size,
+    userCount:   client.users.cache.size,
+  });
+  site.listen(() => {
+    console.log(`Website: http://localhost:3000`);
+    console.log(`Bot: ${client.user.tag}`);
+  });
+});
+
+client.on('guildCreate', () => site.setStats({ serverCount: client.guilds.cache.size }));
+client.on('guildDelete', () => site.setStats({ serverCount: client.guilds.cache.size }));
+
+client.login(process.env.BOT_TOKEN);
+```
+
+---
+
+## API
+
+### `new BotWebsite(config)`
+Creates the website instance. The Express server is set up but not started.
+
+### `site.listen(port?, callback?)`
+Starts the server. Returns the `http.Server` instance.
+
+### `site.setStats({ serverCount?, userCount? })`
+Updates live stats. The frontend polls automatically — no restart needed. Chainable.
+
+### `site.updateConfig(patch)`
+Patches the config and re-renders the page HTML. Useful for updating bot info at runtime. Chainable.
+
+### `site.close(callback?)`
+Gracefully stops the server.
+
+### `site.app`
+The raw Express `Application` — add custom middleware or routes.
+
+---
+
+## Support
+
+Need help? Join our Discord: **[discord.gg/ESh2Dp2xX9](https://discord.gg/ESh2Dp2xX9)**

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+import { type Express } from 'express';
+import type * as http from 'http';
+import type { BotWebsiteConfig, BotWebsiteStats } from './types';
+export declare class BotWebsite {
+    /** The underlying Express app — add your own routes here */
+    readonly app: Express;
+    private _config;
+    private _stats;
+    private _server;
+    private _cachedHtml;
+    constructor(config: BotWebsiteConfig);
+    private _setupRoutes;
+    /**
+     * Update live stats. The frontend polls `/devcodes-website/stats` and
+     * will reflect the new numbers automatically.
+     *
+     * @example
+     * const counts = await client.guilds.fetch();
+     * site.setStats({ serverCount: counts.size });
+     */
+    setStats(stats: BotWebsiteStats): this;
+    /**
+     * Update any part of the bot config and re-render the page.
+     */
+    updateConfig(patch: Partial<BotWebsiteConfig>): this;
+    /**
+     * Start the web server.
+     *
+     * @example
+     * site.listen(() => console.log('Website live!'));
+     * site.listen(4000, () => console.log('Live on :4000'));
+     */
+    listen(portOrCallback?: number | (() => void), callback?: () => void): http.Server;
+    /** Stop the web server. */
+    close(callback?: (err?: Error) => void): void;
+}
+export { BotWebsiteConfig, BotWebsiteStats, BotWebsiteFeature, BotWebsiteCommand, BotWebsiteTheme } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,KAAK,OAAO,EAA+B,MAAM,SAAS,CAAC;AAC7E,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAC;AAClC,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAGjE,qBAAa,UAAU;IACrB,4DAA4D;IAC5D,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC;IAEtB,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,WAAW,CAAS;gBAEhB,MAAM,EAAE,gBAAgB;IAgBpC,OAAO,CAAC,YAAY;IAsBpB;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAWtC;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAMpD;;;;;;OAMG;IACH,MAAM,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM;IAmBlF,2BAA2B;IAC3B,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;CAQ9C;AAED,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,104 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BotWebsite = void 0;
+const express_1 = __importDefault(require("express"));
+const template_1 = require("./template");
+class BotWebsite {
+    constructor(config) {
+        this._server = null;
+        this._config = config;
+        this._stats = {
+            serverCount: config.serverCount,
+            userCount: config.userCount,
+        };
+        this.app = (0, express_1.default)();
+        this.app.disable('x-powered-by');
+        // Build first render
+        this._cachedHtml = (0, template_1.renderPage)(this._config);
+        this._setupRoutes();
+    }
+    _setupRoutes() {
+        // Live stats endpoint — polled by the frontend JS
+        this.app.get('/devcodes-website/stats', (_req, res) => {
+            res.json({
+                serverCount: this._stats.serverCount ?? null,
+                userCount: this._stats.userCount ?? null,
+            });
+        });
+        // Health check
+        this.app.get('/health', (_req, res) => {
+            res.json({ status: 'ok', name: this._config.name });
+        });
+        // Serve the bot website at '/'
+        this.app.get('/', (_req, res) => {
+            res.setHeader('Content-Type', 'text/html; charset=utf-8');
+            res.setHeader('Cache-Control', 'no-store');
+            res.send(this._cachedHtml);
+        });
+    }
+    /**
+     * Update live stats. The frontend polls `/devcodes-website/stats` and
+     * will reflect the new numbers automatically.
+     *
+     * @example
+     * const counts = await client.guilds.fetch();
+     * site.setStats({ serverCount: counts.size });
+     */
+    setStats(stats) {
+        this._stats = { ...this._stats, ...stats };
+        // Rebuild the HTML so initial render also has updated values
+        this._cachedHtml = (0, template_1.renderPage)({
+            ...this._config,
+            serverCount: this._stats.serverCount,
+            userCount: this._stats.userCount,
+        });
+        return this;
+    }
+    /**
+     * Update any part of the bot config and re-render the page.
+     */
+    updateConfig(patch) {
+        this._config = { ...this._config, ...patch };
+        this._cachedHtml = (0, template_1.renderPage)(this._config);
+        return this;
+    }
+    /**
+     * Start the web server.
+     *
+     * @example
+     * site.listen(() => console.log('Website live!'));
+     * site.listen(4000, () => console.log('Live on :4000'));
+     */
+    listen(portOrCallback, callback) {
+        let port;
+        let cb;
+        if (typeof portOrCallback === 'function') {
+            port = this._config.port ?? 3000;
+            cb = portOrCallback;
+        }
+        else {
+            port = portOrCallback ?? this._config.port ?? 3000;
+            cb = callback;
+        }
+        this._server = this.app.listen(port, () => {
+            if (cb)
+                cb();
+        });
+        return this._server;
+    }
+    /** Stop the web server. */
+    close(callback) {
+        if (this._server) {
+            this._server.close(callback);
+            this._server = null;
+        }
+        else if (callback) {
+            callback();
+        }
+    }
+}
+exports.BotWebsite = BotWebsite;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/template.d.ts

@@ -0,0 +1,3 @@
+import type { BotWebsiteConfig } from './types';
+export declare function renderPage(cfg: BotWebsiteConfig): string;
+//# sourceMappingURL=template.d.ts.map

package/dist/template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqOhD,wBAAgB,UAAU,CAAC,GAAG,EAAE,gBAAgB,GAAG,MAAM,CAyPxD"}

package/dist/template.js

@@ -0,0 +1,443 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderPage = renderPage;
+/** Escape a string for safe insertion into HTML text / attribute values */
+function esc(s) {
+    return String(s)
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+/** Convert a 6-digit hex color to rgba() */
+function hexToRgba(hex, alpha) {
+    const h = hex.replace('#', '').padEnd(6, '0');
+    try {
+        const n = parseInt(h, 16);
+        return `rgba(${(n >> 16) & 255},${(n >> 8) & 255},${n & 255},${alpha})`;
+    }
+    catch {
+        return `rgba(88,101,242,${alpha})`;
+    }
+}
+function generateCSS(accent, accentSec, bg, bgCard, accentGlow) {
+    return `
+*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
+:root{
+  --accent:${accent};
+  --accent-2:${accentSec};
+  --accent-glow:${accentGlow};
+  --bg:${bg};
+  --bg-2:${bg === '#0a0a0f' ? '#0f0f1a' : bg};
+  --bg-card:${bgCard};
+  --bg-card-2:${bgCard === '#12121e' ? '#1a1a2e' : bgCard};
+  --border:rgba(255,255,255,0.07);
+  --border-2:rgba(255,255,255,0.12);
+  --green:#23d160;--yellow:#f0b429;--grey:#747f8d;
+  --text:#e8eaf6;--text-2:#a0a8c0;--text-3:#5a6386;
+  --font:'Inter',system-ui,sans-serif;
+  --mono:'JetBrains Mono','Fira Code',monospace;
+  --radius:12px;--radius-lg:20px;
+  --shadow:0 4px 24px rgba(0,0,0,.5);
+  --shadow-lg:0 8px 48px rgba(0,0,0,.7);
+  --nav-h:64px;
+}
+html{scroll-behavior:smooth}
+body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
+::-webkit-scrollbar{width:6px}
+::-webkit-scrollbar-track{background:var(--bg)}
+::-webkit-scrollbar-thumb{background:var(--bg-card-2);border-radius:3px}
+h1,h2,h3,h4{font-weight:700;line-height:1.2}
+.gradient-text{
+  background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 50%,#06b6d4 100%);
+  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text
+}
+code{font-family:var(--mono);background:rgba(88,101,242,.12);color:var(--accent-2);padding:2px 6px;border-radius:4px;font-size:.85em}
+.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}
+
+/* Buttons */
+.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-family:var(--font);font-size:.9rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}
+.btn--primary{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow)}
+.btn--primary:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 0 32px var(--accent-glow)}
+.btn--ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-2)}
+.btn--ghost:hover{background:var(--bg-card);color:var(--text)}
+.btn--lg{padding:14px 28px;font-size:1rem}
+
+/* Nav */
+.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;background:rgba(10,10,15,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background .3s}
+.nav--scrolled{background:rgba(10,10,15,.92);border-bottom-color:var(--border-2)}
+.nav__inner{display:flex;align-items:center;gap:40px;height:100%;max-width:1100px;margin:0 auto;padding:0 24px}
+.nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:1.05rem;font-weight:700}
+.nav__links{display:flex;gap:28px;list-style:none;margin-left:auto}
+.nav__links a{text-decoration:none;color:var(--text-2);font-size:.88rem;font-weight:500;transition:color .15s}
+.nav__links a:hover{color:var(--text)}
+.nav__cta{margin-left:8px}
+
+/* Hero */
+.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:calc(var(--nav-h) + 60px) 24px 80px}
+.hero__bg{position:absolute;inset:0;pointer-events:none}
+.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(88,101,242,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(88,101,242,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 70%)}
+.hero__glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25}
+.hero__glow--1{width:600px;height:600px;background:var(--accent);top:-100px;left:50%;transform:translateX(-60%);animation:gpulse 6s ease-in-out infinite}
+.hero__glow--2{width:400px;height:400px;background:#a78bfa;bottom:0;right:0;animation:gpulse 8s ease-in-out infinite reverse}
+@keyframes gpulse{0%,100%{opacity:.2;transform:translateX(-60%) scale(1)}50%{opacity:.35;transform:translateX(-60%) scale(1.1)}}
+.hero__content{position:relative;max-width:700px;z-index:1}
+.hero__avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto 28px;border:2px solid var(--accent);box-shadow:0 0 24px var(--accent-glow),0 0 60px var(--accent-glow);transition:box-shadow .3s;flex-shrink:0}
+.hero__avatar img{width:100%;height:100%;object-fit:cover}
+.avatar__fallback{width:100%;height:100%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:900;color:#fff}
+.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(88,101,242,.12);border:1px solid rgba(88,101,242,.3);border-radius:100px;font-size:.78rem;font-weight:600;color:var(--accent-2);letter-spacing:.06em;text-transform:uppercase;margin-bottom:24px}
+.badge__dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:blink 2s ease-in-out infinite}
+@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
+.hero__title{font-size:clamp(2.2rem,6vw,3.8rem);font-weight:900;letter-spacing:-.02em;margin-bottom:18px}
+.hero__sub{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text-2);max-width:540px;margin:0 auto 32px}
+.hero__actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:40px}
+.hero__pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
+.stat-pill{display:flex;align-items:center;gap:7px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-size:.83rem}
+.stat-pill__icon{}
+.stat-pill__value{font-weight:700;color:var(--text)}
+.stat-pill__label{color:var(--text-3)}
+.hero__scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-3);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;animation:sbounce 2.5s ease-in-out infinite}
+@keyframes sbounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
+
+/* Sections */
+.section{padding:96px 0}
+.section--dark{background:var(--bg-2)}
+.section__label{font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-2);margin-bottom:12px}
+.section__title{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;margin-bottom:14px}
+.section__sub{color:var(--text-2);font-size:1rem;max-width:540px;margin-bottom:52px}
+
+/* Features */
+.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
+.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 22px;transition:border-color .2s,transform .2s}
+.feature:hover{border-color:${accentGlow.replace(/,[^,]+\)$/, ',0.4)')};transform:translateY(-4px)}
+.feature__icon{font-size:1.9rem;margin-bottom:14px}
+.feature h3{font-size:1rem;margin-bottom:8px}
+.feature p{color:var(--text-2);font-size:.88rem;line-height:1.65}
+
+/* Big stats */
+.big-stats{display:flex;justify-content:center;gap:80px;flex-wrap:wrap;margin-top:16px}
+.big-stat{text-align:center}
+.big-stat__value{font-size:clamp(3rem,8vw,5rem);font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent) 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:10px}
+.big-stat__label{font-size:.9rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.1em}
+
+/* Commands */
+.cmd-group{margin-bottom:40px}
+.cmd-group__label{font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-2);margin-bottom:14px}
+.cmd-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
+.cmd-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;transition:border-color .2s,transform .2s}
+.cmd-card:hover{border-color:${accentGlow.replace(/,[^,]+\)$/, ',0.4)')};transform:translateY(-2px)}
+.cmd-card__name{margin-bottom:6px}
+.cmd-card__desc{font-size:.83rem;color:var(--text-2);line-height:1.55}
+
+/* Footer */
+.footer{background:var(--bg-2);border-top:1px solid var(--border);padding:40px 0}
+.footer__inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
+.footer__brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem}
+.footer__links{display:flex;gap:24px;flex-wrap:wrap}
+.footer__links a{color:var(--text-2);text-decoration:none;font-size:.88rem;transition:color .15s}
+.footer__links a:hover{color:var(--text)}
+.footer__copy{font-size:.78rem;color:var(--text-3)}
+.footer__copy a{color:var(--accent-2);text-decoration:none}
+.footer__copy a:hover{text-decoration:underline}
+
+/* Responsive */
+@media(max-width:768px){
+  .nav__links{display:none}
+  .hero__glow--1{width:300px;height:300px}
+  .hero__glow--2{width:200px;height:200px}
+  .big-stats{gap:40px}
+  .footer__inner{flex-direction:column;text-align:center}
+  .footer__links{justify-content:center}
+}
+`;
+}
+function generateJS(serverCount, userCount) {
+    return `
+(function(){
+  // Nav scroll
+  window.addEventListener('scroll',function(){
+    var n=document.getElementById('nav');
+    if(n) n.classList.toggle('nav--scrolled',window.scrollY>20);
+  },{passive:true});
+
+  // Number formatter
+  function fmt(n){ return n.toLocaleString(); }
+
+  // Count-up animation
+  function countUp(el,target,duration){
+    duration=duration||1600;
+    var start=0,step=target/(duration/16);
+    var id=setInterval(function(){
+      start=Math.min(start+step,target);
+      el.textContent=fmt(Math.floor(start));
+      if(start>=target) clearInterval(id);
+    },16);
+  }
+
+  // Trigger count-up when big stat enters viewport
+  var observed=false;
+  var bigEls=document.querySelectorAll('.big-stat__value[data-target]');
+  if(bigEls.length&&'IntersectionObserver' in window){
+    var obs=new IntersectionObserver(function(entries){
+      if(observed) return;
+      entries.forEach(function(e){
+        if(e.isIntersecting){
+          observed=true;
+          bigEls.forEach(function(el){
+            var t=parseInt(el.getAttribute('data-target'),10);
+            if(!isNaN(t)) countUp(el,t);
+          });
+        }
+      });
+    },{threshold:0.3});
+    bigEls.forEach(function(el){ obs.observe(el); });
+  }
+
+  // Poll live stats from this server
+  fetch('/devcodes-website/stats')
+    .then(function(r){ return r.json(); })
+    .then(function(d){
+      if(d.serverCount!=null){
+        var v=document.getElementById('valServers');
+        if(v) v.textContent=fmt(d.serverCount);
+        var b=document.getElementById('bigServers');
+        if(b){ b.setAttribute('data-target',d.serverCount); b.textContent=fmt(d.serverCount); }
+      }
+      if(d.userCount!=null){
+        var v2=document.getElementById('valUsers');
+        if(v2) v2.textContent=fmt(d.userCount);
+        var b2=document.getElementById('bigUsers');
+        if(b2){ b2.setAttribute('data-target',d.userCount); b2.textContent=fmt(d.userCount); }
+      }
+    })
+    .catch(function(){});
+})();
+`;
+}
+const DISCORD_ICON = `<svg width="18" height="14" viewBox="0 0 24 18" fill="currentColor"><path d="M20.317 1.492a19.79 19.79 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037 19.736 19.736 0 0 0-4.885 1.515.07.07 0 0 0-.032.027C.533 6.168-.32 10.703.099 15.18a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128c.126-.094.252-.192.372-.292a.074.074 0 0 1 .078-.01c3.927 1.793 8.18 1.793 12.061 0a.074.074 0 0 1 .079.01c.12.098.245.198.372.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.84 19.84 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"/></svg>`;
+const GITHUB_ICON = `<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>`;
+function renderPage(cfg) {
+    const accent = cfg.theme?.accent ?? '#5865f2';
+    const accentSec = cfg.theme?.accentSecondary ?? '#7289da';
+    const bg = cfg.theme?.background ?? '#0a0a0f';
+    const bgCard = cfg.theme?.backgroundCard ?? '#12121e';
+    const accentGlow = hexToRgba(accent, 0.35);
+    const name = esc(cfg.name);
+    const tagline = esc(cfg.tagline ?? 'The bot your server deserves');
+    const description = esc(cfg.description);
+    const avatarUrl = cfg.avatar ? esc(cfg.avatar) : null;
+    const prefix = cfg.prefix ? esc(cfg.prefix) : null;
+    const inviteUrl = cfg.inviteUrl ? esc(cfg.inviteUrl) : null;
+    const supportUrl = cfg.supportUrl ? esc(cfg.supportUrl) : null;
+    const githubUrl = cfg.githubUrl ? esc(cfg.githubUrl) : null;
+    const serverCount = cfg.serverCount ?? null;
+    const userCount = cfg.userCount ?? null;
+    const features = (cfg.features && cfg.features.length > 0) ? cfg.features : [
+        { icon: '⚡', title: 'Lightning Fast', description: 'Responds to every command in milliseconds, even under heavy load.' },
+        { icon: '🛡️', title: 'Reliable & Stable', description: '99.9% uptime with automatic reconnection and fault tolerance built in.' },
+        { icon: '⚙️', title: 'Highly Configurable', description: 'Customise every aspect of the bot to fit your server\'s exact needs.' },
+        { icon: '📖', title: 'Easy to Use', description: 'Simple, intuitive commands with helpful docs and clear error messages.' },
+    ];
+    const commands = cfg.commands ?? [];
+    // ── Small pieces ──────────────────────────────────────────────────────────
+    const navAvatarHtml = avatarUrl
+        ? `<img src="${avatarUrl}" alt="${name}" style="width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid ${accent};box-shadow:0 0 10px ${accentGlow}" />`
+        : `<div style="width:32px;height:32px;border-radius:50%;background:${accent};display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff">${name.charAt(0)}</div>`;
+    const heroAvatarHtml = avatarUrl
+        ? `<img src="${avatarUrl}" alt="${name} avatar" />`
+        : `<div class="avatar__fallback">${name.charAt(0)}</div>`;
+    const primaryCta = inviteUrl
+        ? `<a class="btn btn--primary btn--lg" href="${inviteUrl}" target="_blank" rel="noopener noreferrer">${DISCORD_ICON} Add to Discord</a>`
+        : '';
+    const supportCta = supportUrl
+        ? `<a class="btn btn--ghost btn--lg" href="${supportUrl}" target="_blank" rel="noopener noreferrer">${DISCORD_ICON} Support Server</a>`
+        : '';
+    const serversPill = `
+  <div class="stat-pill">
+    <span class="stat-pill__icon">🖥️</span>
+    <span class="stat-pill__value" id="valServers">${serverCount !== null ? serverCount.toLocaleString() : '—'}</span>
+    <span class="stat-pill__label">servers</span>
+  </div>`;
+    const usersPill = `
+  <div class="stat-pill">
+    <span class="stat-pill__icon">👥</span>
+    <span class="stat-pill__value" id="valUsers">${userCount !== null ? userCount.toLocaleString() : '—'}</span>
+    <span class="stat-pill__label">users</span>
+  </div>`;
+    const prefixPill = prefix ? `
+  <div class="stat-pill">
+    <span class="stat-pill__icon">💬</span>
+    <span class="stat-pill__value">${prefix}</span>
+    <span class="stat-pill__label">prefix</span>
+  </div>` : '';
+    // ── Features ───────────────────────────────────────────────────────────────
+    const featureCards = features.map(f => `
+  <div class="feature">
+    <div class="feature__icon">${esc(f.icon)}</div>
+    <h3>${esc(f.title)}</h3>
+    <p>${esc(f.description)}</p>
+  </div>`).join('');
+    // ── Stats section ──────────────────────────────────────────────────────────
+    const statsSection = (serverCount !== null || userCount !== null) ? `
+  <section class="section section--dark" id="stats">
+    <div class="container">
+      <div class="section__label">By the numbers</div>
+      <h2 class="section__title">Trusted by communities worldwide</h2>
+      <div class="big-stats">
+        ${serverCount !== null ? `<div class="big-stat">
+          <div class="big-stat__value" id="bigServers" data-target="${serverCount}">${serverCount.toLocaleString()}</div>
+          <div class="big-stat__label">Servers</div>
+        </div>` : ''}
+        ${userCount !== null ? `<div class="big-stat">
+          <div class="big-stat__value" id="bigUsers" data-target="${userCount}">${userCount.toLocaleString()}</div>
+          <div class="big-stat__label">Users</div>
+        </div>` : ''}
+      </div>
+    </div>
+  </section>` : '';
+    // ── Commands section ───────────────────────────────────────────────────────
+    let commandsSection = '';
+    if (commands.length > 0) {
+        const categories = [...new Set(commands.map(c => c.category ?? 'General'))];
+        const grouped = categories.map(cat => {
+            const catCmds = commands.filter(c => (c.category ?? 'General') === cat);
+            return `
+      <div class="cmd-group">
+        <div class="cmd-group__label">${esc(cat)}</div>
+        <div class="cmd-group__grid">
+          ${catCmds.map(c => `<div class="cmd-card">
+            <div class="cmd-card__name"><code>${prefix ? esc(prefix) : ''}${esc(c.name)}</code></div>
+            <div class="cmd-card__desc">${esc(c.description)}</div>
+          </div>`).join('')}
+        </div>
+      </div>`;
+        }).join('');
+        commandsSection = `
+  <section class="section${(serverCount !== null || userCount !== null) ? '' : ' section--dark'}" id="commands">
+    <div class="container">
+      <div class="section__label">Commands</div>
+      <h2 class="section__title">What can ${name} do?</h2>
+      <p class="section__sub">Browse all available commands below.</p>
+      ${grouped}
+    </div>
+  </section>`;
+    }
+    // ── Nav extra links ────────────────────────────────────────────────────────
+    const navSupport = supportUrl ? `<li><a href="${supportUrl}" target="_blank" rel="noopener noreferrer">Support</a></li>` : '';
+    const navCommands = commands.length > 0 ? `<li><a href="#commands">Commands</a></li>` : '';
+    // ── Footer links ───────────────────────────────────────────────────────────
+    const footerLinks = [
+        inviteUrl ? `<a href="${inviteUrl}" target="_blank" rel="noopener noreferrer">Add to Discord</a>` : '',
+        supportUrl ? `<a href="${supportUrl}" target="_blank" rel="noopener noreferrer">Support</a>` : '',
+        githubUrl ? `<a href="${githubUrl}"  target="_blank" rel="noopener noreferrer">${GITHUB_ICON} GitHub</a>` : '',
+    ].filter(Boolean).join('');
+    // ── CSS & JS ───────────────────────────────────────────────────────────────
+    const css = generateCSS(accent, accentSec, bg, bgCard, accentGlow);
+    const js = generateJS(serverCount, userCount);
+    // ── Full HTML ──────────────────────────────────────────────────────────────
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>${name}</title>
+  <meta name="description" content="${description}" />
+  <meta name="theme-color" content="${accent}" />
+  <meta property="og:title" content="${name}" />
+  <meta property="og:description" content="${description}" />
+  ${avatarUrl ? `<meta property="og:image" content="${avatarUrl}" />` : ''}
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
+  <style>${css}</style>
+</head>
+<body>
+
+  <!-- Nav -->
+  <nav class="nav" id="nav">
+    <div class="nav__inner">
+      <a class="nav__brand" href="#">
+        ${navAvatarHtml}
+        <span>${name}</span>
+      </a>
+      <ul class="nav__links">
+        <li><a href="#about">About</a></li>
+        <li><a href="#features">Features</a></li>
+        ${navCommands}
+        ${navSupport}
+      </ul>
+      ${inviteUrl ? `<a class="btn btn--primary nav__cta" href="${inviteUrl}" target="_blank" rel="noopener noreferrer">Add to Discord</a>` : ''}
+    </div>
+  </nav>
+
+  <!-- Hero -->
+  <header class="hero">
+    <div class="hero__bg">
+      <div class="hero__glow hero__glow--1"></div>
+      <div class="hero__glow hero__glow--2"></div>
+      <div class="hero__grid"></div>
+    </div>
+    <div class="hero__content">
+      <div class="hero__avatar">${heroAvatarHtml}</div>
+      <div class="hero__badge">
+        <span class="badge__dot"></span>
+        Discord Bot
+      </div>
+      <h1 class="hero__title">
+        ${name}<br />
+        <span class="gradient-text">${tagline}</span>
+      </h1>
+      <p class="hero__sub">${description}</p>
+      <div class="hero__actions">
+        ${primaryCta}
+        ${supportCta}
+      </div>
+      <div class="hero__pills">
+        ${serversPill}
+        ${usersPill}
+        ${prefixPill}
+      </div>
+    </div>
+    <div class="hero__scroll">
+      <span>Scroll</span>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12l7 7 7-7"/></svg>
+    </div>
+  </header>
+
+  <!-- Features -->
+  <section class="section" id="about">
+    <div class="container">
+      <div class="section__label" id="features">Features</div>
+      <h2 class="section__title">Why choose ${name}?</h2>
+      <p class="section__sub">Everything you need, nothing you don't.</p>
+      <div class="features">
+        ${featureCards}
+      </div>
+    </div>
+  </section>
+
+  ${statsSection}
+  ${commandsSection}
+
+  <!-- Footer -->
+  <footer class="footer">
+    <div class="footer__inner">
+      <div class="footer__brand">
+        ${navAvatarHtml}
+        <span>${name}</span>
+      </div>
+      <div class="footer__links">
+        ${footerLinks}
+      </div>
+      <p class="footer__copy">
+        Powered by <a href="https://www.npmjs.com/package/devcodes-website" target="_blank" rel="noopener noreferrer">devcodes-website</a>
+      </p>
+    </div>
+  </footer>
+
+  <script>${js}</script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=template.js.map

package/dist/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,60 @@
+export interface BotWebsiteFeature {
+    /** Emoji or short text icon */
+    icon: string;
+    title: string;
+    description: string;
+}
+export interface BotWebsiteCommand {
+    /** Command name (without prefix) */
+    name: string;
+    description: string;
+    /** Optional category — commands are grouped by category */
+    category?: string;
+}
+export interface BotWebsiteTheme {
+    /** Primary accent color as CSS hex (default: '#5865f2') */
+    accent?: string;
+    /** Secondary / hover accent color as CSS hex (default: '#7289da') */
+    accentSecondary?: string;
+    /** Page background color as CSS hex (default: '#0a0a0f') */
+    background?: string;
+    /** Card background color as CSS hex (default: '#12121e') */
+    backgroundCard?: string;
+}
+export interface BotWebsiteStats {
+    /** Number of servers / guilds the bot is in */
+    serverCount?: number;
+    /** Number of unique users the bot can see */
+    userCount?: number;
+}
+export interface BotWebsiteConfig {
+    /** Bot display name */
+    name: string;
+    /** Short hero tagline (shown as gradient text below the name) */
+    tagline?: string;
+    /** Full description paragraph shown in the hero */
+    description: string;
+    /** URL to the bot's avatar image */
+    avatar?: string;
+    /** Command prefix — shown as a stat pill (e.g. '!') */
+    prefix?: string;
+    /** Number of servers/guilds the bot is currently in */
+    serverCount?: number;
+    /** Number of users the bot can see */
+    userCount?: number;
+    /** Discord OAuth2 invite link — renders "Add to Discord" CTA */
+    inviteUrl?: string;
+    /** Discord support server invite URL — renders "Support Server" button */
+    supportUrl?: string;
+    /** GitHub repository URL */
+    githubUrl?: string;
+    /** Feature highlight cards (defaults to 4 generic cards if omitted) */
+    features?: BotWebsiteFeature[];
+    /** Commands to showcase — grouped by category */
+    commands?: BotWebsiteCommand[];
+    /** Color scheme overrides */
+    theme?: BotWebsiteTheme;
+    /** Port to serve the website on (default: 3000) */
+    port?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAE/B,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,iDAAiD;IACjD,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAG/B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAC;IAGxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "devcodes-website",
+  "version": "1.0.0",
+  "description": "Instantly generate a beautiful, modern website for any Discord bot. Powered by devcodes. Customise colours, features, commands, stats and more.",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "engines": {
+    "node": ">=16.9.0"
+  },
+  "keywords": [
+    "discord",
+    "discord-bot",
+    "bot-website",
+    "bot-landing-page",
+    "devcodes",
+    "express",
+    "typescript"
+  ],
+  "author": "azaresw",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/azaresw/devcodes-website.git"
+  },
+  "bugs": {
+    "url": "https://discord.gg/ESh2Dp2xX9"
+  },
+  "dependencies": {
+    "express": "^4.19.2"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.21",
+    "@types/node": "^20.11.5",
+    "typescript": "^5.3.3"
+  }
+}