Apollo-link: [Fonctionnalité] La méthode GET apollo-link-http supprime les caractères ignorés

J'ai essayé de faire la modification en dehors de la bibliothèque apollo-link-http en créant une extension personnalisée ApolloLink pour supprimer la requête avant qu'elle ne soit transmise à createHttpLink mais sans succès malheureusement.

import { ApolloLink } from 'apollo-link';
import gql from 'graphql-tag';
import { print } from 'graphql/language/printer';
import { stripIgnoredCharacters } from 'graphql/utilities/stripIgnoredCharacters';

class CreateShortQueryLink extends ApolloLink {
  request(operation, forward) {
    const strippedQuery = stripIgnoredCharacters(print(operation.query));

    const request = {
      ...operation,
      getContext: operation.getContext,
      setContext: operation.setContext,
      query: gql(strippedQuery),
    };

    return forward(request);
  }
}

const link = ApolloLink.from([
  new CreateShortQueryLink(),
  createHttpLink({ uri: 'http://localhost:3000/graphql' }),
]);

Il semble que le print de graphql/language/printer ajoute à nouveau les caractères inutiles.

print(gql('query Posts{posts(orderBy:id_DESC){id title __typename}}'))

// outputs
query Posts{posts(orderBy:id_DESC){id title __typename}} query Posts {
  posts(orderBy: id_DESC) {
    id
    title
    __typename
  }
}

Cette même méthode print semble également être utilisée par apollo-link-http-common qui est utilisée dans apollo-link-http pour créer la requête GET.

https://github.com/apollographql/apollo-link/blob/c32e170b72ae1a94cea1c633f977d2dbfcada0e1/packages/apollo-link-http-common/src/index.ts#L239

J'ai aussi essayé ce qui précède avec quelque chose comme :

export const createMinifyLink = () => {
  return new ApolloLink((operation: Operation, forward: NextLink) => {
    const stripped = stripIgnoredCharacters(operation.query.loc!.source);
    return forward({
      ...operation,
      getContext: operation.getContext,
      setContext: operation.setContext,
      query: gql(stripped),
    });
  });
};

Mais recevez un tas d'avertissements sur la réutilisation des noms de fragments et les problèmes d'écriture dans le stockage.

J'utiliserais un intercepteur HTTP, mais vous rencontrez alors des problèmes avec des hachages différents lors de l'utilisation d'APQ. J'ai des requêtes de %20%20%20 Ko et pleines de

Vous ne pouvez même pas le pré-traiter car ApolloClient ajoute simplement __typename partout et le ré-embellit :

export function stripIgnoredCharactersGql(literals: string[], ...placeholders: any[]) {
  const strippedLiterals = literals.map(str => stripIgnoredCharacters(str));
  return gql(strippedLiterals, ...placeholders);
}

export const configQuery = stripIgnoredCharactersGql`
  query {
    hello {
      world
    }
  }
`;

Nous avons fini par corriger apollo-link-http-common via https://www.npmjs.com/package/patch-package pour utiliser stripIgnoredCharacters juste après l'utilisation de l'imprimante :

patchs/apollo-link-http-common+0.2.13.patch

diff --git a/node_modules/apollo-link-http-common/lib/index.js b/node_modules/apollo-link-http-common/lib/index.js
index 05cd095..c79da1b 100644
--- a/node_modules/apollo-link-http-common/lib/index.js
+++ b/node_modules/apollo-link-http-common/lib/index.js
@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var printer_1 = require("graphql/language/printer");
+var utilities_1 = require("graphql/utilities/stripIgnoredCharacters");
 var ts_invariant_1 = require("ts-invariant");
 var defaultHttpOptions = {
     includeQuery: true,
@@ -91,6 +92,7 @@ exports.selectHttpOptionsAndBody = function (operation, fallbackConfig) {
         body.extensions = extensions;
     if (http.includeQuery)
         body.query = printer_1.print(query);
+        body.query = utilities_1.stripIgnoredCharacters(body.query);
     return {
         options: options,
         body: body,