build: Fix frontend build

Signed-off-by: Snorre Magnus Davøen <[email protected]>

.env.local

@@ -0,0 +1 @@
+VITE_API_HOST=http://localhost:3000

.github/workflows/publish.yml

@@ -54,7 +54,7 @@ jobs:
         name: Build Vite frontend for production with bun runtime
         env:
           ## This is the URL the Solid app will use to make API calls
-          VITE_API_URL: https://norsky.snorre.io
+          VITE_API_HOST: https://norsky.snorre.io
         run: bun run build
 
 

frontend/App.tsx

@@ -14,7 +14,7 @@ import 'chartjs-adapter-date-fns';
 import icon from "../assets/favicon.png";
 
 // Get the URL from the import.meta object
-const url = import.meta.env.BASE_URL;
+const host = import.meta.env.VITE_API_HOST;
 
 const mapData = (data: any) => {
   const mapped = data?.map(({ time, count }: any) => ({ x: time, y: count })).slice(data.length - 24, data.length)?? []
@@ -121,7 +121,7 @@ const PostPerHour: Component<{ lang: string, label: string }> = ({ lang, label }
   // Create a new resource signal to fetch data from the API
   // That is createResource('http://localhost:3000/dashboard/posts-per-hour');
   const [data] = createResource(
-    `http://localhost:3000/dashboard/posts-per-hour?lang=${lang}`,
+    `${host}/dashboard/posts-per-hour?lang=${lang}`,
     fetcher
   );
   return (

postcss.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+  purge: ['./index.html', './frontend/**/*.{vue,js,ts,jsx,tsx}'],
   plugins: {
     tailwindcss: {},
     autoprefixer: {},

tailwind.config.ts

@@ -3,7 +3,7 @@ import type { Config } from 'tailwindcss';
 const config: Config = {
   content: [
     './index.html',
-    './src/**/*.{js,ts,jsx,tsx,css,md,mdx,html,json,scss}',
+    './frontend/**/*.{js,ts,jsx,tsx,css,md,mdx,html,json,scss}',
   ],
   darkMode: 'class',
   theme: {