update Sapper

Author: Rich-Harris

package-lock.json

@@ -40,7 +40,7 @@
     "glob": "^7.1.2",
     "html-entities": "^1.2.1",
     "now": "^11.3.8",
-    "sapper": "^0.15.6",
+    "sapper": "^0.21.0",
     "style-loader": "^0.22.0",
     "svelte": "^2.9.11",
     "svelte-loader": "^2.10.1",

package.json

@@ -20,7 +20,7 @@ init({
 if (navigator.serviceWorker && navigator.serviceWorker.controller) {
 	navigator.serviceWorker.controller.onstatechange = function(e) {
 		if (e.target.state === 'redundant') {
-			import('../components/Toast.html').then(mod => {
+			import('./components/Toast.html').then(mod => {
 				mod.default.show();
 			});
 		}

app/client.js src/client.js

@@ -0,0 +1,87 @@
+// This file is generated by Sapper — do not edit it!
+import root from "../routes/_layout.html";
+import error from "../routes/_error.html";
+
+const d = decodeURIComponent;
+
+const index = {
+	js: () => import(/* webpackChunkName: "index" */ "../routes/index.html"),
+	css: "__SAPPER_CSS_PLACEHOLDER:index.html__"
+};
+const guide = {
+	js: () => import(/* webpackChunkName: "guide" */ "../routes/guide/index.html"),
+	css: "__SAPPER_CSS_PLACEHOLDER:guide/index.html__"
+};
+const blog = {
+	js: () => import(/* webpackChunkName: "blog" */ "../routes/blog/index.html"),
+	css: "__SAPPER_CSS_PLACEHOLDER:blog/index.html__"
+};
+const blog_$slug = {
+	js: () => import(/* webpackChunkName: "blog_$slug" */ "../routes/blog/[slug].html"),
+	css: "__SAPPER_CSS_PLACEHOLDER:blog/[slug].html__"
+};
+const repl = {
+	js: () => import(/* webpackChunkName: "repl" */ "../routes/repl/index.html"),
+	css: "__SAPPER_CSS_PLACEHOLDER:repl/index.html__"
+};
+
+export const manifest = {
+	ignore: [/^\/blog\/rss.xml$/, /^\/gist\/create$/, /^\/gist\/([^\/]+?)$/, /^\/api\/examples\/([^\/]+?)$/, /^\/api\/guide$/, /^\/api\/guide\/contents$/, /^\/api\/guide\/demo\/([^\/]+?)$/, /^\/api\/blog$/, /^\/api\/blog\/([^\/]+?)$/],
+
+	pages: [
+		{
+			// index.html
+			pattern: /^\/?$/,
+			parts: [
+				{ component: index }
+			]
+		},
+
+		{
+			// guide/index.html
+			pattern: /^\/guide\/?$/,
+			parts: [
+				null,
+				{ component: guide }
+			]
+		},
+
+		{
+			// blog/index.html
+			pattern: /^\/blog\/?$/,
+			parts: [
+				null,
+				{ component: blog }
+			]
+		},
+
+		{
+			// blog/[slug].html
+			pattern: /^\/blog\/([^\/]+?)\/?$/,
+			parts: [
+				null,
+				{ component: blog_$slug, params: match => ({ slug: d(match[1]) }) }
+			]
+		},
+
+		{
+			// repl/index.html
+			pattern: /^\/repl\/?$/,
+			parts: [
+				null,
+				{ component: repl }
+			]
+		}
+	],
+
+	root,
+
+	error
+};
+
+// this is included for legacy reasons
+export const routes = {};
+
+import("/Users/208311/Development/SVELTE/svelte.technology/node_modules/sapper/sapper-dev-client.js").then(client => {
+	client.connect(10000);
+});

components/GuideContents.html src/components/GuideContents.html

@@ -0,0 +1 @@
+<svelte:component this={child.component} {...child.props}/>

components/Nav.html src/components/Nav.html

@@ -0,0 +1,139 @@
+// This file is generated by Sapper — do not edit it!
+import * as route_blog_rss_xml from "../routes/blog/rss.xml.js";
+import * as route_gist_create from "../routes/gist/create.js";
+import * as route_gist_$id from "../routes/gist/[id].js";
+import * as route_api_examples_$slug from "../routes/api/examples/[slug].js";
+import * as route_api_guide from "../routes/api/guide/index.js";
+import * as route_api_guide_contents from "../routes/api/guide/contents.js";
+import * as route_api_guide_demo_$hash from "../routes/api/guide/demo/[hash].js";
+import * as route_api_blog from "../routes/api/blog/index.js";
+import * as route_api_blog_$slug from "../routes/api/blog/[slug].js";
+import index from "../routes/index.html";
+import guide from "../routes/guide/index.html";
+import blog from "../routes/blog/index.html";
+import blog_$slug from "../routes/blog/[slug].html";
+import repl from "../routes/repl/index.html";
+import root from "../routes/_layout.html";
+import error from "../routes/_error.html";
+
+const d = decodeURIComponent;
+
+export const manifest = {
+	server_routes: [
+		{
+			// blog/rss.xml.js
+			pattern: /^\/blog\/rss.xml$/,
+			handlers: route_blog_rss_xml,
+			params: () => ({})
+		},
+
+		{
+			// gist/create.js
+			pattern: /^\/gist\/create$/,
+			handlers: route_gist_create,
+			params: () => ({})
+		},
+
+		{
+			// gist/[id].js
+			pattern: /^\/gist\/([^\/]+?)$/,
+			handlers: route_gist_$id,
+			params: match => ({ id: d(match[1]) })
+		},
+
+		{
+			// api/examples/[slug].js
+			pattern: /^\/api\/examples\/([^\/]+?)$/,
+			handlers: route_api_examples_$slug,
+			params: match => ({ slug: d(match[1]) })
+		},
+
+		{
+			// api/guide/index.js
+			pattern: /^\/api\/guide$/,
+			handlers: route_api_guide,
+			params: () => ({})
+		},
+
+		{
+			// api/guide/contents.js
+			pattern: /^\/api\/guide\/contents$/,
+			handlers: route_api_guide_contents,
+			params: () => ({})
+		},
+
+		{
+			// api/guide/demo/[hash].js
+			pattern: /^\/api\/guide\/demo\/([^\/]+?)$/,
+			handlers: route_api_guide_demo_$hash,
+			params: match => ({ hash: d(match[1]) })
+		},
+
+		{
+			// api/blog/index.js
+			pattern: /^\/api\/blog$/,
+			handlers: route_api_blog,
+			params: () => ({})
+		},
+
+		{
+			// api/blog/[slug].js
+			pattern: /^\/api\/blog\/([^\/]+?)$/,
+			handlers: route_api_blog_$slug,
+			params: match => ({ slug: d(match[1]) })
+		}
+	],
+
+	pages: [
+		{
+			// index.html
+			pattern: /^\/?$/,
+			parts: [
+				{ name: "index", file: "index.html", component: index }
+			]
+		},
+
+		{
+			// guide/index.html
+			pattern: /^\/guide\/?$/,
+			parts: [
+				null,
+				{ name: "guide", file: "guide/index.html", component: guide }
+			]
+		},
+
+		{
+			// blog/index.html
+			pattern: /^\/blog\/?$/,
+			parts: [
+				null,
+				{ name: "blog", file: "blog/index.html", component: blog }
+			]
+		},
+
+		{
+			// blog/[slug].html
+			pattern: /^\/blog\/([^\/]+?)\/?$/,
+			parts: [
+				null,
+				{ name: "blog_$slug", file: "blog/[slug].html", component: blog_$slug, params: match => ({ slug: d(match[1]) }) }
+			]
+		},
+
+		{
+			// repl/index.html
+			pattern: /^\/repl\/?$/,
+			parts: [
+				null,
+				{ name: "repl", file: "repl/index.html", component: repl }
+			]
+		}
+	],
+
+	root,
+
+	error
+};
+
+// this is included for legacy reasons
+export const routes = {};

components/Toast.html src/components/Toast.html

@@ -0,0 +1,68 @@
+// This file is generated by Sapper — do not edit it!
+export const timestamp = 1537756541015;
+
+export const files = [
+	"curl.js",
+	"favicon.ico",
+	"favicon.png",
+	"fonts/Inconsolata/Inconsolata-Bold.woff",
+	"fonts/Inconsolata/Inconsolata-Bold.woff2",
+	"fonts/Inconsolata/Inconsolata-Regular.woff",
+	"fonts/Inconsolata/Inconsolata-Regular.woff2",
+	"fonts/Inconsolata/OFL.txt",
+	"fonts/Rajdhani/Rajdhani-Bold.woff",
+	"fonts/Rajdhani/Rajdhani-Bold.woff2",
+	"fonts/Rajdhani/Rajdhani-Medium.woff",
+	"fonts/Rajdhani/Rajdhani-Medium.woff2",
+	"fonts/Rajdhani/Rajdhani-Regular.woff",
+	"fonts/Rajdhani/Rajdhani-Regular.woff2",
+	"fonts/Roboto/Roboto-Bold.woff",
+	"fonts/Roboto/Roboto-Bold.woff2",
+	"fonts/Roboto/Roboto-Light.woff",
+	"fonts/Roboto/Roboto-Light.woff2",
+	"fonts/Roboto/Roboto-LightItalic.woff",
+	"fonts/Roboto/Roboto-LightItalic.woff2",
+	"icons/check.svg",
+	"icons/collapse.svg",
+	"icons/download.svg",
+	"icons/dropdown.svg",
+	"icons/expand.svg",
+	"icons/flip.svg",
+	"icons/fork.svg",
+	"icons/link.svg",
+	"icons/save.svg",
+	"images/twitter-card.png",
+	"manifest.json",
+	"repl-viewer.css",
+	"svelte-app.json",
+	"svelte-logo-192.png",
+	"svelte-logo-512.png"
+];
+export { files as assets }; // legacy
+
+export const shell = [
+	"client/f68b51b6b4627c0055fe/main.js",
+	"client/b138fe4e9b98d660e6b3.worker.js",
+	"client/svelte.b138fe4e9b98d660e6b3.worker.js",
+	"client/f68b51b6b4627c0055fe/blog.blog.js",
+	"client/f68b51b6b4627c0055fe/blog_$slug.blog_$slug.js",
+	"client/f68b51b6b4627c0055fe/codemirror.codemirror.js",
+	"client/f68b51b6b4627c0055fe/guide.guide.js",
+	"client/f68b51b6b4627c0055fe/index.index.js",
+	"client/rollup.b138fe4e9b98d660e6b3.worker.js",
+	"client/f68b51b6b4627c0055fe/0.0.js",
+	"client/f68b51b6b4627c0055fe/1.1.js",
+	"client/f68b51b6b4627c0055fe/2.2.js",
+	"client/f68b51b6b4627c0055fe/3.3.js",
+	"client/f68b51b6b4627c0055fe/repl.repl.js",
+	"client/f68b51b6b4627c0055fe/vendors~codemirror.vendors~codemirror.js",
+	"client/f68b51b6b4627c0055fe/vendors~repl.vendors~repl.js"
+];
+
+export const routes = [
+	{ pattern: /^\/?$/ },
+	{ pattern: /^\/guide\/?$/ },
+	{ pattern: /^\/blog\/?$/ },
+	{ pattern: /^\/blog\/([^\/]+?)\/?$/ },
+	{ pattern: /^\/repl\/?$/ }
+];

src/manifest/client.js

@@ -1,6 +1,6 @@
 import fs from 'fs';
 import path from 'path';
-import manifest from '../../../content/examples/manifest.json';
+import manifest from '../../../../content/examples/manifest.json';
 
 const lookup = new Map();
 const titles = new Map();

src/manifest/default-layout.html

@@ -221,7 +221,7 @@ <h2 class='show-if-mobile'>data.json5</h2>
 	import ComponentSelector from './_components/ComponentSelector.html';
 	import AppControls from './_components/AppControls.html';
 	import SplitPane from './_components/SplitPane.html';
-	import examples from '../../content/examples/manifest.json';
+	import examples from '../../../content/examples/manifest.json';
 
 	const slugs = new Set();
 	examples.forEach(group => {

src/manifest/server.js

@@ -98,7 +98,7 @@ if (process.env.GITHUB_CLIENT_ID) {
 
 app.use(
 	compression({ threshold: 0 }),
-	serve('assets'),
+	serve('static'),
 	sapper({
 		manifest,
 		store: req => {

src/manifest/service-worker.js

@@ -0,0 +1 @@
+[{"path":"README.md","data":"*Psst — looking for a shareable component template? Go here --> [sveltejs/component-template](https://github.com/sveltejs/component-template)*\n\n---\n\n# svelte app\n\nThis is a project template for [Svelte](https://svelte.technology) apps. It lives at https://github.com/sveltejs/template.\n\nTo create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):\n\n```bash\nnpm install -g degit # you only need to do this once\n\ndegit sveltejs/template svelte-app\ncd svelte-app\n```\n\n*Note that you will need to have [Node.js](https://nodejs.org) installed.*\n\n\n## Get started\n\nInstall the dependencies...\n\n```bash\ncd svelte-app\nnpm install\n```\n\n...then start [Rollup](https://rollupjs.org):\n\n```bash\nnpm run dev\n```\n\nNavigate to [localhost:5000](http://localhost:5000). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.\n\n\n## Deploying to the web\n\n### With [now](https://zeit.co/now)\n\nInstall `now` if you haven't already:\n\n```bash\nnpm install -g now\n```\n\nThen, from within your project folder:\n\n```bash\nnow\n```\n\nAs an alternative, use the [Now desktop client](https://zeit.co/download) and simply drag the unzipped project folder to the taskbar icon.\n\n### With [surge](https://surge.sh/)\n\nInstall `surge` if you haven't already:\n\n```bash\nnpm install -g surge\n```\n\nThen, from within your project folder:\n\n```bash\nnpm run build\nsurge public\n```\n"},{"path":"rollup.config.js","data":"import svelte from 'rollup-plugin-svelte';\nimport resolve from 'rollup-plugin-node-resolve';\nimport commonjs from 'rollup-plugin-commonjs';\nimport buble from 'rollup-plugin-buble';\nimport uglify from 'rollup-plugin-uglify';\n\nconst production = !process.env.ROLLUP_WATCH;\n\nexport default {\n\tinput: 'src/main.js',\n\toutput: {\n\t\tsourcemap: true,\n\t\tformat: 'iife',\n\t\tname: 'app',\n\t\tfile: 'public/bundle.js'\n\t},\n\tplugins: [\n\t\tsvelte({\n\t\t\t// opt in to v3 behaviour today\n\t\t\tskipIntroByDefault: true,\n\t\t\tnestedTransitions: true,\n\n\t\t\t// enable run-time checks when not in production\n\t\t\tdev: !production,\n\t\t\t// we'll extract any component CSS out into\n\t\t\t// a separate file — better for performance\n\t\t\tcss: css => {\n\t\t\t\tcss.write('public/bundle.css');\n\t\t\t}\n\t\t}),\n\n\t\t// If you have external dependencies installed from\n\t\t// npm, you'll most likely need these plugins. In\n\t\t// some cases you'll need additional configuration —\n\t\t// consult the documentation for details:\n\t\t// https://github.com/rollup/rollup-plugin-commonjs\n\t\tresolve(),\n\t\tcommonjs(),\n\n\t\t// If we're building for production (npm run build\n\t\t// instead of npm run dev), transpile and minify\n\t\tproduction && buble({ include: ['src/**', 'node_modules/svelte/shared.js'] }),\n\t\tproduction && uglify()\n\t]\n};\n"},{"path":"public/index.html","data":"<!doctype html>\n<html>\n<head>\n\t<meta charset='utf8'>\n\t<meta name='viewport' content='width=device-width'>\n\n\t<title>Svelte app</title>\n\n\t<link rel='stylesheet' href='global.css'>\n\t<link rel='stylesheet' href='bundle.css'>\n</head>\n\n<body>\n\t<script src='bundle.js'></script>\n</body>\n</html>"},{"path":"public/global.css","data":"html, body {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n}\n\nbody {\n\tcolor: #333;\n\tmargin: 0;\n\tpadding: 8px;\n\tbox-sizing: border-box;\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n}\n\na {\n\tcolor: rgb(0,100,200);\n\ttext-decoration: none;\n}\n\na:hover {\n\ttext-decoration: underline;\n}\n\na:visited {\n\tcolor: rgb(0,80,160);\n}\n\nlabel {\n\tdisplay: block;\n}\n\ninput, button, select, textarea {\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tpadding: 0.4em;\n\tmargin: 0 0 0.5em 0;\n\tbox-sizing: border-box;\n\tborder: 1px solid #ccc;\n\tborder-radius: 2px;\n}\n\ninput:disabled {\n\tcolor: #ccc;\n}\n\ninput[type=\"range\"] {\n\theight: 0;\n}\n\nbutton {\n\tbackground-color: #f4f4f4;\n\toutline: none;\n}\n\nbutton:active {\n\tbackground-color: #ddd;\n}\n\nbutton:focus {\n\tborder-color: #666;\n}"},{"path":"package.json","data":"{\n  \"name\": \"svelte-app\",\n  \"version\": \"1.0.0\",\n  \"devDependencies\": {\n    \"rollup\": \"^0.58.2\",\n    \"rollup-plugin-buble\": \"^0.19.2\",\n    \"rollup-plugin-commonjs\": \"^9.1.3\",\n    \"rollup-plugin-node-resolve\": \"^3.0.3\",\n    \"rollup-plugin-svelte\": \"^4.0.0\",\n    \"rollup-plugin-uglify\": \"^3.0.0\",\n    \"npm-run-all\": \"^4.1.3\",\n    \"serve\": \"^6.5.6\",\n    \"svelte\": \"^2.6.0\"\n  },\n  \"scripts\": {\n    \"build\": \"rollup -c\",\n    \"autobuild\": \"rollup -c -w\",\n    \"dev\": \"run-p start autobuild\",\n    \"start\": \"serve public\"\n  }\n}\n"}]