<!DOCTYPE html>
<html>
<head>
<title>Bytes: Fullmetal (TypeScript) Alchemist </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono&family=Outfit:wght@400;500;700;900&family=Paytone+One" rel="stylesheet">
<style>@media (prefers-color-scheme: dark) {
.email-wrapper {
color: #F9F4DA !important;
background-color: #0F0D0E !important;
}
hr {
border-color: #262422 !important;
}
mark {
background-color: #231F20 !important;
color: #F9F4DA !important;
}
pre {
background-color: #231F20 !important;
border: 1px solid #231F20 !important;
color: #F9F4DA !important;
}
.bg-alt {
background-color: #231F20 !important;
}
.unsubscribe-link {
color: #504C48 !important;
}
.token.punctuation {
color: #f9f4da !important;
}
}
@media screen and (min-width: 600px) {
.mobile-break {
display: none;
}
}</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table class="email-wrapper" border="0" cellspacing="0" width="100%" style="background-color: #FFF; border-collapse: collapse; color: #231F20; font-family: Outfit, sans-serif; font-size: 16px; width: 100%;"><tbody><tr>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
<td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"><div style="max-width:600px;padding-top:80px">
<div style="text-align:center"><img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"></div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Today’s issue:</strong> Claude Code starts dating someone new, a browser breaks our hearts, and we go to a petting zoo with Hindley-Milner.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Welcome to <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/wnh2h6uqr4329kf7/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDE3" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739970">#417</a>.</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">The Main Thing</h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/rico-cute.jpg" alt="Uncle Rico posing for a picture" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">Prepare to be transformed<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Fullmetal (TypeScript) Alchemist</h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">If your childhood was anything like mine, then you probably remember tagging along with your stepmom to visit the local “alchemist” who claimed he could turn your family’s scrap metal into gold.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Looking back, I’m 90% sure that guy was just a drug dealer, but the new <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/reh8h9umq7el97i2/aHR0cHM6Ly9hbGNoZW15LnJ1bi8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739971">Alchemy IaC library</a> is out to prove that it <em>is</em> possible to turn simple TypeScript functions into pure infrastructure gold <span role="img" aria-label="sparkles">✨</span>.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Here’s how:</strong> Instead of wrestling with Terraform’s 1,000-line config files and bespoke DSLs, Alchemy lets you define and deploy your infrastructure with nothing but good ol’ TypeScript. Your infra becomes simple async functions you can <code style="font-size: 14px;">await</code>, and state lives right in your repo as JSON.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">This means you can do fun things like spinning up a Cloudflare Worker with one function call:</p>
<pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-js" style="font-size: 14px;"><span class="token keyword" style="color: #f38ba3; font-size: 14px;">import</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span> Worker <span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">from</span> <span class="token string" style="color: #f99157; font-size: 14px;">"alchemy/cloudflare"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;">// inside alchemy.run.ts after `await alchemy("my-app")`</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> worker <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">await</span> <span class="token function" style="color: #9d7dce; font-size: 14px;">Worker</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"api"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token literal-property property" style="color: #12b5e5; font-size: 14px;">entrypoint</span><span class="token operator" style="color: #12b5e5; font-size: 14px;">:</span> <span class="token string" style="color: #f99157; font-size: 14px;">"./src/api.ts"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
</code></pre>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Here are a few more highlights:</p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">TypeScript-native</strong> – No YAML, HCL, or config boilerplate. Your infra is just pure ESM-native TS code you can run anywhere (Bun, Node, even the browser).</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Embeddable & extensible</strong> – Resources are functions, so you can roll your own or have AI scaffold them for you.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">No lock-in</strong> – State is just plain JSON files in your repo, not stuck behind a SaaS tool’s dashboard paywall <span role="img" aria-label="folded hands">🙏</span>.</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Bottom Line:</strong> It’s still early days for Alchemy, but if it really will let us <em>transmute</em> TypeScript into full-on cloud infrastructure, I promise I’ll go extra hard on my Edward Elric cosplay at next year’s Comic Con.</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"><tbody><tr><td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;">
<a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/08hwhgu2mxk60wul/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDE3" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1776739972"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"></a><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/8ghqh3uog3x6exck/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0MTc=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1776739973"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"></a><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/vqh3hmuon4d92ksg/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QnJlYWtpbmclMjBkb3duJTIwaG93JTIwdGhlJTIwbmV3JTIwQWxjaGVteSUyMElhQyUyMGxpYnJhcnklMjBsZXRzJTIweW91JTIwdHVybiUyMFR5cGVTY3JpcHQlMjBpbnRvJTIwY2xvdWQlMjBzZXJ2ZXJzJnVybD1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDE3" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1776739974"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"></a><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/l2heh6ulo4zm5ot6/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBQnJlYWtpbmclMjBkb3duJTIwaG93JTIwdGhlJTIwbmV3JTIwQWxjaGVteSUyMElhQyUyMGxpYnJhcnklMjBsZXRzJTIweW91JTIwdHVybiUyMFR5cGVTY3JpcHQlMjBpbnRvJTIwY2xvdWQlMjBzZXJ2ZXJzJTBBaHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQxNyZzdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0Y=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1776739975"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"></a>
</td></tr></tbody></table>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="150" src="https://bytes.dev/images/content/qa-wolf-logo.png" alt="QA Wolf logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"><span>Our Friends <br class="mobile-break">(With Benefits)</span></h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/lonely-monkey.jpg" alt="A sad monkey sitting alone under a bench" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">Me realizing our ‘test suite’ is just a TODO comment from 2021<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/m2h7h6u3o976k8bm/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS8_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl84MFBlcmNlbnRUZXN0Q292ZXJhZ2VJbjRNb250aHNfMjAyNTA4MTgtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PTgwUGVyY2VudFRlc3RDb3ZlcmFnZUluNE1vbnRoc19HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBR2V0ODBQZXJjZW50QXV0b21hdGVkVGVzdENvdmVyYWdlSW40TW9udGhzX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MDgxOF92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09aGVhZGxpbmUtR2V0ODBQZXJjZW50QXV0b21hdGVkVGVzdENvdmVyYWdlSW40TW9udGhz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739976">Get 80% automated test coverage in 4 months</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">…with zero effort from your team.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/dphehmueqkm9zeam/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS8_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl84MFBlcmNlbnRUZXN0Q292ZXJhZ2VJbjRNb250aHNfMjAyNTA4MTgtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PTgwUGVyY2VudFRlc3RDb3ZlcmFnZUluNE1vbnRoc19HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBR2V0ODBQZXJjZW50QXV0b21hdGVkVGVzdENvdmVyYWdlSW40TW9udGhzX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MDgxOF92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Ym9keS1RQVdvbGY=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739977">QA Wolf</a> built and automated 1,300 tests for Meow Wolf’s mobile app in 3 months, saving 40+ hours of testing time per release cycle (<a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/e0hph0u7ke239qa8/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9jYXNlLXN0dWRpZXMvcWEtd29sZi1wdXRzLXRoZS1tYWdpYy1pbi1tZW93LXdvbGZzLW1vYmlsZS10ZXN0aW5nP3V0bV9jYW1wYWlnbj1BQ1FfQWxsX0RlbW9fQ29udmVyc2lvbnNfX05ld3NsZXR0ZXJBdWRpZW5jZV8tX05ld3NsZXR0ZXJfODBQZXJjZW50VGVzdENvdmVyYWdlSW40TW9udGhzXzIwMjUwODE4LU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD04MFBlcmNlbnRUZXN0Q292ZXJhZ2VJbjRNb250aHNfR2V0QVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQUdldDgwUGVyY2VudEF1dG9tYXRlZFRlc3RDb3ZlcmFnZUluNE1vbnRoc19fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTA4MThfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWJvZHktV2F0Y2hDYXNlU3R1ZHk=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739978">watch case study</a>).</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">And they can do it for your team too. Here’s how:</p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Their engineers build out a full outline of your app, with test cases <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/7qh7h2u908m2vzcz/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9ob3ctaXQtd29ya3M_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl84MFBlcmNlbnRUZXN0Q292ZXJhZ2VJbjRNb250aHNfMjAyNTA4MTgtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PTgwUGVyY2VudFRlc3RDb3ZlcmFnZUluNE1vbnRoc19HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBR2V0ODBQZXJjZW50QXV0b21hdGVkVGVzdENvdmVyYWdlSW40TW9udGhzX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MDgxOF92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Ym9keS1Qcmlvcml0aXplZEJ5TmVlZEFuZFZhbHVl" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739979">prioritized by need and value</a></p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">They write out tests in plain English for you to review and approve</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">They run all your tests in 100% parallel, and they maintain all tests as your product changes</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/z2hgh7ueo78295ip/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyXzgwUGVyY2VudFRlc3RDb3ZlcmFnZUluNE1vbnRoc18yMDI1MDgxOC1Ob25lX0V4cGVyaW1lbnQtRkFMU0UmdXRtX2NvbnRlbnQ9ODBQZXJjZW50VGVzdENvdmVyYWdlSW40TW9udGhzX0dldEFQZXJzb25hbGl6ZWREZW1vX05vbmVfSGVhZGxpbmUlM0FHZXQ4MFBlcmNlbnRBdXRvbWF0ZWRUZXN0Q292ZXJhZ2VJbjRNb250aHNfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUwODE4X3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1jdGEtR2V0QVBlcnNvbmFsaXplZERlbW9Gb3JZb3VyVGVhbQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739981">Get a personalized demo for your team</a> – and see why Napster’s Engineering Director said, “It would take 4 people to build this much coverage, and they’d never do it this quickly.”</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Spot the Bug</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px">
<h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/p8hehqu49dlwkmbq/aHR0cHM6Ly9lbWJyYWNlLmlvLz91dG1fY2FtcGFpZ249Ynl0ZXMtOC0xOC0yMDI1JnV0bV9tZWRpdW09cGFpZCZ1dG1fc291cmNlPW5ld3NsZXR0ZXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739982">Embrace</a>
</h4>
<p style="font-family: Outfit, sans-serif; font-size: 16px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"><em>They provide Web RUM and Mobile RUM that shows you which issues matter based on actual user impact, not just how many times they happen.</em></p>
</div>
</div>
<pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-js" style="font-size: 14px;"><span class="token keyword" style="color: #f38ba3; font-size: 14px;">function</span> <span class="token function" style="color: #9d7dce; font-size: 14px;">getNumber</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 14px;">Promise</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">resolve<span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> reject</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">setTimeout</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> randomNumber <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> Math<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">random</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">if</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>randomNumber <span class="token operator" style="color: #12b5e5; font-size: 14px;">></span> <span class="token number" style="color: #fcba28; font-size: 14px;">0.5</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">resolve</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>randomNumber<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">else</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">reject</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"Number is too low"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> <span class="token number" style="color: #fcba28; font-size: 14px;">1000</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">async</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">function</span> <span class="token function" style="color: #9d7dce; font-size: 14px;">printNumber</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> number <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">await</span> <span class="token function" style="color: #9d7dce; font-size: 14px;">getNumber</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
console<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">log</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"The number is:"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> number<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">printNumber</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
</code></pre>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Cool Bits</h2>
</div>
<ol>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/x0hph3uenzlv82t5/aHR0cHM6Ly9jbGF1ZGlhY29kZS5jb20v" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739983">Claudia</a> is a free and open-source desktop companion app for Claude Code that gives you a GUI for creating custom agents, managing your projects, and tracking your token usage. Thankfully, it looks a lot more helpful and a lot <em>less</em> damaging to society than the other “AI companion apps” that have emerged recently.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/6qhehoulpwd8veto/aHR0cHM6Ly9hc3Ryby5idWlsZC9ibG9nL2FzdHJvLTUxMzAv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739984">Astro 5.13</a> comes with experimental improvements to environment variables, experimental Chrome DevTools workspace support, and more.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Clerk just announced their <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/kkhmh2un8e30gqal/aHR0cHM6Ly9nby5jbGVyay5jb20vamlmNzI5QQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739985">M2M Tokens Public Beta</a> – designed specifically for authenticating requests <em>machine-to-machine</em> within your backend infrastructure, so all your services can securely communicate. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">The Amp team wrote about <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/58hvh8ug50zdpdc6/aHR0cHM6Ly9hbXBjb2RlLmNvbS9uZXdzL21vZGVsLWV2YWx1YXRpb24=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739986">how they evaluate new models</a>. Turns out, most LLMs are closer to passing the Turing Test than Peter Thiel.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/25h2h9u37geprku3/aHR0cHM6Ly9zZGllaGwuZ2l0aHViLmlvL3R5cGVjaGVja2VyLXpvby8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739987">Typechecker Zoo</a> walks you through creating minimal implementations of the most successful type systems of the last 50 years. Just in case you ever wanted to get up close and personal with Hindley-Milner.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">CodeRabbit’s <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/qvh8h8ud8v0mgkul/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739988">free VS Code extension</a> gives you advanced-level AI code reviews right in your editor. It understands the context of your whole codebase and gives you line-by-line feedback with one-click fix suggestions you can implement instantly. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/g3hnhwumenk870ir/aHR0cHM6Ly9obXBsLWxhbmcuZGV2Lw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739989">HMPL.js</a> is a small template language for displaying UI from server to client that takes a different approach to htmx. And by “different” we mean “less fedoras.”</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Armin Ronacher wrote about how <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/3ohphdu3qrn56wcr/aHR0cHM6Ly9sdWN1bXIucG9jb28ub3JnLzIwMjUvOC8xOC9jb2RlLW1jcHMv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739991">your MCP doesn’t need 30 tools</a>, all it needs is <del>love</del> code.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/n2hohquvngk98wb6/aHR0cHM6Ly93d3cuZGF0YWRvZ2hxLmNvbS9lYm9vay9tb25pdG9yaW5nLW1vZGVybi1pbmZyYXN0cnVjdHVyZS8_dXRtX2NhbXBhaWduPWRnLWluZnJhLXd3LW1vbml0b3JpbmctbW9kZXJuLWluZnJhc3RydWN0dXJlLWJ5dGVzJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzZGV2" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739992">Monitoring Modern Infrastructure</a> is a free ebook created by the Datadog team that provides multiple techniques and tools for systematically monitoring your entire infrastructure at scale. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/48hvh7um09nd55sx/aHR0cHM6Ly9naXRodWIuY29tL2Jpb21lanMvYmlvbWUvcmVsZWFzZXMvdGFnLyU0MGJpb21lanMvYmlvbWUlNDAyLjIuMA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739993">Biome v2.2</a> comes with a new JS formatter operator line break, more intelligent scanner, and more.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Gilles Ferrand wrote about <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/wnh2h6uqr4325ku7/aHR0cHM6Ly9naWxsZXNmZXJyYW5kLmNvbS9zdGF0ZS1tYW5hZ2VtZW50LWFyY2hpdGVjdHVyZS1pbi1ueA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739994">NX state management architecture</a>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Ben Werdmuller wrote about <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/reh8h9umq7el27b2/aHR0cHM6Ly93ZXJkLmlvL3doeS1pbS1hbGwtaW4tb24temVuLWJyb3dzZXIv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739995">why he’s all-in on Zen Browser</a> after being burned by Arc’s pivot. Because it’s better to have browsed and lost, than to have never browsed at all.</p>
</li>
</ol>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Spot the Bug: Solution</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px"><h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/p8hehqu49dlwkmbq/aHR0cHM6Ly9lbWJyYWNlLmlvLz91dG1fY2FtcGFpZ249Ynl0ZXMtOC0xOC0yMDI1JnV0bV9tZWRpdW09cGFpZCZ1dG1fc291cmNlPW5ld3NsZXR0ZXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1776739982">Embrace</a>
</h4></div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">The <code style="font-size: 14px;">printNumber</code> function is not handling the promise rejection. To fix this, you can add a <code style="font-size: 14px;">try/catch</code> block around the <code style="font-size: 14px;">await</code> statement:</p>
<pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-js" style="font-size: 14px;"><span class="token keyword" style="color: #f38ba3; font-size: 14px;">function</span> <span class="token function" style="color: #9d7dce; font-size: 14px;">getNumber</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 14px;">Promise</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">resolve<span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> reject</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">setTimeout</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> randomNumber <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> Math<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">random</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">if</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>randomNumber <span class="token operator" style="color: #12b5e5; font-size: 14px;">></span> <span class="token number" style="color: #fcba28; font-size: 14px;">0.5</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">resolve</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>randomNumber<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">else</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">reject</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"Number is too low"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> <span class="token number" style="color: #fcba28; font-size: 14px;">1000</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">async</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">function</span> <span class="token function" style="color: #9d7dce; font-size: 14px;">printNumber</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">try</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> number <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">await</span> <span class="token function" style="color: #9d7dce; font-size: 14px;">getNumber</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
console<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">log</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"The number is:"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> number<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span> <span class="token keyword" style="color: #f38ba3; font-size: 14px;">catch</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>error<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
console<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">log</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">"Whoops:"</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> error<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 14px;">printNumber</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">;</span>
</code></pre>
<div style="text-align:center;padding-bottom:80px;padding-top:80px">
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"><div style="margin-top:-40px">
<img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"><h5 style="font-size:18px;font-weight:400;margin-bottom:24px">Want us to say nice things <br> about your company?</h5>
<div style="margin-bottom:16px"><a style="background-color: #FCBA28; border: 1px solid #231F20; border-radius: 100px; color: #231F20; font-size: 14px; font-weight: 600; padding: 8px 14px; text-decoration: none;" href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/08hwhgu2mxk6owbl/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1776739996">Sponsor Bytes</a></div>
<div style="margin-bottom:20px"><a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/8ghqh3uog3x60xik/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1776739997">or share it</a></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Built with ❤️ by<!-- --> <a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/vqh3hmuon4d9xkfg/aHR0cHM6Ly91aS5kZXY=" url-id="1776739998">ui.dev</a></p>
</div></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;">50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101</p>
<div style="font-family:Papyrus, cursive"><a class="unsubscribe-link" href="https://click.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml/l2heh6ulo4zm0ou6/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1776739999">Unsubscribe from Bytes</a></div>
</div>
</div></td>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
</tr></tbody></table>
<span style="display: none"><a href="https://unsubscribe.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml">Unsubscribe</a></span>
<!-- -->
<img src="https://open.convertkit-mail4.com/38u909o4rrakh27q7owtrh4lpxpnns7h4oml" alt="">
</body>
</html>