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",[129],"e4332782-5d07-11f1-b6df-1607ee4eb77e",["D",1780242389983],[27],"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}",[144],"pulls","branches",1,"forks","envVars",{"_159":58,"_161":58},"connections",{"_159":58,"_160":58},"count","unfilledCount","emptyCount",{"_41":143,"_31":144,"_29":145,"_131":-5,"_39":40,"_38":146,"_133":120,"_36":172,"_13":148,"_32":136,"_34":149,"_23":24,"_138":-5,"_166":173,"_26":174},{"_41":140,"_31":27,"_29":30,"_131":-5,"_39":40,"_38":14,"_133":24,"_36":169,"_13":58,"_32":33,"_34":35,"_23":24,"_138":-5,"_166":170,"_26":171},{"_41":128,"_31":129,"_29":130,"_131":-5,"_39":40,"_38":132,"_133":24,"_36":165,"_13":135,"_32":136,"_34":137,"_23":24,"_138":-5,"_166":167,"_26":168},["D",1780242215856],"children",[],[129],["D",1780242389983],[],[27],["D",1780159693356],[],[144],["D",1780155615864],["D",1789497655664],{"_95":94,"_102":98},{"_95":94,"_96":43,"_97":98,"_18":52,"_99":100,"_101":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_122":213,"_214":215,"_216":217,"_218":24,"_219":24,"_220":24,"_221":120,"_222":-5,"_223":-7,"_224":-7,"_225":58,"_226":24,"_227":24,"_228":-5,"_229":24,"_230":24,"_231":24,"_232":-5},"ENV",{"_184":185,"_186":187,"_188":85,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212},"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 · v32