@limcpf/everything-is-a-markdown 0.4.3 → 0.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limcpf/everything-is-a-markdown",
-  "version": "0.4.3",
+  "version": "0.5.1",
   "license": "MIT",
   "private": false,
   "type": "module",

package/src/build.ts

@@ -804,6 +804,7 @@ function buildManifest(docs: DocRecord[], tree: TreeNode[], options: BuildOption
 
   return {
     generatedAt: new Date().toISOString(),
+    siteTitle: resolveSiteTitle(options),
     defaultBranch: DEFAULT_BRANCH,
     branches,
     ui: {
@@ -816,6 +817,24 @@ function buildManifest(docs: DocRecord[], tree: TreeNode[], options: BuildOption
   };
 }
 
+function resolveSiteTitle(options: BuildOptions): string {
+  const value = options.siteTitle ?? options.seo?.siteName ?? options.seo?.defaultTitle ?? DEFAULT_SITE_TITLE;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : DEFAULT_SITE_TITLE;
+}
+
+function composeDocumentTitle(pageTitle: string, siteTitle: string): string {
+  const left = pageTitle.trim();
+  const right = siteTitle.trim();
+  if (!left) {
+    return right || DEFAULT_SITE_TITLE;
+  }
+  if (!right || left === right) {
+    return left;
+  }
+  return `${left} - ${right}`;
+}
+
 function pickSeoImageDefaults(
   seo: BuildOptions["seo"],
 ): { social: string | null; og: string | null; twitter: string | null } {
@@ -948,11 +967,13 @@ async function writeRuntimeAssets(context: OutputWriteContext): Promise<RuntimeA
 }
 
 function buildShellMeta(route: string, doc: DocRecord | null, options: BuildOptions): AppShellMeta {
-  const defaultTitle = options.seo?.defaultTitle ?? DEFAULT_SITE_TITLE;
+  const defaultTitle = options.seo?.defaultTitle ?? options.siteTitle ?? DEFAULT_SITE_TITLE;
+  const siteTitle = resolveSiteTitle(options);
   const defaultDescription = options.seo?.defaultDescription ?? DEFAULT_SITE_DESCRIPTION;
   const description = typeof doc?.description === "string" && doc.description.trim().length > 0 ? doc.description.trim() : undefined;
   const canonicalUrl = options.seo ? buildCanonicalUrl(route, options.seo) : undefined;
-  const title = doc?.title ?? defaultTitle;
+  const baseTitle = doc?.title ?? defaultTitle;
+  const title = composeDocumentTitle(baseTitle, siteTitle);
   const imageDefaults = pickSeoImageDefaults(options.seo);
   const ogImage = imageDefaults.og ?? imageDefaults.social ?? undefined;
   const twitterImage = imageDefaults.twitter ?? imageDefaults.social ?? undefined;

package/src/config.ts

@@ -170,6 +170,11 @@ export function resolveBuildOptions(
   const cliExclude = cli.exclude ?? [];
   const mergedExclude = Array.from(new Set([...DEFAULTS.exclude, ...cfgExclude, ...cliExclude]));
   const seo = normalizeSeoConfig(userConfig.seo);
+  const siteTitleRaw = userConfig.seo?.siteName ?? userConfig.seo?.defaultTitle;
+  const siteTitle =
+    typeof siteTitleRaw === "string" && siteTitleRaw.trim().length > 0
+      ? siteTitleRaw.trim()
+      : undefined;
   const configPinnedMenu = normalizePinnedMenu(userConfig.pinnedMenu, "[config]");
   const resolvedPinnedMenu = pinnedMenu ?? configPinnedMenu;
 
@@ -179,6 +184,7 @@ export function resolveBuildOptions(
     exclude: mergedExclude,
     newWithinDays: cli.newWithinDays ?? userConfig.ui?.newWithinDays ?? DEFAULTS.newWithinDays,
     recentLimit: cli.recentLimit ?? userConfig.ui?.recentLimit ?? DEFAULTS.recentLimit,
+    siteTitle,
     pinnedMenu: resolvedPinnedMenu,
     wikilinks: userConfig.markdown?.wikilinks ?? DEFAULTS.wikilinks,
     imagePolicy: userConfig.markdown?.images ?? DEFAULTS.imagePolicy,

package/src/runtime/app.css

@@ -62,6 +62,8 @@
   --accent-strong: #6732ca;
   --badge-new-bg: var(--latte-red);
   --badge-new-fg: #ffffff;
+  --mobile-toggle-bg: var(--latte-mauve);
+  --mobile-toggle-fg: #ffffff;
   --desktop-sidebar-default: 420px;
   --desktop-sidebar-min: 320px;
   --desktop-viewer-min: 680px;
@@ -107,6 +109,8 @@
   --accent-strong: #dfcbff;
   --badge-new-bg: var(--mocha-red);
   --badge-new-fg: var(--mocha-crust);
+  --mobile-toggle-bg: var(--mocha-mauve);
+  --mobile-toggle-fg: var(--mocha-crust);
 }
 
 * {
@@ -743,8 +747,8 @@ a:hover {
   gap: 6px;
   border: 0;
   border-radius: 999px;
-  background: var(--latte-mauve);
-  color: #fff;
+  background: var(--mobile-toggle-bg);
+  color: var(--mobile-toggle-fg);
   min-height: 48px;
   padding: 0 16px;
   font-size: 0.9rem;

package/src/runtime/app.js

@@ -11,6 +11,7 @@ const DESKTOP_VIEWER_MIN = 680;
 const DESKTOP_SPLITTER_WIDTH = 10;
 const DESKTOP_SPLITTER_STEP = 24;
 const DEFAULT_BRANCH = "dev";
+const DEFAULT_SITE_TITLE = "File-System Blog";
 const BRANCH_KEY = "fsblog.branch";
 const FOCUSABLE_SELECTOR =
   'a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
@@ -130,6 +131,23 @@ function resolveRouteFromLocation(routeMap) {
   return direct;
 }
 
+function resolveSiteTitle(manifest) {
+  const value = typeof manifest?.siteTitle === "string" ? manifest.siteTitle.trim() : "";
+  return value || DEFAULT_SITE_TITLE;
+}
+
+function composeDocumentTitle(pageTitle, siteTitle) {
+  const left = String(pageTitle ?? "").trim();
+  const right = String(siteTitle ?? "").trim();
+  if (!left) {
+    return right || DEFAULT_SITE_TITLE;
+  }
+  if (!right || left === right) {
+    return left;
+  }
+  return `${left} - ${right}`;
+}
+
 function formatMetaDateTime(value) {
   const parsed = new Date(value);
   if (!Number.isFinite(parsed.getTime())) {
@@ -1127,6 +1145,7 @@ async function start() {
     }
     manifest = await manifestRes.json();
   }
+  const siteTitle = resolveSiteTitle(manifest);
   const defaultBranch = normalizeBranch(manifest.defaultBranch) || DEFAULT_BRANCH;
   const availableBranchSet = new Set([defaultBranch]);
   for (const doc of manifest.docs) {
@@ -1296,7 +1315,7 @@ async function start() {
 
       if (shouldUseInitialView) {
         hasHydratedInitialView = true;
-        document.title = `${initialViewData.title} - File-System Blog`;
+        document.title = composeDocumentTitle(initialViewData.title, siteTitle);
         if (viewerEl instanceof HTMLElement) {
           viewerEl.scrollTo(0, 0);
         }
@@ -1320,7 +1339,7 @@ async function start() {
 
       navEl.innerHTML = renderNav(view.docs, view.docIndexById, id);
 
-      document.title = `${doc.title} - File-System Blog`;
+      document.title = composeDocumentTitle(doc.title, siteTitle);
       if (viewerEl instanceof HTMLElement) {
         viewerEl.scrollTo(0, 0);
       }

package/src/template.ts

@@ -183,6 +183,9 @@ export function renderAppShellHtml(
   const initialManifestScript = renderInitialManifestScript(manifest);
   const symbolFontStylesheet =
     "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";
+  const appTitle = typeof manifest?.siteTitle === "string" && manifest.siteTitle.trim().length > 0
+    ? manifest.siteTitle.trim()
+    : DEFAULT_TITLE;
   const initialTitle = initialView ? escapeHtmlAttribute(initialView.title) : "문서를 선택하세요";
   const initialBreadcrumb = initialView ? initialView.breadcrumbHtml : "";
   const initialMeta = initialView ? initialView.metaHtml : "";
@@ -199,7 +202,9 @@ export function renderAppShellHtml(
 ${headMeta}
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" />
+    <link rel="preload" as="style" href="${escapeHtmlAttribute(symbolFontStylesheet)}" />
+    <link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" media="print" onload="this.media='all'" />
+    <noscript><link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" /></noscript>
     <link rel="stylesheet" href="${escapeHtmlAttribute(assets.cssHref)}" />
   </head>
   <body>
@@ -211,7 +216,7 @@ ${headMeta}
         <div class="sidebar-header">
           <h1 class="sidebar-title">
             <span class="material-symbols-outlined icon-terminal">terminal</span>
-            ~/dev-blog
+            ${escapeHtmlAttribute(appTitle)}
           </h1>
           <button id="sidebar-close" class="sidebar-close" type="button" aria-label="탐색기 닫기">
             <span class="material-symbols-outlined">close</span>
@@ -330,7 +335,9 @@ export function render404Html(assets: AppShellAssets = DEFAULT_ASSETS): string {
     <title>404 - File-System Blog</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" />
+    <link rel="preload" as="style" href="${escapeHtmlAttribute(symbolFontStylesheet)}" />
+    <link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" media="print" onload="this.media='all'" />
+    <noscript><link rel="stylesheet" href="${escapeHtmlAttribute(symbolFontStylesheet)}" /></noscript>
     <link rel="stylesheet" href="${escapeHtmlAttribute(assets.cssHref)}" />
   </head>
   <body>

package/src/types.ts

@@ -65,6 +65,7 @@ export interface BuildOptions {
   exclude: string[];
   newWithinDays: number;
   recentLimit: number;
+  siteTitle?: string;
   pinnedMenu: PinnedMenuOption | null;
   wikilinks: boolean;
   imagePolicy: ImagePolicy;
@@ -123,6 +124,7 @@ export type TreeNode = FolderNode | FileNode;
 
 export interface Manifest {
   generatedAt: string;
+  siteTitle: string;
   defaultBranch: string;
   branches: string[];
   ui: {