@inglorious/create-app 0.3.3 → 0.4.0

package/templates/ts-jsx/gitignore

@@ -0,0 +1,49 @@
+# Dependencies
+node_modules
+.pnp
+.pnp.js
+
+# Local env files
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Testing
+coverage
+
+# Turbo
+.turbo
+
+# Vercel
+.vercel
+
+# Build Outputs
+.next/
+out/
+build
+dist
+dist-ssr
+storybook-static
+vite.config.js.timestamp-*
+
+# Debug
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# Editor directories and files
+.vscode/*
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.qodo

package/templates/ts-jsx/index.html

@@ -0,0 +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>

package/templates/ts-jsx/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "ts-template",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "description": "A new app created with @inglorious/create-app",
+  "author": "",
+  "license": "MIT",
+  "scripts": {
+    "format": "prettier --write .",
+    "lint": "eslint .",
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@inglorious/web": "workspace:*"
+  },
+  "devDependencies": {
+    "@inglorious/eslint-config": "workspace:*",
+    "@inglorious/jsx": "workspace:*",
+    "@inglorious/vite-plugin-jsx": "workspace:*",
+    "@types/node": "^25.0.9",
+    "eslint": "^9.39.1",
+    "prettier": "^3.6.2",
+    "rollup-plugin-minify-template-literals": "^1.1.7",
+    "sharp": "^0.34.5",
+    "svgo": "^4.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.6",
+    "vite-plugin-image-optimizer": "^2.0.3"
+  },
+  "packageManager": "pnpm@10.15.0",
+  "engines": {
+    "node": ">= 22"
+  }
+}

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

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

package/templates/ts-jsx/src/app.tsx

@@ -0,0 +1,10 @@
+export const app = {
+  render() {
+    return (
+      <h1>
+        {/* @ts-expect-error - JSX components are entity type names, not imports */}
+        <Message1 />, <Message2 />, <Message3 />!
+      </h1>
+    )
+  },
+}

package/templates/ts-jsx/src/main.ts

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

package/templates/ts-jsx/src/message/message.tsx

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

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

@@ -0,0 +1,16 @@
+import type { AppState } from "../../types"
+
+export const entities: AppState = {
+  message1: {
+    type: "message",
+    who: "world",
+  },
+  message2: {
+    type: "message",
+    who: "wide",
+  },
+  message3: {
+    type: "message",
+    who: "web",
+  },
+}

package/templates/ts-jsx/src/store/index.ts

@@ -0,0 +1,12 @@
+import { createStore, type TypesConfig } from "@inglorious/web"
+
+import type { AppEntity, AppState } from "../../types"
+import { message } from "../message/message"
+import { entities } from "./entities"
+import { middlewares } from "./middlewares"
+
+export const store = createStore<AppEntity, AppState>({
+  types: { message } as unknown as TypesConfig<AppEntity>,
+  entities,
+  middlewares,
+})

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

@@ -0,0 +1,9 @@
+import { createDevtools, type Middleware } from "@inglorious/web"
+
+import type { AppEntity, AppState } from "../../types"
+
+export const middlewares: Middleware<AppEntity, AppState>[] = []
+
+if (import.meta.env.DEV) {
+  middlewares.push(createDevtools<AppEntity, AppState>().middleware)
+}

package/templates/ts-jsx/tsconfig.app.json

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

package/templates/ts-jsx/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/templates/ts-jsx/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-jsx/types/index.d.ts

@@ -0,0 +1,27 @@
+import "./vite-end"
+
+import { BaseEntity, EntitiesState } from "@inglorious/web"
+
+// Define your entity types
+export interface MessageEntity extends BaseEntity {
+  type: "message"
+  id?: string
+  who: string
+  isUpperCase?: boolean
+}
+
+// Union type of all entities
+export type AppEntity = MessageEntity
+
+// State type with known entity IDs
+export interface AppState extends EntitiesState<AppEntity> {
+  message1: MessageEntity
+  message2: MessageEntity
+  message3: MessageEntity
+}
+
+// Types configuration
+export interface MessageType {
+  click: (entity: MessageEntity) => void
+  render: (entity: MessageEntity, api: Api) => TemplateResult | null
+}

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

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

package/templates/ts-jsx/vite.config.ts

@@ -0,0 +1,24 @@
+import path from "node:path"
+import { fileURLToPath } from "node:url"
+
+import { jsx } from "@inglorious/vite-plugin-jsx"
+import { minifyTemplateLiterals } from "rollup-plugin-minify-template-literals"
+import { defineConfig } from "vite"
+import { ViteImageOptimizer } from "vite-plugin-image-optimizer"
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+// https://vite.dev/config/
+export default defineConfig({
+  // @see https://github.com/vitejs/vite/issues/1973
+  define: { "process.env": {} },
+
+  plugins: [minifyTemplateLiterals(), ViteImageOptimizer(), jsx()],
+
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "src"),
+    },
+  },
+})