<script lang="ts">
import { requests } from "../../requests";
import Tab from "../Tab.svelte";
export let codeKey: string;
let code = $requests[codeKey];
$: code = $requests[codeKey];
let headersKeys = [];
if (code.headers) {
headersKeys = Object.keys(code.headers);
}
</script>
<div id="copy-text-{codeKey}">
<code class="whitespace-nowrap code-operator">
<div>
<span class="code-keyword">const</span>
<span class="code-variable">data</span>
=
<span class="code-special">await</span>
<span class="code-method">fetch</span><span class="code-bracket">(</span><span class="code-operator">'</span><span class="code-url"
>{code.path}</span
>',
<span class="code-bracket">{"{"}</span>
<br />
<span class="code-key"><Tab />method</span>: "<span class={code.method}>{code.method}</span>",
{#if headersKeys.length > 0}
<br />
<Tab /><span class="code-key">headers:</span>{" {"}
{#each headersKeys as header}
<br /><Tab depth={2} />
<span class="code-string">"{header}"</span>: "<span class="code-string">{code.headers[header]}</span>",
{/each}
<br /><Tab />{"},"}
{/if}
{#if code.body}
<Tab />
<pre><span class="code-key">{" body:"}</span> `<span class="code-string">{code.body}</span>`</pre>
{/if}
<br />{"})"}
<br /><Tab />.<span class="code-method">then</span>(<span class="code-closure">res</span>
<span class="code-special">=></span>
<span class="code-var">res</span>.<span class="code-method">text</span>())
<br /><Tab />.<span class="code-method">catch</span>(<span class="code-closure">err</span>
<span class="code-special">=></span>
<span class="code-var">err</span>);
<br /><br />
<span class="code-var">console</span>.<span class="code-method">log</span>(<span class="code-var">data</span>);
</div></code>
</div>