@inglorious/create-game 1.0.0 → 1.0.2

package/bin/index.js

@@ -2,6 +2,7 @@
 
 import { execSync } from "child_process"
 import fs from "fs"
+import ora from "ora"
 import { EOL } from "os"
 import path from "path"
 import prompts from "prompts"
@@ -71,59 +72,56 @@ async function main() {
     return
   }
 
-  const targetDir = path.join(process.cwd(), projectName)
-  const templateDir = path.join(templatesRoot, template)
+  const spinner = ora(`Creating project "${projectName}"...`).start()
 
-  // Create project directory and copy template files
-  copyDir(templateDir, targetDir)
+  try {
+    const targetDir = path.join(process.cwd(), projectName)
+    const templateDir = path.join(templatesRoot, template)
 
-  // Update README.md with project name
-  const readmePath = path.join(targetDir, "README.md")
-  if (fs.existsSync(readmePath)) {
-    let readme = fs.readFileSync(readmePath, "utf-8")
-    readme = readme.replace(/# my-game/, `# ${projectName}`)
-    fs.writeFileSync(readmePath, readme)
-  }
+    // Create project directory and copy template files
+    copyDir(templateDir, targetDir)
 
-  if (template === "minimal") {
-    console.log(`✅ Created ${projectName} at ${targetDir}`)
-    console.log(`\nNext steps:`)
-    console.log(`  cd ${projectName}`)
-    console.log(`  Open index.html in your browser`)
-  } else {
-    // Update package.json with project name
-    const pkgPath = path.join(targetDir, "package.json")
-    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"))
-    pkg.name = projectName
-
-    function getLatestVersion(packageName) {
-      try {
-        const version = execSync(`npm view ${packageName} version`, {
-          encoding: "utf-8",
-        }).trim()
-        return `^${version}`
-      } catch {
-        return "latest" // fallback
-      }
+    // Update README.md with project name
+    const readmePath = path.join(targetDir, "README.md")
+    if (fs.existsSync(readmePath)) {
+      let readme = fs.readFileSync(readmePath, "utf-8")
+      readme = readme.replace(/# my-game/, `# ${projectName}`)
+      fs.writeFileSync(readmePath, readme)
     }
 
-    for (const depType of ["dependencies", "devDependencies"]) {
-      if (pkg[depType]) {
-        for (const [name, version] of Object.entries(pkg[depType])) {
-          if (version.startsWith("workspace:")) {
-            pkg[depType][name] = getLatestVersion(name)
+    if (template === "minimal") {
+      spinner.succeed(`Created ${projectName} at ${targetDir}`)
+      console.log(`\nNext steps:`)
+      console.log(`  cd ${projectName}`)
+      console.log(`  Open index.html in your browser`)
+    } else {
+      // Update package.json with project name
+      const pkgPath = path.join(targetDir, "package.json")
+      const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"))
+      pkg.name = projectName
+
+      for (const depType of ["dependencies", "devDependencies"]) {
+        if (pkg[depType]) {
+          for (const [name, version] of Object.entries(pkg[depType])) {
+            if (version.startsWith("workspace:")) {
+              spinner.text = `Fetching latest version of ${name}...`
+              pkg[depType][name] = getLatestVersion(name)
+            }
           }
         }
       }
-    }
 
-    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, INDENTATION) + EOL)
+      fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, INDENTATION) + EOL)
 
-    console.log(`✅ Created ${projectName} at ${targetDir}`)
-    console.log(`\nNext steps:`)
-    console.log(`  cd ${projectName}`)
-    console.log(`  pnpm install`)
-    console.log(`  pnpm dev`)
+      spinner.succeed(`Created ${projectName} at ${targetDir}`)
+      console.log(`\nNext steps:`)
+      console.log(`  cd ${projectName}`)
+      console.log(`  pnpm install`)
+      console.log(`  pnpm dev`)
+    }
+  } catch (error) {
+    spinner.fail("Operation failed.")
+    console.error(error)
   }
 
   function copyDir(src, dest) {
@@ -148,6 +146,18 @@ async function main() {
       }
     }
   }
+
+  function getLatestVersion(packageName) {
+    try {
+      const version = execSync(`npm view ${packageName} version`, {
+        encoding: "utf-8",
+        stdio: "pipe", // Prevent npm view output from cluttering the console
+      }).trim()
+      return `^${version}`
+    } catch {
+      return "latest" // fallback
+    }
+  }
 }
 
 main().catch((e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/create-game",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A scaffolding tool to quickly create a new game with the Inglorious Engine.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -35,11 +35,12 @@
     "access": "public"
   },
   "dependencies": {
+    "ora": "^9.0.0",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
     "prettier": "^3.6.2",
-    "@inglorious/eslint-config": "1.0.0"
+    "@inglorious/eslint-config": "1.0.1"
   },
   "scripts": {
     "format": "prettier --write '**/*.{js,ijs,ts,its}'",

package/templates/ijs/public/style.css

@@ -6,7 +6,6 @@ body {
   font-family: "Press Start 2P", system-ui;
   width: 100vw;
   height: 100vh;
-  overflow: hidden;
   margin: 0;
   display: flex;
   flex-direction: column;
@@ -24,7 +23,7 @@ canvas {
   cursor: none;
 }
 
-@media (orientation: landscape) {
+@media (orientation: landscape) and (pointer: coarse) and (hover: none) {
   canvas {
     width: auto;
     height: 100vh;

package/templates/its/public/style.css

@@ -6,7 +6,6 @@ body {
   font-family: "Press Start 2P", system-ui;
   width: 100vw;
   height: 100vh;
-  overflow: hidden;
   margin: 0;
   display: flex;
   flex-direction: column;
@@ -24,7 +23,7 @@ canvas {
   cursor: none;
 }
 
-@media (orientation: landscape) {
+@media (orientation: landscape) and (pointer: coarse) and (hover: none) {
   canvas {
     width: auto;
     height: 100vh;

package/templates/js/public/style.css

@@ -6,7 +6,6 @@ body {
   font-family: "Press Start 2P", system-ui;
   width: 100vw;
   height: 100vh;
-  overflow: hidden;
   margin: 0;
   display: flex;
   flex-direction: column;
@@ -24,7 +23,7 @@ canvas {
   cursor: none;
 }
 
-@media (orientation: landscape) {
+@media (orientation: landscape) and (pointer: coarse) and (hover: none) {
   canvas {
     width: auto;
     height: 100vh;

package/templates/minimal/public/style.css

@@ -5,7 +5,6 @@
 body {
   width: 100vw;
   height: 100vh;
-  overflow: hidden;
   margin: 0;
   display: flex;
   flex-direction: column;
@@ -20,7 +19,7 @@ canvas {
   height: auto;
   cursor: none;
 
-  @media (orientation: landscape) {
+  @media (orientation: landscape) and (pointer: coarse) and (hover: none) {
     canvas {
       width: auto;
       height: 100vh;

package/templates/ts/public/style.css

@@ -6,7 +6,6 @@ body {
   font-family: "Press Start 2P", system-ui;
   width: 100vw;
   height: 100vh;
-  overflow: hidden;
   margin: 0;
   display: flex;
   flex-direction: column;
@@ -24,7 +23,7 @@ canvas {
   cursor: none;
 }
 
-@media (orientation: landscape) {
+@media (orientation: landscape) and (pointer: coarse) and (hover: none) {
   canvas {
     width: auto;
     height: 100vh;