@anglefeint/astro-theme 0.1.0-alpha.0

package/src/components/Header.astro

@@ -0,0 +1,328 @@
+---
+import { SITE_TITLE } from '../consts';
+import { SOCIAL_LINKS } from '@anglefeint/site-config/social';
+import { THEME } from '@anglefeint/site-config/theme';
+import HeaderLink from './HeaderLink.astro';
+import {
+	DEFAULT_LOCALE,
+	LOCALE_LABELS,
+	type Locale,
+	SUPPORTED_LOCALES,
+	alternatePathForLocale,
+	isLocale,
+	stripLocaleFromPath,
+} from '../i18n/config';
+
+interface Props {
+	locale?: Locale;
+	homeHref?: string;
+	/** Optional per-locale overrides (used for existence-aware language fallback on some routes). */
+	localeHrefs?: Partial<Record<Locale, string>>;
+	/** Show Blade Runner scanlines overlay on mesh-page (header/footer only) */
+	scanlines?: boolean;
+	labels?: {
+		home: string;
+		blog: string;
+		about: string;
+		status: string;
+		language: string;
+	};
+}
+
+const props = Astro.props as Props;
+const locale: Locale = props.locale && isLocale(props.locale) ? props.locale : DEFAULT_LOCALE;
+const labels = {
+	home: props.labels?.home ?? 'Home',
+	blog: props.labels?.blog ?? 'Blog',
+	about: props.labels?.about ?? 'About',
+	status: props.labels?.status ?? 'system: online',
+	language: props.labels?.language ?? 'Language',
+};
+const showAbout = THEME.ENABLE_ABOUT_PAGE;
+const currentSubpath = stripLocaleFromPath(Astro.url.pathname, locale);
+const homeHref = props.homeHref ?? alternatePathForLocale(locale, '/');
+const buildLocaleHref = (targetLocale: Locale) => {
+	// Language switcher: preserve current route when switching locales.
+	// Only fall back for About when the feature is disabled.
+	const sectionSubpath =
+		currentSubpath.startsWith('/about') && !showAbout ? '/' : currentSubpath || '/';
+	return alternatePathForLocale(targetLocale, sectionSubpath);
+};
+const localeOptions = SUPPORTED_LOCALES.map((targetLocale) => ({
+	locale: targetLocale,
+	label: LOCALE_LABELS[targetLocale],
+	href: props.localeHrefs?.[targetLocale] ?? buildLocaleHref(targetLocale),
+}));
+---
+
+<header>
+	<nav>
+		<div class="nav-left">
+			<h2><a href={homeHref}>{SITE_TITLE}</a></h2>
+		</div>
+		<div class="internal-links">
+			<HeaderLink href={homeHref}>{labels.home}</HeaderLink>
+			<HeaderLink href={alternatePathForLocale(locale, '/blog/')}>{labels.blog}</HeaderLink>
+			{showAbout && <HeaderLink href={alternatePathForLocale(locale, '/about/')}>{labels.about}</HeaderLink>}
+		</div>
+		<div class="nav-right">
+			<div class="social-links">
+				<div class="lang-switcher" aria-label={labels.language}>
+					<label class="lang-label" for="lang-select">{labels.language}</label>
+					<select
+						id="lang-select"
+						class="lang-select"
+						aria-label={labels.language}
+						onchange="if (this.value) window.location.href = this.value;"
+					>
+						{
+							localeOptions.map((option) => (
+								<option value={option.href} selected={option.locale === locale}>
+									{option.label}
+								</option>
+							))
+						}
+					</select>
+				</div>
+				<div class="nav-status" aria-label="System status">
+					<span class="nav-status-dot" aria-hidden="true"></span>
+					<span class="nav-status-text">{labels.status}</span>
+				</div>
+				{
+					SOCIAL_LINKS.map((link) => (
+						<a href={link.href} target="_blank" rel="noopener noreferrer">
+							<span class="sr-only">{link.label}</span>
+							{link.icon === 'mastodon' && (
+								<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32">
+									<path
+										fill="currentColor"
+										d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"
+									/>
+								</svg>
+							)}
+							{link.icon === 'twitter' && (
+								<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32">
+									<path
+										fill="currentColor"
+										d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
+									/>
+								</svg>
+							)}
+							{link.icon === 'github' && (
+								<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32">
+									<path
+										fill="currentColor"
+										d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+									/>
+								</svg>
+							)}
+							{!link.icon && <span>{link.label}</span>}
+						</a>
+					))
+				}
+			</div>
+		</div>
+	</nav>
+	{props.scanlines && <div class="mesh-scanlines" aria-hidden="true"></div>}
+</header>
+<style>
+	header {
+		margin: 0;
+		padding: 0 1em;
+		background: var(--chrome-bg, var(--bg));
+		border-bottom: 1px solid var(--chrome-border, rgb(var(--border)));
+	}
+	h2 {
+		margin: 0;
+		font-size: 1em;
+	}
+
+	h2 a,
+	h2 a.active {
+		text-decoration: none;
+		color: var(--chrome-link, rgb(var(--text)));
+		border-bottom: none;
+	}
+	nav {
+		display: grid;
+		grid-template-columns: 1fr auto 1fr;
+		align-items: center;
+		gap: 0.6rem;
+		min-height: 56px;
+		width: 100%;
+	}
+	.nav-left {
+		justify-self: start;
+	}
+	.internal-links {
+		justify-self: center;
+		display: flex;
+		align-items: center;
+		gap: 0.1rem;
+	}
+	.nav-right {
+		justify-self: end;
+		display: flex;
+		align-items: center;
+		gap: 0.35rem;
+		min-width: max-content;
+	}
+	.internal-links :global(a) {
+		padding: 1em 0.5em;
+		color: var(--chrome-link, rgb(var(--text)));
+		border-bottom: 4px solid transparent;
+		text-decoration: none;
+	}
+	.internal-links :global(a.active) {
+		text-decoration: none;
+		border-bottom-color: var(--chrome-active, var(--accent));
+	}
+	.social-links a {
+		color: var(--chrome-link, rgb(var(--text)));
+		align-items: center;
+		justify-content: center;
+		padding: 0.6rem 0.35rem;
+		border-bottom: none;
+	}
+	.social-links a:hover {
+		color: var(--chrome-link-hover, var(--chrome-link, rgb(var(--text))));
+	}
+	.social-links,
+	.social-links a {
+		display: flex;
+	}
+	.social-links {
+		align-items: center;
+		gap: 0.4rem;
+		position: relative;
+		flex-wrap: nowrap;
+	}
+	.lang-switcher {
+		display: inline-flex;
+		align-items: center;
+		gap: 0.4rem;
+		padding: 0.2rem 0.4rem;
+		margin-right: 0.1rem;
+		border: 1px solid rgba(132, 214, 255, 0.2);
+		border-radius: 999px;
+		background: rgba(6, 16, 30, 0.35);
+		flex-shrink: 0;
+	}
+	.lang-label {
+		display: inline-block;
+		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+		font-size: 0.6rem;
+		text-transform: uppercase;
+		letter-spacing: 0.12em;
+		color: rgba(190, 226, 248, 0.78);
+		white-space: nowrap;
+	}
+	.lang-select {
+		appearance: none;
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		background:
+			linear-gradient(45deg, transparent 50%, rgba(204, 236, 252, 0.82) 50%) calc(100% - 0.9rem) 50% / 0.35rem 0.35rem no-repeat,
+			linear-gradient(135deg, rgba(204, 236, 252, 0.82) 50%, transparent 50%) calc(100% - 0.7rem) 50% / 0.35rem 0.35rem no-repeat,
+			rgba(9, 22, 40, 0.68);
+		border: 1px solid rgba(132, 214, 255, 0.2);
+		border-radius: 999px;
+		padding: 0.2rem 1.45rem 0.2rem 0.55rem;
+		min-width: 6rem;
+		font-size: 0.62rem;
+		line-height: 1;
+		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+		color: rgba(204, 236, 252, 0.86);
+		cursor: pointer;
+	}
+	.lang-select:focus {
+		outline: none;
+		border-color: rgba(132, 214, 255, 0.5);
+		box-shadow: 0 0 0 2px rgba(98, 180, 228, 0.18);
+	}
+	.lang-select option {
+		color: #ccecfb;
+		background: #0b1c32;
+	}
+	.nav-status {
+		display: none;
+		align-items: center;
+		gap: 0.45rem;
+		padding: 0.24rem 0.5rem;
+		border-radius: 999px;
+		font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+		font-size: 0.62rem;
+		letter-spacing: 0.12em;
+		text-transform: uppercase;
+		color: rgba(186, 232, 252, 0.86);
+		background: rgba(6, 16, 30, 0.52);
+		border: 1px solid rgba(132, 214, 255, 0.22);
+		box-shadow:
+			0 0 0 1px rgba(132, 214, 255, 0.08),
+			0 0 16px rgba(90, 180, 255, 0.16);
+		white-space: nowrap;
+		position: absolute;
+		right: calc(100% + 0.5rem);
+		top: 50%;
+		transform: translateY(-50%);
+		pointer-events: none;
+	}
+	.nav-status-dot {
+		width: 0.44rem;
+		height: 0.44rem;
+		border-radius: 50%;
+		background: rgba(150, 226, 255, 0.96);
+		box-shadow: 0 0 10px rgba(122, 210, 255, 0.72);
+		animation: nav-status-pulse 1.8s steps(1, end) infinite;
+	}
+	@keyframes nav-status-pulse {
+		0%,
+		78%,
+		100% {
+			opacity: 1;
+			transform: scale(1);
+		}
+		82% {
+			opacity: 0.2;
+			transform: scale(0.7);
+		}
+		86% {
+			opacity: 1;
+			transform: scale(1.05);
+		}
+		90% {
+			opacity: 0.28;
+			transform: scale(0.78);
+		}
+	}
+	body.mesh-page .nav-status {
+		display: inline-flex;
+	}
+	body.about-page .nav-status {
+		display: none;
+	}
+	@media (max-width: 720px) {
+		nav {
+			grid-template-columns: 1fr;
+			gap: 0;
+		}
+		.nav-left {
+			display: none;
+		}
+		.internal-links {
+			justify-self: start;
+		}
+		.nav-right {
+			justify-self: end;
+		}
+		.nav-status {
+			display: none !important;
+		}
+		.social-links {
+			display: none;
+		}
+		.lang-switcher {
+			margin-right: 0;
+		}
+	}
+</style>

package/src/components/HeaderLink.astro

@@ -0,0 +1,35 @@
+---
+import type { HTMLAttributes } from 'astro/types';
+
+type Props = HTMLAttributes<'a'>;
+
+const { href, class: className, ...props } = Astro.props;
+const basePath = import.meta.env.BASE_URL;
+const stripBasePath = (value: string) => {
+	if (!basePath || basePath === '/') return value;
+	const normalizedBase = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;
+	if (value === normalizedBase) return '/';
+	if (value.startsWith(`${normalizedBase}/`)) return value.slice(normalizedBase.length);
+	return value;
+};
+const normalize = (value: string) => {
+	const withSlash = value.startsWith('/') ? value : `/${value}`;
+	return withSlash.replace(/\/+$/, '') || '/';
+};
+const pathname = normalize(stripBasePath(Astro.url.pathname));
+const target = normalize(String(href ?? '/'));
+const targetDepth = target.split('/').filter(Boolean).length;
+const isSectionLink = targetDepth >= 2;
+const isActive =
+	target === '/' ? pathname === '/' : pathname === target || (isSectionLink && pathname.startsWith(`${target}/`));
+---
+
+<a href={href} class:list={[className, { active: isActive }]} {...props}>
+	<slot />
+</a>
+<style>
+	a {
+		display: inline-block;
+		text-decoration: none;
+	}
+</style>

package/src/consts.ts

@@ -0,0 +1,12 @@
+/**
+ * @deprecated Use src/config/site.ts instead.
+ * Re-exported for backwards compatibility.
+ */
+export {
+	SITE_TITLE,
+	SITE_DESCRIPTION,
+	SITE_URL,
+	SITE_AUTHOR,
+	SITE_TAGLINE,
+	SITE_HERO_BY_LOCALE,
+} from '@anglefeint/site-config/site';

package/src/content-schema.ts

@@ -0,0 +1,33 @@
+import { defineCollection, z } from 'astro:content';
+import { glob } from 'astro/loaders';
+
+const blog = defineCollection({
+	// Load Markdown and MDX files in the `src/content/blog/` directory.
+	loader: glob({ base: './src/content/blog', pattern: '**/*.{md,mdx}' }),
+	// Type-check frontmatter using a schema
+		schema: ({ image }) =>
+			z.object({
+				title: z.string(),
+				subtitle: z.string().optional(),
+				description: z.string(),
+				// Transform string to Date object
+				pubDate: z.coerce.date(),
+				updatedDate: z.coerce.date().optional(),
+				heroImage: image().optional(),
+				context: z.string().optional(),
+				readMinutes: z.number().int().positive().optional(),
+				aiModel: z.string().optional(),
+				aiMode: z.string().optional(),
+				aiState: z.string().optional(),
+				aiLatencyMs: z.number().int().nonnegative().optional(),
+				aiConfidence: z.number().min(0).max(1).optional(),
+				wordCount: z.number().int().nonnegative().optional(),
+				tokenCount: z.number().int().nonnegative().optional(),
+				author: z.string().optional(),
+				tags: z.array(z.string()).optional(),
+				canonicalTopic: z.string().optional(),
+				sourceLinks: z.array(z.string().url()).optional(),
+			}),
+});
+
+export const collections = { blog };

package/src/i18n/config.ts

@@ -0,0 +1,46 @@
+export const SUPPORTED_LOCALES = ['en', 'ja', 'ko', 'es', 'zh'] as const;
+export type Locale = (typeof SUPPORTED_LOCALES)[number];
+
+export const DEFAULT_LOCALE: Locale = 'en';
+
+export const LOCALE_LABELS: Record<Locale, string> = {
+	en: 'English',
+	ja: '日本語',
+	ko: '한국어',
+	es: 'Español',
+	zh: '中文',
+};
+
+export function isLocale(value: string): value is Locale {
+	return (SUPPORTED_LOCALES as readonly string[]).includes(value);
+}
+
+export function withLeadingSlash(path: string): string {
+	if (!path) return '/';
+	return path.startsWith('/') ? path : `/${path}`;
+}
+
+export function localePath(locale: Locale, path = '/'): string {
+	const normalized = withLeadingSlash(path);
+	if (normalized === '/') return `/${locale}/`;
+	return `/${locale}${normalized.endsWith('/') ? normalized : `${normalized}/`}`;
+}
+
+export function stripLocaleFromPath(pathname: string, locale: Locale): string {
+	const prefix = `/${locale}`;
+	if (!pathname.startsWith(prefix)) return pathname;
+	const withoutLocale = pathname.slice(prefix.length);
+	return withoutLocale || '/';
+}
+
+export function blogIdToSlugAnyLocale(id: string): string {
+	const parts = id.split('/');
+	if (parts.length > 1 && isLocale(parts[0])) return parts.slice(1).join('/');
+	return id;
+}
+
+/** URL path for a locale's version of a page. For default locale home, returns / instead of /en/. */
+export function alternatePathForLocale(locale: Locale, subpath: string): string {
+	if (locale === DEFAULT_LOCALE && (subpath === '/' || subpath === '')) return '/';
+	return localePath(locale, subpath);
+}

package/src/i18n/messages.ts

@@ -0,0 +1,220 @@
+import type { Locale } from './config';
+
+type Messages = {
+	siteTitle: string;
+	siteDescription: string;
+	langLabel: string;
+	nav: {
+		home: string;
+		blog: string;
+		about: string;
+		status: string;
+	};
+	home: {
+		hero: string;
+		latest: string;
+		viewAll: string;
+		noPosts: string;
+	};
+	about: {
+		title: string;
+		description: string;
+		who: string;
+		what: string;
+		ethos: string;
+		now: string;
+		contact: string;
+		regenerate: string;
+	};
+	blog: {
+		title: string;
+		pageTitle: string;
+		archiveDescription: string;
+		pageDescription: string;
+		previous: string;
+		next: string;
+		backToBlog: string;
+		related: string;
+		regenerate: string;
+	};
+	footer: {
+		tagline: string;
+	};
+};
+
+const MESSAGES: Record<Locale, Messages> = {
+	en: {
+		siteTitle: 'Angle Feint',
+		siteDescription: 'Cinematic web interfaces and AI-era engineering essays.',
+		langLabel: 'Language',
+		nav: { home: 'Home', blog: 'Blog', about: 'About', status: 'system: online' },
+		home: {
+			hero: 'Write a short introduction for your site and what readers can expect from your posts.',
+			latest: 'Latest Posts',
+			viewAll: 'View all posts',
+			noPosts: 'No posts available in this language yet.',
+		},
+		about: {
+			title: 'About — Hacker Ethos',
+			description: 'Who I am, what I build, and the hacker ethos behind my work.',
+			who: 'Who I Am',
+			what: 'What I Build',
+			ethos: 'Hacker Ethos',
+			now: 'Now',
+			contact: 'Contact',
+			regenerate: 'Regenerate',
+		},
+		blog: {
+			title: 'Blog',
+			pageTitle: 'Blog - Page',
+			archiveDescription: 'Essays on AI-era craft, web engineering, and system architecture.',
+			pageDescription: 'Blog archive page',
+			previous: 'Previous',
+			next: 'Next',
+			backToBlog: 'Back to blog',
+			related: 'Related',
+			regenerate: 'Regenerate',
+		},
+		footer: { tagline: 'Built with Astro.' },
+	},
+	ja: {
+		siteTitle: 'Angle Feint',
+		siteDescription: '映画的なWebインターフェースとAI時代のエンジニアリング考察。',
+		langLabel: '言語',
+		nav: { home: 'ホーム', blog: 'ブログ', about: 'プロフィール', status: 'system: online' },
+		home: {
+			hero: 'このサイトの紹介文と、読者がどんな記事を期待できるかを書いてください。',
+			latest: '最新記事',
+			viewAll: 'すべての記事を見る',
+			noPosts: 'この言語の記事はまだありません。',
+		},
+		about: {
+			title: 'About — Hacker Ethos',
+			description: '私について、作るもの、そしてハッカー精神。',
+			who: '私について',
+			what: '作るもの',
+			ethos: 'ハッカー精神',
+			now: '現在',
+			contact: '連絡先',
+			regenerate: '再生成',
+		},
+		blog: {
+			title: 'ブログ',
+			pageTitle: 'ブログ - ページ',
+			archiveDescription: 'AI時代のクラフト、Web開発、システム設計に関する記事。',
+			pageDescription: 'ブログ一覧ページ',
+			previous: '前へ',
+			next: '次へ',
+			backToBlog: 'ブログへ戻る',
+			related: '関連記事',
+			regenerate: '再生成',
+		},
+		footer: { tagline: 'Astro で構築。' },
+	},
+	ko: {
+		siteTitle: 'Angle Feint',
+		siteDescription: '시네마틱 웹 인터페이스와 AI 시대 엔지니어링 에세이.',
+		langLabel: '언어',
+		nav: { home: '홈', blog: '블로그', about: '소개', status: 'system: online' },
+		home: {
+			hero: '사이트 소개와 방문자가 어떤 글을 기대할 수 있는지 간단히 작성하세요.',
+			latest: '최신 글',
+			viewAll: '모든 글 보기',
+			noPosts: '이 언어에는 아직 게시물이 없습니다.',
+		},
+		about: {
+			title: 'About — Hacker Ethos',
+			description: '나와 내가 만드는 것, 그리고 해커 정신.',
+			who: '나는 누구인가',
+			what: '무엇을 만드는가',
+			ethos: '해커 정신',
+			now: '지금',
+			contact: '연락처',
+			regenerate: '재생성',
+		},
+		blog: {
+			title: '블로그',
+			pageTitle: '블로그 - 페이지',
+			archiveDescription: 'AI 시대의 개발 감각, 웹 엔지니어링, 시스템 아키텍처 에세이.',
+			pageDescription: '블로그 아카이브 페이지',
+			previous: '이전',
+			next: '다음',
+			backToBlog: '블로그로 돌아가기',
+			related: '관련 글',
+			regenerate: '재생성',
+		},
+		footer: { tagline: 'Astro로 제작됨.' },
+	},
+	es: {
+		siteTitle: 'Angle Feint',
+		siteDescription: 'Interfaces web cinematográficas y ensayos de ingeniería en la era de IA.',
+		langLabel: 'Idioma',
+		nav: { home: 'Inicio', blog: 'Blog', about: 'Sobre mí', status: 'system: online' },
+		home: {
+			hero: 'Escribe una breve presentación del sitio y qué tipo de contenido encontrarán tus lectores.',
+			latest: 'Últimas publicaciones',
+			viewAll: 'Ver todas las publicaciones',
+			noPosts: 'Aún no hay publicaciones en este idioma.',
+		},
+		about: {
+			title: 'About — Hacker Ethos',
+			description: 'Quién soy, qué construyo y el ethos hacker detrás de mi trabajo.',
+			who: 'Quién soy',
+			what: 'Qué construyo',
+			ethos: 'Ethos hacker',
+			now: 'Ahora',
+			contact: 'Contacto',
+			regenerate: 'Regenerar',
+		},
+		blog: {
+			title: 'Blog',
+			pageTitle: 'Blog - Página',
+			archiveDescription: 'Ensayos sobre oficio en la era de IA, ingeniería web y arquitectura de sistemas.',
+			pageDescription: 'Página del archivo del blog',
+			previous: 'Anterior',
+			next: 'Siguiente',
+			backToBlog: 'Volver al blog',
+			related: 'Relacionados',
+			regenerate: 'Regenerar',
+		},
+		footer: { tagline: 'Construido con Astro.' },
+	},
+	zh: {
+		siteTitle: 'Angle Feint',
+		siteDescription: '电影感网页界面与 AI 时代工程实践文章。',
+		langLabel: '语言',
+		nav: { home: '首页', blog: '博客', about: '关于', status: 'system: online' },
+		home: {
+			hero: '在这里写一段站点简介，并告诉读者你将发布什么类型的内容。',
+			latest: '最新文章',
+			viewAll: '查看全部文章',
+			noPosts: '该语言暂时没有文章。',
+		},
+		about: {
+			title: 'About — Hacker Ethos',
+			description: '我是谁、我在做什么，以及背后的黑客精神。',
+			who: '我是谁',
+			what: '我在构建什么',
+			ethos: '黑客精神',
+			now: '现在',
+			contact: '联系',
+			regenerate: '重新生成',
+		},
+		blog: {
+			title: '博客',
+			pageTitle: '博客 - 第',
+			archiveDescription: '关于 AI 时代开发、Web 工程与系统架构的文章。',
+			pageDescription: '博客归档页',
+			previous: '上一页',
+			next: '下一页',
+			backToBlog: '返回博客',
+			related: '相关文章',
+			regenerate: '重新生成',
+		},
+		footer: { tagline: 'Built with Astro.' },
+	},
+};
+
+export function getMessages(locale: Locale): Messages {
+	return MESSAGES[locale];
+}

package/src/i18n/posts.ts

@@ -0,0 +1,11 @@
+import type { CollectionEntry } from 'astro:content';
+import type { Locale } from './config';
+import { THEME } from '@anglefeint/site-config/theme';
+
+export const BLOG_PAGE_SIZE = THEME.BLOG_PAGE_SIZE;
+
+export function postsForLocale(posts: CollectionEntry<'blog'>[], locale: Locale): CollectionEntry<'blog'>[] {
+	return posts
+		.filter((post) => post.id.startsWith(`${locale}/`))
+		.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+export * from './consts';
+export * from './i18n/config';
+export * from './i18n/posts';
+export { getMessages } from './i18n/messages';
+export { collections } from './content-schema';