creations/bun_frontend_template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: creations:api
Branches Tags
creations:main
creations:api
..
compare: creations:main
Branches Tags
creations:main
creations:api

1 commit
api ... main

Author SHA1 Message Date
creations
f7082d05c1 Update README.md 2025-04-03 23:31:04 +00:00
6 changed files with 49 additions and 13 deletions
Show stats Expand all files Collapse all files

2
README.md
View file

@ -1,3 +1,3 @@
# bun frontend template # bun frontend template
a simle bun frontend starting point i made and use a simple bun frontend starting point i made and use

4
package.json
View file

@ -12,6 +12,7 @@
"devDependencies": { "devDependencies": {
"@eslint/js": "^9.23.0", "@eslint/js": "^9.23.0",
"@types/bun": "^1.2.6", "@types/bun": "^1.2.6",
"@types/ejs": "^3.1.5",
"@typescript-eslint/eslint-plugin": "^8.28.0", "@typescript-eslint/eslint-plugin": "^8.28.0",
"@typescript-eslint/parser": "^8.28.0", "@typescript-eslint/parser": "^8.28.0",
"eslint": "^9.23.0", "eslint": "^9.23.0",
@ -25,5 +26,8 @@
}, },
"peerDependencies": { "peerDependencies": {
"typescript": "^5.8.2" "typescript": "^5.8.2"
},
"dependencies": {
"ejs": "^3.1.10"
} }
} }

26
src/helpers/ejs.ts Normal file
View file

@ -0,0 +1,26 @@
import { renderFile } from "ejs";
import { resolve } from "path";
export async function renderEjsTemplate(
viewName: string | string[],
data: EjsTemplateData,
headers?: Record<string, string | number | boolean>,
): Promise<Response> {
let templatePath: string;
if (Array.isArray(viewName)) {
templatePath = resolve("src", "views", ...viewName);
} else {
templatePath = resolve("src", "views", viewName);
}
if (!templatePath.endsWith(".ejs")) {
templatePath += ".ejs";
}
const html: string = await renderFile(templatePath, data);
return new Response(html, {
headers: { "Content-Type": "text/html", ...headers },
});
}

19
src/routes/index.ts
View file

@ -1,22 +1,17 @@
import { renderEjsTemplate } from "@helpers/ejs";
const routeDef: RouteDef = { const routeDef: RouteDef = {
method: "GET", method: "GET",
accepts: "*/*", accepts: "*/*",
returns: "application/json", returns: "text/html",
}; };
async function handler(request: ExtendedRequest): Promise<Response> { async function handler(): Promise<Response> {
const endPerf: number = Date.now(); const ejsTemplateData: EjsTemplateData = {
const perf: number = endPerf - request.startPerf; title: "Hello, World!",
const { query, params } = request;
const response: Record<string, unknown> = {
perf,
query,
params,
}; };
return Response.json(response); return await renderEjsTemplate("index", ejsTemplateData);
} }
export { handler, routeDef }; export { handler, routeDef };

8
src/views/index.ejs Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<h1> hello </h1>
</body>
</html>

3
types/ejs.d.ts vendored Normal file
View file

@ -0,0 +1,3 @@
interface EjsTemplateData {
[key: string]: string | number | boolean | object | undefined | null;
}