🌐 翻译助手

\n \n \n

\n setSourceText(e.target.value)}\n style={styles.textarea}\n />\n \n {errorMessage || translatedText}\n \n

\n {errorMessage && (\n

\n ❌ {errorMessage}\n

\n )}\n \n \n 查看源代码\n \n

\n );\n}\n\nconst styles = {\n container: {\n maxWidth: \"600px\",\n margin: \"0 auto\",\n padding: \"20px\",\n fontFamily: \"Arial, sans-serif\",\n textAlign: \"center\"\n },\n title: {\n color: \"#333\",\n marginBottom: \"20px\"\n },\n languageSelectors: {\n display: \"flex\",\n justifyContent: \"space-between\",\n marginBottom: \"15px\"\n },\n select: {\n width: \"48%\",\n padding: \"10px\",\n borderRadius: \"5px\",\n border: \"1px solid #ccc\"\n },\n textareaContainer: {\n display: \"flex\",\n gap: \"10px\",\n marginBottom: \"15px\"\n },\n textarea: {\n width: \"48%\",\n height: \"200px\",\n padding: \"10px\",\n borderRadius: \"5px\",\n border: \"1px solid #ccc\",\n resize: \"none\"\n },\n errorTextarea: {\n backgroundColor: \"#fff0f0\",\n color: \"#d9534f\"\n },\n translateButton: {\n padding: \"10px 20px\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\"\n },\n sourceLink: {\n display: \"block\",\n marginTop: \"10px\",\n color: \"#666\",\n textDecoration: \"none\"\n },\n errorMessage: {\n color: \"#d9534f\",\n backgroundColor: \"#fff0f0\",\n padding: \"10px\",\n borderRadius: \"5px\",\n marginBottom: \"15px\"\n }\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/translate\") {\n try {\n const { text, source_lang, target_lang } = await request.json();\n \n // 增加输入验证\n if (!text || text.trim() === \"\") {\n return new Response(JSON.stringify({ error: \"翻译文本不能为空\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n\n // 使用开放的翻译API作为备选方案\n const translationResponse = await fetch(\n `https://translate.googleapis.com/translate_a/single?client=gtx&sl=${source_lang === 'auto' ? 'auto' : source_lang}&tl=${target_lang}&dt=t&q=${encodeURIComponent(text)}`,\n {\n method: 'GET',\n headers: {\n 'User-Agent': 'Mozilla/5.0'\n }\n }\n );\n\n if (!translationResponse.ok) {\n return new Response(JSON.stringify({ error: \"翻译服务返回异常\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n\n const translationData = await translationResponse.json();\n \n // 从Google翻译API提取翻译文本\n const translatedText = translationData[0].reduce((acc, item) => {\n return acc + (item[0] || '');\n }, '');\n\n // 检查翻译结果\n if (!translatedText || translatedText.trim() === \"\") {\n return new Response(JSON.stringify({ error: \"未能获取翻译结果\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n\n return new Response(JSON.stringify({ translatedText }), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (error) {\n console.error(\"服务端翻译错误:\", error);\n return new Response(JSON.stringify({ error: \"翻译失败，请稍后重试\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n\n return new Response(`\n \n \n 翻译助手\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}","deleted","label",[99],"permalink","https://www.val.town/x/sky_porie_fire443/deepLTranslatorApp/code/main.tsx","extension","actionData","errors"]