From 2f9b041520e5d346f1d1b771d91a88c8a021ef9d Mon Sep 17 00:00:00 2001
From: Greg Brimble <gbrimble@cloudflare.com>
Date: Tue, 29 Apr 2025 11:09:43 -0400
Subject: [PATCH] Dynamic

---
 src/components/WranglerConfig.astro             |  1 +
 .../style-guide/components/wrangler-config.mdx  | 17 +++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/src/components/WranglerConfig.astro b/src/components/WranglerConfig.astro
index 2c671554010fb63..f000cab0a228fd3 100644
--- a/src/components/WranglerConfig.astro
+++ b/src/components/WranglerConfig.astro
@@ -25,6 +25,7 @@ if (!code) {
 }
 
 code = code.replace(/\u007f/g, "\n");
+code = code.replaceAll(/\$today/gi, new Date().toISOString().split("T")[0]);
 
 const language =
 	html.querySelector("[data-language]")?.attributes["data-language"];
diff --git a/src/content/docs/style-guide/components/wrangler-config.mdx b/src/content/docs/style-guide/components/wrangler-config.mdx
index 700e8c008bc757e..f6d2d0bb7c2e3f3 100644
--- a/src/content/docs/style-guide/components/wrangler-config.mdx
+++ b/src/content/docs/style-guide/components/wrangler-config.mdx
@@ -27,3 +27,20 @@ database_id = "<unique-ID-for-your-database>"
 </WranglerConfig>
 
 ````
+
+A `$today` value can be used in this component to automatically insert the today's date. This is useful for suggesting that users set the latest compatibility date.
+
+
+````mdx live
+import { WranglerConfig } from "~/components";
+
+<WranglerConfig>
+```jsonc
+{
+	"name": "my-worker",
+	"compatibility_date": "$today"
+}
+```
+</WranglerConfig>
+
+````
\ No newline at end of file