Forward errors to logs

clients/banking/src/utils/gql.ts

@@ -106,6 +106,16 @@ const makeRequest: MakeRequest = ({ url, headers, operationName, document, varia
  .flatMapError(error => filterOutUnauthorizedError(operationName, error))
  .tapError(errors => {
  ClientError.forEach(errors, error => {
+ try {
+ navigator.sendBeacon(
+ "/api/errors/report",
+ JSON.stringify({
+ clientRequestId: requestId,
+ clientErrorName: error.name,
+ clientErrorMessage: error.message,
+ }),
+ );
+ } catch (err) {}
  errorToRequestId.set(error, requestId);
  });
  });

clients/onboarding/src/utils/gql.ts

@@ -72,6 +72,16 @@ export const client = new Client({
  )
  .tapError(errors => {
  ClientError.forEach(errors, error => {
+ try {
+ navigator.sendBeacon(
+ "/api/errors/report",
+ JSON.stringify({
+ clientRequestId: requestId,
+ clientErrorName: error.name,
+ clientErrorMessage: error.message,
+ }),
+ );
+ } catch (err) {}
  errorToRequestId.set(error, requestId);
  });
  });

clients/payment/src/utils/gql.ts

@@ -72,6 +72,16 @@ export const client = new Client({
  )
  .tapError(errors => {
  ClientError.forEach(errors, error => {
+ try {
+ navigator.sendBeacon(
+ "/api/errors/report",
+ JSON.stringify({
+ clientRequestId: requestId,
+ clientErrorName: error.name,
+ clientErrorMessage: error.message,
+ }),
+ );
+ } catch (err) {}
  errorToRequestId.set(error, requestId);
  });
  });

server/src/app.ts

@@ -775,6 +775,25 @@ export const start = async ({
  }
  });
 
+ /**
+ * Log request issue to mezmo
+ */
+ app.post("/api/errors/report", async (request, reply) => {
+ const success = Option.fromNullable(request.body)
+ .flatMap(body => (typeof body === "string" ? Option.Some(body) : Option.None()))
+ .toResult("Invalid body")
+ .flatMap(body => Result.fromExecution(() => JSON.parse(body) as unknown))
+ .tapOk(body => {
+ request.log.warn({
+ name: "ClientSideError",
+ contents: body,
+ });
+ })
+ .isOk();
+
+ return reply.send({ success });
+ });
+
  /**
  * Exposes environement variables to the client apps at runtime.
  * The client simply has to load `<script src="/env.js"></script>`