@myvillage/cli 1.10.0 → 1.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myvillage/cli",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "MyVillageOS CLI for community developers",
   "type": "module",
   "bin": {

package/src/commands/deploy.js

@@ -1,11 +1,13 @@
-import { existsSync, readFileSync, writeFileSync, readdirSync } from 'fs';
-import { join, resolve, relative } from 'path';
+import { existsSync, readFileSync, writeFileSync, readdirSync, statSync } from 'fs';
+import { join, resolve, relative, extname } from 'path';
 import { execSync } from 'child_process';
 import chalk from 'chalk';
 import ora from 'ora';
+import axios from 'axios';
+import inquirer from 'inquirer';
 import { villageSpinner, brand } from '../utils/brand.js';
 import { isAuthenticated } from '../utils/auth.js';
-import { deployGame } from '../utils/api.js';
+import { deployGame, getGameUploadUrl, confirmGameUpload } from '../utils/api.js';
 
 function readPackageJson(dir) {
   const pkgPath = join(dir, 'package.json');
@@ -156,6 +158,13 @@ async function deployThreeJsGame(projectDir, pkg) {
     console.log(`  Status: ${formatStatus(result.status)}`);
     if (result.slug) console.log(brand.teal(`  Slug:    ${result.slug}`));
     if (result.gameId) console.log(brand.teal(`  Game ID: ${result.gameId}`));
+
+    // Prompt for thumbnail/banner images
+    const finalGameId = result.gameId || pkg.myvillage.gameId;
+    if (finalGameId) {
+      await promptForImages(finalGameId);
+    }
+
     console.log();
     console.log(brand.teal('  Run "myvillage status" to check the review status.'));
     console.log();
@@ -258,6 +267,13 @@ async function deployUnityGame(projectDir, mvConfig, options) {
     console.log(`  Platform: ${platform}`);
     if (result.slug) console.log(brand.teal(`  Slug:     ${result.slug}`));
     if (result.gameId) console.log(brand.teal(`  Game ID:  ${result.gameId}`));
+
+    // Prompt for thumbnail/banner images
+    const finalGameId = result.gameId || mvConfig.gameId;
+    if (finalGameId) {
+      await promptForImages(finalGameId);
+    }
+
     console.log();
     console.log(brand.teal('  Run "myvillage status" to check the review status.'));
     console.log();
@@ -274,6 +290,113 @@ async function deployUnityGame(projectDir, mvConfig, options) {
   }
 }
 
+// ── Image upload helpers ──
+
+const IMAGE_EXTS = ['.png', '.jpg', '.jpeg', '.webp', '.gif'];
+const IMAGE_CONTENT_TYPES = {
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+  '.webp': 'image/webp',
+  '.gif': 'image/gif',
+};
+
+async function uploadImageAsset(gameId, filePath, assetType) {
+  const resolved = resolve(filePath);
+  if (!existsSync(resolved)) {
+    console.log(chalk.red(`  ✗ File not found: ${resolved}`));
+    return false;
+  }
+
+  const ext = extname(resolved).toLowerCase();
+  if (!IMAGE_EXTS.includes(ext)) {
+    console.log(chalk.red(`  ✗ Unsupported format "${ext}". Use: ${IMAGE_EXTS.join(', ')}`));
+    return false;
+  }
+
+  const contentType = IMAGE_CONTENT_TYPES[ext];
+  const fileSize = statSync(resolved).size;
+  const fileName = `${assetType.toLowerCase()}${ext}`;
+  const label = assetType.toLowerCase();
+
+  const spinner = villageSpinner(`Uploading ${label}...`).start();
+
+  try {
+    const urlResult = await getGameUploadUrl(gameId, {
+      fileName,
+      assetType,
+      contentType,
+      fileSize,
+    });
+
+    const fileBuffer = readFileSync(resolved);
+    await axios.put(urlResult.uploadUrl, fileBuffer, {
+      headers: { 'Content-Type': contentType },
+      maxBodyLength: Infinity,
+      maxContentLength: Infinity,
+    });
+
+    await confirmGameUpload(gameId, {
+      s3Key: urlResult.s3Key,
+      fileName,
+      assetType,
+      contentType,
+    });
+
+    spinner.succeed(`${label.charAt(0).toUpperCase() + label.slice(1)} uploaded!`);
+    return true;
+  } catch (err) {
+    const message = err.response?.data?.error || err.message;
+    spinner.fail(`${label} upload failed: ${message}`);
+    return false;
+  }
+}
+
+async function promptForImages(gameId) {
+  console.log();
+  const { addThumbnail } = await inquirer.prompt([{
+    type: 'confirm',
+    name: 'addThumbnail',
+    message: 'Upload a thumbnail image? (shown on game cards)',
+    default: false,
+  }]);
+
+  if (addThumbnail) {
+    const { thumbnailPath } = await inquirer.prompt([{
+      type: 'input',
+      name: 'thumbnailPath',
+      message: 'Path to thumbnail image:',
+      validate: (input) => {
+        if (!input.trim()) return 'Path is required.';
+        if (!existsSync(resolve(input.trim()))) return 'File not found.';
+        return true;
+      },
+    }]);
+    await uploadImageAsset(gameId, thumbnailPath.trim(), 'THUMBNAIL');
+  }
+
+  const { addBanner } = await inquirer.prompt([{
+    type: 'confirm',
+    name: 'addBanner',
+    message: 'Upload a banner image? (shown on featured displays)',
+    default: false,
+  }]);
+
+  if (addBanner) {
+    const { bannerPath } = await inquirer.prompt([{
+      type: 'input',
+      name: 'bannerPath',
+      message: 'Path to banner image:',
+      validate: (input) => {
+        if (!input.trim()) return 'Path is required.';
+        if (!existsSync(resolve(input.trim()))) return 'File not found.';
+        return true;
+      },
+    }]);
+    await uploadImageAsset(gameId, bannerPath.trim(), 'BANNER');
+  }
+}
+
 function formatStatus(status) {
   switch (status) {
     case 'SUBMITTED':

package/src/commands/game.js

@@ -511,6 +511,87 @@ export async function gameUploadThumbnailCommand(filePath) {
   }
 }
 
+// ── game upload-banner ──────────────────────────────
+
+export async function gameUploadBannerCommand(filePath) {
+  if (!isAuthenticated()) {
+    console.log(chalk.red('  ✗ Authentication required. Run \'myvillage login\' first.'));
+    return;
+  }
+
+  const gameId = getGameId();
+  if (!gameId) return;
+
+  const resolvedPath = resolve(filePath);
+
+  if (!existsSync(resolvedPath)) {
+    console.log(chalk.red(`  ✗ File not found: ${resolvedPath}`));
+    return;
+  }
+
+  const ext = extname(resolvedPath).toLowerCase();
+  const allowedExts = ['.png', '.jpg', '.jpeg', '.webp', '.gif'];
+  if (!allowedExts.includes(ext)) {
+    console.log(chalk.red(`  ✗ Unsupported image format "${ext}". Use: ${allowedExts.join(', ')}`));
+    return;
+  }
+
+  const contentTypes = {
+    '.png': 'image/png',
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.webp': 'image/webp',
+    '.gif': 'image/gif',
+  };
+  const contentType = contentTypes[ext];
+  const fileSize = statSync(resolvedPath).size;
+  const fileName = `banner${ext}`;
+
+  const spinner = villageSpinner(`Uploading banner (${formatBytes(fileSize)})...`).start();
+
+  try {
+    // 1. Get presigned URL
+    const urlResult = await getGameUploadUrl(gameId, {
+      fileName,
+      assetType: 'BANNER',
+      contentType,
+      fileSize,
+    });
+
+    // 2. Upload to S3
+    spinner.text = chalk.yellow('Uploading to storage...');
+    const fileBuffer = readFileSync(resolvedPath);
+
+    await axios.put(urlResult.uploadUrl, fileBuffer, {
+      headers: { 'Content-Type': contentType },
+      maxBodyLength: Infinity,
+      maxContentLength: Infinity,
+      onUploadProgress: (progressEvent) => {
+        if (progressEvent.total) {
+          const pct = Math.round((progressEvent.loaded / progressEvent.total) * 100);
+          spinner.text = chalk.yellow(`Uploading banner — ${pct}%`);
+        }
+      },
+    });
+
+    // 3. Confirm
+    spinner.text = chalk.yellow('Confirming upload...');
+    await confirmGameUpload(gameId, {
+      s3Key: urlResult.s3Key,
+      fileName,
+      assetType: 'BANNER',
+      contentType,
+    });
+
+    spinner.succeed('Banner uploaded!');
+    console.log(brand.teal(`  S3 key: ${urlResult.s3Key}`));
+    console.log();
+  } catch (err) {
+    const message = err.response?.data?.error || err.message;
+    spinner.fail(`Banner upload failed: ${message}`);
+  }
+}
+
 // ── game submit ─────────────────────────────────────
 
 export async function gameSubmitCommand() {

package/src/index.js

@@ -56,6 +56,7 @@ import {
 import {
   gameUpdateCommand,
   gameUploadThumbnailCommand,
+  gameUploadBannerCommand,
   gameSubmitCommand,
   gameMissionsInitCommand,
   gameMissionsSyncCommand,
@@ -144,6 +145,11 @@ export function run() {
     .description('Upload or replace game thumbnail image')
     .action(gameUploadThumbnailCommand);
 
+  gameCmd
+    .command('upload-banner <file>')
+    .description('Upload or replace game banner image')
+    .action(gameUploadBannerCommand);
+
   gameCmd
     .command('submit')
     .description('Submit a DRAFT game for admin review')

package/src/utils/templates.js

@@ -36,7 +36,7 @@ export function createGameProject(targetDir, options) {
   }
 
   // Write common files
-  writeFileSync(join(targetDir, 'package.json'), generatePackageJson(name, description, slug, type));
+  writeFileSync(join(targetDir, 'package.json'), generatePackageJson(name, description, slug, type, ageGroup));
   writeFileSync(join(targetDir, 'vite.config.js'), generateViteConfig());
   writeFileSync(join(targetDir, '.gitignore'), generateGitignore());
   writeFileSync(join(targetDir, 'README.md'), generateReadme(name, description, type, ageGroup));
@@ -670,7 +670,7 @@ Published games appear automatically in the Izi Graham mobile app or M-UNI web p
 
 // ── Three.js Templates ─────────────────────────────────────────────
 
-function generatePackageJson(name, description, slug, type) {
+function generatePackageJson(name, description, slug, type, ageGroup) {
   return JSON.stringify({
     name: slug,
     version: '1.0.0',
@@ -689,8 +689,10 @@ function generatePackageJson(name, description, slug, type) {
       vite: '^5.0.0',
     },
     myvillage: {
+      name: name,
       gameId: null,
       gameType: type,
+      targetAge: ageGroup,
       lastDeployed: null,
     },
   }, null, 2) + '\n';