fix(astro): Pre-bundle client dependency for exported control compone…

…nts (#4131)
clerk · Sep 10, 2024 · 4020ead · 4020ead
1 parent 8c6909d
commit 4020ead
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/.changeset/thirty-hotels-buy.md b/.changeset/thirty-hotels-buy.md
@@ -0,0 +1,5 @@
+---
+"@clerk/astro": patch
+---
+
+Fixes an issue where control components in client-side rendered apps are always hidden.
diff --git a/packages/astro/src/integration/vite-plugin-astro-config.ts b/packages/astro/src/integration/vite-plugin-astro-config.ts
@@ -20,6 +20,13 @@ export function vitePluginAstroConfig(astroConfig: AstroConfig): VitePlugin {
         return resolvedVirtualModuleId;
       }
     },
+    config(config) {
+      // While Astro processes <script> tags by default, our control components
+      // which uses <script> tags and imports nanostores will not be processed by Astro.
+      // This ensures @clerk/astro/client is properly processed and bundled,
+      // resolving runtime import issues in these components.
+      config.optimizeDeps?.include?.push('@clerk/astro/client');
+    },
     load(id) {
       if (id === resolvedVirtualModuleId) {
         return `