fix(aaaaaaaaaaaAAAAAAAAAAAAAAAAAAAAAAAAAA): aaaaaaaaaaaaaaAAAAAAAAAAA…

…AAAAAAA

package.json

@@ -41,6 +41,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
     "typescript": "^5.0.2",
-    "vite": "^4.4.5"
+    "vite": "^4.4.5",
+    "vite-plugin-singlefile": "^0.13.5"
   }
 }

src/components/gl/House/Appartment_v8.tsx

@@ -117,7 +117,7 @@ type GLTFResult = GLTF & {
 
 export const AppartmentV8 = (props: JSX.IntrinsicElements['group']) => {
   const { nodes, materials } = useGLTF(
-    'assets/appartment_v8-transformed.glb',
+    './assets/appartment_v8-transformed.glb',
   ) as GLTFResult;
 
   return (
@@ -491,4 +491,4 @@ export const AppartmentV8 = (props: JSX.IntrinsicElements['group']) => {
   );
 };
 
-useGLTF.preload('assets/appartment_v8-transformed.glb');
+useGLTF.preload('./assets/appartment_v8-transformed.glb');

src/components/hud/Audio/BackgroundMusic.tsx

@@ -28,7 +28,7 @@ export const BackgroundMusic = () => {
         loop
       >
         <source
-          src="/assets/sounds/Snifit-or-Whiffit-PaperMario-Color-Splash.mp3"
+          src="./assets/sounds/Snifit-or-Whiffit-PaperMario-Color-Splash.mp3"
           type="audio/mpeg"
         />
       </audio>

src/components/hud/Audio/SoundEffect.tsx

@@ -6,38 +6,38 @@ import { useSelector } from '@xstate/react';
 const soundEffects = {
   onAddPerson: new Wad({
     //@ts-ignore (it works, but the types are wrong)
-    source: '/assets/sounds/onAddPerson.mp3',
+    source: './assets/sounds/onAddPerson.mp3',
     volume: 0.1,
   }),
   onRemovePerson: new Wad({
     //@ts-ignore (it works, but the types are wrong)
-    source: '/assets/sounds/onRemovePerson.mp3',
+    source: './assets/sounds/onRemovePerson.mp3',
     volume: 0.3,
   }),
   bar: new Wad({
     //@ts-ignore (it works, but the types are wrong)
-    source: '/assets/sounds/bar.mp3',
+    source: './assets/sounds/bar.mp3',
     volume: 0.3,
   }),
   buffet: new Wad({
     //@ts-ignore (it works, but the types are wrong)
-    source: '/assets/sounds/buffet.mp3',
+    source: './assets/sounds/buffet.mp3',
     volume: 0.3,
     offset: 1.1,
   }),
   dancefloor: new Wad({
     //@ts-ignore (it works, but the types are wrong)
-    source: '/assets/sounds/dancefloor.mp3',
+    source: './assets/sounds/dancefloor.mp3',
     volume: 0.3,
   }),
   toilet: new Wad({
     //@ts-ignore (it works, but the types are wrong)
-    source: '/assets/sounds/toilet.mp3',
+    source: './assets/sounds/toilet.mp3',
     volume: 0.3,
   }),
   sofa: new Wad({
     //@ts-ignore (it works, but the types are wrong)
-    source: '/assets/sounds/sofa.mp3',
+    source: './assets/sounds/sofa.mp3',
     volume: 0.3,
   }),
 } as const;

src/components/hud/Clock/Clock.tsx

@@ -9,12 +9,12 @@ export const Clock = ({ elapsedPercent }: Props) => {
     <div className="gameMeter__container">
       <div className="relative">
         <img
-          src="/assets/hud/clock.png"
+          src="./assets/hud/clock.png"
           alt="meter"
           style={{ filter: `grayscale(1)` }}
         />
         <img
-          src="/assets/hud/clock.png"
+          src="./assets/hud/clock.png"
           alt="meter"
           className="absolute"
           style={{ clipPath: `inset(0 ${100 - elapsedPercent}% 0 0)` }}

vite.config.ts

@@ -1,7 +1,8 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { viteSingleFile } from "vite-plugin-singlefile"
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), viteSingleFile()],
 })