commit 05da589468b0cb7fb37e8b432bcfca93cec2f650 · kitten.sh/graphqlsp

.changeset/mean-news-unite.md

···

       1
       1
       +
       ---

     

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

     

       3
       3
       +
       ---

     

       4
       4
       +
       

     

       5
       5
       +
       Warn when an import defines a fragment that is unused in the current file

+1 -1

packages/example-external-generator/tsconfig.json

···

       5
       5
        
               "name": "@0no-co/graphqlsp",

     

       6
       6
        
               "schema": "./schema.graphql",

     

       7
       7
        
               "disableTypegen": true,

     

       8
       8
       -
               "shouldCheckForColocatedFragments": false,

     

       8
       8
       +
               "shouldCheckForColocatedFragments": true,

     

       9
       9
        
               "template": "graphql",

     

       10
       10
        
               "templateIsCallExpression": true,

     

       11
       11
        
               "trackFieldUsage": true

+3 -2

packages/graphqlsp/src/ast/index.ts

···

       55
       55
        
       export function findAllCallExpressions(

     

       56
       56
        
         sourceFile: ts.SourceFile,

     

       57
       57
        
         template: string,

     

       58
       58
       -
         info: ts.server.PluginCreateInfo

     

       58
       58
       +
         info: ts.server.PluginCreateInfo,

     

       59
       59
       +
         shouldSearchFragments: boolean = true

     

       59
       60
        
       ): {

     

       60
       61
        
         nodes: Array<ts.NoSubstitutionTemplateLiteral>;

     

       61
       62
        
         fragments: Array<FragmentDefinitionNode>;

     

       62
       63
        
       } {

     

       63
       64
        
         const result: Array<ts.NoSubstitutionTemplateLiteral> = [];

     

       64
       65
        
         let fragments: Array<FragmentDefinitionNode> = [];

     

       65
       65
       -
         let hasTriedToFindFragments = false;

     

       66
       66
       +
         let hasTriedToFindFragments = shouldSearchFragments ? false : true;

     

       66
       67
        
         function find(node: ts.Node) {

     

       67
       68
        
           if (ts.isCallExpression(node) && node.expression.getText() === template) {

     

       68
       69
        
             if (!hasTriedToFindFragments) {

+7 -3

packages/graphqlsp/src/autoComplete.ts

···

       64
       64
        
           const foundToken = getToken(node.arguments[0], cursorPosition);

     

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

     

       66
       66
        
       

     

       67
       67
       -
           const queryText = node.arguments[0].getText();

     

       67
       67
       +
           const queryText = node.arguments[0].getText().slice(1, -1);

     

       68
       68
        
           const fragments = getAllFragments(filename, node, info);

     

       69
       69
        
       

     

       70
       70
       -
           text = `${queryText}\m${fragments.map(x => print(x)).join('\n')}`;

     

       70
       70
       +
           text = `${queryText}\n${fragments.map(x => print(x)).join('\n')}`;

     

       71
       71
        
           cursor = new Cursor(foundToken.line, foundToken.start - 1);

     

       72
       72
        
         } else if (ts.isTaggedTemplateExpression(node)) {

     

       73
       73
        
           const { template, tag } = node;

     
···

       151
       151
        
           fragments = parsed.definitions.filter(

     

       152
       152
        
             x => x.kind === Kind.FRAGMENT_DEFINITION

     

       153
       153
        
           ) as Array<FragmentDefinitionNode>;

     

       154
       154
       -
         } catch (e) {}

     

       154
       154
       +
         } catch (e) {

     

       155
       155
       +
           console.log('[GraphQLSP] ', e);

     

       156
       156
       +
         }

     

       157
       157
       +
         console.log('fraggers', fragments.map(x => print(x)).join('\n'));

     

       155
       158
        
       

     

       156
       159
        
         let suggestions = getAutocompleteSuggestions(schema, queryText, cursor);

     

       157
       160
        
         let spreadSuggestions = getSuggestionsForFragmentSpread(

     
···

       161
       164
        
           queryText,

     

       162
       165
        
           fragments

     

       163
       166
        
         );

     

       167
       167
       +
         console.log(JSON.stringify(spreadSuggestions, null, 2));

     

       164
       168
        
       

     

       165
       169
        
         const state =

     

       166
       170
        
           token.state.kind === 'Invalid' ? token.state.prevState : token.state;

+166 -2

packages/graphqlsp/src/checkImports.ts

···

       1
       1
        
       import ts from 'typescript/lib/tsserverlibrary';

     

       2
       2
       -
       import { Kind, parse } from 'graphql';

     

       2
       2
       +
       import { FragmentDefinitionNode, Kind, parse } from 'graphql';

     

       3
       3
        
       

     

       4
       4
       -
       import { findAllImports, findAllTaggedTemplateNodes } from './ast';

     

       4
       4
       +
       import {

     

       5
       5
       +
         findAllCallExpressions,

     

       6
       6
       +
         findAllImports,

     

       7
       7
       +
         findAllTaggedTemplateNodes,

     

       8
       8
       +
         getSource,

     

       9
       9
       +
       } from './ast';

     

       5
       10
        
       import { resolveTemplate } from './ast/resolve';

     

       6
       11
        
       

     

       7
       12
        
       export const MISSING_FRAGMENT_CODE = 52003;

     
···

       113
       118
        
       

     

       114
       119
        
         return tsDiagnostics;

     

       115
       120
        
       };

     

       121
       121
       +
       

     

       122
       122
       +
       export const getColocatedFragmentNames = (

     

       123
       123
       +
         source: ts.SourceFile,

     

       124
       124
       +
         info: ts.server.PluginCreateInfo

     

       125
       125
       +
       ): Record<

     

       126
       126
       +
         string,

     

       127
       127
       +
         { start: number; length: number; fragments: Array<string> }

     

       128
       128
       +
       > => {

     

       129
       129
       +
         const imports = findAllImports(source);

     

       130
       130
       +
         const importSpecifierToFragments: Record<

     

       131
       131
       +
           string,

     

       132
       132
       +
           { start: number; length: number; fragments: Array<string> }

     

       133
       133
       +
         > = {};

     

       134
       134
       +
       

     

       135
       135
       +
         if (imports.length) {

     

       136
       136
       +
           imports.forEach(imp => {

     

       137
       137
       +
             if (!imp.importClause) return;

     

       138
       138
       +
       

     

       139
       139
       +
             if (imp.importClause.name) {

     

       140
       140
       +
               const definitions = info.languageService.getDefinitionAtPosition(

     

       141
       141
       +
                 source.fileName,

     

       142
       142
       +
                 imp.importClause.name.getStart()

     

       143
       143
       +
               );

     

       144
       144
       +
               if (definitions && definitions.length) {

     

       145
       145
       +
                 const [def] = definitions;

     

       146
       146
       +
                 if (def.fileName.includes('node_modules')) return;

     

       147
       147
       +
       

     

       148
       148
       +
                 const externalSource = getSource(info, def.fileName);

     

       149
       149
       +
                 if (!externalSource) return;

     

       150
       150
       +
       

     

       151
       151
       +
                 const fragmentsForImport = getFragmentsInSource(externalSource, info);

     

       152
       152
       +
       

     

       153
       153
       +
                 const names = fragmentsForImport.map(fragment => fragment.name.value);

     

       154
       154
       +
                 if (

     

       155
       155
       +
                   names.length &&

     

       156
       156
       +
                   !importSpecifierToFragments[imp.moduleSpecifier.getText()]

     

       157
       157
       +
                 ) {

     

       158
       158
       +
                   importSpecifierToFragments[imp.moduleSpecifier.getText()] = {

     

       159
       159
       +
                     start: imp.moduleSpecifier.getStart(),

     

       160
       160
       +
                     length: imp.moduleSpecifier.getText().length,

     

       161
       161
       +
                     fragments: names,

     

       162
       162
       +
                   };

     

       163
       163
       +
                 } else if (names.length) {

     

       164
       164
       +
                   importSpecifierToFragments[

     

       165
       165
       +
                     imp.moduleSpecifier.getText()

     

       166
       166
       +
                   ].fragments =

     

       167
       167
       +
                     importSpecifierToFragments[

     

       168
       168
       +
                       imp.moduleSpecifier.getText()

     

       169
       169
       +
                     ].fragments.concat(names);

     

       170
       170
       +
                 }

     

       171
       171
       +
               }

     

       172
       172
       +
             }

     

       173
       173
       +
       

     

       174
       174
       +
             if (

     

       175
       175
       +
               imp.importClause.namedBindings &&

     

       176
       176
       +
               ts.isNamespaceImport(imp.importClause.namedBindings)

     

       177
       177
       +
             ) {

     

       178
       178
       +
               const definitions = info.languageService.getDefinitionAtPosition(

     

       179
       179
       +
                 source.fileName,

     

       180
       180
       +
                 imp.importClause.namedBindings.getStart()

     

       181
       181
       +
               );

     

       182
       182
       +
               if (definitions && definitions.length) {

     

       183
       183
       +
                 const [def] = definitions;

     

       184
       184
       +
                 if (def.fileName.includes('node_modules')) return;

     

       185
       185
       +
       

     

       186
       186
       +
                 const externalSource = getSource(info, def.fileName);

     

       187
       187
       +
                 if (!externalSource) return;

     

       188
       188
       +
       

     

       189
       189
       +
                 const fragmentsForImport = getFragmentsInSource(externalSource, info);

     

       190
       190
       +
                 const names = fragmentsForImport.map(fragment => fragment.name.value);

     

       191
       191
       +
                 if (

     

       192
       192
       +
                   names.length &&

     

       193
       193
       +
                   !importSpecifierToFragments[imp.moduleSpecifier.getText()]

     

       194
       194
       +
                 ) {

     

       195
       195
       +
                   importSpecifierToFragments[imp.moduleSpecifier.getText()] = {

     

       196
       196
       +
                     start: imp.moduleSpecifier.getStart(),

     

       197
       197
       +
                     length: imp.moduleSpecifier.getText().length,

     

       198
       198
       +
                     fragments: names,

     

       199
       199
       +
                   };

     

       200
       200
       +
                 } else if (names.length) {

     

       201
       201
       +
                   importSpecifierToFragments[

     

       202
       202
       +
                     imp.moduleSpecifier.getText()

     

       203
       203
       +
                   ].fragments =

     

       204
       204
       +
                     importSpecifierToFragments[

     

       205
       205
       +
                       imp.moduleSpecifier.getText()

     

       206
       206
       +
                     ].fragments.concat(names);

     

       207
       207
       +
                 }

     

       208
       208
       +
               }

     

       209
       209
       +
             } else if (

     

       210
       210
       +
               imp.importClause.namedBindings &&

     

       211
       211
       +
               ts.isNamedImportBindings(imp.importClause.namedBindings)

     

       212
       212
       +
             ) {

     

       213
       213
       +
               imp.importClause.namedBindings.elements.forEach(el => {

     

       214
       214
       +
                 const definitions = info.languageService.getDefinitionAtPosition(

     

       215
       215
       +
                   source.fileName,

     

       216
       216
       +
                   el.getStart()

     

       217
       217
       +
                 );

     

       218
       218
       +
                 if (definitions && definitions.length) {

     

       219
       219
       +
                   const [def] = definitions;

     

       220
       220
       +
                   if (def.fileName.includes('node_modules')) return;

     

       221
       221
       +
       

     

       222
       222
       +
                   const externalSource = getSource(info, def.fileName);

     

       223
       223
       +
                   if (!externalSource) return;

     

       224
       224
       +
       

     

       225
       225
       +
                   const fragmentsForImport = getFragmentsInSource(

     

       226
       226
       +
                     externalSource,

     

       227
       227
       +
                     info

     

       228
       228
       +
                   );

     

       229
       229
       +
                   const names = fragmentsForImport.map(

     

       230
       230
       +
                     fragment => fragment.name.value

     

       231
       231
       +
                   );

     

       232
       232
       +
                   if (

     

       233
       233
       +
                     names.length &&

     

       234
       234
       +
                     !importSpecifierToFragments[imp.moduleSpecifier.getText()]

     

       235
       235
       +
                   ) {

     

       236
       236
       +
                     importSpecifierToFragments[imp.moduleSpecifier.getText()] = {

     

       237
       237
       +
                       start: imp.moduleSpecifier.getStart(),

     

       238
       238
       +
                       length: imp.moduleSpecifier.getText().length,

     

       239
       239
       +
                       fragments: names,

     

       240
       240
       +
                     };

     

       241
       241
       +
                   } else if (names.length) {

     

       242
       242
       +
                     importSpecifierToFragments[

     

       243
       243
       +
                       imp.moduleSpecifier.getText()

     

       244
       244
       +
                     ].fragments =

     

       245
       245
       +
                       importSpecifierToFragments[

     

       246
       246
       +
                         imp.moduleSpecifier.getText()

     

       247
       247
       +
                       ].fragments.concat(names);

     

       248
       248
       +
                   }

     

       249
       249
       +
                 }

     

       250
       250
       +
               });

     

       251
       251
       +
             }

     

       252
       252
       +
           });

     

       253
       253
       +
         }

     

       254
       254
       +
       

     

       255
       255
       +
         return importSpecifierToFragments;

     

       256
       256
       +
       };

     

       257
       257
       +
       

     

       258
       258
       +
       function getFragmentsInSource(

     

       259
       259
       +
         src: ts.SourceFile,

     

       260
       260
       +
         info: ts.server.PluginCreateInfo

     

       261
       261
       +
       ): Array<FragmentDefinitionNode> {

     

       262
       262
       +
         let fragments: Array<FragmentDefinitionNode> = [];

     

       263
       263
       +
         const tagTemplate = info.config.template || 'gql';

     

       264
       264
       +
         const callExpressions = findAllCallExpressions(src, tagTemplate, info, false);

     

       265
       265
       +
       

     

       266
       266
       +
         callExpressions.nodes.forEach(node => {

     

       267
       267
       +
           const text = resolveTemplate(node, src.fileName, info).combinedText;

     

       268
       268
       +
           try {

     

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

     

       270
       270
       +
             if (parsed.definitions.every(x => x.kind === Kind.FRAGMENT_DEFINITION)) {

     

       271
       271
       +
               fragments = fragments.concat(parsed.definitions as any);

     

       272
       272
       +
             }

     

       273
       273
       +
           } catch (e) {

     

       274
       274
       +
             return;

     

       275
       275
       +
           }

     

       276
       276
       +
         });

     

       277
       277
       +
       

     

       278
       278
       +
         return fragments;

     

       279
       279
       +
       }

+70 -7

packages/graphqlsp/src/diagnostics.ts

···

       7
       7
        
         OperationDefinitionNode,

     

       8
       8
        
         parse,

     

       9
       9
        
         print,

     

       10
       10
       +
         visit,

     

       10
       11
        
       } from 'graphql';

     

       11
       12
        
       import { LRUCache } from 'lru-cache';

     

       12
       13
        
       import fnv1a from '@sindresorhus/fnv1a';

     
···

       20
       21
        
       import { resolveTemplate } from './ast/resolve';

     

       21
       22
        
       import { generateTypedDocumentNodes } from './graphql/generateTypes';

     

       22
       23
        
       import { checkFieldUsageInFile } from './fieldUsage';

     

       23
       23
       -
       import { checkImportsForFragments } from './checkImports';

     

       24
       24
       +
       import {

     

       25
       25
       +
         MISSING_FRAGMENT_CODE,

     

       26
       26
       +
         checkImportsForFragments,

     

       27
       27
       +
         getColocatedFragmentNames,

     

       28
       28
       +
       } from './checkImports';

     

       24
       29
        
       

     

       25
       30
        
       const clientDirectives = new Set([

     

       26
       31
        
         'populate',

     
···

       304
       309
        
           messageText: diag.message.split('\n')[0],

     

       305
       310
        
         }));

     

       306
       311
        
       

     

       307
       307
       -
         const importDiagnostics = isCallExpression

     

       308
       308
       -
           ? checkFieldUsageInFile(

     

       312
       312
       +
         if (isCallExpression) {

     

       313
       313
       +
           const usageDiagnostics = checkFieldUsageInFile(

     

       314
       314
       +
             source,

     

       315
       315
       +
             nodes as ts.NoSubstitutionTemplateLiteral[],

     

       316
       316
       +
             info

     

       317
       317
       +
           );

     

       318
       318
       +
       

     

       319
       319
       +
           const shouldCheckForColocatedFragments =

     

       320
       320
       +
             info.config.shouldCheckForColocatedFragments ?? false;

     

       321
       321
       +
           let fragmentDiagnostics: ts.Diagnostic[] = [];

     

       322
       322
       +
           console.log(

     

       323
       323
       +
             '[GraphhQLSP] Checking for colocated fragments ',

     

       324
       324
       +
             !!shouldCheckForColocatedFragments

     

       325
       325
       +
           );

     

       326
       326
       +
           if (shouldCheckForColocatedFragments) {

     

       327
       327
       +
             const moduleSpecifierToFragments = getColocatedFragmentNames(

     

       309
       328
        
               source,

     

       310
       310
       -
               nodes as ts.NoSubstitutionTemplateLiteral[],

     

       311
       329
        
               info

     

       312
       312
       -
             )

     

       313
       313
       -
           : checkImportsForFragments(source, info);

     

       330
       330
       +
             );

     

       331
       331
       +
             console.log(

     

       332
       332
       +
               '[GraphhQLSP] Checking for colocated fragments ',

     

       333
       333
       +
               JSON.stringify(moduleSpecifierToFragments, null, 2)

     

       334
       334
       +
             );

     

       314
       335
        
       

     

       315
       315
       -
         return [...tsDiagnostics, ...importDiagnostics];

     

       336
       336
       +
             const usedFragments = new Set();

     

       337
       337
       +
             nodes.forEach(node => {

     

       338
       338
       +
               try {

     

       339
       339
       +
                 const parsed = parse(node.getText().slice(1, -1), {

     

       340
       340
       +
                   noLocation: true,

     

       341
       341
       +
                 });

     

       342
       342
       +
                 visit(parsed, {

     

       343
       343
       +
                   FragmentSpread: node => {

     

       344
       344
       +
                     usedFragments.add(node.name.value);

     

       345
       345
       +
                   },

     

       346
       346
       +
                 });

     

       347
       347
       +
               } catch (e) {}

     

       348
       348
       +
             });

     

       349
       349
       +
       

     

       350
       350
       +
             Object.keys(moduleSpecifierToFragments).forEach(moduleSpecifier => {

     

       351
       351
       +
               const {

     

       352
       352
       +
                 fragments: fragmentNames,

     

       353
       353
       +
                 start,

     

       354
       354
       +
                 length,

     

       355
       355
       +
               } = moduleSpecifierToFragments[moduleSpecifier];

     

       356
       356
       +
               const missingFragments = fragmentNames.filter(

     

       357
       357
       +
                 x => !usedFragments.has(x)

     

       358
       358
       +
               );

     

       359
       359
       +
               if (missingFragments.length) {

     

       360
       360
       +
                 fragmentDiagnostics.push({

     

       361
       361
       +
                   file: source,

     

       362
       362
       +
                   length,

     

       363
       363
       +
                   start,

     

       364
       364
       +
                   category: ts.DiagnosticCategory.Warning,

     

       365
       365
       +
                   code: MISSING_FRAGMENT_CODE,

     

       366
       366
       +
                   messageText: `Unused co-located fragment definition(s) "${missingFragments.join(

     

       367
       367
       +
                     ', '

     

       368
       368
       +
                   )}" in ${moduleSpecifier}`,

     

       369
       369
       +
                 });

     

       370
       370
       +
               }

     

       371
       371
       +
             });

     

       372
       372
       +
           }

     

       373
       373
       +
       

     

       374
       374
       +
           return [...tsDiagnostics, ...usageDiagnostics, ...fragmentDiagnostics];

     

       375
       375
       +
         } else {

     

       376
       376
       +
           const importDiagnostics = checkImportsForFragments(source, info);

     

       377
       377
       +
           return [...tsDiagnostics, ...importDiagnostics];

     

       378
       378
       +
         }

     

       316
       379
        
       };

     

       317
       380
        
       

     

       318
       381
        
       const runTypedDocumentNodes = (

+82 -121

test/e2e/client-preset.test.ts

···

       10
       10
        
       const projectPath = path.resolve(__dirname, 'fixture-project-client-preset');

     

       11
       11
        
       describe('Fragment + operations', () => {

     

       12
       12
        
         const outfileCombo = path.join(projectPath, 'simple.ts');

     

       13
       13
       +
         const outfileUnusedFragment = path.join(projectPath, 'unused-fragment.ts');

     

       13
       14
        
         const outfileCombinations = path.join(projectPath, 'fragment.ts');

     

       14
       15
        
         const outfileGql = path.join(projectPath, 'gql', 'gql.ts');

     

       15
       16
        
         const outfileGraphql = path.join(projectPath, 'gql', 'graphql.ts');

     
···

       25
       26
        
           } satisfies ts.server.protocol.OpenRequestArgs);

     

       26
       27
        
           server.sendCommand('open', {

     

       27
       28
        
             file: outfileCombinations,

     

       29
       29
       +
             fileContent: '// empty',

     

       30
       30
       +
             scriptKindName: 'TS',

     

       31
       31
       +
           } satisfies ts.server.protocol.OpenRequestArgs);

     

       32
       32
       +
           server.sendCommand('open', {

     

       33
       33
       +
             file: outfileUnusedFragment,

     

       28
       34
        
             fileContent: '// empty',

     

       29
       35
        
             scriptKindName: 'TS',

     

       30
       36
        
           } satisfies ts.server.protocol.OpenRequestArgs);

     
···

       66
       72
        
                 file: outfileCombo,

     

       67
       73
        
                 fileContent: fs.readFileSync(

     

       68
       74
        
                   path.join(projectPath, 'fixtures/simple.ts'),

     

       75
       75
       +
                   'utf-8'

     

       76
       76
       +
                 ),

     

       77
       77
       +
               },

     

       78
       78
       +
               {

     

       79
       79
       +
                 file: outfileUnusedFragment,

     

       80
       80
       +
                 fileContent: fs.readFileSync(

     

       81
       81
       +
                   path.join(projectPath, 'fixtures/unused-fragment.ts'),

     

       69
       82
        
                   'utf-8'

     

       70
       83
        
                 ),

     

       71
       84
        
               },

     
···

       88
       101
        
             file: outfileCombinations,

     

       89
       102
        
             tmpfile: outfileCombinations,

     

       90
       103
        
           } satisfies ts.server.protocol.SavetoRequestArgs);

     

       104
       104
       +
           server.sendCommand('saveto', {

     

       105
       105
       +
             file: outfileUnusedFragment,

     

       106
       106
       +
             tmpfile: outfileUnusedFragment,

     

       107
       107
       +
           } satisfies ts.server.protocol.SavetoRequestArgs);

     

       91
       108
        
         });

     

       92
       109
        
       

     

       93
       110
        
         afterAll(() => {

     

       94
       111
        
           try {

     

       112
       112
       +
             fs.unlinkSync(outfileUnusedFragment);

     

       95
       113
        
             fs.unlinkSync(outfileCombinations);

     

       96
       114
        
             fs.unlinkSync(outfileCombo);

     

       97
       115
        
             fs.unlinkSync(outfileGql);

     
···

       104
       122
        
             e => e.type === 'event' && e.event === 'semanticDiag'

     

       105
       123
        
           );

     

       106
       124
        
           const res = server.responses.filter(

     

       107
       107
       -
             resp => resp.type === 'event' && resp.event === 'semanticDiag'

     

       125
       125
       +
             resp =>

     

       126
       126
       +
               resp.type === 'event' &&

     

       127
       127
       +
               resp.event === 'semanticDiag' &&

     

       128
       128
       +
               resp.body?.file === outfileCombo

     

       108
       129
        
           );

     

       109
       130
        
           expect(res[0].body.diagnostics).toMatchInlineSnapshot(`

     

       110
       131
        
             [

     
···

       212
       233
        
           expect(res?.body.entries).toMatchInlineSnapshot(`

     

       213
       234
        
             [

     

       214
       235
        
               {

     

       215
       215
       -
                 "kind": "var",

     

       216
       216
       -
                 "kindModifiers": "declare",

     

       217
       217
       -
                 "labelDetails": {

     

       218
       218
       -
                   "detail": " AttacksConnection",

     

       236
       236
       +
                 "kind": "string",

     

       237
       237
       +
                 "kindModifiers": "",

     

       238
       238
       +
                 "name": "\\\\n  fragment pokemonFields on Pokemon {\\\\n    id\\\\n    name\\\\n    attacks {\\\\n      fast {\\\\n        damage\\\\n        name\\\\n      }\\\\n    }\\\\n  }\\\\n",

     

       239
       239
       +
                 "replacementSpan": {

     

       240
       240
       +
                   "end": {

     

       241
       241
       +
                     "line": 9,

     

       242
       242
       +
                     "offset": 1,

     

       243
       243
       +
                   },

     

       244
       244
       +
                   "start": {

     

       245
       245
       +
                     "line": 3,

     

       246
       246
       +
                     "offset": 39,

     

       247
       247
       +
                   },

     

       219
       248
        
                 },

     

       220
       220
       -
                 "name": "attacks",

     

       221
       221
       -
                 "sortText": "0attacks",

     

       249
       249
       +
                 "sortText": "11",

     

       222
       250
        
               },

     

       223
       251
        
               {

     

       224
       224
       -
                 "kind": "var",

     

       225
       225
       -
                 "kindModifiers": "declare",

     

       226
       226
       -
                 "labelDetails": {

     

       227
       227
       -
                   "detail": " [EvolutionRequirement]",

     

       252
       252
       +
                 "kind": "string",

     

       253
       253
       +
                 "kindModifiers": "",

     

       254
       254
       +
                 "name": "\\\\n  query Pok($limit: Int!) {\\\\n    pokemons(limit: $limit) {\\\\n      id\\\\n      name\\\\n      fleeRate\\\\n      classification\\\\n      ...pokemonFields\\\\n      ...weaknessFields\\\\n      __typename\\\\n    }\\\\n  }\\\\n",

     

       255
       255
       +
                 "replacementSpan": {

     

       256
       256
       +
                   "end": {

     

       257
       257
       +
                     "line": 9,

     

       258
       258
       +
                     "offset": 1,

     

       259
       259
       +
                   },

     

       260
       260
       +
                   "start": {

     

       261
       261
       +
                     "line": 3,

     

       262
       262
       +
                     "offset": 39,

     

       263
       263
       +
                   },

     

       228
       264
        
                 },

     

       229
       229
       -
                 "name": "evolutionRequirements",

     

       230
       230
       -
                 "sortText": "2evolutionRequirements",

     

       265
       265
       +
                 "sortText": "11",

     

       231
       266
        
               },

     

       267
       267
       +
             ]

     

       268
       268
       +
           `);

     

       269
       269
       +
         }, 30000);

     

       270
       270
       +
       

     

       271
       271
       +
         it('gives semantic-diagnostics with unused fragments', async () => {

     

       272
       272
       +
           server.sendCommand('saveto', {

     

       273
       273
       +
             file: outfileUnusedFragment,

     

       274
       274
       +
             tmpfile: outfileUnusedFragment,

     

       275
       275
       +
           } satisfies ts.server.protocol.SavetoRequestArgs);

     

       276
       276
       +
       

     

       277
       277
       +
           await server.waitForResponse(

     

       278
       278
       +
             e =>

     

       279
       279
       +
               e.type === 'event' &&

     

       280
       280
       +
               e.event === 'semanticDiag' &&

     

       281
       281
       +
               e.body?.file === outfileUnusedFragment

     

       282
       282
       +
           );

     

       283
       283
       +
       

     

       284
       284
       +
           const res = server.responses.filter(

     

       285
       285
       +
             resp =>

     

       286
       286
       +
               resp.type === 'event' &&

     

       287
       287
       +
               resp.event === 'semanticDiag' &&

     

       288
       288
       +
               resp.body?.file === outfileUnusedFragment

     

       289
       289
       +
           );

     

       290
       290
       +
           expect(res[0].body.diagnostics).toMatchInlineSnapshot(`

     

       291
       291
       +
             [

     

       232
       292
        
               {

     

       233
       233
       -
                 "kind": "var",

     

       234
       234
       -
                 "kindModifiers": "declare",

     

       235
       235
       -
                 "labelDetails": {

     

       236
       236
       -
                   "detail": " [Pokemon]",

     

       293
       293
       +
                 "category": "warning",

     

       294
       294
       +
                 "code": 52003,

     

       295
       295
       +
                 "end": {

     

       296
       296
       +
                   "line": 2,

     

       297
       297
       +
                   "offset": 37,

     

       237
       298
        
                 },

     

       238
       238
       -
                 "name": "evolutions",

     

       239
       239
       -
                 "sortText": "3evolutions",

     

       240
       240
       -
               },

     

       241
       241
       -
               {

     

       242
       242
       -
                 "kind": "var",

     

       243
       243
       -
                 "kindModifiers": "declare",

     

       244
       244
       -
                 "labelDetails": {

     

       245
       245
       -
                   "description": "Likelihood of an attempt to catch a Pokémon to fail.",

     

       246
       246
       -
                   "detail": " Float",

     

       299
       299
       +
                 "start": {

     

       300
       300
       +
                   "line": 2,

     

       301
       301
       +
                   "offset": 25,

     

       247
       302
        
                 },

     

       248
       248
       -
                 "name": "fleeRate",

     

       249
       249
       -
                 "sortText": "4fleeRate",

     

       250
       250
       -
               },

     

       251
       251
       -
               {

     

       252
       252
       -
                 "kind": "var",

     

       253
       253
       -
                 "kindModifiers": "declare",

     

       254
       254
       -
                 "labelDetails": {

     

       255
       255
       -
                   "detail": " PokemonDimension",

     

       256
       256
       -
                 },

     

       257
       257
       -
                 "name": "height",

     

       258
       258
       -
                 "sortText": "5height",

     

       259
       259
       -
               },

     

       260
       260
       -
               {

     

       261
       261
       -
                 "kind": "var",

     

       262
       262
       -
                 "kindModifiers": "declare",

     

       263
       263
       -
                 "labelDetails": {

     

       264
       264
       -
                   "detail": " ID!",

     

       265
       265
       -
                 },

     

       266
       266
       -
                 "name": "id",

     

       267
       267
       -
                 "sortText": "6id",

     

       268
       268
       -
               },

     

       269
       269
       -
               {

     

       270
       270
       -
                 "kind": "var",

     

       271
       271
       -
                 "kindModifiers": "declare",

     

       272
       272
       -
                 "labelDetails": {

     

       273
       273
       -
                   "description": "Maximum combat power a Pokémon may achieve at max level.",

     

       274
       274
       -
                   "detail": " Int",

     

       275
       275
       -
                 },

     

       276
       276
       -
                 "name": "maxCP",

     

       277
       277
       -
                 "sortText": "7maxCP",

     

       278
       278
       -
               },

     

       279
       279
       -
               {

     

       280
       280
       -
                 "kind": "var",

     

       281
       281
       -
                 "kindModifiers": "declare",

     

       282
       282
       -
                 "labelDetails": {

     

       283
       283
       -
                   "description": "Maximum health points a Pokémon may achieve at max level.",

     

       284
       284
       -
                   "detail": " Int",

     

       285
       285
       -
                 },

     

       286
       286
       -
                 "name": "maxHP",

     

       287
       287
       -
                 "sortText": "8maxHP",

     

       288
       288
       -
               },

     

       289
       289
       -
               {

     

       290
       290
       -
                 "kind": "var",

     

       291
       291
       -
                 "kindModifiers": "declare",

     

       292
       292
       -
                 "labelDetails": {

     

       293
       293
       -
                   "detail": " String!",

     

       294
       294
       -
                 },

     

       295
       295
       -
                 "name": "name",

     

       296
       296
       -
                 "sortText": "9name",

     

       297
       297
       -
               },

     

       298
       298
       -
               {

     

       299
       299
       -
                 "kind": "var",

     

       300
       300
       -
                 "kindModifiers": "declare",

     

       301
       301
       -
                 "labelDetails": {

     

       302
       302
       -
                   "detail": " [PokemonType]",

     

       303
       303
       -
                 },

     

       304
       304
       -
                 "name": "resistant",

     

       305
       305
       -
                 "sortText": "10resistant",

     

       306
       306
       -
               },

     

       307
       307
       -
               {

     

       308
       308
       -
                 "kind": "var",

     

       309
       309
       -
                 "kindModifiers": "declare",

     

       310
       310
       -
                 "labelDetails": {

     

       311
       311
       -
                   "detail": " [PokemonType]",

     

       312
       312
       -
                 },

     

       313
       313
       -
                 "name": "types",

     

       314
       314
       -
                 "sortText": "11types",

     

       315
       315
       -
               },

     

       316
       316
       -
               {

     

       317
       317
       -
                 "kind": "var",

     

       318
       318
       -
                 "kindModifiers": "declare",

     

       319
       319
       -
                 "labelDetails": {

     

       320
       320
       -
                   "detail": " [PokemonType]",

     

       321
       321
       -
                 },

     

       322
       322
       -
                 "name": "weaknesses",

     

       323
       323
       -
                 "sortText": "12weaknesses",

     

       324
       324
       -
               },

     

       325
       325
       -
               {

     

       326
       326
       -
                 "kind": "var",

     

       327
       327
       -
                 "kindModifiers": "declare",

     

       328
       328
       -
                 "labelDetails": {

     

       329
       329
       -
                   "detail": " PokemonDimension",

     

       330
       330
       -
                 },

     

       331
       331
       -
                 "name": "weight",

     

       332
       332
       -
                 "sortText": "13weight",

     

       333
       333
       -
               },

     

       334
       334
       -
               {

     

       335
       335
       -
                 "kind": "var",

     

       336
       336
       -
                 "kindModifiers": "declare",

     

       337
       337
       -
                 "labelDetails": {

     

       338
       338
       -
                   "description": "The name of the current Object type at runtime.",

     

       339
       339
       -
                   "detail": " String!",

     

       340
       340
       -
                 },

     

       341
       341
       -
                 "name": "__typename",

     

       342
       342
       -
                 "sortText": "14__typename",

     

       303
       303
       +
                 "text": "Unused co-located fragment definition(s) \\"pokemonFields\\" in './fragment'",

     

       343
       304
        
               },

     

       344
       305
        
             ]

     

       345
       306
        
           `);

+2 -1

test/e2e/fixture-project-client-preset/fixtures/fragment.ts

···

       5
       5
        
           id

     

       6
       6
        
           name

     

       7
       7
        
           fleeRate

     

       8
       8
       -
             

     

       9
       8
        
         }

     

       10
       9
        
       `);

     

       10
       10
       +
       

     

       11
       11
       +
       export const Pokemon = () => {};

+13

test/e2e/fixture-project-client-preset/fixtures/unused-fragment.ts

···

       1
       1
       +
       import { graphql } from './gql/gql';

     

       2
       2
       +
       import { Pokemon } from './fragment';

     

       3
       3
       +
       

     

       4
       4
       +
       const x = graphql(`

     

       5
       5
       +
         query Pok($limit: Int!) {

     

       6
       6
       +
           pokemons(limit: $limit) {

     

       7
       7
       +
             id

     

       8
       8
       +
             name

     

       9
       9
       +
           }

     

       10
       10
       +
         }

     

       11
       11
       +
       `);

     

       12
       12
       +
       

     

       13
       13
       +
       console.log(Pokemon);

+1 -1

test/e2e/fixture-project-client-preset/tsconfig.json

···

       5
       5
        
               "name": "@0no-co/graphqlsp",

     

       6
       6
        
               "schema": "./schema.graphql",

     

       7
       7
        
               "disableTypegen": true,

     

       8
       8
       -
               "shouldCheckForColocatedFragments": false,

     

       8
       8
       +
               "shouldCheckForColocatedFragments": true,

     

       9
       9
        
               "template": "graphql",

     

       10
       10
        
               "templateIsCallExpression": true

     

       11
       11
        
             }