fix: up to d ate with new api changes

beat-forge · Jan 14, 2024 · e409266 · e409266
1 parent 13a8851
commit e409266
Show file tree

Hide file tree

Showing 9 changed files with 296 additions and 195 deletions.
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -13,6 +13,8 @@
 	},
 	"devDependencies": {
 		"@fontsource/fira-mono": "^5.0.8",
+		"@melt-ui/pp": "^0.3.0",
+		"@melt-ui/svelte": "^0.61.0",
 		"@neoconfetti/svelte": "^1.0.0",
 		"@sveltejs/adapter-auto": "^2.1.0",
 		"@sveltejs/adapter-node": "^1.3.1",
@@ -34,6 +36,7 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"@urql/svelte": "^4.0.4",
 		"jwt-decode": "^4.0.0",
 		"sugar": "^2.0.6",
 		"svelte-tiny-virtual-list": "^2.0.5",

diff --git a/apps/web/src/app.html b/apps/web/src/app.html
@@ -13,11 +13,11 @@
 		<meta property="og:image" content="/images/og_image.png" />
 		<meta name="twitter:card" content="summary_large_image" />
 
-		<script
+		<!-- <script
 			async
 			src="https://stats.beatforge.net/script.js"
 			data-website-id="bb624bfb-72f4-4f5d-9034-9186693a3360"
-		></script>
+		></script> -->
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">

diff --git a/apps/web/src/lib/components/ModListItem.svelte b/apps/web/src/lib/components/ModListItem.svelte
@@ -21,9 +21,9 @@
 
     let updatedAtProper: string;
     try {
-        updatedAtProper = Sugar.Date.relative(new Date(updatedAt * 1000))
+        updatedAtProper = Sugar.Date.relative(new Date(updatedAt * 1000)).toString();
     } catch (e) {
-        updatedAtProper = Sugar.Date.relative(new Date(Date.parse(updatedAt * 1000)))
+        updatedAtProper = Sugar.Date.relative(new Date(Date.parse(updatedAt * 1000))).toString();
     }
 </script>
 

diff --git a/apps/web/src/lib/components/ModVersionItem.svelte b/apps/web/src/lib/components/ModVersionItem.svelte
@@ -14,6 +14,8 @@
 	export let approved: boolean;
 	export let downloadUrl: string;
 
+	console.log(downloadUrl)
+
     let isHovered: boolean = false
 </script>
 

diff --git a/apps/web/src/routes/+layout.svelte b/apps/web/src/routes/+layout.svelte
@@ -10,6 +10,22 @@
 
 	import type { LayoutServerData } from './$types';
 	export let data: LayoutServerData;
+
+	import { Client, cacheExchange, fetchExchange, setContextClient } from '@urql/svelte';
+
+	const client = new Client({
+		url: `${import.meta.env.API_URL}/graphql`,
+		exchanges: [cacheExchange, fetchExchange],
+		fetchOptions: () => {
+			return {
+				headers: {
+					"Access-Control-Allow-Origin": "*",
+				}
+			};
+		}
+	});
+
+	setContextClient(client);
 </script>
 
 <!-- <NavBarDisclaimer /> -->