feat: add staticDir setting (#117)

---------

Co-authored-by: Geoff Rich <[email protected]>

Author: bertybot

README.md

@@ -111,6 +111,25 @@ custom/
 
 Also note that the adapter reserves the folder prefix `sk_render` and API route prefix `__render` for Azure functions generated by the adapter. So, if you use a custom API directory, you cannot have any other folder starting with `sk_render` or functions available at the `__render` route, since these will conflict with the adapter's Azure functions.
 
+### staticDir
+
+The directory where the static assets will be placed. Most of the time, you shouldn't need to set this.
+
+By default, the adapter will output the static JS, CSS and HTML files to the `build/static` folder. If you want to output it to a different directory instead you can set this option.
+
+```js
+import azure from 'svelte-adapter-azure-swa';
+
+export default {
+	kit: {
+		...
+		adapter: azure({
+			staticDir: 'custom/static'
+		})
+	}
+};
+```
+
 ### customStaticWebAppConfig
 
 An object containing additional Azure SWA [configuration options](https://docs.microsoft.com/en-us/azure/static-web-apps/configuration). This will be merged with the `staticwebapp.config.json` generated by the adapter.

index.d.ts

@@ -10,6 +10,7 @@ export type Options = {
 	customStaticWebAppConfig?: CustomStaticWebAppConfig;
 	esbuildOptions?: Pick<esbuild.BuildOptions, 'external'>;
 	apiDir?: string;
+	staticDir?: string;
 };
 
 export default function plugin(options?: Options): Adapter;

index.js

@@ -48,7 +48,8 @@ export default function ({
 	debug = false,
 	customStaticWebAppConfig = {},
 	esbuildOptions = {},
-	apiDir: customApiDir = undefined
+	apiDir: customApiDir = undefined,
+	staticDir: customStaticDir = undefined
 } = {}) {
 	return {
 		name: 'adapter-azure-swa',
@@ -65,7 +66,7 @@ Please see the PR for migration instructions: https://github.com/geoffrich/svelt
 
 			const tmp = builder.getBuildDirectory('azure-tmp');
 			const publish = 'build';
-			const staticDir = join(publish, 'static');
+			const staticDir = customStaticDir || join(publish, 'static');
 			const apiDir = customApiDir || join(publish, 'server');
 			const functionDir = join(apiDir, 'sk_render');
 			const entry = `${tmp}/entry.js`;

test/index.test.js

@@ -81,6 +81,15 @@ describe('adapt', () => {
 		expect(builder.copy).not.toBeCalledWith(expect.stringContaining('api'), 'custom/api');
 	});
 
+	test('writes to custom static directory', async () => {
+		vi.mocked(existsSync).mockImplementationOnce(() => false);
+		const adapter = azureAdapter({ staticDir: 'custom/static' });
+		const builder = getMockBuilder();
+		await adapter.adapt(builder);
+		expect(builder.writeClient).toBeCalledWith('custom/static');
+		expect(builder.writePrerendered).toBeCalledWith('custom/static');
+	});
+
 	test('logs warning when custom api directory set and required file does not exist', async () => {
 		vi.mocked(existsSync).mockImplementationOnce(() => false);
 		const adapter = azureAdapter({ apiDir: 'custom/api' });