[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_169":170,"_171":172},"routes/_app.x.$handle.$name",{"_98":97,"_33":46,"_106":88,"_28":37,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":27,"_120":121,"_122":25,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":37,"_54":-5,"_18":55,"_56":-5,"_57":27,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":27},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous",{"_31":32,"_33":29,"_34":35,"_36":37},"deleted",true,"deletedHere",false,"path","new-file-875.ts","latestPath","fileId","733a030e-5d00-11f1-8c1f-1607ee4eb77e","name","fileType","script","content","","import { fetch } from \"https://esm.town/v/std/fetch\";\n\nexport default async function (req: Request): Promise {\n // 1. วาง URL ของ Discord Webhook ของคุณที่นี่\n const DISCORD_WEBHOOK_URL = \"YOUR_DISCORD_WEBHOOK_URL_HERE\";\n\n // 2. กำหนดข้อมูลที่ต้องการใส่ใน Embed (ปรับแต่งเนื้อหาตรงนี้ได้เลย)\n const embedData = {\n username: \"781MEDIA Bot\", // ชื่อของ Webhook ตัวเปิด\n avatar_url: \"\", // ลิงก์รูปโปรไฟล์ของ Webhook (ถ้ามี)\n\n // โครงสร้าง Embed (กล่องเดียว)\n embed: {\n title: \"🚀 นี่คือหัวข้อหลัก (Title)\", // 2. หัวข้อ\n description:\n \"นี่คือคำอธิบายหลัก (Description) สามารถใส่รายละเอียดภาพรวมของโพสต์นี้ได้ยาวๆ เลยครับ\", // 3. คำอธิบาย\n color: 0xffffff, // 6. เส้นคั่นสีขาว (ใช้รหัสสีแบบ Decimal: 0xffffff คือสีขาว)\n\n // 1. รูปภาพส่วนบน (แนะนำให้ใช้เป็น Thumbnail เพื่อให้อยู่มุมขวาบน หรือปรับตามชอบ)\n thumbnail: {\n url: \"https://via.placeholder.com/150/ffffff?text=Top+Image\",\n },\n\n // 4. รูปภาพส่วนกลาง (รูปใหญ่ จะอยู่ใต้ Description และอยู่เหนือ Fields)\n image: {\n url: \"https://via.placeholder.com/600x300/ffffff?text=Center+Image\",\n },\n\n // 5. หัวข้อ Field (แยกกล่องข้อความเหมือน Discohook ป้องกันตัวหนา/เอียง ปนกันจนรก)\n fields: [\n {\n name: \"📁 หัวข้อย่อยที่ 1\",\n value:\n \"**ข้อความหนา** หรือ *ข้อความเอียง* ในกล่องนี้ จะถูกจำกัดวงไว้เฉพาะฟิลด์นี้ ไม่วิ่งไปปนกับส่วนอื่น\",\n inline: false, // ตั้งเป็น false เพื่อให้แยกบรรทัดเป็นบล็อกชัดเจน\n },\n {\n name: \"🔗 รายละเอียดบริการ\",\n value: \"• รายการที่ 1\\n• รายการที่ 2\\n• รายการที่ 3\",\n inline: false,\n },\n ],\n\n // 7. Footer และ 8. รูปภาพล่างสุด (Footer Icon)\n footer: {\n text: \"© 2026 781MEDIA - All Rights Reserved\", // 7. ข้อความ Footer\n icon_url: \"https://via.placeholder.com/32/ffffff?text=Icon\", // 8. รูปภาพล่างสุด (ขนาดเล็กข้างข้อความ)\n },\n\n // สามารถใส่ Timestamp เวลาปัจจุบันต่อท้าย Footer ได้ (ใส่หรือไม่ใส่ก็ได้)\n timestamp: new Date().toISOString(),\n },\n };\n\n // 3. จัดเตรียม Payload ส่งหา Discord API\n const payload = {\n username: embedData.username,\n avatar_url: embedData.avatar_url,\n embeds: [embedData.embed], // ครอบด้วย Array แต่ส่งไปแค่ Object เดียว เพื่อให้ออกมาเป็นกล่องเดียว\n };\n\n // 4. ประมวลผลส่งออก\n try {\n const response = await fetch(DISCORD_WEBHOOK_URL, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(payload),\n });\n\n if (response.ok) {\n return new Response(\"Webhook sent successfully!\", { status: 200 });\n } else {\n const errorText = await response.text();\n return new Response(`Discord API Error: ${errorText}`, {\n status: response.status,\n });\n }\n } catch (error) {\n return new Response(`Server Error: ${error.message}`, { status: 500 });\n }\n}","createdAt",["D",1780239210508],"branchVersion","branchId","dacae088-5c3d-11f1-8191-ee650bb23af1","id","daca56b8-5c3d-11f1-8191-ee650bb23af1","anonymous",["D",1780155615864],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","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",{"_98":97,"_105":101},"org",{"_98":97,"_99":46,"_100":101,"_18":55,"_102":103,"_104":27},"branch",{"_13":87,"_33":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",42,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","anonymous2","handle","displayName","avatar","https://lh3.googleusercontent.com/a/ACg8ocIUDHDHPPGPDl08S8urEYZmsMm3vONbpN4z5aqazSbjvD9-VOU=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_33":46,"_39":164,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":37,"_54":-5,"_18":55,"_56":-5,"_57":27,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":165,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":166,"_82":167,"_84":168,"_86":27},"tree",[155,156],"files",[155,156],"counts",{"_145":61,"_146":133,"_147":61,"_148":149,"_150":151},"contents",[127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":136,"_33":137,"_31":138,"_130":-5,"_42":43,"_41":139,"_131":25,"_39":140,"_13":141,"_34":142,"_36":143,"_24":27,"_134":-5,"_28":144},{"_44":129,"_33":29,"_31":32,"_130":-5,"_42":43,"_41":14,"_131":27,"_39":132,"_13":133,"_34":35,"_36":38,"_24":27,"_134":-5,"_28":135},"7d161660-5d00-11f1-bd4d-1607ee4eb77e","parentId","latest",["D",1780239210508],1,"label",[29],"592ca110-5c47-11f1-936c-ee650bb23af1","new-file-2022.ts","f83a8e6c-5c41-11f1-989f-ee650bb23af1",10,["D",1780159693356],4,"http","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}",[137],"pulls","branches","forks","envVars",{"_152":61,"_154":61},"connections",{"_152":61,"_153":61},"count","unfilledCount","emptyCount",{"_44":136,"_33":137,"_31":138,"_130":-5,"_42":43,"_41":139,"_131":25,"_39":161,"_13":141,"_34":142,"_36":143,"_24":27,"_134":-5,"_158":162,"_28":163},{"_44":129,"_33":29,"_31":32,"_130":-5,"_42":43,"_41":14,"_131":27,"_39":157,"_13":133,"_34":35,"_36":38,"_24":27,"_134":-5,"_158":159,"_28":160},["D",1780239210508],"children",[],[29],["D",1780159693356],[],[137],["D",1780155615864],["D",1789497655664],{"_98":97,"_105":101},{"_98":97,"_99":46,"_100":101,"_18":55,"_102":103,"_104":27},{"_13":87,"_33":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_124":202,"_203":204,"_205":206,"_207":27,"_208":27,"_209":27,"_210":25,"_211":-5,"_212":-7,"_213":-7,"_214":61,"_215":27,"_216":27,"_217":-5,"_218":27,"_219":27,"_220":27,"_221":-5},"ENV",{"_173":174,"_175":176,"_177":88,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201},"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 · v12