[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_173":174,"_175":176},"routes/_app.x.$handle.$name",{"_98":97,"_32":44,"_106":88,"_27":53,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":48,"_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",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":48,"_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":48},"version",36,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",true,"deletedHere","path","new-file-875.ts","latestPath","fileId","733a030e-5d00-11f1-8c1f-1607ee4eb77e","name","fileType","http","content","import { fetch } from \"https://esm.town/v/std/fetch\";\n\nexport default async function (req: Request): Promise {\n // 1. ระบบหลังบ้าน (POST): รองรับผังภาพ 3 ชั้น (แยก 3 Embeds ชิดกันแบบไม่มีช่องว่าง)\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 embed_title,\n message,\n image_url1,\n image_url2,\n embed_color,\n field_name,\n field_val,\n footer_text,\n footer_icon,\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 // Embed ชั้นที่ 1: หัวข้อหลัก + คำอธิบาย + แบนเนอร์ภาพบนสุด (Image 1)\n const firstEmbed: any = {\n title: embed_title || undefined,\n description: message || undefined,\n color: parsedColor,\n };\n if (avatar_url && avatar_url.trim() !== \"\") {\n firstEmbed.thumbnail = { url: avatar_url };\n }\n if (image_url1 && image_url1.trim() !== \"\") {\n firstEmbed.image = { url: image_url1 };\n }\n\n embedsArray.push(firstEmbed);\n\n // Embed ชั้นที่ 2: แบนเนอร์ภาพอันล่าง (Image 2) เพื่อคั่นก่อนจะเริ่มขึ้น Field รายละเอียด\n if (image_url2 && image_url2.trim() !== \"\") {\n const secondEmbed: any = {\n color: parsedColor,\n image: { url: image_url2 },\n };\n embedsArray.push(secondEmbed);\n }\n\n // Embed ชั้นที่ 3: ฟิลด์ข้อมูลเนื้อหาย่อย (Fields) + ข้อมูลลิขสิทธิ์ด้านล่างสุด (Footer)\n if (field_name || field_val || footer_text || footer_icon) {\n const thirdEmbed: any = {\n color: parsedColor,\n };\n\n if (field_name || field_val) {\n thirdEmbed.fields = [{\n name: field_name || \"📌 รายละเอียด\",\n value: field_val || \"ไม่มีข้อมูล\",\n inline: false,\n }];\n }\n\n if (\n (footer_text && footer_text.trim() !== \"\") ||\n (footer_icon && footer_icon.trim() !== \"\")\n ) {\n thirdEmbed.footer = {\n text: footer_text || \"781MEDIA Engine\",\n icon_url: footer_icon || undefined,\n };\n }\n thirdEmbed.timestamp = new Date().toISOString();\n\n embedsArray.push(thirdEmbed);\n }\n\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(\"✅ ยิงประกาศสำเร็จ!\", { status: 200 });\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 (GET) - ปรับปรุงความเสถียรเพื่อป้องกันการเกิด Unterminated template\n const htmlContent = `\n \n \n \n \n \n 781MEDIA Discohook Engine\n \n \n \n

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}","createdAt",["D",1780242605131],"branchVersion","branchId","dacae088-5c3d-11f1-8191-ee650bb23af1","id","daca56b8-5c3d-11f1-8191-ee650bb23af1","anonymous",["D",1780155615864],"deletedAt","legacyEnvVars",false,"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":44,"_100":101,"_18":55,"_102":103,"_104":48},"branch",{"_13":87,"_32":88,"_42":41,"_89":43,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":44,"_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",{"_42":43,"_32":44,"_37":168,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":48,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":169,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":170,"_82":171,"_84":172,"_86":48},"tree",[159,160],"files",[159,160],"counts",{"_148":61,"_149":150,"_151":61,"_152":153,"_154":155},"contents",[127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":140,"_32":141,"_30":142,"_132":-5,"_40":41,"_39":143,"_134":25,"_37":144,"_13":145,"_33":34,"_35":146,"_24":48,"_138":-5,"_27":147},{"_42":129,"_32":130,"_30":131,"_132":-5,"_40":41,"_39":133,"_134":48,"_37":135,"_13":136,"_33":34,"_35":137,"_24":48,"_138":-5,"_27":139},"fdae7608-5d07-11f1-bf72-1607ee4eb77e","new-file-5273.ts","e4332868-5d07-11f1-b6df-1607ee4eb77e","parentId",35,"latest",["D",1780242432724],3,"import { fetch } from \"https://esm.town/v/std/fetch\";\n\nexport default async function (req: Request): Promise {\n // 1. ระบบจัดการส่งข้อมูลไป Discord (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 embed_title,\n message,\n image_url1,\n image_url2,\n embed_color,\n field_name,\n field_val,\n footer_text,\n footer_icon,\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 if (image_url1 && image_url1.trim() !== \"\") {\n embedsArray.push({\n color: parsedColor,\n image: { url: image_url1 },\n });\n }\n\n // 🟪 กล่องที่ 2: รวบข้อความ หัวข้อ รายละเอียด ภาพคั่นกลาง (TUTORIALS) และ Fields ข้อมูลไว้ด้วยกัน\n const mainEmbed: any = {\n title: embed_title || undefined,\n description: message || undefined,\n color: parsedColor,\n };\n\n // ใส่ภาพที่ 2 (TUTORIALS) เป็นภาพหลักของกล่องนี้ มันจะอยู่ต่อท้ายรายละเอียดพอดีเป๊ะ\n if (image_url2 && image_url2.trim() !== \"\") {\n mainEmbed.image = { url: image_url2 };\n }\n\n // ใส่ฟิลด์ข้อมูลรายการย่อยลงมาด้านล่างสุด\n if (field_name || field_val) {\n mainEmbed.fields = [{\n name: field_name || \"📌 รายละเอียด\",\n value: field_val || \"ไม่มีข้อมูล\",\n inline: false,\n }];\n }\n\n // ประดับส่วนท้ายสุด (Footer)\n if (\n (footer_text && footer_text.trim() !== \"\") ||\n (footer_icon && footer_icon.trim() !== \"\")\n ) {\n mainEmbed.footer = {\n text: footer_text || \"781MEDIA Engine\",\n icon_url: footer_icon || undefined,\n };\n }\n mainEmbed.timestamp = new Date().toISOString();\n\n embedsArray.push(mainEmbed);\n\n // ยิงข้อมูลหา Discord API\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(\"✅ ส่งประกาศโครงสร้าง StartIT สำเร็จแล้ว!\", {\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\n \n \n \n

781MEDIA Discohook V2

🔗 ส่วนเชื่อมต่อบอทดีสคอร์ด

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

🖼️ ส่วนจัดการรูปภาพประกอบ (2 จุดหลัก)

\n รูปภาพที่ 1 [บนสุดของหัวข้อ] (เช่น แบนเนอร์เส้นคำว่า WARNING)\n \n \n รูปภาพที่ 2 [คั่นกลางการ์ด] (เช่น แบนเนอร์เส้นคำว่า TUTORIALS)\n \n\n

📝 ข้อความรายละเอียดประกาศ

\n หัวข้อประกาศหลัก (Title)\n \n คำอธิบายเนื้อหาหลัก (Description)\n \n\n

📌 รายการย่อยใต้ภาพคั่น (Fields)

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

🎨 ตกแต่งแถบสีและการลงท้าย

\n สีแถบข้างขอบการ์ด\n \n ข้อความเครดิตปิดท้าย (Footer)\n \n ลิงก์รูปไอคอนเล็กท้ายการ์ด\n \n\n \n

\n\n

👁️ DISCORD LIVE PREVIEW (ถอดแบบสมบูรณ์)

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

\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",[130],"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}",[141],"pulls","branches",1,"forks","envVars",{"_156":61,"_158":61},"connections",{"_156":61,"_157":61},"count","unfilledCount","emptyCount",{"_42":140,"_32":141,"_30":142,"_132":-5,"_40":41,"_39":143,"_134":25,"_37":165,"_13":145,"_33":34,"_35":146,"_24":48,"_138":-5,"_162":166,"_27":167},{"_42":129,"_32":130,"_30":131,"_132":-5,"_40":41,"_39":133,"_134":48,"_37":161,"_13":136,"_33":34,"_35":137,"_24":48,"_138":-5,"_162":163,"_27":164},["D",1780242432724],"children",[],[130],["D",1780159693356],[],[141],["D",1780155615864],["D",1789497655664],{"_98":97,"_105":101},{"_98":97,"_99":44,"_100":101,"_18":55,"_102":103,"_104":48},{"_13":87,"_32":88,"_42":41,"_89":43,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":44,"_96":97},"ctx",{"_80":-5,"_124":206,"_207":208,"_209":210,"_211":48,"_212":48,"_213":48,"_214":25,"_215":-5,"_216":-7,"_217":-7,"_218":61,"_219":48,"_220":48,"_221":-5,"_222":48,"_223":48,"_224":48,"_225":-5},"ENV",{"_177":178,"_179":180,"_181":88,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205},"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 · v36