781MEDIA Discohook

🔗 ตั้งค่าความปลอดภัย Webhook

\n Webhook URL\n \n ชื่อบอทแสดงผล\n \n ลิงก์รูปโปรไฟล์บอท\n \n\n

📝 เนื้อหาท่อนบนสุดของประกาศ

\n หัวข้อประกาศ (Title)\n \n รายละเอียด/คำอธิบาย (Description)\n \n \n 🖼️ รูปภาพ 1 (ภาพแบนเนอร์ใหญ่ บนสุดใต้ข้อความ)\n \n \n 🖼️ รูปภาพ 2 (ภาพแบนเนอร์ใหญ่ อันล่างคั่นเหนือ Field)\n \n\n

📁 บล็อกกล่องข้อมูลรายการย่อย (Fields)

\n หัวข้อ Field ชั้นล่าง\n \n เนื้อหาข้างใน Field\n \n\n

🎨 ธีมสีและสลักท้ายประกาศ

\n สีเส้นขอบการ์ดข้างซ้าย\n \n ข้อความปิดท้าย Footer\n \n ลิงก์ไอคอนเล็กท้าย Footer\n \n\n \n

\n\n

👁️ DISCORD LIVE PREVIEW (3-LAYERS)

\n 781MEDIA BOT\n แอป\n

\n \n

หัวข้อประกาศ

คำอธิบายหลักของการ์ดประกาศข่าวสาร

\n \n

หัวข้อย่อย

รายละเอียดของฟิลด์ข้อมูลด้านล่างภาพ

\n \n \n

\n\n

\n\n \n \n \n `;\n\n return new Response(htmlContent, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}","label",[131],"eff4b3ba-5d07-11f1-8fd7-1607ee4eb77e",["D",1780242409704],1,[28],"592ca110-5c47-11f1-936c-ee650bb23af1","new-file-2022.ts","f83a8e6c-5c41-11f1-989f-ee650bb23af1",10,["D",1780159693356],4,"export default async function (req: Request): Promise {\n if (req.method === \"POST\") {\n try {\n const data = await req.json();\n const {\n target_type,\n auth_token,\n channel_id,\n webhook_url,\n bot_name,\n avatar_url,\n embed_title,\n message,\n image_url1,\n image_url2,\n embed_color,\n fields,\n buttons,\n menu_roles,\n } = data;\n\n const parsedColor = parseInt(\n (embed_color || \"#00ffcc\").replace(\"#\", \"\"),\n 16,\n );\n\n // 1. สร้างโครงสร้าง Embeds ตามที่คุณออกแบบไว้\n const embeds = [];\n\n // Embed หลัก: หัวข้อ + คำอธิบาย + ภาพแนวนอน 1 + Fields\n const mainEmbed: any = {\n title: embed_title || undefined,\n description: message || undefined,\n color: parsedColor,\n fields: fields && fields.length > 0 ? fields : undefined,\n };\n if (image_url1) mainEmbed.image = { url: image_url1 };\n embeds.push(mainEmbed);\n\n // Embed ที่ 2 (ถ้ามีภาพแนวนอนอันล่าง เพื่อให้เรียงต่อกันเป็นแนวนอนสวยๆ)\n if (image_url2) {\n embeds.push({\n color: parsedColor,\n image: { url: image_url2 },\n });\n }\n\n // 2. สร้าง Components (Buttons / Select Menu)\n const components = [];\n\n // จัดการปุ่ม (Buttons) - จัดกลุ่มแถวละไม่เกิน 5 ปุ่ม\n if (buttons && buttons.length > 0) {\n const actionRow = { type: 1, components: [] };\n buttons.forEach((btn: any) => {\n const discordBtn: any = {\n type: 2,\n label: btn.label,\n style: parseInt(btn.style),\n };\n\n if (btn.style === \"5\") { // ปุ่มลิงก์ URL\n discordBtn.url = btn.value;\n } else { // ปุ่มแจกบทบาท\n discordBtn.custom_id = `role_${btn.value}`;\n }\n actionRow.components.push(discordBtn);\n });\n components.push(actionRow);\n }\n\n // จัดการเมนูเลือกบทบาท (Select Menu Role)\n if (menu_roles && menu_roles.length > 0) {\n const actionRow = { type: 1, components: [] };\n const options = menu_roles.map((role: any, index: number) => ({\n label: role.label,\n value: role.id,\n description: role.desc || undefined,\n }));\n\n actionRow.components.push({\n type: 3, // String Select Menu\n custom_id: \"menu_role_select\",\n placeholder: \"👇 เลือกบทบาทของคุณที่นี่...\",\n options: options,\n });\n components.push(actionRow);\n }\n\n // 3. แยกส่งตามประเภทการเชื่อมต่อ (Webhook หรือ Bot Token)\n let response;\n if (target_type === \"webhook\") {\n // ส่งผ่าน Webhook (ได้แค่ Embed และปุ่มลิงก์สไตล์เว็บ Discohook)\n response = await fetch(webhook_url, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n username: bot_name,\n avatar_url,\n embeds,\n components: components.length > 0 && buttons.every((b) =>\n b.style === \"5\"\n )\n ? components\n : undefined,\n }),\n });\n } else {\n // ส่งผ่าน Bot Token ขั้นสูง (ส่งปุ่มแจกบทบาท และเมนูได้ครบวงจร)\n response = await fetch(\n `https://discord.com/api/v10/channels/${channel_id}/messages`,\n {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bot ${auth_token}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ embeds, components }),\n },\n );\n }\n\n if (response.ok) {\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } else {\n const errText = await response.text();\n return new Response(\n JSON.stringify({ success: false, error: errText }),\n { status: 400, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n } catch (e) {\n return new Response(\n JSON.stringify({ success: false, error: e.message }),\n { status: 500 },\n );\n }\n }\n\n // หน้าตา UI แผงควบคุมควบคุมสไตล์ดาร์กธีม #222222 นีออนไซเบอร์พังค์\n const html = `\n \n \n \n \n \n 781MEDIA Custom Discohook\n \n \n \n

781MEDIA Discohook Engine

\n \n

🔗 ตั้งค่าการส่ง (ค่อยใส่ตอนจะประกาศได้)

\n รูปแบบการส่ง\n \n \n

\n Webhook URL\n \n ชื่อบอทจำลอง\n \n ลิงก์รูปโปรไฟล์บอท\n \n

\n\n

\n Bot Token\n \n ID ของห้องใน Discord (Channel ID)\n \n

\n\n

🖼️ เนื้อหาการ์ดประกาศ (Embed UI)

\n หัวข้อ (Title)\n \n คำอธิบาย (Description)\n \n ภาพแนวนอนอันบน (Image URL 1)\n \n \n ฟิลด์ข้อมูลเพิ่มเติม (Fields)\n

\n \n\n ภาพแนวนอนอันล่าง (Image URL 2)\n \n \n สีแถบข้างของการ์ด\n \n

\n\n

🔘 ระบบปุ่มกด และเมนูบทบาท (Components)

*หากใช้ Webhook จะส่งได้เฉพาะปุ่มประเภท \"ลิงก์เว็บ URL\" เท่านั้น

\n \n ปุ่มกด (Buttons)\n

\n \n\n เมนูเลือกบทบาท (Select Menu Role)\n

\n \n

\n\n \n

\n\n \n \n \n `;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}",[146],"pulls","branches","forks","envVars",{"_160":60,"_162":60},"connections",{"_160":60,"_161":60},"count","unfilledCount","emptyCount",{"_43":145,"_32":146,"_30":147,"_133":-5,"_41":42,"_40":148,"_135":122,"_38":173,"_13":150,"_33":37,"_35":151,"_24":25,"_139":-5,"_167":174,"_27":175},{"_43":141,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_135":25,"_38":170,"_13":143,"_33":37,"_35":36,"_24":25,"_139":-5,"_167":171,"_27":172},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":25,"_38":166,"_13":137,"_33":37,"_35":138,"_24":25,"_139":-5,"_167":168,"_27":169},["D",1780242215856],"children",[],[131],["D",1780242409704],[],[28],["D",1780159693356],[],[146],["D",1780155615864],["D",1789497655664],{"_97":96,"_104":100},{"_97":96,"_98":45,"_99":100,"_18":54,"_101":102,"_103":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_124":214,"_215":216,"_217":218,"_219":25,"_220":25,"_221":25,"_222":122,"_223":-5,"_224":-7,"_225":-7,"_226":60,"_227":25,"_228":25,"_229":-5,"_230":25,"_231":25,"_232":25,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":87,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v33