Init commit

2026-05-02 01:17:08 +07:00
commit f3f831653f
104 changed files with 43827 additions and 0 deletions
@@ -0,0 +1,64 @@
+/**
+ * Flag — renders a country flag image from an ISO 3166-1 alpha-2 code.
+ * Images served from flagcdn.com (free, no auth required).
+ */
+
+const COUNTRY_NAMES: Record<string, string> = {
+  RU: "Россия",
+  DE: "Германия",
+  NL: "Нидерланды",
+  SG: "Сингапур",
+  US: "США",
+  GB: "Великобритания",
+  FR: "Франция",
+  FI: "Финляндия",
+  SE: "Швеция",
+  PL: "Польша",
+  UA: "Украина",
+  TR: "Турция",
+  JP: "Япония",
+  HK: "Гонконг",
+}
+
+/** Country name in Russian (fallback to code) */
+export function countryName(code: string): string {
+  return COUNTRY_NAMES[code.toUpperCase()] ?? code
+}
+
+interface FlagProps {
+  code: string
+  /** px size — width of the flag image (height auto-scales 3:2 ratio) */
+  size?: number
+  className?: string
+}
+
+// flagcdn.com supports only these widths
+const CDN_SIZES = [20, 40, 80, 160, 320, 640, 1280, 2560]
+
+function nearestCdnSize(px: number): number {
+  return CDN_SIZES.find(s => s >= px) ?? CDN_SIZES[CDN_SIZES.length - 1]
+}
+
+/**
+ * Renders a flag <img> for a given ISO 3166-1 alpha-2 country code.
+ * Source: https://flagcdn.com — free CDN, no API key needed.
+ */
+export function Flag({ code, size = 20, className }: FlagProps) {
+  if (!code) return null
+  const lower  = code.toLowerCase()
+  const name   = countryName(code.toUpperCase())
+  const cdnSrc = nearestCdnSize(size)
+  const cdnSrc2x = nearestCdnSize(size * 2)
+  return (
+    <img
+      src={`https://flagcdn.com/w${cdnSrc}/${lower}.png`}
+      srcSet={`https://flagcdn.com/w${cdnSrc2x}/${lower}.png 2x`}
+      width={size}
+      height={Math.round(size * 0.75)}
+      alt={name}
+      title={name}
+      className={className}
+      style={{ display: "inline-block", verticalAlign: "middle", borderRadius: 2 }}
+    />
+  )
+}