create-hackhub-mod 0.1.0 → 0.2.0

package/dist/index.js

@@ -5,9 +5,22 @@ import * as p from "@clack/prompts";
 import pc from "picocolors";
 import fs from "fs";
 import path from "path";
+import { execSync } from "child_process";
 import { fileURLToPath } from "url";
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = path.dirname(__filename);
+var BANNER = `
+${pc.cyan("  \u2588\u2588\u2557  \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2557   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 ")}
+${pc.cyan("  \u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551 \u2588\u2588\u2554\u255D\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557")}
+${pc.cyan("  \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2554\u255D \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D")}
+${pc.cyan("  \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2588\u2588\u2557 \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557")}
+${pc.cyan("  \u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551  \u2588\u2588\u2557\u2588\u2588\u2551  \u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D")}
+${pc.cyan("  \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D ")}
+${pc.dim("  \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510")}
+${pc.dim("  \u2502")} ${pc.green("  >")} ${pc.white("Create HackHub Mod")}${pc.dim("                                   \u2502")}
+${pc.dim("  \u2502")} ${pc.dim("    Mod scaffolding tool for HackHub")}${pc.dim("                   \u2502")}
+${pc.dim("  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518")}
+`;
 function toKebabCase(str) {
   return str.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, "");
 }
@@ -28,16 +41,36 @@ function copyDir(src, dest, vars) {
       copyDir(srcPath, destPath, vars);
     } else {
       let content = fs.readFileSync(srcPath, "utf-8");
-      if (entry.name.endsWith(".hbs") || entry.name.endsWith(".ts") || entry.name.endsWith(".json")) {
+      if (entry.name.endsWith(".hbs") || entry.name.endsWith(".ts") || entry.name.endsWith(".html") || entry.name.endsWith(".json")) {
         content = inject(content, vars);
       }
       fs.writeFileSync(destPath, content);
     }
   }
 }
+function detectPackageManager() {
+  const ua = process.env.npm_config_user_agent || "";
+  if (ua.startsWith("pnpm")) return "pnpm";
+  if (ua.startsWith("yarn")) return "yarn";
+  if (ua.startsWith("bun")) return "bun";
+  try {
+    execSync("bun --version", { stdio: "ignore" });
+    return "bun";
+  } catch {
+  }
+  try {
+    execSync("pnpm --version", { stdio: "ignore" });
+    return "pnpm";
+  } catch {
+  }
+  return "npm";
+}
+function installCommand(pm) {
+  return pm === "yarn" ? "yarn" : `${pm} install`;
+}
 async function main() {
-  console.log();
-  p.intro(pc.bgCyan(pc.black(" Create HackHub Mod ")));
+  console.log(BANNER);
+  p.intro(pc.bgCyan(pc.black(" create-hackhub-mod ")));
   const project = await p.group(
     {
       name: () => p.text({
@@ -51,10 +84,10 @@ async function main() {
       template: () => p.select({
         message: "Select a template",
         options: [
-          { value: "basic", label: "Basic", hint: "Minimal mod setup" },
-          { value: "quest", label: "Quest", hint: "Includes an example quest" },
-          { value: "website", label: "Website", hint: "Includes an in-game website" },
-          { value: "full", label: "Full", hint: "Quest + Website + Command + App" }
+          { value: "basic", label: `${pc.bold("Basic")}`, hint: "Minimal mod setup" },
+          { value: "quest", label: `${pc.bold("Quest")}`, hint: "Includes an example quest" },
+          { value: "website", label: `${pc.bold("Website")}`, hint: "Includes an in-game website" },
+          { value: "full", label: `${pc.bold("Full")}`, hint: "Quest + Website + Command + App" }
         ]
       }),
       author: () => p.text({
@@ -94,13 +127,30 @@ async function main() {
   s.start("Scaffolding mod project...");
   copyDir(baseDir, targetDir, vars);
   copyDir(templateDir, targetDir, vars);
-  s.stop("Project scaffolded.");
-  const nextSteps = [
-    `cd ${modId}`,
-    "npm install",
-    "npm run build"
-  ];
-  p.note(nextSteps.join("\n"), "Next steps");
-  p.outro(pc.green(`Done! Your mod "${modName}" is ready.`));
+  s.stop(pc.green("Project scaffolded."));
+  const pm = detectPackageManager();
+  s.start(`Installing dependencies with ${pc.cyan(pm)}...`);
+  try {
+    execSync(installCommand(pm), { cwd: targetDir, stdio: "ignore" });
+    s.stop(pc.green("Dependencies installed."));
+  } catch {
+    s.stop(pc.yellow("Could not install dependencies. Run it manually."));
+  }
+  console.log();
+  console.log(pc.dim("  \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510"));
+  console.log(pc.dim("  \u2502                                                      \u2502"));
+  console.log(pc.dim("  \u2502") + pc.green("  \u2714 Your mod is ready!") + pc.dim("                                \u2502"));
+  console.log(pc.dim("  \u2502                                                      \u2502"));
+  console.log(pc.dim("  \u2502") + pc.white(`  Project:  ${pc.bold(modName)}`) + " ".repeat(Math.max(0, 40 - modName.length)) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pc.white(`  Template: ${pc.bold(template)}`) + " ".repeat(Math.max(0, 40 - template.length)) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pc.white(`  Author:   ${pc.bold(author)}`) + " ".repeat(Math.max(0, 40 - author.length)) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502                                                      \u2502"));
+  console.log(pc.dim("  \u2502") + pc.dim("  Next steps:") + pc.dim("                                       \u2502"));
+  console.log(pc.dim("  \u2502") + pc.cyan(`    cd ${modId}`) + " ".repeat(Math.max(0, 46 - modId.length)) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pc.cyan(`    ${pm} run build`) + " ".repeat(Math.max(0, 38 - pm.length)) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502                                                      \u2502"));
+  console.log(pc.dim("  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518"));
+  console.log();
+  p.outro(pc.green("Happy hacking! \u{1F513}"));
 }
 main().catch(console.error);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-hackhub-mod",
-    "version": "0.1.0",
+    "version": "0.2.0",
     "description": "Scaffold a new HackHub mod project with interactive prompts",
     "type": "module",
     "bin": {

package/templates/base/esbuild.config.ts

@@ -10,6 +10,9 @@ const config = {
     platform: "neutral" as const,
     target: "es2020",
     external: ["@hotbunny/hackhub-content-sdk"],
+    loader: {
+        ".html": "text" as const,
+    },
 };
 
 if (isWatch) {

package/templates/full/src/apps/ExampleApp.ts

@@ -0,0 +1,18 @@
+import { App, RegisterApp } from "@hotbunny/hackhub-content-sdk";
+import appHTML from "../html/app.html";
+
+@RegisterApp()
+export class ExampleApp extends App {
+
+    AppName: string = "{{className}}App";
+    Title: string = "{{modName}}";
+    Icon: string = "";
+    HTML: string = appHTML;
+    DefaultSize = { width: 420, height: 320 };
+
+    Store = {
+        title: "{{modName}}",
+        ratings: 5.0,
+        description: "{{description}}",
+    };
+}

package/templates/full/src/commands/HelloCommand.ts

@@ -0,0 +1,20 @@
+import { Command, RegisterCommand, CommandTools } from "@hotbunny/hackhub-content-sdk";
+
+@RegisterCommand()
+export class HelloCommand extends Command {
+
+    CommandName: string = "hello";
+    Description: string = "Says hello from {{modName}}";
+    Autocomplete = [
+        { label: "hello", type: "STRING" as const },
+    ];
+
+    async Run(tools: CommandTools) {
+        const args = tools.getArgs();
+        if (args.length > 0) {
+            tools.println(`Hello, ${args.join(" ")}! From {{modName}}.`);
+        } else {
+            tools.println("Hello from {{modName}}!");
+        }
+    }
+}

package/templates/full/src/html/app.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+            background: #1a1a2e;
+            color: #eee;
+            padding: 24px;
+        }
+        h2 {
+            color: #e94560;
+            margin-bottom: 12px;
+        }
+        p {
+            color: #aaa;
+            margin-bottom: 16px;
+        }
+        button {
+            background: #e94560;
+            color: white;
+            border: none;
+            padding: 8px 16px;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 14px;
+        }
+        button:hover { opacity: 0.85; }
+    </style>
+</head>
+<body>
+    <h2>{{modName}}</h2>
+    <p>This is a custom in-game application.</p>
+    <button onclick="alert('Hello from {{modName}}!')">Click me</button>
+</body>
+</html>

package/templates/full/src/index.ts

@@ -1,17 +1,8 @@
-import {
-    Bootstrap,
-    Quest,
-    Website,
-    Command,
-    App,
-    Events,
-    Network,
-    RegisterModPackage,
-    RegisterQuest,
-    RegisterWebsite,
-    RegisterCommand,
-    RegisterApp,
-} from "@hotbunny/hackhub-content-sdk";
+import { Bootstrap, RegisterModPackage } from "@hotbunny/hackhub-content-sdk";
+import "./quests/ExampleQuest";
+import "./websites/ExampleWebsite";
+import "./commands/HelloCommand";
+import "./apps/ExampleApp";
 
 @RegisterModPackage()
 export default class {{className}} extends Bootstrap {
@@ -19,97 +10,3 @@ export default class {{className}} extends Bootstrap {
         console.log("{{modName}} loaded!");
     }
 }
-
-@RegisterQuest()
-class ExampleQuest extends Quest {
-    definition = {
-        name: "ExampleQuest",
-        title: "Example Quest",
-        description: "An example quest from {{modName}}.",
-        rewards: { money: 100 },
-        objectives: [
-            { name: "scan", description: "Scan the target server" },
-        ],
-    };
-}
-
-@RegisterWebsite()
-class ExampleWebsite extends Website {
-    definition = {
-        url: "example.mod",
-        title: "Example Website",
-        html: `
-<!DOCTYPE html>
-<html>
-<head>
-    <style>
-        body {
-            font-family: monospace;
-            background: #0a0a0a;
-            color: #00ff41;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            height: 100vh;
-            margin: 0;
-        }
-        h1 { text-shadow: 0 0 10px #00ff41; }
-    </style>
-</head>
-<body>
-    <h1>Welcome to {{modName}}</h1>
-</body>
-</html>`,
-    };
-}
-
-@RegisterCommand()
-class ExampleCommand extends Command {
-    definition = {
-        name: "hello",
-        description: "Says hello from {{modName}}",
-    };
-
-    execute(args: string[]) {
-        return `Hello from {{modName}}! Args: ${args.join(", ")}`;
-    }
-}
-
-@RegisterApp()
-class ExampleApp extends App {
-    definition = {
-        id: "example-app",
-        name: "Example App",
-        icon: "terminal",
-        html: `
-<!DOCTYPE html>
-<html>
-<head>
-    <style>
-        body {
-            font-family: sans-serif;
-            background: #1a1a2e;
-            color: #eee;
-            padding: 24px;
-            margin: 0;
-        }
-        h2 { color: #e94560; }
-        button {
-            background: #e94560;
-            color: white;
-            border: none;
-            padding: 8px 16px;
-            border-radius: 4px;
-            cursor: pointer;
-        }
-        button:hover { opacity: 0.85; }
-    </style>
-</head>
-<body>
-    <h2>{{modName}} App</h2>
-    <p>This is a custom in-game application.</p>
-    <button onclick="alert('Hello from {{modName}}!')">Click me</button>
-</body>
-</html>`,
-    };
-}

package/templates/full/src/pages/home.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Courier New', monospace;
+            background: #0a0a0a;
+            color: #00ff41;
+            min-height: 100vh;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 24px;
+        }
+        h1 {
+            font-size: 2rem;
+            text-shadow: 0 0 10px #00ff41, 0 0 20px #00ff4180;
+            margin-bottom: 16px;
+        }
+        p {
+            color: #00ff41aa;
+            font-size: 0.9rem;
+        }
+    </style>
+</head>
+<body>
+    <h1>{{modName}}</h1>
+    <p>Welcome to the website. You shouldn't be here.</p>
+</body>
+</html>

package/templates/full/src/quests/ExampleQuest.ts

@@ -0,0 +1,29 @@
+import { Quest, RegisterQuest, QuestObjectiveDefinition } from "@hotbunny/hackhub-content-sdk";
+
+@RegisterQuest()
+export class ExampleQuest extends Quest {
+
+    Name: string = "ExampleQuest";
+    Title: string = "Example Quest";
+    Description: string = "An example quest from {{modName}}.";
+    Rewards = { money: 100 };
+    Objectives: QuestObjectiveDefinition[] = [
+        {
+            name: "scan",
+            description: "Scan the target server",
+        },
+        {
+            name: "exploit",
+            description: "Exploit the vulnerability",
+            unlocksAfter: ["scan"],
+        },
+    ];
+
+    OnStart() {
+        console.log("ExampleQuest started!");
+    }
+
+    OnComplete() {
+        console.log("ExampleQuest completed!");
+    }
+}

package/templates/full/src/types.d.ts

@@ -0,0 +1,4 @@
+declare module "*.html" {
+    const content: string;
+    export default content;
+}

package/templates/full/src/websites/ExampleWebsite.ts

@@ -0,0 +1,13 @@
+import { Website, RegisterWebsite, WebsitePageDefinition } from "@hotbunny/hackhub-content-sdk";
+import homePage from "../pages/home.html";
+
+@RegisterWebsite()
+export class ExampleWebsite extends Website {
+
+    SiteName: string = "{{modName}}";
+    Host: string = "{{modId}}.mod";
+    Icon: string = "";
+    Pages: WebsitePageDefinition[] = [
+        { path: "/", title: "Home", html: homePage },
+    ];
+}

package/templates/quest/src/index.ts

@@ -1,11 +1,5 @@
-import {
-    Bootstrap,
-    Quest,
-    Events,
-    Network,
-    RegisterModPackage,
-    RegisterQuest,
-} from "@hotbunny/hackhub-content-sdk";
+import { Bootstrap, RegisterModPackage } from "@hotbunny/hackhub-content-sdk";
+import "./quests/ExampleQuest";
 
 @RegisterModPackage()
 export default class {{className}} extends Bootstrap {
@@ -13,16 +7,3 @@ export default class {{className}} extends Bootstrap {
         console.log("{{modName}} loaded!");
     }
 }
-
-@RegisterQuest()
-class ExampleQuest extends Quest {
-    definition = {
-        name: "ExampleQuest",
-        title: "Example Quest",
-        description: "An example quest from {{modName}}.",
-        rewards: { money: 100 },
-        objectives: [
-            { name: "scan", description: "Scan the target server" },
-        ],
-    };
-}

package/templates/quest/src/quests/ExampleQuest.ts

@@ -0,0 +1,29 @@
+import { Quest, RegisterQuest, QuestObjectiveDefinition } from "@hotbunny/hackhub-content-sdk";
+
+@RegisterQuest()
+export class ExampleQuest extends Quest {
+
+    Name: string = "ExampleQuest";
+    Title: string = "Example Quest";
+    Description: string = "An example quest from {{modName}}.";
+    Rewards = { money: 100 };
+    Objectives: QuestObjectiveDefinition[] = [
+        {
+            name: "scan",
+            description: "Scan the target server",
+        },
+        {
+            name: "exploit",
+            description: "Exploit the vulnerability",
+            unlocksAfter: ["scan"],
+        },
+    ];
+
+    OnStart() {
+        console.log("ExampleQuest started!");
+    }
+
+    OnComplete() {
+        console.log("ExampleQuest completed!");
+    }
+}

package/templates/website/src/index.ts

@@ -1,9 +1,5 @@
-import {
-    Bootstrap,
-    Website,
-    RegisterModPackage,
-    RegisterWebsite,
-} from "@hotbunny/hackhub-content-sdk";
+import { Bootstrap, RegisterModPackage } from "@hotbunny/hackhub-content-sdk";
+import "./websites/ExampleWebsite";
 
 @RegisterModPackage()
 export default class {{className}} extends Bootstrap {
@@ -11,33 +7,3 @@ export default class {{className}} extends Bootstrap {
         console.log("{{modName}} loaded!");
     }
 }
-
-@RegisterWebsite()
-class ExampleWebsite extends Website {
-    definition = {
-        url: "example.mod",
-        title: "Example Website",
-        html: `
-<!DOCTYPE html>
-<html>
-<head>
-    <style>
-        body {
-            font-family: monospace;
-            background: #0a0a0a;
-            color: #00ff41;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            height: 100vh;
-            margin: 0;
-        }
-        h1 { text-shadow: 0 0 10px #00ff41; }
-    </style>
-</head>
-<body>
-    <h1>Welcome to {{modName}}</h1>
-</body>
-</html>`,
-    };
-}

package/templates/website/src/pages/home.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Courier New', monospace;
+            background: #0a0a0a;
+            color: #00ff41;
+            min-height: 100vh;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 24px;
+        }
+        h1 {
+            font-size: 2rem;
+            text-shadow: 0 0 10px #00ff41, 0 0 20px #00ff4180;
+            margin-bottom: 16px;
+        }
+        p {
+            color: #00ff41aa;
+            font-size: 0.9rem;
+        }
+        a {
+            color: #00bfff;
+            text-decoration: none;
+        }
+        a:hover { text-decoration: underline; }
+    </style>
+</head>
+<body>
+    <h1>{{modName}}</h1>
+    <p>Welcome to the website. You shouldn't be here.</p>
+</body>
+</html>

package/templates/website/src/types.d.ts

@@ -0,0 +1,4 @@
+declare module "*.html" {
+    const content: string;
+    export default content;
+}

package/templates/website/src/websites/ExampleWebsite.ts

@@ -0,0 +1,13 @@
+import { Website, RegisterWebsite, WebsitePageDefinition } from "@hotbunny/hackhub-content-sdk";
+import homePage from "../pages/home.html";
+
+@RegisterWebsite()
+export class ExampleWebsite extends Website {
+
+    SiteName: string = "{{modName}}";
+    Host: string = "{{modId}}.mod";
+    Icon: string = "";
+    Pages: WebsitePageDefinition[] = [
+        { path: "/", title: "Home", html: homePage },
+    ];
+}