@operato/graphql 10.29.23 → 10.29.36

package/dist/src/graphql-env.js

@@ -9,6 +9,7 @@ import { getMainDefinition } from '@apollo/client/utilities/index.js';
 import { decodeHTML } from '@operato/utils';
 import { activeRequestCounterLink, decreaseActiveRequestCounter } from './active-request-counter-link.js';
 import { forbiddenMeaning, sayAddressRefused } from './forbidden.js';
+import { uploadFetch } from './upload-progress.js';
 export const GRAPHQL_URI = '/graphql';
 export const SUBSCRIPTION_URI = GRAPHQL_URI;
 var apolloLink;
@@ -17,7 +18,9 @@ const httpOptions = {
     credentials: 'include',
     headers: { 'Apollo-Require-Preflight': 'true' }
 };
-const httpLink = ApolloLink.split(operation => operation.getContext().hasUpload, createUploadLink(httpOptions), new HttpLink(httpOptions));
+const httpLink = ApolloLink.split(operation => operation.getContext().hasUpload, 
+/* uploadFetch: an upload that asks for progress goes through XHR; everything else is plain fetch. */
+createUploadLink({ ...httpOptions, fetch: uploadFetch }), new HttpLink(httpOptions));
 const wsLink = new GraphQLWsLink(createWebSocketClient({
     url: location.origin.replace(/^http/, 'ws') + SUBSCRIPTION_URI,
     keepAlive: 10000,

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

@@ -1 +1 @@
-{"version":3,"file":"graphql-env.js","sourceRoot":"","sources":["../../src/graphql-env.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,2CAA2C,CAAA;AACxE,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAElE,OAAO,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EAER,UAAU,EAEV,KAAK,EACN,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAa,OAAO,EAAE,MAAM,oCAAoC,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAA;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAA;AACzG,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEpE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAA;AACrC,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAA;AAE3C,IAAI,UAAsB,CAAA;AAE1B,MAAM,WAAW,GAAgB;IAC/B,GAAG,EAAE,WAAW;IAChB,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,EAAE,0BAA0B,EAAE,MAAM,EAAE;CAChD,CAAA;AAED,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAC/B,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,SAAS,EAC7C,gBAAgB,CAAC,WAAW,CAAQ,EACpC,IAAI,QAAQ,CAAC,WAAW,CAAC,CAC1B,CAAA;AAED,MAAM,MAAM,GAAG,IAAI,aAAa,CAC9B,qBAAqB,CAAC;IACpB,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,gBAAgB;IAC9D,SAAS,EAAE,KAAM;IACjB,aAAa,EAAE,OAAS;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI;IACtB,gBAAgB,EAAE;QAChB,OAAO,EAAE;YACP;;;;;;;YAOA;YACA,OAAO,EAAE,QAAQ,CAAC,IAAI;SACvB;KACF;CACF,CAAC,CACH,CAAA;AAED,MAAM,aAAa,GAA2B,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE;;IAC3F,oFAAoF;IACpF,IAAI,aAAa,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC;QAC9E,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE;gBACN,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;gBAC7C,EAAE,EAAE,aAAa;gBACjB;;;;mBAIG;gBACH,MAAM,EAAE;oBACN,KAAK,EAAE,CAAC,CAAC,CAAC,qBAAqB;iBAChC;aACF;SACF,CAAC,CACH,CAAA;IACH,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,4BAA4B,EAAE,CAAA;QAE9B,4EAA4E;QAC5E,QAAS,YAAiC,CAAC,UAAU,EAAE,CAAC;YACtD,KAAK,SAAS,CAAC,mDAAmD;gBAChE,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,QAAQ,EAAE;oBACxB,MAAM,EAAE;wBACN,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,YAAY,CAAC,OAAO;wBAC7B,EAAE,EAAE,YAAY;qBACjB;iBACF,CAAC,CACH,CAAA;gBACD,MAAK;YAEP,KAAK,GAAG;gBACN,+FAA+F;gBAC/F,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;gBACxD,MAAK;YAEP,KAAK,GAAG;gBACN;;;;mBAIG;gBACH,IAAI,gBAAgB,CAAC,MAAC,YAAiC,CAAC,QAAQ,0CAAE,OAAO,CAAC,KAAK,iBAAiB,EAAE,CAAC;oBACjG,iBAAiB,EAAE,CAAA;gBACrB,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAA;gBAC5D,CAAC;gBACD,MAAK;YAEP;gBACE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,YAAgC,CAAA;gBACxF,IAAI,IAAI,IAAI,kBAAkB,EAAE,CAAC;oBAC/B,OAAO,GAAG,KAAK,UAAU,IAAI,EAAE,MAAM,QAAQ,CAAC,UAAU,MAAM,QAAQ,EAAE,CAAA;gBAC1E,CAAC;qBAAM,CAAC;oBACN,kDAAkD;oBAClD,OAAO,GAAG,KAAK,UAAU,IAAI,EAAE,MAAM,QAAQ,CAAC,UAAU,MAAM,OAAO,EAAE,CAAA;gBACzE,CAAC;gBAED,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,QAAQ,EAAE;oBACxB,MAAM,EAAE;wBACN,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;wBAC5B,EAAE,EAAE,YAAY;qBACjB;iBACF,CAAC,CACH,CAAA;QACL,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAE,EAAE;IAChD,UAAU,GAAG,IAAI,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,UAAU,GAAG,KAAK,CAChB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACZ,MAAM,GAAG,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;YACpC,OAAO,GAAG,CAAC,IAAI,KAAK,qBAAqB,IAAI,GAAG,CAAC,SAAS,KAAK,cAAc,CAAA;QAC/E,CAAC,EACD,MAAM,EACN,IAAI,CAAC;YACH,wBAAwB;YACxB,OAAO,CAAC,aAAa,CAAC;YACtB,6DAA6D;YAC7D,wDAAwD;YACxD,0BAA0B;YAC1B,2BAA2B,EAAE;YAC7B,QAAQ;SACT,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,kBAAuB,EAAE,EAAE,EAAE,CAC1D,IAAI,UAAU,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,EAAE;IACpC,OAAO,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC/B,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,CAAA;QAE7C,IAAI,eAAe,CAAC,aAAa,CAAC,EAAE,CAAC;YACnC,QAAQ,CAAC,IAAI,CAAC;gBACZ,IAAI,EAAE,eAAe,CAAC,aAAa,CAAC;aACrC,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,kCAAkC,aAAa,EAAE,CAAC,CAAC,CAAA;QAC9E,CAAC;QAED,QAAQ,CAAC,QAAQ,EAAE,CAAA;IACrB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import createUploadLink from 'apollo-upload-client/createUploadLink.mjs'\nimport { createClient as createWebSocketClient } from 'graphql-ws'\n\nimport {\n  ApolloLink,\n  from,\n  HttpLink,\n  HttpOptions,\n  Observable,\n  ServerParseError,\n  split\n} from '@apollo/client/core/index.js'\nimport { ErrorLink, onError } from '@apollo/client/link/error/index.js'\nimport { isHandledRefusal } from './handled-refusal.js'\nimport { removeTypenameFromVariables } from '@apollo/client/link/remove-typename/index.js'\nimport { GraphQLWsLink } from '@apollo/client/link/subscriptions/index.js'\nimport { getMainDefinition } from '@apollo/client/utilities/index.js'\n\nimport { decodeHTML } from '@operato/utils'\nimport { activeRequestCounterLink, decreaseActiveRequestCounter } from './active-request-counter-link.js'\nimport { forbiddenMeaning, sayAddressRefused } from './forbidden.js'\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  /* A screen that names this refusal says it in its own body (handled-refusal.ts). */\n  if (graphQLErrors && !isHandledRefusal(operation.getContext(), graphQLErrors)) {\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level: 'error',\n          message: decodeHTML(graphQLErrors[0].message),\n          ex: graphQLErrors,\n          /*\n           * Closed by the snackbar's own ✕. A 'Close' action here did the same thing twice and took the one\n           * button slot - a package that knows what an error means (auth-ui, for a refusal a role would open)\n           * fills it through registerNotifyAction. This link reports errors; it does not interpret them.\n           */\n          option: {\n            timer: -1 // disable auto close\n          }\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        /*\n         * 403 은 둘이다 — 도메인이 아직 없는 것과, 이 주소를 사업장이 받지 않는 것(forbidden.ts).\n         * 앞의 것은 domain-required 를 보내 auth 가 체크인으로 보낸다. 뒤의 것은 체크인이 풀 수 없으므로\n         * 보내지 않고 한 번 말한다 — 보내면 체크인과 화면 사이를 돈다.\n         */\n        if (forbiddenMeaning((networkError as ServerParseError).response?.headers) === 'address-refused') {\n          sayAddressRefused()\n        } else {\n          document.dispatchEvent(new CustomEvent('domain-required'))\n        }\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: decodeHTML(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([\n        activeRequestCounterLink,\n        onError(ERROR_HANDLER),\n        // Apollo 가 InMemoryCache 정규화를 위해 응답 객체에 자동 삽입한 __typename 이,\n        // 호출자가 그 응답을 mutation input 변수로 재전송할 때 strict 검증에서 거부되는\n        // 문제를 프레임워크 레벨에서 일괄 제거한다.\n        removeTypenameFromVariables(),\n        httpLink\n      ])\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"]}
+{"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 {\n  ApolloLink,\n  from,\n  HttpLink,\n  HttpOptions,\n  Observable,\n  ServerParseError,\n  split\n} from '@apollo/client/core/index.js'\nimport { ErrorLink, onError } from '@apollo/client/link/error/index.js'\nimport { isHandledRefusal } from './handled-refusal.js'\nimport { removeTypenameFromVariables } from '@apollo/client/link/remove-typename/index.js'\nimport { GraphQLWsLink } from '@apollo/client/link/subscriptions/index.js'\nimport { getMainDefinition } from '@apollo/client/utilities/index.js'\n\nimport { decodeHTML } from '@operato/utils'\nimport { activeRequestCounterLink, decreaseActiveRequestCounter } from './active-request-counter-link.js'\nimport { forbiddenMeaning, sayAddressRefused } from './forbidden.js'\nimport { uploadFetch } from './upload-progress.js'\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  /* uploadFetch: an upload that asks for progress goes through XHR; everything else is plain fetch. */\n  createUploadLink({ ...httpOptions, fetch: uploadFetch }) 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  /* A screen that names this refusal says it in its own body (handled-refusal.ts). */\n  if (graphQLErrors && !isHandledRefusal(operation.getContext(), graphQLErrors)) {\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level: 'error',\n          message: decodeHTML(graphQLErrors[0].message),\n          ex: graphQLErrors,\n          /*\n           * Closed by the snackbar's own ✕. A 'Close' action here did the same thing twice and took the one\n           * button slot - a package that knows what an error means (auth-ui, for a refusal a role would open)\n           * fills it through registerNotifyAction. This link reports errors; it does not interpret them.\n           */\n          option: {\n            timer: -1 // disable auto close\n          }\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        /*\n         * 403 은 둘이다 — 도메인이 아직 없는 것과, 이 주소를 사업장이 받지 않는 것(forbidden.ts).\n         * 앞의 것은 domain-required 를 보내 auth 가 체크인으로 보낸다. 뒤의 것은 체크인이 풀 수 없으므로\n         * 보내지 않고 한 번 말한다 — 보내면 체크인과 화면 사이를 돈다.\n         */\n        if (forbiddenMeaning((networkError as ServerParseError).response?.headers) === 'address-refused') {\n          sayAddressRefused()\n        } else {\n          document.dispatchEvent(new CustomEvent('domain-required'))\n        }\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: decodeHTML(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([\n        activeRequestCounterLink,\n        onError(ERROR_HANDLER),\n        // Apollo 가 InMemoryCache 정규화를 위해 응답 객체에 자동 삽입한 __typename 이,\n        // 호출자가 그 응답을 mutation input 변수로 재전송할 때 strict 검증에서 거부되는\n        // 문제를 프레임워크 레벨에서 일괄 제거한다.\n        removeTypenameFromVariables(),\n        httpLink\n      ])\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

@@ -5,3 +5,4 @@ export * from './active-request-counter-link.js';
 export * from './use-query.js';
 export * from './forbidden.js';
 export * from './handled-refusal.js';
+export * from './upload-progress.js';

package/dist/src/index.js

@@ -5,4 +5,5 @@ export * from './active-request-counter-link.js';
 export * from './use-query.js';
 export * from './forbidden.js';
 export * from './handled-refusal.js';
+export * from './upload-progress.js';
 //# 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,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kCAAkC,CAAA;AAChD,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './gql-context.js'\nexport * from './graphql-client.js'\nexport * from './json-to-grqphql-query.js'\nexport * from './active-request-counter-link.js'\nexport * from './use-query.js'\nexport * from './forbidden.js'\nexport * from './handled-refusal.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kCAAkC,CAAA;AAChD,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './gql-context.js'\nexport * from './graphql-client.js'\nexport * from './json-to-grqphql-query.js'\nexport * from './active-request-counter-link.js'\nexport * from './use-query.js'\nexport * from './forbidden.js'\nexport * from './handled-refusal.js'\nexport * from './upload-progress.js'\n"]}

package/dist/src/upload-progress.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Upload progress — the one place a file upload reports how far it got.
+ *
+ * `fetch` cannot tell how much of a request body has gone out; `XMLHttpRequest` can. The upload
+ * link (graphql-env.ts) sends with `uploadFetch`: a request that asks for progress goes through
+ * XHR, every other request goes through `fetch` exactly as before. Screens never write their own XHR.
+ *
+ * ```ts
+ * client.mutate({ mutation, variables: { files }, context: uploadContext(fraction => (picker.progress = fraction)) })
+ * ```
+ */
+export type UploadProgress = (fraction: number) => void;
+type UploadInit = RequestInit & {
+    onUploadProgress?: UploadProgress;
+};
+/** The mutation context for an upload whose progress a screen shows. */
+export declare function uploadContext(onUploadProgress: UploadProgress): {
+    hasUpload: boolean;
+    fetchOptions: {
+        onUploadProgress: UploadProgress;
+    };
+};
+export declare function uploadFetch(uri: RequestInfo | URL, init?: UploadInit): Promise<Response>;
+export {};

package/dist/src/upload-progress.js

@@ -0,0 +1,71 @@
+/**
+ * Upload progress — the one place a file upload reports how far it got.
+ *
+ * `fetch` cannot tell how much of a request body has gone out; `XMLHttpRequest` can. The upload
+ * link (graphql-env.ts) sends with `uploadFetch`: a request that asks for progress goes through
+ * XHR, every other request goes through `fetch` exactly as before. Screens never write their own XHR.
+ *
+ * ```ts
+ * client.mutate({ mutation, variables: { files }, context: uploadContext(fraction => (picker.progress = fraction)) })
+ * ```
+ */
+/** The mutation context for an upload whose progress a screen shows. */
+export function uploadContext(onUploadProgress) {
+    return { hasUpload: true, fetchOptions: { onUploadProgress } };
+}
+const responseHeaders = (raw) => {
+    const headers = new Headers();
+    raw
+        .trim()
+        .split(/[\r\n]+/)
+        .filter(Boolean)
+        .forEach(line => {
+        const at = line.indexOf(':');
+        if (at > 0)
+            headers.append(line.slice(0, at).trim(), line.slice(at + 1).trim());
+    });
+    return headers;
+};
+export function uploadFetch(uri, init = {}) {
+    const { onUploadProgress, ...options } = init;
+    if (!onUploadProgress) {
+        return fetch(uri, options);
+    }
+    return new Promise((resolve, reject) => {
+        const xhr = new XMLHttpRequest();
+        const signal = options.signal;
+        const abort = () => xhr.abort();
+        xhr.open(options.method || 'POST', String(uri));
+        xhr.withCredentials = options.credentials === 'include';
+        new Headers(options.headers).forEach((value, name) => xhr.setRequestHeader(name, value));
+        xhr.upload.onprogress = e => {
+            if (e.lengthComputable && e.total > 0)
+                onUploadProgress(e.loaded / e.total);
+        };
+        xhr.onload = () => {
+            signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort);
+            onUploadProgress(1);
+            resolve(new Response(xhr.responseText, {
+                status: xhr.status,
+                statusText: xhr.statusText,
+                headers: responseHeaders(xhr.getAllResponseHeaders())
+            }));
+        };
+        /* The same failure `fetch` gives, so the link reports it the same way. */
+        xhr.onerror = () => {
+            signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort);
+            reject(new TypeError('Network request failed'));
+        };
+        xhr.onabort = () => {
+            signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', abort);
+            reject(new DOMException('The upload was aborted.', 'AbortError'));
+        };
+        if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
+            xhr.abort();
+            return;
+        }
+        signal === null || signal === void 0 ? void 0 : signal.addEventListener('abort', abort, { once: true });
+        xhr.send(options.body);
+    });
+}
+//# sourceMappingURL=upload-progress.js.map

package/dist/src/upload-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-progress.js","sourceRoot":"","sources":["../../src/upload-progress.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Upload progress — the one place a file upload reports how far it got.\n *\n * `fetch` cannot tell how much of a request body has gone out; `XMLHttpRequest` can. The upload\n * link (graphql-env.ts) sends with `uploadFetch`: a request that asks for progress goes through\n * XHR, every other request goes through `fetch` exactly as before. Screens never write their own XHR.\n *\n * ```ts\n * client.mutate({ mutation, variables: { files }, context: uploadContext(fraction => (picker.progress = fraction)) })\n * ```\n */\n\nexport type UploadProgress = (fraction: number) => void\n\ntype UploadInit = RequestInit & { onUploadProgress?: UploadProgress }\n\n/** The mutation context for an upload whose progress a screen shows. */\nexport function uploadContext(onUploadProgress: UploadProgress) {\n  return { hasUpload: true, fetchOptions: { onUploadProgress } }\n}\n\nconst responseHeaders = (raw: string) => {\n  const headers = new Headers()\n\n  raw\n    .trim()\n    .split(/[\\r\\n]+/)\n    .filter(Boolean)\n    .forEach(line => {\n      const at = line.indexOf(':')\n      if (at > 0) headers.append(line.slice(0, at).trim(), line.slice(at + 1).trim())\n    })\n\n  return headers\n}\n\nexport function uploadFetch(uri: RequestInfo | URL, init: UploadInit = {}): Promise<Response> {\n  const { onUploadProgress, ...options } = init\n\n  if (!onUploadProgress) {\n    return fetch(uri, options)\n  }\n\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest()\n    const signal = options.signal\n\n    const abort = () => xhr.abort()\n\n    xhr.open(options.method || 'POST', String(uri))\n    xhr.withCredentials = options.credentials === 'include'\n    new Headers(options.headers).forEach((value, name) => xhr.setRequestHeader(name, value))\n\n    xhr.upload.onprogress = e => {\n      if (e.lengthComputable && e.total > 0) onUploadProgress(e.loaded / e.total)\n    }\n\n    xhr.onload = () => {\n      signal?.removeEventListener('abort', abort)\n      onUploadProgress(1)\n      resolve(\n        new Response(xhr.responseText, {\n          status: xhr.status,\n          statusText: xhr.statusText,\n          headers: responseHeaders(xhr.getAllResponseHeaders())\n        })\n      )\n    }\n\n    /* The same failure `fetch` gives, so the link reports it the same way. */\n    xhr.onerror = () => {\n      signal?.removeEventListener('abort', abort)\n      reject(new TypeError('Network request failed'))\n    }\n\n    xhr.onabort = () => {\n      signal?.removeEventListener('abort', abort)\n      reject(new DOMException('The upload was aborted.', 'AbortError'))\n    }\n\n    if (signal?.aborted) {\n      xhr.abort()\n      return\n    }\n    signal?.addEventListener('abort', abort, { once: true })\n\n    xhr.send(options.body as XMLHttpRequestBodyInit)\n  })\n}\n"]}

package/dist/test/upload-progress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/upload-progress.test.js

@@ -0,0 +1,130 @@
+import { expect } from '@open-wc/testing';
+import gql from 'graphql-tag';
+import { execute } from '@apollo/client/core/index.js';
+import { getClientLink } from '../src/graphql-env.js';
+import { uploadContext, uploadFetch } from '../src/upload-progress.js';
+/**
+ * Upload progress.
+ *
+ * ## Why this is tested
+ *
+ * Only XHR can tell how much of a body went out, so an upload that asks for progress leaves `fetch`.
+ * What must hold:
+ *
+ * ```
+ * unchanged     a request that does not ask for progress — every query, every plain upload — still
+ *               goes through fetch with the same arguments; no XHR is made
+ * progress      an upload that asks gets fractions up to 1, and the same Response fetch would give
+ * credentials   the session cookie still goes (credentials: include → withCredentials)
+ * abort         the link's abort stops the XHR and fails like an aborted fetch
+ * ```
+ */
+class FakeXHR {
+    constructor() {
+        this.method = '';
+        this.url = '';
+        this.withCredentials = false;
+        this.headers = {};
+        this.aborted = false;
+        this.status = 200;
+        this.statusText = 'OK';
+        this.responseText = '{"data":{"attach":{"id":"1"}}}';
+        this.upload = {};
+        FakeXHR.made.push(this);
+    }
+    open(method, url) {
+        this.method = method;
+        this.url = url;
+    }
+    setRequestHeader(name, value) {
+        this.headers[name] = value;
+    }
+    getAllResponseHeaders() {
+        return 'content-type: application/json\r\nx-one: 1\r\n';
+    }
+    send(body) {
+        this.body = body;
+        setTimeout(() => {
+            var _a, _b, _c;
+            (_b = (_a = this.upload).onprogress) === null || _b === void 0 ? void 0 : _b.call(_a, { lengthComputable: true, loaded: 50, total: 100 });
+            (_c = this.onload) === null || _c === void 0 ? void 0 : _c.call(this);
+        });
+    }
+    abort() {
+        var _a;
+        this.aborted = true;
+        (_a = this.onabort) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+}
+FakeXHR.made = [];
+describe('upload progress', () => {
+    const realXHR = window.XMLHttpRequest;
+    const realFetch = window.fetch;
+    let fetched;
+    beforeEach(() => {
+        FakeXHR.made = [];
+        fetched = [];
+        window.XMLHttpRequest = FakeXHR;
+        window.fetch = (async (...args) => {
+            fetched.push(args);
+            return new Response('{"data":{"one":1}}', { status: 200, headers: { 'content-type': 'application/json' } });
+        });
+    });
+    afterEach(() => {
+        window.XMLHttpRequest = realXHR;
+        window.fetch = realFetch;
+    });
+    it('leaves a request without progress to fetch, as it was', async () => {
+        const init = { method: 'POST', body: 'x', credentials: 'include' };
+        await uploadFetch('/graphql', init);
+        expect(FakeXHR.made.length).to.equal(0);
+        expect(fetched.length).to.equal(1);
+        expect(fetched[0][0]).to.equal('/graphql');
+        expect(fetched[0][1]).to.deep.equal(init);
+    });
+    it('reports progress and answers with the response fetch would give', async () => {
+        const fractions = [];
+        const response = await uploadFetch('/graphql', {
+            method: 'POST',
+            credentials: 'include',
+            headers: { 'Apollo-Require-Preflight': 'true' },
+            body: 'form',
+            onUploadProgress: (fraction) => fractions.push(fraction)
+        });
+        const xhr = FakeXHR.made[0];
+        expect(xhr.withCredentials, 'the session cookie stays home').to.equal(true);
+        expect(xhr.headers['apollo-require-preflight']).to.equal('true');
+        expect(xhr.body).to.equal('form');
+        expect(fractions).to.deep.equal([0.5, 1]);
+        expect(response.status).to.equal(200);
+        expect(response.headers.get('x-one')).to.equal('1');
+        expect(await response.json()).to.deep.equal({ data: { attach: { id: '1' } } });
+    });
+    it('stops the upload when aborted', async () => {
+        const controller = new AbortController();
+        const sent = uploadFetch('/graphql', { method: 'POST', body: 'form', signal: controller.signal, onUploadProgress: () => { } });
+        controller.abort();
+        const error = await sent.then(() => null, e => e);
+        expect(FakeXHR.made[0].aborted).to.equal(true);
+        expect(error === null || error === void 0 ? void 0 : error.name).to.equal('AbortError');
+    });
+    it('sends a query through fetch and an upload with progress through XHR', async () => {
+        const run = (operation) => new Promise((resolve, reject) => execute(getClientLink(), operation).subscribe({ next: resolve, error: reject }));
+        await run({ query: gql `query { one }` });
+        expect(fetched.length, 'a query left fetch').to.equal(1);
+        expect(FakeXHR.made.length, 'a query went through XHR').to.equal(0);
+        const fractions = [];
+        const file = new File(['abc'], 'a.pdf', { type: 'application/pdf' });
+        const result = await run({
+            query: gql `mutation ($file: Upload!) { attach(file: $file) { id } }`,
+            variables: { file },
+            context: uploadContext(fraction => fractions.push(fraction))
+        });
+        expect(fetched.length, 'the upload went through fetch').to.equal(1);
+        expect(FakeXHR.made.length).to.equal(1);
+        expect(FakeXHR.made[0].body).to.be.instanceOf(FormData);
+        expect(fractions).to.deep.equal([0.5, 1]);
+        expect(result.data.attach.id).to.equal('1');
+    });
+});
+//# sourceMappingURL=upload-progress.test.js.map

package/dist/test/upload-progress.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-progress.test.js","sourceRoot":"","sources":["../../test/upload-progress.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing'\nimport gql from 'graphql-tag'\n\nimport { execute } from '@apollo/client/core/index.js'\n\nimport { getClientLink } from '../src/graphql-env.js'\nimport { uploadContext, uploadFetch } from '../src/upload-progress.js'\n\n/**\n * Upload progress.\n *\n * ## Why this is tested\n *\n * Only XHR can tell how much of a body went out, so an upload that asks for progress leaves `fetch`.\n * What must hold:\n *\n * ```\n * unchanged     a request that does not ask for progress — every query, every plain upload — still\n *               goes through fetch with the same arguments; no XHR is made\n * progress      an upload that asks gets fractions up to 1, and the same Response fetch would give\n * credentials   the session cookie still goes (credentials: include → withCredentials)\n * abort         the link's abort stops the XHR and fails like an aborted fetch\n * ```\n */\n\nclass FakeXHR {\n  static made: FakeXHR[] = []\n\n  method = ''\n  url = ''\n  withCredentials = false\n  headers: Record<string, string> = {}\n  body: any\n  aborted = false\n  status = 200\n  statusText = 'OK'\n  responseText = '{\"data\":{\"attach\":{\"id\":\"1\"}}}'\n  upload: { onprogress?: (e: any) => void } = {}\n  onload?: () => void\n  onerror?: () => void\n  onabort?: () => void\n\n  constructor() {\n    FakeXHR.made.push(this)\n  }\n  open(method: string, url: string) {\n    this.method = method\n    this.url = url\n  }\n  setRequestHeader(name: string, value: string) {\n    this.headers[name] = value\n  }\n  getAllResponseHeaders() {\n    return 'content-type: application/json\\r\\nx-one: 1\\r\\n'\n  }\n  send(body: any) {\n    this.body = body\n    setTimeout(() => {\n      this.upload.onprogress?.({ lengthComputable: true, loaded: 50, total: 100 })\n      this.onload?.()\n    })\n  }\n  abort() {\n    this.aborted = true\n    this.onabort?.()\n  }\n}\n\ndescribe('upload progress', () => {\n  const realXHR = window.XMLHttpRequest\n  const realFetch = window.fetch\n  let fetched: any[]\n\n  beforeEach(() => {\n    FakeXHR.made = []\n    fetched = []\n    ;(window as any).XMLHttpRequest = FakeXHR\n    window.fetch = (async (...args: any[]) => {\n      fetched.push(args)\n      return new Response('{\"data\":{\"one\":1}}', { status: 200, headers: { 'content-type': 'application/json' } })\n    }) as any\n  })\n\n  afterEach(() => {\n    window.XMLHttpRequest = realXHR\n    window.fetch = realFetch\n  })\n\n  it('leaves a request without progress to fetch, as it was', async () => {\n    const init = { method: 'POST', body: 'x', credentials: 'include' as RequestCredentials }\n    await uploadFetch('/graphql', init)\n\n    expect(FakeXHR.made.length).to.equal(0)\n    expect(fetched.length).to.equal(1)\n    expect(fetched[0][0]).to.equal('/graphql')\n    expect(fetched[0][1]).to.deep.equal(init)\n  })\n\n  it('reports progress and answers with the response fetch would give', async () => {\n    const fractions: number[] = []\n    const response = await uploadFetch('/graphql', {\n      method: 'POST',\n      credentials: 'include',\n      headers: { 'Apollo-Require-Preflight': 'true' },\n      body: 'form',\n      onUploadProgress: (fraction: number) => fractions.push(fraction)\n    } as any)\n\n    const xhr = FakeXHR.made[0]\n    expect(xhr.withCredentials, 'the session cookie stays home').to.equal(true)\n    expect(xhr.headers['apollo-require-preflight']).to.equal('true')\n    expect(xhr.body).to.equal('form')\n    expect(fractions).to.deep.equal([0.5, 1])\n\n    expect(response.status).to.equal(200)\n    expect(response.headers.get('x-one')).to.equal('1')\n    expect(await response.json()).to.deep.equal({ data: { attach: { id: '1' } } })\n  })\n\n  it('stops the upload when aborted', async () => {\n    const controller = new AbortController()\n    const sent = uploadFetch('/graphql', { method: 'POST', body: 'form', signal: controller.signal, onUploadProgress: () => {} } as any)\n\n    controller.abort()\n\n    const error = await sent.then(\n      () => null,\n      e => e\n    )\n    expect(FakeXHR.made[0].aborted).to.equal(true)\n    expect(error?.name).to.equal('AbortError')\n  })\n\n  it('sends a query through fetch and an upload with progress through XHR', async () => {\n    const run = (operation: any) =>\n      new Promise((resolve, reject) => execute(getClientLink(), operation).subscribe({ next: resolve, error: reject }))\n\n    await run({ query: gql`query { one }` })\n    expect(fetched.length, 'a query left fetch').to.equal(1)\n    expect(FakeXHR.made.length, 'a query went through XHR').to.equal(0)\n\n    const fractions: number[] = []\n    const file = new File(['abc'], 'a.pdf', { type: 'application/pdf' })\n    const result: any = await run({\n      query: gql`mutation ($file: Upload!) { attach(file: $file) { id } }`,\n      variables: { file },\n      context: uploadContext(fraction => fractions.push(fraction))\n    })\n\n    expect(fetched.length, 'the upload went through fetch').to.equal(1)\n    expect(FakeXHR.made.length).to.equal(1)\n    expect(FakeXHR.made[0].body).to.be.instanceOf(FormData)\n    expect(fractions).to.deep.equal([0.5, 1])\n    expect(result.data.attach.id).to.equal('1')\n  })\n})\n"]}