@operato/graphql 1.12.9 → 2.0.0-alpha.107

package/.storybook/main.js

@@ -1,3 +1,3 @@
 module.exports = {
-  stories: ['../dist/stories/**/*.stories.{js,md,mdx}'],
-};
+  stories: ['../dist/stories/**/*.stories.{js,md,mdx}']
+}

package/.storybook/server.mjs

@@ -1,8 +1,8 @@
-import { storybookPlugin } from '@web/dev-server-storybook';
-import baseConfig from '../web-dev-server.config.mjs';
+import { storybookPlugin } from '@web/dev-server-storybook'
+import baseConfig from '../web-dev-server.config.mjs'
 
 export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
   ...baseConfig,
   open: '/',
-  plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins],
-});
+  plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins]
+})

package/CHANGELOG.md

@@ -3,6 +3,68 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.0-alpha.107](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.106...v2.0.0-alpha.107) (2024-05-01)
+
+
+### :bug: Bug Fix
+
+* add useQuery hook into @operato/graphql ([a0b5f19](https://github.com/hatiolab/operato/commit/a0b5f19b31dacd7fcf1dc5335a4211c037568183))
+* consider graphql link for mocking ([8eb3687](https://github.com/hatiolab/operato/commit/8eb36875876244b9d15809f88fa6600589b132ef))
+
+
+
+## [2.0.0-alpha.57](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.56...v2.0.0-alpha.57) (2024-04-07)
+
+**Note:** Version bump only for package @operato/graphql
+
+
+
+
+
+## [2.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.50...v2.0.0-alpha.51) (2024-03-29)
+
+
+### :bug: Bug Fix
+
+* upgrade lit ([e661c33](https://github.com/hatiolab/operato/commit/e661c333d2bb97f784b5ac2c0e365714ee5e80ff))
+
+
+
+## [2.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.46...v2.0.0-alpha.47) (2024-03-27)
+
+
+### :bug: Bug Fix
+
+* storybook 실행 환경 ([6a2940f](https://github.com/hatiolab/operato/commit/6a2940fb89dc26566acdce7cf1781a71cbad61c5))
+
+
+
+## [2.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.42...v2.0.0-alpha.43) (2024-03-24)
+
+
+### :rocket: New Features
+
+* 모듈의 동적 라우팅 구성을 지원함 ([3b812a4](https://github.com/hatiolab/operato/commit/3b812a460e81b3ce7c8da8900a6378aff1484444))
+
+
+
+## [2.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-02-20)
+
+
+### :bug: Bug Fix
+
+* upgrade devDependencies for webcomponents ([1489b8b](https://github.com/hatiolab/operato/commit/1489b8b790d9bcee779a070a630697f25c01728f))
+
+
+
+## [2.0.0-alpha.0](https://github.com/hatiolab/operato/compare/v1.13.1...v2.0.0-alpha.0) (2024-01-05)
+
+**Note:** Version bump only for package @operato/graphql
+
+
+
+
+
 ### [1.12.9](https://github.com/hatiolab/operato/compare/v1.12.8...v1.12.9) (2024-01-04)
 
 

package/dist/src/active-request-counter-link.d.ts

@@ -3,3 +3,4 @@ export declare const activeRequestCounterLink: ApolloLink;
 export declare function setActiveRequestCounterCallback(newCallback: (activeRequestCount: number) => void): void;
 export declare function resetActiveRequestCounterCallback(): void;
 export declare function decreaseActiveRequestCounter(): void;
+export declare function increaseActiveRequestCounter(): void;

package/dist/src/active-request-counter-link.js

@@ -17,4 +17,7 @@ export function resetActiveRequestCounterCallback() {
 export function decreaseActiveRequestCounter() {
     callback && callback(--activeRequests);
 }
+export function increaseActiveRequestCounter() {
+    callback && callback(++activeRequests);
+}
 //# sourceMappingURL=active-request-counter-link.js.map

package/dist/src/active-request-counter-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"active-request-counter-link.js","sourceRoot":"","sources":["../../src/active-request-counter-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAEhD,IAAI,cAAc,GAAG,CAAC,CAAA;AAEtB,IAAI,QAAQ,GAAkD,IAAI,CAAA;AAElE,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,UAAU,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE;IAC5E,QAAQ,IAAI,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAA;IAEtC,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QACvC,QAAQ,IAAI,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAA;QAEtC,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,+BAA+B,CAAC,WAAiD;IAC/F,QAAQ,GAAG,WAAW,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,iCAAiC;IAC/C,QAAQ,GAAG,IAAI,CAAA;AACjB,CAAC;AAED,MAAM,UAAU,4BAA4B;IAC1C,QAAQ,IAAI,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAA;AACxC,CAAC","sourcesContent":["import { ApolloLink } from '@apollo/client/core'\n\nvar activeRequests = 0\n\nvar callback: ((activeRequestCount: number) => void) | null = null\n\nexport const activeRequestCounterLink = new ApolloLink((operation, forward) => {\n  callback && callback(++activeRequests)\n\n  return forward(operation).map(response => {\n    callback && callback(--activeRequests)\n\n    return response\n  })\n})\n\nexport function setActiveRequestCounterCallback(newCallback: (activeRequestCount: number) => void) {\n  callback = newCallback\n}\n\nexport function resetActiveRequestCounterCallback() {\n  callback = null\n}\n\nexport function decreaseActiveRequestCounter() {\n  callback && callback(--activeRequests)\n}\n"]}
+{"version":3,"file":"active-request-counter-link.js","sourceRoot":"","sources":["../../src/active-request-counter-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAEhD,IAAI,cAAc,GAAG,CAAC,CAAA;AAEtB,IAAI,QAAQ,GAAkD,IAAI,CAAA;AAElE,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,UAAU,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE;IAC5E,QAAQ,IAAI,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAA;IAEtC,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QACvC,QAAQ,IAAI,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAA;QAEtC,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,+BAA+B,CAAC,WAAiD;IAC/F,QAAQ,GAAG,WAAW,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,iCAAiC;IAC/C,QAAQ,GAAG,IAAI,CAAA;AACjB,CAAC;AAED,MAAM,UAAU,4BAA4B;IAC1C,QAAQ,IAAI,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAA;AACxC,CAAC;AAED,MAAM,UAAU,4BAA4B;IAC1C,QAAQ,IAAI,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAA;AACxC,CAAC","sourcesContent":["import { ApolloLink } from '@apollo/client/core'\n\nvar activeRequests = 0\n\nvar callback: ((activeRequestCount: number) => void) | null = null\n\nexport const activeRequestCounterLink = new ApolloLink((operation, forward) => {\n  callback && callback(++activeRequests)\n\n  return forward(operation).map(response => {\n    callback && callback(--activeRequests)\n\n    return response\n  })\n})\n\nexport function setActiveRequestCounterCallback(newCallback: (activeRequestCount: number) => void) {\n  callback = newCallback\n}\n\nexport function resetActiveRequestCounterCallback() {\n  callback = null\n}\n\nexport function decreaseActiveRequestCounter() {\n  callback && callback(--activeRequests)\n}\n\nexport function increaseActiveRequestCounter() {\n  callback && callback(++activeRequests)\n}\n"]}

package/dist/src/graphql-client.js

@@ -1,10 +1,5 @@
-import { createUploadLink } from 'apollo-upload-client';
-import { createClient } from 'graphql-ws';
-import { ApolloClient, ApolloLink, from, HttpLink, InMemoryCache, split } from '@apollo/client/core';
-import { onError } from '@apollo/client/link/error';
-import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
-import { getMainDefinition } from '@apollo/client/utilities';
-import { activeRequestCounterLink, decreaseActiveRequestCounter } from './active-request-counter-link';
+import { ApolloClient, InMemoryCache } from '@apollo/client/core';
+import { getClientLink } from './graphql-env';
 export const GRAPHQL_URI = '/graphql';
 export const SUBSCRIPTION_URI = GRAPHQL_URI;
 const defaultOptions = {
@@ -20,66 +15,65 @@ const defaultOptions = {
         errorPolicy: 'all'
     }
 };
-const ERROR_HANDLER = ({ operation, graphQLErrors, networkError }) => {
-    if (graphQLErrors) {
-        document.dispatchEvent(new CustomEvent('notify', {
-            detail: {
-                level: 'error',
-                message: graphQLErrors[0].message,
-                ex: graphQLErrors
-            }
-        }));
-    }
-    if (networkError) {
-        decreaseActiveRequestCounter();
-        /* networkError가 ServerParseError 이거나 ServerError 인 경우에만 statusCode를 갖는다. */
-        switch (networkError.statusCode) {
-            case undefined /* in case this error is not a server side error */:
-                document.dispatchEvent(new CustomEvent('notify', {
-                    detail: {
-                        level: 'error',
-                        message: networkError.message,
-                        ex: networkError
-                    }
-                }));
-                break;
-            case 401:
-                /* 401 에러가 리턴되면, 인증이 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 signin 프로세스를 진행할 수 있다. */
-                document.dispatchEvent(new CustomEvent('auth-required'));
-                break;
-            case 403:
-                /* 403 에러가 리턴되면, 도메인 정보가 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 domain-register 프로세스 등을 진행할 수 있다. */
-                document.dispatchEvent(new CustomEvent('domain-required'));
-                break;
-            default:
-                var { name, response, statusCode, bodyText, message } = networkError;
-                if (name == 'ServerParseError') {
-                    message = `[ ${statusCode || ''} : ${response.statusText} ] ${bodyText}`;
-                }
-                else {
-                    /* in case this error is instanceof ServerError */
-                    message = `[ ${statusCode || ''} : ${response.statusText} ] ${message}`;
-                }
-                document.dispatchEvent(new CustomEvent('notify', {
-                    detail: {
-                        level: 'error',
-                        message,
-                        ex: networkError
-                    }
-                }));
-        }
-    }
-};
+// const ERROR_HANDLER: ErrorLink.ErrorHandler = ({ operation, graphQLErrors, networkError }) => {
+//   if (graphQLErrors) {
+//     document.dispatchEvent(
+//       new CustomEvent('notify', {
+//         detail: {
+//           level: 'error',
+//           message: graphQLErrors[0].message,
+//           ex: graphQLErrors
+//         }
+//       })
+//     )
+//   }
+//   if (networkError) {
+//     decreaseActiveRequestCounter()
+//     /* networkError가 ServerParseError 이거나 ServerError 인 경우에만 statusCode를 갖는다. */
+//     switch ((networkError as ServerParseError).statusCode) {
+//       case undefined /* in case this error is not a server side error */:
+//         document.dispatchEvent(
+//           new CustomEvent('notify', {
+//             detail: {
+//               level: 'error',
+//               message: networkError.message,
+//               ex: networkError
+//             }
+//           })
+//         )
+//         break
+//       case 401:
+//         /* 401 에러가 리턴되면, 인증이 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 signin 프로세스를 진행할 수 있다. */
+//         document.dispatchEvent(new CustomEvent('auth-required'))
+//         break
+//       case 403:
+//         /* 403 에러가 리턴되면, 도메인 정보가 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 domain-register 프로세스 등을 진행할 수 있다. */
+//         document.dispatchEvent(new CustomEvent('domain-required'))
+//         break
+//       default:
+//         var { name, response, statusCode, bodyText, message } = networkError as ServerParseError
+//         if (name == 'ServerParseError') {
+//           message = `[ ${statusCode || ''} : ${response.statusText} ] ${bodyText}`
+//         } else {
+//           /* in case this error is instanceof ServerError */
+//           message = `[ ${statusCode || ''} : ${response.statusText} ] ${message}`
+//         }
+//         document.dispatchEvent(
+//           new CustomEvent('notify', {
+//             detail: {
+//               level: 'error',
+//               message,
+//               ex: networkError
+//             }
+//           })
+//         )
+//     }
+//   }
+// }
 const cache = new InMemoryCache({
     addTypename: false
     // dataIdFromObject: object => object.key
 });
-const httpOptions = {
-    uri: GRAPHQL_URI,
-    credentials: 'include',
-    headers: { 'Apollo-Require-Preflight': 'true' }
-};
-const httpLink = ApolloLink.split(operation => operation.getContext().hasUpload, createUploadLink(httpOptions), new HttpLink(httpOptions));
 // const initPersistCache = async () => {
 //   persistCache({
 //     cache,
@@ -87,32 +81,35 @@ const httpLink = ApolloLink.split(operation => operation.getContext().hasUpload,
 //   })
 // }
 // initPersistCache()
-const wsLink = new GraphQLWsLink(createClient({
-    url: location.origin.replace(/^http/, 'ws') + SUBSCRIPTION_URI,
-    keepAlive: 10000,
-    retryAttempts: 1000000,
-    shouldRetry: e => true,
-    connectionParams: {
-        headers: {
-            /*
-            특정 도메인의 데이타만 받고자 하는 경우에, referer 정보를 제공해서 서버에서 서브도메인 정보를 취득하도록 한다.
-            referer: location.href
-            또는, 이미 서브도메인 정보를 알고 있다면,
-            'x-things-factory-domain': '[subdomain]'
-            을 보낼 수 있다.
-            관련 정보를 보내지 않는다면, 사용자가 권한을 가진 모든 도메인의 데이타를 수신하게 된다.
-          */
-            referer: location.href
-        }
-    }
-}));
+// var mockedResponses: any = {}
+// const createMockLink = () =>
+//   new ApolloLink((operation, forward) => {
+//     return new Observable(observer => {
+//       const operationName = operation.operationName
+//       if (mockedResponses[operationName]) {
+//         observer.next({
+//           data: mockedResponses[operationName]
+//         })
+//       } else {
+//         observer.error(new Error(`No mock response for operation ${operationName}`))
+//       }
+//       observer.complete()
+//     })
+//   })
+// const link = process.env.STORYBOOK_ENV
+//   ? createMockLink()
+//   : split(
+//       ({ query }) => {
+//         const def = getMainDefinition(query)
+//         return def.kind === 'OperationDefinition' && def.operation === 'subscription'
+//       },
+//       wsLink,
+//       from([activeRequestCounterLink, onError(ERROR_HANDLER), httpLink])
+//     )
 export const client = new ApolloClient({
     defaultOptions,
     cache,
-    link: split(({ query }) => {
-        const def = getMainDefinition(query);
-        return def.kind === 'OperationDefinition' && def.operation === 'subscription';
-    }, wsLink, from([activeRequestCounterLink, onError(ERROR_HANDLER), httpLink]))
+    link: getClientLink()
 });
 export const subscribe = async (request, subscribe) => {
     return client.subscribe(request).subscribe(subscribe);

package/dist/src/graphql-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"graphql-client.js","sourceRoot":"","sources":["../../src/graphql-client.ts"],"names":[],"mappings":"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","sourcesContent":["import { createUploadLink } from 'apollo-upload-client'\nimport { createClient } from 'graphql-ws'\n\nimport {\n  ApolloClient,\n  ApolloLink,\n  DefaultOptions,\n  from,\n  HttpLink,\n  HttpOptions,\n  InMemoryCache,\n  ServerParseError,\n  split\n} from '@apollo/client/core'\nimport { ErrorLink, onError } from '@apollo/client/link/error'\nimport { GraphQLWsLink } from '@apollo/client/link/subscriptions'\nimport { getMainDefinition } from '@apollo/client/utilities'\nimport { activeRequestCounterLink, decreaseActiveRequestCounter } from './active-request-counter-link'\n\nexport const GRAPHQL_URI = '/graphql'\nexport const SUBSCRIPTION_URI = GRAPHQL_URI\n\nconst defaultOptions: DefaultOptions = {\n  watchQuery: {\n    fetchPolicy: 'no-cache',\n    errorPolicy: 'ignore'\n  },\n  query: {\n    fetchPolicy: 'no-cache', //'network-only'\n    errorPolicy: 'all'\n  },\n  mutate: {\n    errorPolicy: 'all'\n  }\n}\n\nconst ERROR_HANDLER: ErrorLink.ErrorHandler = ({ operation, graphQLErrors, networkError }) => {\n  if (graphQLErrors) {\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level: 'error',\n          message: graphQLErrors[0].message,\n          ex: graphQLErrors\n        }\n      })\n    )\n  }\n\n  if (networkError) {\n    decreaseActiveRequestCounter()\n\n    /* networkError가 ServerParseError 이거나 ServerError 인 경우에만 statusCode를 갖는다. */\n    switch ((networkError as ServerParseError).statusCode) {\n      case undefined /* in case this error is not a server side error */:\n        document.dispatchEvent(\n          new CustomEvent('notify', {\n            detail: {\n              level: 'error',\n              message: networkError.message,\n              ex: networkError\n            }\n          })\n        )\n        break\n\n      case 401:\n        /* 401 에러가 리턴되면, 인증이 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 signin 프로세스를 진행할 수 있다. */\n        document.dispatchEvent(new CustomEvent('auth-required'))\n        break\n\n      case 403:\n        /* 403 에러가 리턴되면, 도메인 정보가 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 domain-register 프로세스 등을 진행할 수 있다. */\n        document.dispatchEvent(new CustomEvent('domain-required'))\n        break\n\n      default:\n        var { name, response, statusCode, bodyText, message } = networkError as ServerParseError\n        if (name == 'ServerParseError') {\n          message = `[ ${statusCode || ''} : ${response.statusText} ] ${bodyText}`\n        } else {\n          /* in case this error is instanceof ServerError */\n          message = `[ ${statusCode || ''} : ${response.statusText} ] ${message}`\n        }\n\n        document.dispatchEvent(\n          new CustomEvent('notify', {\n            detail: {\n              level: 'error',\n              message,\n              ex: networkError\n            }\n          })\n        )\n    }\n  }\n}\n\nconst cache = new InMemoryCache({\n  addTypename: false\n  // dataIdFromObject: object => object.key\n})\n\nconst httpOptions: HttpOptions = {\n  uri: GRAPHQL_URI,\n  credentials: 'include',\n  headers: { 'Apollo-Require-Preflight': 'true' }\n}\n\nconst httpLink = ApolloLink.split(\n  operation => operation.getContext().hasUpload,\n  createUploadLink(httpOptions) as any,\n  new HttpLink(httpOptions)\n)\n\n// const initPersistCache = async () => {\n//   persistCache({\n//     cache,\n//     storage: window.localStorage\n//   })\n// }\n\n// initPersistCache()\n\nconst wsLink = new GraphQLWsLink(\n  createClient({\n    url: location.origin.replace(/^http/, 'ws') + SUBSCRIPTION_URI,\n    keepAlive: 10_000,\n    retryAttempts: 1_000_000,\n    shouldRetry: e => true,\n    connectionParams: {\n      headers: {\n        /* \n        특정 도메인의 데이타만 받고자 하는 경우에, referer 정보를 제공해서 서버에서 서브도메인 정보를 취득하도록 한다.\n        referer: location.href\n        또는, 이미 서브도메인 정보를 알고 있다면,\n        'x-things-factory-domain': '[subdomain]'\n        을 보낼 수 있다.\n        관련 정보를 보내지 않는다면, 사용자가 권한을 가진 모든 도메인의 데이타를 수신하게 된다.\n      */\n        referer: location.href\n      }\n    }\n  })\n)\n\nexport const client = new ApolloClient({\n  defaultOptions,\n  cache,\n  link: split(\n    ({ query }) => {\n      const def = getMainDefinition(query)\n      return def.kind === 'OperationDefinition' && def.operation === 'subscription'\n    },\n    wsLink,\n    from([activeRequestCounterLink, onError(ERROR_HANDLER), httpLink])\n  )\n})\n\nexport const subscribe = async (request: any, subscribe: any) => {\n  return client.subscribe(request).subscribe(subscribe)\n}\n"]}
+{"version":3,"file":"graphql-client.js","sourceRoot":"","sources":["../../src/graphql-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAkB,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEjF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAA;AACrC,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAA;AAE3C,MAAM,cAAc,GAAmB;IACrC,UAAU,EAAE;QACV,WAAW,EAAE,UAAU;QACvB,WAAW,EAAE,QAAQ;KACtB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,UAAU,EAAE,gBAAgB;QACzC,WAAW,EAAE,KAAK;KACnB;IACD,MAAM,EAAE;QACN,WAAW,EAAE,KAAK;KACnB;CACF,CAAA;AAED,kGAAkG;AAClG,yBAAyB;AACzB,8BAA8B;AAC9B,oCAAoC;AACpC,oBAAoB;AACpB,4BAA4B;AAC5B,+CAA+C;AAC/C,8BAA8B;AAC9B,YAAY;AACZ,WAAW;AACX,QAAQ;AACR,MAAM;AAEN,wBAAwB;AACxB,qCAAqC;AAErC,mFAAmF;AACnF,+DAA+D;AAC/D,4EAA4E;AAC5E,kCAAkC;AAClC,wCAAwC;AACxC,wBAAwB;AACxB,gCAAgC;AAChC,+CAA+C;AAC/C,iCAAiC;AACjC,gBAAgB;AAChB,eAAe;AACf,YAAY;AACZ,gBAAgB;AAEhB,kBAAkB;AAClB,0GAA0G;AAC1G,mEAAmE;AACnE,gBAAgB;AAEhB,kBAAkB;AAClB,yHAAyH;AACzH,qEAAqE;AACrE,gBAAgB;AAEhB,iBAAiB;AACjB,mGAAmG;AACnG,4CAA4C;AAC5C,qFAAqF;AACrF,mBAAmB;AACnB,+DAA+D;AAC/D,oFAAoF;AACpF,YAAY;AAEZ,kCAAkC;AAClC,wCAAwC;AACxC,wBAAwB;AACxB,gCAAgC;AAChC,yBAAyB;AACzB,iCAAiC;AACjC,gBAAgB;AAChB,eAAe;AACf,YAAY;AACZ,QAAQ;AACR,MAAM;AACN,IAAI;AAEJ,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC;IAC9B,WAAW,EAAE,KAAK;IAClB,yCAAyC;CAC1C,CAAC,CAAA;AAEF,yCAAyC;AACzC,mBAAmB;AACnB,aAAa;AACb,mCAAmC;AACnC,OAAO;AACP,IAAI;AAEJ,qBAAqB;AAErB,gCAAgC;AAEhC,+BAA+B;AAC/B,6CAA6C;AAC7C,0CAA0C;AAC1C,sDAAsD;AAEtD,8CAA8C;AAC9C,0BAA0B;AAC1B,iDAAiD;AACjD,aAAa;AACb,iBAAiB;AACjB,uFAAuF;AACvF,UAAU;AAEV,4BAA4B;AAC5B,SAAS;AACT,OAAO;AAEP,yCAAyC;AACzC,uBAAuB;AACvB,aAAa;AACb,yBAAyB;AACzB,+CAA+C;AAC/C,wFAAwF;AACxF,WAAW;AACX,gBAAgB;AAChB,2EAA2E;AAC3E,QAAQ;AAER,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC;IACrC,cAAc;IACd,KAAK;IACL,IAAI,EAAE,aAAa,EAAE;CACtB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,EAAE,OAAY,EAAE,SAAc,EAAE,EAAE;IAC9D,OAAO,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;AACvD,CAAC,CAAA","sourcesContent":["import { ApolloClient, DefaultOptions, InMemoryCache } from '@apollo/client/core'\n\nimport { getClientLink } from './graphql-env'\n\nexport const GRAPHQL_URI = '/graphql'\nexport const SUBSCRIPTION_URI = GRAPHQL_URI\n\nconst defaultOptions: DefaultOptions = {\n  watchQuery: {\n    fetchPolicy: 'no-cache',\n    errorPolicy: 'ignore'\n  },\n  query: {\n    fetchPolicy: 'no-cache', //'network-only'\n    errorPolicy: 'all'\n  },\n  mutate: {\n    errorPolicy: 'all'\n  }\n}\n\n// const ERROR_HANDLER: ErrorLink.ErrorHandler = ({ operation, graphQLErrors, networkError }) => {\n//   if (graphQLErrors) {\n//     document.dispatchEvent(\n//       new CustomEvent('notify', {\n//         detail: {\n//           level: 'error',\n//           message: graphQLErrors[0].message,\n//           ex: graphQLErrors\n//         }\n//       })\n//     )\n//   }\n\n//   if (networkError) {\n//     decreaseActiveRequestCounter()\n\n//     /* networkError가 ServerParseError 이거나 ServerError 인 경우에만 statusCode를 갖는다. */\n//     switch ((networkError as ServerParseError).statusCode) {\n//       case undefined /* in case this error is not a server side error */:\n//         document.dispatchEvent(\n//           new CustomEvent('notify', {\n//             detail: {\n//               level: 'error',\n//               message: networkError.message,\n//               ex: networkError\n//             }\n//           })\n//         )\n//         break\n\n//       case 401:\n//         /* 401 에러가 리턴되면, 인증이 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 signin 프로세스를 진행할 수 있다. */\n//         document.dispatchEvent(new CustomEvent('auth-required'))\n//         break\n\n//       case 403:\n//         /* 403 에러가 리턴되면, 도메인 정보가 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 domain-register 프로세스 등을 진행할 수 있다. */\n//         document.dispatchEvent(new CustomEvent('domain-required'))\n//         break\n\n//       default:\n//         var { name, response, statusCode, bodyText, message } = networkError as ServerParseError\n//         if (name == 'ServerParseError') {\n//           message = `[ ${statusCode || ''} : ${response.statusText} ] ${bodyText}`\n//         } else {\n//           /* in case this error is instanceof ServerError */\n//           message = `[ ${statusCode || ''} : ${response.statusText} ] ${message}`\n//         }\n\n//         document.dispatchEvent(\n//           new CustomEvent('notify', {\n//             detail: {\n//               level: 'error',\n//               message,\n//               ex: networkError\n//             }\n//           })\n//         )\n//     }\n//   }\n// }\n\nconst cache = new InMemoryCache({\n  addTypename: false\n  // dataIdFromObject: object => object.key\n})\n\n// const initPersistCache = async () => {\n//   persistCache({\n//     cache,\n//     storage: window.localStorage\n//   })\n// }\n\n// initPersistCache()\n\n// var mockedResponses: any = {}\n\n// const createMockLink = () =>\n//   new ApolloLink((operation, forward) => {\n//     return new Observable(observer => {\n//       const operationName = operation.operationName\n\n//       if (mockedResponses[operationName]) {\n//         observer.next({\n//           data: mockedResponses[operationName]\n//         })\n//       } else {\n//         observer.error(new Error(`No mock response for operation ${operationName}`))\n//       }\n\n//       observer.complete()\n//     })\n//   })\n\n// const link = process.env.STORYBOOK_ENV\n//   ? createMockLink()\n//   : split(\n//       ({ query }) => {\n//         const def = getMainDefinition(query)\n//         return def.kind === 'OperationDefinition' && def.operation === 'subscription'\n//       },\n//       wsLink,\n//       from([activeRequestCounterLink, onError(ERROR_HANDLER), httpLink])\n//     )\n\nexport const client = new ApolloClient({\n  defaultOptions,\n  cache,\n  link: getClientLink()\n})\n\nexport const subscribe = async (request: any, subscribe: any) => {\n  return client.subscribe(request).subscribe(subscribe)\n}\n"]}

package/dist/src/graphql-env.d.ts

@@ -0,0 +1,6 @@
+import { ApolloLink } from '@apollo/client/core';
+export declare const GRAPHQL_URI = "/graphql";
+export declare const SUBSCRIPTION_URI = "/graphql";
+export declare const setClientLink: (link: ApolloLink) => void;
+export declare const getClientLink: () => ApolloLink;
+export declare const createMockLink: (mockedResponses?: any) => ApolloLink;

package/dist/src/graphql-env.js

@@ -0,0 +1,112 @@
+import createUploadLink from 'apollo-upload-client/createUploadLink.mjs';
+import { createClient as createWebSocketClient } from 'graphql-ws';
+import { ApolloLink, from, HttpLink, Observable, split } from '@apollo/client/core';
+import { onError } from '@apollo/client/link/error';
+import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
+import { getMainDefinition } from '@apollo/client/utilities';
+import { activeRequestCounterLink, decreaseActiveRequestCounter } from './active-request-counter-link';
+export const GRAPHQL_URI = '/graphql';
+export const SUBSCRIPTION_URI = GRAPHQL_URI;
+var apolloLink;
+const httpOptions = {
+    uri: GRAPHQL_URI,
+    credentials: 'include',
+    headers: { 'Apollo-Require-Preflight': 'true' }
+};
+const httpLink = ApolloLink.split(operation => operation.getContext().hasUpload, createUploadLink(httpOptions), new HttpLink(httpOptions));
+const wsLink = new GraphQLWsLink(createWebSocketClient({
+    url: location.origin.replace(/^http/, 'ws') + SUBSCRIPTION_URI,
+    keepAlive: 10000,
+    retryAttempts: 1000000,
+    shouldRetry: e => true,
+    connectionParams: {
+        headers: {
+            /*
+            특정 도메인의 데이타만 받고자 하는 경우에, referer 정보를 제공해서 서버에서 서브도메인 정보를 취득하도록 한다.
+            referer: location.href
+            또는, 이미 서브도메인 정보를 알고 있다면,
+            'x-things-factory-domain': '[subdomain]'
+            을 보낼 수 있다.
+            관련 정보를 보내지 않는다면, 사용자가 권한을 가진 모든 도메인의 데이타를 수신하게 된다.
+          */
+            referer: location.href
+        }
+    }
+}));
+const ERROR_HANDLER = ({ operation, graphQLErrors, networkError }) => {
+    if (graphQLErrors) {
+        document.dispatchEvent(new CustomEvent('notify', {
+            detail: {
+                level: 'error',
+                message: graphQLErrors[0].message,
+                ex: graphQLErrors
+            }
+        }));
+    }
+    if (networkError) {
+        decreaseActiveRequestCounter();
+        /* networkError가 ServerParseError 이거나 ServerError 인 경우에만 statusCode를 갖는다. */
+        switch (networkError.statusCode) {
+            case undefined /* in case this error is not a server side error */:
+                document.dispatchEvent(new CustomEvent('notify', {
+                    detail: {
+                        level: 'error',
+                        message: networkError.message,
+                        ex: networkError
+                    }
+                }));
+                break;
+            case 401:
+                /* 401 에러가 리턴되면, 인증이 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 signin 프로세스를 진행할 수 있다. */
+                document.dispatchEvent(new CustomEvent('auth-required'));
+                break;
+            case 403:
+                /* 403 에러가 리턴되면, 도메인 정보가 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 domain-register 프로세스 등을 진행할 수 있다. */
+                document.dispatchEvent(new CustomEvent('domain-required'));
+                break;
+            default:
+                var { name, response, statusCode, bodyText, message } = networkError;
+                if (name == 'ServerParseError') {
+                    message = `[ ${statusCode || ''} : ${response.statusText} ] ${bodyText}`;
+                }
+                else {
+                    /* in case this error is instanceof ServerError */
+                    message = `[ ${statusCode || ''} : ${response.statusText} ] ${message}`;
+                }
+                document.dispatchEvent(new CustomEvent('notify', {
+                    detail: {
+                        level: 'error',
+                        message,
+                        ex: networkError
+                    }
+                }));
+        }
+    }
+};
+export const setClientLink = (link) => {
+    apolloLink = link;
+};
+export const getClientLink = () => {
+    if (!apolloLink) {
+        apolloLink = split(({ query }) => {
+            const def = getMainDefinition(query);
+            return def.kind === 'OperationDefinition' && def.operation === 'subscription';
+        }, wsLink, from([activeRequestCounterLink, onError(ERROR_HANDLER), httpLink]));
+    }
+    return apolloLink;
+};
+export const createMockLink = (mockedResponses = {}) => new ApolloLink((operation, forward) => {
+    return new Observable(observer => {
+        const operationName = operation.operationName;
+        if (mockedResponses[operationName]) {
+            observer.next({
+                data: mockedResponses[operationName]
+            });
+        }
+        else {
+            observer.error(new Error(`No mock response for operation ${operationName}`));
+        }
+        observer.complete();
+    });
+});
+//# sourceMappingURL=graphql-env.js.map

package/dist/src/graphql-env.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql-env.js","sourceRoot":"","sources":["../../src/graphql-env.ts"],"names":[],"mappings":"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","sourcesContent":["import createUploadLink from 'apollo-upload-client/createUploadLink.mjs'\nimport { createClient as createWebSocketClient } from 'graphql-ws'\n\nimport { ApolloLink, from, HttpLink, HttpOptions, Observable, ServerParseError, split } from '@apollo/client/core'\nimport { ErrorLink, onError } from '@apollo/client/link/error'\nimport { GraphQLWsLink } from '@apollo/client/link/subscriptions'\nimport { getMainDefinition } from '@apollo/client/utilities'\nimport { activeRequestCounterLink, decreaseActiveRequestCounter } from './active-request-counter-link'\n\nexport const GRAPHQL_URI = '/graphql'\nexport const SUBSCRIPTION_URI = GRAPHQL_URI\n\nvar apolloLink: ApolloLink\n\nconst httpOptions: HttpOptions = {\n  uri: GRAPHQL_URI,\n  credentials: 'include',\n  headers: { 'Apollo-Require-Preflight': 'true' }\n}\n\nconst httpLink = ApolloLink.split(\n  operation => operation.getContext().hasUpload,\n  createUploadLink(httpOptions) as any,\n  new HttpLink(httpOptions)\n)\n\nconst wsLink = new GraphQLWsLink(\n  createWebSocketClient({\n    url: location.origin.replace(/^http/, 'ws') + SUBSCRIPTION_URI,\n    keepAlive: 10_000,\n    retryAttempts: 1_000_000,\n    shouldRetry: e => true,\n    connectionParams: {\n      headers: {\n        /* \n        특정 도메인의 데이타만 받고자 하는 경우에, referer 정보를 제공해서 서버에서 서브도메인 정보를 취득하도록 한다.\n        referer: location.href\n        또는, 이미 서브도메인 정보를 알고 있다면,\n        'x-things-factory-domain': '[subdomain]'\n        을 보낼 수 있다.\n        관련 정보를 보내지 않는다면, 사용자가 권한을 가진 모든 도메인의 데이타를 수신하게 된다.\n      */\n        referer: location.href\n      }\n    }\n  })\n)\n\nconst ERROR_HANDLER: ErrorLink.ErrorHandler = ({ operation, graphQLErrors, networkError }) => {\n  if (graphQLErrors) {\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level: 'error',\n          message: graphQLErrors[0].message,\n          ex: graphQLErrors\n        }\n      })\n    )\n  }\n\n  if (networkError) {\n    decreaseActiveRequestCounter()\n\n    /* networkError가 ServerParseError 이거나 ServerError 인 경우에만 statusCode를 갖는다. */\n    switch ((networkError as ServerParseError).statusCode) {\n      case undefined /* in case this error is not a server side error */:\n        document.dispatchEvent(\n          new CustomEvent('notify', {\n            detail: {\n              level: 'error',\n              message: networkError.message,\n              ex: networkError\n            }\n          })\n        )\n        break\n\n      case 401:\n        /* 401 에러가 리턴되면, 인증이 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 signin 프로세스를 진행할 수 있다. */\n        document.dispatchEvent(new CustomEvent('auth-required'))\n        break\n\n      case 403:\n        /* 403 에러가 리턴되면, 도메인 정보가 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 domain-register 프로세스 등을 진행할 수 있다. */\n        document.dispatchEvent(new CustomEvent('domain-required'))\n        break\n\n      default:\n        var { name, response, statusCode, bodyText, message } = networkError as ServerParseError\n        if (name == 'ServerParseError') {\n          message = `[ ${statusCode || ''} : ${response.statusText} ] ${bodyText}`\n        } else {\n          /* in case this error is instanceof ServerError */\n          message = `[ ${statusCode || ''} : ${response.statusText} ] ${message}`\n        }\n\n        document.dispatchEvent(\n          new CustomEvent('notify', {\n            detail: {\n              level: 'error',\n              message,\n              ex: networkError\n            }\n          })\n        )\n    }\n  }\n}\n\nexport const setClientLink = (link: ApolloLink) => {\n  apolloLink = link\n}\n\nexport const getClientLink = () => {\n  if (!apolloLink) {\n    apolloLink = split(\n      ({ query }) => {\n        const def = getMainDefinition(query)\n        return def.kind === 'OperationDefinition' && def.operation === 'subscription'\n      },\n      wsLink,\n      from([activeRequestCounterLink, onError(ERROR_HANDLER), httpLink])\n    )\n  }\n\n  return apolloLink\n}\n\nexport const createMockLink = (mockedResponses: any = {}) =>\n  new ApolloLink((operation, forward) => {\n    return new Observable(observer => {\n      const operationName = operation.operationName\n\n      if (mockedResponses[operationName]) {\n        observer.next({\n          data: mockedResponses[operationName]\n        })\n      } else {\n        observer.error(new Error(`No mock response for operation ${operationName}`))\n      }\n\n      observer.complete()\n    })\n  })\n"]}

package/dist/src/index.d.ts

@@ -1,4 +1,5 @@
 export * from './gql-context';
 export * from './graphql-client';
 export * from './json-to-grqphql-query';
-export { setActiveRequestCounterCallback, resetActiveRequestCounterCallback } from './active-request-counter-link';
+export * from './active-request-counter-link';
+export * from './use-query';

package/dist/src/index.js

@@ -1,5 +1,6 @@
 export * from './gql-context';
 export * from './graphql-client';
 export * from './json-to-grqphql-query';
-export { setActiveRequestCounterCallback, resetActiveRequestCounterCallback } from './active-request-counter-link';
+export * from './active-request-counter-link';
+export * from './use-query';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AAEvC,OAAO,EAAE,+BAA+B,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAA","sourcesContent":["export * from './gql-context'\nexport * from './graphql-client'\nexport * from './json-to-grqphql-query'\n\nexport { setActiveRequestCounterCallback, resetActiveRequestCounterCallback } from './active-request-counter-link'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,aAAa,CAAA","sourcesContent":["export * from './gql-context'\nexport * from './graphql-client'\nexport * from './json-to-grqphql-query'\nexport * from './active-request-counter-link'\nexport * from './use-query'\n"]}

package/dist/src/use-query.d.ts

@@ -0,0 +1,5 @@
+export declare function useQuery(query: string, variables?: any): {
+    data: null;
+    loading: boolean;
+    error: null;
+};

package/dist/src/use-query.js

@@ -0,0 +1,29 @@
+import gql from 'graphql-tag';
+import { useState, useEffect } from 'haunted';
+import { client } from './graphql-client';
+export function useQuery(query, variables = {}) {
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        const fetchData = async () => {
+            setLoading(true);
+            try {
+                const { data } = await client.query({
+                    query: gql `
+            ${query}
+          `,
+                    variables
+                });
+                setData(data);
+            }
+            catch (error) {
+                setError(error);
+            }
+            setLoading(false);
+        };
+        fetchData();
+    }, [query, variables]); // 의존성 배열에 쿼리와 변수를 포함시켜 쿼리나 변수가 바뀔 때마다 쿼리를 다시 실행합니다.
+    return { data, loading, error };
+}
+//# sourceMappingURL=use-query.js.map

package/dist/src/use-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-query.js","sourceRoot":"","sources":["../../src/use-query.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,UAAU,QAAQ,CAAC,KAAa,EAAE,YAAiB,EAAE;IACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IACtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;YAC3B,UAAU,CAAC,IAAI,CAAC,CAAA;YAEhB,IAAI,CAAC;gBACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;oBAClC,KAAK,EAAE,GAAG,CAAA;cACN,KAAK;WACR;oBACD,SAAS;iBACV,CAAC,CAAA;gBACF,OAAO,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;YAAC,OAAO,KAAU,EAAE,CAAC;gBACpB,QAAQ,CAAC,KAAK,CAAC,CAAA;YACjB,CAAC;YAED,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC,CAAA;QAED,SAAS,EAAE,CAAA;IACb,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA,CAAC,oDAAoD;IAE3E,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;AACjC,CAAC","sourcesContent":["import gql from 'graphql-tag'\nimport { useState, useEffect } from 'haunted'\n\nimport { client } from './graphql-client'\n\nexport function useQuery(query: string, variables: any = {}) {\n  const [data, setData] = useState(null)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(null)\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setLoading(true)\n\n      try {\n        const { data } = await client.query({\n          query: gql`\n            ${query}\n          `,\n          variables\n        })\n        setData(data)\n      } catch (error: any) {\n        setError(error)\n      }\n\n      setLoading(false)\n    }\n\n    fetchData()\n  }, [query, variables]) // 의존성 배열에 쿼리와 변수를 포함시켜 쿼리나 변수가 바뀔 때마다 쿼리를 다시 실행합니다.\n\n  return { data, loading, error }\n}\n"]}