retypeset-odyssey 0.1.0

package/src/i18n/lang.ts

@@ -0,0 +1,70 @@
+import type { Language } from '@/i18n/config'
+import { allLocales, base, defaultLocale, moreLocales } from '@/config'
+import { langMap } from '@/i18n/config'
+
+/**
+ * Get the short language code for the `[...lang]` route parameter
+ *
+ * @param lang Current language code (e.g. 'en')
+ * @returns Route parameter value (e.g. 'en') or undefined (root path '/')
+ */
+export function getLangRouteParam(lang: Language): string | undefined {
+  return lang === defaultLocale ? undefined : lang
+}
+
+/**
+ * Get the corresponding short language code from the complete current locale value
+ *
+ * @param locale Current locale value (e.g. 'en-US')
+ * @returns Corresponding language code (e.g. 'en') or default locale
+ */
+export function getLangFromLocale(locale: string | undefined): Language {
+  if (!locale) {
+    return defaultLocale
+  }
+
+  const match = Object.entries(langMap).find(([, codes]) =>
+    (codes as readonly string[]).includes(locale),
+  )
+  return (match?.[0] ?? defaultLocale) as Language
+}
+
+/**
+ * Get the language code from the current path
+ *
+ * @param path Current page path
+ * @returns Language code detected from path or default locale
+ */
+export function getLangFromPath(path: string): Language {
+  const pathWithoutBase = base && path.startsWith(base)
+    ? path.slice(base.length)
+    : path
+
+  const normalized = pathWithoutBase.replace(/^\/+/, '')
+  if (!normalized) {
+    return defaultLocale
+  }
+
+  const [firstSegment] = normalized.split('/')
+  const maybeLang = firstSegment.replace(/\.html$/, '') as Language
+
+  return moreLocales.includes(maybeLang) ? maybeLang : defaultLocale
+}
+
+/**
+ * Get the next language code in the global language cycle
+ *
+ * @param currentLang Current language code
+ * @returns Next language code in the global cycle
+ */
+export function getNextGlobalLang(currentLang: Language): Language {
+  // Get index of current language
+  const currentIndex = allLocales.indexOf(currentLang)
+  if (currentIndex === -1) {
+    return defaultLocale
+  }
+
+  // Calculate and return next language in cycle
+  const nextIndex = (currentIndex + 1) % allLocales.length
+  return allLocales[nextIndex]
+}

package/src/i18n/path.ts

@@ -0,0 +1,160 @@
+import type { Language } from '@/i18n/config'
+import { allLocales, base, defaultLocale } from '@/config'
+import { getLangFromPath, getNextGlobalLang } from '@/i18n/lang'
+
+function stripLeadingLang(path: string, lang: Language): string {
+  const normalized = path.replace(/^\/+/, '')
+  if (!normalized) {
+    return '/'
+  }
+
+  const [first, ...rest] = normalized.split('/')
+  const firstNoHtml = first.replace(/\.html$/, '')
+  if (firstNoHtml !== lang) {
+    return path
+  }
+
+  // /en , /en.html -> /
+  if (rest.length === 0) {
+    return '/'
+  }
+
+  const restPath = `/${rest.join('/')}`
+  // Guard against bad states like /en/en.html
+  if (restPath === `/${lang}` || restPath === `/${lang}.html`) {
+    return '/'
+  }
+
+  return restPath
+}
+
+/**
+ * Get path to a specific tag page with language support
+ */
+export function getTagPath(tagName: string, lang: Language): string {
+  const encodedTag = encodeURIComponent(tagName)
+  const tagPath = lang === defaultLocale
+    ? `/tags/${encodedTag}`
+    : `/${lang}/tags/${encodedTag}`
+
+  return base ? `${base}${tagPath}` : tagPath
+}
+
+/**
+ * Get path to a specific post page with language and category support
+ */
+export function getPostPath(slug: string, lang: Language): string {
+  const postPath = lang === defaultLocale
+    ? `/posts/${slug}`
+    : `/${lang}/posts/${slug}`
+
+  return base ? `${base}${postPath}` : postPath
+}
+
+/**
+ * Get path to a specific note page with language support
+ */
+export function getNotePath(slug: string, lang: Language): string {
+  const notePath = lang === defaultLocale
+    ? `/notes/${slug}`
+    : `/${lang}/notes/${slug}`
+
+  return base ? `${base}${notePath}` : notePath
+}
+
+/**
+ * Get path to a specific journal page with language support
+ */
+export function getJournalPath(slug: string, lang: Language): string {
+  const journalPath = lang === defaultLocale
+    ? `/journals/${slug}`
+    : `/${lang}/journals/${slug}`
+
+  return base ? `${base}${journalPath}` : journalPath
+}
+
+/**
+ * Generate localized path based on current language
+ *
+ * @param path Path to localize
+ * @param currentLang Current language code
+ * @returns Localized path with language prefix
+ */
+export function getLocalizedPath(path: string, currentLang?: Language) {
+  // Astro 6 with build.format: 'file' emits dist/index.html and reports
+  // `Astro.url.pathname` as `/index.html` for the homepage, so we also
+  // need to recognise the stripped `index` form as "the homepage".
+  const normalizedPath = path
+    .replace(/^\/|\/$/g, '')
+    .replace(/\.html$/, '')
+  const isHomepage = normalizedPath === '' || normalizedPath === 'index'
+  const lang = currentLang ?? getLangFromPath(path)
+
+  const langPrefix = lang === defaultLocale ? '' : `/${lang}`
+  // Don't add trailing slash since trailingSlash is set to 'never'
+  const localizedPath = isHomepage
+    ? `${langPrefix || '/'}`
+    : `${langPrefix}/${normalizedPath}`
+
+  return base ? `${base}${localizedPath}` : localizedPath
+}
+
+/**
+ * Build path for next language
+ *
+ * @param currentPath Current page path
+ * @param currentLang Current language code
+ * @param nextLang Next language code to switch to
+ * @returns Path for next language
+ */
+export function getNextLangPath(currentPath: string, currentLang: Language, nextLang: Language): string {
+  const pathWithoutBase = base && currentPath.startsWith(base)
+    ? currentPath.slice(base.length)
+    : currentPath
+
+  const pagePath = currentLang === defaultLocale
+    ? pathWithoutBase
+    : stripLeadingLang(pathWithoutBase, currentLang)
+
+  return getLocalizedPath(pagePath, nextLang)
+}
+
+/**
+ * Get next language path from global language list
+ *
+ * @param currentPath Current page path
+ * @returns Path for next supported language
+ */
+export function getNextGlobalLangPath(currentPath: string): string {
+  const currentLang = getLangFromPath(currentPath)
+  const nextLang = getNextGlobalLang(currentLang)
+  return getNextLangPath(currentPath, currentLang, nextLang)
+}
+
+/**
+ * Get next language path from supported language list
+ *
+ * @param currentPath Current page path
+ * @param supportedLangs List of supported language codes
+ * @returns Path for next supported language
+ */
+export function getNextSupportedLangPath(currentPath: string, supportedLangs: Language[]): string {
+  if (supportedLangs.length === 0) {
+    return getNextGlobalLangPath(currentPath)
+  }
+
+  // Sort supported languages by global priority
+  const langPriority = new Map<Language, number>(
+    allLocales.map((lang, index) => [lang, index]),
+  )
+  const sortedLangs = [...supportedLangs].sort(
+    (a, b) => (langPriority.get(a) ?? 0) - (langPriority.get(b) ?? 0),
+  )
+
+  // Get current language and next in cycle
+  const currentLang = getLangFromPath(currentPath)
+  const currentIndex = sortedLangs.indexOf(currentLang)
+  const nextLang = sortedLangs[(currentIndex + 1) % sortedLangs.length]
+
+  return getNextLangPath(currentPath, currentLang, nextLang)
+}

package/src/i18n/ui.ts

@@ -0,0 +1,214 @@
+import type { Language } from '@/i18n/config'
+
+interface Translation {
+  title: string
+  subtitle: string
+  description: string
+  posts: string
+  notes?: string
+  notesIntro?: string
+  notesEmpty?: string
+  journals?: string
+  journalsIntro?: string
+  journalsEmpty?: string
+  tags: string
+  about: string
+  search: string
+  searchPlaceholder: string
+  searchNoResults: string
+  searchResultsFound: string
+  toc: string
+  tech?: string
+  life?: string
+  science?: string
+  categories?: string
+  categoriesInTotal?: string
+  tagsInTotal?: string
+}
+
+export const ui: Record<Language, Translation> = {
+  'de': {
+    title: 'Neusatz',
+    subtitle: 'Die Schönheit der Typografie wiederbeleben',
+    description: 'Retypeset ist ein statisches Blog-Theme basierend auf dem Astro-Framework, auf Deutsch bekannt als "Neusatz". Dieses Theme, inspiriert von traditioneller Typografie, etabliert einen neuen visuellen Standard und gestaltet alle Seiten neu, um ein Leseerlebnis ähnlich dem gedruckter Bücher zu schaffen und die Schönheit des Satzes wiederzubeleben. Jedes Element ist bis ins kleinste Detail durchdacht, Eleganz zeigt sich auch im kleinsten Raum.',
+    posts: 'Beiträge',
+    tags: 'Schlagwörter',
+    about: 'Über',
+    search: 'Suche',
+    searchPlaceholder: 'Suchbegriff eingeben...',
+    searchNoResults: 'Keine Ergebnisse gefunden',
+    searchResultsFound: 'Ergebnisse gefunden',
+    toc: 'Inhaltsverzeichnis',
+  },
+  'en': {
+    title: 'Life Odyssey',
+    subtitle: 'A journey through life, technology, and reflections',
+    description: 'A personal blog about life, technology, and reflections.',
+    posts: 'Posts',
+    notes: 'Notes',
+    notesIntro: 'Personal study notes (often rough, incomplete, and subject to change).',
+    notesEmpty: 'No notes yet.',
+    journals: 'Journal',
+    journalsIntro: 'Personal journal entries (diary-like and unpolished).',
+    journalsEmpty: 'No journal entries yet.',
+    tags: 'Tags',
+    about: 'About',
+    search: 'Search',
+    searchPlaceholder: 'Type to search...',
+    searchNoResults: 'No results found',
+    searchResultsFound: 'results found',
+    toc: 'Table of Contents',
+    tech: 'Tech',
+    life: 'Life',
+    science: 'Science',
+    categories: 'Categories',
+    categoriesInTotal: 'categories in total',
+    tagsInTotal: 'tags in total',
+  },
+  'es': {
+    title: 'Retipografía',
+    subtitle: 'Reviviendo la belleza tipográfica',
+    description: 'Retypeset es un tema de blog estático basado en el framework Astro. Inspirado por Typography, Retypeset establece un nuevo estándar visual y reimagina el diseño de todas las páginas, creando una experiencia de lectura similar a la de los libros impresos, reviviendo la belleza de la tipografía. Detalles en cada mirada, elegancia en cada espacio.',
+    posts: 'Artículos',
+    tags: 'Etiquetas',
+    about: 'Sobre',
+    search: 'Buscar',
+    searchPlaceholder: 'Escribe para buscar...',
+    searchNoResults: 'No se encontraron resultados',
+    searchResultsFound: 'resultados encontrados',
+    toc: 'Índice',
+  },
+  'fr': {
+    title: 'Retypographie',
+    subtitle: 'Raviver la beauté de la typographie',
+    description: 'Retypeset est un thème de blog statique basé sur le framework Astro, connu en français sous le nom de "Retypographie". Ce thème, inspiré par la typographie traditionnelle, établit une nouvelle norme visuelle et réorganise toutes les pages pour créer une expérience de lecture semblable à celle des livres imprimés, ravivant ainsi la beauté de la mise en page. Chaque élément est soigné dans les moindres détails, l\'élégance se manifeste dans les plus petits espaces.',
+    posts: 'Articles',
+    tags: 'Étiquettes',
+    about: 'À propos',
+    search: 'Recherche',
+    searchPlaceholder: 'Tapez pour rechercher...',
+    searchNoResults: 'Aucun résultat trouvé',
+    searchResultsFound: 'résultats trouvés',
+    toc: 'Table des matières',
+  },
+  'ja': {
+    title: 'Life Odyssey',
+    subtitle: '人生、技術、そして思索の旅',
+    description: '人生、技術、思索についての個人ブログ。',
+    posts: '記事',
+    notes: 'ノート',
+    notesIntro: '学習・問題演習中の個人メモです。未整理・未完成の内容が含まれ、予告なく更新されます。',
+    notesEmpty: 'ノートはまだありません。',
+    journals: '日記',
+    journalsIntro: '日々の記録です（私的な内容を含み、未整理なことがあります）。',
+    journalsEmpty: '日記はまだありません。',
+    tags: 'タグ',
+    about: '概要',
+    search: '検索',
+    searchPlaceholder: '検索キーワードを入力...',
+    searchNoResults: '結果が見つかりません',
+    searchResultsFound: '件の結果',
+    toc: '目次',
+    tech: '技術',
+    life: '生活',
+    science: '科学',
+    categories: 'カテゴリー',
+    tagsInTotal: '個のタグ',
+  },
+  'ko': {
+    title: '재조판',
+    subtitle: '판형의 아름다움을 재현하다',
+    description: 'Retypeset은 Astro 프레임워크를 기반으로 한 정적 블로그 테마로, 한국어로는 "재조판"이라고 합니다. 이 테마는 활판 인쇄에서 디자인 영감을 얻어, 새로운 시각적 기준을 확립하고 모든 페이지를 재구성하여 종이책과 같은 독서 경험을 제공하며 판형의 아름다움을 되살립니다. 모든 것이 세부적인 디테일이며, 작은 공간에서도 우아함이 느껴집니다.',
+    posts: '게시물',
+    tags: '태그',
+    about: '소개',
+    search: '검색',
+    searchPlaceholder: '검색어를 입력하세요...',
+    searchNoResults: '결과를 찾을 수 없습니다',
+    searchResultsFound: '개의 결과',
+    toc: '목차',
+  },
+  'pl': {
+    title: 'Przeskład',
+    subtitle: 'Ożywiając piękno typografii',
+    description: 'Retypeset to statyczny motyw bloga oparty na frameworku Astro, w języku polskim znany jako "Przeskład". Ten motyw, inspirowany typografią drukarską, ustanawia nowy standard wizualny i reorganizuje wszystkie strony, tworząc doświadczenie czytelnicze przypominające papierowe książki, przywracając piękno układu tekstu. Każdy element jest dopracowany w szczegółach, elegancja zawarta w najmniejszej przestrzeni.',
+    posts: 'Artykuły',
+    tags: 'Tagi',
+    about: 'O stronie',
+    search: 'Szukaj',
+    searchPlaceholder: 'Wpisz, aby wyszukać...',
+    searchNoResults: 'Nie znaleziono wyników',
+    searchResultsFound: 'wyników',
+    toc: 'Spis treści',
+  },
+  'pt': {
+    title: 'Retipografia',
+    subtitle: 'Reviva a beleza da tipografia',
+    description: 'Retypeset é um tema de blog estático baseado no framework Astro. Inspirado pela tipografia, o Retypeset estabelece um novo padrão visual e reimagina o layout de todas as páginas, criando uma experiência de leitura reminiscente de livros físicos, revivendo a beleza da tipografia. Cada detalhe é visível, elegância em cada espaço.',
+    posts: 'Artigos',
+    tags: 'Tags',
+    about: 'Sobre',
+    search: 'Pesquisar',
+    searchPlaceholder: 'Digite para pesquisar...',
+    searchNoResults: 'Nenhum resultado encontrado',
+    searchResultsFound: 'resultados encontrados',
+    toc: 'Sumário',
+  },
+  'ru': {
+    title: 'Переверстка',
+    subtitle: 'Возрождая красоту типографики',
+    description: 'Retypeset — это статическая тема блога, основанная на фреймворке Astro. Вдохновленная Typography, Retypeset устанавливает новый визуальный стандарт и переосмысливает компоновку всех страниц, создавая опыт чтения, напоминающий печатные книги, возрождая красоту типографики. Детали в каждом взгляде, элегантность в каждом пространстве.',
+    posts: 'Посты',
+    tags: 'Теги',
+    about: 'О себе',
+    search: 'Поиск',
+    searchPlaceholder: 'Введите для поиска...',
+    searchNoResults: 'Результаты не найдены',
+    searchResultsFound: 'результатов',
+    toc: 'Оглавление',
+  },
+  'zh': {
+    title: 'Life Odyssey',
+    subtitle: '人生若只如初见',
+    description: '关于生活、技术与思考的个人博客。',
+    posts: '文章',
+    notes: '笔记',
+    notesIntro: '这里主要是我学习、刷题时的随手记录，偏自用，可能不完整或随时修改。',
+    notesEmpty: '还没有笔记。',
+    journals: '日记',
+    journalsIntro: 'this is my odyssey',
+    journalsEmpty: '还没有日记。',
+    tags: '标签',
+    about: '关于',
+    search: '搜索',
+    searchPlaceholder: '输入关键词搜索...',
+    searchNoResults: '没有找到结果',
+    searchResultsFound: '个结果',
+    toc: '目录',
+    tech: '技术',
+    life: '生活',
+    science: '科研',
+    categories: '分类',
+    categoriesInTotal: '个分类',
+    tagsInTotal: '个标签',
+  },
+  'zh-tw': {
+    title: '重新編排',
+    subtitle: '再現版式之美',
+    description: 'Retypeset是一款基於Astro框架的靜態部落格主題，中文名為重新編排。本主題以活版印字為設計靈感，通過建立全新的視覺規範，對所有頁面進行重新編排，打造紙質書頁般的閱讀體驗，再現版式之美。所見皆為細節，方寸盡顯優雅。',
+    posts: '文章',
+    tags: '標籤',
+    about: '關於',
+    search: '搜尋',
+    searchPlaceholder: '輸入關鍵字搜尋...',
+    searchNoResults: '沒有找到結果',
+    searchResultsFound: '個結果',
+    toc: '目錄',
+    tech: '技術',
+    life: '生活',
+    science: '科研',
+    categories: '分類',
+    categoriesInTotal: '個分類',
+    tagsInTotal: '個標籤',
+  },
+}

package/src/layouts/Head.astro

@@ -0,0 +1,203 @@
+---
+import { ClientRouter } from 'astro:transitions'
+import katexCSS from 'katex/dist/katex.min.css?url'
+import { allLocales, base, defaultLocale, themeConfig } from '@/config'
+import { ui } from '@/i18n/ui'
+import { getPageInfo } from '@/utils/page'
+
+interface Props {
+  postTitle?: string
+  postDescription?: string
+  postSlug?: string
+}
+
+// Props and Language
+const { postTitle, postDescription, postSlug } = Astro.props
+const { currentLang } = getPageInfo(Astro.url.pathname)
+const currentUI = ui[currentLang as keyof typeof ui] ?? {}
+const lang = currentLang === defaultLocale ? '' : `${currentLang}/`
+
+// Site Configuration
+const { title, subtitle, description, i18nTitle, author, favicon } = themeConfig.site
+const { mode: defaultMode, light: { background: lightMode }, dark: { background: darkMode } } = themeConfig.color
+const { katex: katexEnabled, reduceMotion } = themeConfig.global
+const { verification = {}, twitterID = '', googleAnalyticsID = '', umamiAnalyticsID = '', apiflashKey = '' } = themeConfig.seo ?? {}
+const { google = '', bing = '', yandex = '', baidu = '' } = verification
+const { customGoogleAnalyticsJS = '', customUmamiAnalyticsJS = '' } = themeConfig.preload ?? {}
+
+// Site Metadata
+const metaTheme = defaultMode === 'dark' ? darkMode : lightMode
+const siteTitle = i18nTitle ? currentUI.title : title
+const siteSubtitle = i18nTitle ? currentUI.subtitle : subtitle
+const siteDescription = i18nTitle ? currentUI.description : description
+
+// Page Metadata
+const pageTitle = postTitle ? `${postTitle} | ${siteTitle}` : `${siteTitle} - ${siteSubtitle}`
+const pageDescription = postDescription || siteDescription
+const pageImage = postSlug
+  ? new URL(`${base}/og/${postSlug}.png`, Astro.url.origin)
+  : apiflashKey
+    ? `https://api.apiflash.com/v1/urltoimage?access_key=${apiflashKey}&url=${Astro.url}&format=png&width=1500&height=788&ttl=259200&wait_until=network_idle&no_tracking=true`
+    : `https://api.apiflash.com/v1/urltoimage?access_key=02a837b6188f4ba0a7fd9fbeff03a83e&url=https://retypeset.radishzz.cc/${lang}&format=png&width=1500&height=788&ttl=604800&wait_until=network_idle&no_tracking=true`
+---
+
+<head>
+<!-- Basic Info -->
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+{favicon.toLowerCase().endsWith('.svg') && <link rel="icon" type="image/svg+xml" href={`${base}${favicon}`} />}
+{favicon.toLowerCase().endsWith('.png') && <link rel="icon" type="image/png" href={`${base}${favicon}`} />}
+{favicon.toLowerCase().endsWith('.ico') && <link rel="icon" type="image/x-icon" href={`${base}${favicon}`} />}
+<title>{pageTitle}</title>
+<meta name="description" content={pageDescription} />
+<meta name="author" content={author} />
+<meta name="generator" content={Astro.generator} />
+<meta name="theme-color" content={metaTheme} />
+
+<!-- Preload -->
+<link rel="preload" href={`${base}/fonts/EarlySummer-VF-Split/EarlySummer-VF-Subset.woff2`} as="font" type="font/woff2" crossorigin />
+<link rel="preload" href={`${base}/fonts/Snell-Black-SF.woff2`} as="font" type="font/woff2" crossorigin />
+<link rel="preload" href={`${base}/fonts/Snell-Bold-SF.woff2`} as="font" type="font/woff2" crossorigin />
+<link rel="preload" href={`${base}/fonts/STIX-VF.woff2`} as="font" type="font/woff2" crossorigin />
+<link rel="preload" href={`${base}/fonts/STIX-Italic-VF.woff2`} as="font" type="font/woff2" crossorigin />
+{katexEnabled && <link rel="stylesheet" href={katexCSS} media="print" onload={`this.media='all'`} />}
+
+<!-- Site Links -->
+<link rel="canonical" href={Astro.url} />
+<link rel="sitemap" href={`${base}/sitemap-index.xml`} />
+<link rel="alternate" href={`${base}/rss.xml`} type="application/rss+xml" title="RSS Feed" />
+<link rel="alternate" href={`${base}/atom.xml`} type="application/atom+xml" title="Atom Feed" />
+{allLocales.map(lang => (
+  <link
+    rel="alternate"
+    href={`${Astro.url.origin}${base}${lang === defaultLocale ? '' : `/${lang}/`}`}
+    hreflang={lang === 'zh-tw' ? 'zh-TW' : lang}
+  />
+))}
+
+<!-- Open Graph -->
+<meta property="og:type" content={postTitle ? 'article' : 'website'} />
+<meta property="og:url" content={Astro.url} />
+<meta property="og:title" content={pageTitle} />
+<meta property="og:description" content={pageDescription} />
+<meta property="og:image" content={pageImage} />
+<meta name="twitter:card" content="summary_large_image" />
+{twitterID && <meta name="twitter:site" content={twitterID} />}
+
+<!-- Site Verification -->
+{google && <meta name="google-site-verification" content={google} />}
+{bing && <meta name="msvalidate.01" content={bing} />}
+{yandex && <meta name="yandex-verification" content={yandex} />}
+{baidu && <meta name="baidu-site-verification" content={baidu} />}
+
+<!-- Global View Transition -->
+<ClientRouter fallback="none" />
+
+<!-- Theme Toggle -->
+<script
+  is:inline
+  define:vars={{
+    defaultMode,
+    lightMode,
+    darkMode,
+    reduceMotion,
+ }}
+>
+(function () {
+  // Check if current theme is dark
+  // Priority: localStorage theme > default theme > system preference
+  function isCurrentDark() {
+    const currentTheme = localStorage.getItem('theme')
+    if (currentTheme) {
+      return currentTheme === 'dark'
+    }
+
+    if (defaultMode !== 'auto') {
+      return defaultMode === 'dark'
+    }
+
+    // If defaultMode is auto, follow system preference
+    return window.matchMedia('(prefers-color-scheme: dark)').matches
+  }
+
+  // Initialize theme
+  function initTheme(doc = document) {
+    const isDark = isCurrentDark()
+    doc.documentElement.classList.toggle('dark', isDark)
+
+    // Update meta theme-color tag
+    const metaThemeColor = doc.head.querySelector('meta[name="theme-color"]')
+    if (metaThemeColor) {
+      metaThemeColor.setAttribute('content', isDark ? darkMode : lightMode)
+    }
+  }
+
+  // Check and init motion preference
+  // Condition: theme config || system preference || browser capability
+  function initMotionPref(doc = document) {
+    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches
+    const supportsViewTransitions = 'startViewTransition' in doc
+    const shouldReduceMotion = reduceMotion || prefersReducedMotion || !supportsViewTransitions
+
+    doc.documentElement.classList.toggle('reduce-motion', shouldReduceMotion)
+  }
+
+  // Update theme before page transition to prevent flashing
+  document.addEventListener('astro:before-swap', ({ newDocument }) => {
+    initTheme(newDocument)
+    initMotionPref(newDocument)
+  })
+
+  // Initialize theme on first load
+  initTheme()
+  initMotionPref()
+})()
+</script>
+
+<!-- Google Analytics -->
+<!-- Define gtag on window object for proper Partytown forwarding -->
+<!-- See https://github.com/QwikDev/partytown/issues/382 -->
+{googleAnalyticsID && (
+  <>
+    <script
+      is:inline
+      type="text/partytown"
+      src={customGoogleAnalyticsJS || `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsID}`}
+    />
+    <script
+      is:inline
+      type="text/partytown"
+      define:vars={{
+        googleAnalyticsID,
+        customGoogleAnalyticsJS,
+      }}
+    >
+      window.dataLayer = window.dataLayer || []
+      window.gtag = function () {
+        // eslint-disable-next-line prefer-rest-params
+        dataLayer.push(arguments)
+      }
+      window.gtag('js', new Date())
+
+      if (customGoogleAnalyticsJS) {
+        window.gtag('config', googleAnalyticsID, {
+          transport_url: new URL(customGoogleAnalyticsJS).origin,
+        })
+      }
+      else {
+        window.gtag('config', googleAnalyticsID)
+      }
+    </script>
+  </>
+)}
+
+<!-- Umami Analytics -->
+{umamiAnalyticsID && (
+  <script
+    is:inline
+    type="text/partytown"
+    src={customUmamiAnalyticsJS || 'https://cloud.umami.is/script.js'}
+    data-website-id={umamiAnalyticsID}
+  />
+)}
+</head>