Apollo-link: [फ़ीचर] अपोलो-लिंक-एचटीटीपी जीईटी विधि अनदेखा वर्णों को हटा दें

मैं बाहर संशोधन करने के लिए कोशिश की है apollo-link-http एक कस्टम बनाने के द्वारा पुस्तकालय ApolloLink विस्तार क्वेरी से पहले इस दिशा में पारित हो पट्टी createHttpLink लेकिन कोई भाग्य दुर्भाग्य के साथ।

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' }),
]);

ऐसा लगता है कि print का graphql/language/printer फिर से अनावश्यक वर्ण जोड़ रहा है।

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
  }
}

ऐसा लगता है कि print विधि का उपयोग apollo-link-http-common द्वारा भी किया जाता है जिसका उपयोग GET क्वेरी बनाने के लिए apollo-link-http जाता है।

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

उपरोक्त की तरह कुछ भी करने की कोशिश की:

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),
    });
  });
};

लेकिन टुकड़े के नामों का पुन: उपयोग करने और स्टोर करने के लिए लिखने में समस्याओं के बारे में चेतावनियों का भार प्राप्त करें।

मैं एक HTTP इंटरसेप्टर का उपयोग करूंगा लेकिन फिर आपको एपीक्यू का उपयोग करते समय अलग-अलग हैश के साथ समस्याएं आती हैं। मेरे पास ऐसे प्रश्न हैं जो 44kb हैं और %20%20%20 भरे हुए हैं। सोचें कि अगर मैं अनदेखा पात्रों को हटा सकता हूं तो शायद यह आधा आकार होगा।

आप इसे प्री-प्रोसेस भी नहीं कर सकते क्योंकि ApolloClient सिर्फ __typename जोड़ता है और इसे फिर से सुंदर बनाता है:

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
    }
  }
`;

हमने प्रिंटर के उपयोग के ठीक बाद स्ट्रिपइग्नोरड कैरेक्टर्स का उपयोग करने के लिए https://www.npmjs.com/package/patch-package के माध्यम से अपोलो-लिंक-http-common पैचिंग समाप्त कर दी है:

पैच/अपोलो-लिंक-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,