@inglorious/create-app 1.6.0 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -12
- package/bin/lib/features.js +7 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://opensource.org/licenses/MIT)
|
|
4
4
|
|
|
5
|
-
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
|
|
5
|
+
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 pre-rendered site, static or server-rendered, with [@inglorious/ssx](https://www.npmjs.com/package/@inglorious/ssx).
|
|
6
6
|
|
|
7
7
|
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.
|
|
8
8
|
|
|
@@ -25,16 +25,16 @@ The CLI will guide you through the setup process, asking for a project name and
|
|
|
25
25
|
|
|
26
26
|
For the JavaScript and TypeScript Vite templates, the CLI then asks about the app's features:
|
|
27
27
|
|
|
28
|
-
| Question | Flag
|
|
29
|
-
| ------------------------- |
|
|
30
|
-
| Use Inglorious UI? | `--ui` / `--no-ui`
|
|
31
|
-
| Which theme? | `--theme=inglorious\|material\|bootstrap`
|
|
32
|
-
| Is it a mobile app? | `--mobile` / `--no-mobile`
|
|
33
|
-
| Add routing? | `--routing` / `--no-routing`
|
|
34
|
-
| Animate page transitions? | `--transitions` / `--no-transitions`
|
|
35
|
-
| Which icon packs? | `--icons=material,fontawesome,lucide` / `--no-icons`
|
|
36
|
-
| Translate the app? | `--i18n` / `--no-i18n`, `--languages=en,it`
|
|
37
|
-
| Enable PWA support? | `--pwa` / `--no-pwa`
|
|
28
|
+
| Question | Flag | Adds |
|
|
29
|
+
| ------------------------- | ------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------- |
|
|
30
|
+
| Use Inglorious UI? | `--ui` / `--no-ui` | `@inglorious/ui`, its base styles and an app bar |
|
|
31
|
+
| Which theme? | `--theme=inglorious\|material-ui\|material-3\|bootstrap\|ios-18\|ios-26` | The theme's stylesheet and class |
|
|
32
|
+
| Is it a mobile app? | `--mobile` / `--no-mobile` | Capacitor for Android and iOS; with Inglorious UI, a bottom tab bar and safe-area spacing |
|
|
33
|
+
| Add routing? | `--routing` / `--no-routing` | The Router, a home and an about page, and navigation between them |
|
|
34
|
+
| Animate page transitions? | `--transitions` / `--no-transitions` | View transitions between pages (with routing and Inglorious UI) |
|
|
35
|
+
| Which icon packs? | `--icons=material,fontawesome,lucide` / `--no-icons` | Iconify icon sets, drawn by Inglorious UI's `Icon` (with Inglorious UI) |
|
|
36
|
+
| Translate the app? | `--i18n` / `--no-i18n`, `--languages=en,it` | `@inglorious/i18n`, a catalogue per language and a language picker; the first language is the default |
|
|
37
|
+
| Enable PWA support? | `--pwa` / `--no-pwa` | `vite-plugin-pwa`, a manifest, icons, and a service worker that keeps installed apps on the latest version |
|
|
38
38
|
|
|
39
39
|
Every template except `minimal` then asks whether to add agent skills (`--skills` / `--no-skills`). Saying yes runs the [skills CLI](https://skills.sh) in the new project. It asks which coding agents to install for, and installs the [Inglorious Forge skills](https://github.com/IngloriousCoderz/forge-skills) that match your choices: `forge`, `forge-best-practices`, `store`, `web` and `web-best-practices` always, plus `ssx`, `vite-plugin-jsx` or `vite-plugin-vue`, `ui` and `ui-best-practices`, and `i18n` when the project uses them. If the install fails, the CLI prints the command to retry it.
|
|
40
40
|
|
|
@@ -47,7 +47,7 @@ The app is generated in the syntax you chose: lit-html, JSX or Vue. Every questi
|
|
|
47
47
|
| Select a rendering syntax | `--syntax=lit-html\|jsx\|vue` |
|
|
48
48
|
|
|
49
49
|
```bash
|
|
50
|
-
npm create @inglorious/app@latest -- my-app --template=ts --syntax=jsx --ui --theme=material --routing --transitions --icons=material --languages=en,it --no-mobile --no-pwa --skills
|
|
50
|
+
npm create @inglorious/app@latest -- my-app --template=ts --syntax=jsx --ui --theme=material-3 --routing --transitions --icons=material --languages=en,it --no-mobile --no-pwa --skills
|
|
51
51
|
```
|
|
52
52
|
|
|
53
53
|
## Templates
|
package/bin/lib/features.js
CHANGED
|
@@ -31,8 +31,14 @@ export const SYNTAXES = {
|
|
|
31
31
|
|
|
32
32
|
export const THEMES = {
|
|
33
33
|
inglorious: { title: "Inglorious", description: "Neon, videogame-inspired" },
|
|
34
|
-
material: { title: "Material", description: "Material
|
|
34
|
+
"material-ui": { title: "Material UI", description: "Material UI inspired" },
|
|
35
|
+
"material-3": {
|
|
36
|
+
title: "Material 3",
|
|
37
|
+
description: "Material Design 3 inspired",
|
|
38
|
+
},
|
|
35
39
|
bootstrap: { title: "Bootstrap", description: "Bootstrap inspired" },
|
|
40
|
+
"ios-18": { title: "iOS 18", description: "Flat iOS inspired" },
|
|
41
|
+
"ios-26": { title: "iOS 26", description: "Liquid Glass inspired" },
|
|
36
42
|
}
|
|
37
43
|
|
|
38
44
|
// Icon sets from Iconify: one module per icon, so only the icons an app
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inglorious/create-app",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.0",
|
|
4
4
|
"description": "A scaffolding tool to quickly create a new app with Inglorious Web.",
|
|
5
5
|
"author": "Matteo Antony Mistretta <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
|
|
6
6
|
"license": "MIT",
|