[site] migrate to SvelteKit (#6811)

Co-authored-by: Conduitry <git@chor.date>
Co-authored-by: bluwy <bjornlu.dev@gmail.com>

.gitignore

@@ -24,15 +24,13 @@ _actual*.*
 _output
 /types
 
-/site/cypress/screenshots/
-/site/__sapper__/
+/site/.svelte-kit/
+/site/build/
 /site/.env
-/site/.sessions
 /site/static/svelte-app.json
 /site/static/contributors.jpg
 /site/static/donors.jpg
-/site/static/workers
-/site/scripts/svelte-app
-/site/scripts/community
+/site/static/workers/
+/site/scripts/svelte-app/
 /site/src/routes/_contributors.js
 /site/src/routes/_donors.js

site/.dockerignore

@@ -2,8 +2,6 @@
 !/Dockerfile
 !/package.json
 !/package-lock.json
-!/__sapper__
-/__sapper__/*
-!/__sapper__/build
+!/build
 !/static
 !/content

site/.env.example

@@ -1,13 +1,13 @@
 NODE_ENV=
 
-PORT=
-BASEURL=
+PORT=3000
+BASEURL=http://localhost:3000
 GITHUB_CLIENT_ID=
 GITHUB_CLIENT_SECRET=
-MAPBOX_ACCESS_TOKEN=
+VITE_MAPBOX_ACCESS_TOKEN=
 
-PGHOST=hostname
-PGPORT=port
+PGHOST=localhost
+PGPORT=5432
 PGUSER=username
 PGPASSWORD=password
 PGDATABASE=database_name

site/Dockerfile

@@ -1,7 +1,7 @@
-# IMPORTANT: Don't use this Dockerfile in your own Sapper projects without also looking at the .dockerignore file.
+# IMPORTANT: Don't use this Dockerfile in your own projects without also looking at the .dockerignore file.
 # Without an appropriate .dockerignore, this Dockerfile will copy a large number of unneeded files into your image.
 
-FROM mhart/alpine-node:12
+FROM mhart/alpine-node:14
 
 # install dependencies
 WORKDIR /app
@@ -12,11 +12,11 @@ RUN npm ci --production
 # Only copy over the Node pieces we need
 # ~> Saves 35MB
 ###
-FROM mhart/alpine-node:slim-12
+FROM mhart/alpine-node:slim-14
 
 WORKDIR /app
 COPY --from=0 /app .
 COPY . .
 
 EXPOSE 3000
-CMD ["node", "__sapper__/build"]
+CMD ["node", "build"]

site/Makefile

@@ -5,10 +5,10 @@ PROJECT := svelte-dev
 
 IMAGE := gcr.io/$(PROJECT)/$(SERVICE):$(HASH)
 
-sapper:
+sveltekit:
 	@echo "\n~> updating template & contributors list"
 	@npm run update
-	@echo "\n~> building Sapper app"
+	@echo "\n~> building SvelteKit app"
 	@npm run build
 
 
@@ -17,6 +17,6 @@ docker:
 	@gcloud builds submit --project $(PROJECT) -t $(IMAGE)
 
 
-deploy: sapper docker
+deploy: sveltekit docker
 	@echo "\n~> deploying $(SERVICE) to Cloud Run servers"
 	@gcloud run deploy $(SERVICE) --project $(PROJECT) --allow-unauthenticated --platform managed --region us-central1 --image $(IMAGE) --memory=512Mi

site/README.md

@@ -51,7 +51,7 @@ In order for the REPL's GitHub integration to work properly when running locally
 
 ## Building the site
 
-To build the website, run `npm run build`. The output can be found in `__sapper__/build`.
+To build the website, run `npm run build`. The output can be found in `build`.
 
 ## Testing
 

site/docker-compose.yml

@@ -0,0 +1,15 @@
+version: "3.0"
+services:
+  postgres:
+    image: postgres:13.4
+    ports:
+      - "5432:5432"
+    environment:
+      - POSTGRES_DB=${PGDATABASE}
+      - POSTGRES_USER=${PGUSER}
+      - POSTGRES_PASSWORD=${PGPASSWORD}
+  adminer:
+    image: adminer
+    restart: always
+    ports:
+      - "4000:8080"