Doc
-
- {docs.map((doc) => (
-
- - {doc.path} - - ))} + {docs.map((doc) => { + const path = join(doc.path, ".."); + return ( +
- + {path} + + ); + })}
-
+
![]({asset("/icon/house.svg")})
Home
@@ -31,7 +34,7 @@ export default function UpList(props: { path: string }) {
/
![]({asset("/icon/folder.svg")})
{up}
diff --git a/main.ts b/main.ts
index 962c2cd..c4d8f09 100644
--- a/main.ts
+++ b/main.ts
@@ -26,13 +26,12 @@ import { user_command } from "./user.ts";
import { key_out_cmd } from "./keyout.ts";
import { prepareDocs } from "./src/store/doc.ts";
-const github_markdown = await Deno.readTextFile(
+const github_markdown = (await Deno.readTextFile(
join(fromFileUrl(import.meta.url), "..", "static", "github-markdown.css"),
-);
+)).replaceAll("\n", "");
const CSSPlugin: Plugin = {
name: "css plugin",
- // deno-lint-ignore require-await
render(ctx): PluginRenderResult {
ctx.render();
return {
diff --git a/routes/api/doc.ts b/routes/api/doc.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/routes/dir/[...path].tsx b/routes/dir/[...path].tsx
index ac0e5c4..fad4f6d 100644
--- a/routes/dir/[...path].tsx
+++ b/routes/dir/[...path].tsx
@@ -1,9 +1,11 @@
import { HandlerContext, Handlers, PageProps } from "$fresh/server.ts";
import { asset, Head } from "$fresh/runtime.ts";
-import { removePrefixFromPathname } from "../../util/util.ts";
+import { encodePath, removePrefixFromPathname } from "../../util/util.ts";
import { join } from "path/posix.ts";
import DirList, { EntryInfo } from "../../islands/DirList.tsx";
import FileViewer from "../../islands/FileViewer.tsx";
+import RenderView from "../../islands/ContentRenderer.tsx";
+import { serveFile } from "http/file_server.ts";
type DirProps = {
type: "dir";
@@ -19,10 +21,97 @@ type FileProps = {
type DirOrFileProps = DirProps | FileProps;
+async function renderFile(req: Request, path: string) {
+ try {
+ const fileInfo = await Deno.stat(path);
+ if (fileInfo.isDirectory) {
+ // if index.html exists, serve it.
+ // otherwise, serve a directory listing.
+ const indexPath = join(path, "/index.html");
+ try {
+ await Deno.stat(indexPath);
+ const res = await serveFile(req, indexPath);
+ return res;
+ } catch (e) {
+ if (e instanceof Deno.errors.NotFound) {
+ const list: Deno.DirEntry[] = [];
+ for await (const entry of Deno.readDir(path)) {
+ list.push(entry);
+ }
+ return new Response(
+ JSON.stringify(
+ list,
+ ),
+ {
+ headers: {
+ "content-type": "application/json",
+ "Access-Control-Allow-Origin": "*",
+ "Access-Control-Allow-Methods":
+ "GET,HEAD,PUT,PATCH,POST,DELETE",
+ "Access-Control-Allow-Headers":
+ "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With",
+ },
+ status: 200,
+ },
+ );
+ }
+ }
+ }
+ const res = await serveFile(req, path, {
+ fileInfo,
+ });
+ return res;
+ } catch (e) {
+ if (e instanceof Deno.errors.NotFound) {
+ return new Response("Not Found", {
+ status: 404,
+ });
+ }
+ throw e;
+ }
+}
+
+async function renderPage(_req: Request, path: string, ctx: HandlerContext) {
+ try {
+ const stat = await Deno.stat(path);
+
+ if (stat.isDirectory) {
+ const filesIter = await Deno.readDir(path);
+ const files: EntryInfo[] = [];
+ for await (const file of filesIter) {
+ const fileStat = await Deno.stat(join(path, file.name));
+ files.push({
+ ...file,
+ lastModified: fileStat.mtime ? new Date(fileStat.mtime) : undefined,
+ size: fileStat.size,
+ });
+ }
+ return await ctx.render({
+ type: "dir",
+ stat,
+ files,
+ path,
+ });
+ } else {
+ return await ctx.render({
+ type: "file",
+ stat,
+ path,
+ });
+ }
+ } catch (e) {
+ if (e instanceof Deno.errors.NotFound) {
+ return await ctx.renderNotFound();
+ }
+ throw e;
+ }
+}
+
async function GET(req: Request, ctx: HandlerContext): Promise {
const authRequired = Deno.env.get("AUTH_REQUIRED") === "true";
if (authRequired) {
const login = ctx.state["login"];
+ //console.log("login", login);
if (!login) {
return new Response(null, {
status: 302,
@@ -39,30 +128,10 @@ async function GET(req: Request, ctx: HandlerContext): Promise {
}
const url = new URL(req.url);
const path = removePrefixFromPathname(decodeURI(url.pathname), "/dir");
- const stat = await Deno.stat(path);
- if (stat.isDirectory) {
- const filesIter = await Deno.readDir(path);
- const files: EntryInfo[] = [];
- for await (const file of filesIter) {
- const fileStat = await Deno.stat(join(path, file.name));
- files.push({
- ...file,
- lastModified: fileStat.mtime ? new Date(fileStat.mtime) : undefined,
- size: fileStat.size,
- });
- }
- return await ctx.render({
- type: "dir",
- stat,
- files,
- path,
- });
+ if (url.searchParams.has("pretty")) {
+ return await renderPage(req, path, ctx);
} else {
- return await ctx.render({
- type: "file",
- stat,
- path,
- });
+ return await renderFile(req, path);
}
}
@@ -70,8 +139,36 @@ export const handler: Handlers = {
GET,
};
+function isImageFile(path: string) {
+ return /\.(jpg|jpeg|png|gif|webp|svg|bmp|ico|tiff)$/i.test(path);
+}
+
+function searchFiles(path: EntryInfo[], fn: (path: EntryInfo) => boolean) {
+ const candiate = path.filter(fn);
+ if (candiate.length > 0) {
+ return candiate[0];
+ }
+ return null;
+}
+
export default function DirLists(props: PageProps) {
const data = props.data;
+ let cover = null, index = null, content = null;
+ if (data.type === "dir") {
+ cover = searchFiles(data.files, (f) => isImageFile(f.name));
+ index = searchFiles(data.files, (f) => f.name === "index.html");
+ const contentFilenameCandidate = new Set([
+ "SUMMARY.md",
+ "README.md",
+ "readme.md",
+ "README.txt",
+ "readme.txt",
+ ]);
+ content = searchFiles(
+ data.files,
+ (f) => contentFilenameCandidate.has(f.name),
+ );
+ }
return (
<>
@@ -81,6 +178,38 @@ export default function DirLists(props: PageProps) {
{data.type === "dir"
? 
+ )
+ : (
+
+ Index
+
+ )}
+
+ )
+ : null}
+ {content
+ ? (
+
+
+
+
+ )
+ : null}
+
+
+
+ )
+ : null}
CWD.
- Go To CWD | Doc
+ Go To CWD | Doc
Login | Logout
한글
+한글
+ + \ No newline at end of file