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

Compare commits

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

1 commit
main ... api

Author SHA1 Message Date
creations
5a5515f2f4
add api template, no ejs 2025-03-26 10:40:05 -04:00
6 changed files with 13 additions and 49 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 simple bun frontend starting point i made and use a simle bun frontend starting point i made and use

4
package.json
View file

@ -12,7 +12,6 @@
"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",
@ -26,8 +25,5 @@
}, },
"peerDependencies": { "peerDependencies": {
"typescript": "^5.8.2" "typescript": "^5.8.2"
},
"dependencies": {
"ejs": "^3.1.10"
} }
} }

26
src/helpers/ejs.ts
View file

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

8
src/views/index.ejs
View file

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

3
types/ejs.d.ts vendored
View file

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