Merge pull request #101 from madscience/error-results

Make error handling easier to configure

Author: sgarner

src/ApolloErrorProcessor.ts

@@ -0,0 +1,50 @@
+import {
+  ApolloErrorType,
+  InputValidationError,
+  NetworkError,
+  ProcessedApolloError,
+  ServerError,
+  UnauthorizedError,
+  UserInputError,
+  ValidationRuleViolation,
+} from './types';
+
+export interface ApolloErrorHandlerResultInterface {
+  allErrors: ProcessedApolloError[];
+  validationRuleViolations?: ValidationRuleViolation[];
+}
+
+export class ApolloErrorHandlerResult implements ApolloErrorHandlerResultInterface {
+  public readonly allErrors: ProcessedApolloError[];
+
+  public constructor(
+    public readonly unhandledErrors: ProcessedApolloError[],
+    public readonly handledErrors: ProcessedApolloError[],
+  ) {
+    this.allErrors = [...unhandledErrors, ...handledErrors];
+  }
+
+  public get networkErrors(): NetworkError[] {
+    return this.allErrors.filter((e): e is NetworkError => e.type === ApolloErrorType.NETWORK_ERROR);
+  }
+
+  public get serverErrors(): ServerError[] {
+    return this.allErrors.filter((e): e is ServerError => e.type === ApolloErrorType.SERVER_ERROR);
+  }
+
+  public get unauthorizedErrors(): UnauthorizedError[] {
+    return this.allErrors.filter((e): e is UnauthorizedError => e.type === ApolloErrorType.UNAUTHORIZED_ERROR);
+  }
+
+  public get userInputErrors(): UserInputError[] {
+    return this.allErrors.filter((e): e is UserInputError => e.type === ApolloErrorType.BAD_USER_INPUT);
+  }
+
+  public get inputValidationErrors(): InputValidationError[] {
+    return this.allErrors.filter((e): e is InputValidationError => e.type === ApolloErrorType.INPUT_VALIDATION_ERROR);
+  }
+
+  public get validationRuleViolations(): ValidationRuleViolation[] {
+    return this.inputValidationErrors.flatMap(e => e.violations);
+  }
+}

src/error/ApolloErrorHandlerResult.ts

@@ -0,0 +1,34 @@
+import { processApolloError } from './processApolloError';
+import { ApolloOperationContext } from '../types';
+import { Vue } from 'vue/types/vue';
+import { ApolloError, ApolloOperationErrorHandlerFunction } from './types';
+import { ApolloErrorHandlerResult } from './ApolloErrorHandlerResult';
+
+/**
+ * This is a simple example of an error handler function. You can copy this and implement your own in your application.
+ */
+export const handleApolloError: ApolloOperationErrorHandlerFunction<
+  ApolloError,
+  Vue,
+  ApolloOperationContext,
+  ApolloErrorHandlerResult
+> = (error: ApolloError, app: Vue, context?: ApolloOperationContext): ApolloErrorHandlerResult => {
+  const { unhandledErrors, handledErrors } = processApolloError(error, {
+    app,
+    context,
+    // Example of a handler function for a particular type of error:
+    onUnauthorizedError: error => {
+      console.warn('Unauthorized! Logging you out...', error);
+      //logout();
+
+      // Returning true indicates to the processor that we've handled this error
+      return true;
+    },
+  });
+
+  unhandledErrors.forEach(error => {
+    console.error(`${error.type}: ${error.message}`, error.error);
+  });
+
+  return new ApolloErrorHandlerResult(unhandledErrors, handledErrors);
+};

src/error/handleApolloError.ts

@@ -0,0 +1,8 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './ApolloErrorHandlerResult';
+export * from './handleApolloError';
+export * from './processApolloError';
+export * from './types';