From abb3c50fe1ddf8a43265e7f3dae627495390ae85 Mon Sep 17 00:00:00 2001
From: Devon Govett <devongovett@gmail.com>
Date: Tue, 18 Nov 2025 11:46:08 -0800
Subject: [PATCH] docs: Fix plant images

---
 packages/dev/s2-docs/.parcelrc-s2-docs               |  3 ++-
 packages/dev/s2-docs/S2DocsNamer.js                  | 12 ++++++++++++
 .../s2-docs/pages/react-aria/examples/plants/App.tsx |  2 +-
 packages/dev/s2-docs/src/CodeBlock.tsx               |  2 +-
 4 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 packages/dev/s2-docs/S2DocsNamer.js

diff --git a/packages/dev/s2-docs/.parcelrc-s2-docs b/packages/dev/s2-docs/.parcelrc-s2-docs
index 14b1fa12c78..079f9cee00d 100644
--- a/packages/dev/s2-docs/.parcelrc-s2-docs
+++ b/packages/dev/s2-docs/.parcelrc-s2-docs
@@ -21,5 +21,6 @@
   },
   "packagers": {
     "*.json": "parcel-packager-docs"
-  }
+  },
+  "namers": ["./S2DocsNamer.js", "..."]
 }
diff --git a/packages/dev/s2-docs/S2DocsNamer.js b/packages/dev/s2-docs/S2DocsNamer.js
new file mode 100644
index 00000000000..47b27087d7b
--- /dev/null
+++ b/packages/dev/s2-docs/S2DocsNamer.js
@@ -0,0 +1,12 @@
+const {Namer} = require('@parcel/plugin');
+const path = require('path');
+
+module.exports = new Namer({
+  name({bundle}) {
+    // Content hashing plant images messes up RSC parsing, and we don't expect these to ever change.
+    let asset = bundle.getMainEntry();
+    if (asset && asset.filePath.startsWith(path.join(__dirname, 'pages/react-aria/examples/plants/plants'))) {
+      return 'assets/plants/' + path.basename(asset.filePath);
+    }
+  }
+});
diff --git a/packages/dev/s2-docs/pages/react-aria/examples/plants/App.tsx b/packages/dev/s2-docs/pages/react-aria/examples/plants/App.tsx
index e167647027c..f0476177764 100644
--- a/packages/dev/s2-docs/pages/react-aria/examples/plants/App.tsx
+++ b/packages/dev/s2-docs/pages/react-aria/examples/plants/App.tsx
@@ -121,7 +121,7 @@ export default function App(): React.ReactNode {
   };
 
   return (
-    <div className="h-full flex flex-col gap-4 p-4 max-w-[600px] mx-auto">
+    <div className="flex flex-col gap-4 p-4 max-w-[600px] mx-auto">
       <div className="grid grid-cols-[1fr_auto_auto] sm:grid-cols-[1.1fr_auto_auto_1fr_auto] gap-2 items-end">
         <SearchField
           aria-label="Search"
diff --git a/packages/dev/s2-docs/src/CodeBlock.tsx b/packages/dev/s2-docs/src/CodeBlock.tsx
index 78cde6de64e..41105ac7069 100644
--- a/packages/dev/s2-docs/src/CodeBlock.tsx
+++ b/packages/dev/s2-docs/src/CodeBlock.tsx
@@ -1,5 +1,5 @@
 // @ts-ignore
-import assets from 'url:../pages/**/*.{png,jpg,svg}';
+import assets from 'url:../pages/**/*.{png,jpg,svg}' with {env: 'react-client'};
 import {cache, ReactNode} from 'react';
 import {Code, ICodeProps} from './Code';
 import {CodePlatter, FileProvider, Pre} from './CodePlatter';