Setup client deployment (#48)

* Setup client deployment

* Fix $app/env.js reference in Jest tests

* Address feedback

* Fix API proxy forwarding

* Revert "Fix API proxy forwarding"

This reverts commit 37bdb82.

* Post merge udpate

* Win battle with Vitest

* Cleanup

* Fix Cypress request interception

* Cleanup

* Run client Supervisor process as foreground node

Makefile

@@ -17,6 +17,9 @@ install-server: #- Install server dependencies
 install-client: #- Install client dependencies
 	cd client && npm ci
 
+build: #- Build production assets
+	cd client && npm run build
+
 serve: #- Serve both the server and the client in parallel
 	make -j 2 serve-server serve-client
 
@@ -26,6 +29,12 @@ serve-server: #- Run API server
 serve-client: #- Run the client
 	./tools/colorize_prefix.sh [client] 33 "cd client && npm run dev"
 
+serve-dist: #- Serve both the server and the built client in parallel
+	make -j 2 serve-server serve-dist-client
+
+serve-dist-client: #- Run the built client 
+	./tools/colorize_prefix.sh [client] 33 "cd client && npm start"
+
 migrate: #- Apply pending migrations
 	${bin}alembic upgrade head
 

client/cypress/integration/home_spec.js

@@ -1,5 +1,3 @@
-const server = "http://127.0.0.1:3579";
-
 describe("Basic form submission", () => {
   it("Visits the home page", () => {
     const title = "Un nom de jeu de données";
@@ -9,7 +7,7 @@ describe("Basic form submission", () => {
     cy.get("#title").type(title).should("have.value", title);
     cy.get("#description").type(description).should("have.value", description);
 
-    cy.intercept("POST", `${server}/datasets/`).as("new-dataset");
+    cy.intercept("POST", `/api/datasets/`).as("new-dataset");
     cy.get("button").click().contains("loading...");
     cy.wait("@new-dataset").should(({ request, response }) => {
       expect(request.method).to.equal("POST");