fix(styles): resolve font not found

package.json

@@ -13,7 +13,6 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@fontsource/press-start-2p": "^4.5.11",
     "@motionone/solid": "10.16.0",
     "@tauri-apps/api": "^1.2.0",
     "@tauri-apps/cli": "^1.2.3",

pnpm-lock.yaml

@@ -1,9 +1,6 @@
 lockfileVersion: '6.0'
 
 dependencies:
-  '@fontsource/press-start-2p':
-    specifier: ^4.5.11
-    version: 4.5.11
   '@motionone/solid':
     specifier: 10.16.0
     version: 10.16.0(solid-js@1.7.4)
@@ -45,9 +42,6 @@ devDependencies:
   eslint:
     specifier: 8.39.0
     version: 8.39.0
-  eslint-plugin-tailwindcss:
-    specifier: ^3.11.0
-    version: 3.11.0(tailwindcss@3.3.2)
   postcss:
     specifier: 8.4.23
     version: 8.4.23
@@ -657,10 +651,6 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@fontsource/press-start-2p@4.5.11:
-    resolution: {integrity: sha512-wICB8YPvoBi9Ok7s+CxAOljiQ6wqQN/UhrDrB63q9nudYDSOWmvrjFQaXSlj0AN16nAkDjZiaCz6dcKtR0kleg==}
-    dev: false
-
   /@humanwhocodes/config-array@0.11.8:
     resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==}
     engines: {node: '>=10.10.0'}
@@ -2012,17 +2002,6 @@ packages:
       eslint: 8.39.0
     dev: true
 
-  /eslint-plugin-tailwindcss@3.11.0(tailwindcss@3.3.2):
-    resolution: {integrity: sha512-RaraOG4D6VXutKnoNvFQ4+frTWGJDKtezy1yCrGFS7Um1to/npDNdh2GL19IRoGB/eanbtwhxFXy+xyEw0grAg==}
-    engines: {node: '>=12.13.0'}
-    peerDependencies:
-      tailwindcss: ^3.2.2
-    dependencies:
-      fast-glob: 3.2.12
-      postcss: 8.4.23
-      tailwindcss: 3.3.2
-    dev: true
-
   /eslint-plugin-unicorn@45.0.2(eslint@8.39.0):
     resolution: {integrity: sha512-Y0WUDXRyGDMcKLiwgL3zSMpHrXI00xmdyixEGIg90gHnj0PcHY4moNv3Ppje/kDivdAy5vUeUr7z211ImPv2gw==}
     engines: {node: '>=14.18'}

src/components/layout/Downloaders/Downloaders.tsx

@@ -43,18 +43,11 @@ export const Downloaders: Component = () => {
     return callback(`Completed in: ${seconds} seconds`, 'success')
   }
 
-  console.log(Animation.fadeInOut({ scale: [0, 1, 0], y: [1, 4, 1] }))
-
   return (
     <>
       <Loader active={loading()} class='mt-10' />
       <Popup condition={popup()}>
-        <span
+        <span class={classNames('', { 'text-red-600': error })}>{message()}</span>
-          class={classNames('', {
-            'text-red-600': error
-          })}>
-          {message()}
-        </span>
 
         <Button
           value='Close'

src/index.tsx

@@ -1,7 +1,7 @@
 import { render } from 'solid-js/web'
 
-import './styles.css'
+import './styles/fonts.css'
-import '@fontsource/press-start-2p'
+import './styles/styles.css'
 import App from './App'
 
 render(() => {

src/styles/fonts.css

@@ -0,0 +1,13 @@
+@font-face {
+  font-family: 'Press Start 2P';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url('./PressStart2P-Regular.ttf');
+}
+
+#root {
+  font-family: 'Press Start 2P';
+  overflow: hidden;
+  height: 100vh;
+}

src/styles/styles.css

@@ -2,12 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-#root {
-  font-family: 'Press Start 2P';
-  overflow: hidden;
-  height: 100vh;
-}
-
 @layer utilities {
   .retro-text-shadow {
     text-shadow: 0px 1.5px 0px #000000, -1px 3px 0px rgba(0, 0, 0, 0.54);

src/types/Converters.d.ts

@@ -6,16 +6,15 @@ import type {
   IFurni,
   IProduct
 } from './SubConverters'
-import type { KeyValuePairs } from './global'
 
 export interface IFigureData {
   palettes: IFigureDataPalette[]
-  setTypes: KeyValuePairs<string, IFigureDataSetType>
+  setTypes: Record<string, IFigureDataSetType>
 }
 
 export interface IFigureMap {
   libraries: IFigureMapLibrary[]
-  parts: KeyValuePairs<string, KeyValuePairs<number, number>>
+  parts: Record<string, Record<number, number>>
 }
 
 export interface IFurniData {
@@ -23,7 +22,7 @@ export interface IFurniData {
   wallItems: IFurni[]
 }
 
-export type IEffectMap = KeyValuePairs<string, KeyValuePairs<string, string>>
+export type IEffectMap = Record<string, Record<string, string>>
 
 export interface IProductData {
   productData: { product: IProduct }

src/types/SubConverters.d.ts

@@ -1,5 +1,3 @@
-import type { KeyValuePairs } from './global'
-
 export interface IFloorItemDimensions {
   x: number
   y: number
@@ -39,7 +37,7 @@ export interface IFigureDataPaletteType {
   color: string
 }
 
-export type IFigureDataPalette = KeyValuePairs<number, IFigureDataPaletteType>
+export type IFigureDataPalette = Record<number, IFigureDataPaletteType>
 
 export interface IFigureDataPart {
   id: number
@@ -66,7 +64,7 @@ export interface IFigureDataSetType {
   mandatoryF1: boolean
   mandatoryM0: boolean
   mandatoryM1: boolean
-  sets: KeyValuePairs<number, IFigureDataSet>
+  sets: Record<number, IFigureDataSet>
 }
 
 export interface IFigureMapLibraryPart {