fossbook 0.2.13 → 0.2.15

package/README.md

@@ -85,10 +85,17 @@ This also creates `index.ko.md` and `index.ja.md` in the same post directory. Ru
 fossbook build
 ```
 
+Posts with `draft: true` in their front matter are excluded from generated
+post pages, home pages, archives, and tags. To include them in a local build:
+
+```bash
+fossbook build --include-drafts
+```
+
 ### Preview locally
 
 ```bash
-fossbook serve
+fossbook serve --include-drafts
 ```
 
 Open http://localhost:3000 to view your site.
@@ -204,11 +211,16 @@ date: 2026-02-17
 description: "A brief summary of the post"
 image: "feature.png"
 tags: "JavaScript, Node.js, Static Site"
+draft: false
 ---
 
 Your Markdown content here...
 ```
 
+Set `draft: true` while a post is in progress. Normal builds and deployments
+exclude it. Use `fossbook serve --include-drafts` to preview drafts locally,
+then remove the field or set it to `false` before publishing.
+
 ### Directory structure
 
 ```
@@ -300,6 +312,9 @@ module.exports = {
   previousPageLabel: "앞으로",
   nextPageLabel: "뒤로",
   transcriptLabel: "말글 보이기",
+  copyLinkLabel: "링크 복사",
+  linkCopiedLabel: "링크를 복사했습니다",
+  copyLinkErrorLabel: "링크를 복사하지 못했습니다",
 };
 ```
 

package/bin/fossbook.js

@@ -24,6 +24,7 @@ Options:
   --clean        Remove output directory before build (default: true)
   --github       (init) Also create a GitHub repo and push
   --lang         (new) Comma-separated translation languages, e.g. ko,ja
+  --include-drafts (build, serve) Include posts with draft: true
   -m, --message  (deploy) Custom commit message
   --no-wait      (deploy) Push without waiting for CI status
   --draft        (deploy) Commit locally without pushing
@@ -64,6 +65,7 @@ switch (command) {
     const config = loadConfig(configPath);
     const outputOverride = getOption("-o", "--output");
     if (outputOverride) config.dev.outdir = outputOverride;
+    config.includeDrafts = hasFlag("--include-drafts");
 
     const { build } = require("../lib/index");
     build(config);
@@ -74,6 +76,7 @@ switch (command) {
     const config = loadConfig(configPath);
     const outputOverride = getOption("-o", "--output");
     if (outputOverride) config.dev.outdir = outputOverride;
+    config.includeDrafts = hasFlag("--include-drafts");
     const port = getOption("-p", "--port") || 3000;
 
     const { build } = require("../lib/index");

package/lib/deploy.js

@@ -14,6 +14,7 @@ async function deploy(config, options = {}) {
 
   // 1. Build the site
   console.log("Building site...");
+  config.includeDrafts = false;
   build(config);
   console.log("Build complete.\n");
 

package/lib/index.js

@@ -38,7 +38,12 @@ function createPostTranslationIndex(languageConfigs) {
       const sourceFile = config.language === config.defaultLanguage
         ? "index.md"
         : `index.${config.language}.md`;
-      if (!fs.existsSync(path.join(postsDir, entry.name, sourceFile))) continue;
+      const sourcePath = path.join(postsDir, entry.name, sourceFile);
+      if (!fs.existsSync(sourcePath)) continue;
+
+      const post = new Page(config);
+      post.readSource(sourcePath, entry.name);
+      if (post.draft && !config.includeDrafts) continue;
 
       const prefix = config.postsPath ? `${config.postsPath}/` : "";
       translations.push({
@@ -163,6 +168,9 @@ function build(config) {
   fs.mkdirSync(config.dev.outdir, { recursive: true });
 
   const languageConfigs = config.languageConfigs || [config];
+  languageConfigs.forEach((languageConfig) => {
+    languageConfig.includeDrafts = config.includeDrafts === true;
+  });
   const postTranslationIndex = createPostTranslationIndex(languageConfigs);
   const aboutTranslations = createAboutTranslations(languageConfigs);
   const homeTranslations = createHomeTranslations(languageConfigs);

package/lib/init.js

@@ -130,7 +130,7 @@ function initProject(options = {}) {
   // fossbook.config.ko.js, and so on. Menu labels can also be localized with
   // homeLabel, allPostsLabel, aboutLabel, tagsLabel, allTagsLabel,
   // postedOnLabel, readMoreLabel, previousPageLabel, nextPageLabel,
-  // and transcriptLabel.
+  // transcriptLabel, copyLinkLabel, linkCopiedLabel, and copyLinkErrorLabel.
 
   // Comment system (optional)
   // comments: { provider: "utterances", repo: "user/repo", issueTerm: "pathname", theme: "github-light" },

package/lib/mod/page.js

@@ -39,6 +39,7 @@ module.exports = class Page extends PageBase {
     this.url = `${this.config.blogsite}/${this.path}/`;
     this.image = content.attributes.image;
     this.description = content.attributes.description;
+    this.draft = content.attributes.draft === true;
     // default image if no imageURL is specified
     this.imageURL = this.config.image;
 

package/lib/posts.js

@@ -26,6 +26,7 @@ module.exports = class Posts {
       }
       const post = new Page(this.config);
       post.readSource(indexPath, postPath);
+      if (post.draft && !this.config.includeDrafts) return;
       // Optionally nest posts under a URL prefix (e.g. "posts" -> /posts/<slug>/).
       // post.slug stays the source folder name so image lookups remain correct.
       const prefix = this.config.postsPath ? `${this.config.postsPath}/` : "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fossbook",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "description": "A Markdown-based authoring and web-publishing tool for comics, illustrated stories, and articles",
   "main": "lib/index.js",
   "scripts": {

package/themes/archie/assets/styles/main.css

@@ -69,12 +69,38 @@
     width: var(--dialogue-width, 100%);
   }
 
-  .transcript-control {
+  .post-controls {
+    align-items: center;
     display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
     justify-content: flex-end;
     margin: .75rem 0 1.5rem;
   }
 
+  .copy-link-button {
+    background: transparent;
+    border: 1px solid var(--bordercl);
+    border-radius: 4px;
+    color: inherit;
+    cursor: pointer;
+    font: inherit;
+    font-size: .78rem;
+    line-height: 1.2;
+    min-height: 1.75rem;
+    padding: .15rem .4rem;
+  }
+
+  .copy-link-button:hover {
+    background: var(--hovercolor);
+    color: #fff;
+  }
+
+  .copy-link-button:focus-visible {
+    outline: 2px solid var(--hovercolor);
+    outline-offset: 2px;
+  }
+
   .transcript-toggle {
     align-items: center;
     display: inline-flex;
@@ -124,7 +150,16 @@
   }
 
   .transcripts-hidden .image-dialogue {
-    display: none;
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute !important;
+    white-space: nowrap;
+    width: 1px;
   }
 
 
@@ -152,12 +187,20 @@
   }
 
   @media print {
-    .transcript-control {
+    .post-controls {
       display: none;
     }
 
     .transcripts-hidden .image-dialogue {
       display: flex;
+      clip: auto;
+      clip-path: none;
+      height: auto;
+      margin: 0 auto;
+      overflow: visible;
+      position: static !important;
+      white-space: normal;
+      width: var(--dialogue-width, 100%);
     }
   }
   

package/themes/archie/layouts/post.html

@@ -29,9 +29,10 @@
 
         ${page.twitterCard("summary")}
         ${page.body.includes('class="blockquote-container image-dialogue"') ? `<script>
+          document.documentElement.classList.add("transcripts-hidden");
           try {
-            if (localStorage.getItem("fossbook-comic-transcript") === "hidden") {
-              document.documentElement.classList.add("transcripts-hidden");
+            if (localStorage.getItem("fossbook-comic-transcript") === "visible") {
+              document.documentElement.classList.remove("transcripts-hidden");
             }
           } catch (error) {}
         </script>` : ""}
@@ -56,12 +57,15 @@
                     <div class="meta">${page.config.postedOnLabel || "Posted on"} ${page.formatDate(new Date(page.date))}</div>
                     ${page.languageSwitcher()}
                   </div>
-                  ${page.body.includes('class="blockquote-container image-dialogue"') ? `<div class="transcript-control">
-                    <div class="transcript-toggle">
+                  <div class="post-controls">
+                    ${page.body.includes('class="blockquote-container image-dialogue"') ? `<div class="transcript-toggle">
                       <label for="comic-transcript-toggle">${page.config.transcriptLabel || "Display dialogue text"}</label>
-                      <input id="comic-transcript-toggle" type="checkbox" role="switch" aria-controls="comic-transcript" checked>
-                    </div>
-                  </div>` : ""}
+                      <input id="comic-transcript-toggle" type="checkbox" role="switch" aria-controls="comic-transcript">
+                    </div>` : ""}
+                    <button class="copy-link-button" type="button">
+                      <span aria-live="polite">${page.config.copyLinkLabel || "Copy link"}</span>
+                    </button>
+                  </div>
                   <section class="body" id="comic-transcript">
                     ${page.body}
                   </section>
@@ -100,6 +104,40 @@
             import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs";
             mermaid.initialize({ startOnLoad: true });
         </script>` : ""}
+        <script>
+          const copyLinkButton = document.querySelector(".copy-link-button");
+          const copyLinkLabel = copyLinkButton.querySelector("span");
+          const defaultCopyLinkLabel = copyLinkLabel.textContent;
+          let copyLinkResetTimer;
+          const copyEpisodeLink = async () => {
+            const canonicalLink = document.querySelector('link[rel="canonical"]');
+            const episodeUrl = canonicalLink ? canonicalLink.href : window.location.href;
+            try {
+              if (navigator.clipboard && navigator.clipboard.writeText) {
+                await navigator.clipboard.writeText(episodeUrl);
+              } else {
+                const textArea = document.createElement("textarea");
+                textArea.value = episodeUrl;
+                textArea.setAttribute("readonly", "");
+                textArea.style.position = "fixed";
+                textArea.style.opacity = "0";
+                document.body.appendChild(textArea);
+                textArea.select();
+                const copied = document.execCommand("copy");
+                textArea.remove();
+                if (!copied) throw new Error("Copy command failed");
+              }
+              copyLinkLabel.textContent = ${JSON.stringify(page.config.linkCopiedLabel || "Link copied")};
+            } catch (error) {
+              copyLinkLabel.textContent = ${JSON.stringify(page.config.copyLinkErrorLabel || "Could not copy link")};
+            }
+            clearTimeout(copyLinkResetTimer);
+            copyLinkResetTimer = setTimeout(() => {
+              copyLinkLabel.textContent = defaultCopyLinkLabel;
+            }, 2000);
+          };
+          copyLinkButton.addEventListener("click", copyEpisodeLink);
+        </script>
         ${page.body.includes('class="blockquote-container image-dialogue"') ? `<script>
           const transcriptToggle = document.querySelector("#comic-transcript-toggle");
           const transcriptStorageKey = "fossbook-comic-transcript";