@inglorious/create-app 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/create-app",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "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/ssx-js/src/pages/about.js

@@ -0,0 +1,26 @@
+import { html } from "@inglorious/web"
+
+export const about = {
+  click(entity) {
+    entity.name += "!"
+  },
+
+  render(entity, api) {
+    return html`
+      <div>
+        <h1>
+          About
+          <span @click=${() => api.notify(`#${entity.id}:click`)}
+            >${entity.name}</span
+          >
+        </h1>
+        <p>This is a static page generated by SSX.</p>
+        <a href="/">Back Home</a>
+      </div>
+    `
+  },
+}
+
+export const metadata = {
+  title: "About",
+}

package/templates/ssx-js/src/store/entities.js

@@ -0,0 +1,6 @@
+export const entities = {
+  about: {
+    type: "about",
+    name: "Us",
+  },
+}

package/templates/ssx-ts/src/pages/about.ts

@@ -1,10 +1,21 @@
-import { html } from "@inglorious/web"
+import { Api, html } from "@inglorious/web"
+
+import type { AboutEntity } from "../../types"
 
 export const about = {
-  render() {
+  click(entity: AboutEntity) {
+    entity.name += "!"
+  },
+
+  render(entity: AboutEntity, api: Api) {
     return html`
       <div>
-        <h1>About</h1>
+        <h1>
+          About
+          <span @click=${() => api.notify(`#${entity.id}:click`)}
+            >${entity.name}</span
+          >
+        </h1>
         <p>This is a static page generated by SSX.</p>
         <a href="/">Back Home</a>
       </div>

package/templates/ssx-ts/src/site.config.ts

@@ -1,4 +1,4 @@
-import { SiteConfig } from "@inglorious/ssx"
+import type { SiteConfig } from "@inglorious/ssx"
 
 const siteConfig: SiteConfig = {
   title: "My SSX App",

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

@@ -0,0 +1,8 @@
+import { AppState } from "../../types"
+
+export const entities: AppState = {
+  about: {
+    type: "about",
+    name: "Us",
+  },
+}

package/templates/ssx-ts/types/index.d.ts

@@ -0,0 +1,23 @@
+import { BaseEntity, EntitiesState } from "@inglorious/store"
+
+// Define your entity types
+export interface AboutEntity extends BaseEntity {
+  type: "about"
+  id?: string
+  name: string
+}
+
+// Union type of all entities
+export type AppEntity = AboutEntity
+
+// State type with known entity IDs
+export interface AppState extends EntitiesState<AppEntity> {
+  about: AboutEntity
+}
+
+// Types configuration
+export interface AppTypes {
+  about: {
+    click: (entity: AboutEntity) => void
+  }
+}