update download button; add dependencies

package.json

@@ -26,7 +26,7 @@
     "@typescript-eslint/eslint-plugin": "^5.8.0",
     "@typescript-eslint/parser": "^5.8.0",
     "cookie": "^0.4.1",
-    "d3-array": "^3.1.1",
+    "d3-array": "^3.2.1",
     "d3-collection": "^1.0.7",
     "d3-delaunay": "^6.0.2",
     "d3-force": "^3.0.0",
@@ -35,7 +35,7 @@
     "d3-hierarchy": "^3.1.1",
     "d3-quadtree": "^3.0.1",
     "d3-sankey": "^0.12.3",
-    "d3-shape": "^3.0.1",
+    "d3-shape": "^3.2.0",
     "d3-time": "^3.0.0",
     "d3-time-format": "^4.1.0",
     "degit": "^2.8.4",

src/routes/_site-components/DownloadBtn.svelte

@@ -30,6 +30,8 @@
 	async function download () {
 		downloading = true;
 
+		console.log('downloading');
+
 		const cacheBust = new Date().getTime();
 		const files = await (await window.fetch(`/svelte-app.json?${cacheBust}`)).json();
 		const depsLookup = await (await window.fetch(`/deps.json?${cacheBust}`)).json();
@@ -60,10 +62,10 @@
 		files.push(...data.csvs.map(mod => ({ path: `src/routes/${mod.title.replace('../', '')}`, data: mod.contents })));
 		files.push(...data.jsons.map(mod => ({ path: `src/routes/${mod.title.replace('../', '')}`, data: mod.contents })));
 		files.push({
-			path: `src/routes/index.svelte`,
+			path: `src/routes/+page.svelte`,
 			data: data.main.contents
 		});
-		console.log('here');
+		console.log('here', files);
 		const filteredFiles = uniques(files.filter(Boolean), 'path', false);
 		downloadBlob(toAuto(filteredFiles), `layercake-${ssr ? 'ssr-' : ''}${slug}.zip`);
 		downloading = false;

src/routes/example-ssr/[slug].json.js

@@ -73,7 +73,7 @@ export async function get({ params }) {
 	const fromMain = cleanMain(example);
 
 	const main = {
-		title: 'index.svelte',
+		title: '+page.svelte',
 		contents: fromMain
 	};
 

src/routes/example-ssr/[slug].svelte

@@ -10,7 +10,7 @@
 				props: {
 					slug: page.params.slug,
 					data,
-					active: 'index'
+					active: '+page'
 				}
 			};
 		} else {
@@ -43,7 +43,7 @@
 	export let slug;
 	export let data;
 
-	export let active = 'index';
+	export let active = '+page';
 
 	function markdownToHtml (text) {
 		return md.render(text);

src/routes/example/[slug].json.js

@@ -74,7 +74,7 @@ export async function get({ params }) {
 	const fromMain = cleanMain(example);
 
 	const main = {
-		title: 'index.svelte',
+		title: '+page.svelte',
 		contents: fromMain
 	};
 

src/routes/example/[slug].svelte

@@ -10,7 +10,7 @@
 				props: {
 					slug: page.params.slug,
 					data,
-					active: 'index'
+					active: '+page'
 				}
 			};
 		} else {
@@ -44,7 +44,7 @@
 	export let data;
 
 
-	export let active = 'index';
+	export let active = '+page';
 
 	function markdownToHtml (text) {
 		return md.render(text);

src/scripts/update_template.sh

@@ -3,7 +3,7 @@ rm -rf src/scripts/svelte-app
 node_modules/.bin/degit mhkeller/layercake-template#main src/scripts/svelte-app
 
 # remove App.svelte (will be recreated client-side) and node_modules
-rm -rf src/scripts/svelte-app/src/routes/index.svelte
+rm -rf src/scripts/svelte-app/src/routes/+page.svelte
 rm -rf src/scripts/svelte-app/node_modules
 rm -rf src/scripts/svelte-app/src/routes/_data
 # mkdir src/scripts/svelte-app/src/routes/data