@inglorious/create-app 0.3.3 → 0.3.5

package/README.md

@@ -1,59 +1,59 @@
-# @inglorious/create-app
-
-[![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 web app with the [@inglorious/web](https://www.npmjs.com/package/@inglorious/web) framework or a static site with [@inglorious/ssx](https://www.npmjs.com/package/@inglorious/ssx).
-
-This package allows you to generate a new project from a set of pre-configured templates, so you can start developing your web app right away.
-
-## Usage
-
-To create a new app, 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/app@latest
-
-# with yarn
-yarn create @inglorious/app
-
-# with pnpm
-pnpm create @inglorious/app
-```
-
-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.
-- **ssx-js**: A starter template for a Static Site Xecution (SSX) project using JavaScript.
-- **ssx-ts**: A starter template for a Static Site Xecution (SSX) project using TypeScript.
-
-## 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-app
-
-# 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-app
+
+[![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 web app with the [@inglorious/web](https://www.npmjs.com/package/@inglorious/web) framework or a static site with [@inglorious/ssx](https://www.npmjs.com/package/@inglorious/ssx).
+
+This package allows you to generate a new project from a set of pre-configured templates, so you can start developing your web app right away.
+
+## Usage
+
+To create a new app, 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/app@latest
+
+# with yarn
+yarn create @inglorious/app
+
+# with pnpm
+pnpm create @inglorious/app
+```
+
+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.
+- **ssx-js**: A starter template for a Static Site Xecution (SSX) project using JavaScript.
+- **ssx-ts**: A starter template for a Static Site Xecution (SSX) project using TypeScript.
+
+## 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-app
+
+# 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-app",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "A scaffolding tool to quickly create a new app with Inglorious Web.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -41,7 +41,7 @@
     "@inglorious/eslint-config": "1.1.1"
   },
   "scripts": {
-    "format": "prettier --write '**/*.{js,ts}'",
-    "lint": "eslint . --ext js,ts --report-unused-disable-directives --max-warnings 0"
+    "format": "prettier --write .",
+    "lint": "eslint ."
   }
 }

package/templates/js/.prettierrc.yml

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

package/templates/js/README.md

@@ -1,29 +1,29 @@
-# my-app
-
-This project is a minimal starter template for creating an app with the Inglorious Web framework using plain JavaScript and Vite.
-
-## Getting Started
-
-This project was scaffolded with `@inglorious/create-app`.
-
-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 app.
-- `src/`: Contains your app's JavaScript source code.
-- `vite.config.js`: Vite configuration file.
-- `package.json`: Project metadata and dependencies.
+# my-app
+
+This project is a minimal starter template for creating an app with the Inglorious Web framework using plain JavaScript and Vite.
+
+## Getting Started
+
+This project was scaffolded with `@inglorious/create-app`.
+
+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 app.
+- `src/`: Contains your app'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 App</title>
-  </head>
-
-  <body>
-    <div id="root"></div>
-    <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 App</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <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,7 +1,7 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}

package/templates/minimal/README.md

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

package/templates/minimal/index.html

@@ -1,34 +1,34 @@
-<!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 App</title>
-  </head>
-
-  <body>
-    <div id="root"></div>
-
-    <script type="text/javascript">
-      window.process = { env: "development" }
-    </script>
-
-    <script type="importmap">
-      {
-        "imports": {
-          "mutative": "https://unpkg.com/mutative@latest/dist/mutative.esm.mjs",
-          "lit-html": "https://unpkg.com/lit-html@latest/lit-html.js",
-          "lit-html/": "https://unpkg.com/lit-html@latest/",
-          "@inglorious/utils/": "https://unpkg.com/@inglorious%2Futils@latest/src/",
-          "@inglorious/store": "https://unpkg.com/@inglorious%2Fstore@latest/src/store.js",
-          "@inglorious/store/": "https://unpkg.com/@inglorious%2Fstore@latest/src/",
-          "@inglorious/web": "https://unpkg.com/@inglorious%2Fweb@latest/src/index.js"
-        }
-      }
-    </script>
-
-    <script type="module" src="./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 App</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+
+    <script type="text/javascript">
+      window.process = { env: "development" }
+    </script>
+
+    <script type="importmap">
+      {
+        "imports": {
+          "mutative": "https://unpkg.com/mutative@latest/dist/mutative.esm.mjs",
+          "lit-html": "https://unpkg.com/lit-html@latest/lit-html.js",
+          "lit-html/": "https://unpkg.com/lit-html@latest/",
+          "@inglorious/utils/": "https://unpkg.com/@inglorious%2Futils@latest/src/",
+          "@inglorious/store": "https://unpkg.com/@inglorious%2Fstore@latest/src/store.js",
+          "@inglorious/store/": "https://unpkg.com/@inglorious%2Fstore@latest/src/",
+          "@inglorious/web": "https://unpkg.com/@inglorious%2Fweb@latest/src/index.js"
+        }
+      }
+    </script>
+
+    <script type="module" src="./src/main.js"></script>
+  </body>
+</html>

package/templates/minimal/public/style.css

@@ -1,7 +1,7 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}

package/templates/ssx-js/.prettierrc.yml

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

package/templates/ssx-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": "ssx dev",
     "build": "ssx build",
     "preview": "serve dist"

package/templates/ssx-js/public/style.css

@@ -1,7 +1,7 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}

package/templates/ssx-ts/.prettierrc.yml

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

package/templates/ssx-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": "ssx dev",
     "build": "ssx build",
     "preview": "serve dist"

package/templates/ssx-ts/public/style.css

@@ -1,7 +1,7 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}

package/templates/ts/.prettierrc.yml

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

package/templates/ts/README.md

@@ -1,30 +1,30 @@
-# my-app
-
-This project is a minimal starter template for creating an app with the Inglorious Web framework using TypeScript and Vite.
-
-## Getting Started
-
-This project was scaffolded with `@inglorious/create-app`.
-
-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 app.
-- `src/`: Contains your app's TypeScript source code.
-- `vite.config.js`: Vite configuration file.
-- `tsconfig.json`: TypeScript configuration for the project.
-- `package.json`: Project metadata and dependencies.
+# my-app
+
+This project is a minimal starter template for creating an app with the Inglorious Web framework using TypeScript and Vite.
+
+## Getting Started
+
+This project was scaffolded with `@inglorious/create-app`.
+
+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 app.
+- `src/`: Contains your app'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 App</title>
-  </head>
-
-  <body>
-    <div id="root"></div>
-    <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 App</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <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 . --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier --write .",
+    "lint": "eslint .",
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
@@ -18,6 +18,7 @@
   },
   "devDependencies": {
     "@inglorious/eslint-config": "workspace:*",
+    "@types/node": "^25.0.9",
     "eslint": "^9.39.1",
     "prettier": "^3.6.2",
     "rollup-plugin-minify-template-literals": "^1.1.7",

package/templates/ts/public/style.css

@@ -1,7 +1,7 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-}
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}

package/templates/ts/src/store/entities.ts

@@ -1,4 +1,4 @@
-import { AppState } from "../../types"
+import type { AppState } from "../../types"
 
 export const entities: AppState = {
   message1: {

package/templates/ts/tsconfig.app.json

@@ -1,4 +1,10 @@
 {
   "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "target": "ES2020",
+    "verbatimModuleSyntax": true
+  },
   "include": ["src"]
 }