@inglorious/create-app 0.3.2 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/create-app",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "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/gitignore

@@ -1,3 +1,3 @@
-node_modules
-dist
-.DS_Store
+node_modules
+dist
+.DS_Store

package/templates/ssx-ts/gitignore

@@ -1,3 +1,3 @@
-node_modules
-dist
-.DS_Store
+node_modules
+dist
+.DS_Store

package/templates/ts/eslint.config.ts

@@ -0,0 +1,17 @@
+import browserConfig from "@inglorious/eslint-config/browser"
+import typescriptConfig from "@inglorious/eslint-config/typescript"
+import { defineConfig } from "eslint/config"
+
+export default defineConfig([
+  ...browserConfig,
+  ...typescriptConfig,
+  {
+    files: ["**/*.ts", "**/*.tsx"],
+    languageOptions: {
+      parserOptions: {
+        project: ["./tsconfig.app.json", "./tsconfig.node.json"],
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+])

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 **/*.ts",
+    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
@@ -24,8 +24,8 @@
     "sharp": "^0.34.5",
     "svgo": "^4.0.0",
     "typescript": "^5.9.2",
-    "vite-plugin-image-optimizer": "^2.0.3",
-    "vite": "^7.1.6"
+    "vite": "^7.1.6",
+    "vite-plugin-image-optimizer": "^2.0.3"
   },
   "packageManager": "pnpm@10.15.0",
   "engines": {

package/templates/ts/src/main.ts

@@ -3,4 +3,4 @@ import { mount } from "@inglorious/web"
 import { app } from "./app"
 import { store } from "./store"
 
-mount(store, app.render, document.getElementById("root"))
+mount(store, app.render, document.getElementById("root")!)

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

@@ -1,13 +1,13 @@
-import { type Api, html } from "@inglorious/web"
+import { html } from "@inglorious/web"
 
-import type { MessageEntity } from "../../types"
+import type { MessageType } from "../../types"
 
-export const message = {
-  click(entity: MessageEntity) {
+export const message: MessageType = {
+  click(entity) {
     entity.isUpperCase = !entity.isUpperCase
   },
 
-  render(entity: MessageEntity, api: Api) {
+  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/src/store/index.ts

@@ -1,5 +1,4 @@
-import type { TypesConfig } from "@inglorious/store"
-import { createStore } from "@inglorious/web"
+import { createStore, type TypesConfig } from "@inglorious/web"
 
 import type { AppEntity, AppState } from "../../types"
 import { message } from "../message/message"

package/templates/ts/src/store/middlewares.ts

@@ -1,5 +1,4 @@
-import type { Middleware } from "@inglorious/store"
-import { createDevtools } from "@inglorious/web"
+import { createDevtools, type Middleware } from "@inglorious/web"
 
 import type { AppEntity, AppState } from "../../types"
 

package/templates/ts/tsconfig.app.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src"]
+}

package/templates/ts/tsconfig.json

@@ -1,23 +1,7 @@
 {
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ESNext", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src"]
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
 }

package/templates/ts/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "types": ["node"],
+    "skipLibCheck": true
+  },
+  "include": ["vite.config.ts", "eslint.config.ts"]
+}

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

@@ -1,4 +1,6 @@
-import { BaseEntity, EntitiesState } from "@inglorious/store"
+import "./vite-end"
+
+import { BaseEntity, EntitiesState } from "@inglorious/web"
 
 // Define your entity types
 export interface MessageEntity extends BaseEntity {
@@ -19,8 +21,7 @@ export interface AppState extends EntitiesState<AppEntity> {
 }
 
 // Types configuration
-export interface AppTypes {
-  message: {
-    click: (entity: MessageEntity) => void
-  }
+export interface MessageType {
+  click: (entity: MessageEntity) => void
+  render: (entity: MessageEntity, api: Api) => TemplateResult | null
 }

package/templates/ts/types/vite-end.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/templates/ts/eslint.config.js

@@ -1 +0,0 @@
-export { default } from "@inglorious/eslint-config/browser"