@operato/graphql 1.0.0-beta.5 → 1.0.0-beta.50

package/src/graphql-client.ts

@@ -1,7 +1,6 @@
 import { createUploadLink } from 'apollo-upload-client'
-import { SubscriptionClient } from 'subscriptions-transport-ws'
+import { createClient } from 'graphql-ws'
 
-import { ServerParseError } from '@apollo/client'
 import {
   ApolloClient,
   ApolloLink,
@@ -9,13 +8,18 @@ import {
   from,
   HttpLink,
   HttpOptions,
-  InMemoryCache
+  InMemoryCache,
+  ServerParseError,
+  split
 } from '@apollo/client/core'
 import { ErrorLink, onError } from '@apollo/client/link/error'
+import { GraphQLWsLink } from '@apollo/client/link/subscriptions'
+import { getMainDefinition } from '@apollo/client/utilities'
 
 // import { persistCache } from 'apollo-cache-persist'
 
 export const GRAPHQL_URI = '/graphql'
+export const SUBSCRIPTION_URI = GRAPHQL_URI
 
 const defaultOptions: DefaultOptions = {
   watchQuery: {
@@ -103,7 +107,7 @@ const httpOptions: HttpOptions = {
 
 const httpLink = ApolloLink.split(
   operation => operation.getContext().hasUpload,
-  createUploadLink(httpOptions),
+  createUploadLink(httpOptions) as any,
   new HttpLink(httpOptions)
 )
 
@@ -116,71 +120,38 @@ const httpLink = ApolloLink.split(
 
 // initPersistCache()
 
+const wsLink = new GraphQLWsLink(
+  createClient({
+    url: location.origin.replace(/^http/, 'ws') + SUBSCRIPTION_URI,
+    connectionParams: {
+      headers: {
+        /* 
+        특정 도메인의 데이타만 받고자 하는 경우에, referer 정보를 제공해서 서버에서 서브도메인 정보를 취득하도록 한다.
+        referer: location.href
+        또는, 이미 서브도메인 정보를 알고 있다면,
+        'x-things-factory-domain': '[subdomain]'
+        을 보낼 수 있다.
+        관련 정보를 보내지 않는다면, 사용자가 권한을 가진 모든 도메인의 데이타를 수신하게 된다.
+      */
+        referer: location.href
+      }
+    }
+  })
+)
+
 export const client = new ApolloClient({
   defaultOptions,
   cache,
-  link: from([onError(ERROR_HANDLER), httpLink])
+  link: split(
+    ({ query }) => {
+      const def = getMainDefinition(query)
+      return def.kind === 'OperationDefinition' && def.operation === 'subscription'
+    },
+    wsLink,
+    from([onError(ERROR_HANDLER), httpLink])
+  )
 })
 
-/* SubscriptionClient */
-var subscriptionClient: Promise<SubscriptionClient> | null
-
-const getSubscriptionClient = async (): Promise<SubscriptionClient> => {
-  if (!subscriptionClient) {
-    subscriptionClient = new Promise((resolve, reject) => {
-      var client = new SubscriptionClient(location.origin.replace(/^http/, 'ws') + '/subscriptions', {
-        reconnect: true,
-        connectionParams: {
-          headers: {
-            /* 
-              특정 도메인의 데이타만 받고자 하는 경우에, referer 정보를 제공해서 서버에서 서브도메인 정보를 취득하도록 한다.
-              referer: location.href
-              또는, 이미 서브도메인 정보를 알고 있다면,
-              'x-things-factory-domain': '[subdomain]'
-              을 보낼 수 있다.
-              관련 정보를 보내지 않는다면, 사용자가 권한을 가진 모든 도메인의 데이타를 수신하게 된다.
-            */
-            referer: location.href
-          }
-        }
-      })
-
-      client.onError(err => {
-        //readyState === 3 인 경우 url을 잘 못 입력했거나, 서버에 문제가 있는 경우이므로 강제로 close() 시킨다.
-        if (client.status === 3) {
-          client.close()
-        }
-        reject(err)
-      })
-
-      client.onConnected(() => {
-        resolve(client)
-      })
-    })
-  }
-
-  return await subscriptionClient
-}
-
-var subscriptions: (() => void)[] = []
-
 export const subscribe = async (request: any, subscribe: any) => {
-  var client = await getSubscriptionClient()
-  var { unsubscribe } = client.request(request).subscribe(subscribe)
-
-  subscriptions.push(unsubscribe)
-
-  return {
-    unsubscribe() {
-      subscriptions.splice(subscriptions.indexOf(unsubscribe), 1)
-      unsubscribe()
-
-      if (subscriptions.length == 0) {
-        client.unsubscribeAll()
-        client.close(true)
-
-        subscriptionClient = null
-      }
-    }
-  }
+  return client.subscribe(request).subscribe(subscribe)
 }

package/tsconfig.json

@@ -17,7 +17,7 @@
     "rootDir": "./",
     "declaration": true,
     "incremental": true,
-    "types": ["node", "mocha", "@apollo/client"]
+    "types": ["node", "mocha"]
   },
   "include": ["**/*.ts"]
 }