Consistent build api url & updated base to /api/v1

src/lib/utils/requestSessionCookie.ts

@@ -1,11 +1,7 @@
-import { dev } from '$app/environment';
+import { buildApiUrl } from './apiUrl';
 
 export default async function requestSessionCookie() {
-  let url = '/api';
-  if (dev) {
-    url = 'http://localhost:30010'.concat(url);
-  }
-
+  const url = buildApiUrl('/api/v1');
   await fetch(url);
   return true;
 }

src/routes/Footer.svelte

@@ -1,14 +1,11 @@
 <script lang="ts">
   import LinkArrow from '$lib/components/LinkArrow.svelte';
+  import { buildApiUrl } from '$lib/utils/apiUrl';
 
   export let isAdmin = false;
 
   function logout() {
-    let url = '/api/logout';
-    if (window?.location?.href.includes('localhost')) {
-      url = 'http://localhost:30010'.concat(url);
-    }
-
+    const url = buildApiUrl('/api/v1/logout');
     fetch(url, { method: 'POST' }).then((resp) => {
       resp.status === 200 && window.location.reload();
     });

src/routes/login/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import Button from '$lib/components/Button.svelte';
   import Input from '$lib/components/Input.svelte';
+  import { buildApiUrl } from '$lib/utils/apiUrl';
 
   let username: string;
   let password: string;
@@ -20,11 +21,7 @@
       }
     };
 
-    let url = '/api/login';
-    if (window?.location?.href.includes('localhost')) {
-      url = 'http://localhost:30010'.concat(url);
-    }
-
+    const url = buildApiUrl('/api/v1/login');
     fetch(url, options)
       .then((resp) => {
         const { status } = resp;

src/routes/sitemap.xml/+server.ts

@@ -52,7 +52,7 @@ function sitemapPages(): string {
 }
 
 async function sitemapShopPages(): Promise<string> {
-  const res = await fetch('/api/products');
+  const res = await fetch('/api/v1/products');
   const productResponse: IProductsDTO = await res.json();
 
   return productResponse?.products

src/routes/styles.css

@@ -35,9 +35,7 @@ a {
   text-decoration: none;
 
   -webkit-transition: -webkit-transform 0.15s linear;
-  transition: -webkit-transform 0.15s linear;
   transition: transform 0.15s linear;
-  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
   -webkit-transform-origin: 50% 80%;
   transform-origin: 50% 80%;
 }

src/routes/warehouse/+page.server.ts

@@ -1,7 +1,7 @@
 import type { PageServerLoad } from './$types';
 
 export const load: PageServerLoad = async ({ fetch }) => {
-  const res = await fetch('/api/warehouse');
+  const res = await fetch('/api/v1/warehouse');
   const warehouse = await res.json();
 
   return {