BradNut/gQuery
1
0
Fork 0
mirror of https://github.com/BradNut/gQuery synced 2025-09-08 17:40:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

lots of updates, need to clean up the repo still

Browse source
This commit is contained in:
Scott Tolinski 2021-10-22 09:24:32 -06:00
parent be5afed139
commit eb63167291
26 changed files with 420 additions and 214067 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
README.md
View file

@ -20,23 +20,52 @@ export const g = new GFetch({
### 2. Add GraphQL Codegen Plugin ### 2. Add GraphQL Codegen Plugin
docs coming soon ```
svelte.config.js
### 3. Add Codegen Config import gQueryCodegen from '@leveluptuts/g-query/codegen'
docs coming soon ...
plugins: [
gQueryCodegen({
schema: './src/lib/graphql/schema.graphql', // path to schema, schema is required
output: './src/lib/graphql', // Where you want the general schema types to output
gPath: '$lib/config/g' //Path to g, created in step 1.
})
],
...
```
### 3. Add .graphql files
```
UserQueries.graphql
query user {
user {
_id
}
}
```
### 4. Use that thang ### 4. Use that thang
The code gen will find the file and spit out a file next to it. Named `FileName.gGenerated.ts`
Using the above code, it would output `UserQueries.gGenerated.ts`
This also gives us a `get` function for queries based on the query name. ie `getUser` for the above.
``` ```
<script context="module" lang="ts"> <script context="module" lang="ts">
// The generated function that fetches and caches // The generated function that fetches and caches
import { getSeriesList } from '../whatever' import { getUser } from '../whatever'
export async function load() { export async function load({fetch}) {
// Runs the cache/fetch function populating $gCache before use. // Runs the cache/fetch function populating $gCache before use.
await getSeriesList({ await getUser({
limit: 0 variables: { limit: 0 },
fetch
}) })
return {} return {}
} }
@ -44,9 +73,9 @@ docs coming soon
<script lang="ts"> <script lang="ts">
// Cache becomes populated with data available for SSR // Cache becomes populated with data available for SSR
import { gCache } from '@leveluptuts/g-query' import { user } from './UserQueries.gGenerated.graphql'
// $: console.log($gCache.seriesList) // $: console.log($user) //data available for ssr
</script> </script>
``` ```

1
codegen.tsconfig.json
View file

@ -4,6 +4,7 @@
"allowSyntheticDefaultImports": true, "allowSyntheticDefaultImports": true,
"baseUrl": ".", "baseUrl": ".",
"checkJs": true, "checkJs": true,
"declaration": true,
"esModuleInterop": true, "esModuleInterop": true,
"forceConsistentCasingInFileNames": true, "forceConsistentCasingInFileNames": true,
"importsNotUsedAsValues": "error", "importsNotUsedAsValues": "error",

2
codegen/codegen.d.ts vendored Normal file
View file

@ -0,0 +1,2 @@
import { PluginFunction } from "@graphql-codegen/plugin-helpers";
export declare const plugin: PluginFunction<any>;

30
codegen/codegen.js
View file

@ -1,10 +1,8 @@
import { visit, concatAST, Kind, } from "graphql"; import { visit, concatAST, Kind, } from "graphql";
import "@graphql-codegen/plugin-helpers"; import "@graphql-codegen/plugin-helpers";
import { ClientSideBaseVisitor, } from "@graphql-codegen/visitor-plugin-common"; import { ClientSideBaseVisitor } from "@graphql-codegen/visitor-plugin-common";
import { pascalCase } from "pascal-case"; import pascalCase from "just-pascal-case";
console.log("codegen.ts");
export const plugin = (schema, documents, config) => { export const plugin = (schema, documents, config) => {
console.log("config", config);
const allAst = concatAST(documents.map((d) => d.document)); const allAst = concatAST(documents.map((d) => d.document));
const allFragments = [ const allFragments = [
...allAst.definitions.filter((d) => d.kind === Kind.FRAGMENT_DEFINITION).map((fragmentDef) => ({ ...allAst.definitions.filter((d) => d.kind === Kind.FRAGMENT_DEFINITION).map((fragmentDef) => ({
@ -37,26 +35,37 @@ interface CacheFunctionOptions {
const ops = operations const ops = operations
.map((o) => { .map((o) => {
var _a; var _a;
console.log("o", o.selectionSet.selections);
if (o) { if (o) {
const name = ((_a = o === null || o === void 0 ? void 0 : o.name) === null || _a === void 0 ? void 0 : _a.value) || ""; const name = ((_a = o === null || o === void 0 ? void 0 : o.name) === null || _a === void 0 ? void 0 : _a.value) || "";
// const dsl = `export const ${pascalCase(op.name.value)}Doc = gql\` // const dsl = `export const ${pascalCase(op.name.value)}Doc = gql\`
// ${documents.find((d) => d.rawSDL.includes(`${op.operation} ${op.name.value}`)).rawSDL}\`` // ${documents.find((d) => d.rawSDL.includes(`${op.operation} ${op.name.value}`)).rawSDL}\``
const op = `${pascalCase(name)}${pascalCase(o.operation)}`; const op = `${pascalCase(name)}${pascalCase(o.operation)}`;
const pascalName = pascalCase(name);
const opv = `${op}Variables`; const opv = `${op}Variables`;
let operations = ""; let operations = "";
if (o.operation === "query") { if (o.operation === "query") {
operations += ` operations += `
export const ${name}Store = writable()
export const ${name} = ({ variables, fetch}: FetchWrapperArgs<${opv}>): export const ${name} = ({ variables, fetch}: FetchWrapperArgs<${opv}>):
Promise<GFetchReturnWithErrors<${op}>> => Promise<GFetchReturnWithErrors<${op}>> =>
g.fetch<${op}>({ g.fetch<${op}>({
queries: [{ query: ${pascalCase(name)}Doc, variables }], queries: [{ query: ${pascalName}Doc, variables }],
fetch fetch
}) })
// Cached // Cached
export async function get${pascalCase(name)}(variables, options?: CacheFunctionOptions) { export async function get${pascalCase(name)}({ fetch, variables }: GGetParameters<${opv}>, options?: CacheFunctionOptions) {
await gQuery('user', { query: ${name}, variables }, options) const data = await g.fetch<${op}>({
queries: [{ query: ${pascalName}Doc, variables }],
fetch
})
await ${name}Store.set({ ...data})
await gQuery(${name}, { query: ${name}, variables }, options)
} }
`; `;
@ -66,7 +75,7 @@ export const ${name} = ({ variables, fetch}: FetchWrapperArgs<${opv}>):
export const ${name}Subscribe = ({ variables }: SubscribeWrapperArgs<${opv}>): export const ${name}Subscribe = ({ variables }: SubscribeWrapperArgs<${opv}>):
Readable<GFetchReturnWithErrors<${op}>> => Readable<GFetchReturnWithErrors<${op}>> =>
g.oFetch<${op}>({ g.oFetch<${op}>({
queries: [{ query: ${pascalCase(name)}Doc, variables }] queries: [{ query: ${pascalName}Doc, variables }]
}) })
`; `;
} }
@ -76,7 +85,7 @@ Readable<GFetchReturnWithErrors<${op}>> =>
export const ${name} = ({ variables }: SubscribeWrapperArgs<${opv}>): export const ${name} = ({ variables }: SubscribeWrapperArgs<${opv}>):
Promise<GFetchReturnWithErrors<${op}>> => Promise<GFetchReturnWithErrors<${op}>> =>
g.fetch<${op}>({ g.fetch<${op}>({
queries: [{ query: ${pascalCase(name)}Doc, variables }], queries: [{ query: ${pascalName}Doc, variables }],
fetch, fetch,
}) })
`; `;
@ -87,8 +96,9 @@ Promise<GFetchReturnWithErrors<${op}>> =>
.join("\n"); .join("\n");
const imports = [ const imports = [
`import type { Readable } from "svelte/store"`, `import type { Readable } from "svelte/store"`,
`import { writable } from "svelte/store"`,
`import { g } from '${config.gPath}'`, `import { g } from '${config.gPath}'`,
`import type { GFetchReturnWithErrors } from '@leveluptuts/g-query'`, `import type { GFetchReturnWithErrors, GGetParameters } from '@leveluptuts/g-query'`,
`import { gQuery } from '@leveluptuts/g-query'`, `import { gQuery } from '@leveluptuts/g-query'`,
`import gql from "graphql-tag"`, `import gql from "graphql-tag"`,
]; ];

2
codegen/codegen.js.map
View file

@ -1 +1 @@
{"version":3,"file":"codegen.js","sourceRoot":"","sources":["codegen.ts"],"names":[],"mappings":"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"} {"version":3,"file":"codegen.js","sourceRoot":"","sources":["codegen.ts"],"names":[],"mappings":"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"}

69
codegen/codegen.ts
View file

@ -7,24 +7,17 @@ import {
OperationDefinitionNode, OperationDefinitionNode,
} from "graphql"; } from "graphql";
import { Types, PluginFunction } from "@graphql-codegen/plugin-helpers"; import { Types, PluginFunction } from "@graphql-codegen/plugin-helpers";
import { import { ClientSideBaseVisitor } from "@graphql-codegen/visitor-plugin-common";
LoadedFragment, import pascalCase from "just-pascal-case";
ClientSideBaseVisitor,
} from "@graphql-codegen/visitor-plugin-common";
import { pascalCase } from "pascal-case";
console.log("codegen.ts");
export const plugin: PluginFunction<any> = ( export const plugin: PluginFunction<any> = (
schema: GraphQLSchema, schema: GraphQLSchema,
documents: Types.DocumentFile[], documents: Types.DocumentFile[],
config config
) => { ) => {
console.log("config", config);
const allAst = concatAST(documents.map((d) => d.document)); const allAst = concatAST(documents.map((d) => d.document));
const allFragments: LoadedFragment[] = [ const allFragments = [
...( ...(
allAst.definitions.filter( allAst.definitions.filter(
(d) => d.kind === Kind.FRAGMENT_DEFINITION (d) => d.kind === Kind.FRAGMENT_DEFINITION
@ -50,6 +43,7 @@ export const plugin: PluginFunction<any> = (
const operations = allAst.definitions.filter( const operations = allAst.definitions.filter(
(d) => d.kind === Kind.OPERATION_DEFINITION (d) => d.kind === Kind.OPERATION_DEFINITION
) as OperationDefinitionNode[]; ) as OperationDefinitionNode[];
const defaultTypes = ` const defaultTypes = `
type FetchWrapperArgs<T> = { type FetchWrapperArgs<T> = {
@ -74,24 +68,32 @@ interface CacheFunctionOptions {
// const dsl = `export const ${pascalCase(op.name.value)}Doc = gql\` // const dsl = `export const ${pascalCase(op.name.value)}Doc = gql\`
// ${documents.find((d) => d.rawSDL.includes(`${op.operation} ${op.name.value}`)).rawSDL}\`` // ${documents.find((d) => d.rawSDL.includes(`${op.operation} ${op.name.value}`)).rawSDL}\``
const op = `${pascalCase(name)}${pascalCase(o.operation)}`; const op = `${pascalCase(name)}${pascalCase(o.operation)}`;
const pascalName = pascalCase(name);
const opv = `${op}Variables`; const opv = `${op}Variables`;
let operations = ""; let operations = "";
if (o.operation === "query") { if (o.operation === "query") {
operations += ` operations += `
export const ${name}Store = writable()
export const ${name} = ({ variables, fetch}: FetchWrapperArgs<${opv}>): export const ${name} = ({ variables, fetch}: FetchWrapperArgs<${opv}>):
Promise<GFetchReturnWithErrors<${op}>> => Promise<GFetchReturnWithErrors<${op}>> =>
g.fetch<${op}>({ g.fetch<${op}>({
queries: [{ query: ${pascalCase(name)}Doc, variables }], queries: [{ query: ${pascalName}Doc, variables }],
fetch fetch
}) })
// Cached // Cached
export async function get${pascalCase( export async function get${pascalCase(
name name
)}(variables, options?: CacheFunctionOptions) { )}({ fetch, variables }: GGetParameters<${opv}>, options?: CacheFunctionOptions) {
await gQuery('user', { query: ${name}, variables }, options) const data = await g.fetch<${op}>({
queries: [{ query: ${pascalName}Doc, variables }],
fetch
})
await ${name}Store.set({ ...data})
await gQuery(${name}, { query: ${name}, variables }, options)
} }
`; `;
@ -101,7 +103,7 @@ export const ${name} = ({ variables, fetch}: FetchWrapperArgs<${opv}>):
export const ${name}Subscribe = ({ variables }: SubscribeWrapperArgs<${opv}>): export const ${name}Subscribe = ({ variables }: SubscribeWrapperArgs<${opv}>):
Readable<GFetchReturnWithErrors<${op}>> => Readable<GFetchReturnWithErrors<${op}>> =>
g.oFetch<${op}>({ g.oFetch<${op}>({
queries: [{ query: ${pascalCase(name)}Doc, variables }] queries: [{ query: ${pascalName}Doc, variables }]
}) })
`; `;
} }
@ -110,7 +112,7 @@ Readable<GFetchReturnWithErrors<${op}>> =>
export const ${name} = ({ variables }: SubscribeWrapperArgs<${opv}>): export const ${name} = ({ variables }: SubscribeWrapperArgs<${opv}>):
Promise<GFetchReturnWithErrors<${op}>> => Promise<GFetchReturnWithErrors<${op}>> =>
g.fetch<${op}>({ g.fetch<${op}>({
queries: [{ query: ${pascalCase(name)}Doc, variables }], queries: [{ query: ${pascalName}Doc, variables }],
fetch, fetch,
}) })
`; `;
@ -123,40 +125,13 @@ Promise<GFetchReturnWithErrors<${op}>> =>
const imports = [ const imports = [
`import type { Readable } from "svelte/store"`, `import type { Readable } from "svelte/store"`,
`import { writable } from "svelte/store"`,
`import { g } from '${config.gPath}'`, `import { g } from '${config.gPath}'`,
`import type { GFetchReturnWithErrors } from '@leveluptuts/g-query'`, `import type { GFetchReturnWithErrors, GGetParameters } from '@leveluptuts/g-query'`,
`import { gQuery } from '@leveluptuts/g-query'`, `import { gQuery } from '@leveluptuts/g-query'`,
`import gql from "graphql-tag"`, `import gql from "graphql-tag"`,
]; ];
// let schemaInputs = getCachedDocumentNodeFromSchema(schema).definitions.filter((d) => {
// return d.kind === 'InputObjectTypeDefinition'
// })
// let inputs = schemaInputs
// .map((d) => {
// console.log('/* START */')
// // @ts-ignore
// console.log('NAME: ', d.fields[0].name.value)
// // @ts-ignore
// let isReq = d.fields[0]?.type?.kind === 'NonNullType'
// console.log('REQUIRED: ', isReq ? '✅' : '❌')
// // @ts-ignore
// console.log('TYPE: ', isReq ? d.fields[0]?.type?.type?.name?.value : d.fields[0]?.type?.name?.value)
// // @ts-ignore
// // @ts-ignore
// console.log('d.fields[0]', d.fields[0]?.type)
// console.log('/* END */')
// console.log('')
// return `
// const inputName = {
// ${d.fields[0].name.value}: ${isReq ? d.fields[0]?.type?.type?.name?.value : d.fields[0]?.type?.name?.value}
// }
// `
// })
// .join('\n')
// console.log('inputs', inputs)
return { return {
prepend: imports, prepend: imports,
content: [ content: [

20041
codegen/dist/codegen.js vendored
View file

File diff suppressed because it is too large Load diff

193882
codegen/dist/plugin.js vendored
View file

File diff suppressed because one or more lines are too long

5
codegen/plugin.d.ts vendored Normal file
View file

@ -0,0 +1,5 @@
export default function levelupViteCodegen(options: any): {
name: string;
buildStart(): Promise<void>;
transform(src: any, id: any): void;
};

23
codegen/plugin.js
View file

@ -1,28 +1,5 @@
import { generate } from "@graphql-codegen/cli"; import { generate } from "@graphql-codegen/cli";
// import { fileURLToPath } from "url";
// import { buildSchema, printSchema, parse, GraphQLSchema } from "graphql";
// import * as fs from "fs";
// import * as path from "path";
// import * as typescriptPlugin from "@graphql-codegen/typescript";
// const __filename = fileURLToPath(import.meta.url);
// const __dirname = path.dirname(__filename);
// const schema: GraphQLSchema = buildSchema(`type A { name: String }`);
const outputFile = "gquery.generated.ts"; const outputFile = "gquery.generated.ts";
// const config = {
// documents: [],
// config: {}, // used by a plugin internally, although the 'typescript' plugin currently // returns the string output, rather than writing to a file
// filename: outputFile,
// schema: parse(printSchema(schema)),
// plugins: [
// // Each plugin should be an object
// {
// typescript: {}, // Here you can pass configuration to the plugin
// },
// ],
// pluginMap: {
// typescript: typescriptPlugin,
// },
// };
const fileRegex = /\.(graphql)$/; const fileRegex = /\.(graphql)$/;
export default function levelupViteCodegen(options) { export default function levelupViteCodegen(options) {
if (!options.schema) { if (!options.schema) {

2
codegen/plugin.js.map
View file

@ -1 +1 @@
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,uCAAuC;AAEvC,4EAA4E;AAC5E,4BAA4B;AAC5B,gCAAgC;AAChC,mEAAmE;AAEnE,qDAAqD;AACrD,8CAA8C;AAE9C,wEAAwE;AACxE,MAAM,UAAU,GAAG,qBAAqB,CAAC;AACzC,mBAAmB;AACnB,mBAAmB;AACnB,wJAAwJ;AACxJ,0BAA0B;AAC1B,wCAAwC;AACxC,eAAe;AACf,yCAAyC;AACzC,QAAQ;AACR,yEAAyE;AACzE,SAAS;AACT,OAAO;AACP,iBAAiB;AACjB,oCAAoC;AACpC,OAAO;AACP,KAAK;AAEL,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO;IAChD,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;KACvC;IACD,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;KAClD;IACD,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;QAClB,MAAM,IAAI,KAAK,CACb,gFAAgF,CACjF,CAAC;KACH;IAED,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAE1C,OAAO;QACL,IAAI,EAAE,sBAAsB;QAE5B,KAAK,CAAC,UAAU;YACd,IAAI;gBACF,MAAM,cAAc,GAAG,MAAM,QAAQ,CACnC;oBACE,MAAM;oBACN,SAAS,EAAE,oBAAoB;oBAC/B,SAAS,EAAE;wBACT,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,MAAM,4BAA4B,CAAC,EAAE;4BACxD,OAAO,EAAE,CAAC,YAAY,CAAC;yBACxB;wBACD,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,MAAM,EAAE,CAAC,EAAE;4BAC9B,MAAM,EAAE;gCACN,KAAK;6BACN;4BACD,MAAM,EAAE,qBAAqB;4BAC7B,YAAY,EAAE;gCACZ,SAAS,EAAE,eAAe;gCAC1B,MAAM,EAAE,IAAI;gCACZ,aAAa,EAAE,2BAA2B;6BAC3C;4BACD,OAAO,EAAE;gCACP,uBAAuB;gCACvB,qCAAqC;6BACtC;yBACF;qBACF;iBACF,EACD,IAAI,CACL,CAAC;aACH;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,GAAG,CAAC,+CAA+C,CAAC,CAAC;gBAC7D,OAAO,CAAC,GAAG,CACT,0FAA0F,CAC3F,CAAC;gBACF,OAAO,CAAC,GAAG,CACT,uFAAuF,CACxF,CAAC;aACH;YACD,OAAO;QACT,CAAC;QAED,SAAS,CAAC,GAAG,EAAE,EAAE,IAAG,CAAC;KACtB,CAAC;AACJ,CAAC"} {"version":3,"file":"plugin.js","sourceRoot":"","sources":["plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,MAAM,UAAU,GAAG,qBAAqB,CAAC;AACzC,MAAM,SAAS,GAAG,cAAc,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO;IAChD,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;KACvC;IACD,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;KAClD;IACD,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;QAClB,MAAM,IAAI,KAAK,CACb,gFAAgF,CACjF,CAAC;KACH;IAED,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAE1C,OAAO;QACL,IAAI,EAAE,sBAAsB;QAE5B,KAAK,CAAC,UAAU;YACd,IAAI;gBACF,MAAM,cAAc,GAAG,MAAM,QAAQ,CACnC;oBACE,MAAM;oBACN,SAAS,EAAE,oBAAoB;oBAC/B,SAAS,EAAE;wBACT,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,MAAM,4BAA4B,CAAC,EAAE;4BACxD,OAAO,EAAE,CAAC,YAAY,CAAC;yBACxB;wBACD,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,MAAM,EAAE,CAAC,EAAE;4BAC9B,MAAM,EAAE;gCACN,KAAK;6BACN;4BACD,MAAM,EAAE,qBAAqB;4BAC7B,YAAY,EAAE;gCACZ,SAAS,EAAE,eAAe;gCAC1B,MAAM,EAAE,IAAI;gCACZ,aAAa,EAAE,2BAA2B;6BAC3C;4BACD,OAAO,EAAE;gCACP,uBAAuB;gCACvB,qCAAqC;6BACtC;yBACF;qBACF;iBACF,EACD,IAAI,CACL,CAAC;aACH;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,GAAG,CAAC,+CAA+C,CAAC,CAAC;gBAC7D,OAAO,CAAC,GAAG,CACT,0FAA0F,CAC3F,CAAC;gBACF,OAAO,CAAC,GAAG,CACT,uFAAuF,CACxF,CAAC;aACH;YACD,OAAO;QACT,CAAC;QAED,SAAS,CAAC,GAAG,EAAE,EAAE,IAAG,CAAC;KACtB,CAAC;AACJ,CAAC"}

47
codegen/plugin.ts
View file

@ -1,33 +1,5 @@
import { generate } from "@graphql-codegen/cli"; import { generate } from "@graphql-codegen/cli";
// import { fileURLToPath } from "url"; const fileRegex = /\.(graphql)$/; // not used, will be for the vite rerun
// import { buildSchema, printSchema, parse, GraphQLSchema } from "graphql";
// import * as fs from "fs";
// import * as path from "path";
// import * as typescriptPlugin from "@graphql-codegen/typescript";
// const __filename = fileURLToPath(import.meta.url);
// const __dirname = path.dirname(__filename);
// const schema: GraphQLSchema = buildSchema(`type A { name: String }`);
const outputFile = "gquery.generated.ts";
// const config = {
// documents: [],
// config: {}, // used by a plugin internally, although the 'typescript' plugin currently // returns the string output, rather than writing to a file
// filename: outputFile,
// schema: parse(printSchema(schema)),
// plugins: [
// // Each plugin should be an object
// {
// typescript: {}, // Here you can pass configuration to the plugin
// },
// ],
// pluginMap: {
// typescript: typescriptPlugin,
// },
// };
const fileRegex = /\.(graphql)$/;
export default function levelupViteCodegen(options) { export default function levelupViteCodegen(options) {
if (!options.schema) { if (!options.schema) {
@ -45,31 +17,32 @@ export default function levelupViteCodegen(options) {
const { schema, output, gPath } = options; const { schema, output, gPath } = options;
return { return {
name: "levelup-vite-codegen", name: "g-query-codegen",
async buildStart() { async buildStart() {
try { try {
const generatedFiles = await generate( await generate(
{ {
schema, schema,
documents: "./src/**/*.graphql", documents: "./src/**/*.graphql",
generates: { generates: {
[`${process.cwd()}/${output}/gquery-types.generated.ts`]: { // * Generates the types for your schema
[`${process.cwd()}/${output}/types.gGenerated.ts`]: {
plugins: ["typescript"], plugins: ["typescript"],
}, },
// * Generates near file .ts files for your fetch functions
[`${process.cwd()}/${output}`]: { [`${process.cwd()}/${output}`]: {
config: { config: {
gPath, gPath,
}, },
preset: "near-operation-file", preset: "near-operation-file",
presetConfig: { presetConfig: {
extension: ".generated.ts", extension: ".gGenerated.ts",
folder: "./", folder: "./",
baseTypesPath: `gquery-types.generated.ts`, baseTypesPath: `types.gGenerated.ts`,
}, },
plugins: [ plugins: [
"typescript-operations", "typescript-operations", // operations, gets you types for operations (queries and mutations)
"@leveluptuts/g-query/codegen-plugin", "@leveluptuts/g-query/codegen-plugin", // g-query codegen plugin.
], ],
}, },
}, },

63
dist/gFetch.d.ts vendored Normal file
View file

@ -0,0 +1,63 @@
import { DefinitionNode, DocumentNode } from "graphql";
import type { Readable } from "svelte/store";
export declare type GFetchQueryDefault = {
errors?: string[];
};
declare type OptionalPropertyNames<T> = {
[K in keyof T]-?: {} extends {
[P in K]: T[K];
} ? K : never;
}[keyof T];
declare type SpreadProperties<L, R, K extends keyof L & keyof R> = {
[P in K]: L[P] | Exclude<R[P], undefined>;
};
declare type Id<T> = T extends infer U ? {
[K in keyof U]: U[K];
} : never;
declare type SpreadTwo<L, R> = Id<Pick<L, Exclude<keyof L, keyof R>> & Pick<R, Exclude<keyof R, OptionalPropertyNames<R>>> & Pick<R, Exclude<OptionalPropertyNames<R>, keyof L>> & SpreadProperties<L, R, OptionalPropertyNames<R> & keyof L>>;
declare type Spread<A extends readonly [...any]> = A extends [infer L, ...infer R] ? SpreadTwo<L, Spread<R>> : unknown;
export declare type GFetchQueryResult<F> = {
[k: string]: F;
};
export declare type GFetchQueries = {
query: DocumentNode;
variables?: Record<string, unknown>;
};
export declare function gqlToString(tag: DocumentNode): string;
/**
* Finds the Name value from the OperationDefinition of a Document
*/
export declare const getOperationName: (query: DocumentNode) => string | undefined;
export declare const stringifyDocument: (node: string | DefinitionNode | DocumentNode) => string;
declare type gFetchProperties = {
queries: GFetchQueries[];
fetch: typeof fetch;
};
export declare type ApolloClientOptions = {
path?: string;
};
export declare type ApolloClient = {
path?: string;
};
export declare type GFetchReturn<T> = {
data: T;
errors?: Error;
};
export declare type GGetParameters<Variables> = {
variables?: Variables;
fetch: typeof fetch;
};
export declare type GFetchReturnWithErrors<T> = Spread<[T, GFetchQueryDefault]>;
export declare class GFetch extends Object {
path: string;
constructor(options: ApolloClientOptions);
fetch<T>({ queries, fetch, }: gFetchProperties): Promise<GFetchReturnWithErrors<T>>;
oFetch<F>({ queries, }: {
queries: GFetchQueries[];
}): Readable<GFetchReturnWithErrors<F>>;
private unsubscribe;
private makeSubscribe;
private fetchDataForSubscription;
}
export declare const data: import("svelte/store").Writable<unknown>;
export {};

42
dist/gFetch.js vendored
View file

@ -1,9 +1,45 @@
import { Kind, print, } from "graphql";
import { readable, writable } from "svelte/store"; import { readable, writable } from "svelte/store";
import { formatDocument as addTypenameToDocument } from "./utils/format";
// This function accepts a graphql document and returns a string to be used // This function accepts a graphql document and returns a string to be used
// in fetch calls // in fetch calls
export function gqlToString(tag) { export function gqlToString(tag) {
return tag.loc.source.body; return tag.loc.source.body;
} }
/**
* Finds the Name value from the OperationDefinition of a Document
*/
export const getOperationName = (query) => {
for (let i = 0, l = query.definitions.length; i < l; i++) {
const node = query.definitions[i];
if (node.kind === Kind.OPERATION_DEFINITION && node.name) {
return node.name.value;
}
}
};
export const stringifyDocument = (node) => {
let str = (typeof node !== "string" ? print(node) : node)
.replace(/([\s,]|#[^\n\r]+)+/g, " ")
.trim();
// if (typeof node !== "string") {
// const operationName = "definitions" in node && getOperationName(node);
// if (operationName) {
// str = `# ${operationName}\n${str}`;
// }
// if (!node.loc) {
// (node as WritableLocation).loc = {
// start: 0,
// end: str.length,
// source: {
// body: str,
// name: "gql",
// locationOffset: { line: 1, column: 1 },
// },
// } as Location;
// }
// }
return str;
};
export class GFetch extends Object { export class GFetch extends Object {
constructor(options) { constructor(options) {
super(); super();
@ -20,9 +56,11 @@ export class GFetch extends Object {
if (!fetch && window) { if (!fetch && window) {
fetch = window.fetch; fetch = window.fetch;
} }
let document = addTypenameToDocument(queries[0].query);
let documentString = stringifyDocument(document);
const newQueries = { const newQueries = {
...queries[0], ...queries[0],
query: gqlToString(queries[0].query), query: documentString,
}; };
// This is generic fetch, that is polyfilled via svelte kit // This is generic fetch, that is polyfilled via svelte kit
// graph ql fetches must be POST // graph ql fetches must be POST
@ -88,8 +126,6 @@ export class GFetch extends Object {
export const data = writable(); export const data = writable();
// ! IDEAS // ! IDEAS
// Mutations should take care of updating a generated writeable. // Mutations should take care of updating a generated writeable.
// import { tutorial } from '$graphql/state'
// import { updateTutorial } from '$graphql/gfetch.generated'
// updateTutorial() // updateTutorial()
// $tutorial is auto updated site wide // $tutorial is auto updated site wide
// Devtools based on svelte toy // Devtools based on svelte toy

2
dist/gFetch.js.map vendored
View file

@ -1 +1 @@
{"version":3,"file":"gFetch.js","sourceRoot":"","sources":["../src/gFetch.ts"],"names":[],"mappings":"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"} {"version":3,"file":"gFetch.js","sourceRoot":"","sources":["../src/gFetch.ts"],"names":[],"mappings":"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"}

14
dist/index.d.ts vendored Normal file
View file

@ -0,0 +1,14 @@
export declare const gCache: {
subscribe: (this: void, run: import("svelte/store").Subscriber<{}>, invalidate?: (value?: {}) => void) => import("svelte/store").Unsubscriber;
set: (this: void, value: {}) => void;
update: (this: void, updater: import("svelte/store").Updater<{}>) => void;
hydrate: (newData: any) => Promise<void>;
};
interface CacheFunctionOptions {
update?: boolean;
}
export declare function gQuery(typename: any, { query, variables }: {
query: any;
variables: any;
}, { update }?: CacheFunctionOptions): Promise<void>;
export * from "./gFetch";

2
dist/index.js vendored
View file

@ -20,7 +20,7 @@ export const gCache = newGCache();
export async function gQuery(typename, { query, variables }, { update } = {}) { export async function gQuery(typename, { query, variables }, { update } = {}) {
const current = get(gCache); const current = get(gCache);
// Extremely Naive cache // Extremely Naive cache
// Just checks to see if the data is there, if it is, don't // Just checks to see if the data is there based on the query, if it is, don't
// Hit the network again // Hit the network again
// if update option is present, then we want to update the cache // if update option is present, then we want to update the cache
if (!current?.[typename] || update) { if (!current?.[typename] || update) {

2
dist/index.js.map vendored
View file

@ -1 +1 @@
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEhD,KAAK,UAAU,OAAO,CAAC,OAAO;QAC5B,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,OAAO;gBACL,GAAG,GAAG;gBACN,GAAG,OAAO;aACX,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,SAAS;QACT,GAAG;QACH,MAAM;QACN,OAAO;KACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;AAMlC,MAAM,CAAC,KAAK,UAAU,MAAM,CAC1B,QAAQ,EACR,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,EAAE,MAAM,KAA2B,EAAE;IAErC,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;IAE5B,wBAAwB;IACxB,2DAA2D;IAC3D,wBAAwB;IACxB,gEAAgE;IAChE,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,MAAM,EAAE;QAClC,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC;YAC1B,SAAS;YACT,KAAK;SACN,CAAC,CAAC;QAEH,MAAM,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;KAC/B;AACH,CAAC;AAED,cAAc,UAAU,CAAC"} {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEhD,KAAK,UAAU,OAAO,CAAC,OAAO;QAC5B,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YACb,OAAO;gBACL,GAAG,GAAG;gBACN,GAAG,OAAO;aACX,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,SAAS;QACT,GAAG;QACH,MAAM;QACN,OAAO;KACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;AAMlC,MAAM,CAAC,KAAK,UAAU,MAAM,CAC1B,QAAQ,EACR,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,EAAE,MAAM,KAA2B,EAAE;IAErC,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;IAE5B,wBAAwB;IACxB,8EAA8E;IAC9E,wBAAwB;IACxB,gEAAgE;IAChE,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,MAAM,EAAE;QAClC,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC;YAC1B,SAAS;YACT,KAAK;SACN,CAAC,CAAC;QAEH,MAAM,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;KAC/B;AACH,CAAC;AAED,cAAc,UAAU,CAAC"}

3
dist/utils/format.d.ts vendored Normal file
View file

@ -0,0 +1,3 @@
import { DocumentNode } from "graphql";
export declare const collectTypesFromResponse: (response: object) => string[];
export declare const formatDocument: <T extends DocumentNode>(node: T) => T;

51
dist/utils/format.js vendored Normal file
View file

@ -0,0 +1,51 @@
import { Kind, visit, } from "graphql";
const collectTypes = (obj, types) => {
if (Array.isArray(obj)) {
for (let i = 0; i < obj.length; i++)
collectTypes(obj[i], types);
}
else if (typeof obj === "object" && obj !== null) {
for (const key in obj) {
if (key === "__typename" && typeof obj[key] === "string") {
types[obj[key]] = 0;
}
else {
collectTypes(obj[key], types);
}
}
}
return types;
};
export const collectTypesFromResponse = (response) => Object.keys(collectTypes(response, {}));
const formatNode = (node) => {
if (node.selectionSet &&
!node.selectionSet.selections.some((node) => node.kind === Kind.FIELD &&
node.name.value === "__typename" &&
!node.alias)) {
let formattedNode = {
...node,
selectionSet: {
...node.selectionSet,
selections: [
...node.selectionSet.selections,
{
kind: Kind.FIELD,
name: {
kind: Kind.NAME,
value: "__typename",
},
},
],
},
};
return formattedNode;
}
};
export const formatDocument = (node) => {
let result = visit(node, {
Field: formatNode,
InlineFragment: formatNode,
});
return result;
};
//# sourceMappingURL=format.js.map

1
dist/utils/format.js.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"file":"format.js","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,IAAI,EACJ,KAAK,GACN,MAAM,SAAS,CAAC;AAOjB,MAAM,YAAY,GAAG,CACnB,GAA8B,EAC9B,KAAsC,EACtC,EAAE;IACF,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE;YAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;KAClE;SAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,EAAE;QAClD,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE;YACrB,IAAI,GAAG,KAAK,YAAY,IAAI,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE;gBACxD,KAAK,CAAC,GAAG,CAAC,GAAG,CAAW,CAAC,GAAG,CAAC,CAAC;aAC/B;iBAAM;gBACL,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;aAC/B;SACF;KACF;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAgB,EAAE,EAAE,CAC3D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,QAAsB,EAAE,EAAE,CAAC,CAAC,CAAC;AAExD,MAAM,UAAU,GAAG,CAAC,IAAoC,EAAE,EAAE;IAC1D,IACE,IAAI,CAAC,YAAY;QACjB,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAChC,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK;YACxB,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,YAAY;YAChC,CAAC,IAAI,CAAC,KAAK,CACd,EACD;QACA,IAAI,aAAa,GAAG;YAClB,GAAG,IAAI;YACP,YAAY,EAAE;gBACZ,GAAG,IAAI,CAAC,YAAY;gBACpB,UAAU,EAAE;oBACV,GAAI,IAAI,CAAC,YAAY,CAAC,UAA8B;oBACpD;wBACE,IAAI,EAAE,IAAI,CAAC,KAAK;wBAChB,IAAI,EAAE;4BACJ,IAAI,EAAE,IAAI,CAAC,IAAI;4BACf,KAAK,EAAE,YAAY;yBACpB;qBACF;iBACF;aACF;SACF,CAAC;QACF,OAAO,aAAa,CAAC;KACtB;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAyB,IAAO,EAAK,EAAE;IACnE,IAAI,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE;QACvB,KAAK,EAAE,UAAU;QACjB,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IACH,OAAO,MAAsB,CAAC;AAChC,CAAC,CAAC"}

14
package.json
View file

@ -4,8 +4,6 @@
"url": "https://github.com/leveluptuts/gQuery/issues" "url": "https://github.com/leveluptuts/gQuery/issues"
}, },
"dependencies": { "dependencies": {
"@graphql-codegen/cli": "^2.2.1",
"@graphql-codegen/typescript-operations": "^2.1.8",
"camel-case": "^4.1.2", "camel-case": "^4.1.2",
"pascal-case": "^3.1.2", "pascal-case": "^3.1.2",
"svelte": "^3.44.0", "svelte": "^3.44.0",
@ -13,18 +11,23 @@
}, },
"description": "Not like jQuery. A GraphQL Fetcher & Cache for Svelte Kit", "description": "Not like jQuery. A GraphQL Fetcher & Cache for Svelte Kit",
"devDependencies": { "devDependencies": {
"@babel/types": "^7.15.6",
"@graphql-codegen/cli": "^2.2.1",
"@graphql-codegen/import-types-preset": "^2.1.6", "@graphql-codegen/import-types-preset": "^2.1.6",
"@graphql-codegen/near-operation-file-preset": "^2.1.6", "@graphql-codegen/near-operation-file-preset": "^2.1.6",
"@graphql-codegen/plugin-helpers": "^2.2.0", "@graphql-codegen/plugin-helpers": "^2.2.0",
"@graphql-codegen/typescript-operations": "^2.1.8",
"@graphql-codegen/visitor-plugin-common": "^2.4.0", "@graphql-codegen/visitor-plugin-common": "^2.4.0",
"@urql/core": "^2.3.3",
"graphql": "^15.6.1", "graphql": "^15.6.1",
"just-pascal-case": "^2.0.0",
"typescript": "^4.4.4" "typescript": "^4.4.4"
}, },
"exports": { "exports": {
".": "./dist/index.js", ".": "./dist/index.js",
"./*": "./dist/index.js", "./*": "./dist/index.js",
"./codegen": "./codegen/dist/plugin.js", "./codegen": "./codegen/plugin.js",
"./codegen-plugin": "./codegen/dist/codegen.js", "./codegen-plugin": "./codegen/codegen.js",
"./package.json": "./package.json" "./package.json": "./package.json"
}, },
"homepage": "https://github.com/leveluptuts/gQuery#readme", "homepage": "https://github.com/leveluptuts/gQuery#readme",
@ -43,5 +46,6 @@
"test": "echo \"Error: no test specified\" && exit 1" "test": "echo \"Error: no test specified\" && exit 1"
}, },
"type": "module", "type": "module",
"version": "0.0.4" "types": "./dist/index.d.ts",
"version": "0.0.5"
} }

66
src/gFetch.ts
View file

@ -1,6 +1,14 @@
import type { DocumentNode } from "graphql/language/ast"; import {
Location,
DefinitionNode,
DocumentNode,
Kind,
parse,
print,
} from "graphql";
import { readable, writable } from "svelte/store"; import { readable, writable } from "svelte/store";
import type { Readable } from "svelte/store"; import type { Readable } from "svelte/store";
import { formatDocument as addTypenameToDocument } from "./utils/format";
// What's the deal with *gFetch*? // What's the deal with *gFetch*?
// gFetch is a 0 dependency fetcher for graphql that accepts a custom fetch function // gFetch is a 0 dependency fetcher for graphql that accepts a custom fetch function
@ -56,6 +64,51 @@ export function gqlToString(tag: DocumentNode): string {
return tag.loc.source.body; return tag.loc.source.body;
} }
/**
* Finds the Name value from the OperationDefinition of a Document
*/
export const getOperationName = (query: DocumentNode): string | undefined => {
for (let i = 0, l = query.definitions.length; i < l; i++) {
const node = query.definitions[i];
if (node.kind === Kind.OPERATION_DEFINITION && node.name) {
return node.name.value;
}
}
};
interface WritableLocation {
loc: Location | undefined;
}
export const stringifyDocument = (
node: string | DefinitionNode | DocumentNode
): string => {
let str = (typeof node !== "string" ? print(node) : node)
.replace(/([\s,]|#[^\n\r]+)+/g, " ")
.trim();
// if (typeof node !== "string") {
// const operationName = "definitions" in node && getOperationName(node);
// if (operationName) {
// str = `# ${operationName}\n${str}`;
// }
// if (!node.loc) {
// (node as WritableLocation).loc = {
// start: 0,
// end: str.length,
// source: {
// body: str,
// name: "gql",
// locationOffset: { line: 1, column: 1 },
// },
// } as Location;
// }
// }
return str;
};
type gFetchProperties = { type gFetchProperties = {
queries: GFetchQueries[]; queries: GFetchQueries[];
fetch: typeof fetch; fetch: typeof fetch;
@ -73,6 +126,11 @@ export type GFetchReturn<T> = {
errors?: Error; errors?: Error;
}; };
export type GGetParameters<Variables> = {
variables?: Variables;
fetch: typeof fetch;
};
export type GFetchReturnWithErrors<T> = Spread<[T, GFetchQueryDefault]>; export type GFetchReturnWithErrors<T> = Spread<[T, GFetchQueryDefault]>;
export class GFetch extends Object { export class GFetch extends Object {
@ -97,9 +155,11 @@ export class GFetch extends Object {
if (!fetch && window) { if (!fetch && window) {
fetch = window.fetch; fetch = window.fetch;
} }
let document: DocumentNode = addTypenameToDocument(queries[0].query);
let documentString: string = stringifyDocument(document);
const newQueries = { const newQueries = {
...queries[0], ...queries[0],
query: gqlToString(queries[0].query), query: documentString,
}; };
// This is generic fetch, that is polyfilled via svelte kit // This is generic fetch, that is polyfilled via svelte kit
@ -178,8 +238,6 @@ export const data = writable();
// ! IDEAS // ! IDEAS
// Mutations should take care of updating a generated writeable. // Mutations should take care of updating a generated writeable.
// import { tutorial } from '$graphql/state'
// import { updateTutorial } from '$graphql/gfetch.generated'
// updateTutorial() // updateTutorial()
// $tutorial is auto updated site wide // $tutorial is auto updated site wide
// Devtools based on svelte toy // Devtools based on svelte toy

2
src/index.ts
View file

@ -34,7 +34,7 @@ export async function gQuery(
const current = get(gCache); const current = get(gCache);
// Extremely Naive cache // Extremely Naive cache
// Just checks to see if the data is there, if it is, don't // Just checks to see if the data is there based on the query, if it is, don't
// Hit the network again // Hit the network again
// if update option is present, then we want to update the cache // if update option is present, then we want to update the cache
if (!current?.[typename] || update) { if (!current?.[typename] || update) {

73
src/utils/format.ts Normal file
View file

@ -0,0 +1,73 @@
import {
DocumentNode,
FieldNode,
InlineFragmentNode,
SelectionNode,
Kind,
visit,
} from "graphql";
interface EntityLike {
[key: string]: EntityLike | EntityLike[] | any;
__typename: string | null | void;
}
const collectTypes = (
obj: EntityLike | EntityLike[],
types: { [typename: string]: unknown }
) => {
if (Array.isArray(obj)) {
for (let i = 0; i < obj.length; i++) collectTypes(obj[i], types);
} else if (typeof obj === "object" && obj !== null) {
for (const key in obj) {
if (key === "__typename" && typeof obj[key] === "string") {
types[obj[key] as string] = 0;
} else {
collectTypes(obj[key], types);
}
}
}
return types;
};
export const collectTypesFromResponse = (response: object) =>
Object.keys(collectTypes(response as EntityLike, {}));
const formatNode = (node: FieldNode | InlineFragmentNode) => {
if (
node.selectionSet &&
!node.selectionSet.selections.some(
(node) =>
node.kind === Kind.FIELD &&
node.name.value === "__typename" &&
!node.alias
)
) {
let formattedNode = {
...node,
selectionSet: {
...node.selectionSet,
selections: [
...(node.selectionSet.selections as SelectionNode[]),
{
kind: Kind.FIELD,
name: {
kind: Kind.NAME,
value: "__typename",
},
},
],
},
};
return formattedNode;
}
};
export const formatDocument = <T extends DocumentNode>(node: T): T => {
let result = visit(node, {
Field: formatNode,
InlineFragment: formatNode,
});
return result as unknown as T;
};

1
tsconfig.json
View file

@ -4,6 +4,7 @@
"module": "es2020", "module": "es2020",
"lib": ["es2020", "DOM"], "lib": ["es2020", "DOM"],
"outDir": "./dist", "outDir": "./dist",
"declaration": true,
"target": "es2020", "target": "es2020",
"importsNotUsedAsValues": "error", "importsNotUsedAsValues": "error",
"isolatedModules": true, "isolatedModules": true,