fix(integration api): improve module resolution (#10060)

* fix(integration api): improve module resolution

* add changeset

.changeset/tough-shirts-allow.md

@@ -0,0 +1,5 @@
+---
+"astro": patch
+---
+
+Fixes an issue where custom client directives added by integrations broke builds with a custom root.

packages/astro/src/core/client-directive/build.ts

@@ -1,9 +1,10 @@
 import { build } from 'esbuild';
+import { fileURLToPath } from 'node:url';
 
 /**
  * Build a client directive entrypoint into code that can directly run in a `<script>` tag.
  */
-export async function buildClientDirectiveEntrypoint(name: string, entrypoint: string) {
+export async function buildClientDirectiveEntrypoint(name: string, entrypoint: string, root: URL) {
 	const stringifiedName = JSON.stringify(name);
 	const stringifiedEntrypoint = JSON.stringify(entrypoint);
 
@@ -17,9 +18,9 @@ import directive from ${stringifiedEntrypoint};
 (self.Astro || (self.Astro = {}))[${stringifiedName}] = directive;
 
 window.dispatchEvent(new Event('astro:' + ${stringifiedName}));`,
-			resolveDir: process.cwd(),
+			resolveDir: fileURLToPath(root),
 		},
-		absWorkingDir: process.cwd(),
+		absWorkingDir: fileURLToPath(root),
 		format: 'iife',
 		minify: true,
 		bundle: true,

packages/astro/src/integrations/index.ts

@@ -153,7 +153,8 @@ export async function runHookConfigSetup({
 							`The "${integration.name}" integration is trying to add the "${name}" client directive, but it already exists.`
 						);
 					}
-					addedClientDirectives.set(name, buildClientDirectiveEntrypoint(name, entrypoint));
+					// TODO: this should be performed after astro:config:done
+					addedClientDirectives.set(name, buildClientDirectiveEntrypoint(name, entrypoint, settings.config.root));
 				},
 				addMiddleware: ({ order, entrypoint }) => {
 					if (typeof updatedSettings.middlewares[order] === 'undefined') {