Revert "fix custom assetFileNames issue (#12449)" (#12746)

* Revert "fix custom `assetFileNames` issue (#12449)"

This reverts commit e6b8017.

This change caused source maps to be left in the client folder, exposing them into the server.

* Add changeset

Author: matthewp

.changeset/loud-emus-look.md

@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Remove all assets created from the server build

packages/astro/src/core/build/index.ts

@@ -205,7 +205,7 @@ class AstroBuilder {
 			key: keyPromise,
 		};
 
-		const { internals, ssrOutputChunkNames, ssrOutputAssetNames, contentFileNames } =
+		const { internals, ssrOutputChunkNames, contentFileNames } =
 			await viteBuild(opts);
 
 		const hasServerIslands = this.settings.serverIslandNameMap.size > 0;
@@ -214,7 +214,7 @@ class AstroBuilder {
 			throw new AstroError(AstroErrorData.NoAdapterInstalledServerIslands);
 		}
 
-		await staticBuild(opts, internals, ssrOutputChunkNames, ssrOutputAssetNames, contentFileNames);
+		await staticBuild(opts, internals, ssrOutputChunkNames, contentFileNames);
 
 		// Write any additionally generated assets to disk.
 		this.timer.assetsStart = performance.now();

packages/astro/src/core/build/static-build.ts

@@ -104,26 +104,21 @@ export async function viteBuild(opts: StaticBuildOptions) {
 	// For static builds, the SSR output won't be needed anymore after page generation.
 	// We keep track of the names here so we only remove these specific files when finished.
 	const ssrOutputChunkNames: string[] = [];
-	const ssrOutputAssetNames: string[] = [];
 	for (const output of ssrOutputs) {
 		for (const chunk of output.output) {
 			if (chunk.type === 'chunk') {
 				ssrOutputChunkNames.push(chunk.fileName);
 			}
-			if (chunk.type === 'asset') {
-				ssrOutputAssetNames.push(chunk.fileName);
-			}
 		}
 	}
 
-	return { internals, ssrOutputChunkNames, ssrOutputAssetNames, contentFileNames };
+	return { internals, ssrOutputChunkNames, contentFileNames };
 }
 
 export async function staticBuild(
 	opts: StaticBuildOptions,
 	internals: BuildInternals,
 	ssrOutputChunkNames: string[],
-	ssrOutputAssetNames: string[],
 	contentFileNames?: string[],
 ) {
 	const { settings } = opts;
@@ -136,7 +131,7 @@ export async function staticBuild(
 		settings.timer.start('Server generate');
 		await generatePages(opts, internals);
 		await cleanStaticOutput(opts, internals);
-		await ssrMoveAssets(opts, ssrOutputAssetNames);
+		await ssrMoveAssets(opts);
 		settings.timer.end('Server generate');
 	}
 }
@@ -417,21 +412,28 @@ export async function copyFiles(fromFolder: URL, toFolder: URL, includeDotfiles
 	);
 }
 
-async function ssrMoveAssets(opts: StaticBuildOptions, ssrOutputAssetNames: string[]) {
+async function ssrMoveAssets(opts: StaticBuildOptions) {
 	opts.logger.info('build', 'Rearranging server assets...');
 	const serverRoot =
 		opts.settings.buildOutput === 'static'
 			? opts.settings.config.build.client
 			: opts.settings.config.build.server;
 	const clientRoot = opts.settings.config.build.client;
-	if (ssrOutputAssetNames.length > 0) {
+	const assets = opts.settings.config.build.assets;
+	const serverAssets = new URL(`./${assets}/`, appendForwardSlash(serverRoot.toString()));
+	const clientAssets = new URL(`./${assets}/`, appendForwardSlash(clientRoot.toString()));
+	const files = await glob(`**/*`, {
+		cwd: fileURLToPath(serverAssets),
+	});
+
+	if (files.length > 0) {
 		await Promise.all(
-			ssrOutputAssetNames.map(async function moveAsset(filename) {
-				const currentUrl = new URL(filename, appendForwardSlash(serverRoot.toString()));
-				const clientUrl = new URL(filename, appendForwardSlash(clientRoot.toString()));
+			files.map(async function moveAsset(filename) {
+				const currentUrl = new URL(filename, appendForwardSlash(serverAssets.toString()));
+				const clientUrl = new URL(filename, appendForwardSlash(clientAssets.toString()));
 				const dir = new URL(path.parse(clientUrl.href).dir);
 				// It can't find this file because the user defines a custom path
-				// that includes the folder paths in `assetFileNames`
+				// that includes the folder paths in `assetFileNames
 				if (!fs.existsSync(dir)) await fs.promises.mkdir(dir, { recursive: true });
 				return fs.promises.rename(currentUrl, clientUrl);
 			}),

packages/astro/test/custom-assets-name.test.js

@@ -2,7 +2,7 @@ import assert from 'node:assert/strict';
 import { before, describe, it } from 'node:test';
 import { loadFixture } from './test-utils.js';
 
-describe('custom assets name function', () => {
+describe('custom the assets name function', () => {
 	/** @type {import('./test-utils').Fixture} */
 	let fixture;
 
@@ -14,15 +14,9 @@ describe('custom assets name function', () => {
 		await fixture.build();
 	});
 
-	it('should load CSS file from custom client assets path', async () => {
-		const files = await fixture.readdir('/client/assets/css');
-		const cssFile = files.find((file) => file === 'a.css');
-		assert.ok(cssFile, 'Expected CSS file to exist at client/assets/css/a.css');
-	});
-
-	it('should load image file from custom client assets path', async () => {
-		const files = await fixture.readdir('/client/imgAssets');
-		const imgFile = files.find((file) => file === 'penguin1.jpg');
-		assert.ok(imgFile, 'Expected image file to exist at client/imgAssets/penguin1.jpg');
+	it('It cant find this file cause the node throws an error if the users custom a path that includes the folder path', async () => {
+		const csslength = await fixture.readFile('client/assets/css/a.css');
+		/** @type {Set<string>} */
+		assert.equal(!!csslength, true);
 	});
 });

packages/astro/test/fixtures/custom-assets-name/astro.config.mjs

@@ -18,14 +18,14 @@ export default defineConfig({
             const { ext, dir, base } = path.parse(option.name);
 
             if (ext == ".css") return path.join(dir, "assets/css", 'a.css');
-            return "imgAssets/[name].[ext]";
+            return "assets/img/[name].[ext]";
           }
         }
       }
     }
   },
   build: {
-    assets: 'assetsDir'
+    assets: 'assets'
   },
   output: "server",
   adapter: node({

packages/astro/test/fixtures/custom-assets-name/src/images/penguin1.jpg

@@ -1,6 +1,5 @@
 ---
 const title = 'My App';
-import p1Url from '../images/penguin1.jpg';
 ---
 
 <html>
@@ -9,7 +8,6 @@ import p1Url from '../images/penguin1.jpg';
 </head>
 <body>
   <h1>{title}</h1>
-	<img src={p1Url.src}/>
 </body>
 </html>