[{"data":1,"prerenderedAt":2369},["ShallowReactive",2],{"header-latest":3,"post-\u002Fblog\u002Ftelegram-web-apps-sells":1372},[4],{"id":5,"title":6,"body":7,"date":1346,"description":1347,"extension":1348,"faq":1349,"image":1359,"lang":1360,"meta":1361,"navigation":108,"path":1362,"published":108,"readTime":215,"seo":1363,"stem":1364,"tags":1365,"updated":1346,"__hash__":1371},"blog\u002Fblog\u002Fen\u002Ftelegram-web-apps-sells.md","Telegram Web Apps (TWA): How to Launch a Full SaaS Inside Telegram",{"type":8,"value":9,"toc":1335},"minimark",[10,19,22,25,30,33,44,52,63,70,73,856,860,863,868,875,923,927,930,1215,1219,1229,1232,1270,1283,1291,1295,1315,1318,1331],[11,12,13,14,18],"p",{},"Telegram has transcended its origins as a privacy-focused messaging client to become a powerful, cross-platform runtime environment. The introduction of ",[15,16,17],"strong",{},"Telegram Web Apps (TWA)",", officially known as Telegram Mini Apps, allows developers to build highly interactive single-page applications (SPAs) that load directly inside the Telegram application shell.",[11,20,21],{},"This provides startups and enterprises with immediate, frictionless access to over 900 million active users. By embedding your B2B SaaS, CRM interface, or utility tool inside a Telegram bot, you remove the classic conversion hurdles of app store downloads, desktop logins, and sign-up flows.",[11,23,24],{},"In this developer guide, we will analyze the technical architecture of a TWA, implement a secure hash verification check on the backend, and look at frontend integration patterns.",[26,27,29],"h2",{"id":28},"the-telegram-mini-app-ecosystem-architecture","The Telegram Mini App Ecosystem Architecture",[11,31,32],{},"Unlike traditional web applications, a TWA has a dual parent relationship. The frontend runs in a sandboxed browser component (WebView) controlled by the Telegram client app, while the backend speaks both to the Telegram Bot API and your application database.",[34,35,41],"pre",{"className":36,"code":38,"language":39,"meta":40},[37],"language-text","+-----------------------------------------------------------+\n|                      Telegram Client                      |\n|  +-----------------------------------------------------+  |\n|  |                Mini App (WebView UI)                |  |\n|  |     (Uses window.Telegram.WebApp SDK for bridge)    |  |\n|  +--------------------------+--------------------------+  |\n+-----------------------------|-----------------------------+\n       | (initData Query)     | (Secure HTTPS Request)\n       v                      v\n+--------------+       +------------------------------------+\n| Telegram API |       |            Your Backend            |\n|  (Webhooks)  |       |  (Validates initData via HMAC-256) |\n+------+-------+       +-----------------+------------------+\n       |                                 |\n       +----------------> [DB Sync] \u003C----+\n","text","",[42,43,38],"code",{"__ignoreMap":40},[26,45,47,48,51],{"id":46},"_1-security-first-validating-the-initdata-payload","1. Security First: Validating the ",[42,49,50],{},"initData"," Payload",[11,53,54,55,58,59,62],{},"When a user opens your Mini App, Telegram appends a parameter called ",[42,56,57],{},"tgWebAppData"," (or raw search parameters) containing user profiles, launch contexts, and a security ",[42,60,61],{},"hash",".",[11,64,65,66,69],{},"To prevent users from modifying their user IDs or mocking paid subscription privileges, you ",[15,67,68],{},"must validate this hash on your backend"," using your Telegram Bot Token as the HMAC key.",[11,71,72],{},"Here is the cryptographic validation implementation using Node.js:",[34,74,78],{"className":75,"code":76,"language":77,"meta":40,"style":40},"language-typescript shiki shiki-themes github-dark","import crypto from 'crypto';\n\ninterface TelegramUserData {\n  id: number;\n  first_name: string;\n  last_name?: string;\n  username?: string;\n  language_code?: string;\n  is_premium?: boolean;\n}\n\ninterface ValidationResult {\n  isValid: boolean;\n  user?: TelegramUserData;\n}\n\nexport function verifyTelegramInitData(rawQueryString: string, botToken: string): ValidationResult {\n  const urlParams = new URLSearchParams(rawQueryString);\n  const hash = urlParams.get('hash');\n  \n  if (!hash) {\n    return { isValid: false };\n  }\n\n  \u002F\u002F 1. Sort all incoming parameters alphabetically, excluding the hash itself\n  const keys = Array.from(urlParams.keys()).filter(key => key !== 'hash').sort();\n  \n  \u002F\u002F 2. Re-create the verification data-check string\n  const dataCheckString = keys\n    .map(key => `${key}=${urlParams.get(key)}`)\n    .join('\\n');\n\n  \u002F\u002F 3. Generate the secret cryptographic key\n  \u002F\u002F We use the constant string \"WebAppData\" to sign the bot token first\n  const secretKey = crypto\n    .createHmac('sha256', 'WebAppData')\n    .update(botToken)\n    .digest();\n\n  \u002F\u002F 4. Calculate the expected hash of the sorted string\n  const computedHash = crypto\n    .createHmac('sha256', secretKey)\n    .update(dataCheckString)\n    .digest('hex');\n\n  \u002F\u002F 5. Compare computed signature with the signature sent by the client\n  const isValid = computedHash === hash;\n\n  if (!isValid) {\n    return { isValid: false };\n  }\n\n  \u002F\u002F Parse user data object if validation succeeded\n  try {\n    const userRaw = urlParams.get('user');\n    const user: TelegramUserData = userRaw ? JSON.parse(userRaw) : undefined;\n    return { isValid: true, user };\n  } catch (error) {\n    return { isValid: true };\n  }\n}\n","typescript",[42,79,80,103,110,123,139,152,165,177,189,202,208,213,223,235,247,252,257,298,319,343,349,364,379,385,390,397,450,455,461,474,516,536,541,547,553,566,586,597,607,612,618,630,644,654,668,673,679,698,703,715,726,731,736,742,750,772,810,823,835,846,851],{"__ignoreMap":40},[81,82,85,89,93,96,100],"span",{"class":83,"line":84},"line",1,[81,86,88],{"class":87},"snl16","import",[81,90,92],{"class":91},"s95oV"," crypto ",[81,94,95],{"class":87},"from",[81,97,99],{"class":98},"sU2Wk"," 'crypto'",[81,101,102],{"class":91},";\n",[81,104,106],{"class":83,"line":105},2,[81,107,109],{"emptyLinePlaceholder":108},true,"\n",[81,111,113,116,120],{"class":83,"line":112},3,[81,114,115],{"class":87},"interface",[81,117,119],{"class":118},"svObZ"," TelegramUserData",[81,121,122],{"class":91}," {\n",[81,124,126,130,133,137],{"class":83,"line":125},4,[81,127,129],{"class":128},"s9osk","  id",[81,131,132],{"class":87},":",[81,134,136],{"class":135},"sDLfK"," number",[81,138,102],{"class":91},[81,140,142,145,147,150],{"class":83,"line":141},5,[81,143,144],{"class":128},"  first_name",[81,146,132],{"class":87},[81,148,149],{"class":135}," string",[81,151,102],{"class":91},[81,153,155,158,161,163],{"class":83,"line":154},6,[81,156,157],{"class":128},"  last_name",[81,159,160],{"class":87},"?:",[81,162,149],{"class":135},[81,164,102],{"class":91},[81,166,168,171,173,175],{"class":83,"line":167},7,[81,169,170],{"class":128},"  username",[81,172,160],{"class":87},[81,174,149],{"class":135},[81,176,102],{"class":91},[81,178,180,183,185,187],{"class":83,"line":179},8,[81,181,182],{"class":128},"  language_code",[81,184,160],{"class":87},[81,186,149],{"class":135},[81,188,102],{"class":91},[81,190,192,195,197,200],{"class":83,"line":191},9,[81,193,194],{"class":128},"  is_premium",[81,196,160],{"class":87},[81,198,199],{"class":135}," boolean",[81,201,102],{"class":91},[81,203,205],{"class":83,"line":204},10,[81,206,207],{"class":91},"}\n",[81,209,211],{"class":83,"line":210},11,[81,212,109],{"emptyLinePlaceholder":108},[81,214,216,218,221],{"class":83,"line":215},12,[81,217,115],{"class":87},[81,219,220],{"class":118}," ValidationResult",[81,222,122],{"class":91},[81,224,226,229,231,233],{"class":83,"line":225},13,[81,227,228],{"class":128},"  isValid",[81,230,132],{"class":87},[81,232,199],{"class":135},[81,234,102],{"class":91},[81,236,238,241,243,245],{"class":83,"line":237},14,[81,239,240],{"class":128},"  user",[81,242,160],{"class":87},[81,244,119],{"class":118},[81,246,102],{"class":91},[81,248,250],{"class":83,"line":249},15,[81,251,207],{"class":91},[81,253,255],{"class":83,"line":254},16,[81,256,109],{"emptyLinePlaceholder":108},[81,258,260,263,266,269,272,275,277,279,282,285,287,289,292,294,296],{"class":83,"line":259},17,[81,261,262],{"class":87},"export",[81,264,265],{"class":87}," function",[81,267,268],{"class":118}," verifyTelegramInitData",[81,270,271],{"class":91},"(",[81,273,274],{"class":128},"rawQueryString",[81,276,132],{"class":87},[81,278,149],{"class":135},[81,280,281],{"class":91},", ",[81,283,284],{"class":128},"botToken",[81,286,132],{"class":87},[81,288,149],{"class":135},[81,290,291],{"class":91},")",[81,293,132],{"class":87},[81,295,220],{"class":118},[81,297,122],{"class":91},[81,299,301,304,307,310,313,316],{"class":83,"line":300},18,[81,302,303],{"class":87},"  const",[81,305,306],{"class":135}," urlParams",[81,308,309],{"class":87}," =",[81,311,312],{"class":87}," new",[81,314,315],{"class":118}," URLSearchParams",[81,317,318],{"class":91},"(rawQueryString);\n",[81,320,322,324,327,329,332,335,337,340],{"class":83,"line":321},19,[81,323,303],{"class":87},[81,325,326],{"class":135}," hash",[81,328,309],{"class":87},[81,330,331],{"class":91}," urlParams.",[81,333,334],{"class":118},"get",[81,336,271],{"class":91},[81,338,339],{"class":98},"'hash'",[81,341,342],{"class":91},");\n",[81,344,346],{"class":83,"line":345},20,[81,347,348],{"class":91},"  \n",[81,350,352,355,358,361],{"class":83,"line":351},21,[81,353,354],{"class":87},"  if",[81,356,357],{"class":91}," (",[81,359,360],{"class":87},"!",[81,362,363],{"class":91},"hash) {\n",[81,365,367,370,373,376],{"class":83,"line":366},22,[81,368,369],{"class":87},"    return",[81,371,372],{"class":91}," { isValid: ",[81,374,375],{"class":135},"false",[81,377,378],{"class":91}," };\n",[81,380,382],{"class":83,"line":381},23,[81,383,384],{"class":91},"  }\n",[81,386,388],{"class":83,"line":387},24,[81,389,109],{"emptyLinePlaceholder":108},[81,391,393],{"class":83,"line":392},25,[81,394,396],{"class":395},"sAwPA","  \u002F\u002F 1. Sort all incoming parameters alphabetically, excluding the hash itself\n",[81,398,400,402,405,407,410,412,415,418,421,424,426,429,432,435,438,441,444,447],{"class":83,"line":399},26,[81,401,303],{"class":87},[81,403,404],{"class":135}," keys",[81,406,309],{"class":87},[81,408,409],{"class":91}," Array.",[81,411,95],{"class":118},[81,413,414],{"class":91},"(urlParams.",[81,416,417],{"class":118},"keys",[81,419,420],{"class":91},"()).",[81,422,423],{"class":118},"filter",[81,425,271],{"class":91},[81,427,428],{"class":128},"key",[81,430,431],{"class":87}," =>",[81,433,434],{"class":91}," key ",[81,436,437],{"class":87},"!==",[81,439,440],{"class":98}," 'hash'",[81,442,443],{"class":91},").",[81,445,446],{"class":118},"sort",[81,448,449],{"class":91},"();\n",[81,451,453],{"class":83,"line":452},27,[81,454,348],{"class":91},[81,456,458],{"class":83,"line":457},28,[81,459,460],{"class":395},"  \u002F\u002F 2. Re-create the verification data-check string\n",[81,462,464,466,469,471],{"class":83,"line":463},29,[81,465,303],{"class":87},[81,467,468],{"class":135}," dataCheckString",[81,470,309],{"class":87},[81,472,473],{"class":91}," keys\n",[81,475,477,480,483,485,487,489,492,494,497,500,502,504,506,508,510,513],{"class":83,"line":476},30,[81,478,479],{"class":91},"    .",[81,481,482],{"class":118},"map",[81,484,271],{"class":91},[81,486,428],{"class":128},[81,488,431],{"class":87},[81,490,491],{"class":98}," `${",[81,493,428],{"class":91},[81,495,496],{"class":98},"}=${",[81,498,499],{"class":91},"urlParams",[81,501,62],{"class":98},[81,503,334],{"class":118},[81,505,271],{"class":98},[81,507,428],{"class":91},[81,509,291],{"class":98},[81,511,512],{"class":98},"}`",[81,514,515],{"class":91},")\n",[81,517,519,521,524,526,529,532,534],{"class":83,"line":518},31,[81,520,479],{"class":91},[81,522,523],{"class":118},"join",[81,525,271],{"class":91},[81,527,528],{"class":98},"'",[81,530,531],{"class":135},"\\n",[81,533,528],{"class":98},[81,535,342],{"class":91},[81,537,539],{"class":83,"line":538},32,[81,540,109],{"emptyLinePlaceholder":108},[81,542,544],{"class":83,"line":543},33,[81,545,546],{"class":395},"  \u002F\u002F 3. Generate the secret cryptographic key\n",[81,548,550],{"class":83,"line":549},34,[81,551,552],{"class":395},"  \u002F\u002F We use the constant string \"WebAppData\" to sign the bot token first\n",[81,554,556,558,561,563],{"class":83,"line":555},35,[81,557,303],{"class":87},[81,559,560],{"class":135}," secretKey",[81,562,309],{"class":87},[81,564,565],{"class":91}," crypto\n",[81,567,569,571,574,576,579,581,584],{"class":83,"line":568},36,[81,570,479],{"class":91},[81,572,573],{"class":118},"createHmac",[81,575,271],{"class":91},[81,577,578],{"class":98},"'sha256'",[81,580,281],{"class":91},[81,582,583],{"class":98},"'WebAppData'",[81,585,515],{"class":91},[81,587,589,591,594],{"class":83,"line":588},37,[81,590,479],{"class":91},[81,592,593],{"class":118},"update",[81,595,596],{"class":91},"(botToken)\n",[81,598,600,602,605],{"class":83,"line":599},38,[81,601,479],{"class":91},[81,603,604],{"class":118},"digest",[81,606,449],{"class":91},[81,608,610],{"class":83,"line":609},39,[81,611,109],{"emptyLinePlaceholder":108},[81,613,615],{"class":83,"line":614},40,[81,616,617],{"class":395},"  \u002F\u002F 4. Calculate the expected hash of the sorted string\n",[81,619,621,623,626,628],{"class":83,"line":620},41,[81,622,303],{"class":87},[81,624,625],{"class":135}," computedHash",[81,627,309],{"class":87},[81,629,565],{"class":91},[81,631,633,635,637,639,641],{"class":83,"line":632},42,[81,634,479],{"class":91},[81,636,573],{"class":118},[81,638,271],{"class":91},[81,640,578],{"class":98},[81,642,643],{"class":91},", secretKey)\n",[81,645,647,649,651],{"class":83,"line":646},43,[81,648,479],{"class":91},[81,650,593],{"class":118},[81,652,653],{"class":91},"(dataCheckString)\n",[81,655,657,659,661,663,666],{"class":83,"line":656},44,[81,658,479],{"class":91},[81,660,604],{"class":118},[81,662,271],{"class":91},[81,664,665],{"class":98},"'hex'",[81,667,342],{"class":91},[81,669,671],{"class":83,"line":670},45,[81,672,109],{"emptyLinePlaceholder":108},[81,674,676],{"class":83,"line":675},46,[81,677,678],{"class":395},"  \u002F\u002F 5. Compare computed signature with the signature sent by the client\n",[81,680,682,684,687,689,692,695],{"class":83,"line":681},47,[81,683,303],{"class":87},[81,685,686],{"class":135}," isValid",[81,688,309],{"class":87},[81,690,691],{"class":91}," computedHash ",[81,693,694],{"class":87},"===",[81,696,697],{"class":91}," hash;\n",[81,699,701],{"class":83,"line":700},48,[81,702,109],{"emptyLinePlaceholder":108},[81,704,706,708,710,712],{"class":83,"line":705},49,[81,707,354],{"class":87},[81,709,357],{"class":91},[81,711,360],{"class":87},[81,713,714],{"class":91},"isValid) {\n",[81,716,718,720,722,724],{"class":83,"line":717},50,[81,719,369],{"class":87},[81,721,372],{"class":91},[81,723,375],{"class":135},[81,725,378],{"class":91},[81,727,729],{"class":83,"line":728},51,[81,730,384],{"class":91},[81,732,734],{"class":83,"line":733},52,[81,735,109],{"emptyLinePlaceholder":108},[81,737,739],{"class":83,"line":738},53,[81,740,741],{"class":395},"  \u002F\u002F Parse user data object if validation succeeded\n",[81,743,745,748],{"class":83,"line":744},54,[81,746,747],{"class":87},"  try",[81,749,122],{"class":91},[81,751,753,756,759,761,763,765,767,770],{"class":83,"line":752},55,[81,754,755],{"class":87},"    const",[81,757,758],{"class":135}," userRaw",[81,760,309],{"class":87},[81,762,331],{"class":91},[81,764,334],{"class":118},[81,766,271],{"class":91},[81,768,769],{"class":98},"'user'",[81,771,342],{"class":91},[81,773,775,777,780,782,784,786,789,792,795,797,800,803,805,808],{"class":83,"line":774},56,[81,776,755],{"class":87},[81,778,779],{"class":135}," user",[81,781,132],{"class":87},[81,783,119],{"class":118},[81,785,309],{"class":87},[81,787,788],{"class":91}," userRaw ",[81,790,791],{"class":87},"?",[81,793,794],{"class":135}," JSON",[81,796,62],{"class":91},[81,798,799],{"class":118},"parse",[81,801,802],{"class":91},"(userRaw) ",[81,804,132],{"class":87},[81,806,807],{"class":135}," undefined",[81,809,102],{"class":91},[81,811,813,815,817,820],{"class":83,"line":812},57,[81,814,369],{"class":87},[81,816,372],{"class":91},[81,818,819],{"class":135},"true",[81,821,822],{"class":91},", user };\n",[81,824,826,829,832],{"class":83,"line":825},58,[81,827,828],{"class":91},"  } ",[81,830,831],{"class":87},"catch",[81,833,834],{"class":91}," (error) {\n",[81,836,838,840,842,844],{"class":83,"line":837},59,[81,839,369],{"class":87},[81,841,372],{"class":91},[81,843,819],{"class":135},[81,845,378],{"class":91},[81,847,849],{"class":83,"line":848},60,[81,850,384],{"class":91},[81,852,854],{"class":83,"line":853},61,[81,855,207],{"class":91},[26,857,859],{"id":858},"_2-frontend-integration-theme-synchronization","2. Frontend Integration & Theme Synchronization",[11,861,862],{},"To deliver a premium UI\u002FUX, your Mini App should visually blend with the Telegram client’s dark\u002Flight settings. You can access the styles and control client-side behaviors using the official Telegram WebApp JS library.",[864,865,867],"h3",{"id":866},"step-1-include-the-script-in-nuxt-3-html","Step 1: Include the Script in Nuxt 3 \u002F HTML",[11,869,870,871,874],{},"Add the official script to your page header or use the ",[42,872,873],{},"useHead"," composable in Nuxt:",[34,876,878],{"className":75,"code":877,"language":77,"meta":40,"style":40},"\u002F\u002F app.vue or page layout\nuseHead({\n  script: [\n    { src: 'https:\u002F\u002Ftelegram.org\u002Fjs\u002Ftelegram-web-app.js', defer: true }\n  ]\n})\n",[42,879,880,885,892,897,913,918],{"__ignoreMap":40},[81,881,882],{"class":83,"line":84},[81,883,884],{"class":395},"\u002F\u002F app.vue or page layout\n",[81,886,887,889],{"class":83,"line":105},[81,888,873],{"class":118},[81,890,891],{"class":91},"({\n",[81,893,894],{"class":83,"line":112},[81,895,896],{"class":91},"  script: [\n",[81,898,899,902,905,908,910],{"class":83,"line":125},[81,900,901],{"class":91},"    { src: ",[81,903,904],{"class":98},"'https:\u002F\u002Ftelegram.org\u002Fjs\u002Ftelegram-web-app.js'",[81,906,907],{"class":91},", defer: ",[81,909,819],{"class":135},[81,911,912],{"class":91}," }\n",[81,914,915],{"class":83,"line":141},[81,916,917],{"class":91},"  ]\n",[81,919,920],{"class":83,"line":154},[81,921,922],{"class":91},"})\n",[864,924,926],{"id":925},"step-2-access-the-webapp-bridge-in-vue","Step 2: Access the WebApp Bridge in Vue",[11,928,929],{},"Create a Vue composable to access and synchronize Telegram styles:",[34,931,933],{"className":75,"code":932,"language":77,"meta":40,"style":40},"\u002F\u002F composables\u002FuseTelegram.ts\nimport { ref, onMounted } from 'vue';\n\nexport function useTelegram() {\n  const isReady = ref(false);\n  const user = ref\u003Cany>(null);\n\n  onMounted(() => {\n    const tg = (window as any).Telegram?.WebApp;\n    if (tg) {\n      tg.ready();\n      tg.expand(); \u002F\u002F Request the container to fill maximum vertical space\n      \n      user.value = tg.initDataUnsafe?.user;\n      isReady.value = true;\n\n      \u002F\u002F Apply Telegram theme colors to CSS custom properties\n      const root = document.documentElement;\n      root.style.setProperty('--color-tg-bg', tg.themeParams.bg_color);\n      root.style.setProperty('--color-tg-text', tg.themeParams.text_color);\n      root.style.setProperty('--color-tg-button', tg.themeParams.button_color);\n      root.style.setProperty('--color-tg-button-text', tg.themeParams.button_text_color);\n    }\n  });\n\n  return { isReady, user };\n}\n",[42,934,935,940,954,958,970,988,1012,1016,1029,1050,1058,1068,1081,1086,1097,1109,1113,1118,1131,1147,1161,1175,1189,1194,1199,1203,1211],{"__ignoreMap":40},[81,936,937],{"class":83,"line":84},[81,938,939],{"class":395},"\u002F\u002F composables\u002FuseTelegram.ts\n",[81,941,942,944,947,949,952],{"class":83,"line":105},[81,943,88],{"class":87},[81,945,946],{"class":91}," { ref, onMounted } ",[81,948,95],{"class":87},[81,950,951],{"class":98}," 'vue'",[81,953,102],{"class":91},[81,955,956],{"class":83,"line":112},[81,957,109],{"emptyLinePlaceholder":108},[81,959,960,962,964,967],{"class":83,"line":125},[81,961,262],{"class":87},[81,963,265],{"class":87},[81,965,966],{"class":118}," useTelegram",[81,968,969],{"class":91},"() {\n",[81,971,972,974,977,979,982,984,986],{"class":83,"line":141},[81,973,303],{"class":87},[81,975,976],{"class":135}," isReady",[81,978,309],{"class":87},[81,980,981],{"class":118}," ref",[81,983,271],{"class":91},[81,985,375],{"class":135},[81,987,342],{"class":91},[81,989,990,992,994,996,998,1001,1004,1007,1010],{"class":83,"line":154},[81,991,303],{"class":87},[81,993,779],{"class":135},[81,995,309],{"class":87},[81,997,981],{"class":118},[81,999,1000],{"class":91},"\u003C",[81,1002,1003],{"class":135},"any",[81,1005,1006],{"class":91},">(",[81,1008,1009],{"class":135},"null",[81,1011,342],{"class":91},[81,1013,1014],{"class":83,"line":167},[81,1015,109],{"emptyLinePlaceholder":108},[81,1017,1018,1021,1024,1027],{"class":83,"line":179},[81,1019,1020],{"class":118},"  onMounted",[81,1022,1023],{"class":91},"(() ",[81,1025,1026],{"class":87},"=>",[81,1028,122],{"class":91},[81,1030,1031,1033,1036,1038,1041,1044,1047],{"class":83,"line":191},[81,1032,755],{"class":87},[81,1034,1035],{"class":135}," tg",[81,1037,309],{"class":87},[81,1039,1040],{"class":91}," (window ",[81,1042,1043],{"class":87},"as",[81,1045,1046],{"class":135}," any",[81,1048,1049],{"class":91},").Telegram?.WebApp;\n",[81,1051,1052,1055],{"class":83,"line":204},[81,1053,1054],{"class":87},"    if",[81,1056,1057],{"class":91}," (tg) {\n",[81,1059,1060,1063,1066],{"class":83,"line":210},[81,1061,1062],{"class":91},"      tg.",[81,1064,1065],{"class":118},"ready",[81,1067,449],{"class":91},[81,1069,1070,1072,1075,1078],{"class":83,"line":215},[81,1071,1062],{"class":91},[81,1073,1074],{"class":118},"expand",[81,1076,1077],{"class":91},"(); ",[81,1079,1080],{"class":395},"\u002F\u002F Request the container to fill maximum vertical space\n",[81,1082,1083],{"class":83,"line":225},[81,1084,1085],{"class":91},"      \n",[81,1087,1088,1091,1094],{"class":83,"line":237},[81,1089,1090],{"class":91},"      user.value ",[81,1092,1093],{"class":87},"=",[81,1095,1096],{"class":91}," tg.initDataUnsafe?.user;\n",[81,1098,1099,1102,1104,1107],{"class":83,"line":249},[81,1100,1101],{"class":91},"      isReady.value ",[81,1103,1093],{"class":87},[81,1105,1106],{"class":135}," true",[81,1108,102],{"class":91},[81,1110,1111],{"class":83,"line":254},[81,1112,109],{"emptyLinePlaceholder":108},[81,1114,1115],{"class":83,"line":259},[81,1116,1117],{"class":395},"      \u002F\u002F Apply Telegram theme colors to CSS custom properties\n",[81,1119,1120,1123,1126,1128],{"class":83,"line":300},[81,1121,1122],{"class":87},"      const",[81,1124,1125],{"class":135}," root",[81,1127,309],{"class":87},[81,1129,1130],{"class":91}," document.documentElement;\n",[81,1132,1133,1136,1139,1141,1144],{"class":83,"line":321},[81,1134,1135],{"class":91},"      root.style.",[81,1137,1138],{"class":118},"setProperty",[81,1140,271],{"class":91},[81,1142,1143],{"class":98},"'--color-tg-bg'",[81,1145,1146],{"class":91},", tg.themeParams.bg_color);\n",[81,1148,1149,1151,1153,1155,1158],{"class":83,"line":345},[81,1150,1135],{"class":91},[81,1152,1138],{"class":118},[81,1154,271],{"class":91},[81,1156,1157],{"class":98},"'--color-tg-text'",[81,1159,1160],{"class":91},", tg.themeParams.text_color);\n",[81,1162,1163,1165,1167,1169,1172],{"class":83,"line":351},[81,1164,1135],{"class":91},[81,1166,1138],{"class":118},[81,1168,271],{"class":91},[81,1170,1171],{"class":98},"'--color-tg-button'",[81,1173,1174],{"class":91},", tg.themeParams.button_color);\n",[81,1176,1177,1179,1181,1183,1186],{"class":83,"line":366},[81,1178,1135],{"class":91},[81,1180,1138],{"class":118},[81,1182,271],{"class":91},[81,1184,1185],{"class":98},"'--color-tg-button-text'",[81,1187,1188],{"class":91},", tg.themeParams.button_text_color);\n",[81,1190,1191],{"class":83,"line":381},[81,1192,1193],{"class":91},"    }\n",[81,1195,1196],{"class":83,"line":387},[81,1197,1198],{"class":91},"  });\n",[81,1200,1201],{"class":83,"line":392},[81,1202,109],{"emptyLinePlaceholder":108},[81,1204,1205,1208],{"class":83,"line":399},[81,1206,1207],{"class":87},"  return",[81,1209,1210],{"class":91}," { isReady, user };\n",[81,1212,1213],{"class":83,"line":452},[81,1214,207],{"class":91},[26,1216,1218],{"id":1217},"_3-monetization-payments-via-telegram-stars","3. Monetization: Payments via Telegram Stars",[11,1220,1221,1222,357,1225,1228],{},"When operating inside Telegram, all digital services or content purchases must comply with Apple App Store and Google Play policies. Telegram enforces this by requiring the use of ",[15,1223,1224],{},"Telegram Stars",[42,1226,1227],{},"XTR",") for digital goods.",[11,1230,1231],{},"The flow for receiving Stars payments:",[1233,1234,1235,1242,1254,1260],"ol",{},[1236,1237,1238,1241],"li",{},[15,1239,1240],{},"Request Invoice",": The TWA requests the backend to generate an invoice.",[1236,1243,1244,1247,1248,1251,1252,62],{},[15,1245,1246],{},"Bot Sends Invoice",": The backend calls Bot API ",[42,1249,1250],{},"sendInvoice"," using the currency ",[42,1253,1227],{},[1236,1255,1256,1259],{},[15,1257,1258],{},"Client Checkout",": The Telegram client opens a native overlay allowing the user to pay using Stars purchased in-app.",[1236,1261,1262,1265,1266,1269],{},[15,1263,1264],{},"Verification",": Telegram sends a webhook ",[42,1267,1268],{},"successful_payment"," to your bot, which credits the user's account in your DB.",[11,1271,1272,1273,1278,1279,62],{},"In my Telegram bot hosting platform, ",[1274,1275,1277],"a",{"href":1276},"\u002Fprojects\u002Ftelego","TeleGo.io",", we provide exactly these billing options, allowing users to spin up their own TWAs and receive Stars instantly. Additionally, we support hybrid human-AI helpdesks, which you can learn to build in my guide on ",[1274,1280,1282],{"href":1281},"\u002Fblog\u002Ftelegram-bot-ai-rag-support","RAG AI Customer Support Bots",[11,1284,1285,1286,1290],{},"For physical goods and consulting services, traditional gateways can be used. Read my ",[1274,1287,1289],{"href":1288},"\u002Fblog\u002Fsaas-stripe-billing-integration","SaaS Stripe Billing Integration guide"," for Express\u002FTypeScript templates.",[26,1292,1294],{"id":1293},"sources-and-documentation","Sources and documentation",[1296,1297,1298,1307],"ul",{},[1236,1299,1300,1306],{},[1274,1301,1305],{"href":1302,"rel":1303},"https:\u002F\u002Fcore.telegram.org\u002Fbots\u002Fwebapps",[1304],"nofollow","Telegram Mini Apps"," — the official WebApp SDK and initData documentation",[1236,1308,1309,1314],{},[1274,1310,1313],{"href":1311,"rel":1312},"https:\u002F\u002Fcore.telegram.org\u002Fbots\u002Fpayments",[1304],"Bot Payments API"," — invoices, Telegram Stars, and payment webhooks",[11,1316,1317],{},"By combining native web frameworks with the Telegram WebApp API, developers can ship complex SaaS platforms and digital products directly into active messaging channels.",[11,1319,1320,1321,1325,1326,1330],{},"If you are planning to build a high-performance Telegram Mini App with secure billing integrations and dynamic frontend design, check out my ",[1274,1322,1324],{"href":1323},"\u002Ftelegram-bots","Telegram Bot Development Service"," or request a ",[1274,1327,1329],{"href":1328},"\u002Fconsultations","Technical Architecture Consultation"," to get a production blueprint.",[1332,1333,1334],"style",{},"html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .s9osk, html code.shiki .s9osk{--shiki-default:#FFAB70}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":40,"searchDepth":105,"depth":105,"links":1336},[1337,1338,1340,1344,1345],{"id":28,"depth":105,"text":29},{"id":46,"depth":105,"text":1339},"1. Security First: Validating the initData Payload",{"id":858,"depth":105,"text":859,"children":1341},[1342,1343],{"id":866,"depth":112,"text":867},{"id":925,"depth":112,"text":926},{"id":1217,"depth":105,"text":1218},{"id":1293,"depth":105,"text":1294},"2026-07-05","A comprehensive developer's guide to using Telegram Mini Apps as a dynamic web frontend, implementing secure hash validation, and processing in-app purchases.","md",[1350,1353,1356],{"q":1351,"a":1352},"How is a Telegram Mini App different from a regular bot?","A bot communicates through messages and buttons, while a Mini App opens a full web interface inside Telegram: dashboards, catalogs, forms, charts. It's an SPA running in a WebView with its own frontend, and authorization happens automatically through the Telegram account.",{"q":1354,"a":1355},"How do I verify that user data in a Mini App isn't forged?","Through cryptographic initData validation: Telegram signs the user data with an HMAC-SHA256 signature derived from the bot token. The backend must recompute and compare the signature on every request — without it, anyone can impersonate any user.",{"q":1357,"a":1358},"When are Telegram Stars mandatory, and when can I use Stripe?","Digital goods and subscriptions inside a Mini App must be paid with Telegram Stars per Apple and Google policies. Physical goods, services, and consulting can be sold through classic gateways like Stripe.","\u002Fimages\u002Fblog\u002Fblog_telegram_twa.jpg","en",{},"\u002Fblog\u002Fen\u002Ftelegram-web-apps-sells",{"title":6,"description":1347},"blog\u002Fen\u002Ftelegram-web-apps-sells",[1366,1367,1368,1369,1370],"Telegram","Mini Apps","SaaS","Node.js","Frontend","4blcVbDR853MsonsChj72pfs0C4mqm-aL83XkBOZ0io",{"id":5,"title":6,"body":1373,"date":1346,"description":1347,"extension":1348,"faq":2362,"image":1359,"lang":1360,"meta":2366,"navigation":108,"path":1362,"published":108,"readTime":215,"seo":2367,"stem":1364,"tags":2368,"updated":1346,"__hash__":1371},{"type":8,"value":1374,"toc":2352},[1375,1379,1381,1383,1385,1387,1392,1396,1402,1406,1408,1998,2000,2002,2004,2008,2046,2048,2050,2284,2286,2292,2294,2318,2324,2328,2330,2342,2344,2350],[11,1376,13,1377,18],{},[15,1378,17],{},[11,1380,21],{},[11,1382,24],{},[26,1384,29],{"id":28},[11,1386,32],{},[34,1388,1390],{"className":1389,"code":38,"language":39,"meta":40},[37],[42,1391,38],{"__ignoreMap":40},[26,1393,47,1394,51],{"id":46},[42,1395,50],{},[11,1397,54,1398,58,1400,62],{},[42,1399,57],{},[42,1401,61],{},[11,1403,65,1404,69],{},[15,1405,68],{},[11,1407,72],{},[34,1409,1410],{"className":75,"code":76,"language":77,"meta":40,"style":40},[42,1411,1412,1424,1428,1436,1446,1456,1466,1476,1486,1496,1500,1504,1512,1522,1532,1536,1540,1572,1586,1604,1608,1618,1628,1632,1636,1640,1678,1682,1686,1696,1730,1746,1750,1754,1758,1768,1784,1792,1800,1804,1808,1818,1830,1838,1850,1854,1858,1872,1876,1886,1896,1900,1904,1908,1914,1932,1962,1972,1980,1990,1994],{"__ignoreMap":40},[81,1413,1414,1416,1418,1420,1422],{"class":83,"line":84},[81,1415,88],{"class":87},[81,1417,92],{"class":91},[81,1419,95],{"class":87},[81,1421,99],{"class":98},[81,1423,102],{"class":91},[81,1425,1426],{"class":83,"line":105},[81,1427,109],{"emptyLinePlaceholder":108},[81,1429,1430,1432,1434],{"class":83,"line":112},[81,1431,115],{"class":87},[81,1433,119],{"class":118},[81,1435,122],{"class":91},[81,1437,1438,1440,1442,1444],{"class":83,"line":125},[81,1439,129],{"class":128},[81,1441,132],{"class":87},[81,1443,136],{"class":135},[81,1445,102],{"class":91},[81,1447,1448,1450,1452,1454],{"class":83,"line":141},[81,1449,144],{"class":128},[81,1451,132],{"class":87},[81,1453,149],{"class":135},[81,1455,102],{"class":91},[81,1457,1458,1460,1462,1464],{"class":83,"line":154},[81,1459,157],{"class":128},[81,1461,160],{"class":87},[81,1463,149],{"class":135},[81,1465,102],{"class":91},[81,1467,1468,1470,1472,1474],{"class":83,"line":167},[81,1469,170],{"class":128},[81,1471,160],{"class":87},[81,1473,149],{"class":135},[81,1475,102],{"class":91},[81,1477,1478,1480,1482,1484],{"class":83,"line":179},[81,1479,182],{"class":128},[81,1481,160],{"class":87},[81,1483,149],{"class":135},[81,1485,102],{"class":91},[81,1487,1488,1490,1492,1494],{"class":83,"line":191},[81,1489,194],{"class":128},[81,1491,160],{"class":87},[81,1493,199],{"class":135},[81,1495,102],{"class":91},[81,1497,1498],{"class":83,"line":204},[81,1499,207],{"class":91},[81,1501,1502],{"class":83,"line":210},[81,1503,109],{"emptyLinePlaceholder":108},[81,1505,1506,1508,1510],{"class":83,"line":215},[81,1507,115],{"class":87},[81,1509,220],{"class":118},[81,1511,122],{"class":91},[81,1513,1514,1516,1518,1520],{"class":83,"line":225},[81,1515,228],{"class":128},[81,1517,132],{"class":87},[81,1519,199],{"class":135},[81,1521,102],{"class":91},[81,1523,1524,1526,1528,1530],{"class":83,"line":237},[81,1525,240],{"class":128},[81,1527,160],{"class":87},[81,1529,119],{"class":118},[81,1531,102],{"class":91},[81,1533,1534],{"class":83,"line":249},[81,1535,207],{"class":91},[81,1537,1538],{"class":83,"line":254},[81,1539,109],{"emptyLinePlaceholder":108},[81,1541,1542,1544,1546,1548,1550,1552,1554,1556,1558,1560,1562,1564,1566,1568,1570],{"class":83,"line":259},[81,1543,262],{"class":87},[81,1545,265],{"class":87},[81,1547,268],{"class":118},[81,1549,271],{"class":91},[81,1551,274],{"class":128},[81,1553,132],{"class":87},[81,1555,149],{"class":135},[81,1557,281],{"class":91},[81,1559,284],{"class":128},[81,1561,132],{"class":87},[81,1563,149],{"class":135},[81,1565,291],{"class":91},[81,1567,132],{"class":87},[81,1569,220],{"class":118},[81,1571,122],{"class":91},[81,1573,1574,1576,1578,1580,1582,1584],{"class":83,"line":300},[81,1575,303],{"class":87},[81,1577,306],{"class":135},[81,1579,309],{"class":87},[81,1581,312],{"class":87},[81,1583,315],{"class":118},[81,1585,318],{"class":91},[81,1587,1588,1590,1592,1594,1596,1598,1600,1602],{"class":83,"line":321},[81,1589,303],{"class":87},[81,1591,326],{"class":135},[81,1593,309],{"class":87},[81,1595,331],{"class":91},[81,1597,334],{"class":118},[81,1599,271],{"class":91},[81,1601,339],{"class":98},[81,1603,342],{"class":91},[81,1605,1606],{"class":83,"line":345},[81,1607,348],{"class":91},[81,1609,1610,1612,1614,1616],{"class":83,"line":351},[81,1611,354],{"class":87},[81,1613,357],{"class":91},[81,1615,360],{"class":87},[81,1617,363],{"class":91},[81,1619,1620,1622,1624,1626],{"class":83,"line":366},[81,1621,369],{"class":87},[81,1623,372],{"class":91},[81,1625,375],{"class":135},[81,1627,378],{"class":91},[81,1629,1630],{"class":83,"line":381},[81,1631,384],{"class":91},[81,1633,1634],{"class":83,"line":387},[81,1635,109],{"emptyLinePlaceholder":108},[81,1637,1638],{"class":83,"line":392},[81,1639,396],{"class":395},[81,1641,1642,1644,1646,1648,1650,1652,1654,1656,1658,1660,1662,1664,1666,1668,1670,1672,1674,1676],{"class":83,"line":399},[81,1643,303],{"class":87},[81,1645,404],{"class":135},[81,1647,309],{"class":87},[81,1649,409],{"class":91},[81,1651,95],{"class":118},[81,1653,414],{"class":91},[81,1655,417],{"class":118},[81,1657,420],{"class":91},[81,1659,423],{"class":118},[81,1661,271],{"class":91},[81,1663,428],{"class":128},[81,1665,431],{"class":87},[81,1667,434],{"class":91},[81,1669,437],{"class":87},[81,1671,440],{"class":98},[81,1673,443],{"class":91},[81,1675,446],{"class":118},[81,1677,449],{"class":91},[81,1679,1680],{"class":83,"line":452},[81,1681,348],{"class":91},[81,1683,1684],{"class":83,"line":457},[81,1685,460],{"class":395},[81,1687,1688,1690,1692,1694],{"class":83,"line":463},[81,1689,303],{"class":87},[81,1691,468],{"class":135},[81,1693,309],{"class":87},[81,1695,473],{"class":91},[81,1697,1698,1700,1702,1704,1706,1708,1710,1712,1714,1716,1718,1720,1722,1724,1726,1728],{"class":83,"line":476},[81,1699,479],{"class":91},[81,1701,482],{"class":118},[81,1703,271],{"class":91},[81,1705,428],{"class":128},[81,1707,431],{"class":87},[81,1709,491],{"class":98},[81,1711,428],{"class":91},[81,1713,496],{"class":98},[81,1715,499],{"class":91},[81,1717,62],{"class":98},[81,1719,334],{"class":118},[81,1721,271],{"class":98},[81,1723,428],{"class":91},[81,1725,291],{"class":98},[81,1727,512],{"class":98},[81,1729,515],{"class":91},[81,1731,1732,1734,1736,1738,1740,1742,1744],{"class":83,"line":518},[81,1733,479],{"class":91},[81,1735,523],{"class":118},[81,1737,271],{"class":91},[81,1739,528],{"class":98},[81,1741,531],{"class":135},[81,1743,528],{"class":98},[81,1745,342],{"class":91},[81,1747,1748],{"class":83,"line":538},[81,1749,109],{"emptyLinePlaceholder":108},[81,1751,1752],{"class":83,"line":543},[81,1753,546],{"class":395},[81,1755,1756],{"class":83,"line":549},[81,1757,552],{"class":395},[81,1759,1760,1762,1764,1766],{"class":83,"line":555},[81,1761,303],{"class":87},[81,1763,560],{"class":135},[81,1765,309],{"class":87},[81,1767,565],{"class":91},[81,1769,1770,1772,1774,1776,1778,1780,1782],{"class":83,"line":568},[81,1771,479],{"class":91},[81,1773,573],{"class":118},[81,1775,271],{"class":91},[81,1777,578],{"class":98},[81,1779,281],{"class":91},[81,1781,583],{"class":98},[81,1783,515],{"class":91},[81,1785,1786,1788,1790],{"class":83,"line":588},[81,1787,479],{"class":91},[81,1789,593],{"class":118},[81,1791,596],{"class":91},[81,1793,1794,1796,1798],{"class":83,"line":599},[81,1795,479],{"class":91},[81,1797,604],{"class":118},[81,1799,449],{"class":91},[81,1801,1802],{"class":83,"line":609},[81,1803,109],{"emptyLinePlaceholder":108},[81,1805,1806],{"class":83,"line":614},[81,1807,617],{"class":395},[81,1809,1810,1812,1814,1816],{"class":83,"line":620},[81,1811,303],{"class":87},[81,1813,625],{"class":135},[81,1815,309],{"class":87},[81,1817,565],{"class":91},[81,1819,1820,1822,1824,1826,1828],{"class":83,"line":632},[81,1821,479],{"class":91},[81,1823,573],{"class":118},[81,1825,271],{"class":91},[81,1827,578],{"class":98},[81,1829,643],{"class":91},[81,1831,1832,1834,1836],{"class":83,"line":646},[81,1833,479],{"class":91},[81,1835,593],{"class":118},[81,1837,653],{"class":91},[81,1839,1840,1842,1844,1846,1848],{"class":83,"line":656},[81,1841,479],{"class":91},[81,1843,604],{"class":118},[81,1845,271],{"class":91},[81,1847,665],{"class":98},[81,1849,342],{"class":91},[81,1851,1852],{"class":83,"line":670},[81,1853,109],{"emptyLinePlaceholder":108},[81,1855,1856],{"class":83,"line":675},[81,1857,678],{"class":395},[81,1859,1860,1862,1864,1866,1868,1870],{"class":83,"line":681},[81,1861,303],{"class":87},[81,1863,686],{"class":135},[81,1865,309],{"class":87},[81,1867,691],{"class":91},[81,1869,694],{"class":87},[81,1871,697],{"class":91},[81,1873,1874],{"class":83,"line":700},[81,1875,109],{"emptyLinePlaceholder":108},[81,1877,1878,1880,1882,1884],{"class":83,"line":705},[81,1879,354],{"class":87},[81,1881,357],{"class":91},[81,1883,360],{"class":87},[81,1885,714],{"class":91},[81,1887,1888,1890,1892,1894],{"class":83,"line":717},[81,1889,369],{"class":87},[81,1891,372],{"class":91},[81,1893,375],{"class":135},[81,1895,378],{"class":91},[81,1897,1898],{"class":83,"line":728},[81,1899,384],{"class":91},[81,1901,1902],{"class":83,"line":733},[81,1903,109],{"emptyLinePlaceholder":108},[81,1905,1906],{"class":83,"line":738},[81,1907,741],{"class":395},[81,1909,1910,1912],{"class":83,"line":744},[81,1911,747],{"class":87},[81,1913,122],{"class":91},[81,1915,1916,1918,1920,1922,1924,1926,1928,1930],{"class":83,"line":752},[81,1917,755],{"class":87},[81,1919,758],{"class":135},[81,1921,309],{"class":87},[81,1923,331],{"class":91},[81,1925,334],{"class":118},[81,1927,271],{"class":91},[81,1929,769],{"class":98},[81,1931,342],{"class":91},[81,1933,1934,1936,1938,1940,1942,1944,1946,1948,1950,1952,1954,1956,1958,1960],{"class":83,"line":774},[81,1935,755],{"class":87},[81,1937,779],{"class":135},[81,1939,132],{"class":87},[81,1941,119],{"class":118},[81,1943,309],{"class":87},[81,1945,788],{"class":91},[81,1947,791],{"class":87},[81,1949,794],{"class":135},[81,1951,62],{"class":91},[81,1953,799],{"class":118},[81,1955,802],{"class":91},[81,1957,132],{"class":87},[81,1959,807],{"class":135},[81,1961,102],{"class":91},[81,1963,1964,1966,1968,1970],{"class":83,"line":812},[81,1965,369],{"class":87},[81,1967,372],{"class":91},[81,1969,819],{"class":135},[81,1971,822],{"class":91},[81,1973,1974,1976,1978],{"class":83,"line":825},[81,1975,828],{"class":91},[81,1977,831],{"class":87},[81,1979,834],{"class":91},[81,1981,1982,1984,1986,1988],{"class":83,"line":837},[81,1983,369],{"class":87},[81,1985,372],{"class":91},[81,1987,819],{"class":135},[81,1989,378],{"class":91},[81,1991,1992],{"class":83,"line":848},[81,1993,384],{"class":91},[81,1995,1996],{"class":83,"line":853},[81,1997,207],{"class":91},[26,1999,859],{"id":858},[11,2001,862],{},[864,2003,867],{"id":866},[11,2005,870,2006,874],{},[42,2007,873],{},[34,2009,2010],{"className":75,"code":877,"language":77,"meta":40,"style":40},[42,2011,2012,2016,2022,2026,2038,2042],{"__ignoreMap":40},[81,2013,2014],{"class":83,"line":84},[81,2015,884],{"class":395},[81,2017,2018,2020],{"class":83,"line":105},[81,2019,873],{"class":118},[81,2021,891],{"class":91},[81,2023,2024],{"class":83,"line":112},[81,2025,896],{"class":91},[81,2027,2028,2030,2032,2034,2036],{"class":83,"line":125},[81,2029,901],{"class":91},[81,2031,904],{"class":98},[81,2033,907],{"class":91},[81,2035,819],{"class":135},[81,2037,912],{"class":91},[81,2039,2040],{"class":83,"line":141},[81,2041,917],{"class":91},[81,2043,2044],{"class":83,"line":154},[81,2045,922],{"class":91},[864,2047,926],{"id":925},[11,2049,929],{},[34,2051,2052],{"className":75,"code":932,"language":77,"meta":40,"style":40},[42,2053,2054,2058,2070,2074,2084,2100,2120,2124,2134,2150,2156,2164,2174,2178,2186,2196,2200,2204,2214,2226,2238,2250,2262,2266,2270,2274,2280],{"__ignoreMap":40},[81,2055,2056],{"class":83,"line":84},[81,2057,939],{"class":395},[81,2059,2060,2062,2064,2066,2068],{"class":83,"line":105},[81,2061,88],{"class":87},[81,2063,946],{"class":91},[81,2065,95],{"class":87},[81,2067,951],{"class":98},[81,2069,102],{"class":91},[81,2071,2072],{"class":83,"line":112},[81,2073,109],{"emptyLinePlaceholder":108},[81,2075,2076,2078,2080,2082],{"class":83,"line":125},[81,2077,262],{"class":87},[81,2079,265],{"class":87},[81,2081,966],{"class":118},[81,2083,969],{"class":91},[81,2085,2086,2088,2090,2092,2094,2096,2098],{"class":83,"line":141},[81,2087,303],{"class":87},[81,2089,976],{"class":135},[81,2091,309],{"class":87},[81,2093,981],{"class":118},[81,2095,271],{"class":91},[81,2097,375],{"class":135},[81,2099,342],{"class":91},[81,2101,2102,2104,2106,2108,2110,2112,2114,2116,2118],{"class":83,"line":154},[81,2103,303],{"class":87},[81,2105,779],{"class":135},[81,2107,309],{"class":87},[81,2109,981],{"class":118},[81,2111,1000],{"class":91},[81,2113,1003],{"class":135},[81,2115,1006],{"class":91},[81,2117,1009],{"class":135},[81,2119,342],{"class":91},[81,2121,2122],{"class":83,"line":167},[81,2123,109],{"emptyLinePlaceholder":108},[81,2125,2126,2128,2130,2132],{"class":83,"line":179},[81,2127,1020],{"class":118},[81,2129,1023],{"class":91},[81,2131,1026],{"class":87},[81,2133,122],{"class":91},[81,2135,2136,2138,2140,2142,2144,2146,2148],{"class":83,"line":191},[81,2137,755],{"class":87},[81,2139,1035],{"class":135},[81,2141,309],{"class":87},[81,2143,1040],{"class":91},[81,2145,1043],{"class":87},[81,2147,1046],{"class":135},[81,2149,1049],{"class":91},[81,2151,2152,2154],{"class":83,"line":204},[81,2153,1054],{"class":87},[81,2155,1057],{"class":91},[81,2157,2158,2160,2162],{"class":83,"line":210},[81,2159,1062],{"class":91},[81,2161,1065],{"class":118},[81,2163,449],{"class":91},[81,2165,2166,2168,2170,2172],{"class":83,"line":215},[81,2167,1062],{"class":91},[81,2169,1074],{"class":118},[81,2171,1077],{"class":91},[81,2173,1080],{"class":395},[81,2175,2176],{"class":83,"line":225},[81,2177,1085],{"class":91},[81,2179,2180,2182,2184],{"class":83,"line":237},[81,2181,1090],{"class":91},[81,2183,1093],{"class":87},[81,2185,1096],{"class":91},[81,2187,2188,2190,2192,2194],{"class":83,"line":249},[81,2189,1101],{"class":91},[81,2191,1093],{"class":87},[81,2193,1106],{"class":135},[81,2195,102],{"class":91},[81,2197,2198],{"class":83,"line":254},[81,2199,109],{"emptyLinePlaceholder":108},[81,2201,2202],{"class":83,"line":259},[81,2203,1117],{"class":395},[81,2205,2206,2208,2210,2212],{"class":83,"line":300},[81,2207,1122],{"class":87},[81,2209,1125],{"class":135},[81,2211,309],{"class":87},[81,2213,1130],{"class":91},[81,2215,2216,2218,2220,2222,2224],{"class":83,"line":321},[81,2217,1135],{"class":91},[81,2219,1138],{"class":118},[81,2221,271],{"class":91},[81,2223,1143],{"class":98},[81,2225,1146],{"class":91},[81,2227,2228,2230,2232,2234,2236],{"class":83,"line":345},[81,2229,1135],{"class":91},[81,2231,1138],{"class":118},[81,2233,271],{"class":91},[81,2235,1157],{"class":98},[81,2237,1160],{"class":91},[81,2239,2240,2242,2244,2246,2248],{"class":83,"line":351},[81,2241,1135],{"class":91},[81,2243,1138],{"class":118},[81,2245,271],{"class":91},[81,2247,1171],{"class":98},[81,2249,1174],{"class":91},[81,2251,2252,2254,2256,2258,2260],{"class":83,"line":366},[81,2253,1135],{"class":91},[81,2255,1138],{"class":118},[81,2257,271],{"class":91},[81,2259,1185],{"class":98},[81,2261,1188],{"class":91},[81,2263,2264],{"class":83,"line":381},[81,2265,1193],{"class":91},[81,2267,2268],{"class":83,"line":387},[81,2269,1198],{"class":91},[81,2271,2272],{"class":83,"line":392},[81,2273,109],{"emptyLinePlaceholder":108},[81,2275,2276,2278],{"class":83,"line":399},[81,2277,1207],{"class":87},[81,2279,1210],{"class":91},[81,2281,2282],{"class":83,"line":452},[81,2283,207],{"class":91},[26,2285,1218],{"id":1217},[11,2287,1221,2288,357,2290,1228],{},[15,2289,1224],{},[42,2291,1227],{},[11,2293,1231],{},[1233,2295,2296,2300,2308,2312],{},[1236,2297,2298,1241],{},[15,2299,1240],{},[1236,2301,2302,1247,2304,1251,2306,62],{},[15,2303,1246],{},[42,2305,1250],{},[42,2307,1227],{},[1236,2309,2310,1259],{},[15,2311,1258],{},[1236,2313,2314,1265,2316,1269],{},[15,2315,1264],{},[42,2317,1268],{},[11,2319,1272,2320,1278,2322,62],{},[1274,2321,1277],{"href":1276},[1274,2323,1282],{"href":1281},[11,2325,1285,2326,1290],{},[1274,2327,1289],{"href":1288},[26,2329,1294],{"id":1293},[1296,2331,2332,2337],{},[1236,2333,2334,1306],{},[1274,2335,1305],{"href":1302,"rel":2336},[1304],[1236,2338,2339,1314],{},[1274,2340,1313],{"href":1311,"rel":2341},[1304],[11,2343,1317],{},[11,2345,1320,2346,1325,2348,1330],{},[1274,2347,1324],{"href":1323},[1274,2349,1329],{"href":1328},[1332,2351,1334],{},{"title":40,"searchDepth":105,"depth":105,"links":2353},[2354,2355,2356,2360,2361],{"id":28,"depth":105,"text":29},{"id":46,"depth":105,"text":1339},{"id":858,"depth":105,"text":859,"children":2357},[2358,2359],{"id":866,"depth":112,"text":867},{"id":925,"depth":112,"text":926},{"id":1217,"depth":105,"text":1218},{"id":1293,"depth":105,"text":1294},[2363,2364,2365],{"q":1351,"a":1352},{"q":1354,"a":1355},{"q":1357,"a":1358},{},{"title":6,"description":1347},[1366,1367,1368,1369,1370],1784561425803]