<!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/zeds-dead.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.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/spiderman-meticulous.jpg">
<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: Zed's not dead</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> OpenAI goblin mode, email-based data viz crimes, and Chalamet’s npm-themed PR stunt.</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/8kum7m4l33soh2v299pukhkog9poef3hq45n/p8hehqu4om30p5bq/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDgz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997756">#483</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/zeds-dead.jpg" alt="Bruce Willis on a chopper motorcycle" 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;">It’s not Electron, baby. It’s GPUI.<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Zed’s not dead</h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">After five years and more than 1,000 releases, Zed finally hit <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/x0hph3ue0or64lc5/aHR0cHM6Ly96ZWQuZGV2L2Jsb2cvemVkLTEtMA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997757">the 1.0 milestone</a> earlier this week.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">If you haven’t heard about it before, Zed is a Rust-based code editor made by the creators of <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/6qhehoulezkg32ho/aHR0cHM6Ly9hdG9tLWVkaXRvci5jYy8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997758">Atom</a> and <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/kkhmh2unvrdqo8al/aHR0cHM6Ly93d3cuZWxlY3Ryb25qcy5vcmcv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997759">Electron</a> that’s built for performance and collaboration.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">While it’s a bit ironic that their biggest competitors are built on top of the cross-platform framework they created and rejected, the Zed team felt like building on top of a browser engine put a ceiling on what type of experiences they could build. So instead, they spent the last few years building a foundation that more closely resembles a video game architecture than a web platform. The question is, was it worth it?</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Let’s try to answer that by taking a closer look at what makes Zed unique:</p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Performance Focused:</strong> Did I mention Zed is built in Rust btw? Well it also uses an in-house UI framework they made called <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/58hvh8ug2qv84mc6/aHR0cHM6Ly93d3cuZ3B1aS5ycy8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997760">GPUI</a>, which makes editing across buffers extremely fast and responsive.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">AI Native:</strong> Zed supports <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/25h2h9u3w6vzq3h3/aHR0cHM6Ly96ZWQuZGV2L2Jsb2cvcGFyYWxsZWwtYWdlbnRz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997761">running multiple agents in parallel</a> without choking, and seamlessly integrates with tools like Claude Code, Codex, and OpenCode via their Agent Client Protocol (ACP). Garry Tan has (probably) already used it to write 250,000 lines of code in the time I’ve been writing this sentence.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Collaborative Foundation:</strong> In addition to building a custom UI framework, the Zed team also built a CRDT based sync engine called DeltaDB that gives granular, “operation level” version control. This makes it possible to roll back something as small as a character insertion rather than a whole “commit.”</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> Was it worth it for Zed to spend time building everything from scratch like this, given the fact that Cursor is reportedly, allegedly, maybe getting bought by SpaceX for $60 billion? Well maybe not financially, but it does open faster.</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/8kum7m4l33soh2v299pukhkog9poef3hq45n/qvh8h8udpz75loul/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDgz" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1851997762"><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/8kum7m4l33soh2v299pukhkog9poef3hq45n/g3hnhwumwrd50pbr/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0ODM=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1851997763"><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/8kum7m4l33soh2v299pukhkog9poef3hq45n/9qhzhdudr0qmenf9/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QnJlYWtpbmclMjBkb3duJTIwWmVkJTI3cyUyMDEuMCUyMHJlbGVhc2UlMjBhbmQlMjB3aGV0aGVyJTIwaXQlMjB3YXMlMjB3b3J0aCUyMGl0JTIwdG8lMjBidWlsZCUyMGV2ZXJ5dGhpbmclMjBmcm9tJTIwc2NyYXRjaC4mdXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0ODM=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1851997764"><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/8kum7m4l33soh2v299pukhkog9poef3hq45n/n2hohquv0m8plmb6/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQUJyZWFraW5nJTIwZG93biUyMFplZCUyN3MlMjAxLjAlMjByZWxlYXNlJTIwYW5kJTIwd2hldGhlciUyMGl0JTIwd2FzJTIwd29ydGglMjBpdCUyMHRvJTIwYnVpbGQlMjBldmVyeXRoaW5nJTIwZnJvbSUyMHNjcmF0Y2guJTBBaHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQ4Mw==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1851997766"><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.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/spiderman-meticulous.jpg" alt="Spiderman guys pointing to each other about AI writing, reviewing, and fixing my code" 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;">Me reviewing the code written by Claude before pushing to production<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/48hvh7um8v5e7lfx/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPTI2cTImdXRtX2NvbnRlbnQ9cHJpbWFyeQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997767">Ship AI generated code safely with Meticulous.</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Claude writes your code. Claude reviews your code. Claude fixes the review comments. And somehow, you’re the one getting paged at 2am when it breaks in prod.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Fortunately, top AI-driven teams like Dropbox, Notion, LaunchDarkly and Wiz rely on Meticulous to run 1000s of e2e UI tests autonomously, covering every user flow, edge case, role and permutation. Built by ex-Palantir engineers, Meticulous gives you near-exhaustive coverage in weeks, without any developer effort.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">It works like magic in the background:</p>
<ul>
<li>Near-exhaustive coverage on every test run</li>
<li>No test creation</li>
<li>No maintenance (seriously)</li>
<li>Zero flakes (built on a deterministic browser)</li>
</ul>
<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/8kum7m4l33soh2v299pukhkog9poef3hq45n/48hvh7um8v5e7lfx/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPTI2cTImdXRtX2NvbnRlbnQ9cHJpbWFyeQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997767">Check it out</a>, and see why one engineering leader at Dropbox said that “once we started using Meticulous, we couldn’t imagine working without it.”</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;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/wnh2h6uq6n5pl6h7/aHR0cHM6Ly9hZ2VudHNwYW4uYWkvP3V0bV9jYW1wYWlnbj1ieXRlcy1kZXYmdXRtX3NvdXJjZT1uZXdzbGV0dGVyJnV0bV9tZWRpdW09cmVmZXJyYWw=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997768">Orkes</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>They released an open source project called <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/wnh2h6uq6n5pl6h7/aHR0cHM6Ly9hZ2VudHNwYW4uYWkvP3V0bV9jYW1wYWlnbj1ieXRlcy1kZXYmdXRtX3NvdXJjZT1uZXdzbGV0dGVyJnV0bV9tZWRpdW09cmVmZXJyYWw=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997768">Agentspan</a> that lets you build, run, and observe agents. Or you can use it as the durable runtime for your existing frameworks.</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> <span class="token function-variable function" style="color: #9d7dce; font-size: 15px;">qualifiesForFreeShipping</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;">product<span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> rule</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token operator" style="color: #12b5e5; 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> threshold <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>rule <span class="token operator" style="color: #12b5e5; font-size: 15px;">&&</span> rule<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>minSpendCents<span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">||</span> <span class="token number" style="color: #fcba28; font-size: 15px;">5000</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span> product<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>priceCents <span class="token operator" style="color: #12b5e5; font-size: 15px;">>=</span> threshold<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> result <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token function" style="color: #9d7dce; font-size: 15px;">qualifiesForFreeShipping</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;">id</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> <span class="token string" style="color: #f99157; font-size: 15px;">"p1"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token literal-property property" style="color: #12b5e5; font-size: 15px;">priceCents</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> <span class="token number" style="color: #fcba28; font-size: 15px;">1000</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 literal-property property" style="color: #12b5e5; font-size: 15px;">productId</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> <span class="token string" style="color: #f99157; font-size: 15px;">"p1"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span>
<span class="token literal-property property" style="color: #12b5e5; font-size: 15px;">minSpendCents</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> <span class="token number" style="color: #fcba28; font-size: 15px;">0</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 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;">OpenAI wrote <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/reh8h9umz42rorc2/aHR0cHM6Ly9vcGVuYWkuY29tL2luZGV4L3doZXJlLXRoZS1nb2JsaW5zLWNhbWUtZnJvbS8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997769">a retrospective on going goblin mode</a> since releasing GPT-5.1. My little brother could’ve written a similar retrospective after he lost his ADHD meds at boy scout camp in 2002, but I think he’s still blacked that all out of his memory. The rest of us were not so lucky.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Resend added <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/08hwhgu2rvo5p6bl/aHR0cHM6Ly9yZXNlbmQuY29tL2NoYW5nZWxvZy9jaGFydC1jb21wb25lbnQ=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997770">a fancy chart component</a> to their editor empowering you to commit data visualization crimes via email.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Automate production fixes straight from your monitoring dashboards using <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/8ghqh3uonz0v7muk/aHR0cHM6Ly93d3cuZGF0YWRvZ2hxLmNvbS9yZXNvdXJjZXMvYXBwLWJ1aWxkZXItcHJvZHVjdC1icmllZi8_dXRtX3NvdXJjZT1ieXRlc2RldiZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPWRnLWFwbS13dy1hcHAtYnVpbGRlci1icmllZi1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997771">Datadog App Builder</a>. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Cursor shipped a new <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/vqh3hmuorlx7qwig/aHR0cHM6Ly9jdXJzb3IuY29tL2Jsb2cvdHlwZXNjcmlwdC1zZGs=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997772">TypeScript SDK</a> that lets you invoke its coding agents programmatically from CI pipelines, backend services, or your own product. Very nice, but Elon still wants you to print out all the lines of code you wrote this week.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Aiden Bai released <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/l2heh6ul7e09dds6/aHR0cHM6Ly9naXRodWIuY29tL21pbGxpb25jby9zcGF3bi1hZ2VudA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997773">spawn-agent</a>, another open source project that helps you spawn agents using TypeScript. If my math is correct, he only needs like 12 more projects to make it an even million.</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/8kum7m4l33soh2v299pukhkog9poef3hq45n/m2h7h6u3zvgplxtm/aHR0cHM6Ly9mYW5kZi5jby8zUjZIT3J6" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997774">Trigger.dev</a> is a developer platform for building resilient AI agents and workflows that scale elastically without timeout issues. Its custom MCP server and built-in observability streamline debugging and code generation in tools like Cursor and Claude. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Alchemy got Effect-pilled and made a <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/dphehmuenv4g23cm/aHR0cHM6Ly92Mi5hbGNoZW15LnJ1bi8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997775">type-safe IAC framework</a> for building cloud applications.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The Remix team just dropped the <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/7qh7h2u95qk7ekuz/aHR0cHM6Ly9yZW1peC5ydW4vYmxvZy9yZW1peC0zLWJldGEtcHJldmlldw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997777">Remix 3 beta preview</a>. I’m not sure if they’re still in the “picking fights with strangers who disagree with us on Twitter” phase of marketing, but there’s only one way to find out.</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/8kum7m4l33soh2v299pukhkog9poef3hq45n/z2hgh7uexn4vz7hp/aHR0cHM6Ly9yYWlsd2F5LmNvbS8_cmVmZXJyYWxDb2RlPWZpcmVzaGlw" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997779">Railway lets you deploy any app in a few clicks (or prompts)</a>. Just connect your repo, and it reads your code to automatically set up the right config for your project – or let your agents handle it using the Railway CLI. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Kyle Matthews thinks <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/p8hehqu4om30e5cq/aHR0cHM6Ly9lbGVjdHJpYy5heC9ibG9nLzIwMjYvMDQvMjkvaW50cm9kdWNpbmctZWxlY3RyaWMtYWdlbnRz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997780">you’re building your agents wrong</a>. Joke’s on him though, because my agents are actually the ones who build my agents.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The Astro team just shipped <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/x0hph3ue0or6mli5/aHR0cHM6Ly9hc3Ryby5idWlsZC9ibG9nL2FzdHJvLTYyMC8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997781">Astro 6.20</a> with an SVG optimizer and an experimental new logger.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The npm package for Intercom was compromised by yet another <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/6qhehoulezkg42so/aHR0cHM6Ly9zb2NrZXQuZGV2L2Jsb2cvaW50ZXJjb20tcy1ucG0tcGFja2FnZS1jb21wcm9taXNlZC1pbi1zdXBwbHktY2hhaW4tYXR0YWNr" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997782">Shai-Hulud Worm Attack</a>. And if this is another guerrilla marketing stunt by Timothee Chalamet for <em>Dune 3</em>, I’m going to be very upset.</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;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n/wnh2h6uq6n5pl6h7/aHR0cHM6Ly9hZ2VudHNwYW4uYWkvP3V0bV9jYW1wYWlnbj1ieXRlcy1kZXYmdXRtX3NvdXJjZT1uZXdzbGV0dGVyJnV0bV9tZWRpdW09cmVmZXJyYWw=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1851997768">Orkes</a>
</h4></div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">The logical OR operator treats zero as falsy, so when <code style="font-size: 15px;">minSpendCents</code> is explicitly <code style="font-size: 15px;">0</code>, it falls back to the default of 5000. The result is that a rule that should grant free shipping silently rejects it. The fix is to use the nullish coalescing operator, which only falls back when the value is actually absent (null or undefined).</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> <span class="token function-variable function" style="color: #9d7dce; font-size: 15px;">qualifiesForFreeShipping</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;">product<span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> rule</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token operator" style="color: #12b5e5; 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> threshold <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> rule<span class="token operator" style="color: #12b5e5; font-size: 15px;">?.</span>minSpendCents <span class="token operator" style="color: #12b5e5; font-size: 15px;">??</span> <span class="token number" style="color: #fcba28; font-size: 15px;">5000</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span> product<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>priceCents <span class="token operator" style="color: #12b5e5; font-size: 15px;">>=</span> threshold<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> result <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token function" style="color: #9d7dce; font-size: 15px;">qualifiesForFreeShipping</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;">id</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> <span class="token string" style="color: #f99157; font-size: 15px;">"p1"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token literal-property property" style="color: #12b5e5; font-size: 15px;">priceCents</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> <span class="token number" style="color: #fcba28; font-size: 15px;">1000</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 literal-property property" style="color: #12b5e5; font-size: 15px;">productId</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> <span class="token string" style="color: #f99157; font-size: 15px;">"p1"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span>
<span class="token literal-property property" style="color: #12b5e5; font-size: 15px;">minSpendCents</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> <span class="token number" style="color: #fcba28; font-size: 15px;">0</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 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/8kum7m4l33soh2v299pukhkog9poef3hq45n/e0hph0u7o6pgzks8/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1851997783">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/8kum7m4l33soh2v299pukhkog9poef3hq45n/7qh7h2u95qk7eobz/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1851997784">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/8kum7m4l33soh2v299pukhkog9poef3hq45n/owhkhwuwdpkvewsv/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1851997785">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/8kum7m4l33soh2v299pukhkog9poef3hq45n/z2hgh7uexn4vzpip/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1851997786">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/8kum7m4l33soh2v299pukhkog9poef3hq45n">Unsubscribe</a></span>
<!-- -->
<img src="https://c5e21242.open.convertkit-mail.com/8kum7m4l33soh2v299pukhkog9poef3hq45n" alt="">
</body>
</html>