Add support for uploading files

Now it is possible to upload files via the Apollo-Client.
Also Apollo v3 is implemented now.

Author: schettn

package.json

@@ -24,17 +24,22 @@
   },
   "homepage": "https://github.com/snek-at/client#readme",
   "dependencies": {
-    "apollo-cache-inmemory": "^1.6.5",
-    "apollo-client": "^2.6.8",
-    "apollo-link-http": "^1.5.16",
-    "graphql": "^14.6.0",
+    "@apollo/client": "^3.1.5",
+    "apollo-upload-client": "^14.1.1",
+    "graphql": "^14.7.0",
     "graphql-tag": "^2.10.3",
-    "js-cookie": "^2.2.1"
+    "js-cookie": "^2.2.1",
+    "react": "^16.13.1",
+    "subscriptions-transport-ws": "^0.9.18"
   },
   "devDependencies": {
     "@babel/core": "^7.9.6",
     "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@types/apollo-upload-client": "^14.1.0",
     "@types/js-cookie": "^2.2.6",
-    "typescript": "^3.8.3"
+    "@types/mocha": "^8.0.3",
+    "@types/node": "^14.6.4",
+    "@types/react": "^16.9.49",
+    "typescript": "^3.9.7"
   }
 }

src/endpoints/apollo.ts

@@ -1,20 +1,15 @@
 //#region > Imports
-//#PACKAGE "apollo-client"
-//## npm install "apollo-client"@2.6.8
-// Contains the client for graphql handling
-import { ApolloClient } from "apollo-client";
-//#PACKAGE "apollo-link-http"
-//## npm install "apollo-link-http"@1.5.16
-// Contains the link for the apollo client
-import { HttpLink } from "apollo-link-http";
-//#PACKAGE "apollo-cache-inmemory"
-//## npm install "apollo-cache-inmemory"@1.6.5
-// Contains cache handling for apollo
+//#PACKAGE "@apollo/client"
 import {
+  ApolloClient,
+  ApolloLink,
   InMemoryCache,
-  IntrospectionFragmentMatcher,
   NormalizedCacheObject,
-} from "apollo-cache-inmemory";
+  HttpLink,
+} from "@apollo/client";
+//#PACKAGE "'apollo-upload-client"
+// Contains the link for the apollo client
+import { createUploadLink } from "apollo-upload-client";
 //#PACKAGE "graphql"
 //## npm install "graphql"@14.6.0
 // Contains the interface for gql queries, mutations and subscriptions
@@ -32,7 +27,7 @@ import { ApolloResult } from "./index";
 /** @class Apollo client for graphql handling */
 class Apollo implements ApolloEndpoint {
   //> Fields
-  private link: HttpLink;
+  private link: ApolloLink;
   private cache: InMemoryCache;
   private client: ApolloClient<NormalizedCacheObject>;
 
@@ -49,26 +44,18 @@ class Apollo implements ApolloEndpoint {
    */
   constructor(uri: string, options: Options) {
     this.headers = options.headers;
-    const fragmentMatcher = new IntrospectionFragmentMatcher({
-      introspectionQueryResultData: {
-        __schema: {
-          types: [],
-        },
-      },
-    });
 
     try {
-      this.cache = new InMemoryCache({ fragmentMatcher });
+      this.cache = new InMemoryCache();
     } catch {
       //#ERROR
       throw new Error("An error occurred while initializing the cache!");
     }
 
     try {
-      this.link = new HttpLink({
-        uri,
-        headers: options.headers,
-      });
+      const uploadLink = createUploadLink({ uri, headers: options.headers });
+
+      this.link = ApolloLink.from([uploadLink]);
     } catch {
       //#ERROR
       throw new Error("An error occurred while initializing the API link!");

src/endpoints/index.ts

@@ -4,8 +4,7 @@
 //## npm install "graphql"@14.6.0
 // Contains the interface for gql queries, mutations and subscriptions
 import { DocumentNode } from "graphql";
-import { FetchResult } from "apollo-link";
-import { ApolloQueryResult } from "apollo-client";
+import { ApolloQueryResult, FetchResult } from "@apollo/client";
 //#endregion
 
 //#region > Types

tsconfig.json

@@ -33,7 +33,11 @@
     /**
      * Allow json modules.
      */
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    /**
+     * Skip type checking of declaration files.
+     */
+    "skipLibCheck": true
   },
   /**
    * The files to not type check.