npm - create-template-project - Versions diffs - 0.1.0 - Mend

create-template-project 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/LICENSE +21 -0
package/README.md +97 -0
package/dist/cli.mjs +272 -0
package/dist/config/dependencies.json +156 -0
package/dist/generators/project.mjs +354 -0
package/dist/index.d.mts +4 -0
package/dist/index.mjs +32 -0
package/dist/templates/base/files/.github/workflows/node.js.yml +20 -0
package/dist/templates/base/files/.prettierrc.json +6 -0
package/dist/templates/base/files/AGENTS.md +5 -0
package/dist/templates/base/files/CONTRIBUTING.md +31 -0
package/dist/templates/base/files/README.md +23 -0
package/dist/templates/base/files/_oxlint.config.ts +74 -0
package/dist/templates/base/files/commitlint.config.js +1 -0
package/dist/templates/base/files/package.json +32 -0
package/dist/templates/base/files/tsconfig.json +42 -0
package/dist/templates/base/files/vitest.config.ts +3 -0
package/dist/templates/base/index.mjs +16 -0
package/dist/templates/cli/files/package.json +14 -0
package/dist/templates/cli/files/src/index.test.ts +5 -0
package/dist/templates/cli/files/src/index.ts +13 -0
package/dist/templates/cli/files/tsdown.config.ts +3 -0
package/dist/templates/cli/index.mjs +16 -0
package/dist/templates/fullstack/files/client/index.html +8 -0
package/dist/templates/fullstack/files/client/package.json +10 -0
package/dist/templates/fullstack/files/client/src/App.test.tsx +8 -0
package/dist/templates/fullstack/files/client/src/App.tsx +50 -0
package/dist/templates/fullstack/files/client/src/components/ProtectedRoute.tsx +21 -0
package/dist/templates/fullstack/files/client/src/contexts/AuthContext.tsx +63 -0
package/dist/templates/fullstack/files/client/src/main.tsx +9 -0
package/dist/templates/fullstack/files/client/src/pages/Dashboard.tsx +39 -0
package/dist/templates/fullstack/files/client/src/pages/Login.tsx +81 -0
package/dist/templates/fullstack/files/client/src/trpc.ts +4 -0
package/dist/templates/fullstack/files/client/tsdown.config.ts +3 -0
package/dist/templates/fullstack/files/package.json +35 -0
package/dist/templates/fullstack/files/server/package.json +10 -0
package/dist/templates/fullstack/files/server/src/context.ts +24 -0
package/dist/templates/fullstack/files/server/src/index.test.ts +7 -0
package/dist/templates/fullstack/files/server/src/index.ts +32 -0
package/dist/templates/fullstack/files/server/src/routers/_app.ts +8 -0
package/dist/templates/fullstack/files/server/src/routers/auth.ts +29 -0
package/dist/templates/fullstack/files/server/src/trpc.ts +18 -0
package/dist/templates/fullstack/files/server/tsdown.config.ts +3 -0
package/dist/templates/fullstack/index.mjs +42 -0
package/dist/templates/webapp/files/backend/src/index.ts +17 -0
package/dist/templates/webapp/files/frontend/index.html +9 -0
package/dist/templates/webapp/files/frontend/src/index.ts +4 -0
package/dist/templates/webapp/files/package.json +13 -0
package/dist/templates/webapp/files/src/index.test.ts +5 -0
package/dist/templates/webapp/files/tsdown.config.ts +10 -0
package/dist/templates/webapp/index.mjs +16 -0
package/dist/templates/webpage/files/index.html +8 -0
package/dist/templates/webpage/files/package.json +8 -0
package/dist/templates/webpage/files/src/index.test.ts +5 -0
package/dist/templates/webpage/files/src/index.ts +1 -0
package/dist/templates/webpage/index.mjs +16 -0
package/dist/types.mjs +30 -0
package/dist/utils/file.mjs +101 -0
package/package.json +79 -0

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

@@ -0,0 +1,5 @@
+import {expect, test} from 'vitest';
+test('math works', () => {
+	expect(1 + 1).toBe(2);
+});

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

@@ -0,0 +1,13 @@
+import {Command} from 'commander';
+import {SingleBar, Presets} from 'cli-progress';
+const program = new Command();
+program.name('my-cli').description('A sample CLI');
+program.parse();
+const bar = new SingleBar({}, Presets.shades_classic);
+bar.start(100, 0);
+bar.update(50);
+bar.stop();
+console.log('Hello from CLI template!');

package/dist/templates/cli/files/tsdown.config.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import {defineConfig} from 'tsdown';
+export default defineConfig({entry: ['./src/index.ts'], format: ['esm'], clean: true, dts: true});

package/dist/templates/cli/index.mjs ADDED Viewed

@@ -0,0 +1,16 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+//#region src/templates/cli/index.ts
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const getCliTemplate = (_opts) => {
+	return {
+		name: "cli",
+		dependencies: {},
+		devDependencies: {},
+		scripts: {},
+		files: [],
+		templateDir: path.resolve(__dirname, "files")
+	};
+};
+//#endregion
+export { getCliTemplate };

package/dist/templates/fullstack/files/client/index.html ADDED Viewed

@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<head><title>Server Template - Client</title></head>
+<body>
+	<div id="root"></div>
+	<script src="./dist/index.js"></script>
+</body>
+</html>

package/dist/templates/fullstack/files/client/package.json ADDED Viewed

@@ -0,0 +1,10 @@
+{
+	"name": "client",
+	"version": "0.1.0",
+	"type": "module",
+	"scripts": {
+		"build": "tsdown",
+		"dev": "tsdown --watch",
+		"test": "vitest run"
+	}
+}

package/dist/templates/fullstack/files/client/src/App.test.tsx ADDED Viewed

@@ -0,0 +1,8 @@
+import {describe, it, expect} from 'vitest';
+import {App} from './App.js';
+describe('App', () => {
+	it('should be a function', () => {
+		expect(typeof App).toBe('function');
+	});
+});

package/dist/templates/fullstack/files/client/src/App.tsx ADDED Viewed

@@ -0,0 +1,50 @@
+import {useState} from 'react';
+import {BrowserRouter, Routes, Route, Navigate} from 'react-router-dom';
+import {QueryClient, QueryClientProvider} from '@tanstack/react-query';
+import {httpBatchLink} from '@trpc/client';
+import {trpc} from './trpc.js';
+import {AuthProvider} from './contexts/AuthContext.js';
+import {ProtectedRoute} from './components/ProtectedRoute.js';
+import {Login} from './pages/Login.js';
+import {Dashboard} from './pages/Dashboard.js';
+import {CssBaseline, ThemeProvider, createTheme} from '@mui/material';
+const theme = createTheme();
+export const App = () => {
+	const [queryClient] = useState(() => new QueryClient());
+	const [trpcClient] = useState(() =>
+		trpc.createClient({
+			links: [
+				httpBatchLink({
+					url: 'http://localhost:3001/trpc',
+					headers: () => {
+						const token = localStorage.getItem('token');
+						return token ? {Authorization: `Bearer ${token}`} : {};
+					},
+				}),
+			],
+		}),
+	);
+	return (
+		<trpc.Provider client={trpcClient} queryClient={queryClient}>
+			<QueryClientProvider client={queryClient}>
+				<ThemeProvider theme={theme}>
+					<CssBaseline />
+					<AuthProvider>
+						<BrowserRouter>
+							<Routes>
+								<Route path="/login" element={<Login />} />
+								<Route element={<ProtectedRoute />}>
+									<Route path="/dashboard" element={<Dashboard />} />
+								</Route>
+								<Route path="*" element={<Navigate to="/dashboard" replace />} />
+							</Routes>
+						</BrowserRouter>
+					</AuthProvider>
+				</ThemeProvider>
+			</QueryClientProvider>
+		</trpc.Provider>
+	);
+};

package/dist/templates/fullstack/files/client/src/components/ProtectedRoute.tsx ADDED Viewed

@@ -0,0 +1,21 @@
+import {Navigate, Outlet} from 'react-router-dom';
+import {useAuth} from '../contexts/AuthContext.js';
+import {CircularProgress, Box} from '@mui/material';
+export const ProtectedRoute = () => {
+	const {token, isLoading} = useAuth();
+	if (isLoading) {
+		return (
+			<Box display="flex" justifyContent="center" alignItems="center" minHeight="100vh">
+				<CircularProgress />
+			</Box>
+		);
+	}
+	if (!token) {
+		return <Navigate to="/login" replace />;
+	}
+	return <Outlet />;
+};

package/dist/templates/fullstack/files/client/src/contexts/AuthContext.tsx ADDED Viewed

@@ -0,0 +1,63 @@
+import {createContext, useContext, useState, useEffect, ReactNode} from 'react';
+import {trpc} from '../trpc.js';
+interface User {
+	id: string;
+	name: string;
+	email: string;
+}
+interface AuthContextType {
+	user: User | null;
+	token: string | null;
+	isLoading: boolean;
+	login: (token: string, user: User) => void;
+	logout: () => void;
+}
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+export const AuthProvider = ({children}: {children: ReactNode}) => {
+	const [token, setToken] = useState<string | null>(localStorage.getItem('token'));
+	const [user, setUser] = useState<User | null>(null);
+	const {data: me, isLoading} = trpc.auth.me.useQuery(undefined, {
+		enabled: !!token,
+		retry: false,
+	});
+	useEffect(() => {
+		if (me) {
+			setUser(me);
+		} else if (!isLoading && token) {
+			// Token might be invalid
+			logout();
+		}
+	}, [me, isLoading, token]);
+	const login = (newToken: string, newUser: User) => {
+		localStorage.setItem('token', newToken);
+		setToken(newToken);
+		setUser(newUser);
+	};
+	const logout = () => {
+		localStorage.removeItem('token');
+		setToken(null);
+		setUser(null);
+	};
+	return (
+		<AuthContext.Provider value={{user, token, isLoading, login, logout}}>
+			{children}
+		</AuthContext.Provider>
+	);
+};
+export const useAuth = () => {
+	const context = useContext(AuthContext);
+	if (!context) {
+		throw new Error('useAuth must be used within an AuthProvider');
+	}
+	return context;
+};

package/dist/templates/fullstack/files/client/src/main.tsx ADDED Viewed

@@ -0,0 +1,9 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import {App} from './App.js';
+ReactDOM.createRoot(document.getElementById('root')!).render(
+	<React.StrictMode>
+		<App />
+	</React.StrictMode>,
+);

package/dist/templates/fullstack/files/client/src/pages/Dashboard.tsx ADDED Viewed

@@ -0,0 +1,39 @@
+import {Container, Typography, Button, Paper, Box} from '@mui/material';
+import {useAuth} from '../contexts/AuthContext.js';
+import {useNavigate} from 'react-router-dom';
+export const Dashboard = () => {
+	const {user, logout} = useAuth();
+	const navigate = useNavigate();
+	const handleLogout = () => {
+		logout();
+		void navigate('/login');
+	};
+	return (
+		<Container maxWidth="md">
+			<Box mt={4}>
+				<Paper elevation={3}>
+					<Box p={4}>
+						<Typography variant="h4" gutterBottom>
+							Dashboard
+						</Typography>
+						<Typography variant="h6">Welcome, {user?.name}!</Typography>
+						<Typography variant="body1" color="textSecondary" gutterBottom>
+							Email: {user?.email}
+						</Typography>
+						<Box mt={4}>
+							<Typography variant="body2" gutterBottom>
+								This is a protected page. You can only see this because you are logged in.
+							</Typography>
+							<Button variant="outlined" color="primary" onClick={handleLogout}>
+								Logout
+							</Button>
+						</Box>
+					</Box>
+				</Paper>
+			</Box>
+		</Container>
+	);
+};

package/dist/templates/fullstack/files/client/src/pages/Login.tsx ADDED Viewed

@@ -0,0 +1,81 @@
+import {useState, 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 = () => {
+	const [email, setEmail] = useState('demo@example.com');
+	const [password, setPassword] = useState('password');
+	const [error, setError] = useState<string | null>(null);
+	const {login} = useAuth();
+	const navigate = useNavigate();
+	const loginMutation = trpc.auth.login.useMutation({
+		onSuccess: (data) => {
+			login(data.token, data.user);
+			void navigate('/dashboard');
+		},
+		onError: (err) => {
+			setError(err.message);
+		},
+	});
+	const handleSubmit = (e: FormEvent) => {
+		e.preventDefault();
+		setError(null);
+		loginMutation.mutate({email, password});
+	};
+	return (
+		<Dialog open fullWidth maxWidth="xs">
+			<form onSubmit={handleSubmit}>
+				<DialogTitle>Login</DialogTitle>
+				<DialogContent>
+					<Box display="flex" flexDirection="column" gap={2} pt={1}>
+						{error && <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)}
+						/>
+					</Box>
+				</DialogContent>
+				<DialogActions>
+					<Button
+						type="submit"
+						variant="contained"
+						fullWidth
+						disabled={loginMutation.isPending}
+					>
+						{loginMutation.isPending ? 'Logging in...' : 'Login'}
+					</Button>
+				</DialogActions>
+			</form>
+		</Dialog>
+	);
+};

package/dist/templates/fullstack/files/client/src/trpc.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import {createTRPCReact} from '@trpc/react-query';
+import type {AppRouter} from '../../server/src/routers/_app.js';
+export const trpc = createTRPCReact<AppRouter>();

package/dist/templates/fullstack/files/client/tsdown.config.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import {defineConfig} from 'tsdown';
+export default defineConfig({entry: ['./src/main.tsx'], format: ['esm'], clean: true});

package/dist/templates/fullstack/files/package.json ADDED Viewed

@@ -0,0 +1,35 @@
+{
+	"workspaces": [
+		"client",
+		"server"
+	],
+	"dependencies": {
+		"react": "",
+		"react-dom": "",
+		"@mui/material": "",
+		"@mui/icons-material": "",
+		"@emotion/react": "",
+		"@emotion/styled": "",
+		"express": "",
+		"@trpc/server": "",
+		"@trpc/client": "",
+		"@trpc/react-query": "",
+		"@tanstack/react-query": "",
+		"zod": "",
+		"react-router-dom": "",
+		"cors": ""
+	},
+	"devDependencies": {
+		"@types/react": "",
+		"@types/react-dom": "",
+		"@types/express": "",
+		"@types/cors": "",
+		"@playwright/test": "",
+		"tsdown": ""
+	},
+	"scripts": {
+		"build": "npm run build --workspaces",
+		"dev": "npm run dev --workspaces",
+		"test:e2e": "playwright test"
+	}
+}

package/dist/templates/fullstack/files/server/package.json ADDED Viewed

@@ -0,0 +1,10 @@
+{
+	"name": "server",
+	"version": "0.1.0",
+	"type": "module",
+	"scripts": {
+		"build": "tsdown",
+		"dev": "tsdown --watch",
+		"test": "vitest run"
+	}
+}

package/dist/templates/fullstack/files/server/src/context.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import {CreateExpressContextOptions} from '@trpc/server/adapters/express';
+interface User {
+	id: string;
+	name: string;
+	email: string;
+}
+export const createContext = ({req}: CreateExpressContextOptions) => {
+	const authHeader = req.headers.authorization;
+	let user: User | null = null;
+	if (authHeader?.startsWith('Bearer ')) {
+		const token = authHeader.split(' ')[1];
+		// Mock token verification
+		if (token === 'mock-token') {
+			user = {id: '1', name: 'Demo User', email: 'demo@example.com'};
+		}
+	}
+	return {user};
+};
+export type Context = Awaited<ReturnType<typeof createContext>>;

package/dist/templates/fullstack/files/server/src/index.test.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import {describe, it, expect} from 'vitest';
+describe('server', () => {
+	it('should have a truthy test', () => {
+		expect(true).toBe(true);
+	});
+});

package/dist/templates/fullstack/files/server/src/index.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import express from 'express';
+import cors from 'cors';
+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 app = express();
+const port = process.env['PORT'] || 3001;
+app.use(cors());
+app.use(express.json());
+app.use(
+	'/trpc',
+	trpcExpress.createExpressMiddleware({
+		router: appRouter,
+		createContext,
+	}),
+);
+app.use(express.static(path.join(__dirname, '../../client/dist')));
+app.get('*', (_req, res) => {
+	res.sendFile(path.join(__dirname, '../../client/dist/index.html'));
+});
+app.listen(port, () => {
+	console.log(`Server running at http://localhost:${port}`);
+});

package/dist/templates/fullstack/files/server/src/routers/_app.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import {router} from '../trpc.js';
+import {authRouter} from './auth.js';
+export const appRouter = router({
+	auth: authRouter,
+});
+export type AppRouter = typeof appRouter;

package/dist/templates/fullstack/files/server/src/routers/auth.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import {z} from 'zod';
+import {publicProcedure, protectedProcedure, router} from '../trpc.js';
+import {TRPCError} from '@trpc/server';
+export const authRouter = router({
+	login: publicProcedure
+		.input(
+			z.object({
+				email: z.string().email(),
+				password: z.string().min(6),
+			}),
+		)
+		.mutation(async ({input}) => {
+			// Mock authentication logic
+			if (input.email === 'demo@example.com' && input.password === 'password') {
+				return {
+					token: 'mock-token',
+					user: {id: '1', name: 'Demo User', email: 'demo@example.com'},
+				};
+			}
+			throw new TRPCError({
+				code: 'UNAUTHORIZED',
+				message: 'Invalid email or password',
+			});
+		}),
+	me: protectedProcedure.query(({ctx}) => {
+		return ctx.user;
+	}),
+});

package/dist/templates/fullstack/files/server/src/trpc.ts ADDED Viewed

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

package/dist/templates/fullstack/files/server/tsdown.config.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import {defineConfig} from 'tsdown';
+export default defineConfig({entry: ['./src/index.ts'], format: ['esm'], clean: true});

package/dist/templates/fullstack/index.mjs ADDED Viewed

@@ -0,0 +1,42 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+//#region src/templates/fullstack/index.ts
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const getFullstackTemplate = (_opts) => {
+	return {
+		name: "fullstack",
+		dependencies: {
+			react: "react",
+			"react-dom": "react-dom",
+			"@mui/material": "@mui/material",
+			"@mui/icons-material": "@mui/icons-material",
+			"@emotion/react": "@emotion/react",
+			"@emotion/styled": "@emotion/styled",
+			express: "express",
+			"@trpc/server": "@trpc/server",
+			"@trpc/client": "@trpc/client",
+			"@trpc/react-query": "@trpc/react-query",
+			"@tanstack/react-query": "@tanstack/react-query",
+			zod: "zod",
+			"react-router-dom": "react-router-dom",
+			cors: "cors"
+		},
+		devDependencies: {
+			"@types/react": "@types/react",
+			"@types/react-dom": "@types/react-dom",
+			"@types/express": "@types/express",
+			"@types/cors": "@types/cors",
+			"@playwright/test": "@playwright/test",
+			tsdown: "tsdown"
+		},
+		scripts: {
+			build: "npm run build --workspaces",
+			dev: "npm run dev --workspaces",
+			"test:e2e": "playwright test"
+		},
+		files: [],
+		templateDir: path.resolve(__dirname, "files")
+	};
+};
+//#endregion
+export { getFullstackTemplate };

package/dist/templates/webapp/files/backend/src/index.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import express from 'express';
+import path from 'node:path';
+import {fileURLToPath} from 'node:url';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const app = express();
+const port = process.env.PORT || 3000;
+app.use(express.static(path.join(__dirname, '../../frontend/dist')));
+app.get('/api/hello', (req, res) => {
+	res.json({message: 'Hello from Express!'});
+});
+app.listen(port, () => {
+	console.log(`Server running at http://localhost:${port}`);
+});

package/dist/templates/webapp/files/frontend/index.html ADDED Viewed

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head><title>Vanilla JS Template</title></head>
+<body>
+	<h1>Vanilla JS Template</h1>
+	<div id="app"></div>
+	<script src="./dist/index.js"></script>
+</body>
+</html>

package/dist/templates/webapp/files/frontend/src/index.ts ADDED Viewed

@@ -0,0 +1,4 @@
+console.log('Hello from Vanilla JS Frontend!');
+void fetch('/api/hello')
+	.then((res) => res.json())
+	.then((data) => console.log(data.message));

package/dist/templates/webapp/files/package.json ADDED Viewed

@@ -0,0 +1,13 @@
+{
+	"dependencies": {
+		"express": ""
+	},
+	"devDependencies": {
+		"@types/express": "",
+		"tsdown": ""
+	},
+	"scripts": {
+		"build": "tsdown",
+		"start": "node dist/server/index.js"
+	}
+}

package/dist/templates/webapp/files/src/index.test.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import {expect, test} from 'vitest';
+test('math works', () => {
+	expect(1 + 1).toBe(2);
+});

package/dist/templates/webapp/files/tsdown.config.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import {defineConfig} from 'tsdown';
+export default defineConfig({
+	entry: {
+		server: 'backend/src/index.ts',
+		client: 'frontend/src/index.ts',
+	},
+	format: ['esm'],
+	clean: true,
+});

package/dist/templates/webapp/index.mjs ADDED Viewed

@@ -0,0 +1,16 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+//#region src/templates/webapp/index.ts
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const getWebappTemplate = (_opts) => {
+	return {
+		name: "webapp",
+		dependencies: {},
+		devDependencies: {},
+		scripts: {},
+		files: [],
+		templateDir: path.resolve(__dirname, "files")
+	};
+};
+//#endregion
+export { getWebappTemplate };

package/dist/templates/webpage/files/index.html ADDED Viewed

@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+<head><title>Browser Template</title></head>
+<body>
+	<h1>Browser Template</h1>
+	<script src="{{scriptSrc}}"></script>
+</body>
+</html>