Merge branch 'main' into api-routes

.gitignore

@@ -14,4 +14,8 @@ haters/
 .sentryclirc
 transcripts-flagged/
 
-test-results
+test-results
+.vercel
+.env
+.svelte-kit
+.sentryclirc

shows/508 - supperclub.md

@@ -1,6 +1,6 @@
 ---
 number: 508
-title: Supper Club × The Primeagan - Vim, Streaming, Rust, all Around Interesting Guy
+title: Supper Club × The Primeagen - Vim, Streaming, Rust, all Around Interesting Guy
 date: 1662724800226
 url: https://traffic.libsyn.com/syntax/Syntax_-_508.mp3
 guest:
@@ -12,7 +12,7 @@ guest:
     - https://www.twitch.tv/ThePrimeagen
 ---
 
-In this supper club episode of Syntax, Wes and Scott talk with The Primeagan about his streaming set up, how he decides what to stream, why he makes the kind of content he does, and why he loves Vim.
+In this supper club episode of Syntax, Wes and Scott talk with The Primeagen about his streaming set up, how he decides what to stream, why he makes the kind of content he does, and why he loves Vim.
 
 ## Hasura - Sponsor
 

shows/616 - adam CSS.md

@@ -39,6 +39,7 @@ In this supper club episode of Syntax, Wes and Scott talk with Adam Argyle about
 * **[33:06](#t=33:06)** Cascade layers
 * **[34:40](#t=34:40)** CSS Nesting
 * **[38:03](#t=38:03)** Animate discrete properties
+* [Feature: Transitions on specified discrete properties](https://chromestatus.com/feature/5071230636392448)
 * **[39:42](#t=39:42)** Linear function
 * [Linear easing generator](https://linear-easing-generator.netlify.app/)
 * **[41:33](#t=41:33)** Media query range syntax

shows/624 - tasty typescript.md

@@ -49,6 +49,6 @@ In this episode of Syntax, Wes and Scott use the fact that Svelte is being conve
 * [Wes' Facebook](https://www.facebook.com/wesbos.developer)
 * [Scott's Twitter](https://twitter.com/stolinski)
 * Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets
-* [Wes Bos on Bluesky](https://bsky.app/profile/syntax.fm/wesbos.com)
+* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)
 * [Scott on Bluesky](https://bsky.app/profile/tolin.ski)
 * [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)

shows/643 - Supper with Jake.md

@@ -5,7 +5,7 @@ date: 1689940800938
 url: https://traffic.libsyn.com/syntax/Syntax_-_643.mp3
 ---
 
-In this supper club episode of Syntax, Wes and Scott talk with Jake Champion about his work with Fastly and Polyfill, the difference between WASY and WASM, what Winter CG is, and what makes Fastly different.
+In this supper club episode of Syntax, Wes and Scott talk with Jake Champion about his work with Fastly and Polyfill, the difference between WASI and WASM, what Winter CG is, and what makes Fastly different.
 
 ## Show Notes
 
@@ -23,7 +23,7 @@ In this supper club episode of Syntax, Wes and Scott talk with Jake Champion abo
 * **[16:29](#t=16:29)** What is Winter CG compliance?
 * [Winter CG proposal](https://github.com/wintercg/proposal-common-minimum-api)
 * **[17:55](#t=17:55)** What about node API's being in platforms
-* **[21:18](#t=21:18)** What is WASY vs WASM?
+* **[21:18](#t=21:18)** What is WASI vs WASM?
 * **[24:37](#t=24:37)** Who is Web Assembly for?
 * **[31:34](#t=31:34)** Is there anything WASM is not good for?
 * **[41:39](#t=41:39)** What makes the Fastly runtime different from others

shows/651 - Tasty Potluck.md

@@ -0,0 +1,62 @@
+---
+number: 651
+title: Potluck × Is TypeScript Fancy Duct Tape × Back Pain × Cloud Service Rate Limits
+date: 1691582400184
+url: https://traffic.libsyn.com/syntax/Syntax_-_651.mp3
+---
+
+In this potluck episode of Syntax, Wes and Scott answer your questions about TypeScript just being fancy duct tape, dealing with back pain while coding, rate limits on cloud services, what to use for email provider, is Firebase a legit platform, and more!
+
+## Show Notes
+
+* **[00:11](#t=00:11)** Welcome
+* **[03:11](#t=03:11)** The Sunday scaries
+* **[06:03](#t=06:03)** Is TypeSctipt just a bunch of fancy Duck Tape?
+* [Is TypeScript saving us?](https://stackblitz.com/edit/typescript-xddko7?file=index.ts,index.html)
+* **[12:29](#t=12:29)** How do you go years into programming without back pain?
+* [Hasty Treat - Stretching For Developers with Scott — Syntax Podcast 293](https://syntax.fm/show/293/hasty-treat-stretching-for-developers-with-scott)
+* **[23:51](#t=23:51)** Why don’t cloud services provide an option to shut off services when a spending limit is reached?
+* [DigitalOcean | Cloud Hosting for Builders](https://www.digitalocean.com/)
+* [Vercel: Develop. Preview. Ship. For the best frontend teams](https://vercel.com/)
+* **[28:41](#t=28:41)** How do you choose a CSS library for any project?
+* [The most advanced responsive front-end framework in the world. | Foundation](https://get.foundation/)
+* [960 Grid System](https://960.gs/)
+* **[38:26](#t=38:26)** What's happening to Level Up Tuts?
+* [Level Up Tutorials - Learn modern web development](https://levelup.video/)
+* [Wheels - Skateboard Wheels - 60mm Cali Roll - Shark Wheel](https://sharkwheel.com/wheels/skateboard-wheels/60mm-cali-roll/)
+* **[43:43](#t=43:43)** Not a sponsored Yeti spot
+* **[45:16](#t=45:16)** What do you do for email hosting?
+* [Google Workspace](https://workspace.google.com/lp/business/)
+* [TechSoup Canada](https://www.techsoup.ca/more-nonprofit-deals)
+* [Proton Mail: Get a private, secure, and encrypted email account](https://proton.me/mail)
+* [Outlook](https://outlook.live.com/owa/)
+* [Microsoft 365 Plans](https://www.microsoft.com/en-ca/microsoft-365/business/compare-all-microsoft-365-business-products)
+* [Scheduling Software Everyone Will Love · SavvyCal](https://savvycal.com/)
+* [Synology Photos](https://www.synology.com/en-global/dsm/feature/photos)
+* **[50:34](#t=50:34)** Is Firebase ok to run an app long term with?
+* [Firebase](https://firebase.google.com/)
+* **[58:57](#t=58:57)** Am I wrong to not do productive work intensely?
+* **[01:34](#t=01:34)** SIIIIICK ××× PIIIICKS ×××
+
+## ××× SIIIIICK ××× PIIIICKS ×××
+
+* Scott: [MagSafe Charger, Anker 3-in-1 Cube with MagSafe](https://www.amazon.com/dp/B09TT8GZK9?linkCode=sl1&linkId=b868e82b9d8d18e560d2cb96bf83e2d0&language=en_US)
+* Wes: [6amLifestyle Headphone Hanger Stand Under Desk](https://www.amazon.ca/dp/B01LL3WG1U?keywords=aluminum+headphone+hook&sprefix=headphone+hook+al,aps,130&language=en_US&sr=8-8&linkCode=gs2&linkId=acb6afc9455dd8a4e8570e525546d42d&tag=isi777-20)
+
+## Shameless Plugs
+
+* Scott: [Sentry](https://sentry.io)
+* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)
+
+## Tweet us your tasty treats
+
+* [Scott's Instagram](https://www.instagram.com/stolinski/)
+* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)
+* [Wes' Instagram](https://www.instagram.com/wesbos/)
+* [Wes' Twitter](https://twitter.com/wesbos)
+* [Wes' Facebook](https://www.facebook.com/wesbos.developer)
+* [Scott's Twitter](https://twitter.com/stolinski)
+* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets
+* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)
+* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)
+* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)

shows/652 - Supper.md

@@ -0,0 +1,62 @@
+---
+number: 652
+title: Supper Club × Flightcontrol with Brandon Bayer
+date: 1691755200455
+url: https://traffic.libsyn.com/syntax/Syntax_-_652.mp3
+---
+
+Can you have a Vercel like experience on your own AWS? Scott and Wes talk with Brandon Bayer about Flightcontrol - what it is, how to use it on your app, pricing, and more.
+
+## Show Notes
+
+* **[00:32](#t=00:32)** Welcome
+* **[01:28](#t=01:28)** Who is Brandon Bayer?
+* [Brandon 🚀 Flightcontrol (@flybayer) / X](https://twitter.com/flybayer?lang=en)
+* [Flightcontrol (@Flightcontrolhq) / X](https://twitter.com/flightcontrolhq)
+* [Blitz.js - The Missing Fullstack Toolkit for Next.js](https://blitzjs.com/)
+* [Flightcontrol — AWS Without Pain](https://www.flightcontrol.dev/)
+* [Tailwind Connect 2023 | Tailwind CSS Live Event](https://connect.tailwindcss.com/)
+* **[03:00](#t=03:00)** How do you fly?
+* **[06:10](#t=06:10)** What is Flightcontrol?
+* **[10:00](#t=10:00)** Why doesn't Amazon make it easier?
+* **[11:34](#t=11:34)** Which parts of the AWS stack should I use?
+* **[15:08](#t=15:08)** Creating the infrastructure
+* **[19:01](#t=19:01)** Ongoing deployment
+* **[20:05](#t=20:05)** What languages does Flightcontrol support?
+* **[23:35](#t=23:35)** How are events or cron handled?
+* **[25:24](#t=25:24)** What is Temporal?
+* [Open Source Durable Execution Platform | Temporal Technologies](https://temporal.io/)
+* **[29:05](#t=29:05)** What are Nixpacks?
+* [GitHub - railwayapp/nixpacks: App source + Nix packages + Docker = Image](https://github.com/railwayapp/nixpacks)
+* **[35:50](#t=35:50)** How is Flightcontrol priced?
+* [How To Get Free AWS Credits - Flightcontrol](https://www.flightcontrol.dev/docs/guides/aws/aws-credits)
+* **[44:44](#t=44:44)** How does Flightcontrol help with scaling?
+* [Serverless Compute Engine – AWS Fargate – AWS](https://aws.amazon.com/fargate/)
+* **[46:11](#t=46:11)** What are your thoughts on ReactJS, Server components?
+* **[49:57](#t=49:57)** Supper Club questions
+* [Keychron K3 Ultra-slim Wireless Mechanical Keyboard (Version 2)](https://keychron.ca/products/keychron-k3-wireless-mechanical-keyboard)
+* [Learn to Code - for Free | Codecademy](https://www.codecademy.com/)
+* **[57:20](#t=57:20)** SIIIIICK ××× PIIIICKS ×××
+
+## ××× SIIIIICK ××× PIIIICKS ×××
+
+* [EAA AirVenture Oshkosh | Oshkosh, Wisconsin | Fly-In & Convention](https://www.eaa.org/airventure)
+* [Ko Tao](https://en.wikipedia.org/wiki/Ko_Tao)
+* [Ko Lanta Yai](https://en.wikipedia.org/wiki/Ko_Lanta_Yai)
+
+## Shameless Plugs
+
+* [Flightcontrol — AWS Without Pain](https://www.flightcontrol.dev/)
+
+## Tweet us your tasty treats
+
+* [Scott's Instagram](https://www.instagram.com/stolinski/)
+* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)
+* [Wes' Instagram](https://www.instagram.com/wesbos/)
+* [Wes' Twitter](https://twitter.com/wesbos)
+* [Wes' Facebook](https://www.facebook.com/wesbos.developer)
+* [Scott's Twitter](https://twitter.com/stolinski)
+* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets
+* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)
+* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)
+* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)

shows/653 - Decorators.md

@@ -0,0 +1,101 @@
+---
+number: 653
+title: JS Fundamentals - Decorators
+date: 1692014400681
+url: https://traffic.libsyn.com/syntax/Syntax_-_653.mp3
+---
+
+In this Hasty Treat, Scott and Wes talk about whether decorators are finally here, what the uses cases are for decorators, how to define a decorator, and what auto accessor is.
+
+## Show Notes
+
+* **[00:25](#t=00:25)** Welcome
+* **[01:00](#t=01:00)** Are decorators finally here?
+* [TC39 proposal](https://github.com/tc39/proposal-decorators/blob/master/EXTENSIONS.md)
+* [How this compares to other versions of decorators](https://github.com/tc39/proposal-decorators#how-does-this-proposal-compare-to-other-versions-of-decorators)
+* **[06:47](#t=06:47)** What are use cases for decorators?
+* **[10:55](#t=10:55)** How do you define a decorator?
+* **[14:20](#t=14:20)** Auto Accessor
+
+on classes
+
+```
+@loggged
+class C {}
+```
+
+on fields
+
+```
+class C {
+@logged x = 1;
+}
+```
+
+Auto Accessor
+
+```
+class C {
+  accessor x = 1;
+}
+```
+
+sugar for below
+
+```
+class C {
+  #x = 1; // # means private
+
+  get x() {
+    return this.#x;
+  }
+
+  set x(val) {
+    this.#x = val;
+  }
+}
+```
+
+Can be decorated and decorator can return new get and set and init functions
+
+```
+function logged(value, { kind, name }) {
+  if (kind === "accessor") {
+    let { get, set } = value;
+
+    return {
+      get() {
+        console.log(`getting ${name}`);
+
+        return get.call(this);
+      },
+
+      set(val) {
+        console.log(`setting ${name} to ${val}`);
+
+        return set.call(this, val);
+      },
+
+      init(initialValue) {
+        console.log(`initializing ${name} with value ${initialValue}`);
+        return initialValue;
+      }
+    };
+  }
+
+  // ...
+}
+```
+
+## Tweet us your tasty treats
+
+* [Scott's Instagram](https://www.instagram.com/stolinski/)
+* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)
+* [Wes' Instagram](https://www.instagram.com/wesbos/)
+* [Wes' Twitter](https://twitter.com/wesbos)
+* [Wes' Facebook](https://www.facebook.com/wesbos.developer)
+* [Scott's Twitter](https://twitter.com/stolinski)
+* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets
+* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)
+* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)
+* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)

shows/654 - Tasty.md

@@ -0,0 +1,53 @@
+---
+number: 654
+title: 6 or so New Approved and Proposed JavaScript APIs
+date: 1692187200499
+url: https://traffic.libsyn.com/syntax/Syntax_-_654.mp3
+---
+
+In this episode of Syntax, Wes and Scott talk about new approved and proposed JavaScript API changes including Promise.withResolvers, .at(), Immutable Array Methods, Array.fromAsync, and more.
+
+## Show Notes
+
+* **[00:10](#t=00:10)** Welcome
+* **[04:55](#t=04:55)** What are we going to cover?
+* **[06:10](#t=06:10)** Promise.withResolvers
+* **[09:40](#t=09:40)** .at()
+* [You probably knew about JavaScript's new .at() method for accessing array items. Did you know it works for strings too?](https://twitter.com/wesbos/status/1684964556542550031)
+* [@IAmAndrewLuca](https://twitter.com/iamandrewluca)
+* **[15:59](#t=15:59)** Immutable Array Methods
+* [Wes Bos: "🔥 Pretty excited about the new JavaScript non-mutating array methods. Currently in stage 3. .toReversed() .toSorted() .toSpliced() - remove items .with() - replace items](https://twitter.com/wesbos/status/1593271021557239809)
+* **[21:48](#t=21:48)** Array.fromAsync
+* [Proposal for array.fromAsync](https://github.com/tc39/proposal-array-from-async)
+* **[27:15](#t=27:15)** Array Grouping
+* [Proposal for Array grouping](https://github.com/tc39/proposal-array-grouping)
+* **[31:04](#t=31:04)** Observable Events?
+* [Observable Events?](https://github.com/domfarolino/observable)
+* **[35:28](#t=35:28)** Import Attributes
+* **[39:21](#t=39:21)** v.emplace method
+* **[41:15](#t=41:15)** Decorators
+* [Proposal for Pattern Matching](https://github.com/tc39/proposal-pattern-matching)
+* **[45:42](#t=45:42)** SIIIIICK ××× PIIIICKS ×××
+
+## ××× SIIIIICK ××× PIIIICKS ×××
+
+* Scott: [Artifact.news](https://artifact.news/)
+* Wes: LED lights for bikes
+
+## Shameless Plugs
+
+* Scott: [Sentry](https://sentry.io)
+* Wes: [Wes Bos Tutorials](https://wesbos.com/courses)
+
+## Tweet us your tasty treats
+
+* [Scott's Instagram](https://www.instagram.com/stolinski/)
+* [LevelUpTutorials Instagram](https://www.instagram.com/LevelUpTutorials/)
+* [Wes' Instagram](https://www.instagram.com/wesbos/)
+* [Wes' Twitter](https://twitter.com/wesbos)
+* [Wes' Facebook](https://www.facebook.com/wesbos.developer)
+* [Scott's Twitter](https://twitter.com/stolinski)
+* Make sure to include [@SyntaxFM](https://twitter.com/SyntaxFM) in your tweets
+* [Wes Bos on Bluesky](https://bsky.app/profile/wesbos.com)
+* [Scott on Bluesky](https://bsky.app/profile/tolin.ski)
+* [Syntax on Bluesky](https://bsky.app/profile/syntax.fm)