[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_192":193,"_194":195},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_144":-5,"_20":145,"_22":146,"_147":148,"_149":150,"_25":151,"_24":-5,"_152":-5,"_153":-5,"_154":55,"_155":156,"_157":46,"_158":-5,"_159":-5,"_160":161},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","anonymous2","name","anonymous","branchName","main","version","path","","project",{"_35":87,"_13":14,"_47":88,"_89":-5,"_90":55,"_91":92,"_93":92,"_94":19,"_95":-5,"_96":97,"_98":-5,"_99":55,"_100":-5,"_101":-5,"_102":103,"_104":105,"_106":107,"_108":109,"_110":111,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_128":55},"tree",[74,75,76],"file","contents",[32,33,34],"upstream","pull","ahead","behind","envVars",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":51,"_52":72,"_54":55,"_56":-5,"_18":73},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_18":65},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","65e63d0c-5d0b-11f1-92c5-1607ee4eb77e","new-file-5273.ts","fileId","e4332868-5d07-11f1-b6df-1607ee4eb77e","parentId","branchId","dacae088-5c3d-11f1-8191-ee650bb23af1","branchVersion",39,"latest",true,"createdAt",["D",1780243896060],6,"fileType","http","content","import { fetch } from \"https://esm.town/v/std/fetch\";\n\nexport default async function (req: Request): Promise {\n // 1. ระบบ Backend ประมวลผลและยิงข้อมูลเข้า Discord Webhook (POST)\n if (req.method === \"POST\") {\n try {\n const data = await req.json();\n const {\n webhook_url,\n bot_name,\n avatar_url,\n image_url1,\n image_url2,\n embed_color,\n field_val,\n } = data;\n\n if (!webhook_url) {\n return new Response(\"❌ กรุณากรอก Webhook URL\", { status: 400 });\n }\n\n const parsedColor = parseInt(\n (embed_color || \"#00ffcc\").replace(\"#\", \"\"),\n 16,\n );\n const embedsArray = [];\n\n // 🖼️ เลเยอร์ที่ 1: กล่องแบนเนอร์ภาพท่อนบนสุด (WARNING)\n // ส่งเป็น Embed กล่องแรก ยัดรูปภาพขนาดใหญ่เต็มผืน (ขอบสีจะเชื่อมกับกล่องล่างอัตโนมัติ)\n if (image_url1 && image_url1.trim() !== \"\") {\n embedsArray.push({\n color: parsedColor,\n image: { url: image_url1.trim() },\n });\n }\n\n // 🖼️ เลเยอร์ที่ 2: กล่องข้อความรายละเอียดท่อนล่าง + ภาพเส้นคั่นกลาง (TUTORIALS)\n // บังคับสร้างกล่องนี้เสมอ เพื่อเป็นฐานรองรับข้อมูลไฮเปอร์ลิงก์สีฟ้า\n const secondEmbed: any = {\n color: parsedColor,\n };\n\n // นำข้อความย่อยท่อนล่าง (ที่พิมพ์พวกไฮเปอร์ลิงก์) มาใส่ช่อง Description ของกล่องที่สอง\n // เพื่อให้ Discord แปลงตัวหนังสือ [ข้อความ](ลิงก์) ให้กลายเป็นสีฟ้ากดคลิกได้\n if (field_val && field_val.trim() !== \"\") {\n secondEmbed.description = field_val;\n }\n\n // นำภาพเส้นคั่นแบนเนอร์กลาง (TUTORIALS) มาฝังไว้ในช่อง image ของกล่องที่สอง\n if (image_url2 && image_url2.trim() !== \"\") {\n secondEmbed.image = { url: image_url2.trim() };\n }\n\n // ตรวจสอบความปลอดภัย: ถ้าไม่มีทั้งข้อความและภาพในกล่องสอง ไม่ต้องใส่เข้าไปป้องกันบอทเอ๋อ\n if (secondEmbed.description || secondEmbed.image) {\n embedsArray.push(secondEmbed);\n }\n\n // หากไม่มีรูปหรือข้อความใด ๆ ถูกสร้างเลย ให้แจ้งเตือนก่อนส่ง\n if (embedsArray.length === 0) {\n return new Response(\"❌ กรุณาใส่รูปภาพหรือข้อความอย่างใดอย่างหนึ่ง\", {\n status: 400,\n });\n }\n\n // ยิงตรงเข้าสู่ระบบเซิร์ฟเวอร์ Discord\n const response = await fetch(webhook_url, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n username: bot_name || \"781MEDIA BOT\",\n avatar_url: avatar_url || undefined,\n embeds: embedsArray,\n }),\n });\n\n if (response.ok) {\n return new Response(\"✅ ยิงประกาศโมเดลสมานแผ่นภาพเรียบร้อยแล้ว!\", {\n status: 200,\n });\n } else {\n const errorText = await response.text();\n return new Response(`❌ Discord Error: ${errorText}`, {\n status: response.status,\n });\n }\n } catch (error) {\n return new Response(`❌ JSON Error: ${error.message}`, { status: 400 });\n }\n }\n\n // 2. หน้าแผงควบคุม UI และ Live Preview จำลองการผสานขอบแบบไร้รอยต่อ (GET)\n const htmlContent = `\n \n \n \n \n \n 781MEDIA Discohook Engine V7\n \n \n \n

781MEDIA Discohook V7 (Fix)

🔗 ตั้งค่าการส่ง Webhook

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

🖼️ รูปภาพกล่องที่ 1 (แบนเนอร์บนสุด)

\n ลิงก์รูปภาพท่อนบน (รูป WARNING + ข้อความบรรยายประกอบบนเว็บ)\n \n\n

🖼️ รูปภาพกล่องที่ 2 (เส้นแบนเนอร์คั่นกลาง)

\n ลิงก์รูปเส้นคั่นกลาง (รูปแบนเนอร์คำว่า TUTORIALS)\n \n\n

📝 ข้อความกล่องที่ 2 (ท่อนล่างสุด - รองรับลิงก์สีฟ้า)

\n พิมพ์รายละเอียดข้อความย่อย (ใช้รูปแบบ [ชื่อข้อความ](ลิงก์เว็บ) ได้เต็มที่ครับ)\n \n\n

🎨 สีสันธีม

\n สีแถบข้างขอบการ์ด\n \n\n \n

\n\n

👁️ DISCORD LIVE PREVIEW

781MEDIA BOT แอป

\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}","deleted",false,"label",[37],"bef3a7a8-5d0c-11f1-ba5d-1607ee4eb77e","new-file-3262.ts","ac273414-5d0c-11f1-affc-1607ee4eb77e",42,["D",1780244474963],2,"export default async function (req: Request): Promise {\n const html = `\n \n \n \n \n \n \n \n\n \n \n 🚀 เข้าร่วมเซิร์ฟเวอร์ 781MEDIA\n \n\n \n \n `;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}",[59],"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}",[67],{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":84,"_17":71,"_50":51,"_52":72,"_54":55,"_56":-5,"_78":85,"_18":86},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_78":82,"_18":83},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":79,"_18":80},["D",1780243896060],"children",[],[37],["D",1780244474963],[],[59],["D",1780159693356],[],[67],"daca56b8-5c3d-11f1-8191-ee650bb23af1",["D",1780155615864],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","811078c9-1e7a-4bfa-9973-924fb2a15a35","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e7988-7c8a-7661-ad3a-e8295523f9f3","tursoName","daca56b85c3d11f18191ee650bb23af1","tursoHostname","daca56b85c3d11f18191ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789497655664],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_143":139},"org",{"_11":12,"_137":14,"_138":139,"_96":97,"_140":141,"_142":55},"branch",{"_17":61,"_13":16,"_35":42,"_129":87,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://lh3.googleusercontent.com/a/ACg8ocIUDHDHPPGPDl08S8urEYZmsMm3vONbpN4z5aqazSbjvD9-VOU=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":87,"_13":14,"_47":187,"_89":-5,"_90":55,"_91":92,"_93":92,"_94":19,"_95":-5,"_96":97,"_98":-5,"_99":55,"_100":-5,"_101":-5,"_102":103,"_104":105,"_106":107,"_108":109,"_110":188,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":189,"_124":190,"_126":191,"_128":55},[178,179,180],"files",[178,179,180],"counts",{"_168":103,"_169":170,"_171":103,"_31":172,"_173":174},[162,163,164],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":70,"_17":71,"_50":51,"_52":72,"_54":55,"_56":-5,"_18":167},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":62,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_18":166},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":165},[37],[59],[67],"pulls","branches",1,"forks",{"_175":103,"_177":103},"connections",{"_175":103,"_176":103},"count","unfilledCount","emptyCount",{"_35":66,"_13":67,"_38":68,"_40":-5,"_41":42,"_43":69,"_45":46,"_47":84,"_17":71,"_50":51,"_52":72,"_54":55,"_56":-5,"_78":185,"_18":186},{"_35":58,"_13":59,"_38":60,"_40":-5,"_41":42,"_43":61,"_45":46,"_47":81,"_17":63,"_50":51,"_52":64,"_54":55,"_56":-5,"_78":183,"_18":184},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":77,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_78":181,"_18":182},[],[37],[],[59],[],[67],["D",1780155615864],["D",1789497655664],{"_11":12,"_143":139},{"_11":12,"_137":14,"_138":139,"_96":97,"_140":141,"_142":55},{"_17":61,"_13":16,"_35":42,"_129":87,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_122":-5,"_159":225,"_226":227,"_228":229,"_230":55,"_231":55,"_232":55,"_233":46,"_234":-5,"_235":-7,"_236":-7,"_237":103,"_238":55,"_239":55,"_240":-5,"_241":55,"_242":55,"_243":55,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":16,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"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"]

Code