Headers injection and documents path config

.github/workflows/npm.yml

@@ -0,0 +1,29 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v2
+        with:
+          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
+          fetch-depth: 0
+      - uses: pnpm/[email protected]
+        with:
+          version: 6
+      - name: Setup Node.js 16.x
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.x
+          registry-url: https://registry.npmjs.org/
+          cache: pnpm
+      - run: pnpm publish --no-git-checks --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitpod.yml

@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
+# and commit this file to your remote git repository to share the goodness with others.
+
+tasks:
+  - init: npm install -g pnpm && pnpm install
+    command: npm install -g pnpm && pnpm dev
+vscode:
+  extensions:
+    - dbaeumer.vscode-eslint
+

codegen/codegen.ts

@@ -51,7 +51,7 @@ export const plugin: PluginFunction<any> = (
   );
 
   //   Visit all the documents
-  const visitorResult = oldVisit(allAst, { leave: visitor });
+  const visitorResult = oldVisit(allAst, { leave: visitor as any });
 
   // Filter out the operations
   const operations = allAst.definitions.filter(
@@ -63,6 +63,8 @@ export const plugin: PluginFunction<any> = (
   const defaultTypes = `
 type SubscribeWrapperArgs<T> = {
 	variables?: T,
+  headers?: { [key: string]: string },
+  fetch?: typeof fetch;
 }
 
 interface CacheFunctionOptions {
@@ -88,10 +90,11 @@ export const ${name} = writable<GFetchReturnWithErrors<${op}>>({
 })
 
 // Cached
-export async function get${pascalName}({ fetch, variables }: GGetParameters<${opv}>, options?: CacheFunctionOptions) {
+export async function get${pascalName}({ fetch: f, variables, headers }: GGetParameters<${opv}>, options?: CacheFunctionOptions) {
 	const data = await g.fetch<${op}>({
 		queries: [{ query: ${pascalName}Doc, variables }],
-		fetch
+		fetch: f || fetch,
+    headers,
 	})
 	${name}.set({ ...data, errors: data?.errors, gQueryStatus: 'LOADED' })
 	return data
@@ -102,11 +105,12 @@ export async function get${pascalName}({ fetch, variables }: GGetParameters<${op
           // This is where the mutation code is generated
           // We're grabbing the mutation name and using it as a string in the generated code
           operations += `
-export const ${name} = ({ variables }: SubscribeWrapperArgs<${opv}>):
+export const ${name} = ({ variables, headers, fetch: f }: SubscribeWrapperArgs<${opv}>):
 Promise<GFetchReturnWithErrors<${op}>> =>
 	g.fetch<${op}>({
 		queries: [{ query: ${pascalName}Doc, variables }],
-		fetch,
+		fetch: f || fetch,
+    headers,
 	})
 `;
         }
@@ -120,7 +124,7 @@ Promise<GFetchReturnWithErrors<${op}>> =>
   const imports = [
     `import { writable } from "svelte/store"`,
     `import { g } from '${config.gPath}'`,
-    `import type { GFetchReturnWithErrors, GGetParameters } from '@leveluptuts/g-query'`,
+    `import type { GFetchReturnWithErrors, GGetParameters } from '@juanvillacortac/g-query'`,
   ];
 
   return {

codegen/plugin.d.ts

@@ -1,7 +1,8 @@
 import type { Plugin } from "vite";
-export default function levelupViteCodegen({ schema, out, gPath, debug, }: {
+export default function levelupViteCodegen({ schema, out, gPath, documents, debug, }: {
     schema: any;
     out: any;
     gPath: any;
+    documents?: string;
     debug?: boolean;
 }): Plugin;

codegen/plugin.ts

@@ -20,14 +20,14 @@ async function cleanGQ({ debug = false }) {
 }
 
 // Runs graphql codegen
-async function gQueryGenerate({ schema, out, gPath, debug = false }) {
+async function gQueryGenerate({ schema, out, gPath, debug = false, documents = "./src/**/*.graphql" }) {
   debug && console.log("🤖 starting codegen");
 
   // the actual codegen process.
   await generate(
     {
       schema,
-      documents: "./src/**/*.graphql",
+      documents,
       generates: {
         // * Generates the types for your schema
         [`${process.cwd()}/${out}/types.gq.ts`]: {
@@ -49,7 +49,7 @@ async function gQueryGenerate({ schema, out, gPath, debug = false }) {
           },
           plugins: [
             "typescript-operations", // operations, gets you types for operations (queries and mutations)
-            "@leveluptuts/g-query/codegen-plugin", // g-query codegen plugin. ./codegen.ts
+            "@juanvillacortac/g-query/codegen-plugin", // g-query codegen plugin. ./codegen.ts
           ],
         },
       },
@@ -62,6 +62,7 @@ export default function levelupViteCodegen({
   schema,
   out,
   gPath,
+  documents = "./src/**/*.graphql",
   debug = false,
 }): Plugin {
   if (!schema) {
@@ -82,7 +83,7 @@ export default function levelupViteCodegen({
       console.log("build start");
       try {
         await cleanGQ({ debug });
-        await gQueryGenerate({ schema, out, gPath, debug });
+        await gQueryGenerate({ schema, out, gPath, debug, documents });
 
         return;
       } catch (e) {

dist/gFetch.d.ts

@@ -24,18 +24,30 @@ export declare const stringifyDocument: (node: string | DefinitionNode | Documen
 declare type gFetchProperties = {
     queries: GFetchQueries[];
     fetch: typeof fetch;
+    headers?: {
+        [key: string]: string;
+    };
 };
 export declare type GClientOptions = {
     path?: string;
+    headers?: {
+        [key: string]: string;
+    };
 };
 export declare type GGetParameters<Variables> = {
     variables?: Variables;
-    fetch: typeof fetch;
+    fetch?: typeof fetch;
+    headers?: {
+        [key: string]: string;
+    };
 };
 export declare type GFetchReturnWithErrors<T> = Spread<[T, GFetchQueryDefault]>;
 export declare class GFetch extends Object {
     path: string;
+    headers: {
+        [key: string]: string;
+    };
     constructor(options: GClientOptions);
-    fetch<T>({ queries, fetch, }: gFetchProperties | undefined): Promise<GFetchReturnWithErrors<T>>;
+    fetch<T>({ queries, fetch, headers, }: gFetchProperties | undefined): Promise<GFetchReturnWithErrors<T>>;
 }
 export {};