@abreen/tada 1.6.4 → 1.7.0

package/build/utils/front-matter.ts

@@ -57,11 +57,39 @@ function parseFrontMatterPlainText(rawContent: string): RawParsedFrontMatter {
   };
 }
 
+function parseFrontMatterStandard(rawContent: string): RawParsedFrontMatter {
+  const lines = rawContent.split(/\r?\n/);
+
+  // Caller has already verified lines[0] === '---'
+  for (let i = 1; i < lines.length; i++) {
+    if (lines[i].trimEnd() === '---') {
+      return {
+        frontMatter: lines.slice(1, i).join('\n'),
+        content: lines.slice(i + 1).join('\n'),
+      };
+    }
+  }
+
+  throw new Error(
+    'Front matter starts with --- but no closing --- delimiter was found',
+  );
+}
+
 export function parseFrontMatter(
   rawContent: string,
   ext: string,
 ): RawParsedFrontMatter {
   if (extensionIsMarkdown(ext) || ext === '.html') {
+    // Detect standard YAML front matter (first line is exactly ---,
+    // ignoring trailing whitespace and \r)
+    const firstNewline = rawContent.indexOf('\n');
+    const firstLine =
+      firstNewline === -1 ? rawContent : rawContent.slice(0, firstNewline);
+
+    if (firstLine.trimEnd() === '---') {
+      return parseFrontMatterStandard(rawContent);
+    }
+
     return parseFrontMatterPlainText(rawContent);
   } else {
     // unknown type, return raw

package/init/content/index.md

@@ -1,8 +1,10 @@
+---
 title: Home
 description: The home page for <%= site.title %>.
 author: alex
 published: 2026-03-20
 toolName: Tada
+---
 
 ## Welcome
 

package/init/content/labs/00/VowelCounter.java.md

@@ -1,9 +1,11 @@
+---
 parent: /labs/00/index.html
 parentLabel: Lab 0
 title: Counting vowels
 author: alex
 description: An example of a literate Java program that takes predefined input.
 stdin: "hello, world!\n"
+---
 
 A Java program can process input in different ways: it could open a file and
 read it; it could open a network connection and wait for data from another

package/init/content/labs/00/index.md

@@ -1,8 +1,10 @@
+---
 parent: /labs/index.html
 parentLabel: Labs
 title: Lab 0
 author: alex
 description: An example lab page for <%= site.title %>.
+---
 
 In this lab, we'll explore the [`VowelCounter` program](./VowelCounter.java.html).
 

package/init/content/labs/01/index.md

@@ -1,8 +1,10 @@
+---
 parent: /labs/index.html
 parentLabel: Labs
 title: Lab 1
 author: alex
 description: A lab page for <%= site.title %> demonstrating the trace feature.
+---
 
 In this lab, we'll examine memory diagrams.
 

package/init/content/labs/index.md

@@ -1,6 +1,8 @@
+---
 title: Labs
 author: alex
 description: An example page for <%= site.title %>.
+---
 
 In each one-hour lab, we'll dive deeper and write code together, exploring how
 to apply the concepts we learned in lecture to solve real-world problems and

package/init/content/lectures/01/Pair.java.md

@@ -1,6 +1,8 @@
+---
 title: A generic `Pair` class
 author: alex
 description: An example of a literate Java program.
+---
 
 <!---
 You may hide code from the generated HTML page but still include it in the

package/init/content/lectures/01/index.md

@@ -1,8 +1,10 @@
+---
 parentLabel: Lectures
 parent: /lectures/index.html
 title: Lecture 1
 description: An example lecture page.
 author: alex
+---
 
 Here is a sample description of the topics covered at the first lecture.
 

package/init/content/lectures/02/index.md

@@ -1,8 +1,10 @@
+---
 parentLabel: Lectures
 parent: /lectures/index.html
 title: Lecture 2
 description: An example lecture page demonstrating partials.
 author: alex
+---
 
 Here is a page constructed from multiple partials.
 

package/init/content/lectures/index.md

@@ -1,6 +1,8 @@
+---
 title: Lectures
 author: alex
 description: An example page for <%= site.title %>.
+---
 
 <%= renderTimeZoneChooser() %>
 

package/init/content/markdown.md

@@ -1,18 +1,22 @@
+---
 title: Markdown Examples
 description: Examples of Markdown syntax supported by Tada.
 author: alex
 published: 2026-03-20
 toc: true
+---
 
 Markdown and HTML files in the `content/` directory
 must contain ["front matter"][front-matter] (YAML-formatted metadata).
 For example, this file's first five lines look like this:
 
 ```text
+---
 title: Markdown Examples
-description: Examples of Markdown syntax supported by tada.
+description: Examples of Markdown syntax supported by Tada.
 toc: true
 author: alex
+---
 ```
 
 This page contains a table of contents because the front matter

package/init/content/problem_sets/index.html

@@ -1,7 +1,9 @@
+---
 title: Problem Sets
 author: alex
 description: An example page for <%= site.title %> which is not generated.
 skip: true
+---
 
 <p>
     For convenience or backwards compatibility, you can write standard HTML

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abreen/tada",
-  "version": "1.6.4",
+  "version": "1.7.0",
   "type": "module",
   "description": "A static site generator",
   "license": "MIT",

package/src/_alerts.scss

@@ -1,7 +1,7 @@
 @use 'mixins' as *;
 
 .alert {
-  border: 3px solid var(--bg2-color);
+  border: 2px solid var(--bg2-color);
   position: relative;
   margin: 1rem 0;
 }

package/src/_base.scss

@@ -92,7 +92,7 @@ code {
   font-size: var(--mono-font-size);
   background: var(--bg2-color);
   border-radius: var(--mono-border-radius);
-  padding: 0.12em 0.25em;
+  padding: var(--mono-padding);
   overflow-wrap: anywhere;
 }
 
@@ -139,18 +139,16 @@ details .content {
 }
 
 @media (hover: hover) {
-  details summary {
-    &:hover {
-      color: var(--fg2-color);
-      @include link-underline;
-    }
-
-    &:active {
-      color: var(--link-active-color);
-    }
+  details summary:hover {
+    color: var(--fg2-color);
+    @include link-underline;
   }
 }
 
+details summary:active {
+  color: var(--link-active-color);
+}
+
 main details {
   margin-bottom: 1rem;
   border-radius: var(--border-radius);

package/src/_mixins.scss

@@ -42,4 +42,8 @@
   -webkit-mask-position: center center;
   mask-position: center center;
   background-color: currentColor;
+  // The icon's visible fill is the background color, which browsers strip
+  // when printing by default. Preserve it so masked icons remain visible.
+  -webkit-print-color-adjust: exact;
+  print-color-adjust: exact;
 }

package/src/print/style.scss

@@ -1,13 +1,10 @@
-:root {
-  --print-font-size: 15px;
-}
+@use '../mixins' as *;
 
 @media print {
   html,
-  body,
-  main,
-  section {
+  body {
     background: none !important;
+    color: #000;
   }
 
   hr {
@@ -27,15 +24,22 @@
     margin-top: 0;
   }
 
-  body {
-    font-size: var(--print-font-size);
-    color: #000;
+  main a:not(.heading-anchor):not(.footnote-ref):not(.line-number) {
+    @include link-underline;
   }
 
-  pre {
-    font-size: var(--print-font-size);
-    border: none;
-    padding: 0;
+  pre,
+  tt,
+  :not(pre) > code {
+    border: 1px solid #ccc;
+  }
+
+  // .alert strips the default padding from inline code (since it also
+  // strips the background). In print we add a border, so restore the
+  // padding so the border doesn't hug the text.
+  .alert .content tt,
+  .alert .content code {
+    padding: var(--mono-padding);
   }
 
   .footnotes {
@@ -50,18 +54,15 @@
     display: none !important;
   }
 
-  main details {
-    border: 2px solid #000;
-  }
-
-  main details .alert {
-    border: none;
-    padding: 0;
+  details,
+  .alert {
+    border-color: #000 !important;
   }
 
   section {
     border: none;
     padding: 0;
+    margin: 0;
     width: 100%;
   }
 
@@ -69,7 +70,8 @@
     display: none;
   }
 
-  a.external::after {
-    display: none;
+  .external-link-tail::after,
+  a.external:not(:has(.external-link-tail))::after {
+    content: none;
   }
 }

package/src/toc/style.scss

@@ -61,10 +61,11 @@ body.code .toc ol a {
   .toc ol li:has(a):hover a {
     color: var(--fg2-color);
   }
+}
 
-  .toc ol li a:active {
-    color: var(--link-active-color);
-  }
+.toc ol li:has(a):active,
+.toc ol li:has(a):active a {
+  color: var(--link-active-color);
 }
 
 @media (min-width: 900px) {

package/templates/_theme.scss

@@ -57,6 +57,7 @@
   --mono-font-size: 0.94em;
   --mono-line-height: 1.5;
   --mono-border-radius: 0.375em;
+  --mono-padding: 0.12em 0.25em;
 
   // SVG icons
   // Mask icons (color-agnostic, painted via background-color: currentColor)