From b605a4c95dffcea10db60dd6c9db9c16efe91086 Mon Sep 17 00:00:00 2001
From: Richard Harris <richard.a.harris@gmail.com>
Date: Sun, 21 Apr 2019 22:39:22 -0400
Subject: [PATCH 1/7] add a preloading indicator - fixes #2449

---
 .../src/components/PreloadingIndicator.svelte | 64 +++++++++++++++++++
 site/src/routes/_layout.svelte                |  7 +-
 2 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 site/src/components/PreloadingIndicator.svelte

diff --git a/site/src/components/PreloadingIndicator.svelte b/site/src/components/PreloadingIndicator.svelte
new file mode 100644
index 0000000000..22980e2a6b
--- /dev/null
+++ b/site/src/components/PreloadingIndicator.svelte
@@ -0,0 +1,64 @@
+<script>
+	import { onMount } from 'svelte';
+	import { fade } from 'svelte/transition';
+
+	let p = 0;
+
+	const sleep = ms => new Promise(f => setTimeout(f, ms));
+
+	onMount(() => {
+		let running = true;
+
+		function next() {
+			p += 0.1;
+
+			const remaining = 1 - p;
+			if (remaining > 0.15) setTimeout(next, 500 / remaining);
+		}
+
+		setTimeout(next, 250);
+
+		return () => {
+			running = false;
+		};
+	});
+</script>
+
+<style>
+	.progress-container {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 4px;
+		z-index: 999;
+	}
+
+	.progress {
+		position: absolute;
+		left: 0;
+		top: 0;
+		height: 100%;
+		background-color: var(--prime);
+		transition: width 0.4s;
+	}
+
+	.fade {
+		position: fixed;
+		width: 100%;
+		height: 100%;
+		background-color: rgba(255,255,255,0.3);
+		pointer-events: none;
+		z-index: 998;
+	}
+</style>
+
+{#if p > 0}
+	<div class="progress-container" transition:fade>
+		<div class="progress" style="width: {p * 100}%"></div>
+	</div>
+{/if}
+
+{#if p >= 0.4}
+	<div class="fade" in:fade={{duration:800}}></div>
+{/if}
\ No newline at end of file
diff --git a/site/src/routes/_layout.svelte b/site/src/routes/_layout.svelte
index a72065a7c2..5482ea4d46 100644
--- a/site/src/routes/_layout.svelte
+++ b/site/src/routes/_layout.svelte
@@ -1,11 +1,16 @@
 <script>
-	import { page } from '@sapper/app';
+	import { page, preloading } from '@sapper/app';
 	import InlineSvg from '../components/InlineSvg.svelte';
+	import PreloadingIndicator from '../components/PreloadingIndicator.svelte';
 	import Nav from '../components/TopNav.svelte';
 
 	export let segment;
 </script>
 
+{#if $preloading}
+	<PreloadingIndicator/>
+{/if}
+
 <InlineSvg />
 {#if $page.path !== '/repl/embed'}
 	<Nav {segment}/>

From 949f4afd10b72aa445d8c8876e825e5b3fc40560 Mon Sep 17 00:00:00 2001
From: Luke Edwards <luke.edwards05@gmail.com>
Date: Sun, 21 Apr 2019 20:48:54 -0700
Subject: [PATCH 2/7] chore: deploy with Node 11.14

---
 site/Dockerfile | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/Dockerfile b/site/Dockerfile
index 6674e45336..ed7cba5011 100644
--- a/site/Dockerfile
+++ b/site/Dockerfile
@@ -1,4 +1,4 @@
-FROM mhart/alpine-node:10.15
+FROM mhart/alpine-node:11.14
 
 # install dependencies
 WORKDIR /app
@@ -12,7 +12,7 @@ RUN npm install --production
 # Only copy over the Node pieces we need
 # ~> Saves 35MB
 ###
-FROM mhart/alpine-node:base-10.15
+FROM mhart/alpine-node:base-11.14
 
 WORKDIR /app
 COPY --from=0 /app .

From c7d7df63648e7f1097ee289eea4c1d2708470901 Mon Sep 17 00:00:00 2001
From: Luke Edwards <luke.edwards05@gmail.com>
Date: Sun, 21 Apr 2019 21:16:44 -0700
Subject: [PATCH 3/7] fix: set default Cache-Control value when unset

---
 site/src/server.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/site/src/server.js b/site/src/server.js
index 084b52b5b6..63c7d70709 100644
--- a/site/src/server.js
+++ b/site/src/server.js
@@ -94,7 +94,12 @@ if (process.env.GITHUB_CLIENT_ID) {
 
 app.use(
 	compression({ threshold: 0 }),
-	serve('static', { setHeaders: res => res.setHeader('Access-Control-Allow-Origin', '*') }),
+	serve('static', {
+		setHeaders(res, pathname) {
+			res.setHeader('Access-Control-Allow-Origin', '*');
+			res.hasHeader('Cache-Control') || res.setHeader('Cache-Control', 'max-age=600'); // 10min default
+		}
+	}),
 	sapper.middleware({
 		// TODO update Sapper so that we can pass props to the client
 		props: req => {
@@ -111,4 +116,4 @@ app.use(
 			};
 		}
 	})
-).listen(process.env.PORT);
\ No newline at end of file
+).listen(process.env.PORT);

From 5501cc888f87053221c8572377c511f097642666 Mon Sep 17 00:00:00 2001
From: Luke Edwards <luke.edwards05@gmail.com>
Date: Sun, 21 Apr 2019 21:17:01 -0700
Subject: [PATCH 4/7] chore: bump & attach `sirv` dep

---
 site/package-lock.json | 28 ++++------------------------
 site/package.json      |  2 +-
 site/src/server.js     |  2 +-
 3 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/site/package-lock.json b/site/package-lock.json
index b977151326..9b681af0dd 100644
--- a/site/package-lock.json
+++ b/site/package-lock.json
@@ -3286,16 +3286,6 @@
       "integrity": "sha512-WHq43gS+6ufNOEqlrDBxVEbb8ntfXrfAUU2ZOpCxrBdGKW3gyv8mCxAfIBD0DroPKGrJ2eSsXsLtY9MPntsyTw==",
       "dev": true
     },
-    "globalyzer": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.4.tgz",
-      "integrity": "sha512-LeguVWaxgHN0MNbWC6YljNMzHkrCny9fzjmEUdnF1kQ7wATFD1RHFRqA1qxaX2tgxGENlcxjOflopBwj3YZiXA=="
-    },
-    "globrex": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
-      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
-    },
     "golden-fleece": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/golden-fleece/-/golden-fleece-1.0.9.tgz",
@@ -5267,13 +5257,12 @@
       "dev": true
     },
     "sirv": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/sirv/-/sirv-0.2.4.tgz",
-      "integrity": "sha512-0YaLzpD6dPiJZUqDEwDqk9NLGZDm/nNWvpg8Rym+3hdt5pWGRrlggjjt1KtF0+tZgGtyI4F5f5JZ9XTCp53Oqw==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-0.3.1.tgz",
+      "integrity": "sha512-03p4fuXPfhlNrDjUBw5bGF//4i0Rjwf7hVm8XhuKgeguHGQPr4pV+lgAJZKSP9BaJKn+QG9QvTxLX1wSYshccg==",
       "requires": {
         "@polka/url": "^0.5.0",
-        "mime": "^2.3.1",
-        "tiny-glob": "^0.2.0"
+        "mime": "^2.3.1"
       },
       "dependencies": {
         "mime": {
@@ -5657,15 +5646,6 @@
       "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
       "optional": true
     },
-    "tiny-glob": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.6.tgz",
-      "integrity": "sha512-A7ewMqPu1B5PWwC3m7KVgAu96Ch5LA0w4SnEN/LbDREj/gAD0nPWboRbn8YoP9ISZXqeNAlMvKSKoEuhcfK3Pw==",
-      "requires": {
-        "globalyzer": "^0.1.0",
-        "globrex": "^0.1.1"
-      }
-    },
     "tinycolor2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.1.tgz",
diff --git a/site/package.json b/site/package.json
index 8fff42e6c1..66cd732a36 100644
--- a/site/package.json
+++ b/site/package.json
@@ -30,7 +30,7 @@
     "prismjs": "^1.15.0",
     "session-file-store": "^1.2.0",
     "shelljs": "^0.8.3",
-    "sirv": "^0.2.2",
+    "sirv": "^0.3.1",
     "yootils": "0.0.14"
   },
   "devDependencies": {
diff --git a/site/src/server.js b/site/src/server.js
index 63c7d70709..b538db0ae2 100644
--- a/site/src/server.js
+++ b/site/src/server.js
@@ -1,11 +1,11 @@
 import 'dotenv/config';
+import sirv from 'sirv';
 import express from 'express';
 import compression from 'compression';
 import session from 'express-session';
 import passport from 'passport';
 import { Strategy } from 'passport-github';
 import sessionFileStore from 'session-file-store';
-import serve from 'serve-static';
 import devalue from 'devalue';
 import * as sapper from '@sapper/server';
 

From 01c36fab7c50c586d8c744d91714547648206aa7 Mon Sep 17 00:00:00 2001
From: Luke Edwards <luke.edwards05@gmail.com>
Date: Sun, 21 Apr 2019 22:16:14 -0700
Subject: [PATCH 5/7] fix: remove unused arg

---
 site/src/server.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/server.js b/site/src/server.js
index b538db0ae2..7fdeb5756d 100644
--- a/site/src/server.js
+++ b/site/src/server.js
@@ -95,7 +95,7 @@ if (process.env.GITHUB_CLIENT_ID) {
 app.use(
 	compression({ threshold: 0 }),
 	serve('static', {
-		setHeaders(res, pathname) {
+		setHeaders(res) {
 			res.setHeader('Access-Control-Allow-Origin', '*');
 			res.hasHeader('Cache-Control') || res.setHeader('Cache-Control', 'max-age=600'); // 10min default
 		}

From 74e99af034f45d594357c90de3bd56ac85fc29e8 Mon Sep 17 00:00:00 2001
From: Conduitry <git@chor.date>
Date: Mon, 22 Apr 2019 01:59:48 -0400
Subject: [PATCH 6/7] site: use gcloud CLI to build Docker image

---
 site/.dockerignore | 9 +++++++++
 site/.gcloudignore | 1 +
 site/Dockerfile    | 8 +++-----
 site/Makefile      | 4 +---
 4 files changed, 14 insertions(+), 8 deletions(-)
 create mode 100644 site/.dockerignore
 create mode 100644 site/.gcloudignore

diff --git a/site/.dockerignore b/site/.dockerignore
new file mode 100644
index 0000000000..0822df13e4
--- /dev/null
+++ b/site/.dockerignore
@@ -0,0 +1,9 @@
+/*
+!/Dockerfile
+!/package.json
+!/package-lock.json
+!/__sapper__
+/__sapper__/*
+!/__sapper__/build
+!/static
+!/content
diff --git a/site/.gcloudignore b/site/.gcloudignore
new file mode 100644
index 0000000000..c46042a27e
--- /dev/null
+++ b/site/.gcloudignore
@@ -0,0 +1 @@
+#!include:.dockerignore
diff --git a/site/Dockerfile b/site/Dockerfile
index 6674e45336..b7012f9cfe 100644
--- a/site/Dockerfile
+++ b/site/Dockerfile
@@ -2,11 +2,8 @@ FROM mhart/alpine-node:10.15
 
 # install dependencies
 WORKDIR /app
-COPY static /app/static
-COPY content /app/content
-COPY __sapper__ /app/__sapper__
-COPY package.json package-lock.json /app/
-RUN npm install --production
+COPY package.json package-lock.json ./
+RUN npm ci --production
 
 ###
 # Only copy over the Node pieces we need
@@ -16,6 +13,7 @@ FROM mhart/alpine-node:base-10.15
 
 WORKDIR /app
 COPY --from=0 /app .
+COPY . .
 
 EXPOSE 3000
 CMD ["node", "__sapper__/build"]
diff --git a/site/Makefile b/site/Makefile
index c41be0fda7..c8d8b236a6 100644
--- a/site/Makefile
+++ b/site/Makefile
@@ -14,9 +14,7 @@ sapper:
 
 docker:
 	@echo "\n~> building docker image"
-	@docker build . -t $(IMAGE)
-	@echo "\n~> pushing docker image"
-	@docker push $(IMAGE)
+	@gcloud builds submit -t $(IMAGE)
 
 
 deploy: sapper docker

From b745515a21a81eb9056af9a8c3f84c82d33361c9 Mon Sep 17 00:00:00 2001
From: Luke Edwards <luke.edwards05@gmail.com>
Date: Sun, 21 Apr 2019 23:25:17 -0700
Subject: [PATCH 7/7] fix: serve -> sirv typo

---
 site/src/server.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/server.js b/site/src/server.js
index 7fdeb5756d..e035405caf 100644
--- a/site/src/server.js
+++ b/site/src/server.js
@@ -94,7 +94,7 @@ if (process.env.GITHUB_CLIENT_ID) {
 
 app.use(
 	compression({ threshold: 0 }),
-	serve('static', {
+	sirv('static', {
 		setHeaders(res) {
 			res.setHeader('Access-Control-Allow-Origin', '*');
 			res.hasHeader('Cache-Control') || res.setHeader('Cache-Control', 'max-age=600'); // 10min default