mirror of
https://github.com/muerwre/muerwre.github.io.git
synced 2025-04-25 10:56:40 +07:00
8ab5482294
Author: Fedor Katurov <gotham48@gmail.com>
Date: Mon Nov 7 15:13:41 2022 +0600
set deark theme as default
6 lines
No EOL
67 KiB
HTML
6 lines
No EOL
67 KiB
HTML
<!DOCTYPE html>
|
|
<html data-head-attrs="">
|
|
<head><title>Smart Contracts • Obsidian Garden</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="For common functions see Common typescript examples."><meta name="head:count" content="3"><link rel="modulepreload" href="/blockchain/smart-contracts/_payload.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/entry.f8ff8132.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/default.2294e3b6.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/LayoutMainMenuToggle.46044f42.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/LayoutMainMenuToggle.vue_used_vue_type_style_index_0_lang.module.ab60ac3f.js"><link rel="preload" as="style" href="/nuxt/LayoutMainMenuToggle.vue_used_vue_type_style_index_0_lang.5944fda9.css"><link rel="modulepreload" as="script" crossorigin href="/nuxt/LayoutMainMenu.73696950.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/navigation.b4be76a2.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/content.741e4176.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/LayoutThemeToggle.dfe6c45f.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/LayoutThemeToggle.vue_used_vue_type_style_index_0_lang.module.001d6eed.js"><link rel="preload" as="style" href="/nuxt/LayoutThemeToggle.vue_used_vue_type_style_index_0_lang.cfa40af4.css"><link rel="modulepreload" as="script" crossorigin href="/nuxt/LayoutFooter.01993b55.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/_...slug_.f8f430c2.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/HomeReference.e315914b.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/ProseP.1e37594f.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/ProseA.989de2dc.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/ProseH2.e5674627.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/ProseCode.e3af85ab.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/UiIconCopy.85420456.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/ProseCode.vue_used_vue_type_style_index_1_lang.module.230a312a.js"><link rel="preload" as="style" href="/nuxt/ProseCode.vue_used_vue_type_style_index_1_lang.24930a5d.css"><link rel="modulepreload" as="script" crossorigin href="/nuxt/ProseStrong.f3ca6279.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/ProseH3.ed0e0070.js"><link rel="modulepreload" as="script" crossorigin href="/nuxt/ProseCodeInline.25efea15.js"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/react-logo.8351f38f.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/react-native-logo.bdbaa7c9.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/react-ssr-logo.3593105e.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/ts-logo.5847c362.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/golang-logo.f772e478.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/html-logo.1f694231.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/arch-logo.838efbc7.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/gql-logo.1e66e5b3.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/swagger-logo.b314537c.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/vue-logo.17ff892a.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/postgres-logo.d981f813.svg"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/docker-logo.7f942bd1.svg"><link rel="prefetch" as="image" type="image/png" href="/nuxt/vault48.40538b94.png"><link rel="prefetch" as="image" type="image/png" href="/nuxt/orchid-map.2f398715.png"><link rel="prefetch" as="image" type="image/png" href="/nuxt/obsidian-garden.39e6dff3.png"><link rel="prefetch" as="script" crossorigin href="/nuxt/client-db.4629eda6.js"><link rel="prefetch" as="script" crossorigin href="/nuxt/web-socket.da2a25c3.js"><link rel="prefetch" as="script" crossorigin href="/nuxt/error-component.42d91046.js"><link rel="prefetch" as="style" href="/nuxt/entry.97aae52d.css"><link rel="prefetch" as="image" type="image/svg+xml" href="/nuxt/logo.d91c5032.svg"><link rel="stylesheet" href="/nuxt/LayoutMainMenuToggle.vue_used_vue_type_style_index_0_lang.5944fda9.css"><link rel="stylesheet" href="/nuxt/LayoutThemeToggle.vue_used_vue_type_style_index_0_lang.cfa40af4.css"><link rel="stylesheet" href="/nuxt/ProseCode.vue_used_vue_type_style_index_1_lang.24930a5d.css"><style>._grid_bdvnl_1{display:grid;grid-template-columns:360px auto;width:100vw}@media (max-width:1024px){._grid_bdvnl_1{grid-template-columns:33vw auto}}@media (max-width:768px){._grid_bdvnl_1{grid-template-columns:auto}}._main_bdvnl_17{display:flex;flex-direction:column;min-width:0;position:relative;z-index:1}._sidebar_bdvnl_25{background-color:var(--color-menu-background)}@media (max-width:768px){._sidebar_bdvnl_25{background-color:var(--color-menu-overlay-background);opacity:0;position:fixed;transition:opacity .5s;visibility:hidden;width:100%;z-index:2}._sidebar_bdvnl_25._active_bdvnl_38{opacity:1;visibility:visible}}._menu_bdvnl_44{background-color:var(--color-menu-background);height:100vh;max-width:400px;min-width:0;overflow:auto;padding:40px 30px;position:sticky;top:0}@media (max-width:768px){._menu_bdvnl_44{transform:translate(-40px);transition:transform .25s .1s}._active_bdvnl_38 ._menu_bdvnl_44{transform:translate(0)}}._menu_toggle_bdvnl_64{border-radius:0 0 8px 0;left:13px;position:fixed;top:13px;transform:translate(0);transition:all .25s;visibility:hidden;z-index:4}@media (max-width:768px){._menu_toggle_bdvnl_64{right:0;transform:translate(0);visibility:visible}}._menu_toggle_bdvnl_64._active_bdvnl_38,._menu_toggle_bdvnl_64._shifted_bdvnl_81{transform:translate(-13px,-13px)}._menu_toggle_bdvnl_64._shifted_bdvnl_81{background:var(--color-menu-background)}._footer_bdvnl_88{margin-top:40px}</style><style>._wrapper_1hfaq_1{display:flex;flex-direction:column;height:100%}._content_1hfaq_7{flex:1;padding:40px 120px}@media (max-width:1024px){._content_1hfaq_7{padding:40px 40px 20px}}@media (max-width:768px){._content_1hfaq_7{padding:40px 20px 20px}}._footer_1hfaq_22{border-top:1px solid var(--color-line);margin-top:60px;padding:10px}._theme_toggle_1hfaq_28{stroke:currentColor;stroke-width:.5px;position:absolute;right:20px;top:20px}@media (max-width:768px){._theme_toggle_1hfaq_28{stroke-width:1.5px;right:16px;top:16px}}</style><style>._container_192pu_1{position:relative}._container_192pu_1._secondary_192pu_4{padding:7px 2px 0}._container_192pu_1._secondary_192pu_4:before{background-color:var(--color-menu-line);bottom:13px;content:" ";left:-16px;position:absolute;top:-22px;width:1px}._container_192pu_1._secondary_192pu_4:first-child:before{top:-4px}._container_192pu_1._secondary_192pu_4:last-child:before{bottom:auto;height:40px}._row_192pu_24{padding:3px 2px;position:relative}._row_192pu_24:before{background-color:var(--color-menu-line);bottom:13px;content:" ";left:-16px;position:absolute;top:-14px;width:1px}._row_192pu_24:first-child:before{top:-4px}._row_192pu_24:last-child:before{bottom:auto;height:30px}._row_192pu_24:only-child:before{height:19px}._heading_192pu_48{align-items:center;color:var(--color-menu-title);display:flex;font-weight:600;position:relative;text-transform:uppercase}._secondary_192pu_4 ._heading_192pu_48:before{background-color:var(--color-menu-line);content:" ";height:1px;left:-17px;position:absolute;top:.6em;width:10px}._link_192pu_66{color:var(--color-menu-link);line-height:1.4em;position:relative;text-decoration:none}._link_192pu_66:before{background-color:var(--color-menu-line);content:" ";height:1px;left:-17px;position:absolute;top:.6em;width:10px}._link_192pu_66._active_192pu_81{color:var(--color-menu-link-active);font-weight:700}._children_192pu_86{margin:10px 3px;padding:0 0 0 16px;position:relative}</style><link rel="stylesheet" href="/nuxt/entry.97aae52d.css" media="print" onload="this.media='all'; this.onload=null;"><script>const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"dark";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
|
|
</script></head>
|
|
<body data-head-attrs=""><div id="__nuxt"><div class="_grid_bdvnl_1" hastransition="true"><button class="_menu_toggle_bdvnl_64 _button_5opgq_1 _menu_toggle_bdvnl_64"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="#ffffff" class="_hamburger_5opgq_9"><rect x="0" y="3" width="24" height="2"></rect><rect x="0" y="11" width="24" height="2"></rect><rect x="0" y="19" width="24" height="2"></rect></svg></button><div class="_sidebar_bdvnl_25"><div class="_menu_bdvnl_44"><nav><div class="_logo_fvpir_8"><a href="/" class=""><div class="_title_fvpir_29">Obsidian Garden</div><div class="_subtitle_fvpir_35">by muerwre</div></a></div><div class="_section_title_fvpir_1">Cheatsheet</div><!--[--><div class="_row_fvpir_25"><div class="_container_192pu_1"><div class="_heading_192pu_48">Blockchain</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/blockchain/common-typescript-examples" class="_link_192pu_66">Common Typescript Examples</a></div><div class="_row_192pu_24"><a aria-current="page" href="/blockchain/smart-contracts" class="router-link-active _active_192pu_81 _link_192pu_66">Smart Contracts</a></div><!--]--></div></div></div><div class="_row_fvpir_25"><div class="_container_192pu_1"><div class="_heading_192pu_48">Css</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/css/automatic-grid-like-masonry-with-pure-css" class="_link_192pu_66">Automatic Grid Like Masonry With Pure CSS</a></div><div class="_row_192pu_24"><a href="/css/sass-nth-child-iterate-mixin" class="_link_192pu_66">Sass Nth Child Iterate Mixin</a></div><div class="_row_192pu_24"><a href="/css/test-if-browser-supports-css-rules" class="_link_192pu_66">Test If Browser Supports CSS Rules</a></div><!--]--></div></div></div><div class="_row_fvpir_25"><div class="_container_192pu_1"><div class="_heading_192pu_48">Docker</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/docker/building-static-pages-with-docker" class="_link_192pu_66">Building Static Pages With Docker</a></div><div class="_row_192pu_24"><a href="/docker/drone-ci" class="_link_192pu_66">Drone Ci</a></div><div class="_row_192pu_24"><a href="/docker/github-pages-with-drone-ci" class="_link_192pu_66">Github Pages With Drone Ci</a></div><div class="_row_192pu_24"><a href="/docker/private-docker-registry" class="_link_192pu_66">Private Docker Registry</a></div><div class="_row_192pu_24"><a href="/docker/refresh-containers-on-pull" class="_link_192pu_66">Refresh Containers On Pull</a></div><div class="_row_192pu_24"><a href="/docker/seed-dump-inside-docker" class="_link_192pu_66">Seed Dump Inside Docker</a></div><div class="_row_192pu_24"><a href="/docker/wait-for-mysql" class="_link_192pu_66">Wait For Mysql</a></div><div class="_row_192pu_24"><a href="/docker/wait-for-redis" class="_link_192pu_66">Wait For Redis</a></div><!--]--></div></div></div><div class="_row_fvpir_25"><div class="_container_192pu_1"><div class="_heading_192pu_48">Frontend</div><div class="_children_192pu_86"><!--[--><div class="_container_192pu_1 _secondary_192pu_4"><div class="_heading_192pu_48">React Native</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/frontend/react-native/oauth2-login" class="_link_192pu_66">OAuth2 Login</a></div><div class="_row_192pu_24"><a href="/frontend/react-native/preserve-flatlist-scroll-position-in-react-native" class="_link_192pu_66">Preserve FlatList Scroll Position In React Native</a></div><div class="_row_192pu_24"><a href="/frontend/react-native/useful-comands" class="_link_192pu_66">Useful Comands</a></div><!--]--></div></div><div class="_container_192pu_1 _secondary_192pu_4"><div class="_heading_192pu_48">React</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/frontend/react/axios-refresh-token-on-react" class="_link_192pu_66">Axios Refresh Token On React</a></div><div class="_row_192pu_24"><a href="/frontend/react/axios-with-abortcontroller" class="_link_192pu_66">Axios With AbortController</a></div><!--]--></div></div><div class="_container_192pu_1 _secondary_192pu_4"><div class="_heading_192pu_48">Vue</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/frontend/vue/adding-global-properties-to-component" class="_link_192pu_66">Adding Global Properties To Component</a></div><div class="_row_192pu_24"><a href="/frontend/vue/make-nuxt-handle-obsidian-highlights" class="_link_192pu_66">Make Nuxt Handle Obsidian Highlights</a></div><!--]--></div></div><!--]--></div></div></div><div class="_row_fvpir_25"><div class="_container_192pu_1"><div class="_heading_192pu_48">Git</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/git/force-git-to-use-https" class="_link_192pu_66">Force Git To Use HTTPS</a></div><div class="_row_192pu_24"><a href="/git/git-aliases-and-useful-commands" class="_link_192pu_66">Git Aliases And Useful Commands</a></div><!--]--></div></div></div><div class="_row_fvpir_25"><div class="_container_192pu_1"><div class="_heading_192pu_48">Graphql</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/graphql/apollo-client-pagination" class="_link_192pu_66">Apollo Client Pagination</a></div><div class="_row_192pu_24"><a href="/graphql/refresh-token-in-apollo-client" class="_link_192pu_66">Refresh Token In Apollo Client</a></div><!--]--></div></div></div><div class="_row_fvpir_25"><div class="_container_192pu_1"><div class="_heading_192pu_48">Linux</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/linux/gitea-for-git-hosting" class="_link_192pu_66">Gitea For Git Hosting</a></div><div class="_row_192pu_24"><a href="/linux/google-photos-alternative-with-photoprism" class="_link_192pu_66">Google Photos Alternative With Photoprism</a></div><div class="_row_192pu_24"><a href="/linux/resume-or-start-screen-session" class="_link_192pu_66">Resume Or Start Screen Session</a></div><div class="_row_192pu_24"><a href="/linux/rsync-file-with-ssh" class="_link_192pu_66">Rsync File With SSH</a></div><div class="_row_192pu_24"><a href="/linux/setting-up-nginx" class="_link_192pu_66">Setting Up NGINX</a></div><div class="_row_192pu_24"><a href="/linux/ssh" class="_link_192pu_66">SSH</a></div><!--]--></div></div></div><div class="_row_fvpir_25"><div class="_container_192pu_1"><div class="_heading_192pu_48">Sql</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/sql/mysql-and-mariadb-setup" class="_link_192pu_66">MySQL And MariaDB Setup</a></div><div class="_row_192pu_24"><a href="/sql/postgress-setup" class="_link_192pu_66">Postgress Setup</a></div><!--]--></div></div></div><div class="_row_fvpir_25"><div class="_container_192pu_1"><div class="_heading_192pu_48">Typescript</div><div class="_children_192pu_86"><!--[--><div class="_row_192pu_24"><a href="/typescript/add-global-variable-to-window" class="_link_192pu_66">Add Global Variable To Window</a></div><div class="_row_192pu_24"><a href="/typescript/flatten-object-with-periods" class="_link_192pu_66">Flatten Object With Periods</a></div><div class="_row_192pu_24"><a href="/typescript/type-guards" class="_link_192pu_66">Type Guards</a></div><!--]--></div></div></div><!--]--></nav></div></div><div class="_main_bdvnl_17"><div class="_wrapper_1hfaq_1" hastransition="true"><div class="_content_1hfaq_7"><button class="_theme_toggle_1hfaq_28 _button_jz7in_1 _theme_toggle_1hfaq_28"><span></span></button><!--[--><!--[--><main><!--[--><h1>Smart Contracts</h1><article><div><p><!--[-->For common functions see <a href="/blockchain/common-typescript-examples" class=""><!--[-->Common typescript examples<!--]--></a>.<!--]--></p><h2 id="getting-smart-contract-instance"><a href="#getting-smart-contract-instance"><!--[-->Getting smart contract instance<!--]--></a></h2><p><!--[-->Useful for calling smart contract methods:<!--]--></p><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-70f244">import</span><span class="ct-95ba07"> { </span><span class="ct-b6261e">Contract</span><span class="ct-95ba07"> } </span><span class="ct-70f244">from</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'web3-eth-contract'</span><span class="ct-95ba07">;</span></span><span class="line"><span class="ct-70f244">import</span><span class="ct-95ba07"> { </span><span class="ct-b6261e">web3</span><span class="ct-95ba07"> } </span><span class="ct-70f244">from</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'.'</span><span class="ct-95ba07">;</span></span><span class="line"></span><span class="line"><span class="ct-dade4d">const</span><span class="ct-defe47"> </span><span class="ct-56bd12">getContract</span><span class="ct-defe47"> </span><span class="ct-0b1079">=</span><span class="ct-defe47"> (</span><span class="ct-9561a5">abi</span><span class="ct-0b1079">:</span><span class="ct-defe47"> </span><span class="ct-11520d">object</span><span class="ct-defe47">, </span><span class="ct-9561a5">address</span><span class="ct-0b1079">?:</span><span class="ct-defe47"> </span><span class="ct-11520d">string</span><span class="ct-defe47">)</span><span class="ct-0b1079">:</span><span class="ct-defe47"> </span><span class="ct-dade4d">=></span><span class="ct-defe47"> {</span></span><span class="line"><span class="ct-defe47"> </span><span class="ct-dade4d">const</span><span class="ct-defe47"> </span><span class="ct-6a4bf1">abiFromJson</span><span class="ct-defe47"> </span><span class="ct-0b1079">=</span><span class="ct-defe47"> </span><span class="ct-b92caf">JSON</span><span class="ct-defe47">.</span><span class="ct-6a4bf1">parse</span><span class="ct-defe47">(</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">return</span><span class="ct-95ba07"> </span><span class="ct-70f244">new</span><span class="ct-95ba07"> </span><span class="ct-b6261e">web3</span><span class="ct-95ba07">.</span><span class="ct-b6261e">eth</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">Contract</span><span class="ct-95ba07">(</span><span class="ct-b6261e">abiFromJson</span><span class="ct-95ba07">, </span><span class="ct-b6261e">address</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07">};</span></span><span class="line"></span><span class="line"><span class="ct-70f244">export</span><span class="ct-854fa3"> </span><span class="ct-70f244">default</span><span class="ct-854fa3"> </span><span class="ct-b6261e">getContract</span><span class="ct-95ba07">;</span></span></code></pre><!--]--></div><h2 id="executing-contract-method"><a href="#executing-contract-method"><!--[-->Executing contract method<!--]--></a></h2><p><!--[-->Contract has <strong><!--[-->read<!--]--></strong> and <strong><!--[-->write<!--]--></strong> methods. To get a list of methods, you can paste contract address on <a href="https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7#readContract" rel="nofollow" target="_blank"><!--[-->https://etherscan.io/ ETH<!--]--></a> or any other service.<!--]--></p><p><!--[--><strong><!--[-->Read<!--]--></strong> methods doesn't require spending <strong><!--[-->gas<!--]--></strong>. <strong><!--[-->Write<!--]--></strong> methods cost some amount of <strong><!--[-->gas<!--]--></strong>, hence they will be executed with confirmation from user.<!--]--></p><h3 id="example-for-metamask-without-private-key"><a href="#example-for-metamask-without-private-key"><!--[-->Example for #Metamask without private key<!--]--></a></h3><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-4323f8">// see example below</span></span><span class="line"><span class="ct-70f244">import</span><span class="ct-95ba07"> { </span><span class="ct-b6261e">getContract</span><span class="ct-95ba07"> } </span><span class="ct-70f244">from</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'.'</span><span class="ct-95ba07">;</span></span><span class="line"></span><span class="line"><span class="ct-4323f8">// ABI of contract</span></span><span class="line"><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">CONTRACT_ABI</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> { </span><span class="ct-4323f8">/* ... */</span><span class="ct-95ba07"> };</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// address for contract</span></span><span class="line"><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">CONTRACT_ADDRESS</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'0xdea164f67df4dbfe675d5271c9d404e0260f33bb'</span><span class="ct-95ba07">;</span></span><span class="line"></span><span class="line"><span class="ct-70f244">export</span><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">executeContractMethod</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-cd60fa">async</span><span class="ct-95ba07"> ({}) </span><span class="ct-cd60fa">=></span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// getting contract</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">contract</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">getContract</span><span class="ct-95ba07">(</span><span class="ct-56c89d">CONTRACT_ABI</span><span class="ct-95ba07">, </span><span class="ct-56c89d">CONTRACT_ADDRESS</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> </span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// Calling write method</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">try</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// authorizing with Metamask</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">await</span><span class="ct-95ba07"> </span><span class="ct-b6261e">web3</span><span class="ct-95ba07">.</span><span class="ct-b6261e">currentProvider</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">request</span><span class="ct-95ba07">({ method: </span><span class="ct-fa7691">'eth_requestAccounts'</span><span class="ct-95ba07"> });</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// getting wallet address</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">addressUser</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-b6261e">web3</span><span class="ct-95ba07">.</span><span class="ct-b6261e">currentProvider</span><span class="ct-95ba07">.</span><span class="ct-b6261e">selectedAddress</span><span class="ct-95ba07">;</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// calling "store" store method for contract</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// payload should include `from` address, that matches</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// current user's wallet</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">await</span><span class="ct-95ba07"> </span><span class="ct-b6261e">contract</span><span class="ct-95ba07">.</span><span class="ct-b6261e">methods</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">store</span><span class="ct-95ba07">(</span><span class="ct-5e5af7">0</span><span class="ct-95ba07">, </span><span class="ct-fa7691">'Parameter'</span><span class="ct-95ba07">).</span><span class="ct-afd0a6">send</span><span class="ct-95ba07">({</span></span><span class="line"><span class="ct-95ba07"> from: </span><span class="ct-b6261e">addressUser</span><span class="ct-95ba07">,</span></span><span class="line"><span class="ct-95ba07"> });</span></span><span class="line"><span class="ct-95ba07"> } </span><span class="ct-70f244">catch</span><span class="ct-95ba07"> (</span><span class="ct-b6261e">e</span><span class="ct-95ba07">) {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">throw</span><span class="ct-95ba07"> </span><span class="ct-70f244">new</span><span class="ct-95ba07"> </span><span class="ct-c97e13">Error</span><span class="ct-95ba07">(</span><span class="ct-b6261e">e</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> }</span></span><span class="line"><span class="ct-95ba07"> </span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// calling read method</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">try</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// this method can return data</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">result</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-70f244">await</span><span class="ct-95ba07"> </span><span class="ct-b6261e">contract</span><span class="ct-95ba07">.</span><span class="ct-b6261e">methods</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">retrieve</span><span class="ct-95ba07">().</span><span class="ct-afd0a6">call</span><span class="ct-95ba07">();</span></span><span class="line"><span class="ct-95ba07"> } </span><span class="ct-70f244">catch</span><span class="ct-95ba07"> (</span><span class="ct-b6261e">e</span><span class="ct-95ba07">) {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">throw</span><span class="ct-95ba07"> </span><span class="ct-70f244">new</span><span class="ct-95ba07"> </span><span class="ct-c97e13">Error</span><span class="ct-95ba07">(</span><span class="ct-b6261e">e</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> }</span></span><span class="line"><span class="ct-95ba07">}</span></span></code></pre><!--]--></div><h3 id="nodejs-and-react-native-example"><a href="#nodejs-and-react-native-example"><!--[-->Node.js and React Native example<!--]--></a></h3><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-4323f8">// see example below</span></span><span class="line"><span class="ct-70f244">import</span><span class="ct-95ba07"> { </span><span class="ct-b6261e">getContract</span><span class="ct-95ba07"> } </span><span class="ct-70f244">from</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'.'</span><span class="ct-95ba07">;</span></span><span class="line"></span><span class="line"><span class="ct-4323f8">// ABI контракта</span></span><span class="line"><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">CONTRACT_ABI</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> { </span><span class="ct-4323f8">/* ... */</span><span class="ct-95ba07"> };</span></span><span class="line"><span class="ct-4323f8">// contract address</span></span><span class="line"><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">CONTRACT_ADDRESS</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'0xdea164f67df4dbfe675d5271c9d404e0260f33bb'</span><span class="ct-95ba07">;</span></span><span class="line"><span class="ct-4323f8">// getting contract</span></span><span class="line"><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">contract</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">getContract</span><span class="ct-95ba07">(</span><span class="ct-56c89d">CONTRACT_ABI</span><span class="ct-95ba07">, </span><span class="ct-56c89d">CONTRACT_ADDRESS</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-4323f8">// account's private key</span></span><span class="line"><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">privateKey</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'...'</span><span class="ct-95ba07">;</span></span><span class="line"></span><span class="line"><span class="ct-4323f8">// write-methods requires private key</span></span><span class="line"><span class="ct-dade4d">const</span><span class="ct-defe47"> </span><span class="ct-56bd12">executeContractMethod</span><span class="ct-defe47"> </span><span class="ct-0b1079">=</span><span class="ct-defe47"> </span><span class="ct-dade4d">async</span><span class="ct-defe47"> (</span><span class="ct-9561a5">val</span><span class="ct-0b1079">:</span><span class="ct-defe47"> </span><span class="ct-11520d">number</span><span class="ct-defe47">) </span><span class="ct-dade4d">=></span><span class="ct-defe47"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">transaction</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-b6261e">contract</span><span class="ct-95ba07">.</span><span class="ct-b6261e">methods</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">store</span><span class="ct-95ba07">(</span><span class="ct-b6261e">val</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">account</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-b6261e">web3</span><span class="ct-95ba07">.</span><span class="ct-b6261e">eth</span><span class="ct-95ba07">.</span><span class="ct-b6261e">accounts</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">privateKeyToAccount</span><span class="ct-95ba07">(</span><span class="ct-b6261e">privateKey</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">options</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> to: </span><span class="ct-56c89d">CONTRACT_ADDRESS</span><span class="ct-95ba07">,</span></span><span class="line"><span class="ct-95ba07"> data: </span><span class="ct-b6261e">transaction</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">encodeABI</span><span class="ct-95ba07">(),</span></span><span class="line"><span class="ct-95ba07"> gas: </span><span class="ct-70f244">await</span><span class="ct-95ba07"> </span><span class="ct-b6261e">transaction</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">estimateGas</span><span class="ct-95ba07">({ from: </span><span class="ct-b6261e">account</span><span class="ct-95ba07">.</span><span class="ct-b6261e">address</span><span class="ct-95ba07"> }),</span></span><span class="line"><span class="ct-95ba07"> gasPrice: </span><span class="ct-70f244">await</span><span class="ct-95ba07"> </span><span class="ct-b6261e">web3</span><span class="ct-95ba07">.</span><span class="ct-b6261e">eth</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">getGasPrice</span><span class="ct-95ba07">(),</span></span><span class="line"><span class="ct-95ba07"> };</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">signed</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-70f244">await</span><span class="ct-95ba07"> </span><span class="ct-b6261e">web3</span><span class="ct-95ba07">.</span><span class="ct-b6261e">eth</span><span class="ct-95ba07">.</span><span class="ct-b6261e">accounts</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">signTransaction</span><span class="ct-95ba07">(</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">options</span><span class="ct-95ba07">,</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">privateKey</span><span class="ct-95ba07">,</span></span><span class="line"><span class="ct-95ba07"> );</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">await</span><span class="ct-95ba07"> </span><span class="ct-b6261e">web3</span><span class="ct-95ba07">.</span><span class="ct-b6261e">eth</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">sendSignedTransaction</span><span class="ct-95ba07">(</span><span class="ct-b6261e">signed</span><span class="ct-95ba07">.</span><span class="ct-b6261e">rawTransaction</span><span class="ct-70f244">!</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07">};</span></span></code></pre><!--]--></div><h3 id="calling-a-batch-of-contracts-methods"><a href="#calling-a-batch-of-contracts-methods"><!--[-->Calling a batch of contract's methods<!--]--></a></h3><p><!--[-->Function calls batch of requests, returning array of results. For example:<!--]--></p><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">requests</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> [</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">contract</span><span class="ct-95ba07">.</span><span class="ct-b6261e">method</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">balanceOf</span><span class="ct-95ba07">().</span><span class="ct-b6261e">call</span><span class="ct-95ba07">,</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">contract</span><span class="ct-95ba07">.</span><span class="ct-b6261e">method</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">getStaked</span><span class="ct-95ba07">().</span><span class="ct-b6261e">call</span></span><span class="line"><span class="ct-95ba07"> ]</span></span><span class="line"></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">result</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-70f244">await</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">makeBatchRequest</span><span class="ct-95ba07">(</span><span class="ct-b6261e">request</span><span class="ct-95ba07">);</span></span></code></pre><!--]--></div><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">web3</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-70f244">new</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">Web3</span><span class="ct-95ba07">(</span><span class="ct-b6261e">Web3</span><span class="ct-95ba07">.</span><span class="ct-b6261e">givenProvider</span><span class="ct-95ba07"> </span><span class="ct-70f244">||</span><span class="ct-95ba07"> </span><span class="ct-56c89d">PROVIDER_URL</span><span class="ct-95ba07">);</span></span><span class="line"></span><span class="line"><span class="ct-dade4d">const</span><span class="ct-defe47"> </span><span class="ct-56bd12">makeBatchRequest</span><span class="ct-defe47"> </span><span class="ct-0b1079">=</span><span class="ct-defe47"> (</span><span class="ct-9561a5">calls</span><span class="ct-0b1079">:</span><span class="ct-defe47"> </span><span class="ct-11520d">any</span><span class="ct-defe47">[]) </span><span class="ct-dade4d">=></span><span class="ct-defe47"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">try</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">web3</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">getWeb3NoAccount</span><span class="ct-95ba07">();</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">batch</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-70f244">new</span><span class="ct-95ba07"> </span><span class="ct-b6261e">web3</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">BatchRequest</span><span class="ct-95ba07">();</span></span><span class="line"></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">promises</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-b6261e">calls</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">map</span><span class="ct-cd60fa">=></span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-defe47"> </span><span class="ct-0b1079">return</span><span class="ct-defe47"> </span><span class="ct-0b1079">new</span><span class="ct-defe47"> </span><span class="ct-11520d">Promise</span><span class="ct-defe47">((</span><span class="ct-9561a5">resolve</span><span class="ct-defe47">, </span><span class="ct-9561a5">reject</span><span class="ct-defe47">) </span><span class="ct-dade4d">=></span><span class="ct-defe47"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">batch</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">add</span><span class="ct-95ba07">(</span></span><span class="line"></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">if</span><span class="ct-95ba07"> (</span><span class="ct-b6261e">err</span><span class="ct-95ba07">) {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-afd0a6">reject</span><span class="ct-95ba07">(</span><span class="ct-b6261e">err</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> } </span><span class="ct-70f244">else</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-afd0a6">resolve</span><span class="ct-95ba07">(</span><span class="ct-b6261e">result</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> }</span></span><span class="line"><span class="ct-95ba07"> })</span></span><span class="line"><span class="ct-95ba07"> );</span></span><span class="line"><span class="ct-95ba07"> });</span></span><span class="line"><span class="ct-95ba07"> });</span></span><span class="line"></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">batch</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">execute</span><span class="ct-95ba07">();</span></span><span class="line"></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">return</span><span class="ct-95ba07"> </span><span class="ct-c97e13">Promise</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">all</span><span class="ct-95ba07">(</span><span class="ct-b6261e">promises</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> } </span><span class="ct-70f244">catch</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">return</span><span class="ct-95ba07"> </span><span class="ct-379fe1">null</span><span class="ct-95ba07">;</span></span><span class="line"><span class="ct-95ba07"> }</span></span><span class="line"><span class="ct-95ba07">};</span></span><span class="line"></span><span class="line"><span class="ct-70f244">export</span><span class="ct-854fa3"> </span><span class="ct-70f244">default</span><span class="ct-854fa3"> </span><span class="ct-b6261e">makeBatchRequest</span><span class="ct-95ba07">;</span></span></code></pre><!--]--></div><h2 id="subscribing-to-smart-contract-events"><a href="#subscribing-to-smart-contract-events"><!--[-->Subscribing to smart contract events<!--]--></a></h2><p><!--[-->There're different ways to subscribe for contract events. For all of them you will need following variables:<!--]--></p><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">import</span><span class="ct-95ba07"> </span><span class="ct-b6261e">Web3</span><span class="ct-95ba07"> </span><span class="ct-70f244">from</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'web3'</span><span class="ct-95ba07">;</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">web3</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-70f244">new</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">Web3</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'YOUR_RPC_ENDPOINT_HERE'</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">ABI</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'YOUR ABI HERE'</span><span class="ct-95ba07">;</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">CONTRACT_ADDRESS</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-fa7691">'YOUR CONTRACT ADDRESS HERE'</span><span class="ct-95ba07">;</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> </span><span class="ct-56c89d">myContract</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-70f244">new</span><span class="ct-95ba07"> </span><span class="ct-b6261e">Web3</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">Contract</span><span class="ct-95ba07">(</span><span class="ct-56c89d">ABI</span><span class="ct-95ba07">, </span><span class="ct-56c89d">CONTRACT_ADDRESS</span><span class="ct-95ba07">);</span></span></code></pre><!--]--></div><h3 id="by-accessing-contractevents"><a href="#by-accessing-contractevents"><!--[-->By accessing contract.events<!--]--></a></h3><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-b6261e">referralProgramContract</span><span class="ct-95ba07">.</span><span class="ct-b6261e">events</span></span><span class="line"><span class="ct-95ba07"> .</span><span class="ct-afd0a6">RegisterUser</span><span class="ct-95ba07">()</span></span><span class="line"><span class="ct-defe47"> .</span><span class="ct-56bd12">on</span><span class="ct-defe47">(</span><span class="ct-52b2ad">'connected'</span><span class="ct-defe47">, (</span><span class="ct-9561a5">subscriptionId</span><span class="ct-0b1079">:</span><span class="ct-defe47"> </span><span class="ct-11520d">string</span><span class="ct-defe47">) </span><span class="ct-dade4d">=></span><span class="ct-defe47"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">console</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-fa7691">`| UserRegistered | events | ${</span><span class="ct-b6261e">subscriptionId</span><span class="ct-fa7691">}`</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> })</span></span><span class="line"><span class="ct-95ba07"> .</span><span class="ct-afd0a6">on</span><span class="ct-95ba07">(</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-fa7691">'data'</span><span class="ct-95ba07">,</span></span><span class="line"><span class="ct-defe47"> </span><span class="ct-dade4d">async</span><span class="ct-defe47"> (</span><span class="ct-9561a5">event</span><span class="ct-0b1079">:</span><span class="ct-defe47"> {</span></span><span class="line"><span class="ct-defe47"> </span><span class="ct-9561a5">removed</span><span class="ct-0b1079">:</span><span class="ct-defe47"> </span><span class="ct-11520d">boolean</span><span class="ct-defe47">;</span></span><span class="line"><span class="ct-defe47"> </span><span class="ct-9561a5">returnValues</span><span class="ct-0b1079">:</span><span class="ct-defe47"> </span><span class="ct-f9ea63">RegisterUserResponseInterface</span><span class="ct-defe47">;</span></span><span class="line"><span class="ct-95ba07"> }) </span><span class="ct-cd60fa">=></span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">try</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">if</span><span class="ct-95ba07"> (</span><span class="ct-b6261e">event</span><span class="ct-95ba07">.</span><span class="ct-b6261e">removed</span><span class="ct-95ba07">) {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">return</span><span class="ct-95ba07">;</span></span><span class="line"><span class="ct-95ba07"> }</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">const</span><span class="ct-95ba07"> { </span><span class="ct-56c89d">user</span><span class="ct-95ba07">, </span><span class="ct-56c89d">referrer</span><span class="ct-95ba07"> } </span><span class="ct-70f244">=</span><span class="ct-95ba07"> </span><span class="ct-b6261e">event</span><span class="ct-95ba07">.</span><span class="ct-b6261e">returnValues</span><span class="ct-95ba07">;</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">console</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">user</span><span class="ct-95ba07">, </span><span class="ct-b6261e">referrer</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> } </span><span class="ct-70f244">catch</span><span class="ct-95ba07"> (</span><span class="ct-b6261e">e</span><span class="ct-95ba07">) {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">console</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-fa7691">`| ONCE | ${</span><span class="ct-b6261e">e</span><span class="ct-fa7691">}`</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> }</span></span><span class="line"><span class="ct-95ba07"> },</span></span><span class="line"><span class="ct-95ba07"> )</span></span><span class="line"><span class="ct-defe47"> .</span><span class="ct-56bd12">on</span><span class="ct-defe47">(</span><span class="ct-52b2ad">'error'</span><span class="ct-defe47">, (</span><span class="ct-9561a5">error</span><span class="ct-0b1079">:</span><span class="ct-defe47"> </span><span class="ct-f9ea63">ErrnoException</span><span class="ct-defe47">) </span><span class="ct-dade4d">=></span><span class="ct-defe47"> {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">console</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">error</span><span class="ct-95ba07">);</span></span><span class="line"><span class="ct-95ba07"> });</span></span></code></pre><!--]--></div><h3 id="with-filtering"><a href="#with-filtering"><!--[-->With filtering<!--]--></a></h3><p><!--[-->We're listening to <code><!--[-->Transfer<!--]--></code> event here:<!--]--></p><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">let</span><span class="ct-95ba07"> </span><span class="ct-b6261e">options</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> filter: {</span></span><span class="line"><span class="ct-95ba07"> value: [],</span></span><span class="line"><span class="ct-95ba07"> },</span></span><span class="line"><span class="ct-95ba07"> fromBlock: </span><span class="ct-5e5af7">0</span></span><span class="line"><span class="ct-95ba07"> };</span></span><span class="line"></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">myContract</span><span class="ct-95ba07">.</span><span class="ct-b6261e">events</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">Transfer</span><span class="ct-95ba07">(</span><span class="ct-b6261e">options</span><span class="ct-95ba07">)</span></span><span class="line"><span class="ct-95ba07"> .</span><span class="ct-afd0a6">on</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'data'</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">event</span><span class="ct-95ba07">))</span></span><span class="line"><span class="ct-95ba07"> .</span><span class="ct-afd0a6">on</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'changed'</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">changed</span><span class="ct-95ba07">))</span></span><span class="line"><span class="ct-95ba07"> .</span><span class="ct-afd0a6">on</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'error'</span><span class="ct-95ba07"> </span></span><span class="line"><span class="ct-95ba07"> .</span><span class="ct-afd0a6">on</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'connected'</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">str</span><span class="ct-95ba07">))</span></span></code></pre><!--]--></div><h3 id="common-subscribe-method"><a href="#common-subscribe-method"><!--[-->Common Subscribe method<!--]--></a></h3><p><!--[-->Filtering options can also be specified:<!--]--></p><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">let</span><span class="ct-95ba07"> </span><span class="ct-b6261e">options</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> fromBlock: </span><span class="ct-5e5af7">0</span><span class="ct-95ba07">,</span></span><span class="line"><span class="ct-95ba07"> address: [</span><span class="ct-fa7691">'address-1'</span><span class="ct-95ba07">, </span><span class="ct-fa7691">'address-2'</span><span class="ct-95ba07">], </span><span class="ct-4323f8">//Only get events from specific addresses</span></span><span class="line"><span class="ct-95ba07"> topics: [] </span><span class="ct-4323f8">//What topics to subscribe to</span></span><span class="line"><span class="ct-95ba07"> };</span></span><span class="line"></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">let</span><span class="ct-95ba07"> </span><span class="ct-b6261e">subscription</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> (</span><span class="ct-fa7691">'logs'</span><span class="ct-95ba07">, </span><span class="ct-b6261e">options</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-70f244">if</span><span class="ct-95ba07"> (</span><span class="ct-70f244">!</span><span class="ct-b6261e">err</span><span class="ct-95ba07">)</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">console</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">event</span><span class="ct-95ba07">)</span></span><span class="line"><span class="ct-95ba07"> });</span></span><span class="line"></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">subscription</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">on</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'data'</span><span class="ct-cd60fa">=></span><span class="ct-95ba07"> </span><span class="ct-b6261e">console</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">event</span><span class="ct-95ba07">))</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">subscription</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">on</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'changed'</span><span class="ct-cd60fa">=></span><span class="ct-95ba07"> </span><span class="ct-b6261e">console</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">changed</span><span class="ct-95ba07">))</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">subscription</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">on</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'error'</span><span class="ct-cd60fa">=></span><span class="ct-95ba07"> { </span><span class="ct-70f244">throw</span><span class="ct-95ba07"> </span><span class="ct-b6261e">err</span><span class="ct-95ba07"> })</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">subscription</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">on</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'connected'</span><span class="ct-cd60fa">=></span><span class="ct-95ba07"> </span><span class="ct-b6261e">console</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">nr</span><span class="ct-95ba07">))</span></span></code></pre><!--]--></div><h3 id="getting-event-history"><a href="#getting-event-history"><!--[-->Getting event history<!--]--></a></h3><p><!--[-->Getting history for <code><!--[-->Transfer<!--]--></code> events for specific values. More info can be found <a href="https://web3js.readthedocs.io/en/v1.2.11/web3-eth-subscribe.html#" rel="nofollow" target="_blank"><!--[-->here<!--]--></a><!--]--></p><div class="_wrapper_1pe7v_1"><button class="_language_1pe7v_9"><span class="_icon_1pe7v_5"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewbox="0 0 24 24" width="12" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></span><span>typescript</span></button><!--[--><pre><code><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">//example options(optional)</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-cd60fa">let</span><span class="ct-95ba07"> </span><span class="ct-b6261e">options</span><span class="ct-95ba07"> </span><span class="ct-70f244">=</span><span class="ct-95ba07"> {</span></span><span class="line"><span class="ct-95ba07"> filter: {</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// only get events where transfer value was 1000 or 1337</span></span><span class="line"><span class="ct-95ba07"> value: [</span><span class="ct-fa7691">'1000'</span><span class="ct-95ba07">, </span><span class="ct-fa7691">'1337'</span><span class="ct-95ba07">] </span></span><span class="line"><span class="ct-95ba07"> },</span></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-4323f8">// number | "earliest" | "pending" | "latest"</span></span><span class="line"><span class="ct-95ba07"> fromBlock: </span><span class="ct-5e5af7">0</span><span class="ct-95ba07">, </span></span><span class="line"><span class="ct-95ba07"> toBlock: </span><span class="ct-fa7691">'latest'</span></span><span class="line"><span class="ct-95ba07"> };</span></span><span class="line"></span><span class="line"><span class="ct-95ba07"> </span><span class="ct-b6261e">myContract</span><span class="ct-95ba07">.</span><span class="ct-afd0a6">getPastEvents</span><span class="ct-95ba07">(</span><span class="ct-fa7691">'Transfer'</span><span class="ct-95ba07">, </span><span class="ct-b6261e">options</span><span class="ct-95ba07">)</span></span><span class="line"><span class="ct-95ba07"> .</span><span class="ct-afd0a6">then</span><span class="ct-95ba07"> </span><span class="ct-afd0a6">log</span><span class="ct-95ba07">(</span><span class="ct-b6261e">results</span><span class="ct-95ba07">))</span></span><span class="line"><span class="ct-95ba07"> .</span><span class="ct-afd0a6">catch</span><span class="ct-95ba07"> </span></span></code></pre><!--]--></div><style>.ct-f9ea63{color:#FFA657}.ct-52b2ad{color:#A5D6FF}.ct-379fe1{color:#79C0FF}.ct-c97e13{color:#79C0FF}.ct-5e5af7{color:#79C0FF}.ct-56c89d{color:#79C0FF}.ct-cd60fa{color:#FF7B72}.ct-4323f8{color:#8B949E}.ct-854fa3{color:#FFA657}.ct-afd0a6{color:#D2A8FF}.ct-b92caf{color:#79C0FF}.ct-6a4bf1{color:#79C0FF}.ct-11520d{color:#79C0FF}.ct-9561a5{color:#FFA657}.ct-0b1079{color:#FF7B72}.ct-56bd12{color:#D2A8FF}.ct-defe47{color:#C9D1D9}.ct-dade4d{color:#FF7B72}.ct-fa7691{color:#A5D6FF}.ct-b6261e{color:#C9D1D9}.ct-95ba07{color:#C9D1D9}.ct-70f244{color:#FF7B72}.light .ct-70f244{color:#859900}.light .ct-95ba07{color:#657B83}.light .ct-b6261e{color:#268BD2}.light .ct-fa7691{color:#2AA198}.light .ct-dade4d{color:#073642}.light .ct-defe47{color:#657B83}.light .ct-56bd12{color:#268BD2}.light .ct-0b1079{color:#859900}.light .ct-9561a5{color:#657B83}.light .ct-11520d{color:#859900}.light .ct-6a4bf1{color:#268BD2}.light .ct-b92caf{color:#657B83}.light .ct-afd0a6{color:#268BD2}.light .ct-854fa3{color:#657B83}.light .ct-4323f8{color:#93A1A1}.light .ct-cd60fa{color:#073642}.light .ct-56c89d{color:#268BD2}.light .ct-5e5af7{color:#D33682}.light .ct-c97e13{color:#859900}.light .ct-379fe1{color:#B58900}.light .ct-52b2ad{color:#2AA198}.light .ct-f9ea63{color:#268BD2}</style></div></article><!--]--></main><!--]--><!--]--></div><footer class="_footer_ogxvf_1 _footer_1hfaq_22 _footer_1hfaq_22"><div>btw, have a nice day</div><div class="_filler_ogxvf_9"></div><div> (2018 - 2022) <a href="https://github.com/muerwre/" rel="noopener noreferrer" target="_blank">muerwre</a></div></footer></div></div></div></div><script type="module">import p from "/blockchain/smart-contracts/_payload.js";window.__NUXT__={...p,...((function(a,b,c,d,e,f){return {state:{"$scolor-mode":{preference:b,value:b,unknown:c,forced:a}},_errors:{},serverRendered:c,config:{public:{content:{clientDB:{isSPA:a,integrity:1667812467668},navigation:{fields:[]},base:"_content",tags:{p:"prose-p",a:"prose-a",blockquote:"prose-blockquote","code-inline":"prose-code-inline",code:"prose-code",em:"prose-em",h1:"prose-h1",h2:"prose-h2",h3:"prose-h3",h4:"prose-h4",h5:"prose-h5",h6:"prose-h6",hr:"prose-hr",img:"prose-img",ul:"prose-ul",ol:"prose-ol",li:"prose-li",strong:"prose-strong",table:"prose-table",thead:"prose-thead",tbody:"prose-tbody",td:"prose-td",th:"prose-th",tr:"prose-tr"},highlight:{theme:{default:"github-dark",light:"solarized-light"},preload:[d,"c","go","graphql","scss",d,e,"docker","typescript","javascript","nginx","bash","yaml",e],apiURL:"\u002Fapi\u002F_content\u002Fhighlight"},wsUrl:f,documentDriven:a,anchorLinks:{depth:4,exclude:[1]}}},app:{baseURL:"\u002F",buildAssetsDir:"nuxt\u002F",cdnURL:f}},prerenderedAt:1667812496952}}(false,"dark",true,"shell","sh","")))}</script><script type="module" src="/nuxt/entry.f8ff8132.js" crossorigin></script><script type="module" src="/nuxt/default.2294e3b6.js" crossorigin></script><script type="module" src="/nuxt/LayoutMainMenuToggle.46044f42.js" crossorigin></script><script type="module" src="/nuxt/LayoutMainMenu.73696950.js" crossorigin></script><script type="module" src="/nuxt/content.741e4176.js" crossorigin></script><script type="module" src="/nuxt/LayoutThemeToggle.dfe6c45f.js" crossorigin></script><script type="module" src="/nuxt/_...slug_.f8f430c2.js" crossorigin></script><script type="module" src="/nuxt/LayoutFooter.01993b55.js" crossorigin></script><script type="module" src="/nuxt/ProseP.1e37594f.js" crossorigin></script><script type="module" src="/nuxt/ProseA.989de2dc.js" crossorigin></script><script type="module" src="/nuxt/ProseH2.e5674627.js" crossorigin></script><script type="module" src="/nuxt/ProseCode.e3af85ab.js" crossorigin></script><script type="module" src="/nuxt/UiIconCopy.85420456.js" crossorigin></script><script type="module" src="/nuxt/ProseStrong.f3ca6279.js" crossorigin></script><script type="module" src="/nuxt/ProseH3.ed0e0070.js" crossorigin></script><script type="module" src="/nuxt/ProseCodeInline.25efea15.js" crossorigin></script></body>
|
|
</html> |