@inglorious/create-game 1.0.8 → 1.0.9

package/README.md

@@ -1,59 +1,59 @@
-# @inglorious/create-game
-
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-
-The official scaffolding tool to quickly create a new game with the [Inglorious Engine](https://www.npmjs.com/package/@inglorious/engine).
-
-This package allows you to generate a new project from a set of pre-configured templates, so you can start developing your game right away.
-
-## Usage
-
-To create a new game, run one of the following commands in your terminal. You will be prompted to choose a project name and select a template.
-
-```bash
-# with npm
-npm create @inglorious/game@latest
-
-# with yarn
-yarn create @inglorious/game
-
-# with pnpm
-pnpm create @inglorious/game
-```
-
-The CLI will guide you through the setup process, asking for a project name and which template you'd like to use.
-
-## Templates
-
-The following templates are available to get you started:
-
-- **minimal**: A minimal starter template that requires no bundling: just HTML, CSS, and JS.
-- **js**: A starter template for a plain JavaScript project, bundled with Vite.
-- **ts**: A starter template for a plain TypeScript project, bundled with Vite.
-- **ijs** (IngloriousScript): A starter template for a JavaScript project using IngloriousScript, bundled with Vite.
-- **its** (IngloriousScript w/ TypeScript): A starter template for a TypeScript project that uses IngloriousScript, bundled with Vite.
-
-## What it does
-
-The tool will create a new directory with your chosen project name and copy the template files into it. It will also automatically update the `package.json` with your project's name.
-
-After the project is created, you can navigate into the directory and install the dependencies.
-
-```bash
-# 1. Change into your new project directory
-cd my-awesome-game
-
-# 2. Install dependencies
-pnpm install
-
-# 3. Start the development server
-pnpm dev
-```
-
-## License
-
-**MIT License - Free and open source**
-
-Created by [Matteo Antony Mistretta](https://github.com/IngloriousCoderz)
-
-You're free to use, modify, and distribute this software. See [LICENSE](./LICENSE) for details.
+# @inglorious/create-game
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+The official scaffolding tool to quickly create a new game with the [Inglorious Engine](https://www.npmjs.com/package/@inglorious/engine).
+
+This package allows you to generate a new project from a set of pre-configured templates, so you can start developing your game right away.
+
+## Usage
+
+To create a new game, run one of the following commands in your terminal. You will be prompted to choose a project name and select a template.
+
+```bash
+# with npm
+npm create @inglorious/game@latest
+
+# with yarn
+yarn create @inglorious/game
+
+# with pnpm
+pnpm create @inglorious/game
+```
+
+The CLI will guide you through the setup process, asking for a project name and which template you'd like to use.
+
+## Templates
+
+The following templates are available to get you started:
+
+- **minimal**: A minimal starter template that requires no bundling: just HTML, CSS, and JS.
+- **js**: A starter template for a plain JavaScript project, bundled with Vite.
+- **ts**: A starter template for a plain TypeScript project, bundled with Vite.
+- **ijs** (IngloriousScript): A starter template for a JavaScript project using IngloriousScript, bundled with Vite.
+- **its** (IngloriousScript w/ TypeScript): A starter template for a TypeScript project that uses IngloriousScript, bundled with Vite.
+
+## What it does
+
+The tool will create a new directory with your chosen project name and copy the template files into it. It will also automatically update the `package.json` with your project's name.
+
+After the project is created, you can navigate into the directory and install the dependencies.
+
+```bash
+# 1. Change into your new project directory
+cd my-awesome-game
+
+# 2. Install dependencies
+pnpm install
+
+# 3. Start the development server
+pnpm dev
+```
+
+## License
+
+**MIT License - Free and open source**
+
+Created by [Matteo Antony Mistretta](https://github.com/IngloriousCoderz)
+
+You're free to use, modify, and distribute this software. See [LICENSE](./LICENSE) for details.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/create-game",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "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",
@@ -43,7 +43,7 @@
     "@inglorious/eslint-config": "1.1.1"
   },
   "scripts": {
-    "format": "prettier --write '**/*.{js,ijs,ts,its}'",
-    "lint": "eslint . --ext js,ijs,ts,its --report-unused-disable-directives --max-warnings 0"
+    "format": "prettier --write .",
+    "lint": "eslint ."
   }
 }

package/templates/ijs/.prettierrc.yml

@@ -1,6 +1,6 @@
-semi: false
-
-overrides:
-  - files: "*.ijs"
-    options:
-      parser: babel
+semi: false
+
+overrides:
+  - files: "*.ijs"
+    options:
+      parser: babel

package/templates/ijs/README.md

@@ -1,53 +1,53 @@
-# my-game
-
-This project is a starter template for creating a game with the Inglorious Engine using **IngloriousScript**.
-
-## What is IngloriousScript?
-
-IngloriousScript is a superset of JavaScript that enables intuitive vector math using standard operators, transformed by Babel.
-
-```javascript
-// Instead of this:
-const newPosition = mod(add(position, scale(velocity, dt)), worldSize)
-
-// You can write this:
-const newPosition = (position + velocity * dt) % worldSize
-```
-
-## Getting Started
-
-This project was scaffolded with `@inglorious/create-game`.
-
-To get started, follow these steps:
-
-1.  **Install dependencies**:
-    Navigate to your project directory and install the required packages.
-    ```sh
-    pnpm install
-    ```
-2.  **Start the development server**:
-    Run the following command to start the Vite development server.
-    ```sh
-    pnpm dev
-    ```
-
-This will start a Vite development server. Open your browser to the local URL provided to see it in action.
-
-## Project Setup
-
-- `index.html`: The main entry point for your game.
-- `src/`: Contains your game's source code. Files ending in `.ijs` use IngloriousScript.
-- `vite.config.js`: Vite configuration with the Babel plugin for IngloriousScript.
-- `package.json`: Project metadata and dependencies.
-
-## Editor Configuration (VS Code)
-
-This template includes a `.vscode/settings.json` file that tells Visual Studio Code to treat `.ijs` files as JavaScript, enabling full syntax highlighting and IntelliSense.
-
-```json
-{
-  "files.associations": {
-    "*.ijs": "javascript"
-  }
-}
-```
+# my-game
+
+This project is a starter template for creating a game with the Inglorious Engine using **IngloriousScript**.
+
+## What is IngloriousScript?
+
+IngloriousScript is a superset of JavaScript that enables intuitive vector math using standard operators, transformed by Babel.
+
+```javascript
+// Instead of this:
+const newPosition = mod(add(position, scale(velocity, dt)), worldSize)
+
+// You can write this:
+const newPosition = (position + velocity * dt) % worldSize
+```
+
+## Getting Started
+
+This project was scaffolded with `@inglorious/create-game`.
+
+To get started, follow these steps:
+
+1.  **Install dependencies**:
+    Navigate to your project directory and install the required packages.
+    ```sh
+    pnpm install
+    ```
+2.  **Start the development server**:
+    Run the following command to start the Vite development server.
+    ```sh
+    pnpm dev
+    ```
+
+This will start a Vite development server. Open your browser to the local URL provided to see it in action.
+
+## Project Setup
+
+- `index.html`: The main entry point for your game.
+- `src/`: Contains your game's source code. Files ending in `.ijs` use IngloriousScript.
+- `vite.config.js`: Vite configuration with the Babel plugin for IngloriousScript.
+- `package.json`: Project metadata and dependencies.
+
+## Editor Configuration (VS Code)
+
+This template includes a `.vscode/settings.json` file that tells Visual Studio Code to treat `.ijs` files as JavaScript, enabling full syntax highlighting and IntelliSense.
+
+```json
+{
+  "files.associations": {
+    "*.ijs": "javascript"
+  }
+}
+```

package/templates/ijs/index.html

@@ -1,15 +1,15 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/svg+xml" href="/logo.png" />
-    <link rel="stylesheet" href="/style.css" />
-    <title>Inglorious Game</title>
-  </head>
-
-  <body>
-    <canvas id="canvas" width="800" height="600"></canvas>
-    <script type="module" src="./src/main.js"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/logo.png" />
+    <link rel="stylesheet" href="/style.css" />
+    <title>Inglorious Game</title>
+  </head>
+
+  <body>
+    <canvas id="canvas" width="800" height="600"></canvas>
+    <script type="module" src="./src/main.js"></script>
+  </body>
+</html>

package/templates/ijs/package.json

@@ -7,8 +7,8 @@
   "author": "",
   "license": "MIT",
   "scripts": {
-    "format": "prettier --write '**/*.{js,ijs}'",
-    "lint": "eslint . --ext js,ijs --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier --write .",
+    "lint": "eslint .",
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"

package/templates/ijs/public/style.css

@@ -1,35 +1,35 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  font-family: "Press Start 2P", system-ui;
-  width: 100vw;
-  height: 100vh;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  background-color: #000;
-  color: #fff;
-}
-
-canvas {
-  max-width: 1280px;
-  max-height: 720px;
-  width: 100vw;
-  height: auto;
-  cursor: none;
-}
-
-@media (orientation: landscape) and (pointer: coarse) {
-  canvas {
-    width: auto;
-    height: 100vh;
-  }
-}
-
-img {
-  display: none;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: "Press Start 2P", system-ui;
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #000;
+  color: #fff;
+}
+
+canvas {
+  max-width: 1280px;
+  max-height: 720px;
+  width: 100vw;
+  height: auto;
+  cursor: none;
+}
+
+@media (orientation: landscape) and (pointer: coarse) {
+  canvas {
+    width: auto;
+    height: 100vh;
+  }
+}
+
+img {
+  display: none;
+}

package/templates/its/.prettierrc.yml

@@ -1,6 +1,6 @@
-semi: false
-
-overrides:
-  - files: "*.its"
-    options:
-      parser: typescript
+semi: false
+
+overrides:
+  - files: "*.its"
+    options:
+      parser: typescript

package/templates/its/README.md

@@ -1,64 +1,64 @@
-# my-game
-
-This project is a starter template for creating a game with the Inglorious Engine using **IngloriousScript with TypeScript**.
-
-## What is IngloriousScript?
-
-IngloriousScript is a superset of JavaScript that enables intuitive vector math using standard operators, transformed by Babel.
-
-```typescript
-// Instead of this:
-const newPosition = mod(add(position, scale(velocity, dt)), worldSize)
-
-// You can write this:
-// @ts-expect-error - IngloriousScript operators are transformed by Babel
-const newPosition = (position + velocity * dt) % worldSize
-```
-
-## Getting Started
-
-This project was scaffolded with `@inglorious/create-game`.
-
-To get started, follow these steps:
-
-1.  **Install dependencies**:
-    Navigate to your project directory and install the required packages.
-    ```sh
-    pnpm install
-    ```
-2.  **Start the development server**:
-    Run the following command to start the Vite development server.
-    ```sh
-    pnpm dev
-    ```
-
-This will start a Vite development server. Open your browser to the local URL provided to see it in action.
-
-## Project Setup
-
-- `index.html`: The main entry point for your game.
-- `src/`: Contains your game's source code. Files ending in `.its` use IngloriousScript with TypeScript.
-- `vite.config.js`: Vite configuration with the Babel plugin for IngloriousScript.
-- `tsconfig.json`: TypeScript configuration.
-- `package.json`: Project metadata and dependencies.
-
-### Using `.its` files
-
-The `.its` extension is for TypeScript files that use IngloriousScript's operator overloading. Since TypeScript doesn't natively support this, you must add a `@ts-expect-error` comment above lines with vector operations. This is normal and expected.
-
-```typescript
-// @ts-expect-error - IngloriousScript operators are transformed by Babel
-const newPosition = (position + velocity * deltaTime) % worldSize
-```
-
-### Editor Configuration (VS Code)
-
-This template includes a `.vscode/settings.json` file that tells Visual Studio Code to treat `.its` files as TypeScript, enabling full syntax highlighting and IntelliSense.
-
-```json
-{
-  "files.associations": {
-    "*.its": "typescript"
-  }
-}
-```
+# my-game
+
+This project is a starter template for creating a game with the Inglorious Engine using **IngloriousScript with TypeScript**.
+
+## What is IngloriousScript?
+
+IngloriousScript is a superset of JavaScript that enables intuitive vector math using standard operators, transformed by Babel.
+
+```typescript
+// Instead of this:
+const newPosition = mod(add(position, scale(velocity, dt)), worldSize)
+
+// You can write this:
+// @ts-expect-error - IngloriousScript operators are transformed by Babel
+const newPosition = (position + velocity * dt) % worldSize
+```
+
+## Getting Started
+
+This project was scaffolded with `@inglorious/create-game`.
+
+To get started, follow these steps:
+
+1.  **Install dependencies**:
+    Navigate to your project directory and install the required packages.
+    ```sh
+    pnpm install
+    ```
+2.  **Start the development server**:
+    Run the following command to start the Vite development server.
+    ```sh
+    pnpm dev
+    ```
+
+This will start a Vite development server. Open your browser to the local URL provided to see it in action.
+
+## Project Setup
+
+- `index.html`: The main entry point for your game.
+- `src/`: Contains your game's source code. Files ending in `.its` use IngloriousScript with TypeScript.
+- `vite.config.js`: Vite configuration with the Babel plugin for IngloriousScript.
+- `tsconfig.json`: TypeScript configuration.
+- `package.json`: Project metadata and dependencies.
+
+### Using `.its` files
+
+The `.its` extension is for TypeScript files that use IngloriousScript's operator overloading. Since TypeScript doesn't natively support this, you must add a `@ts-expect-error` comment above lines with vector operations. This is normal and expected.
+
+```typescript
+// @ts-expect-error - IngloriousScript operators are transformed by Babel
+const newPosition = (position + velocity * deltaTime) % worldSize
+```
+
+### Editor Configuration (VS Code)
+
+This template includes a `.vscode/settings.json` file that tells Visual Studio Code to treat `.its` files as TypeScript, enabling full syntax highlighting and IntelliSense.
+
+```json
+{
+  "files.associations": {
+    "*.its": "typescript"
+  }
+}
+```

package/templates/its/index.html

@@ -1,15 +1,15 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/svg+xml" href="/logo.png" />
-    <link rel="stylesheet" href="/style.css" />
-    <title>Inglorious Game</title>
-  </head>
-
-  <body>
-    <canvas id="canvas" width="800" height="600"></canvas>
-    <script type="module" src="./src/main.js"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/logo.png" />
+    <link rel="stylesheet" href="/style.css" />
+    <title>Inglorious Game</title>
+  </head>
+
+  <body>
+    <canvas id="canvas" width="800" height="600"></canvas>
+    <script type="module" src="./src/main.js"></script>
+  </body>
+</html>

package/templates/its/package.json

@@ -7,8 +7,8 @@
   "author": "",
   "license": "MIT",
   "scripts": {
-    "format": "prettier --write '**/*.{ts,its}'",
-    "lint": "eslint . --ext ts,its --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier --write .",
+    "lint": "eslint .",
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"

package/templates/its/public/style.css

@@ -1,35 +1,35 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  font-family: "Press Start 2P", system-ui;
-  width: 100vw;
-  height: 100vh;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  background-color: #000;
-  color: #fff;
-}
-
-canvas {
-  max-width: 1280px;
-  max-height: 720px;
-  width: 100vw;
-  height: auto;
-  cursor: none;
-}
-
-@media (orientation: landscape) and (pointer: coarse) {
-  canvas {
-    width: auto;
-    height: 100vh;
-  }
-}
-
-img {
-  display: none;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: "Press Start 2P", system-ui;
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #000;
+  color: #fff;
+}
+
+canvas {
+  max-width: 1280px;
+  max-height: 720px;
+  width: 100vw;
+  height: auto;
+  cursor: none;
+}
+
+@media (orientation: landscape) and (pointer: coarse) {
+  canvas {
+    width: auto;
+    height: 100vh;
+  }
+}
+
+img {
+  display: none;
+}

package/templates/js/.prettierrc.yml

@@ -1 +1 @@
-semi: false
+semi: false

package/templates/js/README.md

@@ -1,29 +1,29 @@
-# my-game
-
-This project is a minimal starter template for creating a game with the Inglorious Engine using plain JavaScript and Vite.
-
-## Getting Started
-
-This project was scaffolded with `@inglorious/create-game`.
-
-To get started, follow these steps:
-
-1.  **Install dependencies**:
-    Navigate to your project directory and install the required packages.
-    ```sh
-    pnpm install
-    ```
-2.  **Start the development server**:
-    Run the following command to start the Vite development server.
-    ```sh
-    pnpm dev
-    ```
-
-This will start a Vite development server. Open your browser to the local URL provided to see it in action.
-
-## Project Setup
-
-- `index.html`: The main entry point for your game.
-- `src/`: Contains your game's JavaScript source code.
-- `vite.config.js`: Vite configuration file.
-- `package.json`: Project metadata and dependencies.
+# my-game
+
+This project is a minimal starter template for creating a game with the Inglorious Engine using plain JavaScript and Vite.
+
+## Getting Started
+
+This project was scaffolded with `@inglorious/create-game`.
+
+To get started, follow these steps:
+
+1.  **Install dependencies**:
+    Navigate to your project directory and install the required packages.
+    ```sh
+    pnpm install
+    ```
+2.  **Start the development server**:
+    Run the following command to start the Vite development server.
+    ```sh
+    pnpm dev
+    ```
+
+This will start a Vite development server. Open your browser to the local URL provided to see it in action.
+
+## Project Setup
+
+- `index.html`: The main entry point for your game.
+- `src/`: Contains your game's JavaScript source code.
+- `vite.config.js`: Vite configuration file.
+- `package.json`: Project metadata and dependencies.

package/templates/js/index.html

@@ -1,15 +1,15 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/svg+xml" href="/logo.png" />
-    <link rel="stylesheet" href="/style.css" />
-    <title>Inglorious Game</title>
-  </head>
-
-  <body>
-    <canvas id="canvas" width="800" height="600"></canvas>
-    <script type="module" src="./src/main.js"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/logo.png" />
+    <link rel="stylesheet" href="/style.css" />
+    <title>Inglorious Game</title>
+  </head>
+
+  <body>
+    <canvas id="canvas" width="800" height="600"></canvas>
+    <script type="module" src="./src/main.js"></script>
+  </body>
+</html>

package/templates/js/package.json

@@ -7,8 +7,8 @@
   "author": "",
   "license": "MIT",
   "scripts": {
-    "format": "prettier --write '**/*.js'",
-    "lint": "eslint . --ext js --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier --write .",
+    "lint": "eslint .",
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"

package/templates/js/public/style.css

@@ -1,35 +1,35 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  font-family: "Press Start 2P", system-ui;
-  width: 100vw;
-  height: 100vh;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  background-color: #000;
-  color: #fff;
-}
-
-canvas {
-  max-width: 1280px;
-  max-height: 720px;
-  width: 100vw;
-  height: auto;
-  cursor: none;
-}
-
-@media (orientation: landscape) and (pointer: coarse) {
-  canvas {
-    width: auto;
-    height: 100vh;
-  }
-}
-
-img {
-  display: none;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: "Press Start 2P", system-ui;
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #000;
+  color: #fff;
+}
+
+canvas {
+  max-width: 1280px;
+  max-height: 720px;
+  width: 100vw;
+  height: auto;
+  cursor: none;
+}
+
+@media (orientation: landscape) and (pointer: coarse) {
+  canvas {
+    width: auto;
+    height: 100vh;
+  }
+}
+
+img {
+  display: none;
+}

package/templates/minimal/README.md

@@ -1,10 +1,10 @@
-# my-game
-
-A new game created with [@inglorious/create-game](https://www.npmjs.com/package/@inglorious/create-game).
-
-This template is a minimal setup for running the Inglorious Engine directly in the browser without any build step.
-
-## Getting Started
-
-1.  Open the `index.html` file in a modern web browser.
-2.  Edit the `game.js` file to start building your game!
+# my-game
+
+A new game created with [@inglorious/create-game](https://www.npmjs.com/package/@inglorious/create-game).
+
+This template is a minimal setup for running the Inglorious Engine directly in the browser without any build step.
+
+## Getting Started
+
+1.  Open the `index.html` file in a modern web browser.
+2.  Edit the `game.js` file to start building your game!

package/templates/minimal/index.html

@@ -1,36 +1,36 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/public/logo.png" />
-    <link rel="stylesheet" href="/public/style.css" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Inglorious Game</title>
-  </head>
-
-  <body>
-    <canvas id="canvas"></canvas>
-
-    <script type="text/javascript">
-      window.process = { env: "development" }
-    </script>
-
-    <script type="importmap">
-      {
-        "imports": {
-          "mutative": "https://unpkg.com/mutative@latest/dist/mutative.esm.mjs",
-          "@inglorious/utils/": "https://unpkg.com/@inglorious%2Futils@latest/src/",
-          "@inglorious/store/": "https://unpkg.com/@inglorious%2Fstore@latest/src/",
-          "@inglorious/engine/": "https://unpkg.com/@inglorious%2Fengine@latest/src/",
-          "@inglorious/renderer-2d/": "https://unpkg.com/@inglorious%2Frenderer-2d@latest/src/",
-          "game": "/src/game.js"
-        }
-      }
-    </script>
-
-    <script
-      type="module"
-      src="https://unpkg.com/@inglorious%2Fengine@latest/src/main.js"
-    ></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/public/logo.png" />
+    <link rel="stylesheet" href="/public/style.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Inglorious Game</title>
+  </head>
+
+  <body>
+    <canvas id="canvas"></canvas>
+
+    <script type="text/javascript">
+      window.process = { env: "development" }
+    </script>
+
+    <script type="importmap">
+      {
+        "imports": {
+          "mutative": "https://unpkg.com/mutative@latest/dist/mutative.esm.mjs",
+          "@inglorious/utils/": "https://unpkg.com/@inglorious%2Futils@latest/src/",
+          "@inglorious/store/": "https://unpkg.com/@inglorious%2Fstore@latest/src/",
+          "@inglorious/engine/": "https://unpkg.com/@inglorious%2Fengine@latest/src/",
+          "@inglorious/renderer-2d/": "https://unpkg.com/@inglorious%2Frenderer-2d@latest/src/",
+          "game": "/src/game.js"
+        }
+      }
+    </script>
+
+    <script
+      type="module"
+      src="https://unpkg.com/@inglorious%2Fengine@latest/src/main.js"
+    ></script>
+  </body>
+</html>

package/templates/minimal/public/style.css

@@ -1,32 +1,32 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  width: 100vw;
-  height: 100vh;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-canvas {
-  max-width: 800px;
-  max-height: 600px;
-  width: 100vw;
-  height: auto;
-  cursor: none;
-
-  @media (orientation: landscape) and (pointer: coarse) {
-    canvas {
-      width: auto;
-      height: 100vh;
-    }
-  }
-}
-
-img {
-  display: none;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+canvas {
+  max-width: 800px;
+  max-height: 600px;
+  width: 100vw;
+  height: auto;
+  cursor: none;
+
+  @media (orientation: landscape) and (pointer: coarse) {
+    canvas {
+      width: auto;
+      height: 100vh;
+    }
+  }
+}
+
+img {
+  display: none;
+}

package/templates/ts/.prettierrc.yml

@@ -1 +1 @@
-semi: false
+semi: false

package/templates/ts/README.md

@@ -1,30 +1,30 @@
-# my-game
-
-This project is a minimal starter template for creating a game with the Inglorious Engine using TypeScript and Vite.
-
-## Getting Started
-
-This project was scaffolded with `@inglorious/create-game`.
-
-To get started, follow these steps:
-
-1.  **Install dependencies**:
-    Navigate to your project directory and install the required packages.
-    ```sh
-    pnpm install
-    ```
-2.  **Start the development server**:
-    Run the following command to start the Vite development server.
-    ```sh
-    pnpm dev
-    ```
-
-This will start a Vite development server. Open your browser to the local URL provided to see it in action.
-
-## Project Setup
-
-- `index.html`: The main entry point for your game.
-- `src/`: Contains your game's TypeScript source code.
-- `vite.config.js`: Vite configuration file.
-- `tsconfig.json`: TypeScript configuration for the project.
-- `package.json`: Project metadata and dependencies.
+# my-game
+
+This project is a minimal starter template for creating a game with the Inglorious Engine using TypeScript and Vite.
+
+## Getting Started
+
+This project was scaffolded with `@inglorious/create-game`.
+
+To get started, follow these steps:
+
+1.  **Install dependencies**:
+    Navigate to your project directory and install the required packages.
+    ```sh
+    pnpm install
+    ```
+2.  **Start the development server**:
+    Run the following command to start the Vite development server.
+    ```sh
+    pnpm dev
+    ```
+
+This will start a Vite development server. Open your browser to the local URL provided to see it in action.
+
+## Project Setup
+
+- `index.html`: The main entry point for your game.
+- `src/`: Contains your game's TypeScript source code.
+- `vite.config.js`: Vite configuration file.
+- `tsconfig.json`: TypeScript configuration for the project.
+- `package.json`: Project metadata and dependencies.

package/templates/ts/index.html

@@ -1,15 +1,15 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/svg+xml" href="/logo.png" />
-    <link rel="stylesheet" href="/style.css" />
-    <title>Inglorious Game</title>
-  </head>
-
-  <body>
-    <canvas id="canvas" width="800" height="600"></canvas>
-    <script type="module" src="./src/main.js"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/logo.png" />
+    <link rel="stylesheet" href="/style.css" />
+    <title>Inglorious Game</title>
+  </head>
+
+  <body>
+    <canvas id="canvas" width="800" height="600"></canvas>
+    <script type="module" src="./src/main.js"></script>
+  </body>
+</html>

package/templates/ts/package.json

@@ -7,8 +7,8 @@
   "author": "",
   "license": "MIT",
   "scripts": {
-    "format": "prettier --write '**/*.ts'",
-    "lint": "eslint . --ext ts --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier --write .",
+    "lint": "eslint .",
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"

package/templates/ts/public/style.css

@@ -1,35 +1,35 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  font-family: "Press Start 2P", system-ui;
-  width: 100vw;
-  height: 100vh;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  background-color: #000;
-  color: #fff;
-}
-
-canvas {
-  max-width: 1280px;
-  max-height: 720px;
-  width: 100vw;
-  height: auto;
-  cursor: none;
-}
-
-@media (orientation: landscape) and (pointer: coarse) {
-  canvas {
-    width: auto;
-    height: 100vh;
-  }
-}
-
-img {
-  display: none;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: "Press Start 2P", system-ui;
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #000;
+  color: #fff;
+}
+
+canvas {
+  max-width: 1280px;
+  max-height: 720px;
+  width: 100vw;
+  height: auto;
+  cursor: none;
+}
+
+@media (orientation: landscape) and (pointer: coarse) {
+  canvas {
+    width: auto;
+    height: 100vh;
+  }
+}
+
+img {
+  display: none;
+}