Fix warnings during build

sa-fw-an · sa-fw-an · commit c18de31883a1 · 2025-02-26T10:09:32.000+05:30
diff --git a/index.html b/index.html
@@ -6,10 +6,10 @@
     <link href="./src/styles/globals.css" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>SugarLabs</title>
-    <script src="./Randomfavicon.js" crossorigin="anonymous"></script>
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/Randomfavicon.js" crossorigin="anonymous"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "dev": "vite --host",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview",
+    "preview": "vite preview --host",
     "predeploy": "npm run build",
     "deploy": "gh-pages -d dist",
     "lint:ts": "eslint 'src/**/*.{ts,tsx}'",
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -1,22 +1,22 @@
 @font-face {
   font-family: 'Caveat';
-  src: url('../fonts/Caveat-Regular.ttf');
+  src: url('/fonts/Caveat-Regular.ttf');
 }
 @font-face {
   font-family: 'Roboto';
-  src: url('../fonts/Roboto-Regular.ttf');
+  src: url('/fonts/Roboto-Regular.ttf');
 }
 @font-face {
   font-family: 'Pacifico';
-  src: url('../fonts/Pacifico-Regular.ttf');
+  src: url('/fonts/Pacifico-Regular.ttf');
 }
 @font-face {
   font-family: 'AnonymousPro';
-  src: url('../fonts/AnonymousPro-Regular.ttf');
+  src: url('/fonts/AnonymousPro-Regular.ttf');
 }
 @font-face {
   font-family: 'Inter';
-  src: url('../fonts/Inter_28pt-Regular.ttf');
+  src: url('/fonts/Inter_28pt-Regular.ttf');
 }
 
 @import 'tailwindcss';
diff --git a/vite.config.ts b/vite.config.ts
@@ -9,4 +9,20 @@ export default defineConfig({
     react(),
     tailwindcss(),
   ],
+  build: {
+    rollupOptions: {
+      /**
+       * Ignore "use client" waning since we are not using SSR
+       */
+      onwarn(warning, warn) {
+        if (
+          warning.code === "MODULE_LEVEL_DIRECTIVE" &&
+          warning.message.includes(`"use client"`)
+        ) {
+          return;
+        }
+        warn(warning);
+      },
+    },
+  },
 })

Original file line number	Diff line number	Diff line change
`@@ -1,22 +1,22 @@`
`1`	`1`	`@font-face {`
`2`	`2`	`font-family: 'Caveat';`
`3`		`- src: url('../fonts/Caveat-Regular.ttf');`
	`3`	`+ src: url('/fonts/Caveat-Regular.ttf');`
`4`	`4`	`}`
`5`	`5`	`@font-face {`
`6`	`6`	`font-family: 'Roboto';`
`7`		`- src: url('../fonts/Roboto-Regular.ttf');`
	`7`	`+ src: url('/fonts/Roboto-Regular.ttf');`
`8`	`8`	`}`
`9`	`9`	`@font-face {`
`10`	`10`	`font-family: 'Pacifico';`
`11`		`- src: url('../fonts/Pacifico-Regular.ttf');`
	`11`	`+ src: url('/fonts/Pacifico-Regular.ttf');`
`12`	`12`	`}`
`13`	`13`	`@font-face {`
`14`	`14`	`font-family: 'AnonymousPro';`
`15`		`- src: url('../fonts/AnonymousPro-Regular.ttf');`
	`15`	`+ src: url('/fonts/AnonymousPro-Regular.ttf');`
`16`	`16`	`}`
`17`	`17`	`@font-face {`
`18`	`18`	`font-family: 'Inter';`
`19`		`- src: url('../fonts/Inter_28pt-Regular.ttf');`
	`19`	`+ src: url('/fonts/Inter_28pt-Regular.ttf');`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`@import 'tailwindcss';`