initial commitHEAD primary

author: netop://ウィビ <paul@webb.page> 2026-04-11 14:24:49 -0700
committer: netop://ウィビ <paul@webb.page> 2026-04-11 14:24:49 -0700
commit: 8c34d810af95fae0ef846f54370a8c88bfab7123 (patch)
tree: 436beaf30f7b2b3f15741dd54a37e313964d1f7d /src/helper
8 files changed, 513 insertions, 0 deletions
diff --git a/src/helper/create-layout.ts b/src/helper/create-layout.ts
new file mode 100644
index 0000000..6bd13cd
--- /dev/null
+++ b/src/helper/create-layout.ts
@@ -0,0 +1,276 @@
+
+
+
+/*** UTILITY ------------------------------------------ ***/
+
+import {
+  author,
+  description,
+  title,
+  url
+} from "src/utility/constant.ts";
+
+import headerParser from "src/helper/parse-header.ts";
+
+/*** EXPORT ------------------------------------------- ***/
+
+export default (type: "memo" | "remark", memo: string, recents: string) => {
+  const { abstract, /*category,*/ document, title: documentTitle } = headerParser(memo);
+
+  return `
+    <!DOCTYPE html>
+    <html lang="en">
+      <head>
+        <meta charset="utf-8"/>
+        <title>${title} &bull; ${String(documentTitle).toLowerCase()}</title>
+
+        <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/>
+        <meta content="${author}" name="author"/>
+        <meta content="${abstract || description}" name="description"/>
+        <meta content="${title}" name="title"/>
+        <meta content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, viewport-fit=cover" name="viewport"/>
+
+        <!--/ Open Graph /-->
+        <meta content="${abstract || description}" property="og:description"/>
+        <meta content="https://🔥.pixels.wtf/blog/asset/og.png" property="og:image"/>
+        <meta content="800" property="og:image:height"/>
+        <meta content="1280" property="og:image:width"/>
+        <meta content="en_US" property="og:locale"/>
+        <meta content="${title}" property="og:site_name"/>
+        <meta content="${documentTitle}" property="og:title"/>
+        <meta content="website" property="og:type"/>
+        <meta content="${url}" property="og:url"/>
+
+        <!--/ Social/App Stuff /-->
+        <meta content="${title}" name="apple-mobile-web-app-title"/>
+        <meta content="${title}" name="application-name"/>
+        <meta name="fediverse:creator" content="@netopwibby@social.coop"/>
+
+        <!--/ Feeds /-->
+        <link rel="alternate" href="/feed/atom" type="application/atom+xml"/>
+        <link rel="alternate" href="/feed/json" type="application/json+xml"/>
+        <link rel="alternate" href="/feed/rss" type="application/rss+xml"/>
+
+        <!--/ The Rest /-->
+        <link href="https://🔥.pixels.wtf/blog/asset/apple-touch-icon.png" rel="apple-touch-icon"/>
+        <link href="${url}" rel="canonical"/>
+        <link color="#111" href="https://🔥.pixels.wtf/blog/asset/favicon.svg" rel="mask-icon"/>
+        <link href="https://social.coop/@netopwibby" rel="me"/>
+        <link href="https://🔥.pixels.wtf/blog/asset/favicon.svg" rel="shortcut icon"/>
+        <link href="https://uchu.style/color_expanded.css" rel="stylesheet"/>
+
+        <style>
+          @font-face {
+            font-display: swap;
+            font-family: "WEBB MONO";
+            font-style: normal;
+            font-weight: 400;
+            src: url("/type/400.woff2") format("woff2");
+          }
+
+          @font-face {
+            font-display: swap;
+            font-family: "WEBB MONO";
+            font-style: italic;
+            font-weight: 400;
+            src: url("/type/400i.woff2") format("woff2");
+          }
+        </style>
+
+        <style>
+          *,
+          *::before,
+          *::after {
+            margin: 0; padding: 0;
+            box-sizing: inherit;
+          }
+
+          html {
+            width: 100vw; height: 100vh;
+            box-sizing: border-box;
+            font-size: 12px;
+          }
+
+          body {
+            width: 100%; height: 100%;
+
+            background-color: var(--uchu-yang);
+            color: var(--uchu-yin-9);
+            display: flex;
+            flex-direction: column;
+            font-family: "WEBB MONO", monospace;
+            font-size: 1.15rem;
+            line-height: 1.33;
+
+            @media (max-width: 800px) {
+              @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
+                overflow-x: hidden;
+              }
+            }
+          }
+
+          main {
+            display: flex;
+            flex: 1;
+            flex-direction: row;
+
+            > section {
+              @media (min-width: 801px) {
+                max-width: 650px;
+                padding: 2rem;
+              }
+
+              @media (max-width: 800px) {
+                margin-left: auto;
+                margin-right: auto;
+                width: 72ch;
+              }
+
+              > pre {
+                font-family: inherit;
+
+                @media (max-width: 800px) {
+                  @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
+                    font-size: 1ch;
+                    width: 72ch;
+                  }
+
+                  margin: 0 auto;
+                }
+
+                > code {
+                  background-color: var(--uchu-yellow-1);
+                }
+
+                > pre {
+                  background-image: linear-gradient(90deg, var(--uchu-pink-1), transparent);
+                }
+              }
+
+              blockquote {
+                background-image: linear-gradient(90deg, var(--uchu-orange-1), transparent);
+                margin-bottom: -1.5rem;
+
+                a {
+                  color: var(--uchu-orange-7);
+
+                  &:visited {
+                    color: var(--uchu-blue-3);
+                  }
+                }
+              }
+
+              iframe,
+              img {
+                padding-right: 4.75rem;
+                width: 100%;
+              }
+
+              iframe {
+                aspect-ratio: 16 / 9;
+              }
+
+              hr {
+                background-image: linear-gradient(90deg, transparent, var(--uchu-yin-1), transparent);
+                border: 0;
+                height: 1px;
+              }
+
+              > a {
+                color: var(--uchu-blue-3);
+
+                &:visited {
+                  color: var(--uchu-purple-3);
+                }
+              }
+            }
+
+            aside {
+              display: flex;
+              flex-direction: column;
+              flex: 1;
+              margin-left: 2rem;
+              padding-top: 17rem;
+              z-index: 1;
+
+              @media (max-width: 800px) {
+                display: none;
+                position: absolute;
+              }
+
+              a {
+                background-color: var(--uchu-gray-1);
+                color: inherit;
+                padding: 0.5rem;
+
+                &.current {
+                  background-color: var(--uchu-yang);
+                  font-weight: 600;
+                  pointer-events: none;
+                }
+
+                &:not(:last-of-type) {
+                  margin-bottom: 0.75rem;
+                }
+              }
+            }
+          }
+
+          header,
+          footer {
+            background-color: var(--uchu-gray-1);
+            color: var(--uchu-yin-3);
+            padding: 0.5rem calc(2rem - 2px);
+            text-transform: uppercase;
+
+            @media (max-width: 800px) {
+              text-align: center;
+            }
+
+            a {
+              color: var(--uchu-yin-9);
+              font-weight: 600;
+
+              &:hover {
+                color: var(--uchu-blue-3);
+              }
+            }
+          }
+
+          p {
+            padding-top: 0.5rem;
+            padding-bottom: 0.5rem;
+          }
+        </style>
+      </head>
+
+      <body>
+        <header>
+          [<a href="https://webb.page">homepage</a>|<a href="https://www.webb.page">forum</a>|<a href="https://cv.webb.page">cv</a>]
+          ${document} [<a href="${type === "memo" ? `/${document}` : `/remarks/${document}`}.txt">text</a>|<!--/<a href="">pdf</a>|/--><a href="${type === "memo" ? `/${document}` : `/remarks/${document}`}">html</a>]
+          ${type === "memo" ? `[<a href="/remarks">remarks</a>]` : `[<a href="/">memos</a>]`}
+        </header>
+
+        <main>
+          <section>
+            <pre>
+              ${memo}
+            </pre>
+          </section>
+
+          <aside>
+            ${recents}
+          </aside>
+        </main>
+
+        <footer>
+          [<a href="https://github.com/NetOpWibby/blog" target="_blank" title="source code for this blog">source</a>]
+
+          [<a href="/feed/atom" title="Atom feed for the webb blog">atom</a>|<a href="/feed/json" title="JSON feed for the webb blog">json</a>|<a href="/feed/rss" title="RSS feed for the webb blog">rss</a>]
+
+          [<a href="https://social.coop/@netopwibby" target="_blank">mastodon</a>|<a href="https://cyberspace.online/netopwibby" target="_blank">cyberspace</a>|<a href="https://bsky.app/profile/webb.page" target="_blank">bluesky</a>|<a href="https://www.linkedin.com/in/paulanthonywebb/" target="_blank">linkedin</a>]
+        </footer>
+     </body>
+   </html>
+  `;
+}
diff --git a/src/helper/get-binary-contents.ts b/src/helper/get-binary-contents.ts
new file mode 100644
index 0000000..df41228
--- /dev/null
+++ b/src/helper/get-binary-contents.ts
@@ -0,0 +1,13 @@
+
+
+
+/*** EXPORT ------------------------------------------- ***/
+
+export default async(filePath: string) => {
+  const fileExists = await Deno.readFile(filePath);
+
+  if (!fileExists)
+    return "";
+
+  return fileExists;
+}
diff --git a/src/helper/get-directory-contents.ts b/src/helper/get-directory-contents.ts
new file mode 100644
index 0000000..80fb20c
--- /dev/null
+++ b/src/helper/get-directory-contents.ts
@@ -0,0 +1,34 @@
+
+
+
+/*** EXPORT ------------------------------------------- ***/
+
+export default async(directory: string): Promise<{ filename: string; }[]> => {
+  const documentArray: { filename: string; }[] = [];
+
+  try {
+    const documents: Deno.DirEntry[] = [];
+
+    for await (const dirEntry of Deno.readDir(directory)) {
+      if (dirEntry.isFile)
+        documents.push(dirEntry);
+    }
+
+    documents.sort((a, b) => a.name.localeCompare(b.name)).reverse();
+
+    for (const document of documents) {
+      if (document.name.startsWith("."))
+        return [];
+
+      if (document.name.endsWith(".txt")) {
+        const data = { filename: document.name };
+        documentArray.push(data);
+      }
+    }
+  } catch(error) {
+    console.error(`Error reading directory contents: ${String(error)}`);
+  } finally {
+    // deno-lint-ignore no-unsafe-finally
+    return documentArray;
+  }
+}
diff --git a/src/helper/get-documents.ts b/src/helper/get-documents.ts
new file mode 100644
index 0000000..ca9ce93
--- /dev/null
+++ b/src/helper/get-documents.ts
@@ -0,0 +1,35 @@
+
+
+
+/*** EXPORT ------------------------------------------- ***/
+
+export default async(directory: string) => {
+  const posts: string[] = [];
+
+  try {
+    const files: Deno.DirEntry[] = [];
+
+    for await (const dirEntry of Deno.readDir(directory)) {
+      if (dirEntry.isFile)
+        files.push(dirEntry);
+    }
+
+    /*** Deno is weird in that if you do NOT call `.reverse()`
+         it will NOT load everything in the directory…WTF?! ***/
+
+    files.sort((a, b) => a.name.localeCompare(b.name)).reverse();
+
+    for (const file of files) {
+      if (file.name.startsWith("."))
+        return;
+
+      if (file.name.endsWith(".txt"))
+        posts.push(file.name);
+    }
+  } catch(error) {
+    console.error(`Error reading directory for posts: ${String(error)}`);
+  } finally {
+    // deno-lint-ignore no-unsafe-finally
+    return posts;
+  }
+}
diff --git a/src/helper/get-file-contents.ts b/src/helper/get-file-contents.ts
new file mode 100644
index 0000000..a159f95
--- /dev/null
+++ b/src/helper/get-file-contents.ts
@@ -0,0 +1,14 @@
+
+
+
+/*** EXPORT ------------------------------------------- ***/
+
+export default async(filePath: string) => {
+  const fileExists = await Deno.stat(filePath);
+
+  if (!fileExists)
+    return "";
+
+  const content = await Deno.readTextFile(filePath);
+  return content;
+}
diff --git a/src/helper/parse-header.ts b/src/helper/parse-header.ts
new file mode 100644
index 0000000..92e0e52
--- /dev/null
+++ b/src/helper/parse-header.ts
@@ -0,0 +1,73 @@
+
+
+
+/*** EXPORT ------------------------------------------- ***/
+
+export interface DocumentMeta {
+  abstract: string;
+  category: string;
+  date: string;
+  document: string;
+  title: string;
+}
+
+export default (input: string): DocumentMeta => {
+  /*** NOTE
+       This is extremely fragile, the source document must be formatted
+       specifically. This is my blog so who cares? ***/
+
+  const lines = input.split("\n");
+
+  /*** extract document ID ***/
+  const documentMatch = lines[1]?.match(/^Document:\s+(\S+)/);
+  const document = documentMatch?.[1] ?? "";
+
+  /*** extract category ***/
+  const categoryMatch = lines[2]?.match(/^Category:\s+(\S+)/);
+  const category = categoryMatch?.[1] ?? "";
+
+  /*** extract date ***/
+  const dateMatch = lines[2]?.match(/\d{4}.\d{2}.\d{2}/);
+  const date = dateMatch?.[0] ?? "";
+
+  /*** find title (first non-empty line after the header block) ***/
+  let title = "";
+  let titleIndex = -1;
+
+  for (let i = 3; i < lines.length; i++) {
+    const trimmed = lines[i].trim();
+
+    if (trimmed && trimmed !== "Abstract") {
+      title = trimmed;
+      titleIndex = i;
+      break;
+    }
+  }
+
+  /*** extract abstract (content between "Abstract" and "Body") ***/
+  let abstract = "";
+  let inAbstract = false;
+
+  for (let i = titleIndex + 1; i < lines.length; i++) {
+    const trimmed = lines[i].trim();
+
+    if (trimmed === "Abstract") {
+      inAbstract = true;
+      continue;
+    }
+
+    if (trimmed === "Body")
+      break;
+
+    if (inAbstract && trimmed)
+      abstract += (abstract ? " " : "") + trimmed;
+  }
+
+  return {
+    abstract,
+    category,
+    date,
+    document,
+    title
+  };
+}
diff --git a/src/helper/populate-document.ts b/src/helper/populate-document.ts
new file mode 100644
index 0000000..0c57707
--- /dev/null
+++ b/src/helper/populate-document.ts
@@ -0,0 +1,21 @@
+
+
+
+/*** UTILITY ------------------------------------------ ***/
+
+import { memoDirectory, remarkDirectory, remarkRegex } from "src/utility/constant.ts";
+
+import getFileContents from "src/helper/get-file-contents.ts";
+import processMarkdown from "src/utility/markdown.ts";
+
+/*** EXPORT ------------------------------------------- ***/
+
+export default async(document: { filename: string; }): Promise<string> => {
+  let isMemo = true;
+
+  if (remarkRegex.test(document.filename))
+    isMemo = false;
+
+  const contents = await getFileContents(`${isMemo ? memoDirectory : remarkDirectory}/${document.filename}`);
+  return processMarkdown(contents);
+}
diff --git a/src/helper/populate-recents.ts b/src/helper/populate-recents.ts
new file mode 100644
index 0000000..551434b
--- /dev/null
+++ b/src/helper/populate-recents.ts
@@ -0,0 +1,47 @@
+
+
+
+/*** UTILITY ------------------------------------------ ***/
+
+import { remarkRegex } from "src/utility/constant.ts";
+
+/*** EXPORT ------------------------------------------- ***/
+
+export default (documentList: Array<{ filename: string; }>, currentDocument: string): string => {
+  const currentIndex = documentList.findIndex(item => item.filename === currentDocument);
+  let isMemo = true;
+  let maximumIndex = documentList.length;
+  let minimumIndex = 0;
+
+  if (remarkRegex.test(currentDocument))
+    isMemo = false;
+
+  if (currentIndex < 7)
+    minimumIndex = 0;
+  else
+    minimumIndex = currentIndex - 7;
+
+  if (currentIndex < (maximumIndex - 8))
+    maximumIndex = currentIndex + 8;
+
+  const documents = documentList.slice(minimumIndex, maximumIndex).map((arrayItem: { filename: string; }) => {
+    if (!arrayItem)
+      return "";
+
+    const { filename } = arrayItem;
+
+    if (filename === currentDocument) {
+      if (isMemo)
+        return `<a class="current" href="/${filename.replace(".txt", "")}">${filename.replace(".txt", "")}</a>`;
+      else
+        return `<a class="current" href="/remarks/${filename.replace(".txt", "")}">${filename.replace(".txt", "")}</a>`;
+    } else {
+      if (isMemo)
+        return `<a href="/${filename.replace(".txt", "")}">${filename.replace(".txt", "")}</a>`;
+      else
+        return `<a href="/remarks/${filename.replace(".txt", "")}">${filename.replace(".txt", "")}</a>`;
+    }
+  });
+
+  return documents.join("");
+}
author	netop://ウィビ <paul@webb.page>	2026-04-11 14:24:49 -0700
committer	netop://ウィビ <paul@webb.page>	2026-04-11 14:24:49 -0700
commit	8c34d810af95fae0ef846f54370a8c88bfab7123 (patch)
tree	436beaf30f7b2b3f15741dd54a37e313964d1f7d /src/helper