commit 06ec8710d681461f5013803d27a83cc1493306ad · kitten.sh/graphqlsp

.changeset/hungry-hairs-draw.md

···

       1
       +
       ---

     

       2
       +
       '@0no-co/graphqlsp': patch

     

       3
       +
       ---

     

       4
       +
       

     

       5
       +
       Avoid polluting with diagnostics not in current file

+93 -42

packages/graphqlsp/src/ast/resolve.ts

···

       9
        
       import { findNode } from '.';

     

       10
        
       import { getSource } from '../ast';

     

       11
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       12
        
       export function resolveTemplate(

     

       13
        
         node: TaggedTemplateExpression,

     

       14
        
         filename: string,

     

       15
        
         info: ts.server.PluginCreateInfo

     

       16
       -
       ): string {

     

       17
        
         let templateText = node.template.getText().slice(1, -1);

     

       18
        
         if (

     

       19
        
           isNoSubstitutionTemplateLiteral(node.template) ||

     

       20
        
           node.template.templateSpans.length === 0

     

       21
        
         ) {

     

       22
       -
           return templateText;

     

       23
        
         }

     

       24
        
       

     

       25
       -
         node.template.templateSpans.forEach(span => {

     

       26
       -
           if (isIdentifier(span.expression)) {

     

       27
       -
             const definitions = info.languageService.getDefinitionAtPosition(

     

       28
       -
               filename,

     

       29
       -
               span.expression.getStart()

     

       30
       -
             );

     

       31
       -
             if (!definitions) return;

     

       32
       -
             const def = definitions[0];

     

       33
       -
             const src = getSource(info, def.fileName);

     

       34
       -
             if (!src) return;

     

       35
       -
             const node = findNode(src, def.textSpan.start);

     

       36
       -
             if (!node || !node.parent) return;

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       37
        
       

     

       38
       -
             const parent = node.parent;

     

       39
       -
             if (ts.isVariableDeclaration(parent)) {

     

       40
       -
               if (

     

       41
       -
                 parent.initializer &&

     

       42
       -
                 isTaggedTemplateExpression(parent.initializer)

     

       43
       -
               ) {

     

       44
       -
                 const text = resolveTemplate(parent.initializer, def.fileName, info);

     

       45
       -
                 templateText = templateText.replace(

     

       46
       -
                   '${' + span.expression.escapedText + '}',

     

       47
       -
                   text

     

       48
       -
                 );

     

       49
       -
               } else if (

     

       50
       -
                 parent.initializer &&

     

       51
       -
                 isAsExpression(parent.initializer) &&

     

       52
       -
                 isTaggedTemplateExpression(parent.initializer.expression)

     

       53
       -
               ) {

     

       54
       -
                 const text = resolveTemplate(

     

       55
       -
                   parent.initializer.expression,

     

       56
       -
                   def.fileName,

     

       57
       -
                   info

     

       58
       -
                 );

     

       59
       -
                 templateText = templateText.replace(

     

       60
       -
                   '${' + span.expression.escapedText + '}',

     

       61
       -
                   text

     

       62
       -
                 );

     

       63
        
               }

     

       64
        
             }

     

       65
       -
           }

     

       66
       -
         });

     

       67
        
       

     

       68
       -
         return templateText;

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       69
        
       }

···

       9
        
       import { findNode } from '.';

     

       10
        
       import { getSource } from '../ast';

     

       11
        
       

     

       12
       +
       type TemplateResult = {

     

       13
       +
         combinedText: string;

     

       14
       +
         resolvedSpans: Array<{

     

       15
       +
           identifier: string;

     

       16
       +
           original: { start: number; length: number };

     

       17
       +
           new: { start: number; length: number };

     

       18
       +
         }>;

     

       19
       +
       };

     

       20
       +
       

     

       21
        
       export function resolveTemplate(

     

       22
        
         node: TaggedTemplateExpression,

     

       23
        
         filename: string,

     

       24
        
         info: ts.server.PluginCreateInfo

     

       25
       +
       ): TemplateResult {

     

       26
        
         let templateText = node.template.getText().slice(1, -1);

     

       27
        
         if (

     

       28
        
           isNoSubstitutionTemplateLiteral(node.template) ||

     

       29
        
           node.template.templateSpans.length === 0

     

       30
        
         ) {

     

       31
       +
           return { combinedText: templateText, resolvedSpans: [] };

     

       32
        
         }

     

       33
        
       

     

       34
       +
         let addedCharacters = 0;

     

       35
       +
         const resolvedSpans = node.template.templateSpans

     

       36
       +
           .map(span => {

     

       37
       +
             if (isIdentifier(span.expression)) {

     

       38
       +
               const definitions = info.languageService.getDefinitionAtPosition(

     

       39
       +
                 filename,

     

       40
       +
                 span.expression.getStart()

     

       41
       +
               );

     

       42
       +
               if (!definitions) return;

     

       43
       +
       

     

       44
       +
               const def = definitions[0];

     

       45
       +
               const src = getSource(info, def.fileName);

     

       46
       +
               if (!src) return;

     

       47
       +
       

     

       48
       +
               const node = findNode(src, def.textSpan.start);

     

       49
       +
               if (!node || !node.parent) return;

     

       50
       +
       

     

       51
       +
               const parent = node.parent;

     

       52
       +
               if (ts.isVariableDeclaration(parent)) {

     

       53
       +
                 const identifierName = span.expression.escapedText;

     

       54
       +
                 // we reduce by two to account for the "${"

     

       55
       +
                 const originalStart = span.expression.getStart() - 2;

     

       56
       +
                 const originalRange = {

     

       57
       +
                   start: originalStart,

     

       58
       +
                   // we add 1 to account for the "}"

     

       59
       +
                   length: span.expression.end - originalStart + 1,

     

       60
       +
                 };

     

       61
       +
                 if (

     

       62
       +
                   parent.initializer &&

     

       63
       +
                   isTaggedTemplateExpression(parent.initializer)

     

       64
       +
                 ) {

     

       65
       +
                   const text = resolveTemplate(

     

       66
       +
                     parent.initializer,

     

       67
       +
                     def.fileName,

     

       68
       +
                     info

     

       69
       +
                   );

     

       70
       +
                   templateText = templateText.replace(

     

       71
       +
                     '${' + span.expression.escapedText + '}',

     

       72
       +
                     text.combinedText

     

       73
       +
                   );

     

       74
       +
       

     

       75
       +
                   const alteredSpan = {

     

       76
       +
                     identifier: identifierName,

     

       77
       +
                     original: originalRange,

     

       78
       +
                     new: {

     

       79
       +
                       start: originalRange.start + addedCharacters,

     

       80
       +
                       length: text.combinedText.length,

     

       81
       +
                     },

     

       82
       +
                   };

     

       83
       +
                   addedCharacters += text.combinedText.length - originalRange.length;

     

       84
       +
                   return alteredSpan;

     

       85
       +
                 } else if (

     

       86
       +
                   parent.initializer &&

     

       87
       +
                   isAsExpression(parent.initializer) &&

     

       88
       +
                   isTaggedTemplateExpression(parent.initializer.expression)

     

       89
       +
                 ) {

     

       90
       +
                   const text = resolveTemplate(

     

       91
       +
                     parent.initializer.expression,

     

       92
       +
                     def.fileName,

     

       93
       +
                     info

     

       94
       +
                   );

     

       95
       +
                   templateText = templateText.replace(

     

       96
       +
                     '${' + span.expression.escapedText + '}',

     

       97
       +
                     text.combinedText

     

       98
       +
                   );

     

       99
       +
                   const alteredSpan = {

     

       100
       +
                     identifier: identifierName,

     

       101
       +
                     original: originalRange,

     

       102
       +
                     new: {

     

       103
       +
                       start: originalRange.start + addedCharacters,

     

       104
       +
                       length: text.combinedText.length,

     

       105
       +
                     },

     

       106
       +
                   };

     

       107
       +
                   addedCharacters += text.combinedText.length - originalRange.length;

     

       108
       +
                   return alteredSpan;

     

       109
       +
                 }

     

       110
        
       

     

       111
       +
                 return undefined;

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       112
        
               }

     

       113
        
             }

     

       0
        
       
     

       0
        
       
     

       114
        
       

     

       115
       +
             return undefined;

     

       116
       +
           })

     

       117
       +
           .filter(Boolean) as TemplateResult['resolvedSpans'];

     

       118
       +
       

     

       119
       +
         return { combinedText: templateText, resolvedSpans };

     

       120
        
       }

+1 -1

packages/graphqlsp/src/autoComplete.ts

···

       48
        
           const foundToken = getToken(template, cursorPosition);

     

       49
        
           if (!foundToken || !schema.current) return undefined;

     

       50
        
       

     

       51
       -
           const text = resolveTemplate(node, filename, info);

     

       52
        
       

     

       53
        
           const cursor = new Cursor(foundToken.line, foundToken.start);

     

       54

···

       48
        
           const foundToken = getToken(template, cursorPosition);

     

       49
        
           if (!foundToken || !schema.current) return undefined;

     

       50
        
       

     

       51
       +
           const text = resolveTemplate(node, filename, info).combinedText;

     

       52
        
       

     

       53
        
           const cursor = new Cursor(foundToken.line, foundToken.start);

     

       54

+62 -20

packages/graphqlsp/src/diagnostics.ts

···

       40
        
         schema: { current: GraphQLSchema | null },

     

       41
        
         info: ts.server.PluginCreateInfo

     

       42
        
       ): ts.Diagnostic[] | undefined {

     

       0
        
       
     

       0
        
       
     

       43
        
         const disableTypegen = info.config.disableTypegen;

     

       44
        
         const tagTemplate = info.config.template || 'gql';

     

       45
        
         const scalars = info.config.scalars || {};

     
···

       60
        
             }

     

       61
        
           }

     

       62
        
       

     

       63
       -
           return resolveTemplate(node, filename, info);

     

       64
        
         });

     

       65
        
       

     

       66
        
         const diagnostics = nodes

     
···

       74
        
               }

     

       75
        
             }

     

       76
        
       

     

       77
       -
             const text = resolveTemplate(node, filename, info);

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       78
        
             const lines = text.split('\n');

     

       79
        
       

     

       80
        
             let startingPosition = node.pos + (tagTemplate.length + 1);

     

       81
       -
             const graphQLDiagnostics = getDiagnostics(text, schema.current).map(x => {

     

       82
       -
               const { start, end } = x.range;

     

       0
        
       
     

       0
        
       
     

       83
        
       

     

       84
       -
               // We add the start.line to account for newline characters which are

     

       85
       -
               // split out

     

       86
       -
               let startChar = startingPosition + start.line;

     

       87
       -
               for (let i = 0; i <= start.line; i++) {

     

       88
       -
                 if (i === start.line) startChar += start.character;

     

       89
       -
                 else startChar += lines[i].length;

     

       90
       -
               }

     

       91
        
       

     

       92
       -
               let endChar = startingPosition + end.line;

     

       93
       -
               for (let i = 0; i <= end.line; i++) {

     

       94
       -
                 if (i === end.line) endChar += end.character;

     

       95
       -
                 else endChar += lines[i].length;

     

       96
       -
               }

     

       97
        
       

     

       98
       -
               // We add 1 to the start because the range is exclusive of start.character

     

       99
       -
               return { ...x, start: startChar + 1, length: endChar - startChar };

     

       100
       -
             });

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       101
        
       

     

       102
        
             try {

     

       103
        
               const parsed = parse(text, { noLocation: true });

     
···

       208
        
                     node,

     

       209
        
                     node.getSourceFile().fileName,

     

       210
        
                     info

     

       211
       -
                   );

     

       212
        
                   try {

     

       213
        
                     const parsed = parse(text, { noLocation: true });

     

       214
        
                     if (

···

       40
        
         schema: { current: GraphQLSchema | null },

     

       41
        
         info: ts.server.PluginCreateInfo

     

       42
        
       ): ts.Diagnostic[] | undefined {

     

       43
       +
         const logger = (msg: string) =>

     

       44
       +
           info.project.projectService.logger.info(`[GraphQLSP] ${msg}`);

     

       45
        
         const disableTypegen = info.config.disableTypegen;

     

       46
        
         const tagTemplate = info.config.template || 'gql';

     

       47
        
         const scalars = info.config.scalars || {};

     
···

       62
        
             }

     

       63
        
           }

     

       64
        
       

     

       65
       +
           return resolveTemplate(node, filename, info).combinedText;

     

       66
        
         });

     

       67
        
       

     

       68
        
         const diagnostics = nodes

     
···

       76
        
               }

     

       77
        
             }

     

       78
        
       

     

       79
       +
             const { combinedText: text, resolvedSpans } = resolveTemplate(

     

       80
       +
               node,

     

       81
       +
               filename,

     

       82
       +
               info

     

       83
       +
             );

     

       84
        
             const lines = text.split('\n');

     

       85
        
       

     

       86
        
             let startingPosition = node.pos + (tagTemplate.length + 1);

     

       87
       +
             const endPosition = startingPosition + node.getText().length;

     

       88
       +
             const graphQLDiagnostics = getDiagnostics(text, schema.current)

     

       89
       +
               .map(x => {

     

       90
       +
                 const { start, end } = x.range;

     

       91
        
       

     

       92
       +
                 // We add the start.line to account for newline characters which are

     

       93
       +
                 // split out

     

       94
       +
                 let startChar = startingPosition + start.line;

     

       95
       +
                 for (let i = 0; i <= start.line; i++) {

     

       96
       +
                   if (i === start.line) startChar += start.character;

     

       97
       +
                   else startChar += lines[i].length;

     

       98
       +
                 }

     

       99
        
       

     

       100
       +
                 let endChar = startingPosition + end.line;

     

       101
       +
                 for (let i = 0; i <= end.line; i++) {

     

       102
       +
                   if (i === end.line) endChar += end.character;

     

       103
       +
                   else endChar += lines[i].length;

     

       104
       +
                 }

     

       105
        
       

     

       106
       +
                 const locatedInFragment = resolvedSpans.find(x => {

     

       107
       +
                   const newEnd = x.new.start + x.new.length;

     

       108
       +
                   return startChar >= x.new.start && endChar <= newEnd;

     

       109
       +
                 });

     

       110
       +
       

     

       111
       +
                 if (!!locatedInFragment) {

     

       112
       +
                   return {

     

       113
       +
                     ...x,

     

       114
       +
                     start: locatedInFragment.original.start,

     

       115
       +
                     length: locatedInFragment.original.length,

     

       116
       +
                   };

     

       117
       +
                 } else {

     

       118
       +
                   if (startChar > endPosition) {

     

       119
       +
                     // we have to calculate the added length and fix this

     

       120
       +
                     const addedCharacters = resolvedSpans

     

       121
       +
                       .filter(x => x.new.start + x.new.length < startChar)

     

       122
       +
                       .reduce(

     

       123
       +
                         (acc, span) => acc + (span.new.length - span.original.length),

     

       124
       +
                         0

     

       125
       +
                       );

     

       126
       +
                     startChar = startChar - addedCharacters;

     

       127
       +
                     endChar = endChar - addedCharacters;

     

       128
       +
                     return {

     

       129
       +
                       ...x,

     

       130
       +
                       start: startChar + 1,

     

       131
       +
                       length: endChar - startChar,

     

       132
       +
                     };

     

       133
       +
                   } else {

     

       134
       +
                     return {

     

       135
       +
                       ...x,

     

       136
       +
                       start: startChar + 1,

     

       137
       +
                       length: endChar - startChar,

     

       138
       +
                     };

     

       139
       +
                   }

     

       140
       +
                 }

     

       141
       +
               })

     

       142
       +
               .filter(x => x.start + x.length <= endPosition);

     

       143
        
       

     

       144
        
             try {

     

       145
        
               const parsed = parse(text, { noLocation: true });

     
···

       250
        
                     node,

     

       251
        
                     node.getSourceFile().fileName,

     

       252
        
                     info

     

       253
       +
                   ).combinedText;

     

       254
        
                   try {

     

       255
        
                     const parsed = parse(text, { noLocation: true });

     

       256
        
                     if (

+43 -41

packages/graphqlsp/src/graphql/generateTypes.ts

···

       60
        
         scalars: Record<string, unknown>,

     

       61
        
         baseTypesPath: string

     

       62
        
       ) => {

     

       63
       -
         if (!schema) return;

     

       0
        
       
     

       64
        
       

     

       65
       -
         const parts = outputFile.split('/');

     

       66
       -
         parts.pop();

     

       67
       -
         let basePath = path

     

       68
       -
           .relative(parts.join('/'), baseTypesPath)

     

       69
       -
           .replace('.ts', '');

     

       70
       -
         // case where files are declared globally, we need to prefix with ./

     

       71
       -
         if (basePath === '__generated__/baseGraphQLSP') {

     

       72
       -
           basePath = './' + basePath;

     

       73
       -
         }

     

       74
        
       

     

       75
       -
         const config = {

     

       76
       -
           documents: [

     

       77
       -
             {

     

       78
       -
               location: 'operation.graphql',

     

       79
       -
               document: parse(doc),

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       80
        
             },

     

       81
       -
           ],

     

       82
       -
           config: {

     

       83
       -
             scalars,

     

       84
       -
             avoidOptionals: false,

     

       85
       -
             enumsAsTypes: true,

     

       86
       -
             nonOptionalTypename: true,

     

       87
       -
             namespacedImportName: 'Types',

     

       88
       -
           },

     

       89
       -
           filename: outputFile,

     

       90
       -
           schema: parse(printSchema(schema)),

     

       91
       -
           plugins: [

     

       92
       -
             { 'typescript-operations': {} },

     

       93
       -
             { 'typed-document-node': {} },

     

       94
       -
             { add: { content: `import * as Types from "${basePath}"` } },

     

       95
       -
           ],

     

       96
       -
           pluginMap: {

     

       97
       -
             'typescript-operations': typescriptOperationsPlugin,

     

       98
       -
             'typed-document-node': typedDocumentNodePlugin,

     

       99
       -
             add: addPlugin,

     

       100
       -
           },

     

       101
       -
         };

     

       102
        
       

     

       103
       -
         // @ts-ignore

     

       104
       -
         const output = await codegen(config);

     

       105
       -
         fs.writeFile(path.join(outputFile), output, 'utf8', err => {

     

       106
       -
           console.error(err);

     

       107
       -
         });

     

       0
        
       
     

       108
        
       };

···

       60
        
         scalars: Record<string, unknown>,

     

       61
        
         baseTypesPath: string

     

       62
        
       ) => {

     

       63
       +
         try {

     

       64
       +
           if (!schema) return;

     

       65
        
       

     

       66
       +
           const parts = outputFile.split('/');

     

       67
       +
           parts.pop();

     

       68
       +
           let basePath = path

     

       69
       +
             .relative(parts.join('/'), baseTypesPath)

     

       70
       +
             .replace('.ts', '');

     

       71
       +
           // case where files are declared globally, we need to prefix with ./

     

       72
       +
           if (basePath === '__generated__/baseGraphQLSP') {

     

       73
       +
             basePath = './' + basePath;

     

       74
       +
           }

     

       75
        
       

     

       76
       +
           const config = {

     

       77
       +
             documents: [

     

       78
       +
               {

     

       79
       +
                 location: 'operation.graphql',

     

       80
       +
                 document: parse(doc),

     

       81
       +
               },

     

       82
       +
             ],

     

       83
       +
             config: {

     

       84
       +
               scalars,

     

       85
       +
               avoidOptionals: false,

     

       86
       +
               enumsAsTypes: true,

     

       87
       +
               nonOptionalTypename: true,

     

       88
       +
               namespacedImportName: 'Types',

     

       89
        
             },

     

       90
       +
             filename: outputFile,

     

       91
       +
             schema: parse(printSchema(schema)),

     

       92
       +
             plugins: [

     

       93
       +
               { 'typescript-operations': {} },

     

       94
       +
               { 'typed-document-node': {} },

     

       95
       +
               { add: { content: `import * as Types from "${basePath}"` } },

     

       96
       +
             ],

     

       97
       +
             pluginMap: {

     

       98
       +
               'typescript-operations': typescriptOperationsPlugin,

     

       99
       +
               'typed-document-node': typedDocumentNodePlugin,

     

       100
       +
               add: addPlugin,

     

       101
       +
             },

     

       102
       +
           };

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       103
        
       

     

       104
       +
           // @ts-ignore

     

       105
       +
           const output = await codegen(config);

     

       106
       +
           fs.writeFile(path.join(outputFile), output, 'utf8', err => {

     

       107
       +
             console.error(err);

     

       108
       +
           });

     

       109
       +
         } catch (e) {}

     

       110
        
       };

+1 -1

packages/graphqlsp/src/quickInfo.ts

···

       34
        
       

     

       35
        
           const hoverInfo = getHoverInformation(

     

       36
        
             schema.current,

     

       37
       -
             resolveTemplate(node, filename, info),

     

       38
        
             new Cursor(foundToken.line, foundToken.start)

     

       39
        
           );

     

       40

···

       34
        
       

     

       35
        
           const hoverInfo = getHoverInformation(

     

       36
        
             schema.current,

     

       37
       +
             resolveTemplate(node, filename, info).combinedText,

     

       38
        
             new Cursor(foundToken.line, foundToken.start)

     

       39
        
           );

     

       40