Hi all

I have a weird issue happening, when using URQL and persisted queries with fragments, and I want to make sure I'm using it correctly.

If I follow the instructions here:
https://commerce.nearform.com/open-source/urql/docs/basics/core/#graphql-tags

Then I have my code like this (using the demo):
import { gql } from '@urql/core';

const TodoFragment = gql`
  fragment SmallTodo on Todo {
    id
    title
  }
`;

const TodosQuery = gql`
  query {
    todos {
      ...TodoFragment
    }
  }

  ${TodoFragment}
`;

When I run my codegen to generate hashes, I might get this c727a2c5 (using a fake hash for demonstration), then when urql runs, it would send this hash 701e6878, and what's caused this seems to be one (or more) of these:

1. Codegen moves the fragments to the start of the query
2. The above way of merging gql queries moves fragments to the end of the query

so Codgen is producing:

{
    "c727a2c5": "fragment SmallTodo on Todo {\n  id\n  title\n}\nquery {\n  todos {\n    ...TodoFragment\n  }\n}"
}

and urql is sending this (once it sends the incorrect hash it sends the full query):

query {\n  todos {\n    ...TodoFragment\n  }\n}\nfragment SmallTodo on Todo {\n  id\n  title\n}

But if I do this:

import { gql } from '@urql/core';

const TodosQuery = gql`
  fragment SmallTodo on Todo {
    id
    title
  }
  query {
    todos {
      ...TodoFragment
    }
  }
`;

Then the hashes are correct and match, and the persisted query is used.

Am I not using this correctly?