fix: run with domain configuration

Author: RonenMars

README.md

@@ -62,6 +62,12 @@ Create a `.env` file in the root of the project directory and add the necessary
 - Description: Used for running E2E tests when authentication is enabled on the backend. This JWT token allows the test runner to authenticate and access the application during testing.
 - Example: TESTS_JWT_AUTH_TOKEN=your_jwt_auth_token_for_e2e_tests
 
+`VITE_DISABLE_MKCERT_SSL`
+
+- Default: None (SSL certificates are enabled by default)
+- Description: When set to "true", disables automatic SSL certificate generation via mkcert. This forces the development server to use HTTP instead of HTTPS and restricts SSL certificates to localhost only.
+- Example: VITE_DISABLE_MKCERT_SSL=true
+
 **Note:** These environment variables are optional. The application will use default values or fall back to certain behaviors if these variables are not set. However, setting them allows for greater customization and functionality, especially in different deployment environments or when running tests.
 
 ### Running the Project 🏃

playwright.config.ts

@@ -67,7 +67,7 @@ export default defineConfig({
 	/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
 	use: {
 		/* Base URL to use in actions like `await page.goto('/')`. */
-		baseURL: "http://localhost:8000",
+		baseURL: "https://localhost:8000",
 
 		/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
 		trace: "on",

vite.config.ts

@@ -86,8 +86,13 @@ export default defineConfig({
 		include: ["tailwind-config", "apexcharts"],
 	},
 	plugins: [
-		...(process.env.VITE_LOCAL_SSL_CERT === "true" ? [mkcert()] : []),
 		react(),
+		mkcert({
+			hosts:
+				process.env.VITE_DISABLE_MKCERT_SSL === "true" && process.env.VITE_APP_DOMAIN
+					? ["localhost"]
+					: ["localhost", process.env.VITE_APP_DOMAIN].filter(Boolean),
+		}),
 		ViteEjsPlugin((viteConfig) => ({
 			env: viteConfig.env,
 		})),
@@ -177,7 +182,7 @@ export default defineConfig({
 		},
 	},
 	server: {
-		host: process.env.VITE_APP_DOMAIN ? JSON.stringify(process.env.VITE_APP_DOMAIN) : true,
+		host: process.env.VITE_APP_DOMAIN ? "0.0.0.0" : true,
 		port: process.env.VITE_LOCAL_PORT ? Number(process.env.VITE_LOCAL_PORT) : 8000,
 		strictPort: true,
 	},