graphql-apollo-client 1.0.0

package/.codesandbox/workspace.json

@@ -0,0 +1,20 @@
+{
+  "responsive-preview": {
+    "Mobile": [
+      320,
+      675
+    ],
+    "Tablet": [
+      1024,
+      765
+    ],
+    "Desktop": [
+      1400,
+      800
+    ],
+    "Desktop  HD": [
+      1920,
+      1080
+    ]
+  }
+}

package/README.md

@@ -0,0 +1,9 @@
+# GraphqQL WebSocket Client
+
+
+### To Install dependencies
+- `npm install` or `yarn`
+
+### To run this example:
+
+- `npm run dev` or `yarn dev`

package/index.js

@@ -0,0 +1,98 @@
+const { InMemoryCache } = require("apollo-cache-inmemory");
+const ApolloClient = require("apollo-client").default;
+const { WebSocketLink } = require("apollo-link-ws");
+const gql = require("graphql-tag");
+const WebSocket = require("ws");
+const ApolloLink = require("apollo-link");
+const { createHttpLink } = require("apollo-link-http");
+const { getMainDefinition } = require("apollo-utilities");
+const fetch = (...args) =>
+  import("node-fetch").then(({ default: fetch }) => fetch(...args));
+
+/**
+ * 
+ * @param {{ httpEndpoint: string, wsEndpoint: string, bearerToken: string }} params 
+ * @returns { ApolloClient }
+ */
+
+const configureClient = ({ httpEndpoint, wsEndpoint, bearerToken }) => {
+  const wsLink = new WebSocketLink({
+    uri: wsEndpoint,
+    options: {
+      reconnect: true,
+      connectionParams: async () => {
+        return {
+          Authorization: bearerToken
+        };
+      }
+    },
+    webSocketImpl: WebSocket
+  });
+
+  const httpLink = createHttpLink({
+    uri: httpEndpoint,
+    fetch: fetch,
+    headers: {
+      Authorization: bearerToken
+    }
+  });
+
+  const splitLink = ApolloLink.split(
+    ({ query }) => {
+      const definition = getMainDefinition(query);
+
+      return (
+        definition.kind === "OperationDefinition" &&
+        definition.operation === "subscription"
+      );
+    },
+    wsLink,
+    httpLink
+  );
+  const apolloClient = new ApolloClient({
+    cache: new InMemoryCache(),
+    link: splitLink
+  });
+
+  return apolloClient
+}
+
+
+
+/**
+ * Example
+ */
+
+const GRAPHQL_ENDPOINT = "https://api.ecomon.no";
+const GRAPHQL_ENDPOINT_WS = "wss://api.ecomon.no";
+const TOKEN = "Bearer intermediary-api-key_858bef2f-5b67-49b2-b7e0-c07a093f98be";
+
+const client = configureClient({
+  httpEndpoint: GRAPHQL_ENDPOINT,
+  wsEndpoint: GRAPHQL_ENDPOINT_WS,
+  bearerToken: TOKEN
+})
+
+// Test subscription
+client
+  .subscribe({
+    query: gql`
+      subscription {
+        realtimeMeasurement(deviceId: "pM8SEyRQ") {
+          activePowerImport
+          time
+        }
+      }
+    `,
+    variables: {}
+  })
+  .subscribe({
+    next(data) {
+      console.log(data);
+    }
+  });
+
+
+
+
+module.exports = configureClient

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "graphql-apollo-client",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "apollo-cache-inmemory": "1.6.6",
+    "apollo-client": "2.6.10",
+    "apollo-link": "1.2.14",
+    "apollo-link-error": "1.1.13",
+    "apollo-link-http": "1.5.17",
+    "apollo-link-ws": "1.0.20",
+    "apollo-utilities": "1.3.4",
+    "graphql": "16.6.0",
+    "graphql-tag": "2.12.6",
+    "graphql-ws": "5.10.1",
+    "node-fetch": "3.2.10",
+    "nodemon": "2.0.19",
+    "subscriptions-transport-ws": "0.11.0",
+    "ws": "8.8.1"
+  },
+  "scripts": {
+    "start": "node index.js",
+    "dev": "nodemon index.js"
+  },
+  "keywords": [],
+  "description": ""
+}