@abreen/tada 1.0.2 → 1.2.0

package/templates/_theme.scss

@@ -1,14 +1,7 @@
 :root {
-  --theme-hue: <%= themeHue %>deg;
-  --theme-saturation: <%= themeSaturation %>%;
-  --theme-lightness: <%= themeLightness %>%;
-  --theme-color: hsl(
-    var(--theme-hue) var(--theme-saturation) var(--theme-lightness)
-  );
-  --theme-color-text: hsl(
-    var(--theme-hue) clamp(30%, var(--theme-saturation), 70%)
-      clamp(25%, var(--theme-lightness), 42%)
-  );
+  --theme-color: <%= themeColorLight %>;
+  --theme-color-text: <%= themeColorTextLight %>;
+  --text-on-theme: <%= textOnThemeLight %>;
 
   // Background & foreground color tint
   --tint-hue: <%= tintHue %>deg;
@@ -62,15 +55,30 @@
   --mono-line-height: 1.5;
   --mono-border-radius: 0.375em;
 
+  // SVG icons
+  --icon-external-link: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><rect x='3' y='3' width='18' height='18' stroke='<%= iconColor %>' stroke-width='2' fill='none' rx='2'/><path d='M9 15 L15 9' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round' fill='none'/><path d='M9 9 H15 V15' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");
+  --icon-external-link-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><rect x='3' y='3' width='18' height='18' stroke='<%= iconColorHover %>' stroke-width='2' fill='none' rx='2'/><path d='M9 15 L15 9' stroke='<%= iconColorHover %>' stroke-width='2' stroke-linecap='round' fill='none'/><path d='M9 9 H15 V15' stroke='<%= iconColorHover %>' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");
+  --icon-external-link-active: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><rect x='3' y='3' width='18' height='18' stroke='black' stroke-width='2' fill='none' rx='2'/><path d='M9 15 L15 9' stroke='black' stroke-width='2' stroke-linecap='round' fill='none'/><path d='M9 9 H15 V15' stroke='black' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");
+  --icon-external-translucent: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><g opacity='0.3' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round' fill='none'><rect x='3' y='3' width='18' height='18' rx='2'/><path d='M9 15 L15 9' stroke-linecap='round'/><path d='M9 9 H15 V15' stroke-linecap='round'/></g></svg>");
+  --icon-warning: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'><polygon points='12,2 22,20 2,20' fill='none' stroke='<%= iconColor %>' stroke-width='2' stroke-linejoin='round'/><line x1='12' y1='9' x2='12' y2='13' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='16' x2='12' y2='16' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round'/></svg>");
+  --icon-warning-sm: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><polygon points='12,2 22,20 2,20' fill='none' stroke='<%= iconColor %>' stroke-width='2' stroke-linejoin='round'/><line x1='12' y1='9' x2='12' y2='13' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='16' x2='12' y2='16' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round'/></svg>");
+  --icon-warning-sm-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><polygon points='12,2 22,20 2,20' fill='none' stroke='<%= iconColorHover %>' stroke-width='2' stroke-linejoin='round'/><line x1='12' y1='9' x2='12' y2='13' stroke='<%= iconColorHover %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='16' x2='12' y2='16' stroke='<%= iconColorHover %>' stroke-width='2' stroke-linecap='round'/></svg>");
+  --icon-note: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='<%= iconColor %>' stroke-width='2'/><line x1='12' y1='10' x2='12' y2='16' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='7' x2='12' y2='7' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round'/></svg>");
+  --icon-note-sm: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='<%= iconColor %>' stroke-width='2'/><line x1='12' y1='10' x2='12' y2='16' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='7' x2='12' y2='7' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round'/></svg>");
+  --icon-note-sm-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='<%= iconColorHover %>' stroke-width='2'/><line x1='12' y1='10' x2='12' y2='16' stroke='<%= iconColorHover %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='7' x2='12' y2='7' stroke='<%= iconColorHover %>' stroke-width='2' stroke-linecap='round'/></svg>");
+  --icon-search: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'><circle cx='11' cy='11' r='7' stroke='<%= iconColor %>' stroke-width='2' fill='none'/><line x1='16.5' y1='16.5' x2='22' y2='22' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round'/></svg>");
+  --icon-anchor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='<%= iconColor %>' fill-rule='evenodd' clip-rule='evenodd' d='M10.975 14.51a1.05 1.05 0 0 0 0-1.485 2.95 2.95 0 0 1 0-4.172l3.536-3.535a2.95 2.95 0 1 1 4.172 4.172l-1.093 1.092a1.05 1.05 0 0 0 1.485 1.485l1.093-1.092a5.05 5.05 0 0 0-7.142-7.142L9.49 7.368a5.05 5.05 0 0 0 0 7.142c.41.41 1.075.41 1.485 0zm2.05-5.02a1.05 1.05 0 0 0 0 1.485 2.95 2.95 0 0 1 0 4.172l-3.5 3.5a2.95 2.95 0 1 1-4.171-4.172l1.025-1.025a1.05 1.05 0 0 0-1.485-1.485L3.87 12.99a5.05 5.05 0 0 0 7.142 7.142l3.5-3.5a5.05 5.05 0 0 0 0-7.142 1.05 1.05 0 0 0-1.485 0z'/></svg>");
+  --icon-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><polyline points='9 18 15 12 9 6' stroke='<%= iconColor %>' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+  --icon-breadcrumb: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'><path d='M3 7 H17 V22' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><polyline points='11 16 17 22 23 16' stroke='<%= iconColor %>' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");
+
   color-scheme: light dark;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --theme-color-text: hsl(
-      var(--theme-hue) clamp(30%, var(--theme-saturation), 70%)
-        clamp(50%, calc(var(--theme-lightness) + 15%), 80%)
-    );
+    --theme-color: <%= themeColorDark %>;
+    --theme-color-text: <%= themeColorTextDark %>;
+    --text-on-theme: <%= textOnThemeDark %>;
 
     --fg-color: hsl(var(--tint-hue) calc(10% * var(--tint-amount)) 92%);
     --fg-color-translucent: hsl(
@@ -93,5 +101,21 @@
 
     --warning-bg-color: hsl(36 77% 27%);
     --note-bg-color: hsl(209 90% 25%);
+
+    // SVG icons (dark overrides)
+    --icon-external-link: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><rect x='3' y='3' width='18' height='18' stroke='<%= iconColorDark %>' stroke-width='2' fill='none' rx='2'/><path d='M9 15 L15 9' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round' fill='none'/><path d='M9 9 H15 V15' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");
+    --icon-external-link-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><rect x='3' y='3' width='18' height='18' stroke='<%= iconColorHoverDark %>' stroke-width='2' fill='none' rx='2'/><path d='M9 15 L15 9' stroke='<%= iconColorHoverDark %>' stroke-width='2' stroke-linecap='round' fill='none'/><path d='M9 9 H15 V15' stroke='<%= iconColorHoverDark %>' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");
+    --icon-external-link-active: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><rect x='3' y='3' width='18' height='18' stroke='white' stroke-width='2' fill='none' rx='2'/><path d='M9 15 L15 9' stroke='white' stroke-width='2' stroke-linecap='round' fill='none'/><path d='M9 9 H15 V15' stroke='white' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");
+    --icon-external-translucent: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><g opacity='0.3' stroke='<%= iconColorTranslucentDark %>' stroke-width='2' stroke-linecap='round' fill='none'><rect x='3' y='3' width='18' height='18' rx='2'/><path d='M9 15 L15 9' stroke-linecap='round'/><path d='M9 9 H15 V15' stroke-linecap='round'/></g></svg>");
+    --icon-warning: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'><polygon points='12,2 22,20 2,20' fill='none' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linejoin='round'/><line x1='12' y1='9' x2='12' y2='13' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='16' x2='12' y2='16' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round'/></svg>");
+    --icon-warning-sm: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><polygon points='12,2 22,20 2,20' fill='none' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linejoin='round'/><line x1='12' y1='9' x2='12' y2='13' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='16' x2='12' y2='16' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round'/></svg>");
+    --icon-warning-sm-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><polygon points='12,2 22,20 2,20' fill='none' stroke='<%= iconColorHoverDark %>' stroke-width='2' stroke-linejoin='round'/><line x1='12' y1='9' x2='12' y2='13' stroke='<%= iconColorHoverDark %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='16' x2='12' y2='16' stroke='<%= iconColorHoverDark %>' stroke-width='2' stroke-linecap='round'/></svg>");
+    --icon-note: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='<%= iconColorDark %>' stroke-width='2'/><line x1='12' y1='10' x2='12' y2='16' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='7' x2='12' y2='7' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round'/></svg>");
+    --icon-note-sm: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='<%= iconColorDark %>' stroke-width='2'/><line x1='12' y1='10' x2='12' y2='16' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='7' x2='12' y2='7' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round'/></svg>");
+    --icon-note-sm-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='<%= iconColorHoverDark %>' stroke-width='2'/><line x1='12' y1='10' x2='12' y2='16' stroke='<%= iconColorHoverDark %>' stroke-width='2' stroke-linecap='round'/><line x1='12' y1='7' x2='12' y2='7' stroke='<%= iconColorHoverDark %>' stroke-width='2' stroke-linecap='round'/></svg>");
+    --icon-search: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'><circle cx='11' cy='11' r='7' stroke='<%= iconColorDark %>' stroke-width='2' fill='none'/><line x1='16.5' y1='16.5' x2='22' y2='22' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round'/></svg>");
+    --icon-anchor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='<%= iconColorDark %>' fill-rule='evenodd' clip-rule='evenodd' d='M10.975 14.51a1.05 1.05 0 0 0 0-1.485 2.95 2.95 0 0 1 0-4.172l3.536-3.535a2.95 2.95 0 1 1 4.172 4.172l-1.093 1.092a1.05 1.05 0 0 0 1.485 1.485l1.093-1.092a5.05 5.05 0 0 0-7.142-7.142L9.49 7.368a5.05 5.05 0 0 0 0 7.142c.41.41 1.075.41 1.485 0zm2.05-5.02a1.05 1.05 0 0 0 0 1.485 2.95 2.95 0 0 1 0 4.172l-3.5 3.5a2.95 2.95 0 1 1-4.171-4.172l1.025-1.025a1.05 1.05 0 0 0-1.485-1.485L3.87 12.99a5.05 5.05 0 0 0 7.142 7.142l3.5-3.5a5.05 5.05 0 0 0 0-7.142 1.05 1.05 0 0 0-1.485 0z'/></svg>");
+    --icon-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><polyline points='9 18 15 12 9 6' stroke='<%= iconColorDark %>' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+    --icon-breadcrumb: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'><path d='M3 7 H17 V22' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><polyline points='11 16 17 22 23 16' stroke='<%= iconColorDark %>' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");
   }
 }

package/templates/_top.html

@@ -54,7 +54,7 @@
     <header data-pagefind-ignore>
       <details>
         <summary aria-label="Toggle site navigation">
-          <span class="logo" aria-hidden="true"><%= site.symbol %></span>
+          <% if (site.symbol) { %><span class="logo" aria-hidden="true"><%= site.symbol %></span><% } %>
           <span class="site-title" aria-hidden="true"><%= site.title %></span>
           <div id="to-top-container" class="to-top-container"></div>
           <% if (site.features.search) { %>

package/tsconfig.json

@@ -1,15 +1,19 @@
 {
-  "extends": "@tsconfig/node23/tsconfig.json",
   "compilerOptions": {
-    "target": "ES6",
-    "lib": ["es2024", "dom"],
-    "module": "esnext",
+    "target": "ESNext",
+    "lib": ["ESNext", "dom", "dom.iterable"],
+    "module": "Preserve",
+    "moduleDetection": "force",
     "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
     "outDir": "./dist/",
     "resolveJsonModule": true,
     "strict": true,
+    "skipLibCheck": true,
     "noUnusedLocals": true
   },
-  "include": ["src", "types"],
-  "exclude": ["node_modules", "**/*.spec.ts", "**/*.test.ts"]
+  "include": ["src", "types", "build", "bin"],
+  "exclude": ["node_modules"]
 }

package/types/dev.d.ts

@@ -0,0 +1 @@
+declare const __IS_DEV__: boolean;

package/types/file-system-access.d.ts

@@ -0,0 +1,5 @@
+interface Window {
+  showSaveFilePicker?: (options?: {
+    suggestedName?: string;
+  }) => Promise<FileSystemFileHandle>;
+}

package/types/markdown-it-plugins.d.ts

@@ -0,0 +1,11 @@
+declare module 'markdown-it-footnote' {
+  import type MarkdownIt from 'markdown-it';
+  const plugin: MarkdownIt.PluginSimple;
+  export default plugin;
+}
+
+declare module 'markdown-it-deflist' {
+  import type MarkdownIt from 'markdown-it';
+  const plugin: MarkdownIt.PluginSimple;
+  export default plugin;
+}

package/types/site-variables.d.ts

@@ -1,16 +1,12 @@
-interface TimezoneDef {
+interface TimeZone {
   value: string;
   label: string;
   abbreviation: string;
   offsetMinutes?: number;
 }
 
-interface Window {
-  siteVariables: {
-    base: string;
-    basePath: string;
-    titlePostfix?: string;
-    defaultTimeZone: string;
-    timezones: TimezoneDef[];
-  };
-}
+declare const __SITE_BASE__: string;
+declare const __SITE_BASE_PATH__: string;
+declare const __SITE_TITLE_POSTFIX__: string;
+declare const __SITE_DEFAULT_TIMEZONE__: string;
+declare const __SITE_TIMEZONES__: TimeZone[];

package/types/untyped-modules.d.ts

@@ -0,0 +1,47 @@
+declare module 'pagefind' {
+  interface PagefindIndex {
+    addHTMLFile(file: {
+      sourcePath: string;
+      content: string;
+    }): Promise<{ errors: string[] }>;
+    addCustomRecord(record: {
+      url: string;
+      content: string;
+      language: string;
+      meta: Record<string, string>;
+    }): Promise<{ errors: string[] }>;
+    writeFiles(options: { outputPath: string }): Promise<{ errors: string[] }>;
+    deleteIndex(): Promise<void>;
+  }
+
+  export function createIndex(options?: {
+    keepIndexUrl?: boolean;
+    verbose?: boolean;
+  }): Promise<{ index: PagefindIndex | null; errors: string[] }>;
+
+  export function close(): Promise<void>;
+}
+
+declare module 'katex/contrib/render-a11y-string' {
+  export default function renderA11yString(
+    text: string,
+    settings?: Record<string, unknown>,
+  ): string;
+}
+
+declare module 'jsdom' {
+  export class JSDOM {
+    constructor(html?: string | Buffer, options?: Record<string, unknown>);
+    static fragment(html: string): DocumentFragment;
+    readonly window: DOMWindow;
+  }
+
+  interface DOMWindow extends Window {
+    close(): void;
+  }
+}
+
+declare module 'java-parser' {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  export function parse(source: string): any;
+}

package/bin/tada.js

@@ -1,361 +0,0 @@
-#!/usr/bin/env bun
-const fs = require('fs');
-const path = require('path');
-const readline = require('readline');
-const { execSync } = require('child_process');
-
-const SYSTEM_TIME_ZONE = Intl.DateTimeFormat().resolvedOptions().timeZone;
-
-const packageDir = path.resolve(__dirname, '..');
-
-const COMMANDS = {
-  init: 'Create a new Tada site',
-  dev: 'Build the site for development',
-  prod: 'Build the site for production',
-  watch: 'Watch for changes and rebuild',
-  serve: 'Start a local development server',
-  clean: 'Remove the dist/ directory',
-};
-
-const INIT_QUESTIONS = {
-  title: {
-    prompt: 'Site title',
-    defaultValue: 'Introduction to Computer Science',
-    validate: v => (v ? null : 'Title is required'),
-  },
-  symbol: {
-    prompt: 'Logo symbol (1-5 uppercase chars)',
-    defaultValue: 'CS 0',
-    validate: validateSymbol,
-  },
-  themeColor: {
-    prompt: 'Theme color',
-    defaultValue: 'hsl(195 70% 40%)',
-    validate: validateHslColor,
-  },
-  tintHue: {
-    prompt: 'Background tint hue (0-360)',
-    defaultValue: '20',
-    validate: v => {
-      const n = Number(v);
-      if (!Number.isInteger(n) || n < 0 || n > 360) {
-        return 'Must be an integer from 0 to 360';
-      }
-      return null;
-    },
-  },
-  tintAmount: {
-    prompt: 'Background tint amount (0-100)',
-    defaultValue: '100',
-    validate: v => {
-      const n = Number(v);
-      if (!Number.isInteger(n) || n < 0 || n > 100) {
-        return 'Must be an integer from 0 to 100';
-      }
-      return null;
-    },
-  },
-  defaultTimeZone: {
-    prompt: 'Default time zone',
-    defaultValue: SYSTEM_TIME_ZONE,
-    validate: v => (v ? null : 'Time zone is required'),
-  },
-  prodBase: {
-    prompt: 'Production base URL',
-    defaultValue: 'https://example.edu',
-    validate: validateUrl,
-  },
-  prodBasePath: {
-    prompt: 'Production base path',
-    defaultValue: '/',
-    validate: validateBasePath,
-  },
-};
-
-function printUsage() {
-  console.log('Usage: tada <command>\n');
-  console.log('Commands:');
-  console.log('  init <dirname>     Initialize a new site');
-  for (const [cmd, desc] of Object.entries(COMMANDS)) {
-    if (cmd === 'init') {
-      console.log('       [--default]     Use defaults for all config options');
-      continue;
-    }
-    console.log(`  ${cmd.padEnd(18)} ${desc}`);
-  }
-}
-
-const webpackCli = require.resolve('webpack-cli/bin/cli.js');
-
-function run(cmd) {
-  execSync(cmd, { cwd: process.cwd(), stdio: 'inherit' });
-}
-
-function copyDirRecursive(src, dest) {
-  fs.mkdirSync(dest, { recursive: true });
-  for (const entry of fs.readdirSync(src, { withFileTypes: true })) {
-    const srcPath = path.join(src, entry.name);
-    const destPath = path.join(dest, entry.name);
-    if (entry.isDirectory()) {
-      copyDirRecursive(srcPath, destPath);
-    } else {
-      fs.copyFileSync(srcPath, destPath);
-    }
-  }
-}
-
-// --- init command ---
-
-function ask(rl, question, { defaultValue, validate } = {}) {
-  const suffix = defaultValue != null ? ` (default: ${defaultValue})` : '';
-  return new Promise(resolve => {
-    function prompt() {
-      rl.question(`${question}${suffix}? `, answer => {
-        const value = answer.trim() || defaultValue || '';
-        if (validate) {
-          const error = validate(value);
-          if (error) {
-            console.error(`Error: ${error}`);
-            prompt();
-            return;
-          }
-        }
-        resolve(value);
-      });
-    }
-    prompt();
-  });
-}
-
-function validateSymbol(value) {
-  if (!value) {
-    return 'Symbol is required';
-  }
-  if (value.length > 5) {
-    return 'Symbol must be 5 characters or fewer';
-  }
-  if (!/^[A-Z0-9\- ]{1,5}$/.test(value)) {
-    return 'Symbol must contain only uppercase letters, digits, hyphens, and spaces';
-  }
-  return null;
-}
-
-function validateHslColor(value) {
-  if (!value) {
-    return 'Color is required';
-  }
-  if (!/^hsl\(\d+(deg)? \d+% \d+%\)$/.test(value)) {
-    return 'Color must be in HSL format, e.g. hsl(195 70% 40%)';
-  }
-  return null;
-}
-
-function validateUrl(value) {
-  if (!value) {
-    return 'URL is required';
-  }
-  if (!/^https?:\/\/[-.:a-zA-Z0-9]+$/.test(value)) {
-    return 'Must be a valid URL like https://example.edu (no trailing slash or path)';
-  }
-  return null;
-}
-
-function validateBasePath(value) {
-  if (!/^\/[-a-zA-Z0-9]*$/.test(value)) {
-    return 'Must start with / and contain only letters, digits, and hyphens';
-  }
-  return null;
-}
-
-function createSiteConfig({
-  title,
-  symbol,
-  themeColor,
-  tintHue,
-  tintAmount,
-  defaultTimeZone,
-  base,
-  basePath,
-  internalDomains,
-}) {
-  return {
-    title,
-    symbol,
-    features: { search: true, code: true, favicon: true },
-    base,
-    basePath,
-    internalDomains,
-    defaultTimeZone,
-    codeLanguages: { java: 'java', py: 'python' },
-    themeColor,
-    tintHue: Number(tintHue),
-    tintAmount: Number(tintAmount),
-    vars: {},
-  };
-}
-
-async function initCommand(args) {
-  const dirname = args[0];
-  const useDefaults = args[1] === '--default';
-
-  if (!dirname) {
-    console.error('Error: Provide a name for the new directory');
-    console.log('Usage: tada init <dirname> [--default]');
-    process.exit(1);
-  }
-
-  const projectDir = path.resolve(process.cwd(), dirname);
-  if (fs.existsSync(projectDir)) {
-    console.error(`Error: "${dirname}" already exists`);
-    process.exit(1);
-  }
-
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout,
-  });
-
-  let message = `Creating a new Tada site in ${projectDir}`;
-  if (useDefaults) {
-    console.log(message + ' using default config');
-  } else {
-    console.log(message);
-  }
-
-  const config = {};
-
-  for (const [key, { prompt, defaultValue, validate }] of Object.entries(
-    INIT_QUESTIONS,
-  )) {
-    if (useDefaults) {
-      config[key] = defaultValue;
-    } else {
-      config[key] = await ask(rl, prompt, { defaultValue, validate });
-    }
-  }
-
-  const {
-    title,
-    symbol,
-    themeColor,
-    tintHue,
-    tintAmount,
-    defaultTimeZone,
-    prodBase,
-    prodBasePath,
-  } = config;
-
-  rl.close();
-
-  // Derive internal domain from production base URL
-  const prodDomain = new URL(prodBase).hostname;
-
-  // Create project directory
-  fs.mkdirSync(path.join(projectDir, 'config'), { recursive: true });
-
-  // Generate site configs
-  const devConfig = createSiteConfig({
-    title,
-    symbol,
-    themeColor,
-    tintHue,
-    tintAmount,
-    defaultTimeZone,
-    base: 'http://localhost:8080',
-    basePath: '/',
-    internalDomains: ['localhost'],
-  });
-
-  const prodConfig = createSiteConfig({
-    title,
-    symbol,
-    themeColor,
-    tintHue,
-    tintAmount,
-    defaultTimeZone,
-    base: prodBase,
-    basePath: prodBasePath,
-    internalDomains: [prodDomain],
-  });
-
-  fs.writeFileSync(
-    path.join(projectDir, 'config/site.dev.json'),
-    JSON.stringify(devConfig, null, 2) + '\n',
-  );
-
-  fs.writeFileSync(
-    path.join(projectDir, 'config/site.prod.json'),
-    JSON.stringify(prodConfig, null, 2) + '\n',
-  );
-
-  // Copy nav and authors data files to the project's config directory
-  fs.copyFileSync(
-    path.join(packageDir, 'config/nav.json'),
-    path.join(projectDir, 'config/nav.json'),
-  );
-  fs.copyFileSync(
-    path.join(packageDir, 'config/authors.json'),
-    path.join(projectDir, 'config/authors.json'),
-  );
-
-  // Copy content/ and public/ from the package
-  copyDirRecursive(
-    path.join(packageDir, 'content'),
-    path.join(projectDir, 'content'),
-  );
-  copyDirRecursive(
-    path.join(packageDir, 'public'),
-    path.join(projectDir, 'public'),
-  );
-
-  console.log(`\nGenerated a new site in ${projectDir}`);
-  console.log(`\nNext steps:`);
-  console.log(`  cd ${dirname}`);
-  console.log(`  tada dev`);
-  console.log(`  tada serve`);
-}
-
-// --- main ---
-
-const command = process.argv[2];
-
-switch (command) {
-  case 'init':
-    initCommand(process.argv.slice(3));
-    break;
-
-  case 'dev':
-    run(
-      `bun ${webpackCli} --config ${path.join(packageDir, 'webpack/config.dev.js')}`,
-    );
-    break;
-
-  case 'prod':
-    run(
-      `bun ${webpackCli} --config ${path.join(packageDir, 'webpack/config.prod.js')}`,
-    );
-    break;
-
-  case 'watch':
-    run(`bun ${path.join(packageDir, 'webpack/watch.js')}`);
-    break;
-
-  case 'serve':
-    run(`bun ${path.join(packageDir, 'webpack/serve.js')}`);
-    break;
-
-  case 'clean':
-    fs.rmSync(path.resolve(process.cwd(), 'dist'), {
-      recursive: true,
-      force: true,
-    });
-    console.log('Cleaned dist/');
-    break;
-
-  default:
-    printUsage();
-    if (command && command !== '--help' && command !== '-h') {
-      process.exit(1);
-    }
-    break;
-}

package/config/authors.json

@@ -1 +0,0 @@
-{ "alex": { "name": "Alex Breen", "avatar": "/avatars/alex.jpg" } }

package/config/nav.json

@@ -1,28 +0,0 @@
-[
-  {
-    "title": "Navigation",
-    "links": [{ "text": "Home", "internal": "/index.html" }]
-  },
-  {
-    "title": "Topics",
-    "links": [
-      { "text": "Lectures", "internal": "/lectures/index.html" },
-      {
-        "text": "Problem Sets",
-        "internal": "/problem_sets/index.html",
-        "disabled": true
-      }
-    ]
-  },
-  {
-    "title": "Links",
-    "links": [
-      { "text": "Zoom", "external": "https://zoom.com" },
-      {
-        "text": "Canvas",
-        "external": "https://www.instructure.com/",
-        "disabled": true
-      }
-    ]
-  }
-]

package/content/problem_sets/index.md

@@ -1,6 +0,0 @@
-title: Problem Sets
-author: alex
-description: An example page for <%= site.title %> which is not generated.
-skip: true
-
-This page is not generated during the build because `skip` is set to `true`.

package/types/dev.ts

@@ -1,3 +0,0 @@
-interface Window {
-  IS_DEV: boolean | undefined;
-}