Unable to get the live query plugin to work

[jamesmmchugh]

I have the following schema running on a remote service:

type Query {
    fixture(id: ID!): Fixture
}

type Mutation {
    updateFixture(id: ID!): Fixture
}

type Fixture @key(fields: "id") {
    id: ID!
    description: String
}
...

And the following meshrc.yaml:

serve:
  hostname: 0.0.0.0
  playground: true
  cors:
    origin: "*"
sources:
  - name: ServiceOne
    handler:
      graphql:
        endpoint: http://host.docker.internal:8081/graphql
  - name: ServiceTwo
    ...

additionalTypeDefs: |
  directive @live on QUERY

plugins:
  - liveQuery:
      invalidations:
        - field: "Mutation.updateFixture"
          invalidate:
            - "Fixture:{args.id}"

When i try and run a live query i.e.

query @live {
  fixture(id: "1") {
    id
    description
  }
}

I get a response like the following:

{
  "errors": [
    {
      "message": "Cannot read properties of undefined (reading 'Query')",
      "path": [
        "fixture"
      ]
    }
  ],
  "data": {
    "fixture": null
  },
  "isLive": true,
  "extensions": {
    "liveResourceIdentifier": [
      "Query.fixture",
      "Query.fixture(id:\"1\")"
    ]
  }
}

And i cannot figure out what i've done wrong. When I run the query without the @live directive everything returns as expected. The only thing I noticed is that when I run with the @live directive the graphql mesh log seems to log the query without formatting:

graphql-mesh  | 🐛 🕸️  Mesh Execution start
graphql-mesh  | 🐛 🕸️  Mesh Received GraphQL operation:
graphql-mesh  | 🐛 🕸️  Mesh {
graphql-mesh  |   query: 'query@live{fixture(id:"1"){id description}}',
graphql-mesh  |   operationName: undefined,
graphql-mesh  |   variables: undefined,
graphql-mesh  |   extensions: {}
graphql-mesh  | }
graphql-mesh  | 🐛 🕸️  Mesh 	 headers:  {
...
graphql-mesh  | }
graphql-mesh  | 🐛 🕸️  Mesh Execution end
graphql-mesh  | 🐛 🕸️  Mesh { result: Repeater {} }

As opposed to when it's run without the directive:

graphql-mesh  | 🐛 🕸️  Mesh Execution start
graphql-mesh  | 🐛 🕸️  Mesh Received GraphQL operation:
graphql-mesh  | 🐛 🕸️  Mesh {
graphql-mesh  |   query: '{\n  fixture(id: "1") {\n    id\n    description\n  }\n}',
graphql-mesh  |   operationName: undefined,
graphql-mesh  |   variables: undefined,
graphql-mesh  |   extensions: {}
graphql-mesh  | }
graphql-mesh  | 🐛 🕸️  Mesh 	 headers:  {
...
graphql-mesh  | }
graphql-mesh  | 🐛 🕸️  Mesh - ServiceOne - InContextSDK.Query.fixture Called with { args: { id: '1' }, key: undefined }
graphql-mesh  | 🐛 🕸️  Mesh Execution end
graphql-mesh  | 🐛 🕸️  Mesh {
graphql-mesh  |   result: {
graphql-mesh  |     data: [Object: null prototype] { fixture: [Object: null prototype] }
graphql-mesh  |   }
graphql-mesh  | }

Any ideas?

P.s. really loving GrapQL-Mesh

[ardatan]

Hi @jamesmmchugh !
Could you create a reproduction? Thanks!

[jamesmmchugh]

@ardatan https://codesandbox.io/s/awesome-keller-7nzve9

[jamesmmchugh]

@ardatan any thoughts?

[jamesmmchugh]

Sorry for bumping this, I noticed there are some other discussion around live queries now so thought it might be a good time to check.