create-template-project 1.1.2 → 1.2.0

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

@@ -1,10 +1,14 @@
-import {useState, FormEvent} from 'react';
+/* eslint-disable react/jsx-max-depth */
+/* eslint-disable import/no-relative-parent-imports */
+/* eslint-disable eslint/no-void */
+/* eslint-disable typescript/no-deprecated */
+import {useState, type ReactNode, type FormEvent} from 'react';
 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';
 
-export const Login = () => {
+export const Login = (): ReactNode => {
 	const [email, setEmail] = useState('demo@example.com');
 	const [password, setPassword] = useState('password');
 	const [error, setError] = useState<string | null>(null);
@@ -21,7 +25,7 @@ export const Login = () => {
 		},
 	});
 
-	const handleSubmit = (e: FormEvent) => {
+	const handleSubmit = (e: FormEvent<HTMLFormElement>): void => {
 		e.preventDefault();
 		setError(null);
 		loginMutation.mutate({email, password});
@@ -32,13 +36,13 @@ export const Login = () => {
 			<form onSubmit={handleSubmit}>
 				<DialogTitle>Login</DialogTitle>
 				<DialogContent>
-					<Box display="flex" flexDirection="column" gap={2} pt={1}>
-						{error && <Alert severity="error">{error}</Alert>}
+					<Box sx={{display: 'flex', flexDirection: 'column', gap: 2, pt: 1}}>
+						{error !== null && <Alert severity="error">{error}</Alert>}
 						<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>

package/dist/templates/web-fullstack/files/client/src/trpc.ts

@@ -1,4 +1,5 @@
+/* eslint-disable import/no-relative-parent-imports */
 import {createTRPCReact} from '@trpc/react-query';
-import type {AppRouter} from '../../server/src/routers/_app.js';
+import {type AppRouter} from '../../server/src/routers/_app.js';
 
 export const trpc = createTRPCReact<AppRouter>();

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

@@ -1,12 +1,15 @@
 import {defineConfig, devices} from '@playwright/test';
+import {env} from 'node:process';
+
+const isCi = env.CI !== undefined;
 
 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,
+	forbidOnly: isCi,
+	retries: isCi ? 2 : 0,
+	workers: isCi ? 1 : undefined,
 	reporter: 'html',
 	use: {
 		baseURL: 'http://localhost:5173',
@@ -22,12 +25,12 @@ export default defineConfig({
 		{
 			command: 'npm run dev --workspace=server',
 			port: 3000,
-			reuseExistingServer: !process.env.CI,
+			reuseExistingServer: !isCi,
 		},
 		{
 			command: 'npm run dev --workspace=client',
 			port: 5173,
-			reuseExistingServer: !process.env.CI,
+			reuseExistingServer: !isCi,
 		},
 	],
 });

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

@@ -1,17 +1,19 @@
-import {CreateExpressContextOptions} from '@trpc/server/adapters/express';
+/* eslint-disable oxc/no-optional-chaining */
+/* eslint-disable typescript/strict-boolean-expressions */
+import {type CreateExpressContextOptions} from '@trpc/server/adapters/express';
 
-interface User {
+type User = {
 	id: string;
 	name: string;
 	email: string;
-}
+};
 
-export const createContext = ({req}: CreateExpressContextOptions) => {
+export const createContext = ({req}: CreateExpressContextOptions): {user: User | null} => {
 	const authHeader = req.headers.authorization;
 	let user: User | null = null;
 
 	if (authHeader?.startsWith('Bearer ')) {
-		const token = authHeader.split(' ')[1];
+		const [, token] = authHeader.split(' ');
 		// Mock token verification
 		if (token === 'mock-token') {
 			user = {id: '1', name: 'Demo User', email: 'demo@example.com'};

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

@@ -4,11 +4,10 @@ import * as trpcExpress from '@trpc/server/adapters/express';
 import {appRouter} from './routers/_app.js';
 import {createContext} from './context.js';
 import path from 'node:path';
-import {fileURLToPath} from 'node:url';
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const __dirname = import.meta.dirname;
 const app = express();
-const port = process.env['PORT'] || 3001;
+const port = Number(process.env['PORT'] ?? 3001);
 
 app.use(cors());
 app.use(express.json());

package/dist/templates/web-fullstack/files/server/src/routers/_app.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/no-relative-parent-imports */
 import {router} from '../trpc.js';
 import {authRouter} from './auth.js';
 

package/dist/templates/web-fullstack/files/server/src/routers/auth.ts

@@ -1,3 +1,5 @@
+/* eslint-disable import/no-relative-parent-imports */
+/* eslint-disable typescript/no-deprecated */
 import {z} from 'zod';
 import {publicProcedure, protectedProcedure, router} from '../trpc.js';
 import {TRPCError} from '@trpc/server';
@@ -10,7 +12,7 @@ export const authRouter = router({
 				password: z.string().min(6),
 			}),
 		)
-		.mutation(async ({input}) => {
+		.mutation(({input}) => {
 			// Mock authentication logic
 			if (input.email === 'demo@example.com' && input.password === 'password') {
 				return {
@@ -23,7 +25,5 @@ export const authRouter = router({
 				message: 'Invalid email or password',
 			});
 		}),
-	me: protectedProcedure.query(({ctx}) => {
-		return ctx.user;
-	}),
+	me: protectedProcedure.query(({ctx}) => ctx.user),
 });

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

@@ -1,11 +1,10 @@
+/* eslint-disable typescript/promise-function-async */
 import {initTRPC, TRPCError} from '@trpc/server';
-import {Context} from './context.js';
+import {type 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 {router, createCallerFactory, procedure: publicProcedure} = t;
 export const protectedProcedure = t.procedure.use(({ctx, next}) => {
 	if (!ctx.user) {
 		throw new TRPCError({code: 'UNAUTHORIZED'});

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

@@ -1,12 +1,15 @@
 import {defineConfig, devices} from '@playwright/test';
+import {env} from 'node:process';
+
+const isCi = env.CI !== undefined;
 
 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,
+	forbidOnly: isCi,
+	retries: isCi ? 2 : 0,
+	workers: isCi ? 1 : undefined,
 	reporter: 'html',
 	use: {
 		baseURL: 'http://localhost:5173',
@@ -21,6 +24,6 @@ export default defineConfig({
 	webServer: {
 		command: 'npm run dev',
 		url: 'http://localhost:5173',
-		reuseExistingServer: !process.env.CI,
+		reuseExistingServer: !isCi,
 	},
 });

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

@@ -7,6 +7,6 @@ test('formatMessage returns correct string', () => {
 });
 
 test('createHeading renders in the browser', async () => {
-	document.body.appendChild(createHeading('Browser Test'));
+	document.body.append(createHeading('Browser Test'));
 	await expect.element(page.getByRole('heading', {name: 'Browser Test'})).toBeVisible();
 });

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

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

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

@@ -4,6 +4,4 @@ export const createHeading = (text: string): HTMLHeadingElement => {
 	return h1;
 };
 
-export const formatMessage = (name: string): string => {
-	return `Hello, ${name}!`;
-};
+export const formatMessage = (name: string): string => `Hello, ${name}!`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-template-project",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "private": false,
   "description": "An ultra-modular, type-safe Node.js CLI tool used to scaffold new project templates (CLI, Webpage, Webapp, Fullstack) with best-practice configurations pre-installed.",
   "keywords": [
@@ -46,6 +46,11 @@
     ".": "./dist/index.js",
     "./package.json": "./package.json"
   },
+  "imports": {
+    "#shared/*.js": "./src/shared/*.ts",
+    "#templates/*.js": "./src/templates/*.ts",
+    "#templating/*.js": "./src/utils/templating/*.ts"
+  },
   "scripts": {
     "run-interactive": "node ./dist/index.js interactive",
     "build": "vite build && node scripts/copy-templates.ts",
@@ -77,20 +82,21 @@
     "@commitlint/config-conventional": "20.5.0",
     "@types/cli-progress": "3.11.6",
     "@types/debug": "4.1.13",
-    "@vitest/coverage-v8": "4.1.2",
+    "@types/node": "25.6.0",
+    "@vitest/coverage-v8": "4.1.4",
     "conventional-changelog": "7.2.0",
     "conventional-changelog-angular": "8.3.1",
     "eslint-plugin-regexp": "3.1.0",
     "husky": "9.1.7",
-    "oxfmt": "0.43.0",
-    "oxlint": "1.58.0",
-    "oxlint-tsgolint": "0.19.0",
+    "oxfmt": "0.45.0",
+    "oxlint": "1.60.0",
+    "oxlint-tsgolint": "0.20.0",
     "pnpm": "10.33.0",
     "release-it": "19.2.4",
     "rimraf": "6.1.3",
     "typescript": "6.0.2",
-    "vite": "8.0.3",
-    "vitest": "4.1.2"
+    "vite": "8.0.8",
+    "vitest": "4.1.4"
   },
   "engines": {
     "node": ">=22"