@iruka-edu/create-iruka-game 1.0.0

package/dist/index.cjs

@@ -0,0 +1,114 @@
+#!/usr/bin/env node
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// src/index.ts
+var import_fs_extra = __toESM(require("fs-extra"), 1);
+var import_node_path = __toESM(require("path"), 1);
+var import_prompts = __toESM(require("prompts"), 1);
+var import_node_child_process = require("child_process");
+var import_picocolors = __toESM(require("picocolors"), 1);
+async function init() {
+  console.log(import_picocolors.default.cyan("\u{1F680} Iruka Game Starter CLI"));
+  const response = await (0, import_prompts.default)([
+    // 1. Hỏi tên project
+    {
+      type: "text",
+      name: "projectName",
+      message: "T\xEAn th\u01B0 m\u1EE5c game:",
+      initial: "my-iruka-game"
+    },
+    // 2. [MỚI] Hỏi loại Template
+    {
+      type: "select",
+      name: "templateType",
+      message: "Ch\u1ECDn lo\u1EA1i Project:",
+      choices: [
+        {
+          title: "Basic Phaser (Phaser.js only)",
+          description: "Nh\u1EC7, d\xF9ng @iruka-edu/game-core. Ph\xF9 h\u1EE3p game \u0111\u01A1n gi\u1EA3n.",
+          value: "basic-phaser"
+        },
+        {
+          title: "React + Phaser (Recommended)",
+          description: "M\u1EA1nh m\u1EBD, d\xF9ng @iruka-edu/mini-game-sdk. D\u1EC5 l\xE0m UI.",
+          value: "react-phaser"
+        }
+      ],
+      initial: 1
+    },
+    // 3. Hỏi Token
+    {
+      type: "password",
+      // Ẩn token khi nhập
+      name: "token",
+      message: "Nh\u1EADp GitHub Token (\u0111\u1EC3 c\xE0i \u0111\u1EB7t SDK):",
+      validate: (value) => value.length < 10 ? "Token kh\xF4ng h\u1EE3p l\u1EC7" : true
+    }
+  ]);
+  const { projectName, templateType, token } = response;
+  if (!projectName || !templateType || !token) process.exit(1);
+  const root = import_node_path.default.join(process.cwd(), projectName);
+  const templateDir = import_node_path.default.resolve(__dirname, `../templates/${templateType}`);
+  if (!import_fs_extra.default.existsSync(templateDir)) {
+    console.error(import_picocolors.default.red(`\u274C Kh\xF4ng t\xECm th\u1EA5y template: ${templateType}`));
+    process.exit(1);
+  }
+  if (import_fs_extra.default.existsSync(root)) {
+    console.error(import_picocolors.default.red(`\u274C Th\u01B0 m\u1EE5c ${projectName} \u0111\xE3 t\u1ED3n t\u1EA1i!`));
+    process.exit(1);
+  }
+  console.log(
+    import_picocolors.default.blue(`
+\u{1F4C2} \u0110ang kh\u1EDFi t\u1EA1o project t\u1EEB template: ${templateType}...`)
+  );
+  import_fs_extra.default.copySync(templateDir, root);
+  const pkgPath = import_node_path.default.join(root, "package.json");
+  const pkg = import_fs_extra.default.readJsonSync(pkgPath);
+  pkg.name = projectName;
+  import_fs_extra.default.writeJsonSync(pkgPath, pkg, { spaces: 2 });
+  console.log(import_picocolors.default.blue("\u{1F511} \u0110ang c\u1EA5u h\xECnh x\xE1c th\u1EF1c..."));
+  const npmrcContent = `
+@iruka-edu:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=${token}
+`;
+  import_fs_extra.default.writeFileSync(import_node_path.default.join(root, ".npmrc"), npmrcContent.trim());
+  console.log(import_picocolors.default.blue("\u{1F4E6} \u0110ang c\xE0i \u0111\u1EB7t th\u01B0 vi\u1EC7n..."));
+  try {
+    const userAgent = process.env.npm_config_user_agent || "";
+    const pkgManager = userAgent.startsWith("pnpm") ? "pnpm" : "npm";
+    (0, import_node_child_process.execSync)(`${pkgManager} install`, { cwd: root, stdio: "inherit" });
+    (0, import_node_child_process.execSync)("git init", { cwd: root, stdio: "ignore" });
+    console.log(import_picocolors.default.green(`
+\u2705 Th\xE0nh c\xF4ng! Game ${templateType} \u0111\xE3 s\u1EB5n s\xE0ng.`));
+    console.log(`
+\u{1F449} Ch\u1EA1y l\u1EC7nh sau \u0111\u1EC3 b\u1EAFt \u0111\u1EA7u:
+`);
+    console.log(import_picocolors.default.cyan(`  cd ${projectName}`));
+    console.log(import_picocolors.default.cyan(`  ${pkgManager} run dev`));
+  } catch (error) {
+    console.error(import_picocolors.default.red("\u274C L\u1ED7i c\xE0i \u0111\u1EB7t. Ki\u1EC3m tra l\u1EA1i Token."));
+  }
+}
+init().catch((e) => console.error(e));

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@iruka-edu/create-iruka-game",
+  "version": "1.0.0",
+  "description": "Create Iruka mini game (React + Phaser template)",
+  "license": "MIT",
+  "type": "module",
+  "bin": {
+    "create-iruka-game": "dist/index.cjs"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs --clean",
+    "dev": "tsup src/index.ts --format cjs --watch"
+  },
+  "dependencies": {
+    "fs-extra": "^11.3.3",
+    "picocolors": "^1.1.1",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.0.0",
+    "typescript": "^5.5.0"
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/templates/basic-phaser/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Basic Phaser Game</title>
+  </head>
+  <body>
+    <div id="game-container"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/templates/basic-phaser/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "basic-phaser-template",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build"
+  },
+  "dependencies": {
+    "phaser": "^3.60.0",
+    "@iruka-edu/game-core": "latest"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "vite": "^4.0.0"
+  }
+}

package/templates/basic-phaser/src/main.ts

@@ -0,0 +1,30 @@
+import Phaser from "phaser";
+
+class DemoScene extends Phaser.Scene {
+  constructor() {
+    super("DemoScene");
+  }
+
+  preload() {
+    // Preload assets here
+  }
+
+  create() {
+    this.add
+      .text(400, 300, "Iruka Basic Phaser Template", {
+        fontSize: "32px",
+        color: "#00ff00",
+      })
+      .setOrigin(0.5);
+  }
+}
+
+const config: Phaser.Types.Core.GameConfig = {
+  type: Phaser.AUTO,
+  width: 800,
+  height: 600,
+  scene: DemoScene,
+  parent: "game-container",
+};
+
+new Phaser.Game(config);

package/templates/basic-phaser/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "allowJs": true,
+    "checkJs": false,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src"]
+}

package/templates/basic-phaser/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  server: {
+    port: 3000,
+  },
+});

package/templates/react-phaser/README.md

@@ -0,0 +1,28 @@
+# **IRUKA_GAME_NAME**
+
+An Iruka mini game built with React + Phaser.
+
+## Getting Started
+
+```bash
+# Install dependencies
+pnpm install
+
+# Start development server
+pnpm dev
+
+# Build for production
+pnpm build
+```
+
+## Update SDK
+
+```bash
+pnpm up @iruka-edu/mini-game-sdk
+```
+
+## Check SDK version
+
+```bash
+pnpm sdk:check
+```

package/templates/react-phaser/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="vi">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>__IRUKA_GAME_NAME__</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/react-phaser/iruka.config.json

@@ -0,0 +1,5 @@
+{
+  "game_id": "__IRUKA_GAME_ID__",
+  "game_name": "__IRUKA_GAME_NAME__",
+  "game_version": "0.0.1"
+}

package/templates/react-phaser/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "react-phaser-template",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "phaser": "^3.60.0",
+    "@iruka-edu/mini-game-sdk": "latest"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^4.0.0"
+  }
+}

package/templates/react-phaser/scripts/sdk-check.mjs

@@ -0,0 +1,5 @@
+import pkg from "../package.json" with { type: "json" };
+
+const v = pkg.dependencies?.["@iruka/mini-game-sdk"];
+console.log(`[Iruka] SDK dependency: @iruka/mini-game-sdk = ${v || "missing"}`);
+console.log(`[Iruka] Tip: run "pnpm up @iruka/mini-game-sdk" to update.`);

package/templates/react-phaser/src/MyGame.ts

@@ -0,0 +1,24 @@
+import { BaseGame, type GameRuntimeConfig } from "@iruka/mini-game-sdk";
+
+export class MyGame extends BaseGame {
+  private score = 0;
+
+  async onInit(cfg: GameRuntimeConfig) {
+    super.onInit(cfg);
+    const root = document.getElementById("game-root")!;
+    root.innerHTML = `
+      <div style="padding:24px;font:16px/1.4 system-ui">
+        <h2>🐳 __IRUKA_GAME_NAME__</h2>
+        <p>Locale: ${cfg.locale} • Difficulty: ${cfg.difficulty}</p>
+        <button id="btn-score">+1 điểm</button>
+      </div>
+    `;
+    document.getElementById("btn-score")?.addEventListener("click", () => {
+      this.score++;
+      (window as any).__irukaBridge?.score?.(this.score, 1);
+      this.telemetry({ type: "score", data: { score: this.score } });
+    });
+  }
+}
+
+export const createGame = () => new MyGame();

package/templates/react-phaser/src/main.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import {
+  IrukaGameHost,
+  createIframeBridge,
+  type HostCommand,
+} from "@iruka-edu/mini-game-sdk";
+import { createGame } from "./MyGame";
+
+const bridge = createIframeBridge((cmd: HostCommand) => {
+  console.log("[Hub→Game]", cmd);
+}, "*");
+(window as any).__irukaBridge = bridge;
+
+const App = () => (
+  <IrukaGameHost
+    createGame={createGame}
+    config={{
+      runtime: "iframe-html",
+      locale: "vi",
+      difficulty: 2,
+      seed: 123,
+      player: { userId: "demo" },
+      hubApi: {} as any,
+    }}
+  />
+);
+
+createRoot(document.getElementById("root")!).render(<App />);

package/templates/react-phaser/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM"],
+    "jsx": "react-jsx",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}

package/templates/react-phaser/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+  base: "./",
+});