Merge pull request #163 from escapedcat/fix/make-build-work-again

fix: remove lottie to enable build again #161

README.md

@@ -20,17 +20,21 @@
 - axios
 - vite
 - fontawesome
-- lottie
 - opencage
 
 (see [`package.json`](https://github.com/teambtcmap/btcmap.org/blob/main/package.json) for full list)
 
 ## Getting started
 
 1. `git clone` the repo and `cd` into the directory
-2. run `yarn` to install the packages
-3. `yarn dev` will open the app on `localhost:5173`
-4. after making edits run `yarn format` to format the files
+1. run `yarn` to install the packages
+1. `yarn dev` will open the app on `localhost:5173`
+1. after making edits run `yarn format` to format the files
+
+### Build project
+
+1. Create `.env` (Copy `.env.example` and sane as `.env`)
+1. `yarn build`
 
 _NOTE:_ BTC Map uses the latest LTS version of [node](https://nodejs.org/). If you have [NVM](https://github.com/nvm-sh/nvm), you can simply run `nvm use` in the root directory of the repo to switch to the supported node version.
 

package.json

@@ -47,7 +47,6 @@
 	"type": "module",
 	"dependencies": {
 		"@fortawesome/fontawesome-free": "^6.5.2",
-		"@lottiefiles/svelte-lottie-player": "^0.3.1",
 		"@mapbox/geojson-rewind": "^0.5.2",
 		"@tanstack/match-sorter-utils": "^8.15.1",
 		"@tanstack/svelte-table": "^8.17.3",

src/components/Boost.svelte

@@ -2,8 +2,6 @@
 	import { CloseButton, CopyButton, Icon, PrimaryButton } from '$lib/comp';
 	import { boost, boostHash, exchangeRate, resetBoost } from '$lib/store';
 	import { errToast, warningToast } from '$lib/utils';
-	// @ts-expect-error
-	import { LottiePlayer } from '@lottiefiles/svelte-lottie-player';
 	import axios from 'axios';
 	import JSConfetti from 'js-confetti';
 	import QRCode from 'qrcode';
@@ -265,19 +263,6 @@
 				</div>
 			{:else}
 				<div class="space-y-4 text-center">
-					{#if typeof window !== 'undefined'}
-						<div class="mx-auto h-[99px] w-44">
-							<LottiePlayer
-								src="/lottie/boost.json"
-								autoplay={true}
-								loop={true}
-								controls={false}
-								renderer="svg"
-								background="transparent"
-							/>
-						</div>
-					{/if}
-
 					<p
 						class="text-xl font-bold text-primary dark:text-white {$boost.name.match('([^ ]{14})')
 							? 'break-all'

src/components/FormSuccess.svelte

@@ -8,8 +8,6 @@
 	import { HeaderPlaceholder, PrimaryButton } from '$lib/comp';
 	import { socials, theme } from '$lib/store';
 	import { detectTheme } from '$lib/utils';
-	// @ts-expect-error
-	import { LottiePlayer } from '@lottiefiles/svelte-lottie-player';
 </script>
 
 <div class="mt-10 flex items-center justify-center pb-20 text-center md:pb-32">
@@ -40,18 +38,7 @@
 				class="text-link transition-colors hover:text-hover">issue #{issue}</a
 			>.
 		</p>
-		{#if typeof window !== 'undefined'}
-			<div class="mx-auto w-full md:w-96">
-				<LottiePlayer
-					src="/lottie/lightning-bolt.json"
-					autoplay={true}
-					loop={true}
-					controls={false}
-					renderer="svg"
-					background="transparent"
-				/>
-			</div>
-		{/if}
+
 		<PrimaryButton
 			text="Submit another {type.toLowerCase()}"
 			{link}