Email: Bytes: Stuffing 8 Safari releases into one

Subject:
Bytes: Stuffing 8 Safari releases into one
Received:
6/23/2025, 3:17:32 PM
From:
"Tyler from ui.dev" <tyler@ui.dev>
To:
desert.legend.57@rss.andrealin.it
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Bytes: Stuffing 8 Safari releases into one&lt;/title&gt;
&lt;meta charset="utf-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;meta name="color-scheme" content="light dark"&gt;
&lt;meta name="supported-color-schemes" content="light dark"&gt;
&lt;link href="https://fonts.googleapis.com/css2?family=Fira+Mono&amp;family=Outfit:wght@400;500;700;900&amp;family=Paytone+One" rel="stylesheet"&gt;
&lt;style&gt;@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;
  }
}&lt;/style&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;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%;"&gt;&lt;tbody&gt;&lt;tr&gt;
&lt;td style="border-collapse: collapse !important; word-break: normal;"&gt;&lt;/td&gt;
&lt;td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"&gt;&lt;div style="max-width:600px;padding-top:80px"&gt;
&lt;div style="text-align:center"&gt;&lt;img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Today’s issue:&lt;/strong&gt; Thousands of grainy JPEGs, shadcn/ui creator reveal, and Cloudflare developers keeping their eyes on the prize.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Welcome to &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/z2hgh7uer2n5l9up/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDAz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950752"&gt;#403&lt;/a&gt;.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;The Main Thing&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;"&gt;
&lt;img src="https://bytes.dev/images/content/praying-patrick.jpg" alt="Patrick Starr praying" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;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;"&gt;Me asking Steve Jobs when they'll release the U2 (RED) version of Safari&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Stuffing 8 Safari releases into one&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Naming things is always hard for big companies, but &lt;em&gt;numbering&lt;/em&gt; things hasn’t been much easier for Apple.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;So it was nice to see them officially declare &lt;strong style="font-weight: 600;"&gt;Version Number Bankruptcy&lt;span role="img" aria-label="trade mark"&gt;™️&lt;/span&gt;&lt;/strong&gt; at this month’s WWDC – and choose to unify macOS 15, iOS 18, visionOS 2, watchOS 11, and Safari 18 on &lt;code style="font-size: 14px;"&gt;v26&lt;/code&gt; (to match the year 2026). They’ll each get upgraded to v26 sometime this fall and will get annual version bumps to stay in sync going forward.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;But after reading the &lt;em&gt;7,000&lt;/em&gt;-word announcement post for the new &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/p8hehqu45wmrq3bq/aHR0cHM6Ly93ZWJraXQub3JnL2Jsb2cvMTY5OTMvbmV3cy1mcm9tLXd3ZGMyNS13ZWItdGVjaG5vbG9neS1jb21pbmctdGhpcy1mYWxsLWluLXNhZmFyaS0yNi1iZXRhLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950753"&gt;Safari 26 beta&lt;/a&gt;, I’m pretty sure that the Safari team of overachievers saw this as a chance to ship eight versions’ worth of features all at once. And I’m not complaining!&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;This mega-update comes with 67 new features and 107 additional improvements. Here are five we’re most excited about:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;SVG favicons&lt;/strong&gt; - This &lt;em&gt;long&lt;/em&gt;-awaited feature lets you harness the power of infinite vector scaling to get cleaner icons, smaller file sizes, and better support for different UI placements.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Big CSS upgrades&lt;/strong&gt; – New anchor positioning makes popovers and tooltips easier than ever, scroll-driven animations bring timeline control to CSS, and the &lt;code style="font-size: 14px;"&gt;contrast-color()&lt;/code&gt; function allows the browser to &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/x0hph3uedvokqpf5/aHR0cHM6Ly93ZWJraXQub3JnL2Jsb2cvMTY5MjkvY29udHJhc3QtY29sb3Iv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950754"&gt;pick a contrasting color for you&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;HDR image support&lt;/strong&gt; – You can now embed HDR images directly into webpages, with CSS controls to balance them against SDR content&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;WebGPU support&lt;/strong&gt; – This JavaScript API provides faster, more modern GPU access for 3D rendering and compute-heavy tasks, allowing you to more efficiently leverage 3D frameworks like Babylon.js, Three.js, and Unity&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Trusted Types and JS cleanup&lt;/strong&gt; – The new Trusted Types API blocks XSS by default, and new JavaScript methods like &lt;code style="font-size: 14px;"&gt;@@dispose&lt;/code&gt; let you safely clean up resources&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Bottom Line:&lt;/strong&gt; Martha Stewart once said that “software that gets versioned together, works together.” We’ll see if that’s true when I try to anchor-position a modal inside a popover inside a scroll-tied animation inside a WebGPU-powered canvas on my mom’s 2013 iPad Mini.&lt;/p&gt;
&lt;table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;"&gt;
&lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/6qhehoul68zx9wfo/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDAz" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1757950755"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/kkhmh2un20rzx2il/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0MDM=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1757950756"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/58hvh8ugodq36zi6/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QnJlYWtpbmclMjBkb3duJTIwdGhlJTIwYmlnZ2VzdCUyMFNhZmFyaSUyMHVwZGF0ZSUyMGluJTIweWVhcnMmdXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0MDM=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1757950757"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/25h2h9u30p6lmoh3/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBQnJlYWtpbmclMjBkb3duJTIwdGhlJTIwYmlnZ2VzdCUyMFNhZmFyaSUyMHVwZGF0ZSUyMGluJTIweWVhcnMlMEFodHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDAzJnN1YmplY3Q9WW91JTIwbGlrZSUyMGNvcm5icmVhZCUzRg==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1757950758"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="150" src="https://bytes.dev/images/content/qa-wolf-logo.png" alt="QA Wolf logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;&lt;span&gt;Our Friends &lt;br class="mobile-break"&gt;(With Benefits)&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;"&gt;
&lt;img src="https://bytes.dev/images/content/bobby-hank.jpg" alt="Bobby Hill with Hank Hill's face photoshopped on" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;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;"&gt;Finding out that your team’s entire QA process is just one guy named Greg clicking around in staging&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/qvh8h8ud2mzek8ul/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX0N1dFFBQ3ljbGVzXzIwMjUwNjIzLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1DdXRRQUN5Y2xlc19HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBU3BlZWRVcFlvdXJUZWFtc1JlbGVhc2VDeWNsZXNUaGVFYXN5V2F5X19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MDYyM192MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09aGVhZGxpbmUtU3BlZWRVcFlvdXJUZWFtc1JlbGVhc2VDeWNsZXNUaGVFYXN5V2F5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950759"&gt;Speed up your team’s release cycles – the easy way&lt;/a&gt;&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;What if you could press a button to help your team start shipping twice as fast?&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;That’s exactly what &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/g3hnhwumo8rgq3cr/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX0N1dFFBQ3ljbGVzXzIwMjUwNjIzLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1DdXRRQUN5Y2xlc19HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBU3BlZWRVcFlvdXJUZWFtc1JlbGVhc2VDeWNsZXNUaGVFYXN5V2F5X19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MDYyM192MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Ym9keS1RQVdvbGY=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950760"&gt;QA Wolf&lt;/a&gt; did for Drata, who now has 86% faster QA cycles with 4x more test cases (&lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/9qhzhdud3v045df9/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9jYXNlLXN0dWRpZXMvZHJhdGE_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9DdXRRQUN5Y2xlc18yMDI1MDYyMy1Ob25lX0V4cGVyaW1lbnQtRkFMU0UmdXRtX2NvbnRlbnQ9Q3V0UUFDeWNsZXNfR2V0QVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQVNwZWVkVXBZb3VyVGVhbXNSZWxlYXNlQ3ljbGVzVGhlRWFzeVdheV9fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTA2MjNfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWJvZHktU2VlVGhlQ2FzZVN0dWR5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950761"&gt;see the case study&lt;/a&gt;) – and they’ve done it for hundreds of other teams too.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Here’s how it works:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Their &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/3ohphdu3950xp4tr/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9haT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX0N1dFFBQ3ljbGVzXzIwMjUwNjIzLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1DdXRRQUN5Y2xlc19HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBU3BlZWRVcFlvdXJUZWFtc1JlbGVhc2VDeWNsZXNUaGVFYXN5V2F5X19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MDYyM192MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Ym9keS1NdWx0aUFnZW50QUlTeXN0ZW1z" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950762"&gt;multi-agent AI systems&lt;/a&gt; create, maintain, and run Playwright tests for you&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;They provide unlimited parallel test runs on their infrastructure, so you get pass/fail results &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/n2hohquv59m27rt6/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9ob3ctaXQtd29ya3M_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9DdXRRQUN5Y2xlc18yMDI1MDYyMy1Ob25lX0V4cGVyaW1lbnQtRkFMU0UmdXRtX2NvbnRlbnQ9Q3V0UUFDeWNsZXNfR2V0QVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQVNwZWVkVXBZb3VyVGVhbXNSZWxlYXNlQ3ljbGVzVGhlRWFzeVdheV9fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTA2MjNfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWJvZHktV2l0aGluM01pbg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950763"&gt;within 3 min&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;You get zero flakes, because every failed test is reviewed by one of their human QA engineers&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/48hvh7umqdvwxkhx/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX0N1dFFBQ3ljbGVzXzIwMjUwNjIzLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1DdXRRQUN5Y2xlc19HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBU3BlZWRVcFlvdXJUZWFtc1JlbGVhc2VDeWNsZXNUaGVFYXN5V2F5X19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MDYyM192MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Y3RhLUdldEFQZXJzb25hbGl6ZWREZW1v" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950764"&gt;Get a personalized demo&lt;/a&gt; – and see how their average customer increases their team’s release cadence by over 5x.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Spot the Bug&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;
&lt;h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/wnh2h6uqv2nm0mc7/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL3NlbnRyeS1idWlsZC8_dXRtX2NhbXBhaWduPWFpLWZ5MjZxMi1haXdvcmtzaG9wJnV0bV9jb250ZW50PW5ld3NsZXR0ZXItSnVseS13b3Jrc2hvcC1yc3ZwJnV0bV9tZWRpdW09cGFpZC1jb21tdW5pdHkmdXRtX3NvdXJjZT1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950765"&gt;Sentry&lt;/a&gt;
&lt;/h4&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 16px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"&gt;&lt;em&gt;They’re hosting this free &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/wnh2h6uqv2nm0mc7/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL3NlbnRyeS1idWlsZC8_dXRtX2NhbXBhaWduPWFpLWZ5MjZxMi1haXdvcmtzaG9wJnV0bV9jb250ZW50PW5ld3NsZXR0ZXItSnVseS13b3Jrc2hvcC1yc3ZwJnV0bV9tZWRpdW09cGFpZC1jb21tdW5pdHkmdXRtX3NvdXJjZT1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950765"&gt;AI in Production workshop&lt;/a&gt; on July 9th to give you hands-on experience at debugging AI-integrated applications and agents with full-stack visibility.&lt;/em&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; &lt;span class="token function-variable function" style="color: #9d7dce; font-size: 14px;"&gt;enrichEvents&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;events&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&gt;&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
  &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; metadata &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;usr_789&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;tier&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"premium"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;joined&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"2023-04-01"&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

  &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; enriched &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; events&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;map&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;event&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&gt;&lt;/span&gt;
    &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
      &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;id&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; event&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;id&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
      &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;time&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; event&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;time&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
      &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;user&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; metadata&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;event&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;userId&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
      &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;value&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; event&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;properties&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;totalValue
    &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

  &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;return&lt;/span&gt; enriched&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; events &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;id&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"evt_123"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;time&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"2024-12-10T10:00:00Z"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;userId&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"usr_789"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;properties&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
      &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;totalValue&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;99.99&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

console&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;enrichEvents&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;events&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Cool Bits&lt;/h2&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Sunil Pai and the Cloudflare crew wrote about &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/reh8h9umvl4k64i2/aHR0cHM6Ly9ibG9nLmNsb3VkZmxhcmUuY29tL2Nvbm5lY3QtYW55LXJlYWN0LWFwcGxpY2F0aW9uLXRvLWFuLW1jcC1zZXJ2ZXItaW4tdGhyZWUtbGluZXMtb2YtY29kZS8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950766"&gt;how you can connect any React app to an MCP server in three lines of code&lt;/a&gt; with the &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/08hwhgu2w6vnlefl/aHR0cHM6Ly9naXRodWIuY29tL21vZGVsY29udGV4dHByb3RvY29sL3VzZS1tY3A=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950767"&gt;use-mcp&lt;/a&gt; hook. Props to them for staying productive, even though their personal net worth basically doubled in the past 60 days. &lt;em&gt;(In $NET we trust.)&lt;/em&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Redis built &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/8ghqh3uop6zwrnak/aHR0cHM6Ly9yZWRpcy5pby9scC9nZXQtc3RhcnRlZDEvP3V0bV9jYW1wYWlnbj0yMDI1LTA2LWFwcF9wZXJmb3JtYW5jZS1uZXdzbGV0dGVyLWFkcy1ieXRlcy0zJnV0bV9jb250ZW50PWdldC1zdGFydGVkJnV0bV9tZWRpdW09Y3BhJnV0bV9zb3VyY2U9Ynl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950768"&gt;the world’s fastest data platform&lt;/a&gt; so your AI agents don’t have to sit around waiting for data like it’s 2008. Agent memory, semantic caches, real-time data delivery — all at sub-millisecond speed. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Ernie Smith wrote a cool and historical post on &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/vqh3hmuo39lmw7bg/aHR0cHM6Ly9zcGVjdHJ1bS5pZWVlLm9yZy9qcGVnLWltYWdlLWZvcm1hdC1oaXN0b3J5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950769"&gt;Why JPEGs still rule the web&lt;/a&gt; after 30 years. It gave me new appreciation for the thousands of grainy JPEGs I dig through on cursed forums to find memes for this newsletter.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/m2h7h6u306v24dtm/aHR0cHM6Ly9hc3Ryby5idWlsZC9ibG9nL2FzdHJvLTUxMDAv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950771"&gt;Astro 5.10&lt;/a&gt; comes with experimental live content collections that allow you to fetch content at runtime instead of build time.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;The creator of &lt;code style="font-size: 14px;"&gt;shadcn/ui&lt;/code&gt; (whose given Christian name is shadcn) wrote some interesting and nuanced thoughts on &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/dphehmuew9vdppfm/aHR0cHM6Ly94LmNvbS9zaGFkY24vc3RhdHVzLzE5MzYwODI3MjM5MDQ1NjU0MzU=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950772"&gt;Radix, component libraries, and &lt;code style="font-size: 14px;"&gt;shadcn/ui&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;William Candillon wrote about &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/e0hph0u7w36mrdc8/aHR0cHM6Ly9zaG9waWZ5LmVuZ2luZWVyaW5nL3dlYmdwdS1za2lhLXdlYi1ncmFwaGljcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950773"&gt;the future of React Native graphics&lt;/a&gt; and how WebGPU is changing the game.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Matt Smith wrote about &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/7qh7h2u9p2qdneaz/aHR0cHM6Ly9hbGx0aGluZ3NzbWl0dHkuY29tLzIwMjUvMDYvMTYvdXNpbmctYXdhaXQtYXQtdGhlLXRvcC1sZXZlbC1pbi1lcy1tb2R1bGVzLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950774"&gt;using &lt;code style="font-size: 14px;"&gt;await&lt;/code&gt; at the top level in ES Modules&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/owhkhwuwlmpxqzbv/aHR0cHM6Ly9naXRodWIuY29tL09yYW5nZS1PcGVuU291cmNlL2h1cmw=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950775"&gt;Hurl&lt;/a&gt; is a command line tool that lets you define and run HTTP requests in plain text, which is great for testing and automation. I’d also like to announce that I’ve raised $100 million to build a Hurl-based &lt;del&gt;wrapper&lt;/del&gt; &lt;em&gt;platform&lt;/em&gt; and hired T-Pain to perform at our first conference.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Spot the Bug: Solution&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;&lt;h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/wnh2h6uqv2nm0mc7/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL3NlbnRyeS1idWlsZC8_dXRtX2NhbXBhaWduPWFpLWZ5MjZxMi1haXdvcmtzaG9wJnV0bV9jb250ZW50PW5ld3NsZXR0ZXItSnVseS13b3Jrc2hvcC1yc3ZwJnV0bV9tZWRpdW09cGFpZC1jb21tdW5pdHkmdXRtX3NvdXJjZT1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1757950765"&gt;Sentry&lt;/a&gt;
&lt;/h4&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Most likely your IDE would catch this one for you, but there is a syntax error. The &lt;code style="font-size: 14px;"&gt;map&lt;/code&gt; function is an arrow function that implicitly returns the result of the expression inside the block. In this case, the block is not a valid expression, so the code will throw a syntax error. To fix this, you can wrap the object in parentheses to make it an expression.&lt;/p&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; &lt;span class="token function-variable function" style="color: #9d7dce; font-size: 14px;"&gt;enrichEvents&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;events&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&gt;&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
  &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; metadata &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;usr_789&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;tier&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"premium"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;joined&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"2023-04-01"&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

  &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; enriched &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; events&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;map&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;event&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&gt;&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;id&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; event&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;id&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;time&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; event&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;time&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;user&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; metadata&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;event&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;userId&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;value&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; event&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;properties&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;totalValue&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

  &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;return&lt;/span&gt; enriched&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; events &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;id&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"evt_123"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;time&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"2024-12-10T10:00:00Z"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;userId&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"usr_789"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;properties&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
      &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;totalValue&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;99.99&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
    &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt;
&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;

console&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;enrichEvents&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;events&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;div style="text-align:center;padding-bottom:80px;padding-top:80px"&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"&gt;&lt;div style="margin-top:-40px"&gt;
&lt;img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"&gt;&lt;h5 style="font-size:18px;font-weight:400;margin-bottom:24px"&gt;Want us to say nice things &lt;br&gt; about your company?&lt;/h5&gt;
&lt;div style="margin-bottom:16px"&gt;&lt;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/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/z2hgh7uer2n5m9ap/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1757950776"&gt;Sponsor Bytes&lt;/a&gt;&lt;/div&gt;
&lt;div style="margin-bottom:20px"&gt;&lt;a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/p8hehqu45wmrp3tq/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1757950777"&gt;or share it&lt;/a&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Built with ❤️ by&lt;!-- --&gt; &lt;a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/x0hph3uedvok4ph5/aHR0cHM6Ly91aS5kZXY=" url-id="1757950778"&gt;ui.dev&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;"&gt;50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101&lt;/p&gt;
&lt;div style="font-family:Papyrus, cursive"&gt;&lt;a class="unsubscribe-link" href="https://click.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w/6qhehoul68zx3who/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1757950779"&gt;Unsubscribe from Bytes&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;td style="border-collapse: collapse !important; word-break: normal;"&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;

&lt;span style="display: none"&gt;&lt;a href="https://unsubscribe.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://open.convertkit-mail4.com/n4ugqg6788hvhxo6gd5u6h6pxmgggtlho53w" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
