retypeset-odyssey 0.1.0

package/scripts/migration/validate-abbrlinks.ts

@@ -0,0 +1,161 @@
+/**
+ * ONE-TIME VALIDATION SCRIPT
+ *
+ * Validates that all abbrlinks from the original Hexo blog are preserved
+ * in the Astro migration. Critical for URL compatibility.
+ *
+ * Usage: pnpm tsx scripts/migration/validate-abbrlinks.ts
+ */
+
+import fs from 'node:fs'
+import path from 'node:path'
+
+// Configuration
+const HEXO_POSTS_DIR = '../Blog-src/source/_posts'
+const ASTRO_POSTS_DIR = './content/posts'
+
+interface ValidationResult {
+  file: string
+  hexoAbbrlink?: string
+  astroAbbrlink?: string
+  status: 'match' | 'mismatch' | 'missing_hexo' | 'missing_astro'
+}
+
+function extractAbbrlink(content: string): string | undefined {
+  const match = content.match(/abbrlink:\s*([a-f0-9]+)/i)
+  return match ? match[1] : undefined
+}
+
+function validateAbbrlinks(): void {
+  console.log('='.repeat(60))
+  console.log('Abbrlink Validation Script (ONE-TIME)')
+  console.log('='.repeat(60))
+
+  const projectRoot = process.cwd()
+  const hexoDir = path.resolve(projectRoot, HEXO_POSTS_DIR)
+  const astroDir = path.resolve(projectRoot, ASTRO_POSTS_DIR)
+
+  // Build map of Hexo abbrlinks
+  const hexoAbbrlinks = new Map<string, string>()
+
+  if (fs.existsSync(hexoDir)) {
+    const hexoFiles = fs.readdirSync(hexoDir).filter(f => f.endsWith('.md'))
+    for (const file of hexoFiles) {
+      const content = fs.readFileSync(path.join(hexoDir, file), 'utf-8')
+      const abbrlink = extractAbbrlink(content)
+      if (abbrlink) {
+        hexoAbbrlinks.set(file, abbrlink)
+      }
+    }
+    console.log(`Found ${hexoAbbrlinks.size} abbrlinks in Hexo posts`)
+  } else {
+    console.log('⚠ Hexo directory not found - validating Astro posts only')
+  }
+
+  // Build map of Astro abbrlinks
+  const astroAbbrlinks = new Map<string, string>()
+
+  if (fs.existsSync(astroDir)) {
+    const astroFiles = fs.readdirSync(astroDir).filter(f => f.endsWith('.md'))
+    for (const file of astroFiles) {
+      const content = fs.readFileSync(path.join(astroDir, file), 'utf-8')
+      const abbrlink = extractAbbrlink(content)
+      if (abbrlink) {
+        astroAbbrlinks.set(file, abbrlink)
+      }
+    }
+    console.log(`Found ${astroAbbrlinks.size} abbrlinks in Astro posts`)
+  } else {
+    console.error('Error: Astro posts directory not found')
+    process.exit(1)
+  }
+
+  // Validate
+  console.log('')
+  console.log('Validation Results:')
+  console.log('-'.repeat(60))
+
+  const results: ValidationResult[] = []
+  const allFiles = new Set([...hexoAbbrlinks.keys(), ...astroAbbrlinks.keys()])
+
+  for (const file of allFiles) {
+    const hexoAbbrlink = hexoAbbrlinks.get(file)
+    const astroAbbrlink = astroAbbrlinks.get(file)
+
+    let status: ValidationResult['status']
+
+    if (!hexoAbbrlink && !astroAbbrlink) {
+      continue // Neither has abbrlink, skip
+    } else if (!hexoAbbrlink) {
+      status = 'missing_hexo'
+    } else if (!astroAbbrlink) {
+      status = 'missing_astro'
+    } else if (hexoAbbrlink === astroAbbrlink) {
+      status = 'match'
+    } else {
+      status = 'mismatch'
+    }
+
+    results.push({ file, hexoAbbrlink, astroAbbrlink, status })
+  }
+
+  // Summary
+  const matches = results.filter(r => r.status === 'match')
+  const mismatches = results.filter(r => r.status === 'mismatch')
+  const missingHexo = results.filter(r => r.status === 'missing_hexo')
+  const missingAstro = results.filter(r => r.status === 'missing_astro')
+
+  console.log(`✓ Matching: ${matches.length}`)
+  console.log(`⚠ Missing in Hexo (new posts): ${missingHexo.length}`)
+
+  if (mismatches.length > 0) {
+    console.log(`✗ Mismatched: ${mismatches.length}`)
+    console.log('')
+    console.log('MISMATCH DETAILS:')
+    for (const r of mismatches) {
+      console.log(`  ${r.file}: Hexo=${r.hexoAbbrlink}, Astro=${r.astroAbbrlink}`)
+    }
+  }
+
+  if (missingAstro.length > 0) {
+    console.log(`✗ Missing in Astro: ${missingAstro.length}`)
+    console.log('')
+    console.log('MISSING IN ASTRO:')
+    for (const r of missingAstro) {
+      console.log(`  ${r.file}: ${r.hexoAbbrlink}`)
+    }
+  }
+
+  // Check for duplicate abbrlinks
+  console.log('')
+  console.log('Checking for duplicates...')
+  const abbrlinkCounts = new Map<string, string[]>()
+  for (const [file, abbrlink] of astroAbbrlinks) {
+    const files = abbrlinkCounts.get(abbrlink) || []
+    files.push(file)
+    abbrlinkCounts.set(abbrlink, files)
+  }
+
+  const duplicates = [...abbrlinkCounts.entries()].filter(([, files]) => files.length > 1)
+  if (duplicates.length > 0) {
+    console.log(`✗ Found ${duplicates.length} duplicate abbrlinks:`)
+    for (const [abbrlink, files] of duplicates) {
+      console.log(`  ${abbrlink}: ${files.join(', ')}`)
+    }
+  } else {
+    console.log('✓ No duplicate abbrlinks found')
+  }
+
+  console.log('')
+  console.log('='.repeat(60))
+
+  // Exit with error if validation failed
+  if (mismatches.length > 0 || missingAstro.length > 0 || duplicates.length > 0) {
+    console.log('Validation FAILED - please fix the issues above')
+    process.exit(1)
+  } else {
+    console.log('Validation PASSED')
+  }
+}
+
+validateAbbrlinks()

package/scripts/new-post.ts

@@ -0,0 +1,52 @@
+/**
+ * Create a new post with frontmatter
+ * Usage: pnpm new-post <title>
+ */
+
+import { existsSync, mkdirSync, writeFileSync } from 'node:fs'
+import { basename, dirname, extname, join } from 'node:path'
+import process from 'node:process'
+import { themeConfig } from '../src/config'
+
+// Process file path
+const rawPath = process.argv[2] ?? 'new-post'
+const baseName = basename(rawPath).replace(/\.(md|mdx)$/, '')
+const targetFile = ['.md', '.mdx'].includes(extname(rawPath))
+  ? rawPath
+  : `${rawPath}.md`
+const fullPath = join('content/posts', targetFile)
+
+// Check if file already exists
+if (existsSync(fullPath)) {
+  console.error(`❌ File already exists: ${fullPath}`)
+  process.exit(1)
+}
+
+// Create directory structure
+mkdirSync(dirname(fullPath), { recursive: true })
+
+// Prepare file content
+const content = `---
+title: ${baseName}
+published: ${new Date().toISOString()}
+description: ''
+updated: ''
+tags:
+  - Tag
+draft: false
+pin: 0
+toc: ${themeConfig.global.toc}
+lang: ''
+abbrlink: ''
+---
+`
+
+// Write to file
+try {
+  writeFileSync(fullPath, content)
+  console.log(`✅ Post created: ${fullPath}`)
+}
+catch (error) {
+  console.error('❌ Failed to create post:', error)
+  process.exit(1)
+}

package/scripts/seo/generate-legacy-redirects.ts

@@ -0,0 +1,407 @@
+import { mkdirSync, readFileSync, writeFileSync } from 'node:fs'
+import { dirname, relative, resolve } from 'node:path'
+import process from 'node:process'
+import fg from 'fast-glob'
+import { allLocales, defaultLocale } from '../../src/config'
+
+type RouteKind = 'posts' | 'notes' | 'journals'
+
+interface CollectionSpec {
+  kind: RouteKind
+  baseDir: string
+}
+
+interface ContentEntry {
+  kind: RouteKind
+  id: string
+  baseId: string
+  lang: string
+  abbrlink: string
+  title: string
+  draft: boolean
+}
+
+interface GroupMeta {
+  key: string
+  kind: RouteKind
+  baseId: string
+}
+
+const COLLECTIONS: CollectionSpec[] = [
+  { kind: 'posts', baseDir: 'content/posts' },
+  { kind: 'journals', baseDir: 'content/journals' },
+  { kind: 'notes', baseDir: 'content/notes' },
+]
+
+const KIND_PRIORITY: Record<RouteKind, number> = {
+  posts: 0,
+  notes: 1,
+  journals: 2,
+}
+
+// Explicit owner mapping for known legacy collisions verified against old-site URLs.
+const LEGACY_ABBRLINK_OWNER_OVERRIDES: Record<string, string> = {
+  fbd0b1b0: 'posts:Mixture-Density-Network',
+  fc1cc4fb: 'notes:Leetcode面试高频题分类刷题总结',
+}
+
+const OUTPUT_FILE = 'public/_redirects'
+const EOL = '\n'
+const conflicts: string[] = []
+const skippedDrafts: string[] = []
+const ownershipWarnings: string[] = []
+
+function stripQuotes(value: string): string {
+  const trimmed = value.trim()
+  const singleQuoted = trimmed.match(/^'(.*)'$/)
+  if (singleQuoted) {
+    return singleQuoted[1].trim()
+  }
+
+  const doubleQuoted = trimmed.match(/^"(.*)"$/)
+  if (doubleQuoted) {
+    return doubleQuoted[1].trim()
+  }
+
+  return trimmed
+}
+
+function parseBoolean(value: string): boolean {
+  return /^(true|1|yes)$/i.test(value.trim())
+}
+
+function getFrontmatter(content: string): string {
+  const match = content.match(/^---\r?\n([\s\S]*?)\r?\n---(?:\r?\n|$)/)
+  return match?.[1] ?? ''
+}
+
+function getFrontmatterField(frontmatter: string, field: string): string {
+  const escapedField = field.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+  const regex = new RegExp(`^${escapedField}\\s*:\\s*(.*)$`, 'm')
+  const match = frontmatter.match(regex)
+  if (!match) {
+    return ''
+  }
+
+  return stripQuotes(match[1] ?? '')
+}
+
+function isLegacyAbbrlink(value: string): boolean {
+  return /^[0-9a-f]{6,8}$/i.test(value.trim())
+}
+
+function slugifyPathSegment(input: string): string {
+  const slug = input
+    .normalize('NFKC')
+    .trim()
+    .toLowerCase()
+    .replace(/[\s_]+/g, '-')
+    .replace(/[^\p{Letter}\p{Number}]+/gu, '-')
+    .replace(/-+/g, '-')
+    .replace(/^-|-$/g, '')
+
+  return slug
+}
+
+function getBaseId(id: string): string {
+  const normalizedId = id.trim()
+  for (const lang of allLocales) {
+    const suffix = `.${lang}`
+    if (normalizedId.endsWith(suffix)) {
+      return normalizedId.slice(0, -suffix.length)
+    }
+  }
+
+  return normalizedId
+}
+
+function getLangFromId(id: string): string {
+  for (const lang of allLocales) {
+    const suffix = `.${lang}`
+    if (id.endsWith(suffix)) {
+      return lang
+    }
+  }
+
+  return ''
+}
+
+function buildPath(kind: RouteKind, slug: string, lang: string): string {
+  return lang === defaultLocale ? `/${kind}/${slug}` : `/${lang}/${kind}/${slug}`
+}
+
+function addRedirect(
+  redirectMap: Map<string, string>,
+  sourcePath: string,
+  targetPath: string,
+  context: string,
+) {
+  const existing = redirectMap.get(sourcePath)
+  if (existing && existing !== targetPath) {
+    conflicts.push(`conflict: ${sourcePath} => ${existing} (ignored ${targetPath}, ${context})`)
+    return
+  }
+
+  redirectMap.set(sourcePath, targetPath)
+}
+
+function getLegacyAbbrlinks(entries: ContentEntry[]): string[] {
+  const unique = new Set<string>()
+  for (const entry of entries) {
+    const abbrlink = entry.abbrlink.trim().toLowerCase()
+    if (isLegacyAbbrlink(abbrlink)) {
+      unique.add(abbrlink)
+    }
+  }
+
+  return [...unique].sort((left, right) => left.localeCompare(right))
+}
+
+function parseGroupKey(groupKey: string): GroupMeta {
+  const [kindString, ...rest] = groupKey.split(':')
+  return {
+    key: groupKey,
+    kind: kindString as RouteKind,
+    baseId: rest.join(':'),
+  }
+}
+
+function compareGroupKeys(left: string, right: string): number {
+  const leftMeta = parseGroupKey(left)
+  const rightMeta = parseGroupKey(right)
+  const kindDiff = (KIND_PRIORITY[leftMeta.kind] ?? Number.MAX_SAFE_INTEGER)
+    - (KIND_PRIORITY[rightMeta.kind] ?? Number.MAX_SAFE_INTEGER)
+  if (kindDiff !== 0) {
+    return kindDiff
+  }
+
+  return left.localeCompare(right)
+}
+
+function resolveAbbrlinkOwners(groupedEntries: Map<string, ContentEntry[]>): Map<string, string> {
+  const abbrlinkCandidates = new Map<string, Set<string>>()
+
+  for (const [groupKey, groupEntries] of groupedEntries) {
+    for (const abbrlink of getLegacyAbbrlinks(groupEntries)) {
+      const candidates = abbrlinkCandidates.get(abbrlink) ?? new Set<string>()
+      candidates.add(groupKey)
+      abbrlinkCandidates.set(abbrlink, candidates)
+    }
+  }
+
+  const owners = new Map<string, string>()
+  for (const [abbrlink, candidateSet] of abbrlinkCandidates) {
+    const candidates = [...candidateSet]
+    let owner = ''
+    const override = LEGACY_ABBRLINK_OWNER_OVERRIDES[abbrlink]
+
+    if (override) {
+      if (candidateSet.has(override)) {
+        owner = override
+      } else {
+        ownershipWarnings.push(
+          `override_miss: ${abbrlink} => ${override} (candidates: ${candidates.join(', ')})`,
+        )
+      }
+    }
+
+    if (!owner) {
+      const sortedCandidates = [...candidates].sort(compareGroupKeys)
+      owner = sortedCandidates[0] ?? ''
+      if (sortedCandidates.length > 1) {
+        ownershipWarnings.push(
+          `owner_inferred: ${abbrlink} => ${owner} (candidates: ${sortedCandidates.join(', ')})`,
+        )
+      }
+    }
+
+    if (owner) {
+      owners.set(abbrlink, owner)
+    }
+  }
+
+  return owners
+}
+
+function buildByLang(entries: ContentEntry[]): Partial<Record<string, ContentEntry>> {
+  const byLangExplicit: Partial<Record<string, ContentEntry>> = {}
+  const baseEntry = entries.find(entry => !entry.lang)
+
+  for (const locale of allLocales) {
+    byLangExplicit[locale] = entries.find(entry => entry.lang === locale)
+  }
+
+  // Keep language inference aligned with src/utils/content.ts
+  if (baseEntry) {
+    const zhEntry = byLangExplicit.zh
+    const enEntry = byLangExplicit.en
+
+    if (allLocales.includes('zh') && !zhEntry) {
+      byLangExplicit.zh = baseEntry
+    }
+
+    if (allLocales.includes('en') && !enEntry && zhEntry) {
+      byLangExplicit.en = baseEntry
+    }
+
+    // Generic fallback for projects where default locale is not zh.
+    if (!byLangExplicit[defaultLocale]) {
+      byLangExplicit[defaultLocale] = baseEntry
+    }
+  }
+
+  return byLangExplicit
+}
+
+function parseEntries(): ContentEntry[] {
+  const entries: ContentEntry[] = []
+
+  for (const collection of COLLECTIONS) {
+    const files = fg.sync(`${collection.baseDir}/**/*.{md,mdx}`, { dot: false })
+
+    for (const file of files) {
+      const absoluteFilePath = resolve(file)
+      const raw = readFileSync(absoluteFilePath, 'utf8')
+      const frontmatter = getFrontmatter(raw)
+      const relPath = relative(resolve(collection.baseDir), absoluteFilePath).replaceAll('\\', '/')
+      const id = relPath.replace(/\.(md|mdx)$/i, '')
+      const lang = getFrontmatterField(frontmatter, 'lang') || getLangFromId(id)
+      const abbrlink = getFrontmatterField(frontmatter, 'abbrlink')
+      const title = getFrontmatterField(frontmatter, 'title')
+      const draft = parseBoolean(getFrontmatterField(frontmatter, 'draft'))
+
+      entries.push({
+        kind: collection.kind,
+        id,
+        baseId: getBaseId(id),
+        lang,
+        abbrlink,
+        title,
+        draft,
+      })
+    }
+  }
+
+  return entries
+}
+
+function generateRedirectLines(entries: ContentEntry[]): string[] {
+  const groupedEntries = new Map<string, ContentEntry[]>()
+
+  for (const entry of entries) {
+    if (entry.draft || !entry.title.trim()) {
+      if (entry.abbrlink && isLegacyAbbrlink(entry.abbrlink)) {
+        skippedDrafts.push(`${entry.kind}:${entry.id}:${entry.abbrlink}`)
+      }
+      continue
+    }
+
+    const groupKey = `${entry.kind}:${entry.baseId}`
+    const bucket = groupedEntries.get(groupKey) ?? []
+    bucket.push(entry)
+    groupedEntries.set(groupKey, bucket)
+  }
+
+  const abbrlinkOwners = resolveAbbrlinkOwners(groupedEntries)
+  const redirectMap = new Map<string, string>()
+
+  for (const [groupKey, groupEntries] of groupedEntries) {
+    const [kindString, baseId] = groupKey.split(':')
+    const kind = kindString as RouteKind
+    const slug = slugifyPathSegment(baseId) || baseId
+    const ownedAbbrlinks = getLegacyAbbrlinks(groupEntries)
+      .filter(abbrlink => abbrlinkOwners.get(abbrlink) === groupKey)
+
+    if (ownedAbbrlinks.length === 0) {
+      continue
+    }
+
+    const byLang = buildByLang(groupEntries)
+    const supportedLangs = allLocales.filter(locale => Boolean(byLang[locale]))
+    if (supportedLangs.length === 0) {
+      continue
+    }
+
+    const fallbackLang = supportedLangs[0] ?? defaultLocale
+    const targetLang = supportedLangs.includes(defaultLocale) ? defaultLocale : fallbackLang
+    const defaultTargetPath = buildPath(kind, slug, targetLang)
+
+    const context = `${kind}:${baseId}`
+
+    // Normalize accidental .html variants of current slug URLs.
+    addRedirect(redirectMap, buildPath(kind, `${slug}.html`, targetLang), defaultTargetPath, context)
+
+    for (const abbrlink of ownedAbbrlinks) {
+      // Legacy Hexo links were /posts/:abbrlink.html for every article.
+      addRedirect(redirectMap, `/posts/${abbrlink}.html`, defaultTargetPath, context)
+      addRedirect(redirectMap, `/posts/${abbrlink}`, defaultTargetPath, context)
+    }
+
+    for (const lang of supportedLangs) {
+      if (lang === defaultLocale) {
+        continue
+      }
+
+      const localizedTargetPath = buildPath(kind, slug, lang)
+      addRedirect(redirectMap, buildPath(kind, `${slug}.html`, lang), localizedTargetPath, context)
+      for (const abbrlink of ownedAbbrlinks) {
+        addRedirect(redirectMap, `/${lang}/posts/${abbrlink}.html`, localizedTargetPath, context)
+        addRedirect(redirectMap, `/${lang}/posts/${abbrlink}`, localizedTargetPath, context)
+      }
+    }
+  }
+
+  return [...redirectMap.entries()]
+    .sort(([left], [right]) => left.localeCompare(right))
+    .map(([sourcePath, targetPath]) => `${sourcePath} ${targetPath} 301`)
+}
+
+function main() {
+  if (process.env.ENABLE_LEGACY_REDIRECTS === 'false') {
+    console.log('[generate-legacy-redirects] skipped because ENABLE_LEGACY_REDIRECTS=false')
+    return
+  }
+
+  const entries = parseEntries()
+  const redirectLines = generateRedirectLines(entries)
+
+  const output = [
+    '# AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.',
+    '# Generated by: pnpm generate-legacy-redirects',
+    ...redirectLines,
+    '',
+  ].join(EOL)
+
+  mkdirSync(dirname(OUTPUT_FILE), { recursive: true })
+  writeFileSync(OUTPUT_FILE, output, 'utf8')
+
+  if (conflicts.length > 0) {
+    const sample = conflicts.slice(0, 10)
+    console.warn(`[generate-legacy-redirects] ${conflicts.length} redirect conflicts detected`)
+    for (const item of sample) {
+      console.warn(`  - ${item}`)
+    }
+    if (conflicts.length > sample.length) {
+      console.warn(`  - ... and ${conflicts.length - sample.length} more`)
+    }
+  }
+
+  if (skippedDrafts.length > 0) {
+    console.warn(`[generate-legacy-redirects] skipped ${skippedDrafts.length} draft/unpublished entries with legacy abbrlink`)
+  }
+
+  if (ownershipWarnings.length > 0) {
+    const sample = ownershipWarnings.slice(0, 10)
+    console.warn(`[generate-legacy-redirects] ${ownershipWarnings.length} ownership warnings detected`)
+    for (const item of sample) {
+      console.warn(`  - ${item}`)
+    }
+    if (ownershipWarnings.length > sample.length) {
+      console.warn(`  - ... and ${ownershipWarnings.length - sample.length} more`)
+    }
+  }
+
+  console.log(`[generate-legacy-redirects] entries=${entries.length}, redirects=${redirectLines.length}, output=${OUTPUT_FILE}`)
+}
+
+main()

package/scripts/update-theme.ts

@@ -0,0 +1,46 @@
+/**
+ * Update theme from upstream repository
+ * Usage: pnpm update-theme
+ */
+
+import { execSync } from 'node:child_process'
+import fs from 'node:fs'
+import path from 'node:path'
+import process from 'node:process'
+
+// Check and set up the remote repository
+try {
+  execSync('git remote get-url upstream', { stdio: 'ignore' })
+}
+catch {
+  execSync('git remote add upstream https://github.com/radishzzz/astro-theme-retypeset.git', { stdio: 'inherit' })
+}
+
+// Update theme from upstream repository
+try {
+  execSync('git fetch upstream', { stdio: 'inherit' })
+
+  const beforeHash = execSync('git rev-parse HEAD', { encoding: 'utf8' }).trim()
+  execSync('git merge upstream/master --allow-unrelated-histories', { stdio: 'inherit' })
+  const afterHash = execSync('git rev-parse HEAD', { encoding: 'utf8' }).trim()
+
+  if (beforeHash === afterHash) {
+    console.log('✅ Already up to date')
+  }
+  else {
+    console.log('✨ Updated successfully')
+  }
+}
+catch (error) {
+  // Check if there's a merge conflict
+  const gitDir = execSync('git rev-parse --git-dir', { encoding: 'utf8' }).trim()
+  const mergeHeadPath = path.join(gitDir, 'MERGE_HEAD')
+
+  if (fs.existsSync(mergeHeadPath)) {
+    console.log('⚠️ Update fetched with merge conflicts. Please resolve manually')
+  }
+  else {
+    console.error('❌ Update failed:', error)
+    process.exit(1)
+  }
+}

package/src/assets/icons/copy-check.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="m23.1 6.4-1.3-1.3L9.4 16.6l-6.3-5.4-1.2 1.2L9.4 20z"/>
+</svg>

package/src/assets/icons/copy-icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M6.9.8v18h14.5V.8zm12.8 16h-11v-14h11z"/>
+  <path d="M4.3 21.2V5.6l-1.7.5v17.1h14.3l.6-2z"/>
+</svg>

package/src/assets/icons/go-back.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M17.8.7L4,12l13.8,11.4.7-.9L7.2,12,18.5,1.5l-.7-.8Z"/>
+</svg>

package/src/assets/icons/heading-anchor.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M2.6 21.4c2 2 5.9 2.9 8.9 0l3.5-3.5-1-1-3.5 3.5c-1.4 1.4-4.2 1.9-6.4-.3s-1.8-5-.3-6.4l3.5-3.5-1-1-3.5 3.5c-3 3-2 6.9 0 8.9ZM21.4 2.6c2 2 2.9 5.9 0 8.9L17.9 15l-1-1 3.5-3.5c1.4-1.4 1.9-4.2-.3-6.4s-5-1.8-6.4-.3l-3.5 3.5-1-1 3.5-3.5c3-3 6.9-2 8.9 0Z"/>
+  <path d="m8.01 14.97 6.93-6.93 1.061 1.06-6.93 6.93z"/>
+</svg>

package/src/assets/icons/lang-en.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M19.18 21.1 12.4 1.89h-1.21L4.52 21.1l-2.53.2v.81h6.37v-.81l-2.83-.2 2.02-5.97h7.58l2.02 5.97-3.34.2v.81H22v-.81l-2.83-.2zM7.85 14.33l3.44-10.21 3.54 10.21z"/>
+</svg>

package/src/assets/icons/lang-ja.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g transform="translate(-0.83,21.94) scale(0.0258,-0.0258)">
+    <path d="M138 612C145 613 150 613 154 613C156 613 163 613 172 612C252 609 297 607 307 607H347C342 534 342 529 341 456C196 393 109 281 109 158C109 69 163 6 238 6C308 6 384 47 461 127C539 206 593 292 651 427C759 399 816 339 816 253C816 164 753 91 644 53C596 36 553 28 494 26C512 -1 517 -12 526 -41C616 -30 673 -14 730 16C833 70 887 149 887 247C887 364 810 449 672 481C689 528 700 555 703 561L634 582C630 552 622 522 610 492C585 494 573 495 552 495C499 495 455 489 404 475C405 524 405 524 411 609C504 612 656 629 765 649C784 652 787 652 800 654L796 724C720 697 578 676 415 668C422 746 427 780 436 808L358 813C359 806 359 800 359 798C359 791 357 752 356 741C352 690 352 690 351 666C333 665 329 665 326 665C234 665 181 669 139 681ZM341 393C341 272 347 199 361 122C316 86 283 71 246 71C203 71 174 107 174 162C174 212 196 265 235 311C263 343 292 366 341 393ZM415 164C415 169 415 174 415 175C415 181 415 183 414 189C405 272 404 289 403 418C449 433 496 441 542 441C553 441 558 441 590 439C544 334 502 264 437 189C429 181 428 179 418 163Z"/>
+  </g>
+</svg>