1import{r as e,o as _,c as f,a as s,b as a,w as t,F as y,d as n,f as p}from"./app.1a0d0096.js";const w={},v=s("h1",{id:"using-a-rest-api",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#using-a-rest-api","aria-hidden":"true"},"#"),n(" Using a REST API")],-1),j=s("p",null,"REST APIs are extremely popular on the web and allow you to freely grab a site's data if it has an available API over an HTTP connection.",-1),x=s("h2",{id:"making-http-requests-with-node",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#making-http-requests-with-node","aria-hidden":"true"},"#"),n(" Making HTTP requests with Node")],-1),I=n("In these examples, we will be using "),R={href:"https://www.npmjs.com/package/undici",target:"_blank",rel:"noopener noreferrer"},N=n("undici"),S=n(", an excellent library for making HTTP requests."),T=s("p",null,"To install undici, run the following command:",-1),C=s("div",{class:"language-bash ext-sh"},[s("pre",{class:"language-bash"},[s("code",null,[s("span",{class:"token function"},"npm"),n(),s("span",{class:"token function"},"install"),n(` undici 2`)])])],-1),E=s("div",{class:"language-bash ext-sh"},[s("pre",{class:"language-bash"},[s("code",null,[s("span",{class:"token function"},"yarn"),n(),s("span",{class:"token function"},"add"),n(` undici 3`)])])],-1),P=s("div",{class:"language-bash ext-sh"},[s("pre",{class:"language-bash"},[s("code",null,[s("span",{class:"token function"},"pnpm"),n(),s("span",{class:"token function"},"add"),n(` undici 4`)])])],-1),D=s("div",{class:"language-bash ext-sh"},[s("pre",{class:"language-bash"},[s("code",null,[n("bun "),s("span",{class:"token function"},"add"),n(` undici 5`)])])],-1),q=p(`<h2 id="skeleton-code" tabindex="-1"><a class="header-anchor" href="#skeleton-code" aria-hidden="true">#</a> Skeleton code</h2><p>To start off, you will be using the following skeleton code. Since both the commands you will be adding in this section require an interaction with external APIs, you will defer the reply, so your application responds with a "thinking..." state. You can then edit the reply once you got the data you need:</p><div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code><span class="token keyword">const</span> <span class="token punctuation">{</span> Client<span class="token punctuation">,</span> EmbedBuilder<span class="token punctuation">,</span> Events<span class="token punctuation">,</span> GatewayIntentBits <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'discord.js'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 6 7<span class="token keyword">const</span> client <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Client</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">intents</span><span class="token operator">:</span> <span class="token punctuation">[</span>GatewayIntentBits<span class="token punctuation">.</span>Guilds<span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 8 9client<span class="token punctuation">.</span><span class="token function">once</span><span class="token punctuation">(</span>Events<span class="token punctuation">.</span>ClientReady<span class="token punctuation">,</span> <span class="token parameter">readyClient</span> <span class="token operator">=></span> <span class="token punctuation">{</span> 10 console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token template-string"><span class="token template-punctuation string">\`</span><span class="token string">Ready! Logged in as </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">\${</span>readyClient<span class="token punctuation">.</span>user<span class="token punctuation">.</span>tag<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">\`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span> 11<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 12 13client<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span>Events<span class="token punctuation">.</span>InteractionCreate<span class="token punctuation">,</span> <span class="token keyword">async</span> <span class="token parameter">interaction</span> <span class="token operator">=></span> <span class="token punctuation">{</span> 14 <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>interaction<span class="token punctuation">.</span><span class="token function">isChatInputCommand</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token keyword">return</span><span class="token punctuation">;</span> 15 16 <span class="token keyword">const</span> <span class="token punctuation">{</span> commandName <span class="token punctuation">}</span> <span class="token operator">=</span> interaction<span class="token punctuation">;</span> 17 <span class="token keyword">await</span> interaction<span class="token punctuation">.</span><span class="token function">deferReply</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 18 <span class="token comment">
18// ...</span> 19<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 20 21client<span class="token punctuation">.</span><span class="token function">login</span><span class="token punctuation">(</span><span class="token string">'your-token-goes-here'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 22</code></pre><div class="line-numbers"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br></div></div>`,3),A={class:"custom-container tip"},O=s("p",{class:"custom-container-title"},"TIP",-1),U=n("We're taking advantage of "),F=n("destructuring"),J=n(" in this tutorial to maintain readability."),L=s("h2",{id:"using-undici",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#using-undici","aria-hidden":"true"},"#"),n(" Using undici")],-1),G=n("Undici is a Promise-based HTTP/1.1 client, written from scratch for Node.js. If you aren't already familiar with Promises, you should read up on them "),H=n("here"),W=n("."),$=n("In this tutorial, you will be making a bot with two API-based commands using the "),B={href:"https://aws.random.cat",target:"_blank",rel:"noopener noreferrer"},M=n("random.cat"),V=n(" and "),Y={href:"https://www.urbandictionary.com",target:"_blank",rel:"noopener noreferrer"},z=n("Urban Dictionary"),Q=n(" APIs."),K=p(`<p>On top of your file, import the library function you will be using:</p><div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code><span class="token keyword">const</span> <span class="token punctuation">{</span> request <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token function">require</span><span class="token punctuation">(</span><span class="token string">'undici'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 23</code></pre><div class="line-numbers"><span class="line-number">1</span><br></div></div><h3 id="random-cat" tabindex="-1"><a class="header-anchor" href="#random-cat" aria-hidden="true">#</a> Random Cat</h3>`,3),X=n("Random cat's API is available at "),Z={href:"https://aws.random.cat/meow",target:"_blank",rel:"noopener noreferrer"},nn=n("https://aws.random.cat/meow"),sn=n(" and returns a "),an={href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON",target:"_blank",rel:"noopener noreferrer"},tn=n("JSON"),en=n(" response. To actually fetch data from the API, you're going to do the following:"),on=p(`<div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code><span class="token keyword">const</span> catResult <span class="token operator">=</span> <span class="token keyword">await</span> <span class="token function">request</span><span class="token punctuation">(</span><span class="token string">'https://aws.random.cat/meow'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 24<span class="token keyword">const</span> <span class="token punctuation">{</span> file <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token keyword">await</span> catResult<span class="token punctuation">.</span>body<span class="token punctuation">.</span><span class="token function">json</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 25</code></pre><div class="line-numbers"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><p>If you just add this code, it will seem like nothing happens. What you do not see, is that you are launching a request to the random.cat server, which responds some JSON data. The helper function parses the response data to a JavaScript object you can work with. The object will have a <code>file</code> property with the value of a link to a random cat image.</p><p>Next, you will implement this approach into an application command:</p><div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code>client<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span>Events<span class="token punctuation">.</span>InteractionCreate<span class="token punctuation">,</span> <span class="token keyword">async</span> <span class="token parameter">interaction</span> <span class="token operator">=></span> <span class="token punctuation">{</span> 26 <span class="token comment">
26// ...</span> 27 <span class="token keyword">if</span> <span class="token punctuation">(</span>commandName <span class="token operator">===</span> <span class="token string">'cat'</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> 28 <span class="token keyword">const</span> catResult <span class="token operator">=</span> <span class="token keyword">await</span> <span class="token function">request</span><span class="token punctuation">(</span><span class="token string">'https://aws.random.cat/meow'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 29 <span class="token keyword">const</span> <span class="token punctuation">{</span> file <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token keyword">await</span> catResult<span class="token punctuation">.</span>body<span class="token punctuation">.</span><span class="token function">json</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 30 interaction<span class="token punctuation">.</span><span class="token function">editReply</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">files</span><span class="token operator">:</span> <span class="token punctuation">[</span>file<span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 31 <span class="token punctuation">}</span> 32<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 33</code></pre><div class="highlight-lines"><br><br><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><br></div><div class="line-numbers"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><p>So, here's what's happening in this code:</p><ol><li>Your application sends a <code>GET</code> request to random.cat.</li><li>random.cat sees the request and gets a random file url from their database.</li><li>random.cat then sends that file's URL as a JSON object in a stringified form that contains a link to the image.</li><li>undici receives the response and you parse the body to a JSON object.</li><li>Your application then attaches the image and sends it in Discord.</li></ol><h3 id="urban-dictionary" tabindex="-1"><a class="header-anchor" href="#urban-dictionary" aria-hidden="true">#</a> Urban Dictionary</h3>`,7),pn=n("Urban Dictionary's API is available at "),cn={href:"https://api.urbandictionary.com/v0/define",target:"_blank",rel:"noopener noreferrer"},ln=n("https://api.urbandictionary.com/v0/define"),rn=n(", accepts a "),un=s("code",null,"term",-1),dn=n(" parameter, and returns a JSON response."),kn=p(`<p>The following code will fetch data from this api:</p><div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code><span class="token comment">// ...</span> 34client<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span>Events<span class="token punctuation">.</span>InteractionCreate<span class="token punctuation">,</span> <span class="token keyword">async</span> <span class="token parameter">interaction</span> <span class="token operator">=></span> <span class="token punctuation">{</span> 35 <span class="token comment">// ...</span> 36 <span class="token keyword">if</span> <span class="token punctuation">(</span>commandName <span class="token operator">===</span> <span class="token string">'urban'</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> 37 <span class="token keyword">const</span> term <span class="token operator">=</span> interaction<span class="token punctuation">.</span>options<span class="token punctuation">.</span><span class="token function">getString</span><span class="token punctuation">(</span><span class="token string">'term'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 38 <span class="token keyword">const</span> query <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">URLSearchParams</span><span class="token punctuation">(</span><span class="token punctuation">{</span> term <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 39 40 <span class="token keyword">const</span> dictResult <span class="token operator">=</span> <span class="token keyword">await</span> <span class="token function">request</span><span class="token punctuation">(</span><span class="token template-string"><span class="token template-punctuation string">\`</span><span class="token string">https://api.urbandictionary.com/v0/define?</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">\${</span>query<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">\`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span> 41 <span class="token keyword">const</span> <span class="token punctuation">{</span>
41 list <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token keyword">await</span> dictResult<span class="token punctuation">.</span>body<span class="token punctuation">.</span><span class="token function">json</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 42 <span class="token punctuation">}</span> 43<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 44</code></pre><div class="highlight-lines"><div class="highlight-line">\xA0</div><br><br><br><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div></div><div class="line-numbers"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br></div></div>`,2),hn=n("Here, you are using JavaScript's native "),mn={href:"https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams",target:"_blank",rel:"noopener noreferrer"},bn=n("URLSearchParams class"),gn=n(" to create a "),_n={href:"https://en.wikipedia.org/wiki/Query_string",target:"_blank",rel:"noopener noreferrer"},fn=n("query string"),yn=n(" for the URL so that the Urban Dictionary server can parse it and know what you want to look up."),wn=s("p",null,[n("If you were to do "),s("code",null,"/urban hello world"),n(", then the URL would become https://api.urbandictionary.com/v0/define?term=hello%20world since the string "),s("code",null,'"hello world"'),n(" is encoded.")],-1),vn=n("You can get the respective properties from the returned JSON. If you were to view it in your browser, it usually looks like a bunch of mumbo jumbo. If it doesn't, great! If it does, then you should get a JSON formatter/viewer. If you're using Chrome, "),jn={href:"https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa",target:"_blank",rel:"noopener noreferrer"},xn=n("JSON Formatter"),In=n(` is one of the more popular extensions. If you're not using Chrome, search for "JSON formatter/viewer <your browser>" and get one.`),Rn=p(`<p>Now, if you look at the JSON, you can see that it has a <code>list</code> property, which is an array of objects containing various definitions for the term (maximum 10). Something you always want to do when making API-based commands is to handle the case when no results are available. So, if you throw a random term in there (e.g. <code>njaksdcas</code>) and then look at the response the <code>list</code> array should be empty. Now you are ready to start writing!</p><p>As explained above, you'll want to check if the API returned any answers for your query, and send back the definition if that's the case:</p><div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code><span class="token keyword">if</span> <span class="token punctuation">(</span>commandName <span class="token operator">===</span> <span class="token string">'urban'</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> 45 <span class="token comment">// ...</span> 46 <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token operator">!</span>list<span class="token punctuation">.</span>length<span class="token punctuation">)</span> <span class="token punctuation">{</span> 47 <span class="token keyword">return</span> interaction<span class="token punctuation">.</span><span class="token function">editReply</span><span class="token punctuation">(</span><span class="token template-string"><span class="token template-punctuation string">\`</span><span class="token string">No results found for **</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">\${</span>term<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">**.</span><span class="token template-punctuation string">\`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span> 48 <span class="token punctuation">}</span> 49 50 interaction<span class="token punctuation">.</span><span class="token function">editReply</span><span class="token punctuation">(</span><span class="token template-string"><span class="token template-punctuation string">\`</span><span class="token string">**</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">\${</span>term<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">**: </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">\${</span>list<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">.</span>definition<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">\`</span></span><span class="token punctuation">)</span><span class="token punctuation">;</span> 51<span class="token punctuation">}</span> 52</code></pre><div class="highlight-lines"><br><br><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><br><div class="highlight-line">\xA0</div><br></div><div class="line-numbers"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><p>Here, you are only getting the first object from the array of objects called <code>list</code> and grabbing its <code>definition</code> property.</p><p>If you've followed the tutorial, you should have something like this:</p>`,5),Nn=n("urban"),Sn=n(", No results for "),Tn=s("strong",null,"njaksdcas",-1),Cn=n("urban"),En=s("strong",null,"hello world",-1),Pn=n(": The easiest, and first program any newbie would write. Applies for any language. Also what you would see in the first chapter of most programming books. "),Dn=n("Now, you can make it an "),qn=n("embed"),An=n(" for easier formatting."),On=p(`<p>You can define the following helper function at the top of your file. In the code below, you can use this function to truncate the returned data and make sure the embed doesn't error, because field values exceed 1024 characters.</p><div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code><span class="token keyword">const</span> <span class="token function-variable function">trim</span> <span class="token operator">=</span> <span class="token punctuation">(</span><span class="token parameter">str<span class="token punctuation">,</span> max</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">(</span>str<span class="token punctuation">.</span>length <span class="token operator">></span> max <span class="token operator">?</span> <span class="token template-string"><span class="token template-punctuation string">\`</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">\${</span>str<span class="token punctuation">.</span><span class="token function">slice</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">,</span> max <span class="token operator">-</span> <span class="token number">3</span><span class="token punctuation">)</span><span class="token interpolation-punctuation punctuation">}</span></span><span class="token string">...</span><span class="token template-punctuation string">\`</span></span> <span class="token operator">:</span> str<span class="token punctuation">)</span><span class="token punctuation">;</span> 53</code></pre><div class="line-numbers"><span class="line-number">1</span><br></div></div><p>And here is how you can build the embed from the API data:</p><div class="language-javascript ext-js line-numbers-mode"><pre class="language-javascript"><code><span class="token keyword">const</span> <span class="token punctuation">[</span>answer<span class="token punctuation">]</span> <span class="token operator">=</span>
53 list<span class="token punctuation">;</span> 54 55<span class="token keyword">const</span> embed <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">EmbedBuilder</span><span class="token punctuation">(</span><span class="token punctuation">)</span> 56 <span class="token punctuation">.</span><span class="token function">setColor</span><span class="token punctuation">(</span><span class="token number">0xEFFF00</span><span class="token punctuation">)</span> 57 <span class="token punctuation">.</span><span class="token function">setTitle</span><span class="token punctuation">(</span>answer<span class="token punctuation">.</span>word<span class="token punctuation">)</span> 58 <span class="token punctuation">.</span><span class="token function">setURL</span><span class="token punctuation">(</span>answer<span class="token punctuation">.</span>permalink<span class="token punctuation">)</span> 59 <span class="token punctuation">.</span><span class="token function">addFields</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'Definition'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">trim</span><span class="token punctuation">(</span>answer<span class="token punctuation">.</span>definition<span class="token punctuation">,</span> <span class="token number">1_024</span><span class="token punctuation">)</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'Example'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">trim</span><span class="token punctuation">(</span>answer<span class="token punctuation">.</span>example<span class="token punctuation">,</span> <span class="token number">1_024</span><span class="token punctuation">)</span> <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'Rating'</span><span class="token punctuation">,</span> <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">\`</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">\${</span>answer<span class="token punctuation">.</span>thumbs_up<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string"> thumbs up. </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">\${</span>answer<span class="token punctuation">.</span>thumbs_down<span class="token interpolation-punctuation punctuation">}</span></span><span class="token string"> thumbs down.</span><span class="token template-punctuation string">\`</span></span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 60 61interaction<span class="token punctuation">.</span><span class="token function">editReply</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token literal-property property">embeds</span><span class="token operator">:</span> <span class="token punctuation">[</span>embed<span class="token punctuation">]</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 62</code></pre><div class="line-numbers"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><p>Now, if you execute that same command again, you should get this:</p>`,5),Un=n("urban"),Fn=n(" The easiest, and first program any newbie would write. Applies for any language. Also what you would see in the first chapter of most programming books. "),Jn=n(" programming noob: Hey I just attended my first programming lesson earlier! "),Ln=s("br",null,null,-1),Gn=n(" .NET Veteran: Oh? What can you do? "),Hn=s("br",null,null,-1),Wn=n(' programming noob: I could make a dialog box pop up which says "Hello World!" !!! '),$n=s("br",null,null,-1),Bn=n(' .NET Veteran: lmao.. hey guys! look.. check out this "hello world" programmer '),Mn=s("br",null,null,-1),Vn=s("br",null,null,-1),Yn=n(' Console.WriteLine("Hello World") '),zn=n(" 122 thumbs up. "),Qn=s("br",null,null,-1),Kn=n(" 42 thumbs down. "),Xn=s("h2",{id:"resulting-code",tabindex:"-1"},[s("a",{class:"header-anchor",href:"#resulting-code","aria-hidden":"true"},"#"),n(" Resulting code")],-1);function Zn(ns,ss){const o=e("OutboundLink"),c=e("CodeGroupItem"),k=e("CodeGroup"),i=e("RouterLink"),l=e("DiscordInteraction"),h=e("DiscordMention"),r=e("DiscordMessage"),d=e("DiscordMessages"),u=e("DiscordEmbedField"),m=e("DiscordEmbedFields"),b=e("DiscordEmbed"),g=e("ResultingCo
62de");return _(),f(y,null,[v,j,x,s("p",null,[I,s("a",R,[N,a(o)]),S]),T,a(k,null,{default:t(()=>[a(c,{title:"npm"},{default:t(()=>[C]),_:1}),a(c,{title:"yarn"},{default:t(()=>[E]),_:1}),a(c,{title:"pnpm"},{default:t(()=>[P]),_:1}),a(c,{title:"bun"},{default:t(()=>[D]),_:1})]),_:1}),q,s("div",A,[O,s("p",null,[U,a(i,{to:"/additional-info/es6-syntax.html#destructuring"},{default:t(()=>[F]),_:1}),J])]),L,s("p",null,[G,a(i,{to:"/additional-info/async-await.html"},{default:t(()=>[H]),_:1}),W]),s("p",null,[$,s("a",B,[M,a(o)]),V,s("a",Y,[z,a(o)]),Q]),K,s("p",null,[X,s("a",Z,[nn,a(o)]),sn,s("a",an,[tn,a(o)]),en]),on,s("p",null,[pn,s("a",cn,[ln,a(o)]),rn,un,dn]),kn,s("p",null,[hn,s("a",mn,[bn,a(o)]),gn,s("a",_n,[fn,a(o)]),yn]),wn,s("p",null,[vn,s("a",jn,[xn,a(o)]),In]),Rn,a(d,null,{default:t(()=>[a(r,{profile:"bot"},{interactions:t(()=>[a(l,{profile:"user",command:!0},{default:t(()=>[Nn]),_:1})]),default:t(()=>[a(h,{highlight:!0,profile:"user"}),Sn,Tn]),_:1}),a(r,{profile:"bot"},{interactions:t(()=>[a(l,{profile:"user",command:!0},{default:t(()=>[Cn]),_:1})]),default:t(()=>[En,Pn]),_:1})]),_:1}),s("p",null,[Dn,a(i,{to:"/popular-topics/embeds.html"},{default:t(()=>[qn]),_:1}),An]),On,a(d,null,{default:t(()=>[a(r,{profile:"bot"},{interactions:t(()=>[a(l,{profile:"user",command:!0},{default:t(()=>[Un]),_:1})]),embeds:t(()=>[a(b,{"border-color":"#EFFF00","embed-title":"hello world",url:"https://www.urbandictionary.com/define.php?term=hello%20world"},{fields:t(()=>[a(m,null,{default:t(()=>[a(u,{"field-title":"Definition"},{default:t(()=>[Fn]),_:1}),a(u,{"field-title":"Example"},{default:t(()=>[Jn,Ln,Gn,Hn,Wn,$n,Bn,Mn,Vn,Yn]),_:1}),a(u,{"field-title":"Rating"},{default:t(()=>[zn,Qn,Kn]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),Xn,a(g)],64)}w.render=Zn;export{w as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.