<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="image" href="https://bytes.dev/images/bytes-banner-rounded.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/eyes.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/cesar-millan.jpg">
<link rel="preload" as="image" href="https://bytes.dev/images/fb-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/li-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/tw-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/em-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/meticulous-logo-new.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/the-rock-thinking.jpeg">
<link rel="preload" as="image" href="https://bytes.dev/images/content/spot-the-bug.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/cool-bits.png">
<link rel="preload" as="image" href="https://bytes.dev/images/bytes-icon.png">
<title>Bytes: Your AGI good boy</title>
<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: 18px; 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: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Today’s issue:</strong> Another developer manifesto, TanStack’s (potential) legal drama, and why my therapist writes release notes.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Welcome to <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/6qhehoul9g2rgrfohk/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNTE5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911463">#519</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/cesar-millan.jpg" alt="Cesar Millan kneeling beside a dog with its paw resting on his book" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 17px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">The expert you call in when you want your model to be a good boy<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Your AGI good boy</h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">AGI is here… at least that’s what Greg Brockman and Jensen Huang told me at brunch last week. But after I accidentally spilled my coffee on him, Greg revoked my OpenAI influencer account, so I found out about <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/kkhmh2unxq9wqvflh7/aHR0cHM6Ly9vcGVuYWkuY29tL2luZGV4L2dwdC02LWFzdHJhLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911464">GPT-6 Astra</a> like the rest of you normies via their blog post.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">And since I didn’t spend $18k in tokens playing with the model before it was released, I don’t have a bunch of hot takes to unload. But what I will say is that it’s not exactly what I expected from what the people (who definitely don’t have any financial incentives at stake) are calling AGI. So what is it?</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Well, according to their announcement, this model is OpenAI’s “most intelligent and aligned” model that they have created, which essentially means that it’s really good at <del>school</del> arbitrary benchmarks and obeys all the rules (every parent’s dream). Here’s a quick overview:</p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Benchmarks:</strong> The main benchmark breakthrough for this model was with ARC-AGI-3, which tests the model on novel interactive tasks. Astra scored 99.9% and surpassed the human action-efficiency baseline on 96% of levels. It’s worth noting that this score was achieved with <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/58hvh8ug689x88t6h4/aHR0cHM6Ly9vcGVuYWkuY29tL2luZGV4L2hvdy10d28tc2V0dGluZ3MtdHJpcGxlZC1vdXItYXJjLWFnaS0zLXNjb3Jlcy8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911465">OpenAI’s Responses API harness</a>, which retains reasoning and enables compaction. In a separate test on the public task set, those settings improved Sol’s score from 13.3% to 38.3% — a reminder that the harness matters, too.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Alignment:</strong> After “the Hugging Face incident,” OpenAI created a new benchmark to measure whether or not a model would go beyond its intended scope. Without production safeguards, Sol went beyond the authorized target in 48.2% of cases on the ExploitGym honeypot evaluation, whereas Astra went to the Cesar Millan school for good boys and did it in 0% of cases on that evaluation (allegedly).</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Capabilities:</strong> Astra is apparently really good at Blender, and most of the demos you’ve seen involve some sort of generative 3D, which is objectively cool. It also sets a new frontier for computer use, but anecdotally, it is not any better at coding than other models… so make of that what you will.</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Bottom line:</strong> I still have no idea what AGI is, but if this is it, it’s pretty clear that intelligence isn’t the bottleneck for most of life’s hard problems, which is why you’re (probably) still single.</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://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/25h2h9u3mzo9zpf3h4/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTE5" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1884911466"><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://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/g3hnhwumq5z95qtrh9/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MTk=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1884911468"><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://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/3ohphdu3pldml8arhn/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QW5vdGhlciUyMGRldmVsb3BlciUyMG1hbmlmZXN0byUyQyUyMFRhblN0YWNrJUUyJTgwJTk5cyUyMCUyOHBvdGVudGlhbCUyOSUyMGxlZ2FsJTIwZHJhbWElMkMlMjBhbmQlMjB3aHklMjBteSUyMHRoZXJhcGlzdCUyMHdyaXRlcyUyMHJlbGVhc2UlMjBub3Rlcy4mdXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MTk=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1884911470"><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://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/wnh2h6uq0po725a7hx/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQUFub3RoZXIlMjBkZXZlbG9wZXIlMjBtYW5pZmVzdG8lMkMlMjBUYW5TdGFjayVFMiU4MCU5OXMlMjAlMjhwb3RlbnRpYWwlMjklMjBsZWdhbCUyMGRyYW1hJTJDJTIwYW5kJTIwd2h5JTIwbXklMjB0aGVyYXBpc3QlMjB3cml0ZXMlMjByZWxlYXNlJTIwbm90ZXMuJTBBaHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjUxOQ==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1884911473"><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/meticulous-logo-new.png" alt="Meticulous 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/the-rock-thinking.jpeg" alt="The Rock wearing glasses and resting his fist against his mouth with a concerned expression" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 17px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">TFW you have to test the 25,000 line PR your agent cooked up<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/reh8h9um6r5dl3u2h6/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPTI2cTMmdXRtX2NvbnRlbnQ9cHJpbWFyeQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911474">Move fast and don’t break things</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">The one thing everyone’s talking about: agents now write the majority of your code, but how do you test it?</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">As our name suggests, we use real user sessions to <em>meticulously</em> test every edge case and flag what will break before you merge:</p>
<ul>
<li>Near-100% coverage on every PR</li>
<li>70% of Notion’s most critical frontend functionality covered</li>
<li>Zero dev effort, no flakes</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">With Meticulous, Notion cut frontend testing and maintenance efforts by 30%, with individual engineers estimating savings of up to 5 hours a week.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/reh8h9um6r5dl3u2h6/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPTI2cTMmdXRtX2NvbnRlbnQ9cHJpbWFyeQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911474">Schedule a demo to learn more.</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="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: 20px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Spot the Bug – Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/8ghqh3uorv5d6ptkh9/aHR0cHM6Ly96ZXJvY2xpY2suYWkvZ2V0LWRlbW8_dXRtX3NvdXJjZT1uZXdzbGV0dGVyJnV0bV9tZWRpdW09ZW1haWwmdXRtX2NhbXBhaWduPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911476">ZeroClick</a>
</h4>
<p style="font-family: Outfit, sans-serif; font-size: 18px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"><em>The next visitor to your site will be an AI agent. Turn them into your next customer with <strong style="font-weight: 600;"><a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/8ghqh3uorv5d6ptkh9/aHR0cHM6Ly96ZXJvY2xpY2suYWkvZ2V0LWRlbW8_dXRtX3NvdXJjZT1uZXdzbGV0dGVyJnV0bV9tZWRpdW09ZW1haWwmdXRtX2NhbXBhaWduPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911476">ZeroClick</a></strong>, a tool that turns your API or service into an agent-purchasable product complete with <code style="font-size: 15px;">x402</code> and <code style="font-size: 15px;">MPP</code> support.</em></p>
</div>
</div>
<pre class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 15px; hyphens: none; line-height: 1.5; overflow: auto; padding: 24px; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"><code class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 15px; hyphens: none; line-height: 1.5; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"><span class="token keyword" style="color: #f38ba3; font-size: 15px;">const</span> query <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token string" style="color: #f99157; font-size: 15px;">"JavaScript & coffee"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">const</span> params <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 15px;">URLSearchParams</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token literal-property property" style="color: #12b5e5; font-size: 15px;">q</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> <span class="token function" style="color: #9d7dce; font-size: 15px;">encodeURIComponent</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>query<span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">const</span> url <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 15px;">URL</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token template-string" style="font-size: 15px;"><span class="token template-punctuation string" style="color: #f99157; font-size: 15px;">`</span><span class="token string" style="color: #f99157; font-size: 15px;">https://example.com/search?</span><span class="token interpolation" style="color: #12b5e5; font-size: 15px;"><span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;">${</span>params<span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;">}</span></span><span class="token template-punctuation string" style="color: #f99157; font-size: 15px;">`</span></span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token comment" style="color: rgb(167, 167, 167); font-size: 15px;">// Should print "JavaScript & coffee"</span>
console<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">log</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>url<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>searchParams<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">get</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token string" style="color: #f99157; font-size: 15px;">"q"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</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: 19px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/vqh3hmuow7k09dcghl/aHR0cHM6Ly92aXRlc3QuZGV2L2Jsb2cvdml0ZXN0LTUuaHRtbA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911477">Vitest v5</a> just dropped, and it’s faster, smaller, and has a new <code style="font-size: 15px;">bench</code> API that makes it easy to create your own TMBBs (trust me bro benchmarks).</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/m2h7h6u34pn56oamhq/aHR0cHM6Ly9idW4uY29tL2Jsb2cvYnVuLXYxLjQuMQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911479">Bun 1.4.1 release</a> fixed 202 issues and reduces idle memory usage, which inspired me to have my therapist do release notes after each session so I can take credit for solving the problems I’ve created for myself.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Sentry is hosting a free workshop on <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/dphehmuepg7690amh4/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL2JleW9uZC1sb2dzLWJhc2ljcy13b3Jrc2hvcC8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9jYW1wYWlnbj1sb2dzLWZ5MjdxMy1sb2dzd29ya3Nob3AmdXRtX2NvbnRlbnQ9bmV3c2xldHRlci1zZWNvbmRhcnktbG9ncy1iZXlvbmQtYmFzaWNzLXdvcmtzaG9wLXJlZ2lzdGVy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911480">logs</a>. It will go beyond basic logging to show you how to use logs with traces and errors to find root causes faster, keep context across services, and tune signal instead of drowning in noise. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/e0hph0u7rgnv37i8h2/aHR0cHM6Ly9iYXNlLXVpLmNvbS9yZWFjdC9vdmVydmlldy9yZWxlYXNlcy92MS04LTA=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911481">Base UI released v1.8.0</a>, which fixes a bunch of issues most of us would never realize were bugs.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Against all odds, Turbopack is alive and well, and the team just wrote a blog post about <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/7qh7h2u9n74l2wtzh6/aHR0cHM6Ly9uZXh0anMub3JnL2Jsb2cvdHVyYm9wYWNrLWNodW5raW5n" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911482">how they do their chunking</a>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Sergey Karayev wrote <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/z2hgh7uelvd620iph0/aHR0cHM6Ly9tdWx0aXBsYXllci1haS5jb20v" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911484">“The Multiplayer AI Manifesto”</a>, which means we need to reset the <em>days since a developer wrote another manifesto</em> counter back to zero.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Agents are writing more of your code, and that’s fine — the trouble is your release process still moves at human speed. <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/x0hph3ueq672vot5hl/aHR0cHM6Ly9sYXVuY2hkYXJrbHkuY29tL3BsYXRmb3JtL2NvZGUtY29udHJvbC8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPWJyYW5kcmVwbyZ1dG1fdGVybT1zZWNvbmRhcnkmdXRtX2NvbnRlbnQ9Y29kZS1jb250cm9s" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911486">LaunchDarkly’s CodeControl</a> enables teams to roll changes out gradually and helps automatically revert issues in production. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Christoph Nakazawa announced <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/6qhehoul9g2r8rhohk/aHR0cHM6Ly9zdGFjay5mYXRlLnRlY2hub2xvZ3kv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911487"><code style="font-size: 15px;">fatestack</code>, a “modern stack for the web”</a>. Tanner’s trademark lawyers are licking their chops right now.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Apparently, Flow is making a comeback because someone on the Vue core team made <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/58hvh8ug689xd8u6h4/aHR0cHM6Ly9kb2NzLnVuaWZsb3dlZC5kZXYv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911489"><code style="font-size: 15px;">uf</code>, a unified toolchain that builds, tests, formats, and lints React/Flow projects</a>. I have so many questions.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Shu Ding created a <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/25h2h9u3mzo9pph3h4/aHR0cHM6Ly9ncHUtbGV4ZXIudmVyY2VsLmFwcC8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911490">27.5 kB, language-agnostic, WebGPU-accelerated syntax highlighter</a> that can run in the browser; that size is minified and Brotli-compressed. Does this mean we can stop loading 18 MB of Shiki for our blogs now?</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: 20px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Spot the Bug – Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/8ghqh3uorv5d6ptkh9/aHR0cHM6Ly96ZXJvY2xpY2suYWkvZ2V0LWRlbW8_dXRtX3NvdXJjZT1uZXdzbGV0dGVyJnV0bV9tZWRpdW09ZW1haWwmdXRtX2NhbXBhaWduPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1884911476">ZeroClick</a>
</h4></div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><code style="font-size: 15px;">URLSearchParams</code> encodes parameter values when it builds the query string, so calling <code style="font-size: 15px;">encodeURIComponent</code> first encodes the value twice. Reading the parameter decodes only one layer, leaving <code style="font-size: 15px;">JavaScript %26 coffee</code> instead of the original text.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Pass the unencoded value to <code style="font-size: 15px;">URLSearchParams</code> and let it handle the encoding:</p>
<pre class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 15px; hyphens: none; line-height: 1.5; overflow: auto; padding: 24px; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"><code class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 15px; hyphens: none; line-height: 1.5; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"><span class="token keyword" style="color: #f38ba3; font-size: 15px;">const</span> query <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token string" style="color: #f99157; font-size: 15px;">"JavaScript & coffee"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">const</span> params <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 15px;">URLSearchParams</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token literal-property property" style="color: #12b5e5; font-size: 15px;">q</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> query<span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">const</span> url <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">new</span> <span class="token class-name" style="color: #12b5e5; font-size: 15px;">URL</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token template-string" style="font-size: 15px;"><span class="token template-punctuation string" style="color: #f99157; font-size: 15px;">`</span><span class="token string" style="color: #f99157; font-size: 15px;">https://example.com/search?</span><span class="token interpolation" style="color: #12b5e5; font-size: 15px;"><span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;">${</span>params<span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;">}</span></span><span class="token template-punctuation string" style="color: #f99157; font-size: 15px;">`</span></span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token comment" style="color: rgb(167, 167, 167); font-size: 15px;">// Prints "JavaScript & coffee"</span>
console<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">log</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>url<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>searchParams<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">get</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token string" style="color: #f99157; font-size: 15px;">"q"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</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://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/9qhzhdud5m2wves9h3/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1884911493">Sponsor Bytes</a></div>
<div style="margin-bottom:20px"><a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/48hvh7umxe2l4zcxh7/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1884911496">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://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/08hwhgu2l57e3xflh5/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1884911499">Fireship</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://c5e21242.click.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v/l2heh6ulx9k28ks6h0/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1884911502">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://c5e21242.unsubscribe.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v">Unsubscribe</a></span>
<!-- -->
<img src="https://c5e21242.open.convertkit-mail.com/d0unwn7xppb0hoxz033imhzmr0x8zclhkx3v" alt="">
</body>
</html>