create-template-project 0.2.0 → 0.3.0

package/dist/templates/base/files/.husky/commit-msg

@@ -0,0 +1 @@
+npx --no -- commitlint --edit "$1"

package/dist/templates/base/files/.husky/pre-commit

@@ -0,0 +1 @@
+{{packageManager}} run ci

package/dist/templates/base/files/.prettierignore

@@ -48,3 +48,6 @@ Thumbs.db
 # misc
 tmp/
 temp/
+
+# md
+**/*.md

package/dist/templates/base/files/package.json

@@ -8,6 +8,7 @@
 		"prettier-write": "prettier --write .",
 		"test": "vitest run --coverage",
 		"ci": "npm run lint && npm run build && npm run test",
+		"create-changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
 		"prepare": "husky"
 	},
 	"dependencies": {
@@ -24,7 +25,6 @@
 		"oxlint": "",
 		"oxlint-tsgolint": "",
 		"eslint-plugin-regexp": "",
-		"tinyexec": "",
 		"prettier": "",
 		"typescript": "",
 		"vitest": ""

package/dist/templates/base/files/vitest.config.ts

@@ -1,3 +1,12 @@
 import {defineConfig} from 'vitest/config';
 
-export default defineConfig({test: {coverage: {provider: 'v8'}}});
+export default defineConfig({
+	test: {
+		coverage: {
+			provider: 'v8',
+			reporter: ['text', 'json', 'html'],
+			include: ['src/**/*.ts', 'src/**/*.tsx'],
+			exclude: ['src/**/*.test.ts', 'src/**/*.test.tsx', 'src/**/*.d.ts'],
+		},
+	},
+});

package/dist/templates/cli/files/package.json

@@ -1,14 +1,15 @@
 {
+	"bin": "./dist/index.js",
 	"dependencies": {
 		"commander": "",
 		"cli-progress": ""
 	},
 	"devDependencies": {
 		"@types/cli-progress": "",
-		"tsdown": ""
+		"vite": ""
 	},
 	"scripts": {
-		"dev": "tsdown --watch",
-		"build": "tsdown"
+		"dev": "vite build --watch",
+		"build": "vite build"
 	}
 }

package/dist/templates/cli/files/src/index.test.ts

@@ -1,5 +1,13 @@
 import {expect, test} from 'vitest';
+import {greet, calculateProgress} from './lib.js';
 
-test('math works', () => {
-	expect(1 + 1).toBe(2);
+test('greet returns correct message', () => {
+	expect(greet('Vitest')).toBe('Hello, Vitest! Welcome to your new CLI.');
+});
+
+test('calculateProgress works correctly', () => {
+	expect(calculateProgress(50, 100)).toBe(50);
+	expect(calculateProgress(1, 3)).toBe(33);
+	expect(calculateProgress(0, 100)).toBe(0);
+	expect(calculateProgress(50, 0)).toBe(0);
 });

package/dist/templates/cli/files/src/index.ts

@@ -1,3 +1,4 @@
+#!/usr/bin/env node
 import {Command} from 'commander';
 import {SingleBar, Presets} from 'cli-progress';
 
@@ -10,4 +11,6 @@ bar.start(100, 0);
 bar.update(50);
 bar.stop();
 
-console.log('Hello from CLI template!');
+import {greet} from './lib.js';
+
+console.log(greet('Developer'));

package/dist/templates/cli/files/src/lib.ts

@@ -0,0 +1,10 @@
+export const greet = (name: string): string => {
+	return `Hello, ${name}! Welcome to your new CLI.`;
+};
+
+export const calculateProgress = (current: number, total: number): number => {
+	if (total === 0) {
+		return 0;
+	}
+	return Math.round((current / total) * 100);
+};

package/dist/templates/cli/files/vite.config.ts

@@ -0,0 +1,22 @@
+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: {
+		coverage: {
+			provider: 'v8',
+			reporter: ['text', 'json', 'html'],
+		},
+	},
+});

package/dist/templates/web-app/files/src/App.test.tsx

@@ -0,0 +1,9 @@
+import {expect, test} from 'vitest';
+import {render} from 'vitest-browser-react';
+import {page} from 'vitest/browser';
+import {App} from './App.js';
+
+test('renders hello message in the browser', async () => {
+	await render(<App />);
+	await expect.element(page.getByText(/Hello from React!/i)).toBeVisible();
+});

package/dist/templates/web-app/files/src/App.tsx

@@ -0,0 +1,14 @@
+import {Typography, Container, Box} from '@mui/material';
+
+export const App = () => {
+	return (
+		<Container maxWidth="sm">
+			<Box sx={{my: 4, textAlign: 'center'}}>
+				<Typography variant="h4" component="h1" gutterBottom>
+					Hello from React!
+				</Typography>
+				<Typography variant="body1">This project was scaffolded with the web-app template.</Typography>
+			</Box>
+		</Container>
+	);
+};

package/dist/templates/web-app/files/src/index.tsx

@@ -1,18 +1,5 @@
 import {createRoot} from 'react-dom/client';
-import {Typography, Container, Box} from '@mui/material';
-
-const App = () => {
-	return (
-		<Container maxWidth="sm">
-			<Box sx={{my: 4, textAlign: 'center'}}>
-				<Typography variant="h4" component="h1" gutterBottom>
-					Hello from React!
-				</Typography>
-				<Typography variant="body1">This project was scaffolded with the web-app template.</Typography>
-			</Box>
-		</Container>
-	);
-};
+import {App} from './App.js';
 
 const container = document.getElementById('app');
 if (container) {

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

@@ -11,6 +11,10 @@ export default defineConfig({
 	},
 	test: {
 		include: ['src/**/*.test.{ts,tsx}'],
+		coverage: {
+			provider: 'v8',
+			reporter: ['text', 'json', 'html'],
+		},
 		browser: {
 			enabled: true,
 			headless: true,

package/dist/templates/web-fullstack/files/client/src/App.test.tsx

@@ -1,8 +1,11 @@
 import {describe, it, expect} from 'vitest';
+import {render} from 'vitest-browser-react';
+import {page} from 'vitest/browser';
 import {App} from './App.js';
 
 describe('App', () => {
-	it('should be a function', () => {
-		expect(typeof App).toBe('function');
+	it('should render in the browser', async () => {
+		await render(<App />);
+		await expect.element(page.getByRole('heading', {name: /Login/i}).or(page.getByRole('heading', {name: /Dashboard/i}))).toBeVisible();
 	});
 });

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

@@ -7,6 +7,10 @@ export default defineConfig({
 	plugins: [react()],
 	test: {
 		include: ['src/**/*.test.{ts,tsx}'],
+		coverage: {
+			provider: 'v8',
+			reporter: ['text', 'json', 'html'],
+		},
 		browser: {
 			enabled: true,
 			headless: true,

package/dist/templates/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/server/src/index.test.ts

@@ -1,7 +1,28 @@
 import {describe, it, expect} from 'vitest';
+import {appRouter} from './routers/_app.js';
+import {createCallerFactory} from './trpc.js';
 
-describe('server', () => {
-	it('should have a truthy test', () => {
-		expect(true).toBe(true);
+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/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

@@ -3,6 +3,7 @@ import path from 'node:path';
 
 export default defineConfig({
 	build: {
+		ssr: true,
 		lib: {
 			entry: path.resolve(__dirname, 'src/index.ts'),
 			formats: ['es'],
@@ -10,12 +11,14 @@ export default defineConfig({
 		},
 		outDir: 'dist',
 		emptyOutDir: true,
-		rollupOptions: {
-			external: ['express', 'cors', 'zod', '@trpc/server', 'node:path', 'node:url'],
-		},
+		target: 'node22',
 	},
 	test: {
 		globals: true,
 		environment: 'node',
+		coverage: {
+			provider: 'v8',
+			reporter: ['text', 'json', 'html'],
+		},
 	},
 });

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

@@ -6,6 +6,6 @@
 	<body>
 		<h1>{{projectName}}</h1>
 		<div id="app"></div>
-		<script type="module" src="/src/index.ts"></script>
+		<script type="module" src="{{scriptSrc}}"></script>
 	</body>
 </html>

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

@@ -1,5 +1,12 @@
 import {expect, test} from 'vitest';
+import {page} from 'vitest/browser';
+import {formatMessage, createHeading} from './lib.js';
 
-test('math works', () => {
-	expect(1 + 1).toBe(2);
+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

@@ -1 +1,3 @@
-console.log('Hello from Browser Template!');
+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/vite.config.ts

@@ -5,6 +5,10 @@ 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,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-template-project",
-	"version": "0.2.0",
+	"version": "0.3.0",
 	"type": "module",
 	"license": "MIT",
 	"author": "Dieter Oberkofler",
@@ -14,36 +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:web-vanilla": "node dist/index.mjs create --name=my-web-vanilla --directory=./temp --template=web-vanilla --package-manager=pnpm --overwrite --build",
-		"run-create:web-app": "node dist/index.mjs create --name=my-web-app --directory=./temp --template=web-app --package-manager=pnpm --overwrite --build",
-		"run-create:web-fullstack": "node dist/index.mjs create --name=my-web-fullstack --directory=./temp --template=web-fullstack --package-manager=pnpm --overwrite --build",
-		"run-create": "pnpm run build && pnpm run run-create:cli && pnpm run run-create:web-vanilla && pnpm run run-create:web-app && pnpm run run-create:web-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\" && pnpm run prettier",
 		"prettier": "prettier --check .",
 		"prettier-write": "prettier --write .",
 		"test": "vitest run --coverage --exclude '**/*.integration.*.test.ts'",
-		"test:integration:cli": "vitest run src/generators/project.integration.cli.test.ts --testTimeout=600000",
-		"test:integration:web-vanilla": "vitest run src/generators/project.integration.web-vanilla.test.ts --testTimeout=600000",
-		"test:integration:web-app": "vitest run src/generators/project.integration.web-app.test.ts --testTimeout=600000",
-		"test:integration:web-fullstack": "vitest run src/generators/project.integration.web-fullstack.test.ts --testTimeout=600000",
+		"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": {
@@ -65,11 +60,11 @@
 		"eslint-plugin-regexp": "3.1.0",
 		"husky": "9.1.7",
 		"oxlint": "1.56.0",
-		"oxlint-tsgolint": "0.17.0",
+		"oxlint-tsgolint": "0.17.1",
 		"pnpm": "10.32.1",
 		"prettier": "3.8.1",
-		"tsdown": "0.21.4",
 		"typescript": "5.9.3",
+		"vite": "8.0.1",
 		"vitest": "4.1.0"
 	},
 	"dependencies": {