create-hackhub-mod 0.1.1 → 0.3.0

package/dist/index.js

@@ -5,9 +5,51 @@ 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);
+function hackerArt() {
+  const d = pc.dim;
+  const w = pc.white;
+  const c = pc.cyan;
+  const g = pc.green;
+  const lines = [
+    "",
+    d("                        ") + w(".::::::::::."),
+    d("                      ") + w(".::`") + d(" ") + w("``:::::::::."),
+    d("                    ") + w(".::") + d("     ") + w("``::::::::."),
+    d("                   ") + w(".::") + d("        ") + w("`:::::::::"),
+    d("                  ") + w(".::") + d("          ") + w("::::::::"),
+    d("                  ") + w("::") + d("  ") + g("@@") + d("    ") + g("@@") + d("  ") + w(":::::::"),
+    d("                  ") + w("::") + d("  ") + g("@@") + d("    ") + g("@@") + d("  ") + w(":::::::"),
+    d("                  ") + w("::") + d("            ") + w(":::::::"),
+    d("                  ") + w("::") + d("    ") + g("\\__/") + d("    ") + w(":::::::"),
+    d("                  ") + w("`::.") + d("          ") + w(".::::::"),
+    d("                   ") + w("`::.") + d("        ") + w(".::::::'"),
+    d("             ") + w("_,,,,,,__") + w("`::::::::::::::'"),
+    d("          ") + w(",:''") + d("        ") + w("'':::::::::::'"),
+    d("         ") + w("/") + d("       ") + c(".--------.") + d("     ") + w("\\"),
+    d("        ") + w("|") + d("       ") + c("|") + d("        ") + c("|") + d("      ") + w("|"),
+    d("        ") + w("|") + d("       ") + c("|") + d("  ") + g(">_") + d("    ") + c("|") + d("      ") + w("|"),
+    d("        ") + w("|") + d("       ") + c("|") + d("        ") + c("|") + d("      ") + w("|"),
+    d("        ") + w("|") + d("       ") + c("'--------'") + d("      ") + w("|"),
+    d("         ") + w("\\") + d("     ") + c("/__________\\") + d("    ") + w("/"),
+    d("          ") + w("\\") + d("                       ") + w("/"),
+    d("           ") + w("'---..___________..---'"),
+    ""
+  ];
+  return lines.join("\n");
+}
+var HACKER_ART = hackerArt();
+var LOGO = `
+${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 ")}
+`;
 function toKebabCase(str) {
   return str.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, "");
 }
@@ -28,16 +70,42 @@ 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`;
+}
+function pad(str, len) {
+  const visible = str.replace(/\x1b\[[0-9;]*m/g, "");
+  const padding = Math.max(0, len - visible.length);
+  return str + " ".repeat(padding);
+}
 async function main() {
-  console.log();
-  p.intro(pc.bgCyan(pc.black(" Create HackHub Mod ")));
+  console.log(HACKER_ART);
+  console.log(LOGO);
+  p.intro(pc.bgCyan(pc.black(" create-hackhub-mod ")));
   const project = await p.group(
     {
       name: () => p.text({
@@ -51,10 +119,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 +162,31 @@ 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."));
+  }
+  const W = 54;
+  console.log();
+  console.log(pc.dim("  \u250C" + "\u2500".repeat(W) + "\u2510"));
+  console.log(pc.dim("  \u2502") + " ".repeat(W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pad(pc.green("   \u2714 Your mod is ready!"), W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + " ".repeat(W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pad(`   Project:  ${pc.bold(modName)}`, W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pad(`   Template: ${pc.bold(template)}`, W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pad(`   Author:   ${pc.bold(author)}`, W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + " ".repeat(W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pad(pc.dim("   Next steps:"), W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pad(pc.cyan(`     cd ${modId}`), W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + pad(pc.cyan(`     ${pm} run build`), W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2502") + " ".repeat(W) + pc.dim("\u2502"));
+  console.log(pc.dim("  \u2514" + "\u2500".repeat(W) + "\u2518"));
+  console.log();
+  p.outro(pc.green("Happy hacking!"));
 }
 main().catch(console.error);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-hackhub-mod",
-    "version": "0.1.1",
+    "version": "0.3.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/base/src/types.d.ts

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

package/templates/basic/src/index.ts

@@ -1,6 +1,6 @@
 import { Bootstrap, RegisterModPackage } from "@hotbunny/hackhub-content-sdk";
 
-@RegisterModPackage()
+@RegisterModPackage
 export default class {{className}} extends Bootstrap {
     OnModPackageLoaded() {
         console.log("{{modName}} loaded!");

package/templates/full/src/apps/{ExampleApp.ts → ExampleApp/app.html}

@@ -1,24 +1,22 @@
-import { App, RegisterApp } from "@hotbunny/hackhub-content-sdk";
-
-@RegisterApp()
-export class ExampleApp extends App {
-    definition = {
-        id: "example-app",
-        name: "Example App",
-        icon: "terminal",
-        html: `
 <!DOCTYPE html>
 <html>
 <head>
     <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
         body {
-            font-family: sans-serif;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
             background: #1a1a2e;
             color: #eee;
             padding: 24px;
-            margin: 0;
         }
-        h2 { color: #e94560; }
+        h2 {
+            color: #e94560;
+            margin-bottom: 12px;
+        }
+        p {
+            color: #aaa;
+            margin-bottom: 16px;
+        }
         button {
             background: #e94560;
             color: white;
@@ -26,15 +24,14 @@ export class ExampleApp extends App {
             padding: 8px 16px;
             border-radius: 4px;
             cursor: pointer;
+            font-size: 14px;
         }
         button:hover { opacity: 0.85; }
     </style>
 </head>
 <body>
-    <h2>{{modName}} App</h2>
+    <h2>{{modName}}</h2>
     <p>This is a custom in-game application.</p>
     <button onclick="alert('Hello from {{modName}}!')">Click me</button>
 </body>
-</html>`,
-    };
-}
+</html>

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

@@ -0,0 +1,18 @@
+import { App, RegisterApp } from "@hotbunny/hackhub-content-sdk";
+import appHTML from "./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

@@ -1,13 +1,20 @@
-import { Command, RegisterCommand } from "@hotbunny/hackhub-content-sdk";
+import { Command, RegisterCommand, CommandTools } from "@hotbunny/hackhub-content-sdk";
 
-@RegisterCommand()
+@RegisterCommand
 export class HelloCommand extends Command {
-    definition = {
-        name: "hello",
-        description: "Says hello from {{modName}}",
-    };
 
-    execute(args: string[]) {
-        return `Hello from {{modName}}! Args: ${args.join(", ")}`;
+    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/index.ts

@@ -1,10 +1,10 @@
 import { Bootstrap, RegisterModPackage } from "@hotbunny/hackhub-content-sdk";
 import "./quests/ExampleQuest";
-import "./websites/ExampleWebsite";
+import "./websites/ExampleWebsite/index";
 import "./commands/HelloCommand";
-import "./apps/ExampleApp";
+import "./apps/ExampleApp/index";
 
-@RegisterModPackage()
+@RegisterModPackage
 export default class {{className}} extends Bootstrap {
     OnModPackageLoaded() {
         console.log("{{modName}} loaded!");

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

@@ -1,14 +1,29 @@
-import { Quest, Network, RegisterQuest } from "@hotbunny/hackhub-content-sdk";
+import { Quest, RegisterQuest, QuestObjectiveDefinition } from "@hotbunny/hackhub-content-sdk";
 
-@RegisterQuest()
+@RegisterQuest
 export 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" },
-        ],
-    };
+
+    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/websites/ExampleWebsite/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/websites/ExampleWebsite/index.ts

@@ -0,0 +1,13 @@
+import { Website, RegisterWebsite, WebsitePageDefinition } from "@hotbunny/hackhub-content-sdk";
+import homePage from "./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,7 +1,7 @@
 import { Bootstrap, RegisterModPackage } from "@hotbunny/hackhub-content-sdk";
 import "./quests/ExampleQuest";
 
-@RegisterModPackage()
+@RegisterModPackage
 export default class {{className}} extends Bootstrap {
     OnModPackageLoaded() {
         console.log("{{modName}} loaded!");

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

@@ -1,14 +1,29 @@
-import { Quest, Network, RegisterQuest } from "@hotbunny/hackhub-content-sdk";
+import { Quest, RegisterQuest, QuestObjectiveDefinition } from "@hotbunny/hackhub-content-sdk";
 
-@RegisterQuest()
+@RegisterQuest
 export 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" },
-        ],
-    };
+
+    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,7 +1,7 @@
 import { Bootstrap, RegisterModPackage } from "@hotbunny/hackhub-content-sdk";
-import "./websites/ExampleWebsite";
+import "./websites/ExampleWebsite/index";
 
-@RegisterModPackage()
+@RegisterModPackage
 export default class {{className}} extends Bootstrap {
     OnModPackageLoaded() {
         console.log("{{modName}} loaded!");

package/templates/website/src/websites/ExampleWebsite/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/website/src/websites/ExampleWebsite/index.ts

@@ -0,0 +1,13 @@
+import { Website, RegisterWebsite, WebsitePageDefinition } from "@hotbunny/hackhub-content-sdk";
+import homePage from "./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/full/src/websites/ExampleWebsite.ts

@@ -1,31 +0,0 @@
-import { Website, RegisterWebsite } from "@hotbunny/hackhub-content-sdk";
-
-@RegisterWebsite()
-export 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/websites/ExampleWebsite.ts

@@ -1,31 +0,0 @@
-import { Website, RegisterWebsite } from "@hotbunny/hackhub-content-sdk";
-
-@RegisterWebsite()
-export 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>`,
-    };
-}