@inglorious/create-app 0.0.0 → 0.1.1

package/bin/index.js

@@ -34,6 +34,11 @@ async function main() {
         name: "template",
         message: "Select a template",
         choices: [
+          {
+            title: "Minimal",
+            description: "A single HTML file for a zero-build setup",
+            value: "minimal",
+          },
           {
             title: "JavaScript",
             description: "A vanilla JavaScript setup with Vite",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/create-app",
-  "version": "0.0.0",
+  "version": "0.1.1",
   "description": "A scaffolding tool to quickly create a new app with Inglorious Web.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",

package/templates/js/src/message/message.js

@@ -1,14 +1,14 @@
-import { html } from "@inglorious/web"
-
-export const message = {
-  click(entity) {
-    entity.isUpperCase = true
-  },
-
-  render(entity, api) {
-    const message = entity.isUpperCase ? entity.who.toUpperCase() : entity.who
-    return html`<span @click=${() => api.notify(`#${entity.id}:click`)}
-      >Hello ${message}</span
-    >`
-  },
-}
+import { html } from "@inglorious/web"
+
+export const message = {
+  click(entity) {
+    entity.isUpperCase = !entity.isUpperCase
+  },
+
+  render(entity, api) {
+    const message = entity.isUpperCase ? entity.who.toUpperCase() : entity.who
+    return html`<span @click=${() => api.notify(`#${entity.id}:click`)}
+      >Hello ${message}</span
+    >`
+  },
+}

package/templates/minimal/src/message/message.js

@@ -1,14 +1,14 @@
-import { html } from "@inglorious/web"
-
-export const message = {
-  click(entity) {
-    entity.isUpperCase = true
-  },
-
-  render(entity, api) {
-    const message = entity.isUpperCase ? entity.who.toUpperCase() : entity.who
-    return html`<span @click=${() => api.notify(`#${entity.id}:click`)}
-      >Hello ${message}</span
-    >`
-  },
-}
+import { html } from "@inglorious/web"
+
+export const message = {
+  click(entity) {
+    entity.isUpperCase = !entity.isUpperCase
+  },
+
+  render(entity, api) {
+    const message = entity.isUpperCase ? entity.who.toUpperCase() : entity.who
+    return html`<span @click=${() => api.notify(`#${entity.id}:click`)}
+      >Hello ${message}</span
+    >`
+  },
+}

package/templates/ts/public/style.css

@@ -3,33 +3,5 @@
 }
 
 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/ts/src/app.ts

@@ -1,4 +1,4 @@
-import { type Api,html } from "@inglorious/web"
+import { type Api, html } from "@inglorious/web"
 
 export const app = {
   render(api: Api) {

package/templates/ts/src/message/message.ts

@@ -1,16 +1,16 @@
-import { type Api,html } from "@inglorious/web"
-
-import type { MessageEntity } from "../../types"
-
-export const message = {
-  click(entity: MessageEntity) {
-    entity.isUpperCase = true
-  },
-
-  render(entity: MessageEntity, api: Api) {
-    const message = entity.isUpperCase ? entity.who.toUpperCase() : entity.who
-    return html`<span @click=${() => api.notify(`#${entity.id}:click`)}
-      >Hello ${message}</span
-    >`
-  },
-}
+import { type Api, html } from "@inglorious/web"
+
+import type { MessageEntity } from "../../types"
+
+export const message = {
+  click(entity: MessageEntity) {
+    entity.isUpperCase = !entity.isUpperCase
+  },
+
+  render(entity: MessageEntity, api: Api) {
+    const message = entity.isUpperCase ? entity.who.toUpperCase() : entity.who
+    return html`<span @click=${() => api.notify(`#${entity.id}:click`)}
+      >Hello ${message}</span
+    >`
+  },
+}