Adds support for client subdir (#1516)

Author: infomiho

waspc/ChangeLog.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 0.11.8
+
+### 🎉 [New Feature] Serving the Client From a Subdirectory
+
+You can now serve the client from a subdirectory. This is useful if you want to serve the client from a subdirectory of your domain, e.g. `https://example.com/my-app/`.
+
+To do this, you need to add the `client.baseDir` property to your `.wasp` file:
+
+```wasp
+app todoApp {
+  // ...
+  client: {
+    baseDir: "/my-app",
+  },
+}
+```
+
 ## 0.11.7
 
 ### 🐞 Bug fixes / 🔧 small improvements

waspc/data/Generator/templates/react-app/src/router.tsx

@@ -47,7 +47,7 @@ export const routes = {
 export type Routes = RouteDefinitionsToRoutes<typeof routes>
 
 const router = (
-  <Router>
+  <Router basename="{= baseDir =}">
     {=# rootComponent.isDefined =}
     <{= rootComponent.importIdentifier =}>
     {=/ rootComponent.isDefined =}

waspc/data/Generator/templates/react-app/vite.config.ts

@@ -12,9 +12,10 @@ const _waspUserProvidedConfig = {};
 {=/ customViteConfig.isDefined =}
 
 const defaultViteConfig = {
+  base: "{= baseDir =}",
   plugins: [react()],
   server: {
-    port: 3000,
+    port: {= defaultClientPort =},
     host: "0.0.0.0",
     open: true,
   },

waspc/data/Generator/templates/server/src/config.js

@@ -32,7 +32,7 @@ const resolvedConfig = merge(config.all, config[env])
 export default resolvedConfig
 
 function getDevelopmentConfig() {
-  const frontendUrl = stripTrailingSlash(process.env.WASP_WEB_CLIENT_URL) || 'http://localhost:3000';
+  const frontendUrl = stripTrailingSlash(process.env.WASP_WEB_CLIENT_URL || '{= defaultClientUrl =}');
   return {
     frontendUrl,
     allowedCORSOrigins: '*',