@kamod-ch/preactpress 1.0.0 → 1.0.2

package/src/shared/tags.ts

@@ -1,36 +1,36 @@
-import { normalizeRoute } from './route.js'
-import { slugifySegment } from './slug.js'
+import { normalizeRoute } from "./route.js";
+import { slugifySegment } from "./slug.js";
 
 /** URL path segment for a tag (lowercase, hyphenated ASCII). */
 export function slugifyTagSegment(tag: string): string {
-  return slugifySegment(tag, '')
+  return slugifySegment(tag, "");
 }
 
 export function parseTagsField(value: unknown): string[] {
-  if (value == null) return []
-  if (typeof value === 'string') return value.trim() ? [value.trim()] : []
-  if (!Array.isArray(value)) return []
-  const out: string[] = []
+  if (value == null) return [];
+  if (typeof value === "string") return value.trim() ? [value.trim()] : [];
+  if (!Array.isArray(value)) return [];
+  const out: string[] = [];
   for (const v of value) {
-    if (typeof v === 'string' && v.trim()) out.push(v.trim())
-    else if (typeof v === 'number' || typeof v === 'boolean') out.push(String(v))
+    if (typeof v === "string" && v.trim()) out.push(v.trim());
+    else if (typeof v === "number" || typeof v === "boolean") out.push(String(v));
   }
-  return out
+  return out;
 }
 
 export function resolvePageTags(meta: Record<string, unknown>): string[] {
-  const seen = new Set<string>()
-  const out: string[] = []
+  const seen = new Set<string>();
+  const out: string[] = [];
   for (const tag of [...parseTagsField(meta.tags), ...parseTagsField(meta.tag)]) {
-    const slug = slugifyTagSegment(tag)
-    if (!slug || seen.has(slug)) continue
-    seen.add(slug)
-    out.push(tag.trim())
+    const slug = slugifyTagSegment(tag);
+    if (!slug || seen.has(slug)) continue;
+    seen.add(slug);
+    out.push(tag.trim());
   }
-  return out
+  return out;
 }
 
-export function tagIndexPageRoute(slug: string, prefix = ''): string {
-  const cleanPrefix = prefix ? normalizeRoute(prefix) : ''
-  return normalizeRoute(`${cleanPrefix}/tags/${slug}`)
+export function tagIndexPageRoute(slug: string, prefix = ""): string {
+  const cleanPrefix = prefix ? normalizeRoute(prefix) : "";
+  return normalizeRoute(`${cleanPrefix}/tags/${slug}`);
 }

package/src/shared/theme.ts

@@ -1,26 +1,35 @@
-export const PREACTPRESS_THEME_STORAGE_KEY = 'preactpress-theme' as const
-export const PREACTPRESS_THEME_SCRIPT = 'preactpress-theme.js' as const
+export const PREACTPRESS_THEME_STORAGE_KEY = "preactpress-theme" as const;
+export const PREACTPRESS_THEME_SCRIPT = "preactpress-theme.js" as const;
 
-export type PreactpressStoredTheme = 'light' | 'dark'
+export type PreactpressStoredTheme = "light" | "dark";
 
 export function readStoredTheme(): PreactpressStoredTheme | null {
-  if (typeof localStorage === 'undefined') return null
+  if (typeof localStorage === "undefined") return null;
   try {
-    const v = localStorage.getItem(PREACTPRESS_THEME_STORAGE_KEY)
-    return v === 'light' || v === 'dark' ? v : null
+    const v = localStorage.getItem(PREACTPRESS_THEME_STORAGE_KEY);
+    return v === "light" || v === "dark" ? v : null;
   } catch {
-    return null
+    return null;
   }
 }
 
+function prefersDarkColorScheme(): boolean {
+  return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+
 export function applyTheme(theme: PreactpressStoredTheme | null): void {
-  if (typeof document === 'undefined') return
-  const root = document.documentElement
-  if (theme === null) root.removeAttribute('data-theme')
-  else root.setAttribute('data-theme', theme)
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  if (theme === null) {
+    root.removeAttribute("data-theme");
+    root.classList.toggle("dark", prefersDarkColorScheme());
+    return;
+  }
+  root.setAttribute("data-theme", theme);
+  root.classList.toggle("dark", theme === "dark");
 }
 
 /** Synced into dev `index.html` (via Vite plugin) and production HTML (`build.ts`) before first paint. */
 export const PREACTPRESS_THEME_BOOT_SCRIPT = `(function(){try{var k=${JSON.stringify(
-  PREACTPRESS_THEME_STORAGE_KEY
-)};var m=localStorage.getItem(k);if(m==='light'||m==='dark')document.documentElement.setAttribute('data-theme',m);}catch(e){}})();`
+  PREACTPRESS_THEME_STORAGE_KEY,
+)};var m=localStorage.getItem(k);var r=document.documentElement;if(m==='light'||m==='dark'){r.setAttribute('data-theme',m);r.classList.toggle('dark',m==='dark');}else if(window.matchMedia('(prefers-color-scheme: dark)').matches){r.classList.add('dark');}}catch(e){}})();`;

package/src/shared/themeLabels.ts

@@ -1,60 +1,60 @@
-import type { ThemeLabels } from '../node/siteConfig.js'
+import type { ThemeLabels } from "../node/siteConfig.js";
 
 export interface ResolvedThemeLabels {
-  skip: string
-  navigation: string
-  menu: string
-  closeMenu: string
-  search: string
-  filterPages: string
-  searchResults: string
-  previous: string
-  next: string
-  lastUpdated: string
-  onThisPage: string
-  language: string
+  skip: string;
+  navigation: string;
+  menu: string;
+  closeMenu: string;
+  search: string;
+  filterPages: string;
+  searchResults: string;
+  previous: string;
+  next: string;
+  lastUpdated: string;
+  onThisPage: string;
+  language: string;
 }
 
 const EN_LABELS: ResolvedThemeLabels = {
-  skip: 'Skip to content',
-  navigation: 'Navigation',
-  menu: 'Menu',
-  closeMenu: 'Close menu',
-  search: 'Search',
-  filterPages: 'Filter pages',
-  searchResults: 'Search results',
-  previous: 'Previous',
-  next: 'Next',
-  lastUpdated: 'Last updated',
-  onThisPage: 'On this page',
-  language: 'Language'
-}
+  skip: "Skip to content",
+  navigation: "Navigation",
+  menu: "Menu",
+  closeMenu: "Close menu",
+  search: "Search",
+  filterPages: "Filter pages",
+  searchResults: "Search results",
+  previous: "Previous",
+  next: "Next",
+  lastUpdated: "Last updated",
+  onThisPage: "On this page",
+  language: "Language",
+};
 
 const DE_LABELS: ResolvedThemeLabels = {
-  skip: 'Zum Inhalt springen',
-  navigation: 'Navigation',
-  menu: 'Menü',
-  closeMenu: 'Menü schließen',
-  search: 'Suche',
-  filterPages: 'Seiten filtern',
-  searchResults: 'Suchergebnisse',
-  previous: 'Zurück',
-  next: 'Weiter',
-  lastUpdated: 'Zuletzt aktualisiert',
-  onThisPage: 'Auf dieser Seite',
-  language: 'Sprache'
-}
+  skip: "Zum Inhalt springen",
+  navigation: "Navigation",
+  menu: "Menü",
+  closeMenu: "Menü schließen",
+  search: "Suche",
+  filterPages: "Seiten filtern",
+  searchResults: "Suchergebnisse",
+  previous: "Zurück",
+  next: "Weiter",
+  lastUpdated: "Zuletzt aktualisiert",
+  onThisPage: "Auf dieser Seite",
+  language: "Sprache",
+};
 
 export function defaultLabelsForLang(lang: string): ResolvedThemeLabels {
-  return lang.toLowerCase().startsWith('de') ? DE_LABELS : EN_LABELS
+  return lang.toLowerCase().startsWith("de") ? DE_LABELS : EN_LABELS;
 }
 
 export function resolveThemeLabels(
   lang: string,
-  overrides: ThemeLabels | undefined
+  overrides: ThemeLabels | undefined,
 ): ResolvedThemeLabels {
-  const defaults = defaultLabelsForLang(lang)
-  if (!overrides) return defaults
+  const defaults = defaultLabelsForLang(lang);
+  if (!overrides) return defaults;
   return {
     skip: overrides.skip ?? defaults.skip,
     navigation: overrides.navigation ?? defaults.navigation,
@@ -67,6 +67,6 @@ export function resolveThemeLabels(
     next: overrides.next ?? defaults.next,
     lastUpdated: overrides.lastUpdated ?? defaults.lastUpdated,
     onThisPage: overrides.onThisPage ?? defaults.onThisPage,
-    language: overrides.language ?? defaults.language
-  }
+    language: overrides.language ?? defaults.language,
+  };
 }

package/src/shared/url.ts

@@ -1,14 +1,10 @@
 export function publicUrl(siteBase: string, file: string): string {
-  const b = siteBase === '/' ? '' : siteBase.replace(/\/$/, '')
-  const f = file.startsWith('/') ? file : `/${file}`
-  return `${b}${f}`
+  const b = siteBase === "/" ? "" : siteBase.replace(/\/$/, "");
+  const f = file.startsWith("/") ? file : `/${file}`;
+  return `${b}${f}`;
 }
 
-export function canonicalUrl(opts: {
-  url?: string
-  base: string
-  route: string
-}): string {
-  const path = publicUrl(opts.base, opts.route === '/' ? '/' : `${opts.route}/`)
-  return opts.url ? `${opts.url}${path}` : path
+export function canonicalUrl(opts: { url?: string; base: string; route: string }): string {
+  const path = publicUrl(opts.base, opts.route === "/" ? "/" : `${opts.route}/`);
+  return opts.url ? `${opts.url}${path}` : path;
 }

package/templates/default/.preactpress/config.ts

@@ -1,31 +1,31 @@
-import { defineConfig } from '@kamod-ch/preactpress/config'
+import { defineConfig } from "@kamod-ch/preactpress/config";
 
 export default defineConfig({
-  srcExclude: ['README.md', 'partials/**', 'parts/**'],
+  srcExclude: ["README.md", "partials/**", "parts/**"],
   site: {
-    title: 'My PreactPress Site',
-    description: 'A simple static site built with PreactPress'
+    title: "My PreactPress Site",
+    description: "A simple static site built with PreactPress",
   },
   markdown: {
-    html: false
+    html: false,
   },
   themeConfig: {
     outline: true,
     search: true,
-    footer: 'Built with PreactPress.',
+    footer: "Built with PreactPress.",
     nav: [
-      { text: 'Home', link: '/' },
-      { text: 'About', link: '/about' }
+      { text: "Home", link: "/" },
+      { text: "About", link: "/about" },
     ],
     sidebar: [
       {
-        text: 'Start',
+        text: "Start",
         items: [
-          { text: 'Home', link: '/' },
-          { text: 'About', link: '/about' },
-          { text: 'Your first 5 minutes', link: '/guide/first-five-minutes' }
-        ]
-      }
-    ]
-  }
-})
+          { text: "Home", link: "/" },
+          { text: "About", link: "/about" },
+          { text: "Your first 5 minutes", link: "/guide/first-five-minutes" },
+        ],
+      },
+    ],
+  },
+});

package/templates/default/README.md

@@ -4,30 +4,30 @@ This folder was scaffolded with `preactpress init`. It is the minimal starter: a
 
 ## Commands
 
-| Script | What it does |
-| --- | --- |
-| `pnpm run dev` | Start the dev server at http://localhost:5173 |
-| `pnpm run check` | Validate config, routes, and links |
-| `pnpm run build` | Write static HTML to `dist/` |
-| `pnpm run preview` | Serve the production build locally |
+| Script             | What it does                                  |
+| ------------------ | --------------------------------------------- |
+| `pnpm run dev`     | Start the dev server at http://localhost:5173 |
+| `pnpm run check`   | Validate config, routes, and links            |
+| `pnpm run build`   | Write static HTML to `dist/`                  |
+| `pnpm run preview` | Serve the production build locally            |
 
 ## Where to edit
 
-| Path | Purpose |
-| --- | --- |
-| `*.md`, `*.mdx` | Page content — file path becomes the URL |
-| `.preactpress/config.ts` | Site title, nav, sidebar, build options |
-| `index.html` | Vite entry (rarely edited) |
+| Path                     | Purpose                                  |
+| ------------------------ | ---------------------------------------- |
+| `*.md`, `*.mdx`          | Page content — file path becomes the URL |
+| `.preactpress/config.ts` | Site title, nav, sidebar, build options  |
+| `index.html`             | Vite entry (rarely edited)               |
 
 ## Layout examples
 
 The default starter shows all built-in default-theme layouts:
 
-| File | Layout |
-| --- | --- |
-| `index.md` | `layout: home` |
-| `about.md` | `layout: page` |
-| `guide/first-five-minutes.md` | `layout: doc` |
+| File                          | Layout         |
+| ----------------------------- | -------------- |
+| `index.md`                    | `layout: home` |
+| `about.md`                    | `layout: page` |
+| `guide/first-five-minutes.md` | `layout: doc`  |
 
 Start with [Your first 5 minutes](/guide/first-five-minutes) in the local site, or read the full PreactPress README in the npm package / repository.
 

package/templates/default/guide/first-five-minutes.md

@@ -15,10 +15,10 @@ Edit `.preactpress/config.ts`:
 ```ts
 export default {
   site: {
-    title: 'My Docs',
-    description: 'Short summary for search and social previews'
-  }
-}
+    title: "My Docs",
+    description: "Short summary for search and social previews",
+  },
+};
 ```
 
 Save the file. The dev server picks up config changes on the next request.
@@ -50,34 +50,34 @@ In `.preactpress/config.ts`:
 
 ```ts
 export default {
-  site: { title: 'My Docs' },
+  site: { title: "My Docs" },
   themeConfig: {
     nav: [
-      { text: 'Home', link: '/' },
-      { text: 'About', link: '/about' }
+      { text: "Home", link: "/" },
+      { text: "About", link: "/about" },
     ],
     sidebar: [
       {
-        text: 'Guide',
+        text: "Guide",
         items: [
-          { text: 'Home', link: '/' },
-          { text: 'About', link: '/about' }
-        ]
-      }
-    ]
-  }
-}
+          { text: "Home", link: "/" },
+          { text: "About", link: "/about" },
+        ],
+      },
+    ],
+  },
+};
 ```
 
 Save — the dev server hot-reloads your changes.
 
 ## Next steps
 
-| Command | Purpose |
-| --- | --- |
-| `pnpm run dev` | Dev server with SSR and hot reload |
-| `pnpm run check` | Validate config, links, and routes |
-| `pnpm run build` | Static production build → `dist/` |
-| `pnpm run preview` | Local preview of the build |
+| Command            | Purpose                            |
+| ------------------ | ---------------------------------- |
+| `pnpm run dev`     | Dev server with SSR and hot reload |
+| `pnpm run check`   | Validate config, links, and routes |
+| `pnpm run build`   | Static production build → `dist/`  |
+| `pnpm run preview` | Local preview of the build         |
 
 Before deploying, set `site.url` in config for canonical URLs, Open Graph tags, and `sitemap.xml`. Read the package README for routing, MDX, deployment, and custom theme details.

package/templates/default/index.html

@@ -12,7 +12,7 @@
   <body>
     <div id="app"></div>
     <script type="module">
-      import 'preactpress/app'
+      import "preactpress/app";
     </script>
   </body>
 </html>

package/templates/default/index.md

@@ -38,18 +38,18 @@ Open **http://localhost:5173**. Edit Markdown files, adjust `.preactpress/config
 
 ## What to read next
 
-| Page | Why |
-| --- | --- |
+| Page                                              | Why                                              |
+| ------------------------------------------------- | ------------------------------------------------ |
 | [Your first 5 minutes](/guide/first-five-minutes) | Change the title, add a page, wire up navigation |
-| [About](/about) | A plain content page you can replace |
+| [About](/about)                                   | A plain content page you can replace             |
 
 ## What you get
 
-| Feature | Included |
-| --- | --- |
-| Static HTML build | Yes |
-| Client navigation | Yes |
-| Markdown frontmatter | Yes |
-| Sidebar search | Yes |
+| Feature              | Included |
+| -------------------- | -------- |
+| Static HTML build    | Yes      |
+| Client navigation    | Yes      |
+| Markdown frontmatter | Yes      |
+| Sidebar search       | Yes      |
 
 The default template is intentionally small. Use `preactpress init --template docs` when you want a fuller documentation starter, or `preactpress init --template magazine` for a custom-theme example.

package/templates/default/package.json

@@ -10,6 +10,6 @@
   },
   "devDependencies": {
     "@kamod-ch/preactpress": "file:../..",
-    "typescript": "^5.8.3"
+    "typescript": "^6.0.3"
   }
 }

package/templates/default/pnpm-lock.yaml

@@ -12,8 +12,8 @@ importers:
         specifier: file:../..
         version: file:../..(@babel/core@7.29.7)(rollup@4.61.1)
       typescript:
-        specifier: ^5.8.3
-        version: 5.9.3
+        specifier: ^6.0.3
+        version: 6.0.3
 
 packages:
 
@@ -1234,8 +1234,8 @@ packages:
     resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
 
-  typescript@5.9.3:
-    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+  typescript@6.0.3:
+    resolution: {integrity: sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -2833,7 +2833,7 @@ snapshots:
 
   type-fest@4.41.0: {}
 
-  typescript@5.9.3: {}
+  typescript@6.0.3: {}
 
   uc.micro@2.1.0: {}