364 lines
10 KiB
TypeScript
Executable File
364 lines
10 KiB
TypeScript
Executable File
import Router from "./router.ts";
|
|
import type { Handler, RouteConfigurator } from "./types.ts";
|
|
import { NotFound } from "./util/response.ts";
|
|
|
|
function crawl(dir: string, callback: (path: string) => void) {
|
|
for (const entry of Deno.readDirSync(dir)) {
|
|
const path = Deno.build.os === "windows"
|
|
? `${dir}\\${entry.name}`
|
|
: `${dir}/${entry.name}`;
|
|
if (entry.isDirectory) {
|
|
crawl(path, callback);
|
|
} else {
|
|
callback(path);
|
|
}
|
|
}
|
|
}
|
|
|
|
export class FileRouter extends Router {
|
|
constructor(root: string) {
|
|
super();
|
|
crawl(root, async (path) => {
|
|
let relativePath = path.replace(root, "");
|
|
if (path.endsWith(".ts") || path.endsWith(".js")) {
|
|
relativePath = relativePath.replace(/\.[tj]s/, "");
|
|
const asdf = await import(path);
|
|
|
|
if (asdf.default) {
|
|
asdf.default instanceof Router
|
|
? this.use(relativePath, asdf.default)
|
|
: this.route(relativePath).get(asdf.default);
|
|
}
|
|
|
|
if (asdf.handlers) {
|
|
for (const [method, handler] of Object.entries(asdf.handlers)) {
|
|
this.route(relativePath)[method as keyof RouteConfigurator](
|
|
handler as Handler,
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (path.endsWith(".htm") || path.endsWith(".html")) {
|
|
const headers = new Headers();
|
|
headers.set("Content-Type", "text/html");
|
|
this.route(relativePath).get((_ctx) => {
|
|
return new Response(Deno.readTextFileSync(path), { headers });
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
serveDirectory(dir: string, root: string, opts?: { showIndex: boolean }) {
|
|
this.route(root + "*").get(async (_req, ctx) => {
|
|
const { showIndex } = opts ?? { showIndex: false };
|
|
|
|
let normalizedPath = (dir + "/" +
|
|
ctx.url.pathname.replace(new RegExp("^" + root), "")).trim().replace(
|
|
"//",
|
|
"/",
|
|
);
|
|
|
|
normalizedPath = normalizedPath.replace(
|
|
/\/\s?$/,
|
|
"",
|
|
);
|
|
|
|
let fileInfo: Deno.FileInfo;
|
|
|
|
try {
|
|
fileInfo = await Deno.stat(normalizedPath);
|
|
} catch (error) {
|
|
if (error instanceof Deno.errors.NotFound) {
|
|
return NotFound();
|
|
} else {
|
|
throw error;
|
|
}
|
|
}
|
|
|
|
if (fileInfo.isDirectory) {
|
|
if (!showIndex) return NotFound();
|
|
normalizedPath += "/index.html";
|
|
}
|
|
|
|
try {
|
|
const file = await Deno.readFile(normalizedPath);
|
|
return new Response(file);
|
|
} catch (e) {
|
|
if (e instanceof Deno.errors.NotFound) {
|
|
return showIndex ? generateIndex(normalizedPath) : NotFound();
|
|
}
|
|
throw e;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
async function generateIndex(dir: string) {
|
|
dir = dir.replace(/index\.html$/, "");
|
|
const items: Deno.DirEntry[] = [];
|
|
|
|
for await (const entry of Deno.readDir(dir)) {
|
|
items.push(entry);
|
|
}
|
|
|
|
const fileIcon = `
|
|
<svg
|
|
width="48"
|
|
height="48"
|
|
viewBox="0 0 12.7 12.7"
|
|
version="1.1"
|
|
id="svg1"
|
|
inkscape:version="1.4 (86a8ad7, 2024-10-11)"
|
|
sodipodi:docname="file icon.svg"
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<sodipodi:namedview
|
|
id="namedview1"
|
|
pagecolor="#505050"
|
|
bordercolor="#eeeeee"
|
|
borderopacity="1"
|
|
inkscape:showpageshadow="0"
|
|
inkscape:pageopacity="0"
|
|
inkscape:pagecheckerboard="0"
|
|
inkscape:deskcolor="#505050"
|
|
inkscape:document-units="mm"
|
|
inkscape:zoom="17.318182"
|
|
inkscape:cx="10.018373"
|
|
inkscape:cy="28.207349"
|
|
inkscape:window-width="3440"
|
|
inkscape:window-height="1417"
|
|
inkscape:window-x="-8"
|
|
inkscape:window-y="1432"
|
|
inkscape:window-maximized="1"
|
|
inkscape:current-layer="layer1" />
|
|
<defs
|
|
id="defs1" />
|
|
<g
|
|
inkscape:label="Layer 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1">
|
|
<path
|
|
d="m 3.5196818,1.7373617 c -0.3351528,0 -0.605131,0.2694614 -0.605131,0.6046142 v 8.0160481 c 0,0.335153 0.2699782,0.604614 0.605131,0.604614 h 5.6606364 c 0.3351528,0 0.605131,-0.269461 0.605131,-0.604614 V 3.7372396 L 7.7850545,1.7373617 Z"
|
|
style="fill:#4d1f6d;stroke-width:0.264583"
|
|
id="path4" />
|
|
<path
|
|
d="M 9.6529679,3.8697209 7.6525732,1.869843 v 1.3952637 c 0,0.3351528 0.2699782,0.6046142 0.605131,0.6046142 z"
|
|
style="fill:#918b93;fill-opacity:1;stroke:#4d1f6d;stroke-width:0.265;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
|
|
id="path5" />
|
|
<rect
|
|
style="fill:#918b93;fill-opacity:1;stroke:none;stroke-width:0.285269;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
|
|
id="rect5"
|
|
width="5.5833006"
|
|
height="0.5505569"
|
|
x="3.5583498"
|
|
y="4.0022206" />
|
|
<rect
|
|
style="fill:#918b93;fill-opacity:1;stroke:none;stroke-width:0.272493;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
|
|
id="rect6"
|
|
width="5.0944114"
|
|
height="0.5505569"
|
|
x="3.5583498"
|
|
y="4.8455539" />
|
|
<rect
|
|
style="fill:#463e4b;fill-opacity:1;stroke:none;stroke-width:0.279751;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
|
|
id="rect7"
|
|
width="5.3694115"
|
|
height="0.5505569"
|
|
x="3.5583498"
|
|
y="5.682776" />
|
|
<rect
|
|
style="fill:#918b93;fill-opacity:1;stroke:none;stroke-width:0.279751;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
|
|
id="rect8"
|
|
width="5.3694115"
|
|
height="0.5505569"
|
|
x="3.5583498"
|
|
y="5.6888871" />
|
|
<rect
|
|
style="fill:#918b93;fill-opacity:1;stroke:none;stroke-width:0.285269;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
|
|
id="rect9"
|
|
width="5.5833006"
|
|
height="0.5505569"
|
|
x="3.5583498"
|
|
y="6.5322208" />
|
|
<rect
|
|
style="fill:#918b93;fill-opacity:1;stroke:none;stroke-width:0.272493;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
|
|
id="rect10"
|
|
width="5.0944114"
|
|
height="0.5505569"
|
|
x="3.5583498"
|
|
y="7.3755541" />
|
|
<rect
|
|
style="fill:#918b93;fill-opacity:1;stroke:none;stroke-width:0.279751;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
|
|
id="rect11"
|
|
width="5.3694115"
|
|
height="0.5505569"
|
|
x="3.5583498"
|
|
y="8.2188873" />
|
|
<rect
|
|
style="fill:#918b93;fill-opacity:1;stroke:none;stroke-width:0.217416;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
|
|
id="rect12"
|
|
width="3.2431545"
|
|
height="0.5505569"
|
|
x="5.8984962"
|
|
y="9.7313871" />
|
|
</g>
|
|
</svg>
|
|
`;
|
|
const folderIcon = `
|
|
<svg
|
|
width="48"
|
|
height="48"
|
|
viewBox="0 0 12.7 12.7"
|
|
version="1.1"
|
|
id="svg1"
|
|
inkscape:version="1.4 (86a8ad7, 2024-10-11)"
|
|
sodipodi:docname="folder icon.svg"
|
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg">
|
|
<sodipodi:namedview
|
|
id="namedview1"
|
|
pagecolor="#505050"
|
|
bordercolor="#eeeeee"
|
|
borderopacity="1"
|
|
inkscape:showpageshadow="0"
|
|
inkscape:pageopacity="0"
|
|
inkscape:pagecheckerboard="0"
|
|
inkscape:deskcolor="#505050"
|
|
inkscape:document-units="mm"
|
|
inkscape:zoom="12.245804"
|
|
inkscape:cx="17.924507"
|
|
inkscape:cy="30.990207"
|
|
inkscape:window-width="3440"
|
|
inkscape:window-height="1417"
|
|
inkscape:window-x="-8"
|
|
inkscape:window-y="1432"
|
|
inkscape:window-maximized="1"
|
|
inkscape:current-layer="layer1" />
|
|
<defs
|
|
id="defs1" />
|
|
<g
|
|
inkscape:label="Layer 1"
|
|
inkscape:groupmode="layer"
|
|
id="layer1">
|
|
<rect
|
|
style="fill:#463e4b;fill-opacity:1;stroke-width:0.264583"
|
|
id="rect3"
|
|
width="10.867838"
|
|
height="7.4972959"
|
|
x="0.91608107"
|
|
y="2.1476252"
|
|
ry="1.1883322" />
|
|
<rect
|
|
style="fill:#4d1f6d;fill-opacity:1;stroke-width:0.264583"
|
|
id="rect1"
|
|
width="10.867838"
|
|
height="7.4972959"
|
|
x="0.91608107"
|
|
y="2.601352"
|
|
ry="1.1883322" />
|
|
<rect
|
|
style="fill:#4d1f6d;fill-opacity:1;stroke-width:0.264583"
|
|
id="rect2"
|
|
width="4.2779961"
|
|
height="4.0619354"
|
|
x="0.91608107"
|
|
y="1.5426561"
|
|
ry="1.1883322" />
|
|
</g>
|
|
</svg>
|
|
`;
|
|
|
|
const template = `
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>${dir}</title>
|
|
<style>
|
|
* {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
li {
|
|
list-style: none;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
padding: 4px 2px;
|
|
|
|
&:nth-child(odd) {
|
|
background-color: rgba(0,0,0, .2)
|
|
}
|
|
|
|
& svg {
|
|
height: 1.5rem;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: white;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
background-color: #1b1220;
|
|
color: #dcdcdc
|
|
}
|
|
ul {
|
|
background-color: rgba(255,255,255,.1)
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>${dir}</h1>
|
|
<ul>
|
|
${
|
|
items
|
|
.sort((a, b) => {
|
|
if (a.isDirectory && b.isDirectory) return a.name > b.name ? 1 : -1;
|
|
|
|
if (a.isDirectory) return -1;
|
|
|
|
if (b.isDirectory) return 1;
|
|
|
|
return a.name > b.name ? 1 : -1;
|
|
})
|
|
.map((e) =>
|
|
`<li>${e.isFile ? fileIcon : folderIcon}<a href="${
|
|
"/" + dir.replace(/^\//, "") + e.name
|
|
}">${e.name}</a></li>`
|
|
)
|
|
.join("\n") || "<li>Directory is empty</li>"
|
|
}
|
|
</ul>
|
|
</body>
|
|
</html>
|
|
`;
|
|
|
|
return new Response(template, {
|
|
headers: {
|
|
"Content-Type": "text/html",
|
|
},
|
|
});
|
|
}
|
|
|
|
if (import.meta.main) {
|
|
const router = new FileRouter("fileRouterTest");
|
|
router.serveDirectory("things", "/things", { showIndex: true });
|
|
Deno.serve({
|
|
port: 8000,
|
|
handler: router.handle,
|
|
});
|
|
}
|