import * as fs from 'fs';
import * as path from 'path';
import mkdirp from 'mkdirp';
import create_routes from './create_routes';
import { fudge_mtime, posixify, write } from './utils';
import { Route } from '../interfaces';

export default function create_app({ routes, src, dev }: {
	routes: Route[];
	src: string;
	dev: boolean;
}) {
	mkdirp.sync('app/manifest');

	write('app/manifest/client.js', generate_client(routes, src, dev));
	write('app/manifest/server.js', generate_server(routes, src));
}

function generate_client(routes: Route[], src: string, dev: boolean) {
	let code = `
		// This file is generated by Sapper — do not edit it!
		export const routes = [
			${routes
				.filter(route => route.type === 'page')
				.map(route => {
					const file = posixify(`../../routes/${route.file}`);

					if (route.id === '_4xx' || route.id === '_5xx') {
						return `{ error: '${route.id.slice(1)}', load: () => import(/* webpackChunkName: "${route.id}" */ '${file}') }`;
					}

					const params = route.dynamic.length === 0
						? '{}'
						: `{ ${route.dynamic.map((part, i) => `${part}: match[${i + 1}]`).join(', ')} }`;

					return `{ pattern: ${route.pattern}, params: ${route.dynamic.length > 0 ? `match` : `()`} => (${params}), load: () => import(/* webpackChunkName: "${route.id}" */ '${file}') }`;
				})
				.join(',\n\t')}
		];`.replace(/^\t\t/gm, '').trim();

	if (dev) {
		const hmr_client = posixify(
			path.resolve(__dirname, 'src/hmr-client.js')
		);

		const PORT = 23456; // TODO robustify this — needs to be controlled by the dev task

		code += `

			if (module.hot) {
				import('${hmr_client}').then(client => {
					client.connect(${PORT});
				});
			}`.replace(/^\t{3}/gm, '');
	}

	return code;
}

function generate_server(routes: Route[], src: string) {
	let code = `
		// This file is generated by Sapper — do not edit it!
		${routes
			.map(route => {
				const file = posixify(`../../routes/${route.file}`);
				return route.type === 'page'
					? `import ${route.id} from '${file}';`
					: `import * as ${route.id} from '${file}';`;
			})
			.join('\n')}

		export const routes = [
			${routes
				.map(route => {
					const file = posixify(`${src}/${route.file}`);

					if (route.id === '_4xx' || route.id === '_5xx') {
						return `{ error: '${route.id.slice(1)}', module: ${route.id} }`;
					}

					const params = route.dynamic.length === 0
						? '{}'
						: `{ ${route.dynamic.map((part, i) => `${part}: match[${i + 1}]`).join(', ')} }`;

					return `{ id: '${route.id}', type: '${route.type}', pattern: ${route.pattern}, params: ${route.dynamic.length > 0 ? `match` : `()`} => (${params}), module: ${route.id} }`;
				})
				.join(',\n\t')
			}
		];`.replace(/^\t\t/gm, '').trim();

	return code;
}