vite-plugin-graphql-loader 3.0.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +51 -9
- package/dist/index.d.ts +8 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +72 -35
- package/dist/index.js.map +1 -1
- package/dist/snippets.d.ts +5 -2
- package/dist/snippets.d.ts.map +1 -1
- package/dist/snippets.js +89 -99
- package/dist/snippets.js.map +1 -1
- package/package.json +6 -3
package/README.md
CHANGED
|
@@ -3,10 +3,13 @@
|
|
|
3
3
|
[](https://nodei.co/npm/vite-plugin-graphql-loader/)
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/vite-plugin-graphql-loader)
|
|
6
|
+

|
|
7
|
+

|
|
8
|
+

|
|
6
9
|
|
|
7
10
|
A Vite plugin for loading GraphQL .gql and .graphql files, based on [graphql-tag/loader](https://github.com/apollographql/graphql-tag)
|
|
8
11
|
|
|
9
|
-
|
|
12
|
+
This package _doesn't_ generate TypeScript definitions from the queries and fragments - see [vite-plugin-graphql-codegen](https://www.npmjs.com/package/vite-plugin-graphql-codegen) if you require this.
|
|
10
13
|
|
|
11
14
|
## Install
|
|
12
15
|
|
|
@@ -56,21 +59,60 @@ query ExampleQuery {
|
|
|
56
59
|
import ExampleQuery, { ExampleFragment } from "./example.graphql";
|
|
57
60
|
```
|
|
58
61
|
|
|
59
|
-
If you
|
|
62
|
+
If you have multiple queries in the same file, import them like this:
|
|
60
63
|
|
|
61
|
-
|
|
64
|
+
```javascript
|
|
65
|
+
import { FirstQuery, SecondQuery } from "./example.graphql";
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## TypeScript
|
|
69
|
+
|
|
70
|
+
If you are using TypeScript, you will have to declare `.gql` or `.graphql` files.
|
|
71
|
+
|
|
72
|
+
Create `graphql.d.ts` anywhere in your source directory and
|
|
62
73
|
|
|
63
74
|
```typescript
|
|
64
75
|
declare module "*.gql";
|
|
65
76
|
declare module "*.graphql";
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
**_Alternatively_**, change it to this (replacing .gql with .graphql depending on what you use):
|
|
80
|
+
|
|
81
|
+
```typescript
|
|
82
|
+
declare module "*.gql" {
|
|
83
|
+
const Query: import("graphql").DocumentNode;
|
|
84
|
+
export default Query;
|
|
85
|
+
export const _queries: Record<string, import("graphql").DocumentNode>;
|
|
86
|
+
export const _fragments: Record<
|
|
87
|
+
string,
|
|
88
|
+
import("graphql").FragmentDefinitionNode
|
|
89
|
+
>;
|
|
90
|
+
}
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
And then import fragments and queries like so in order to type them as `DocumentNode` and `FragmentDefinitionNode` objects.
|
|
66
94
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
//
|
|
70
|
-
//
|
|
71
|
-
//
|
|
95
|
+
```typescript
|
|
96
|
+
import Document, { _queries, _fragments } from "./example.graphql";
|
|
97
|
+
console.log(Document); // Has type `DocumentNode`
|
|
98
|
+
console.log(_queries.ExampleQuery); // Has type `DocumentNode`
|
|
99
|
+
console.log(_fragments.ExampleFragment); // Has type `FragmentDefinitionNode`
|
|
72
100
|
```
|
|
73
101
|
|
|
74
102
|
## Changelog
|
|
75
103
|
|
|
76
|
-
**
|
|
104
|
+
**_v4.0.0_**:
|
|
105
|
+
|
|
106
|
+
- Added source-map generation. Can by disabled by initializing with `graphqlLoader({noSourceMap: true})`.
|
|
107
|
+
- Refactored code generation to be more maintainable, added more test cases.
|
|
108
|
+
- Migrated from `yarn` to `bun`.
|
|
109
|
+
|
|
110
|
+
**_v3.0.1_**:
|
|
111
|
+
|
|
112
|
+
- Switched `await import` statements to top-level `import` statements (fixes #5 - `Top-level await is not available` error).
|
|
113
|
+
- Added `_queries` and `_fragments` for improved module declaration types.
|
|
114
|
+
- Updated snippets to be defined in TypeScript and then stringified.
|
|
115
|
+
|
|
116
|
+
**_v3.0.0_**:
|
|
117
|
+
|
|
118
|
+
- [Moved from CJS to ESM](https://github.com/noiach/vite-plugin-graphql-loader/commit/0e0b37cfcb0ecbdf28e985aeca3454137b4b73e3), inline with Vite 5.0's CJS deprecation. If you are using CommonJS, continue using v2.0 of this package. If you have `"type": "module"`, in your `package.json` then it should work as expected.
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
declare
|
|
3
|
-
|
|
1
|
+
import { SourceMap } from "magic-string";
|
|
2
|
+
export declare const vitePluginGraphqlLoader: (options?: {
|
|
3
|
+
noSourceMap?: boolean;
|
|
4
|
+
}) => {
|
|
4
5
|
name: string;
|
|
5
6
|
enforce: "pre";
|
|
6
|
-
transform(source: string, id: string):
|
|
7
|
+
transform(source: string, id: string): {
|
|
8
|
+
code: string;
|
|
9
|
+
map: SourceMap;
|
|
10
|
+
};
|
|
7
11
|
};
|
|
8
12
|
export default vitePluginGraphqlLoader;
|
|
9
13
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAoB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAkDtD,eAAO,MAAM,uBAAuB,aAAc;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;;;sBAUyB,MAAM,MAAM,MAAM;;;;CAgI3C,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,22 +1,30 @@
|
|
|
1
1
|
import { EOL } from "os";
|
|
2
2
|
import { gql } from "graphql-tag";
|
|
3
|
-
import
|
|
3
|
+
import MagicString from "magic-string";
|
|
4
|
+
import { vitePluginGraphqlLoaderUniqueChecker, vitePluginGraphqlLoaderExtractQuery, } from "./snippets.js";
|
|
5
|
+
const DOC_NAME = "_gql_doc";
|
|
4
6
|
const expandImports = (source) => {
|
|
5
7
|
const lines = source.split(/\r\n|\r|\n/);
|
|
6
|
-
|
|
8
|
+
const importNames = new Set();
|
|
9
|
+
const imports = [];
|
|
10
|
+
const importAppends = [];
|
|
7
11
|
lines.some((line) => {
|
|
8
12
|
const result = line.match(/^#\s?import (.+)$/);
|
|
9
13
|
if (result) {
|
|
10
14
|
const [_, importFile] = result;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
15
|
+
let importName = "Import_" + importFile.replace(/[^a-z0-9]/gi, "_");
|
|
16
|
+
while (importNames.has(importName)) {
|
|
17
|
+
importName = importName + "_";
|
|
18
|
+
}
|
|
19
|
+
importNames.add(importName);
|
|
20
|
+
imports.push(`import ${importName} from ${importFile};\n`);
|
|
21
|
+
importAppends.push(`${DOC_NAME}.definitions = ${DOC_NAME}.definitions.concat(${vitePluginGraphqlLoaderUniqueChecker.name}(${importName}.definitions));\n`);
|
|
14
22
|
}
|
|
15
|
-
return line.length
|
|
23
|
+
return line.length !== 0 && line[0] !== "#";
|
|
16
24
|
});
|
|
17
|
-
return
|
|
25
|
+
return { imports, importAppends };
|
|
18
26
|
};
|
|
19
|
-
export const vitePluginGraphqlLoader = () => {
|
|
27
|
+
export const vitePluginGraphqlLoader = (options) => {
|
|
20
28
|
const graphqlRegex = /\.(?:gql|graphql)$/;
|
|
21
29
|
return {
|
|
22
30
|
name: "graphql-loader",
|
|
@@ -25,28 +33,46 @@ export const vitePluginGraphqlLoader = () => {
|
|
|
25
33
|
if (!graphqlRegex.test(id)) {
|
|
26
34
|
return;
|
|
27
35
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
36
|
+
let documentNode;
|
|
37
|
+
try {
|
|
38
|
+
documentNode = gql `
|
|
39
|
+
${source}
|
|
40
|
+
`;
|
|
41
|
+
}
|
|
42
|
+
catch (error) {
|
|
43
|
+
throw new Error(String(error));
|
|
44
|
+
}
|
|
45
|
+
let outputCode = new MagicString(source).replaceAll("`", "\\`");
|
|
46
|
+
outputCode.prepend(`const _gql_source = \``);
|
|
47
|
+
outputCode.append(`\`;\n`);
|
|
48
|
+
const plainDocument = Object.assign({}, documentNode);
|
|
49
|
+
Object.assign(plainDocument.loc, documentNode.loc);
|
|
50
|
+
const documentObject = JSON.parse(JSON.stringify(documentNode));
|
|
51
|
+
const sourceBodyIdentifier = `_gql_uuid_${new Date().getTime()}`;
|
|
52
|
+
if (documentNode.loc && documentNode.loc.source) {
|
|
53
|
+
documentObject.loc.source = {
|
|
54
|
+
name: documentNode.loc.source.name,
|
|
55
|
+
locationOffset: documentNode.loc.source.locationOffset,
|
|
56
|
+
body: sourceBodyIdentifier,
|
|
57
|
+
};
|
|
47
58
|
}
|
|
48
|
-
|
|
49
|
-
|
|
59
|
+
outputCode.append(`const ${DOC_NAME} = ${JSON.stringify(documentObject).replace(`"${sourceBodyIdentifier}"`, "_gql_source")};\n`);
|
|
60
|
+
const { imports, importAppends } = expandImports(source);
|
|
61
|
+
if (imports.length) {
|
|
62
|
+
outputCode.prepend(imports.join(""));
|
|
63
|
+
outputCode.append(`const ${vitePluginGraphqlLoaderUniqueChecker.name} = ${vitePluginGraphqlLoaderUniqueChecker.toString()};\n`);
|
|
64
|
+
outputCode.append(importAppends.join(""));
|
|
65
|
+
}
|
|
66
|
+
const operationCount = documentNode.definitions.filter((op) => (op.kind === "OperationDefinition" ||
|
|
67
|
+
op.kind === "FragmentDefinition") &&
|
|
68
|
+
op.name).length;
|
|
69
|
+
const queryNames = [];
|
|
70
|
+
const fragmentNames = [];
|
|
71
|
+
if (operationCount >= 1) {
|
|
72
|
+
const extractQueries = operationCount > 1 || imports.length > 0;
|
|
73
|
+
if (extractQueries) {
|
|
74
|
+
outputCode.append(`const ${vitePluginGraphqlLoaderExtractQuery.name} = ${vitePluginGraphqlLoaderExtractQuery.toString()};\n`);
|
|
75
|
+
}
|
|
50
76
|
for (const op of documentNode.definitions) {
|
|
51
77
|
if (op.kind === "OperationDefinition" ||
|
|
52
78
|
op.kind === "FragmentDefinition") {
|
|
@@ -59,15 +85,26 @@ doc.loc.source = ${JSON.stringify(documentNode.loc.source)};
|
|
|
59
85
|
}
|
|
60
86
|
}
|
|
61
87
|
const opName = op.name.value;
|
|
62
|
-
outputCode
|
|
63
|
-
|
|
64
|
-
|
|
88
|
+
outputCode.append(`export const ${opName} = ${extractQueries ? `${vitePluginGraphqlLoaderExtractQuery.name}(${DOC_NAME}, "${opName}")` : DOC_NAME};\n`);
|
|
89
|
+
if (op.kind === "OperationDefinition") {
|
|
90
|
+
queryNames.push(opName);
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
fragmentNames.push(opName);
|
|
94
|
+
}
|
|
65
95
|
}
|
|
66
96
|
}
|
|
67
97
|
}
|
|
68
|
-
const
|
|
69
|
-
const
|
|
70
|
-
|
|
98
|
+
outputCode.append(`export const _queries = {${queryNames.join(",")}};\n`);
|
|
99
|
+
outputCode.append(`export const _fragments = {${fragmentNames.join(",")}};\n`);
|
|
100
|
+
outputCode.append(`export default ${DOC_NAME};\n`);
|
|
101
|
+
outputCode.replaceAll("\n", EOL);
|
|
102
|
+
return {
|
|
103
|
+
code: outputCode.toString(),
|
|
104
|
+
map: options?.noSourceMap
|
|
105
|
+
? { mappings: "" }
|
|
106
|
+
: outputCode.generateMap(),
|
|
107
|
+
};
|
|
71
108
|
},
|
|
72
109
|
};
|
|
73
110
|
};
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/snippets.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
1
|
+
import type { DefinitionNode, DocumentNode } from "graphql";
|
|
2
|
+
export declare const vitePluginGraphqlLoaderUniqueChecker: (defs: DefinitionNode[]) => DefinitionNode[];
|
|
3
|
+
export declare const vitePluginGraphqlLoaderExtractQuery: (doc: DocumentNode, operationName: string) => DocumentNode & {
|
|
4
|
+
definitions: (import("graphql").OperationDefinitionNode | import("graphql").FragmentDefinitionNode | import("graphql").ScalarTypeDefinitionNode | import("graphql").ObjectTypeDefinitionNode | import("graphql").InterfaceTypeDefinitionNode | import("graphql").UnionTypeDefinitionNode | import("graphql").EnumTypeDefinitionNode | import("graphql").InputObjectTypeDefinitionNode | import("graphql").DirectiveDefinitionNode | import("graphql").ScalarTypeExtensionNode | import("graphql").ObjectTypeExtensionNode | import("graphql").InterfaceTypeExtensionNode | import("graphql").UnionTypeExtensionNode | import("graphql").EnumTypeExtensionNode | import("graphql").InputObjectTypeExtensionNode)[];
|
|
5
|
+
};
|
|
3
6
|
//# sourceMappingURL=snippets.d.ts.map
|
package/dist/snippets.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snippets.d.ts","sourceRoot":"","sources":["../src/snippets.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"snippets.d.ts","sourceRoot":"","sources":["../src/snippets.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAW,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMrE,eAAO,MAAM,oCAAoC,SACvC,cAAc,EAAE,qBAazB,CAAC;AAEF,eAAO,MAAM,mCAAmC,QACvC,YAAY,iBACF,MAAM;;CAoGxB,CAAC"}
|
package/dist/snippets.js
CHANGED
|
@@ -1,105 +1,95 @@
|
|
|
1
|
-
export const
|
|
2
|
-
const names = {};
|
|
3
|
-
function
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
)
|
|
16
|
-
}
|
|
17
|
-
`;
|
|
18
|
-
export const ONE_QUERY = `
|
|
19
|
-
// Collect any fragment/type references from a node, adding them to the refs Set
|
|
20
|
-
function collectFragmentReferences(node, refs) {
|
|
21
|
-
if (node.kind === "FragmentSpread") {
|
|
22
|
-
refs.add(node.name.value);
|
|
23
|
-
} else if (node.kind === "VariableDefinition") {
|
|
24
|
-
const type = node.type;
|
|
25
|
-
if (type.kind === "NamedType") {
|
|
26
|
-
refs.add(type.name.value);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
if (node.selectionSet) {
|
|
30
|
-
node.selectionSet.selections.forEach(function(selection) {
|
|
31
|
-
collectFragmentReferences(selection, refs);
|
|
1
|
+
export const vitePluginGraphqlLoaderUniqueChecker = (defs) => {
|
|
2
|
+
const names = {};
|
|
3
|
+
return defs.filter(function (def) {
|
|
4
|
+
if (def.kind !== "FragmentDefinition")
|
|
5
|
+
return true;
|
|
6
|
+
const name = def.name.value;
|
|
7
|
+
if (names[name]) {
|
|
8
|
+
return false;
|
|
9
|
+
}
|
|
10
|
+
else {
|
|
11
|
+
names[name] = true;
|
|
12
|
+
return true;
|
|
13
|
+
}
|
|
32
14
|
});
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
node
|
|
36
|
-
|
|
15
|
+
};
|
|
16
|
+
export const vitePluginGraphqlLoaderExtractQuery = (doc, operationName) => {
|
|
17
|
+
const collectFragmentReferences = (node, refs) => {
|
|
18
|
+
if (node.kind === "FragmentSpread") {
|
|
19
|
+
refs.add(node.name.value);
|
|
20
|
+
}
|
|
21
|
+
else if (node.kind === "VariableDefinition") {
|
|
22
|
+
const type = node.type;
|
|
23
|
+
if (type.kind === "NamedType") {
|
|
24
|
+
refs.add(type.name.value);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
if (node && "selectionSet" in node && node.selectionSet) {
|
|
28
|
+
node.selectionSet.selections.forEach((selection) => {
|
|
29
|
+
collectFragmentReferences(selection, refs);
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
if (node && "variableDefinitions" in node && node.variableDefinitions) {
|
|
33
|
+
node.variableDefinitions.forEach((def) => {
|
|
34
|
+
collectFragmentReferences(def, refs);
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
if (node && "definitions" in node && node.definitions) {
|
|
38
|
+
node.definitions.forEach((def) => {
|
|
39
|
+
collectFragmentReferences(def, refs);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
return refs;
|
|
43
|
+
};
|
|
44
|
+
const extractReferences = (doc) => {
|
|
45
|
+
const definitionRefs = {};
|
|
46
|
+
doc.definitions.forEach(function (def) {
|
|
47
|
+
if ("name" in def && def.name) {
|
|
48
|
+
definitionRefs[def.name.value] = collectFragmentReferences(def, new Set());
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
return definitionRefs;
|
|
52
|
+
};
|
|
53
|
+
const findOperation = (doc, name) => {
|
|
54
|
+
for (let i = 0; i < doc.definitions.length; i++) {
|
|
55
|
+
const element = doc.definitions[i];
|
|
56
|
+
if (element &&
|
|
57
|
+
"name" in element &&
|
|
58
|
+
element.name &&
|
|
59
|
+
element.name.value == name) {
|
|
60
|
+
return element;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
const definitionRefs = extractReferences(doc);
|
|
65
|
+
const newDoc = Object.assign({}, doc, {
|
|
66
|
+
definitions: [findOperation(doc, operationName)],
|
|
37
67
|
});
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
68
|
+
const opRefs = definitionRefs[operationName] || new Set();
|
|
69
|
+
const allRefs = new Set();
|
|
70
|
+
let newRefs = new Set();
|
|
71
|
+
opRefs.forEach((refName) => {
|
|
72
|
+
newRefs.add(refName);
|
|
42
73
|
});
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
})();
|
|
55
|
-
function findOperation(doc, name) {
|
|
56
|
-
for (let i = 0; i < doc.definitions.length; i++) {
|
|
57
|
-
const element = doc.definitions[i];
|
|
58
|
-
if (element.name && element.name.value == name) {
|
|
59
|
-
return element;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
function oneQuery(doc, operationName) {
|
|
64
|
-
// Copy the DocumentNode, but clear out the definitions
|
|
65
|
-
const newDoc = {
|
|
66
|
-
kind: doc.kind,
|
|
67
|
-
definitions: [findOperation(doc, operationName)]
|
|
68
|
-
};
|
|
69
|
-
if (doc.hasOwnProperty("loc")) {
|
|
70
|
-
newDoc.loc = doc.loc;
|
|
71
|
-
}
|
|
72
|
-
// Now, for the operation we're running, find any fragments referenced by
|
|
73
|
-
// it or the fragments it references
|
|
74
|
-
const opRefs = definitionRefs[operationName] || new Set();
|
|
75
|
-
const allRefs = new Set();
|
|
76
|
-
let newRefs = new Set();
|
|
77
|
-
// IE 11 doesn't support "new Set(iterable)", so we add the members of opRefs to newRefs one by one
|
|
78
|
-
opRefs.forEach(function(refName) {
|
|
79
|
-
newRefs.add(refName);
|
|
80
|
-
});
|
|
81
|
-
while (newRefs.size > 0) {
|
|
82
|
-
const prevRefs = newRefs;
|
|
83
|
-
newRefs = new Set();
|
|
84
|
-
prevRefs.forEach(function(refName) {
|
|
85
|
-
if (!allRefs.has(refName)) {
|
|
86
|
-
allRefs.add(refName);
|
|
87
|
-
const childRefs = definitionRefs[refName] || new Set();
|
|
88
|
-
childRefs.forEach(function(childRef) {
|
|
89
|
-
newRefs.add(childRef);
|
|
74
|
+
while (newRefs.size > 0) {
|
|
75
|
+
const prevRefs = newRefs;
|
|
76
|
+
newRefs = new Set();
|
|
77
|
+
prevRefs.forEach((refName) => {
|
|
78
|
+
if (!allRefs.has(refName)) {
|
|
79
|
+
allRefs.add(refName);
|
|
80
|
+
const childRefs = definitionRefs[refName] || new Set();
|
|
81
|
+
childRefs.forEach((childRef) => {
|
|
82
|
+
newRefs.add(childRef);
|
|
83
|
+
});
|
|
84
|
+
}
|
|
90
85
|
});
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
allRefs.forEach(function(refName) {
|
|
95
|
-
const op = findOperation(doc, refName);
|
|
96
|
-
if (op) {
|
|
97
|
-
newDoc.definitions.push(op);
|
|
98
86
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
87
|
+
allRefs.forEach((refName) => {
|
|
88
|
+
const op = findOperation(doc, refName);
|
|
89
|
+
if (op) {
|
|
90
|
+
newDoc.definitions.push(op);
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
return newDoc;
|
|
94
|
+
};
|
|
105
95
|
//# sourceMappingURL=snippets.js.map
|
package/dist/snippets.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snippets.js","sourceRoot":"","sources":["../src/snippets.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"snippets.js","sourceRoot":"","sources":["../src/snippets.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vite-plugin-graphql-loader",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "A Vite plugin for loading GraphQL files.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -34,12 +34,15 @@
|
|
|
34
34
|
"homepage": "https://github.com/noiach/vite-plugin-graphql-loader#readme",
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"graphql": "^16.8.1",
|
|
37
|
-
"graphql-tag": "^2.12.6"
|
|
37
|
+
"graphql-tag": "^2.12.6",
|
|
38
|
+
"magic-string": "^0.30.10"
|
|
38
39
|
},
|
|
39
40
|
"devDependencies": {
|
|
41
|
+
"@babel/parser": "^7.24.8",
|
|
42
|
+
"@babel/traverse": "^7.24.8",
|
|
43
|
+
"@types/babel__traverse": "^7.20.6",
|
|
40
44
|
"@types/node": "^20",
|
|
41
45
|
"eslint": "^8.56.0",
|
|
42
|
-
"glob": "^10.3.10",
|
|
43
46
|
"prettier": "^3.2.4",
|
|
44
47
|
"rimraf": "^5.0.5",
|
|
45
48
|
"typescript": "^5.3.3",
|