link.ts 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. // Copyright (C) 2012-2025 Zammad Foundation, https://zammad-foundation.org/
  2. import { ApolloLink, createHttpLink, from } from '@apollo/client/core'
  3. import { BatchHttpLink } from '@apollo/client/link/batch-http'
  4. import { removeTypenameFromVariables } from '@apollo/client/link/remove-typename'
  5. import { getMainDefinition } from '@apollo/client/utilities'
  6. import ActionCableLink from 'graphql-ruby-client/subscriptions/ActionCableLink'
  7. import { consumer } from '#shared/server/action_cable/consumer.ts'
  8. import connectedStateLink from './link/connectedState.ts'
  9. import csrfLink from './link/csrf.ts'
  10. import debugLink from './link/debug.ts'
  11. import errorLink from './link/error.ts'
  12. import setAuthorizationLink from './link/setAuthorization.ts'
  13. import testFlagsLink from './link/testFlags.ts'
  14. import getBatchContext from './utils/getBatchContext.ts'
  15. import getWebsocketContext from './utils/getWebsocketContext.ts'
  16. import type { Operation } from '@apollo/client/core'
  17. import type { FragmentDefinitionNode, OperationDefinitionNode } from 'graphql'
  18. // Should subsequent HTTP calls be batched together?
  19. const enableBatchLink = true
  20. // Should queries and mutations be sent over ActionCable?
  21. const enableQueriesOverWebsocket = false
  22. const connectionSettings = {
  23. uri: '/graphql',
  24. credentials: 'same-origin', // Must have for CSRF validation via Rails.
  25. }
  26. const noBatchLink = createHttpLink(connectionSettings)
  27. const batchLink = new BatchHttpLink({
  28. ...connectionSettings,
  29. batchMax: 5,
  30. batchInterval: 20,
  31. })
  32. const operationIsLoginLogout = (
  33. definition: OperationDefinitionNode | FragmentDefinitionNode,
  34. ) => {
  35. return !!(
  36. definition.kind === 'OperationDefinition' &&
  37. definition.operation === 'mutation' &&
  38. definition.name?.value &&
  39. ['login', 'logout'].includes(definition.name?.value)
  40. )
  41. }
  42. const requiresBatchLink = (op: Operation) => {
  43. if (!enableBatchLink) return false
  44. const definition = getMainDefinition(op.query)
  45. if (
  46. definition.kind === 'OperationDefinition' &&
  47. definition.operation === 'mutation'
  48. ) {
  49. return false
  50. }
  51. const batchContext = getBatchContext(op)
  52. return batchContext.active
  53. }
  54. const httpLink = ApolloLink.split(requiresBatchLink, batchLink, noBatchLink)
  55. const requiresHttpLink = (op: Operation) => {
  56. const definition = getMainDefinition(op.query)
  57. const websocketContext = getWebsocketContext(op)
  58. if (!enableQueriesOverWebsocket) {
  59. // Only subscriptions over websocket.
  60. return (
  61. !(
  62. definition.kind === 'OperationDefinition' &&
  63. definition.operation === 'subscription'
  64. ) && !websocketContext.active
  65. )
  66. }
  67. // Everything over websocket except login/logout as that changes cookies.
  68. return operationIsLoginLogout(definition)
  69. }
  70. const actionCableLink = new ActionCableLink({ cable: consumer })
  71. const splitLink = ApolloLink.split(requiresHttpLink, httpLink, actionCableLink)
  72. const link = from([
  73. ...(VITE_TEST_MODE ? [testFlagsLink] : []),
  74. csrfLink,
  75. errorLink,
  76. setAuthorizationLink,
  77. debugLink,
  78. connectedStateLink,
  79. removeTypenameFromVariables(),
  80. splitLink,
  81. ])
  82. export default link