create-template-project 0.1.0 → 0.3.0

package/dist/templates/{fullstack → web-fullstack}/files/client/src/pages/Login.tsx

@@ -1,15 +1,5 @@
 import {useState, FormEvent} from 'react';
-import {
-	Button,
-	TextField,
-	Dialog,
-	DialogActions,
-	DialogContent,
-	DialogTitle,
-	Typography,
-	Alert,
-	Box,
-} from '@mui/material';
+import {Button, TextField, Dialog, DialogActions, DialogContent, DialogTitle, Typography, Alert, Box} from '@mui/material';
 import {useAuth} from '../contexts/AuthContext.js';
 import {trpc} from '../trpc.js';
 import {useNavigate} from 'react-router-dom';
@@ -47,31 +37,12 @@ export const Login = () => {
 						<Typography variant="body2" color="textSecondary">
 							Use <b>demo@example.com</b> / <b>password</b> to login.
 						</Typography>
-						<TextField
-							label="Email"
-							type="email"
-							fullWidth
-							required
-							value={email}
-							onChange={(e) => setEmail(e.currentTarget.value)}
-						/>
-						<TextField
-							label="Password"
-							type="password"
-							fullWidth
-							required
-							value={password}
-							onChange={(e) => setPassword(e.currentTarget.value)}
-						/>
+						<TextField label="Email" type="email" fullWidth required value={email} onChange={(e) => setEmail(e.currentTarget.value)} />
+						<TextField label="Password" type="password" fullWidth required value={password} onChange={(e) => setPassword(e.currentTarget.value)} />
 					</Box>
 				</DialogContent>
 				<DialogActions>
-					<Button
-						type="submit"
-						variant="contained"
-						fullWidth
-						disabled={loginMutation.isPending}
-					>
+					<Button type="submit" variant="contained" fullWidth disabled={loginMutation.isPending}>
 						{loginMutation.isPending ? 'Logging in...' : 'Login'}
 					</Button>
 				</DialogActions>

package/dist/templates/web-fullstack/files/client/vite.config.ts

@@ -0,0 +1,30 @@
+import path from 'node:path';
+import {defineConfig} from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import {playwright} from '@vitest/browser-playwright';
+
+export default defineConfig({
+	plugins: [react()],
+	test: {
+		include: ['src/**/*.test.{ts,tsx}'],
+		coverage: {
+			provider: 'v8',
+			reporter: ['text', 'json', 'html'],
+		},
+		browser: {
+			enabled: true,
+			headless: true,
+			screenshotDirectory: path.resolve('./temp/vitest/__screenshots__'),
+			instances: [
+				{
+					browser: 'chromium',
+					provider: playwright({
+						launchOptions: {
+							args: ['--disable-web-security'],
+						},
+					}),
+				},
+			],
+		},
+	},
+});

package/dist/templates/{fullstack → web-fullstack}/files/package.json

@@ -24,8 +24,7 @@
 		"@types/react-dom": "",
 		"@types/express": "",
 		"@types/cors": "",
-		"@playwright/test": "",
-		"tsdown": ""
+		"@playwright/test": ""
 	},
 	"scripts": {
 		"build": "npm run build --workspaces",

package/dist/templates/web-fullstack/files/playwright.config.ts

@@ -0,0 +1,33 @@
+import {defineConfig, devices} from '@playwright/test';
+
+export default defineConfig({
+	testDir: './tests/e2e',
+	testMatch: '**/*.e2e-test.ts',
+	fullyParallel: true,
+	forbidOnly: !!process.env.CI,
+	retries: process.env.CI ? 2 : 0,
+	workers: process.env.CI ? 1 : undefined,
+	reporter: 'html',
+	use: {
+		baseURL: 'http://localhost:5173',
+		trace: 'on-first-retry',
+	},
+	projects: [
+		{
+			name: 'chromium',
+			use: {...devices['Desktop Chrome']},
+		},
+	],
+	webServer: [
+		{
+			command: 'npm run dev --workspace=server',
+			port: 3000,
+			reuseExistingServer: !process.env.CI,
+		},
+		{
+			command: 'npm run dev --workspace=client',
+			port: 5173,
+			reuseExistingServer: !process.env.CI,
+		},
+	],
+});

package/dist/templates/{fullstack → web-fullstack}/files/server/package.json

@@ -3,8 +3,8 @@
 	"version": "0.1.0",
 	"type": "module",
 	"scripts": {
-		"build": "tsdown",
-		"dev": "tsdown --watch",
+		"build": "vite build",
+		"dev": "vite build --watch",
 		"test": "vitest run"
 	}
 }

package/dist/templates/web-fullstack/files/server/src/index.test.ts

@@ -0,0 +1,28 @@
+import {describe, it, expect} from 'vitest';
+import {appRouter} from './routers/_app.js';
+import {createCallerFactory} from './trpc.js';
+
+const createCaller = createCallerFactory(appRouter);
+
+describe('auth router', () => {
+	it('should login successfully with valid credentials', async () => {
+		const caller = createCaller({user: null});
+		const result = await caller.auth.login({
+			email: 'demo@example.com',
+			password: 'password',
+		});
+
+		expect(result).toHaveProperty('token');
+		expect(result.user.email).toBe('demo@example.com');
+	});
+
+	it('should throw UNAUTHORIZED for invalid credentials', async () => {
+		const caller = createCaller({user: null});
+		await expect(
+			caller.auth.login({
+				email: 'wrong@example.com',
+				password: 'password123',
+			}),
+		).rejects.toThrow(/Invalid email or password/);
+	});
+});

package/dist/templates/{fullstack → web-fullstack}/files/server/src/trpc.ts

@@ -4,8 +4,8 @@ import {Context} from './context.js';
 const t = initTRPC.context<Context>().create();
 
 export const router = t.router;
+export const createCallerFactory = t.createCallerFactory;
 export const publicProcedure = t.procedure;
-
 export const protectedProcedure = t.procedure.use(({ctx, next}) => {
 	if (!ctx.user) {
 		throw new TRPCError({code: 'UNAUTHORIZED'});

package/dist/templates/web-fullstack/files/server/vite.config.ts

@@ -0,0 +1,24 @@
+import {defineConfig} from 'vitest/config';
+import path from 'node:path';
+
+export default defineConfig({
+	build: {
+		ssr: true,
+		lib: {
+			entry: path.resolve(__dirname, 'src/index.ts'),
+			formats: ['es'],
+			fileName: 'index',
+		},
+		outDir: 'dist',
+		emptyOutDir: true,
+		target: 'node22',
+	},
+	test: {
+		globals: true,
+		environment: 'node',
+		coverage: {
+			provider: 'v8',
+			reporter: ['text', 'json', 'html'],
+		},
+	},
+});

package/dist/templates/web-fullstack/files/tests/e2e/basic.e2e-test.ts

@@ -0,0 +1,14 @@
+import {test, expect} from '@playwright/test';
+
+test('has title', async ({page}) => {
+	await page.goto('/');
+	await expect(page).toHaveTitle(/{{projectName}}/);
+});
+
+test('can login', async ({page}) => {
+	await page.goto('/login');
+	await page.fill('input[name="username"]', 'admin');
+	await page.fill('input[name="password"]', 'password');
+	await page.click('button[type="submit"]');
+	await expect(page).toHaveURL('/');
+});

package/dist/templates/web-vanilla/files/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+	<head>
+		<title>{{projectName}}</title>
+	</head>
+	<body>
+		<h1>{{projectName}}</h1>
+		<div id="app"></div>
+		<script type="module" src="{{scriptSrc}}"></script>
+	</body>
+</html>

package/dist/templates/web-vanilla/files/package.json

@@ -0,0 +1,17 @@
+{
+	"devDependencies": {
+		"vite": "",
+		"vitest": "",
+		"@vitest/browser": "",
+		"playwright": "",
+		"@playwright/test": ""
+	},
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"preview": "vite preview",
+		"test": "vitest run",
+		"test:ui": "vitest",
+		"test:e2e": "playwright test"
+	}
+}

package/dist/templates/web-vanilla/files/playwright.config.ts

@@ -0,0 +1,26 @@
+import {defineConfig, devices} from '@playwright/test';
+
+export default defineConfig({
+	testDir: './tests/e2e',
+	testMatch: '**/*.e2e-test.ts',
+	fullyParallel: true,
+	forbidOnly: !!process.env.CI,
+	retries: process.env.CI ? 2 : 0,
+	workers: process.env.CI ? 1 : undefined,
+	reporter: 'html',
+	use: {
+		baseURL: 'http://localhost:5173',
+		trace: 'on-first-retry',
+	},
+	projects: [
+		{
+			name: 'chromium',
+			use: {...devices['Desktop Chrome']},
+		},
+	],
+	webServer: {
+		command: 'npm run dev',
+		url: 'http://localhost:5173',
+		reuseExistingServer: !process.env.CI,
+	},
+});

package/dist/templates/web-vanilla/files/src/index.test.ts

@@ -0,0 +1,12 @@
+import {expect, test} from 'vitest';
+import {page} from 'vitest/browser';
+import {formatMessage, createHeading} from './lib.js';
+
+test('formatMessage returns correct string', () => {
+	expect(formatMessage('World')).toBe('Hello, World!');
+});
+
+test('createHeading renders in the browser', async () => {
+	document.body.appendChild(createHeading('Browser Test'));
+	await expect.element(page.getByRole('heading', {name: 'Browser Test'})).toBeVisible();
+});

package/dist/templates/web-vanilla/files/src/index.ts

@@ -0,0 +1,3 @@
+import {createHeading} from './lib.js';
+
+document.body.appendChild(createHeading('Hello from Web-Vanilla!'));

package/dist/templates/web-vanilla/files/src/lib.ts

@@ -0,0 +1,9 @@
+export const createHeading = (text: string): HTMLHeadingElement => {
+	const h1 = document.createElement('h1');
+	h1.textContent = text;
+	return h1;
+};
+
+export const formatMessage = (name: string): string => {
+	return `Hello, ${name}!`;
+};

package/dist/templates/web-vanilla/files/tests/e2e/basic.e2e-test.ts

@@ -0,0 +1,11 @@
+import {test, expect} from '@playwright/test';
+
+test('has title', async ({page}) => {
+	await page.goto('/');
+	await expect(page).toHaveTitle(/{{projectName}}/);
+});
+
+test('header is visible', async ({page}) => {
+	await page.goto('/');
+	await expect(page.locator('h1')).toBeVisible();
+});

package/dist/templates/web-vanilla/files/vite.config.ts

@@ -0,0 +1,28 @@
+import path from 'node:path';
+import {defineConfig} from 'vitest/config';
+import {playwright} from '@vitest/browser-playwright';
+
+export default defineConfig({
+	test: {
+		include: ['src/**/*.test.ts'],
+		coverage: {
+			provider: 'v8',
+			reporter: ['text', 'json', 'html'],
+		},
+		browser: {
+			enabled: true,
+			headless: true,
+			screenshotDirectory: path.resolve('./temp/vitest/__screenshots__'),
+			instances: [
+				{
+					browser: 'chromium',
+					provider: playwright({
+						launchOptions: {
+							args: ['--disable-web-security'],
+						},
+					}),
+				},
+			],
+		},
+	},
+});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-template-project",
-	"version": "0.1.0",
+	"version": "0.3.0",
 	"type": "module",
 	"license": "MIT",
 	"author": "Dieter Oberkofler",
@@ -14,32 +14,31 @@
 		"typescript"
 	],
 	"bin": {
-		"create-template-project": "./dist/index.mjs"
+		"create-template-project": "./dist/index.js"
 	},
 	"scripts": {
-		"run-interactive": "node dist/index.mjs interactive",
-		"run-create-cli": "node dist/index.mjs create --name=my-cli --directory=./temp --template=cli --overwrite --package-manager=pnpm --build",
-		"run-create-webpage": "node dist/index.mjs create --name=my-webpage --directory=./temp --template=webpage --package-manager=pnpm --overwrite --build",
-		"run-create-webapp": "node dist/index.mjs create --name=my-webapp --directory=./temp --template=webapp --package-manager=pnpm --overwrite --build",
-		"run-create-fullstack": "node dist/index.mjs create --name=my-fullstack --directory=./temp --template=fullstack --package-manager=pnpm --overwrite --build",
-		"run-create-all": "npm run run-create-cli && npm run run-create-webpage && npm run run-create-webapp && npm run run-create-fullstack",
-		"build": "tsdown && node scripts/copy-templates.ts",
+		"run-interactive": "node dist/index.js interactive",
+		"build": "vite build && node scripts/copy-templates.ts",
 		"dependencies-check": "node scripts/dependencies.ts",
 		"dependencies-update": "node scripts/dependencies.ts --update",
-		"lint": "tsc && oxlint --ignore-pattern \"src/templates/**/files\" && npm run prettier",
+		"lint": "tsc && oxlint --ignore-pattern \"src/templates/**/files\" && pnpm run prettier",
 		"prettier": "prettier --check .",
 		"prettier-write": "prettier --write .",
-		"test": "vitest run --coverage --exclude '**/*.integration.test.ts'",
-		"test:integration": "vitest run src/generators/project.integration.test.ts --fileParallelism=false --testTimeout=600000",
-		"ci": "npm run lint && npm run build && npm run test",
+		"test": "vitest run --coverage --exclude '**/*.integration.*.test.ts'",
+		"test:integration:cli": "node dist/index.js create --name=my-cli --directory=./temp --template=cli --overwrite --package-manager=pnpm --build --debug --no-progress",
+		"test:integration:web-vanilla": "node dist/index.js create --name=my-web-vanilla --directory=./temp --template=web-vanilla --package-manager=pnpm --overwrite --build --debug --no-progress",
+		"test:integration:web-app": "node dist/index.js create --name=my-web-app --directory=./temp --template=web-app --package-manager=pnpm --overwrite --build --debug --no-progress",
+		"test:integration:web-fullstack": "node dist/index.js create --name=my-web-fullstack --directory=./temp --template=web-fullstack --package-manager=pnpm --overwrite --build --debug --no-progress",
+		"test:integration": "pnpm run test:integration:cli && pnpm run test:integration:web-vanilla && pnpm run test:integration:web-app && pnpm run test:integration:web-fullstack",
+		"ci": "pnpm run lint && pnpm run build && pnpm run test",
 		"create-changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
 		"prepare": "husky"
 	},
-	"main": "./dist/index.mjs",
-	"module": "./dist/index.mjs",
+	"main": "./dist/index.js",
+	"module": "./dist/index.js",
 	"types": "./dist/index.d.ts",
 	"exports": {
-		".": "./dist/index.mjs",
+		".": "./dist/index.js",
 		"./package.json": "./package.json"
 	},
 	"engines": {
@@ -51,29 +50,28 @@
 	},
 	"homepage": "https://github.com/doberkofler/create-template-project#readme",
 	"devDependencies": {
-		"@commitlint/cli": "20.4.4",
-		"@commitlint/config-conventional": "20.4.4",
+		"@commitlint/cli": "20.5.0",
+		"@commitlint/config-conventional": "20.5.0",
 		"@types/cli-progress": "3.11.6",
-		"@types/debug": "4.1.12",
-		"@types/node": "25.5.0",
+		"@types/debug": "4.1.13",
 		"@vitest/coverage-v8": "4.1.0",
-		"conventional-changelog": "^7.2.0",
+		"conventional-changelog": "7.2.0",
 		"conventional-changelog-angular": "8.3.0",
 		"eslint-plugin-regexp": "3.1.0",
 		"husky": "9.1.7",
-		"oxlint": "1.55.0",
-		"oxlint-tsgolint": "0.16.0",
-		"pnpm": "^10.32.1",
+		"oxlint": "1.56.0",
+		"oxlint-tsgolint": "0.17.1",
+		"pnpm": "10.32.1",
 		"prettier": "3.8.1",
-		"tsdown": "0.21.2",
 		"typescript": "5.9.3",
+		"vite": "8.0.1",
 		"vitest": "4.1.0"
 	},
 	"dependencies": {
-		"@clack/prompts": "^1.1.0",
+		"@clack/prompts": "1.1.0",
 		"commander": "14.0.3",
 		"debug": "4.4.3",
-		"execa": "^9.6.1",
+		"execa": "9.6.1",
 		"zod": "4.3.6"
 	}
 }