erantAppWrite-done

2023-01-09 22:16:36 +01:00 · 2023-01-09 22:16:36 +01:00 · e806d848f2
parent c1cadd1fd5
commit e806d848f2
7 changed files with 736 additions and 10 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -8,12 +8,17 @@
 			"name": "appwrite-svelte-rocket-start",
 			"version": "0.0.0",
 			"dependencies": {
+				"@beyonk/svelte-mapbox": "^8.1.4",
 				"@bytemd/plugin-gfm": "^1.17.4",
 				"appwrite": "^10.1.0",
 				"bytemd": "^1.17.4",
+				"html5-qrcode": "^2.3.0",
+				"mapbox": "^1.0.0-beta10",
+				"mapbox-gl": "^2.10.0",
 				"svelte-appwrite-client": "^0.2.3",
 				"svelte-i18n": "^3.6.0",
-				"svelte-routing": "^1.6.0"
+				"svelte-routing": "^1.6.0",
+				"yallist": "^4.0.0"
 			},
 			"devDependencies": {
 				"@sveltejs/vite-plugin-svelte": "^1.1.0",
@ -28,6 +33,11 @@
 				"vite": "^3.2.3"
 			}
 		},
+		"node_modules/@beyonk/svelte-mapbox": {
+			"version": "8.2.0",
+			"resolved": "https://registry.npmjs.org/@beyonk/svelte-mapbox/-/svelte-mapbox-8.2.0.tgz",
+			"integrity": "sha512-v9iN5rqZDq50Sp3v0vjrg4rFzgatgRaX1YDU9MXaTqgGhOUpEhw675ZJDrcZ0XNZEoox20ki3EBHTufurjjSag=="
+		},
 		"node_modules/@bytemd/plugin-gfm": {
 			"version": "1.17.4",
 			"resolved": "https://registry.npmjs.org/@bytemd/plugin-gfm/-/plugin-gfm-1.17.4.tgz",
@ -125,6 +135,62 @@
 				"npm": ">= 5.0.0"
 			}
 		},
+		"node_modules/@mapbox/geojson-rewind": {
+			"version": "0.5.2",
+			"resolved": "https://registry.npmjs.org/@mapbox/geojson-rewind/-/geojson-rewind-0.5.2.tgz",
+			"integrity": "sha512-tJaT+RbYGJYStt7wI3cq4Nl4SXxG8W7JDG5DMJu97V25RnbNg3QtQtf+KD+VLjNpWKYsRvXDNmNrBgEETr1ifA==",
+			"dependencies": {
+				"get-stream": "^6.0.1",
+				"minimist": "^1.2.6"
+			},
+			"bin": {
+				"geojson-rewind": "geojson-rewind"
+			}
+		},
+		"node_modules/@mapbox/jsonlint-lines-primitives": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.2.tgz",
+			"integrity": "sha512-rY0o9A5ECsTQRVhv7tL/OyDpGAoUB4tTvLiW1DSzQGq4bvTPhNw1VpSNjDJc5GFZ2XuyOtSWSVN05qOtcD71qQ==",
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/@mapbox/mapbox-gl-supported": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/@mapbox/mapbox-gl-supported/-/mapbox-gl-supported-2.0.1.tgz",
+			"integrity": "sha512-HP6XvfNIzfoMVfyGjBckjiAOQK9WfX0ywdLubuPMPv+Vqf5fj0uCbgBQYpiqcWZT6cbyyRnTSXDheT1ugvF6UQ=="
+		},
+		"node_modules/@mapbox/point-geometry": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/@mapbox/point-geometry/-/point-geometry-0.1.0.tgz",
+			"integrity": "sha512-6j56HdLTwWGO0fJPlrZtdU/B13q8Uwmo18Ck2GnGgN9PCFyKTZ3UbXeEdRFh18i9XQ92eH2VdtpJHpBD3aripQ=="
+		},
+		"node_modules/@mapbox/tiny-sdf": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/@mapbox/tiny-sdf/-/tiny-sdf-2.0.5.tgz",
+			"integrity": "sha512-OhXt2lS//WpLdkqrzo/KwB7SRD8AiNTFFzuo9n14IBupzIMa67yGItcK7I2W9D8Ghpa4T04Sw9FWsKCJG50Bxw=="
+		},
+		"node_modules/@mapbox/unitbezier": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/@mapbox/unitbezier/-/unitbezier-0.0.1.tgz",
+			"integrity": "sha512-nMkuDXFv60aBr9soUG5q+GvZYL+2KZHVvsqFCzqnkGEf46U2fvmytHaEVc1/YZbiLn8X+eR3QzX1+dwDO1lxlw=="
+		},
+		"node_modules/@mapbox/vector-tile": {
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/@mapbox/vector-tile/-/vector-tile-1.3.1.tgz",
+			"integrity": "sha512-MCEddb8u44/xfQ3oD+Srl/tNcQoqTw3goGk2oLsrFxOTc3dUp+kAnby3PvAeeBYSMSjSPD1nd1AJA6W49WnoUw==",
+			"dependencies": {
+				"@mapbox/point-geometry": "~0.1.0"
+			}
+		},
+		"node_modules/@mapbox/whoots-js": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/@mapbox/whoots-js/-/whoots-js-3.1.0.tgz",
+			"integrity": "sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q==",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
 		"node_modules/@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@ -667,6 +733,11 @@
 				"node-fetch": "2.6.7"
 			}
 		},
+		"node_modules/csscolorparser": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/csscolorparser/-/csscolorparser-1.0.3.tgz",
+			"integrity": "sha512-umPSgYwZkdFoUrH5hIq5kf0wPSXiro51nPw0j2K/c83KflkPSTBGMz6NJvMB+07VlL0y7VPo6QJcDjcgKTTm3w=="
+		},
 		"node_modules/cssesc": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@ -800,6 +871,11 @@
 			"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
 			"dev": true
 		},
+		"node_modules/earcut": {
+			"version": "2.2.4",
+			"resolved": "https://registry.npmjs.org/earcut/-/earcut-2.2.4.tgz",
+			"integrity": "sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ=="
+		},
 		"node_modules/electron-to-chromium": {
 			"version": "1.4.284",
 			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
@ -1391,6 +1467,27 @@
 			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
 			"dev": true
 		},
+		"node_modules/geojson-vt": {
+			"version": "3.2.1",
+			"resolved": "https://registry.npmjs.org/geojson-vt/-/geojson-vt-3.2.1.tgz",
+			"integrity": "sha512-EvGQQi/zPrDA6zr6BnJD/YhwAkBP8nnJ9emh3EnHQKVMfg/MRVtPbMYdgVy/IaEmn4UfagD2a6fafPDL5hbtwg=="
+		},
+		"node_modules/get-stream": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+			"integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/gl-matrix": {
+			"version": "3.4.3",
+			"resolved": "https://registry.npmjs.org/gl-matrix/-/gl-matrix-3.4.3.tgz",
+			"integrity": "sha512-wcCp8vu8FT22BnvKVPjXa/ICBWRq/zjFfdofZy1WSpQZpphblv12/bOQLBC1rMM7SGOFS9ltVmKOHil5+Ml7gA=="
+		},
 		"node_modules/glob": {
 			"version": "7.2.3",
 			"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@ -1439,6 +1536,11 @@
 			"integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
 			"dev": true
 		},
+		"node_modules/grid-index": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/grid-index/-/grid-index-1.1.0.tgz",
+			"integrity": "sha512-HZRwumpOGUrHyxO5bqKZL0B0GlUpwtCAzZ42sgxUPniu33R1LSFH5yrIcBCHjkctCAh3mtWKcKd9J4vDDdeVHA=="
+		},
 		"node_modules/has": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@ -1619,6 +1721,30 @@
 				"url": "https://github.com/sponsors/wooorm"
 			}
 		},
+		"node_modules/html5-qrcode": {
+			"version": "2.3.4",
+			"resolved": "https://registry.npmjs.org/html5-qrcode/-/html5-qrcode-2.3.4.tgz",
+			"integrity": "sha512-VPZrOTG8XR9HmIAhSSiGtJVPErZxKy/DuGc9cPQLburCWZEbvxQGJP9y4K4P+8vdalLtYB/vM5YP1BdWQKZ8jQ=="
+		},
+		"node_modules/ieee754": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			]
+		},
 		"node_modules/immutable": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz",
@ -1757,6 +1883,11 @@
 				"form-data": "^2.3.2"
 			}
 		},
+		"node_modules/kdbush": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/kdbush/-/kdbush-3.0.0.tgz",
+			"integrity": "sha512-hRkd6/XW4HTsA9vjVpY9tuXJYLSlelnkTmVFu4M9/7MIYQtFcHpbugAU7UbOfjOiVSVYl2fqgBuJ32JUmRo5Ew=="
+		},
 		"node_modules/kleur": {
 			"version": "4.1.5",
 			"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
@ -1816,6 +1947,48 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/mapbox": {
+			"version": "1.0.0-beta10",
+			"resolved": "https://registry.npmjs.org/mapbox/-/mapbox-1.0.0-beta10.tgz",
+			"integrity": "sha512-2goOXWE4r7dIYlol0xrReJD1s4l8rTBVTQ2/pcZv5tLnxPWIh8RT3cEDN3cDzDQMpsbQhgNgd7icRZSBL9WkxQ==",
+			"dependencies": {
+				"es6-promise": "^4.0.5",
+				"rest": "^2.0.0"
+			}
+		},
+		"node_modules/mapbox-gl": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/mapbox-gl/-/mapbox-gl-2.12.0.tgz",
+			"integrity": "sha512-T60fbDV1ULikrhwPdRbpeQOF02+Nhv7QgJ4uGfKWybkoH+DdCxNWTmT7OFiKR0uz9ed98TAodYiHZQAQtFdwwQ==",
+			"dependencies": {
+				"@mapbox/geojson-rewind": "^0.5.2",
+				"@mapbox/jsonlint-lines-primitives": "^2.0.2",
+				"@mapbox/mapbox-gl-supported": "^2.0.1",
+				"@mapbox/point-geometry": "^0.1.0",
+				"@mapbox/tiny-sdf": "^2.0.5",
+				"@mapbox/unitbezier": "^0.0.1",
+				"@mapbox/vector-tile": "^1.3.1",
+				"@mapbox/whoots-js": "^3.1.0",
+				"csscolorparser": "~1.0.3",
+				"earcut": "^2.2.4",
+				"geojson-vt": "^3.2.1",
+				"gl-matrix": "^3.4.3",
+				"grid-index": "^1.1.0",
+				"murmurhash-js": "^1.0.0",
+				"pbf": "^3.2.1",
+				"potpack": "^2.0.0",
+				"quickselect": "^2.0.0",
+				"rw": "^1.3.3",
+				"supercluster": "^7.1.5",
+				"tinyqueue": "^2.0.3",
+				"vt-pbf": "^3.1.3"
+			}
+		},
+		"node_modules/mapbox/node_modules/es6-promise": {
+			"version": "4.2.8",
+			"resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+			"integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="
+		},
 		"node_modules/markdown-table": {
 			"version": "3.0.3",
 			"resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.3.tgz",
@ -2638,7 +2811,6 @@
 			"version": "1.2.7",
 			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
 			"integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
-			"dev": true,
 			"funding": {
 				"url": "https://github.com/sponsors/ljharb"
 			}
@ -2668,6 +2840,11 @@
 			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
 			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
 		},
+		"node_modules/murmurhash-js": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/murmurhash-js/-/murmurhash-js-1.0.0.tgz",
+			"integrity": "sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw=="
+		},
 		"node_modules/nanoid": {
 			"version": "3.3.4",
 			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
@ -2784,6 +2961,18 @@
 			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
 			"dev": true
 		},
+		"node_modules/pbf": {
+			"version": "3.2.1",
+			"resolved": "https://registry.npmjs.org/pbf/-/pbf-3.2.1.tgz",
+			"integrity": "sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ==",
+			"dependencies": {
+				"ieee754": "^1.1.12",
+				"resolve-protobuf-schema": "^2.1.0"
+			},
+			"bin": {
+				"pbf": "bin/pbf"
+			}
+		},
 		"node_modules/picocolors": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@ -2938,6 +3127,11 @@
 			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
 			"dev": true
 		},
+		"node_modules/potpack": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/potpack/-/potpack-2.0.0.tgz",
+			"integrity": "sha512-Q+/tYsFU9r7xoOJ+y/ZTtdVQwTWfzjbiXBDMM/JKUux3+QPP02iUuIoeBQ+Ot6oEDlC+/PGjB/5A3K7KKb7hcw=="
+		},
 		"node_modules/property-information": {
 			"version": "6.2.0",
 			"resolved": "https://registry.npmjs.org/property-information/-/property-information-6.2.0.tgz",
@ -2947,6 +3141,11 @@
 				"url": "https://github.com/sponsors/wooorm"
 			}
 		},
+		"node_modules/protocol-buffers-schema": {
+			"version": "3.6.0",
+			"resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
+			"integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="
+		},
 		"node_modules/queue-microtask": {
 			"version": "1.2.3",
 			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@ -2979,6 +3178,11 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/quickselect": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
+			"integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="
+		},
 		"node_modules/read-cache": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@ -3103,6 +3307,19 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/resolve-protobuf-schema": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz",
+			"integrity": "sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==",
+			"dependencies": {
+				"protocol-buffers-schema": "^3.3.1"
+			}
+		},
+		"node_modules/rest": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/rest/-/rest-2.0.0.tgz",
+			"integrity": "sha512-MmTKuTuLVARHNnpL1jJjohscJcY3vsaKNz+b2J5v32BcjIVyimKrNv8r8uygeFp9gf8Cm1erhxypdzRFFEPZOA=="
+		},
 		"node_modules/reusify": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@ -3163,6 +3380,11 @@
 				"queue-microtask": "^1.2.2"
 			}
 		},
+		"node_modules/rw": {
+			"version": "1.3.3",
+			"resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+			"integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
+		},
 		"node_modules/sade": {
 			"version": "1.8.1",
 			"resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
@ -3280,6 +3502,14 @@
 				"inline-style-parser": "0.1.1"
 			}
 		},
+		"node_modules/supercluster": {
+			"version": "7.1.5",
+			"resolved": "https://registry.npmjs.org/supercluster/-/supercluster-7.1.5.tgz",
+			"integrity": "sha512-EulshI3pGUM66o6ZdH3ReiFcvHpM3vAigyK+vcxdjpJyEbIIrtbmBdY23mGgnI24uXiGFvrGq9Gkum/8U7vJWg==",
+			"dependencies": {
+				"kdbush": "^3.0.0"
+			}
+		},
 		"node_modules/supports-preserve-symlinks-flag": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@ -3500,6 +3730,11 @@
 				"globrex": "^0.1.2"
 			}
 		},
+		"node_modules/tinyqueue": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/tinyqueue/-/tinyqueue-2.0.3.tgz",
+			"integrity": "sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA=="
+		},
 		"node_modules/tippy.js": {
 			"version": "6.3.7",
 			"resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
@ -3817,6 +4052,16 @@
 				}
 			}
 		},
+		"node_modules/vt-pbf": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/vt-pbf/-/vt-pbf-3.1.3.tgz",
+			"integrity": "sha512-2LzDFzt0mZKZ9IpVF2r69G9bXaP2Q2sArJCmcCgvfTdCCZzSyz4aCLoQyUilu37Ll56tCblIZrXFIjNUpGIlmA==",
+			"dependencies": {
+				"@mapbox/point-geometry": "0.1.0",
+				"@mapbox/vector-tile": "^1.3.1",
+				"pbf": "^3.2.1"
+			}
+		},
 		"node_modules/web-namespaces": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
@ -3860,6 +4105,11 @@
 				"node": ">=0.4"
 			}
 		},
+		"node_modules/yallist": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+		},
 		"node_modules/yaml": {
 			"version": "1.10.2",
 			"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
@ -3880,6 +4130,11 @@
 		}
 	},
 	"dependencies": {
+		"@beyonk/svelte-mapbox": {
+			"version": "8.2.0",
+			"resolved": "https://registry.npmjs.org/@beyonk/svelte-mapbox/-/svelte-mapbox-8.2.0.tgz",
+			"integrity": "sha512-v9iN5rqZDq50Sp3v0vjrg4rFzgatgRaX1YDU9MXaTqgGhOUpEhw675ZJDrcZ0XNZEoox20ki3EBHTufurjjSag=="
+		},
 		"@bytemd/plugin-gfm": {
 			"version": "1.17.4",
 			"resolved": "https://registry.npmjs.org/@bytemd/plugin-gfm/-/plugin-gfm-1.17.4.tgz",
@ -3952,6 +4207,53 @@
 			"resolved": "https://registry.npmjs.org/@icon-park/svg/-/svg-1.4.2.tgz",
 			"integrity": "sha512-1X0DA+1e0R0liYvw+Nb2BQmF1oEo/wS3o/JYkQYifPJXCGYij2vN9sJf/NNhbzDsJWTg4W2bbzZjJvC7Q4w4oQ=="
 		},
+		"@mapbox/geojson-rewind": {
+			"version": "0.5.2",
+			"resolved": "https://registry.npmjs.org/@mapbox/geojson-rewind/-/geojson-rewind-0.5.2.tgz",
+			"integrity": "sha512-tJaT+RbYGJYStt7wI3cq4Nl4SXxG8W7JDG5DMJu97V25RnbNg3QtQtf+KD+VLjNpWKYsRvXDNmNrBgEETr1ifA==",
+			"requires": {
+				"get-stream": "^6.0.1",
+				"minimist": "^1.2.6"
+			}
+		},
+		"@mapbox/jsonlint-lines-primitives": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/@mapbox/jsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.2.tgz",
+			"integrity": "sha512-rY0o9A5ECsTQRVhv7tL/OyDpGAoUB4tTvLiW1DSzQGq4bvTPhNw1VpSNjDJc5GFZ2XuyOtSWSVN05qOtcD71qQ=="
+		},
+		"@mapbox/mapbox-gl-supported": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/@mapbox/mapbox-gl-supported/-/mapbox-gl-supported-2.0.1.tgz",
+			"integrity": "sha512-HP6XvfNIzfoMVfyGjBckjiAOQK9WfX0ywdLubuPMPv+Vqf5fj0uCbgBQYpiqcWZT6cbyyRnTSXDheT1ugvF6UQ=="
+		},
+		"@mapbox/point-geometry": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/@mapbox/point-geometry/-/point-geometry-0.1.0.tgz",
+			"integrity": "sha512-6j56HdLTwWGO0fJPlrZtdU/B13q8Uwmo18Ck2GnGgN9PCFyKTZ3UbXeEdRFh18i9XQ92eH2VdtpJHpBD3aripQ=="
+		},
+		"@mapbox/tiny-sdf": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/@mapbox/tiny-sdf/-/tiny-sdf-2.0.5.tgz",
+			"integrity": "sha512-OhXt2lS//WpLdkqrzo/KwB7SRD8AiNTFFzuo9n14IBupzIMa67yGItcK7I2W9D8Ghpa4T04Sw9FWsKCJG50Bxw=="
+		},
+		"@mapbox/unitbezier": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/@mapbox/unitbezier/-/unitbezier-0.0.1.tgz",
+			"integrity": "sha512-nMkuDXFv60aBr9soUG5q+GvZYL+2KZHVvsqFCzqnkGEf46U2fvmytHaEVc1/YZbiLn8X+eR3QzX1+dwDO1lxlw=="
+		},
+		"@mapbox/vector-tile": {
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/@mapbox/vector-tile/-/vector-tile-1.3.1.tgz",
+			"integrity": "sha512-MCEddb8u44/xfQ3oD+Srl/tNcQoqTw3goGk2oLsrFxOTc3dUp+kAnby3PvAeeBYSMSjSPD1nd1AJA6W49WnoUw==",
+			"requires": {
+				"@mapbox/point-geometry": "~0.1.0"
+			}
+		},
+		"@mapbox/whoots-js": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/@mapbox/whoots-js/-/whoots-js-3.1.0.tgz",
+			"integrity": "sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q=="
+		},
 		"@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@ -4355,6 +4657,11 @@
 				"node-fetch": "2.6.7"
 			}
 		},
+		"csscolorparser": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/csscolorparser/-/csscolorparser-1.0.3.tgz",
+			"integrity": "sha512-umPSgYwZkdFoUrH5hIq5kf0wPSXiro51nPw0j2K/c83KflkPSTBGMz6NJvMB+07VlL0y7VPo6QJcDjcgKTTm3w=="
+		},
 		"cssesc": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@ -4446,6 +4753,11 @@
 			"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
 			"dev": true
 		},
+		"earcut": {
+			"version": "2.2.4",
+			"resolved": "https://registry.npmjs.org/earcut/-/earcut-2.2.4.tgz",
+			"integrity": "sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ=="
+		},
 		"electron-to-chromium": {
 			"version": "1.4.284",
 			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz",
@ -4811,6 +5123,21 @@
 			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
 			"dev": true
 		},
+		"geojson-vt": {
+			"version": "3.2.1",
+			"resolved": "https://registry.npmjs.org/geojson-vt/-/geojson-vt-3.2.1.tgz",
+			"integrity": "sha512-EvGQQi/zPrDA6zr6BnJD/YhwAkBP8nnJ9emh3EnHQKVMfg/MRVtPbMYdgVy/IaEmn4UfagD2a6fafPDL5hbtwg=="
+		},
+		"get-stream": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+			"integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg=="
+		},
+		"gl-matrix": {
+			"version": "3.4.3",
+			"resolved": "https://registry.npmjs.org/gl-matrix/-/gl-matrix-3.4.3.tgz",
+			"integrity": "sha512-wcCp8vu8FT22BnvKVPjXa/ICBWRq/zjFfdofZy1WSpQZpphblv12/bOQLBC1rMM7SGOFS9ltVmKOHil5+Ml7gA=="
+		},
 		"glob": {
 			"version": "7.2.3",
 			"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@ -4850,6 +5177,11 @@
 			"integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
 			"dev": true
 		},
+		"grid-index": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/grid-index/-/grid-index-1.1.0.tgz",
+			"integrity": "sha512-HZRwumpOGUrHyxO5bqKZL0B0GlUpwtCAzZ42sgxUPniu33R1LSFH5yrIcBCHjkctCAh3mtWKcKd9J4vDDdeVHA=="
+		},
 		"has": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
@ -4983,6 +5315,16 @@
 			"resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-2.0.1.tgz",
 			"integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A=="
 		},
+		"html5-qrcode": {
+			"version": "2.3.4",
+			"resolved": "https://registry.npmjs.org/html5-qrcode/-/html5-qrcode-2.3.4.tgz",
+			"integrity": "sha512-VPZrOTG8XR9HmIAhSSiGtJVPErZxKy/DuGc9cPQLburCWZEbvxQGJP9y4K4P+8vdalLtYB/vM5YP1BdWQKZ8jQ=="
+		},
+		"ieee754": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
+		},
 		"immutable": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz",
@ -5083,6 +5425,11 @@
 				"form-data": "^2.3.2"
 			}
 		},
+		"kdbush": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/kdbush/-/kdbush-3.0.0.tgz",
+			"integrity": "sha512-hRkd6/XW4HTsA9vjVpY9tuXJYLSlelnkTmVFu4M9/7MIYQtFcHpbugAU7UbOfjOiVSVYl2fqgBuJ32JUmRo5Ew=="
+		},
 		"kleur": {
 			"version": "4.1.5",
 			"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
@ -5129,6 +5476,50 @@
 				"sourcemap-codec": "^1.4.8"
 			}
 		},
+		"mapbox": {
+			"version": "1.0.0-beta10",
+			"resolved": "https://registry.npmjs.org/mapbox/-/mapbox-1.0.0-beta10.tgz",
+			"integrity": "sha512-2goOXWE4r7dIYlol0xrReJD1s4l8rTBVTQ2/pcZv5tLnxPWIh8RT3cEDN3cDzDQMpsbQhgNgd7icRZSBL9WkxQ==",
+			"requires": {
+				"es6-promise": "^4.0.5",
+				"rest": "^2.0.0"
+			},
+			"dependencies": {
+				"es6-promise": {
+					"version": "4.2.8",
+					"resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+					"integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="
+				}
+			}
+		},
+		"mapbox-gl": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/mapbox-gl/-/mapbox-gl-2.12.0.tgz",
+			"integrity": "sha512-T60fbDV1ULikrhwPdRbpeQOF02+Nhv7QgJ4uGfKWybkoH+DdCxNWTmT7OFiKR0uz9ed98TAodYiHZQAQtFdwwQ==",
+			"requires": {
+				"@mapbox/geojson-rewind": "^0.5.2",
+				"@mapbox/jsonlint-lines-primitives": "^2.0.2",
+				"@mapbox/mapbox-gl-supported": "^2.0.1",
+				"@mapbox/point-geometry": "^0.1.0",
+				"@mapbox/tiny-sdf": "^2.0.5",
+				"@mapbox/unitbezier": "^0.0.1",
+				"@mapbox/vector-tile": "^1.3.1",
+				"@mapbox/whoots-js": "^3.1.0",
+				"csscolorparser": "~1.0.3",
+				"earcut": "^2.2.4",
+				"geojson-vt": "^3.2.1",
+				"gl-matrix": "^3.4.3",
+				"grid-index": "^1.1.0",
+				"murmurhash-js": "^1.0.0",
+				"pbf": "^3.2.1",
+				"potpack": "^2.0.0",
+				"quickselect": "^2.0.0",
+				"rw": "^1.3.3",
+				"supercluster": "^7.1.5",
+				"tinyqueue": "^2.0.3",
+				"vt-pbf": "^3.1.3"
+			}
+		},
 		"markdown-table": {
 			"version": "3.0.3",
 			"resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.3.tgz",
@ -5639,8 +6030,7 @@
 		"minimist": {
 			"version": "1.2.7",
 			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
-			"integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
-			"dev": true
+			"integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g=="
 		},
 		"mkdirp": {
 			"version": "0.5.6",
@ -5661,6 +6051,11 @@
 			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
 			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
 		},
+		"murmurhash-js": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/murmurhash-js/-/murmurhash-js-1.0.0.tgz",
+			"integrity": "sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw=="
+		},
 		"nanoid": {
 			"version": "3.3.4",
 			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
@ -5748,6 +6143,15 @@
 			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
 			"dev": true
 		},
+		"pbf": {
+			"version": "3.2.1",
+			"resolved": "https://registry.npmjs.org/pbf/-/pbf-3.2.1.tgz",
+			"integrity": "sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ==",
+			"requires": {
+				"ieee754": "^1.1.12",
+				"resolve-protobuf-schema": "^2.1.0"
+			}
+		},
 		"picocolors": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@ -5832,11 +6236,21 @@
 			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
 			"dev": true
 		},
+		"potpack": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/potpack/-/potpack-2.0.0.tgz",
+			"integrity": "sha512-Q+/tYsFU9r7xoOJ+y/ZTtdVQwTWfzjbiXBDMM/JKUux3+QPP02iUuIoeBQ+Ot6oEDlC+/PGjB/5A3K7KKb7hcw=="
+		},
 		"property-information": {
 			"version": "6.2.0",
 			"resolved": "https://registry.npmjs.org/property-information/-/property-information-6.2.0.tgz",
 			"integrity": "sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg=="
 		},
+		"protocol-buffers-schema": {
+			"version": "3.6.0",
+			"resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
+			"integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="
+		},
 		"queue-microtask": {
 			"version": "1.2.3",
 			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@ -5849,6 +6263,11 @@
 			"integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
 			"dev": true
 		},
+		"quickselect": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
+			"integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="
+		},
 		"read-cache": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@ -5940,6 +6359,19 @@
 				"supports-preserve-symlinks-flag": "^1.0.0"
 			}
 		},
+		"resolve-protobuf-schema": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz",
+			"integrity": "sha512-kI5ffTiZWmJaS/huM8wZfEMer1eRd7oJQhDuxeCLe3t7N7mX3z94CN0xPxBQxFYQTSNz9T0i+v6inKqSdK8xrQ==",
+			"requires": {
+				"protocol-buffers-schema": "^3.3.1"
+			}
+		},
+		"rest": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/rest/-/rest-2.0.0.tgz",
+			"integrity": "sha512-MmTKuTuLVARHNnpL1jJjohscJcY3vsaKNz+b2J5v32BcjIVyimKrNv8r8uygeFp9gf8Cm1erhxypdzRFFEPZOA=="
+		},
 		"reusify": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@ -5973,6 +6405,11 @@
 				"queue-microtask": "^1.2.2"
 			}
 		},
+		"rw": {
+			"version": "1.3.3",
+			"resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+			"integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="
+		},
 		"sade": {
 			"version": "1.8.1",
 			"resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
@ -6064,6 +6501,14 @@
 				"inline-style-parser": "0.1.1"
 			}
 		},
+		"supercluster": {
+			"version": "7.1.5",
+			"resolved": "https://registry.npmjs.org/supercluster/-/supercluster-7.1.5.tgz",
+			"integrity": "sha512-EulshI3pGUM66o6ZdH3ReiFcvHpM3vAigyK+vcxdjpJyEbIIrtbmBdY23mGgnI24uXiGFvrGq9Gkum/8U7vJWg==",
+			"requires": {
+				"kdbush": "^3.0.0"
+			}
+		},
 		"supports-preserve-symlinks-flag": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@ -6194,6 +6639,11 @@
 				"globrex": "^0.1.2"
 			}
 		},
+		"tinyqueue": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/tinyqueue/-/tinyqueue-2.0.3.tgz",
+			"integrity": "sha512-ppJZNDuKGgxzkHihX8v9v9G5f+18gzaTfrukGrq6ueg0lmH4nqVnA2IPG0AEH3jKEk2GRJCUhDoqpoiw3PHLBA=="
+		},
 		"tippy.js": {
 			"version": "6.3.7",
 			"resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
@ -6384,6 +6834,16 @@
 			"dev": true,
 			"requires": {}
 		},
+		"vt-pbf": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/vt-pbf/-/vt-pbf-3.1.3.tgz",
+			"integrity": "sha512-2LzDFzt0mZKZ9IpVF2r69G9bXaP2Q2sArJCmcCgvfTdCCZzSyz4aCLoQyUilu37Ll56tCblIZrXFIjNUpGIlmA==",
+			"requires": {
+				"@mapbox/point-geometry": "0.1.0",
+				"@mapbox/vector-tile": "^1.3.1",
+				"pbf": "^3.2.1"
+			}
+		},
 		"web-namespaces": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
@ -6420,6 +6880,11 @@
 			"integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
 			"dev": true
 		},
+		"yallist": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+		},
 		"yaml": {
 			"version": "1.10.2",
 			"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
--- a/package.json
+++ b/package.json
@ -27,6 +27,11 @@
 		"bytemd": "^1.17.4",
 		"svelte-appwrite-client": "^0.2.3",
 		"svelte-i18n": "^3.6.0",
-		"svelte-routing": "^1.6.0"
+		"svelte-routing": "^1.6.0",
+		"@beyonk/svelte-mapbox": "^8.1.4",
+		"html5-qrcode": "^2.3.0",
+		"mapbox": "^1.0.0-beta10",
+		"mapbox-gl": "^2.10.0",
+		"yallist": "^4.0.0"
 	}
 }
--- a/src/App.svelte
+++ b/src/App.svelte
@ -25,11 +25,23 @@
 	})
 </script>

-<div>
+<main>
 	<CookiesPopUp />

 	<!-- you can display loading while app is not ready (waiting for user and i18n) -->
 	{#if isReady}
 		<Routes />
 	{/if}
-</div>
+</main>
+
+<style lang="scss">
+	main {
+		height: 100%;
+		display: flex;
+		justify-content: center;
+		justify-self: center;
+		width: 100%;
+		position: relative;
+		max-width: var(--max-viewport-width);
+	}
+</style>
--- a/src/__layout.svelte
+++ b/src/__layout.svelte
@ -1,3 +1,3 @@
-<main>
+<main class="w-full h-full">
 	<slot />
 </main>
--- a/src/__loading.svelte
+++ b/src/__loading.svelte
@ -2,6 +2,6 @@
 	import Loading from '$lib/components/Common/Loading.svelte'
 </script>

-<div class="fixed w-full h-full flex items-center justify-center">
+<div class=" w-full h-full flex items-center justify-center">
 	<Loading />
 </div>
--- a/src/__routes.svelte
+++ b/src/__routes.svelte
@ -45,7 +45,7 @@
 		},
 		{
 			path: '/register',
-			component: () => import('$routes/log_in.svelte'),
+			component: () => import('$routes/register.svelte'),
 		},
 		{
 			path: '/:gameurl',
--- a/src/routes/register.svelte
+++ b/src/routes/register.svelte
@ -0,0 +1,244 @@
+<script>
+	import HiddenInput from '../lib/Components/Inputs/Hidden_Input.svelte'
+	import GoogleLogo from '../lib/svg/GoogleLogo.svelte'
+	import TopImage from '../lib/svg/Top-Image.svelte'
+
+	export let purpose = 'register' //possible values login, register
+</script>
+
+<div class="main">
+	<!--Top image static link form lib/svg-->
+	<div class="top-image">
+		<TopImage />
+	</div>
+
+	<!--Welcome sign 2 options for Log in and for register-->
+	<h1 class="headline">
+		{#if purpose === 'login'}
+			Welcome Back
+		{:else}
+			Register
+		{/if}
+	</h1>
+
+	<!--2 forms from components-->
+	<div class="form">
+		{#if purpose === 'login'}
+			<form>
+				<input type="text" placeholder="E-mail" autocomplete="email" required />
+				<HiddenInput placeholder="Password" />
+				<input type="submit" value="Sign in" />
+			</form>
+		{:else}
+			<form>
+				<input type="text" placeholder="Name" autocomplete="full-name" required />
+				<input type="text" placeholder="E-mail" autocomplete="email" required />
+				<HiddenInput placeholder="Password" />
+				<HiddenInput placeholder="Re-type password" />
+				<input type="submit" value="Sign up" />
+			</form>
+		{/if}
+	</div>
+
+	<div class="continue_with">
+		<button>
+			<GoogleLogo />
+			<p>Continue with Google</p>
+		</button>
+
+		<button>
+			<p>Continue with Facebook</p>
+		</button>
+	</div>
+
+	<div class="LR_switch">
+		<!--LR switch = login / register switch-->
+		{#if purpose === 'login'}
+			<p>Don’t have an account? <a href="/register">Sign-up</a></p>
+		{:else}
+			<p>Already have an account? <a href="/login">Log In</a></p>
+		{/if}
+	</div>
+</div>
+
+<style lang="scss">
+	$gap: 20px;
+
+	.main {
+		width: 100%;
+		max-height: 100vh;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		align-items: center;
+		gap: $gap;
+		padding: 30px 0 0 0;
+
+		@media screen and (max-height: 990px) {
+			gap: 2vh;
+		}
+
+		.top-image {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+
+		.headline {
+			text-align: center;
+			font-family: 'Source Sans Pro';
+			font-style: normal;
+			font-weight: 600;
+			font-size: 40px;
+			margin: 0px;
+
+			@media screen and (max-height: 750px) {
+				font-size: 5.3vh;
+			}
+		}
+
+		.continue_with {
+			width: calc(100% - 48px);
+			margin: 0 auto 0 auto;
+			position: relative;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			gap: 20px;
+
+			@media screen and (max-width: 410px) {
+				width: calc(100% - 24px);
+			}
+
+			button {
+				height: 60px;
+				width: 100%;
+
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				justify-content: center;
+				gap: 16px;
+
+				background-color: #fff;
+				border-radius: 10px;
+				box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.084), 0px 2px 3px rgba(0, 0, 0, 0.168);
+
+				@media screen and (max-width: 410px) {
+					gap: 3.5vw;
+				}
+				p {
+					font-family: 'Source Sans Pro';
+					font-style: normal;
+					font-weight: 600;
+					font-size: 28px;
+					line-height: 36px;
+					color: rgba(0, 0, 0, 0.54);
+
+					@media screen and (max-width: 400px) {
+						font-size: 7.3vw;
+					}
+				}
+			}
+			button:hover {
+				opacity: 70%;
+			}
+		}
+
+		.form {
+			width: calc(100% - 48px);
+			position: relative;
+			margin: 0 auto 0 auto;
+
+			@media screen and (max-width: 410px) {
+				width: calc(100% - 24px);
+			}
+
+			form {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				gap: $gap;
+
+				@media screen and (max-height: 990px) {
+					gap: 2vh;
+				}
+
+				width: 100%;
+				position: relative;
+
+				input[type='text'] {
+					width: calc(100%);
+					padding: 12px 24px;
+					border-radius: 15px;
+					background-color: #eeeeee;
+					font-size: 18px;
+					font-family: 'Source Sans Pro';
+					font-style: normal;
+					font-weight: 600;
+					line-height: 28px;
+					@media screen and (max-height: 720px) {
+						padding: 8px 24px;
+					}
+				}
+				::placeholder {
+					color: #8f8f8f;
+					font-size: 18px;
+					font-family: 'Source Sans Pro';
+					font-style: normal;
+					font-weight: 600;
+					line-height: 28px;
+				}
+
+				input[type='submit'] {
+					background-color: #4263eb;
+					color: white;
+
+					width: 100%;
+
+					font-family: 'Source Sans Pro';
+					font-style: normal;
+					font-weight: 600;
+					font-size: 32px;
+					line-height: 40px;
+					padding: 12px 0px;
+					border-radius: 15px;
+
+					@media screen and (max-height: 820px) {
+						font-size: 3.9vh;
+						line-height: 4.8vh;
+						padding: 1.4vh 0px;
+					}
+				}
+			}
+		}
+
+		.LR_switch {
+			width: calc(100% - 48px);
+			padding-bottom: 30px;
+
+			text-align: center;
+			font-family: 'Source Sans Pro';
+			font-style: normal;
+			font-weight: 600;
+			font-size: 24px;
+			letter-spacing: 0.5px;
+			color: rgba(0, 0, 0, 0.4);
+			@media screen and (max-width: 410px) {
+				width: calc(100% - 24px);
+				font-size: 5.8vw;
+			}
+
+			@media screen and (max-width: 320px) {
+				font-size: 18px;
+			}
+			a {
+				color: #4263eb;
+			}
+			a:hover {
+				opacity: 50%;
+			}
+		}
+	}
+</style>