@sveltejs/adapter-netlify 1.0.0-next.5 → 1.0.0-next.52

package/index.d.ts

@@ -0,0 +1,5 @@
+import { Adapter } from '@sveltejs/kit';
+
+declare function plugin(opts?: { split?: boolean; edge?: boolean }): Adapter;
+
+export = plugin;

package/index.js

@@ -1,65 +1,314 @@
-const { existsSync, readFileSync, copyFileSync, writeFileSync, renameSync } = require('fs');
-const { resolve } = require('path');
-const toml = require('toml');
+import { appendFileSync, existsSync, readFileSync, writeFileSync } from 'fs';
+import { join, resolve, posix } from 'path';
+import { fileURLToPath } from 'url';
+import glob from 'tiny-glob/sync.js';
+import esbuild from 'esbuild';
+import toml from '@iarna/toml';
 
-module.exports = function () {
-	/** @type {import('@sveltejs/kit').Adapter} */
-	const adapter = {
+/**
+ * @typedef {{
+ *   build?: { publish?: string }
+ *   functions?: { node_bundler?: 'zisi' | 'esbuild' }
+ * } & toml.JsonMap} NetlifyConfig
+ */
+
+/**
+ * @typedef {{
+ *	 functions: Array<
+ *		 | {
+ *				 function: string;
+ *				 path: string;
+ *		   }
+ *		 | {
+ *				 function: string;
+ *				 pattern: string;
+ *		   }
+ *	 >;
+ *	 version: 1;
+ *	 }} HandlerManifest
+ */
+
+const files = fileURLToPath(new URL('./files', import.meta.url).href);
+const src = fileURLToPath(new URL('./src', import.meta.url).href);
+const edgeSetInEnvVar =
+	process.env.NETLIFY_SVELTEKIT_USE_EDGE === 'true' ||
+	process.env.NETLIFY_SVELTEKIT_USE_EDGE === '1';
+
+/** @type {import('.')} */
+export default function ({ split = false, edge = edgeSetInEnvVar } = {}) {
+	return {
 		name: '@sveltejs/adapter-netlify',
 
-		async adapt(utils) {
-			let netlify_config;
+		async adapt(builder) {
+			const netlify_config = get_netlify_config();
+
+			// "build" is the default publish directory when Netlify detects SvelteKit
+			const publish = get_publish_directory(netlify_config, builder) || 'build';
+
+			// empty out existing build directories
+			builder.rimraf('.netlify/edge-functions');
+			builder.rimraf('.netlify/functions-internal');
+			builder.rimraf('.netlify/server');
+			builder.rimraf('.netlify/package.json');
+			builder.rimraf('.netlify/handler.js');
+
+			builder.log.minor(`Publishing to "${publish}"`);
+
+			// for esbuild, use ESM
+			// for zip-it-and-ship-it, use CJS until https://github.com/netlify/zip-it-and-ship-it/issues/750
+			const esm = netlify_config?.functions?.node_bundler === 'esbuild';
 
-			if (existsSync('netlify.toml')) {
-				try {
-					netlify_config = toml.parse(readFileSync('netlify.toml', 'utf-8'));
-				} catch (err) {
-					err.message = `Error parsing netlify.toml: ${err.message}`;
-					throw err;
+			if (edge) {
+				if (split) {
+					throw new Error('Cannot use `split: true` alongside `edge: true`');
 				}
+				
+				await generate_edge_functions({ builder });
 			} else {
-				// TODO offer to create one?
-				throw new Error(
-					'Missing a netlify.toml file. Consult https://github.com/sveltejs/kit/tree/master/packages/adapter-netlify#configuration'
-				);
+				await generate_lambda_functions({ builder, esm, split, publish });
 			}
 
-			if (
-				!netlify_config.build ||
-				!netlify_config.build.publish ||
-				!netlify_config.build.functions
-			) {
-				throw new Error(
-					'You must specify build.publish and build.functions in netlify.toml. Consult https://github.com/sveltejs/kit/tree/master/packages/adapter-netlify#configuration'
-				);
-			}
+			builder.log.minor('Copying assets...');
+			builder.writeStatic(publish);
+			builder.writeClient(publish);
+			builder.writePrerendered(publish);
 
-			const publish = resolve(netlify_config.build.publish);
-			const functions = resolve(netlify_config.build.functions);
+			builder.log.minor('Writing custom headers...');
+			const headers_file = join(publish, '_headers');
+			builder.copy('_headers', headers_file);
+			appendFileSync(
+				headers_file,
+				`\n\n/${builder.config.kit.appDir}/*\n  cache-control: public\n  cache-control: immutable\n  cache-control: max-age=31536000\n`
+			);
+		}
+	};
+}
+/**
+ * @param { object } params
+ * @param {import('@sveltejs/kit').Builder} params.builder
+ */
+async function generate_edge_functions({ builder }) {
+	// Don't match the static directory
+	const pattern = '^/.*$';
 
-			utils.copy_static_files(publish);
-			utils.copy_client_files(publish);
-			utils.copy_server_files(`${functions}/render`);
+	// Go doesn't support lookarounds, so we can't do this
+	// const pattern = appDir ? `^/(?!${escapeStringRegexp(appDir)}).*$` : '^/.*$';
 
-			// rename app to .mjs
-			renameSync(`${functions}/render/app.js`, `${functions}/render/app.mjs`);
+	/** @type {HandlerManifest} */
+	const edge_manifest = {
+		functions: [
+			{
+				function: 'render',
+				pattern
+			}
+		],
+		version: 1
+	};
+	const tmp = builder.getBuildDirectory('netlify-tmp');
 
-			// copy the renderer
-			copyFileSync(resolve(__dirname, 'files/render.js'), `${functions}/render/handler.mjs`);
+	builder.rimraf(tmp);
 
-			// copy the entry point
-			copyFileSync(resolve(__dirname, 'files/index.cjs'), `${functions}/render/index.js`);
+	builder.mkdirp('.netlify/edge-functions');
 
-			// create _redirects
-			writeFileSync(`${publish}/_redirects`, '/* /.netlify/functions/render 200');
+	builder.log.minor('Generating Edge Function...');
+	const relativePath = posix.relative(tmp, builder.getServerDirectory());
 
-			// prerender
-			utils.log.info('Prerendering static pages...');
-			await utils.prerender({
-				dest: publish
-			});
+	builder.copy(`${src}/edge_function.js`, `${tmp}/entry.js`, {
+		replace: {
+			'0SERVER': `${relativePath}/index.js`,
+			MANIFEST: './manifest.js'
 		}
+	});
+
+	const manifest = builder.generateManifest({
+		relativePath
+	});
+
+	writeFileSync(
+		`${tmp}/manifest.js`,
+		`export const manifest = ${manifest};\n\nexport const prerendered = new Set(${JSON.stringify(
+			builder.prerendered.paths
+		)});\n`
+	);
+
+	await esbuild.build({
+		entryPoints: [`${tmp}/entry.js`],
+		outfile: '.netlify/edge-functions/render.js',
+		bundle: true,
+		format: 'esm',
+		target: 'es2020',
+		platform: 'browser'
+	});
+
+	writeFileSync('.netlify/edge-functions/manifest.json', JSON.stringify(edge_manifest));
+}
+/**
+ * @param { object } params
+ * @param {import('@sveltejs/kit').Builder} params.builder
+ * @param { string } params.publish
+ * @param { boolean } params.split
+ * @param { boolean } params.esm
+ */
+function generate_lambda_functions({ builder, publish, split, esm }) {
+	builder.mkdirp('.netlify/functions-internal');
+
+	/** @type {string[]} */
+	const redirects = [];
+	builder.writeServer('.netlify/server');
+
+	const replace = {
+		'0SERVER': './server/index.js' // digit prefix prevents CJS build from using this as a variable name, which would also get replaced
 	};
+	if (esm) {
+		builder.copy(`${files}/esm`, '.netlify', { replace });
+	} else {
+		glob('**/*.js', { cwd: '.netlify/server' }).forEach((file) => {
+			const filepath = `.netlify/server/${file}`;
+			const input = readFileSync(filepath, 'utf8');
+			const output = esbuild.transformSync(input, { format: 'cjs', target: 'node12' }).code;
+			writeFileSync(filepath, output);
+		});
+
+		builder.copy(`${files}/cjs`, '.netlify', { replace });
+		writeFileSync(join('.netlify', 'package.json'), JSON.stringify({ type: 'commonjs' }));
+	}
+
+	if (split) {
+		builder.log.minor('Generating serverless functions...');
+
+		builder.createEntries((route) => {
+			const parts = [];
+			// Netlify's syntax uses '*' and ':param' as "splats" and "placeholders"
+			// https://docs.netlify.com/routing/redirects/redirect-options/#splats
+			for (const segment of route.segments) {
+				if (segment.rest) {
+					parts.push('*');
+					break; // Netlify redirects don't allow anything after a *
+				} else if (segment.dynamic) {
+					parts.push(`:${parts.length}`);
+				} else {
+					parts.push(segment.content);
+				}
+			}
+
+			const pattern = `/${parts.join('/')}`;
+			const name = parts.join('-').replace(/[:.]/g, '_').replace('*', '__rest') || 'index';
+
+			return {
+				id: pattern,
+				filter: (other) => matches(route.segments, other.segments),
+				complete: (entry) => {
+					const manifest = entry.generateManifest({
+						relativePath: '../server',
+						format: esm ? 'esm' : 'cjs'
+					});
+
+					const fn = esm
+						? `import { init } from '../handler.js';\n\nexport const handler = init(${manifest});\n`
+						: `const { init } = require('../handler.js');\n\nexports.handler = init(${manifest});\n`;
+
+					writeFileSync(`.netlify/functions-internal/${name}.js`, fn);
+
+					redirects.push(`${pattern} /.netlify/functions/${name} 200`);
+				}
+			};
+		});
+	} else {
+		builder.log.minor('Generating serverless functions...');
+
+		const manifest = builder.generateManifest({
+			relativePath: '../server',
+			format: esm ? 'esm' : 'cjs'
+		});
+
+		const fn = esm
+			? `import { init } from '../handler.js';\n\nexport const handler = init(${manifest});\n`
+			: `const { init } = require('../handler.js');\n\nexports.handler = init(${manifest});\n`;
+
+		writeFileSync('.netlify/functions-internal/render.js', fn);
+		redirects.push('* /.netlify/functions/render 200');
+	}
+
+	builder.log.minor('Writing redirects...');
+	const redirect_file = join(publish, '_redirects');
+	if (existsSync('_redirects')) {
+		builder.copy('_redirects', redirect_file);
+	}
+	appendFileSync(redirect_file, `\n\n${redirects.join('\n')}`);
+}
+
+function get_netlify_config() {
+	if (!existsSync('netlify.toml')) return null;
+
+	try {
+		return /** @type {NetlifyConfig} */ (toml.parse(readFileSync('netlify.toml', 'utf-8')));
+	} catch (err) {
+		err.message = `Error parsing netlify.toml: ${err.message}`;
+		throw err;
+	}
+}
+
+/**
+ * @param {NetlifyConfig} netlify_config
+ * @param {import('@sveltejs/kit').Builder} builder
+ **/
+function get_publish_directory(netlify_config, builder) {
+	if (netlify_config) {
+		if (!netlify_config.build?.publish) {
+			builder.log.minor('No publish directory specified in netlify.toml, using default');
+			return;
+		}
+
+		if (netlify_config.redirects) {
+			throw new Error(
+				"Redirects are not supported in netlify.toml. Use _redirects instead. For more details consult the readme's troubleshooting section."
+			);
+		}
+		if (resolve(netlify_config.build.publish) === process.cwd()) {
+			throw new Error(
+				'The publish directory cannot be set to the site root. Please change it to another value such as "build" in netlify.toml.'
+			);
+		}
+		return netlify_config.build.publish;
+	}
+
+	builder.log.warn(
+		'No netlify.toml found. Using default publish directory. Consult https://github.com/sveltejs/kit/tree/master/packages/adapter-netlify#configuration for more details '
+	);
+}
+
+/**
+ * @typedef {{ rest: boolean, dynamic: boolean, content: string }} RouteSegment
+ */
+
+/**
+ * @param {RouteSegment[]} a
+ * @param {RouteSegment[]} b
+ * @returns {boolean}
+ */
+function matches(a, b) {
+	if (a[0] && b[0]) {
+		if (b[0].rest) {
+			if (b.length === 1) return true;
+
+			const next_b = b.slice(1);
+
+			for (let i = 0; i < a.length; i += 1) {
+				if (matches(a.slice(i), next_b)) return true;
+			}
+
+			return false;
+		}
+
+		if (!b[0].dynamic) {
+			if (!a[0].dynamic && a[0].content !== b[0].content) return false;
+		}
 
-	return adapter;
-};
+		if (a.length === 1 && b.length === 1) return true;
+		return matches(a.slice(1), b.slice(1));
+	} else if (a[0]) {
+		return a.length === 1 && a[0].rest;
+	} else {
+		return b.length === 1 && b[0].rest;
+	}
+}

package/package.json

@@ -1,20 +1,49 @@
 {
-	"name": "@sveltejs/adapter-netlify",
-	"version": "1.0.0-next.5",
-	"main": "index.js",
-	"files": [
-		"files"
-	],
-	"dependencies": {
-		"toml": "^3.0.0"
-	},
-	"devDependencies": {
-		"@sveltejs/kit": "1.0.0-next.78",
-		"typescript": "^4.2.3"
-	},
-	"scripts": {
-		"lint": "eslint --ignore-path .gitignore \"**/*.{ts,js,svelte}\" && npm run check-format",
-		"format": "prettier --write . --config ../../.prettierrc --ignore-path .gitignore",
-		"check-format": "prettier --check . --config ../../.prettierrc --ignore-path .gitignore"
-	}
-}
+  "name": "@sveltejs/adapter-netlify",
+  "version": "1.0.0-next.52",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sveltejs/kit",
+    "directory": "packages/adapter-netlify"
+  },
+  "license": "MIT",
+  "homepage": "https://kit.svelte.dev",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "index.js",
+  "types": "index.d.ts",
+  "files": [
+    "files",
+    "index.d.ts"
+  ],
+  "dependencies": {
+    "@iarna/toml": "^2.2.5",
+    "esbuild": "^0.14.21",
+    "tiny-glob": "^0.2.9"
+  },
+  "devDependencies": {
+    "@netlify/functions": "^1.0.0",
+    "@rollup/plugin-commonjs": "^21.0.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.0.5",
+    "@sveltejs/kit": "1.0.0-next.317",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.58.0",
+    "typescript": "^4.6.2",
+    "uvu": "^0.5.2"
+  },
+  "scripts": {
+    "dev": "rimraf files && rollup -cw",
+    "build": "rimraf files && rollup -c",
+    "test": "uvu src \"(spec\\.js|test[\\\\/]index\\.js)\"",
+    "check": "tsc",
+    "lint": "eslint --ignore-path .gitignore \"**/*.{ts,js,svelte}\" && npm run check-format",
+    "format": "npm run check-format -- --write",
+    "check-format": "prettier --check . --config ../../.prettierrc --ignore-path .gitignore"
+  }
+}

package/CHANGELOG.md

@@ -1,68 +0,0 @@
-# @sveltejs/adapter-netlify
-
-## 1.0.0-next.5
-
-### Patch Changes
-
-- 6e27880: Move server-side fetch to adapters instead of build step
-
-## 1.0.0-next.4
-
-### Patch Changes
-
-- 8805c6d: Pass adapters directly to svelte.config.cjs
-
-## 1.0.0-next.3
-
-### Patch Changes
-
-- f35a5cd: Change adapter signature
-
-## 1.0.0-next.2
-
-### Patch Changes
-
-- 512b8c9: adapter-netlify: Use CJS entrypoint
-
-## 1.0.0-next.1
-
-### Patch Changes
-
-- Fix adapters and convert to ES modules
-
-## 0.0.13
-
-### Patch Changes
-
-- Add svelte-kit start command
-
-## 0.0.12
-
-### Patch Changes
-
-- b475ed4: Overhaul adapter API - fixes #166
-
-## 0.0.11
-
-### Patch Changes
-
-- 67eaeea: Move app-utils stuff into subpackages
-
-## 0.0.10
-
-### Patch Changes
-
-- Use setup
-
-## 0.0.9
-
-### Patch Changes
-
-- 0320208: Rename 'server route' to 'endpoint'
-- 5ca907c: Use shared mkdirp helper
-
-## 0.0.8
-
-### Patch Changes
-
-- various

package/files/index.cjs

@@ -1,6 +0,0 @@
-module.exports = {
-	async handler(event) {
-		const { handler } = await import('./handler.mjs');
-		return await handler(event);
-	}
-};

package/files/render.js

@@ -1,51 +0,0 @@
-'use strict';
-
-import { URLSearchParams } from 'url';
-import { render } from './app.mjs'; // eslint-disable-line import/no-unresolved
-import fetch, { Response, Request, Headers } from 'node-fetch';
-
-// provide server-side fetch
-globalThis.fetch = fetch;
-globalThis.Response = Response;
-globalThis.Request = Request;
-globalThis.Headers = Headers;
-
-export async function handler(event) {
-	const {
-		path,
-		httpMethod,
-		headers,
-		queryStringParameters
-		// body, // TODO pass this to renderer
-		// isBase64Encoded // TODO is this useful?
-	} = event;
-
-	const query = new URLSearchParams();
-	for (const k in queryStringParameters) {
-		const value = queryStringParameters[k];
-		value.split(', ').forEach((v) => {
-			query.append(k, v);
-		});
-	}
-
-	const rendered = await render({
-		method: httpMethod,
-		headers,
-		path,
-		query
-	});
-
-	if (rendered) {
-		return {
-			isBase64Encoded: false,
-			statusCode: rendered.status,
-			headers: rendered.headers,
-			body: rendered.body
-		};
-	}
-
-	return {
-		statusCode: 404,
-		body: 'Not found'
-	};
-}