<script lang="ts">
import { requests } from "../../requests";
export let codeKey: string;
let code = $requests[codeKey];
// Update DOM whenever $requests changes
$: 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">
<span class="code-keyword">curl</span>
<span class="curl-argument">{"--request"}</span>
<span class={code.method}>{code.method}</span>
<span class="code-url">{code.path}</span>
{#if headersKeys.length > 0 || code.body}
\
{/if}
<br />
{#each headersKeys as header}
<span class="curl-argument">--header</span><span class="code-string">{` "${header}: ${code.headers[header]}"`}</span>
{#if headersKeys.at(-1) !== header || code.body}
\
{/if}
<br />
{/each}
{#if code.body}
<span class="curl-argument">--data-raw</span>
'{code.body}'
{/if}
</code>
</div>