[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","69a1661999bc8191be02490f7ca188b8","versionInt","title","Name Generator Component","type","code/react","content","import React, { useMemo, useState, useEffect } from \"react\";\n\n// Строго 5 букв\n// Формула: 2 буквы + 3 буквы\n// Тёмная тема по умолчанию + ускоренная Matrix-анимация\n\nconst letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n\nconst themes = {\n gaming: {\n label: \"Игровой сленг\",\n partA: [\"GG\", \"NO\", \"HP\", \"XP\", \"AF\", \"OP\", \"EZ\", \"GL\", \"WP\", \"KD\"],\n partB: [\"WIN\", \"LAG\", \"NER\", \"PRO\", \"BOT\", \"RNG\", \"KDA\", \"PVP\", \"DPS\", \"AIM\"]\n },\n space: {\n label: \"Космос\",\n partA: [\"NO\", \"LU\", \"AS\", \"ZE\", \"OR\", \"VE\", \"SO\", \"KY\", \"NE\", \"GA\"],\n partB: [\"VEX\", \"RON\", \"TAR\", \"XIS\", \"LAR\", \"NEX\", \"SOL\", \"ZOR\", \"COS\", \"ION\"]\n },\n biotech: {\n label: \"Биотех\",\n partA: [\"BI\", \"GE\", \"CY\", \"NE\", \"VI\", \"MY\", \"CE\", \"HE\", \"MI\", \"PH\"],\n partB: [\"GEN\", \"VIT\", \"SYN\", \"LON\", \"TIX\", \"MOR\", \"ZEN\", \"LAB\", \"COR\", \"ION\"]\n },\n history: {\n label: \"История и география\",\n partA: [\"RO\", \"AT\", \"NI\", \"OD\", \"SP\", \"GO\", \"IN\", \"MA\", \"PE\", \"IB\"],\n partB: [\"MAR\", \"LON\", \"TAR\", \"RUM\", \"NIS\", \"DOR\", \"CUS\", \"MEX\", \"RIA\", \"ION\"]\n },\n it: {\n label: \"Айти\",\n partA: [\"CY\", \"TE\", \"BI\", \"DA\", \"NE\", \"AI\", \"QU\", \"DE\", \"SO\", \"CL\"],\n partB: [\"NET\", \"SYS\", \"BOT\", \"LAB\", \"ION\", \"NIX\", \"BIT\", \"LOG\", \"DEX\", \"ORE\"]\n },\n theology: {\n label: \"Теология\",\n partA: [\"DE\", \"AN\", \"EL\", \"SA\", \"TH\", \"UR\", \"CH\", \"DO\", \"TR\", \"HO\"],\n partB: [\"LUX\", \"THE\", \"ION\", \"MIS\", \"SAR\", \"RUM\", \"ORA\", \"DOM\", \"NIS\", \"ELI\"]\n },\n rome: {\n label: \"Римская мифология\",\n partA: [\"JU\", \"MA\", \"VE\", \"SA\", \"LU\", \"NE\", \"MI\", \"CA\", \"FA\", \"DI\"],\n partB: [\"PIT\", \"MOR\", \"NUS\", \"RIA\", \"TOR\", \"XIS\", \"LAR\", \"CUS\", \"RUM\", \"ION\"]\n },\n mortalkombat: {\n label: \"Mortal Kombat\",\n partA: [\"SC\", \"RA\", \"SU\", \"LI\", \"KA\", \"SH\", \"NO\", \"KU\", \"RE\", \"ER\"],\n partB: [\"RAX\", \"DEN\", \"ZRO\", \"ANA\", \"NZO\", \"GAS\", \"TAL\", \"KAI\", \"RON\", \"TOR\"]\n },\n latin: {\n label: \"Латынь\",\n partA: [\"VI\", \"AU\", \"OM\", \"IN\", \"SU\", \"LU\", \"VE\", \"MA\", \"TE\", \"CO\"],\n partB: [\"TAS\", \"LUX\", \"NUS\", \"RIA\", \"TOR\", \"VUS\", \"MEN\", \"CAR\", \"DUS\", \"SIS\"]\n },\n greek: {\n label: \"Греческая мифология\",\n partA: [\"ZE\", \"HE\", \"AR\", \"PO\", \"AT\", \"AP\", \"DI\", \"KR\", \"MI\", \"TH\"],\n partB: [\"NUS\", \"LON\", \"TOS\", \"RIA\", \"MOR\", \"XIS\", \"DOR\", \"MEN\", \"ZON\", \"TAR\"]\n }\n};\n\nconst globalRegistry = new Set();\n\nfunction generateAll(themeKey) {\n const theme = themes[themeKey];\n const combinations = [];\n for (let a of theme.partA) {\n for (let b of theme.partB) {\n combinations.push((a + b).toUpperCase());\n }\n }\n return [...new Set(combinations)];\n}\n\nfunction generateUnique(themeKey) {\n const theme = themes[themeKey];\n let attempts = 0;\n let name;\n do {\n const a = theme.partA[Math.floor(Math.random() * theme.partA.length)];\n const b = theme.partB[Math.floor(Math.random() * theme.partB.length)];\n name = (a + b).toUpperCase();\n attempts++;\n } while (globalRegistry.has(name) && attempts < 1000);\n globalRegistry.add(name);\n return name;\n}\n\nexport default function NameGenerator() {\n const [themeKey, setThemeKey] = useState(\"space\");\n const [displayName, setDisplayName] = useState(generateUnique(\"space\"));\n const [targetName, setTargetName] = useState(displayName);\n const [isDark, setIsDark] = useState(true);\n const [isAnimating, setIsAnimating] = useState(false);\n\n const allNames = useMemo(() => generateAll(themeKey), [themeKey]);\n const totalVariants = themes[themeKey].partA.length * themes[themeKey].partB.length;\n\n const bgMain = isDark ? \"bg-black text-white\" : \"bg-gray-100 text-black\";\n const cardBg = isDark ? \"bg-zinc-900\" : \"bg-white\";\n const itemBg = isDark ? \"bg-zinc-800 text-white\" : \"bg-gray-100 text-black\";\n const resultColor = isDark ? \"text-green-400\" : \"text-black\";\n\n useEffect(() => {\n if (!isAnimating) return;\n\n let frame = 0;\n const maxFrames = 20;\n\n const interval = setInterval(() => {\n frame++;\n const randomText = Array(5)\n .fill(0)\n .map(() => letters[Math.floor(Math.random() * letters.length)])\n .join(\"\");\n\n setDisplayName(randomText);\n\n if (frame >= maxFrames) {\n clearInterval(interval);\n setDisplayName(targetName);\n setIsAnimating(false);\n }\n }, 25); // ускорено в 2 раза (было 50)\n\n return () => clearInterval(interval);\n }, [isAnimating, targetName]);\n\n const handleGenerate = () => {\n const newName = generateUnique(themeKey);\n setTargetName(newName);\n setIsAnimating(true);\n };\n\n return (\n

Генератор 5-буквенных имён

\n setIsDark(!isDark)}\n className=\"px-4 py-2 rounded-xl border\"\n >\n {isDark ? \"Светлая тема\" : \"Тёмная тема\"}\n \n

\n\n

\n {Object.keys(themes).map((key) => (\n setThemeKey(key)}\n className={`px-4 py-2 rounded-xl border ${themeKey === key ? \"bg-green-600 text-white\" : \"\"}`}\n >\n {themes[key].label}\n \n ))}\n

\n\n

\n {displayName}\n

\n \n Сгенерировать\n \n

\n\n

\n • Формат: 2 + 3 буквы
\n • Уникальность гарантируется
\n • Возможных комбинаций: {totalVariants}\n {themeKey === \"gaming\" && (\n <>\n
• Категория основана на геймерском сленге: GG (good game), OP (overpowered), RNG (рандом), DPS (урон в секунду)\n \n )}\n

\n\n

\n {allNames.map((name, i) => (\n \n {name}\n

\n ))}\n

\n \n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","1587135277042972712","traceTime",1782462620860]