@graphql-codegen/typescript-urql 3.6.3-alpha-7e47fba48.0 → 3.6.4

package/cjs/visitor.js

@@ -81,7 +81,7 @@ export function use${operationName}<TData = ${operationResultType}>(options: Omi
         const isVariablesRequired = node.variableDefinitions.some(variableDef => variableDef.type.kind === graphql_1.Kind.NON_NULL_TYPE && variableDef.defaultValue == null);
         return `
 export function use${operationName}(options${isVariablesRequired ? '' : '?'}: Omit<Urql.Use${operationType}Args<${operationVariablesTypes}>, 'query'>) {
-  return Urql.use${operationType}<${operationResultType}>({ query: ${documentVariableName}, ...options });
+  return Urql.use${operationType}<${operationResultType}, ${operationVariablesTypes}>({ query: ${documentVariableName}, ...options });
 };`;
     }
     buildOperation(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {

package/esm/visitor.js

@@ -77,7 +77,7 @@ export function use${operationName}<TData = ${operationResultType}>(options: Omi
         const isVariablesRequired = node.variableDefinitions.some(variableDef => variableDef.type.kind === Kind.NON_NULL_TYPE && variableDef.defaultValue == null);
         return `
 export function use${operationName}(options${isVariablesRequired ? '' : '?'}: Omit<Urql.Use${operationType}Args<${operationVariablesTypes}>, 'query'>) {
-  return Urql.use${operationType}<${operationResultType}>({ query: ${documentVariableName}, ...options });
+  return Urql.use${operationType}<${operationResultType}, ${operationVariablesTypes}>({ query: ${documentVariableName}, ...options });
 };`;
     }
     buildOperation(node, documentVariableName, operationType, operationResultType, operationVariablesTypes) {

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@graphql-codegen/typescript-urql",
-  "version": "3.6.3-alpha-7e47fba48.0",
+  "version": "3.6.4",
   "description": "GraphQL Code Generator plugin for generating an introspection file for Urql's Schema Awareness",
   "peerDependencies": {
     "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
     "graphql-tag": "^2.0.0"
   },
   "dependencies": {
-    "@graphql-codegen/plugin-helpers": "^2.6.1-alpha-7e47fba48.0",
-    "@graphql-codegen/visitor-plugin-common": "2.12.1-alpha-7e47fba48.0",
+    "@graphql-codegen/plugin-helpers": "^2.6.2",
+    "@graphql-codegen/visitor-plugin-common": "2.12.1",
     "auto-bind": "~4.0.0",
     "tslib": "~2.4.0"
   },
@@ -28,7 +28,7 @@
   "exports": {
     ".": {
       "require": {
-        "types": "./typings/index.d.ts",
+        "types": "./typings/index.d.cts",
         "default": "./cjs/index.js"
       },
       "import": {

package/typings/config.d.cts

@@ -0,0 +1,24 @@
+import { RawClientSideBasePluginConfig } from '@graphql-codegen/visitor-plugin-common';
+/**
+ * @description This plugin generates `urql` (https://github.com/FormidableLabs/urql) components and HOC with TypeScript typings.
+ */
+export interface UrqlRawPluginConfig extends RawClientSideBasePluginConfig {
+    /**
+     * @description Customized the output by enabling/disabling the generated Component.
+     * @default false
+     */
+    withComponent?: boolean;
+    /**
+     * @description Customized the output by enabling/disabling the generated React Hooks.
+     * @default true
+     *
+     */
+    withHooks?: boolean;
+    /**
+     * @description You can specify module that exports components `Query`, `Mutation`, `Subscription` and HOCs
+     * This is useful for further abstraction of some common tasks (e.g. error handling).
+     * Filepath relative to generated file can be also specified.
+     * @default urql
+     */
+    urqlImportFrom?: string;
+}

package/typings/index.d.cts

@@ -0,0 +1,6 @@
+import { Types, PluginValidateFn, PluginFunction } from '@graphql-codegen/plugin-helpers';
+import { UrqlVisitor } from './visitor.cjs';
+import { UrqlRawPluginConfig } from './config.cjs';
+export declare const plugin: PluginFunction<UrqlRawPluginConfig, Types.ComplexPluginOutput>;
+export declare const validate: PluginValidateFn<any>;
+export { UrqlVisitor };

package/typings/visitor.d.cts

@@ -0,0 +1,16 @@
+import { ClientSideBaseVisitor, ClientSideBasePluginConfig, LoadedFragment } from '@graphql-codegen/visitor-plugin-common';
+import { UrqlRawPluginConfig } from './config.cjs';
+import { OperationDefinitionNode, GraphQLSchema } from 'graphql';
+export interface UrqlPluginConfig extends ClientSideBasePluginConfig {
+    withComponent: boolean;
+    withHooks: boolean;
+    urqlImportFrom: string;
+}
+export declare class UrqlVisitor extends ClientSideBaseVisitor<UrqlRawPluginConfig, UrqlPluginConfig> {
+    private _externalImportPrefix;
+    constructor(schema: GraphQLSchema, fragments: LoadedFragment[], rawConfig: UrqlRawPluginConfig);
+    getImports(): string[];
+    private _buildComponent;
+    private _buildHooks;
+    protected buildOperation(node: OperationDefinitionNode, documentVariableName: string, operationType: string, operationResultType: string, operationVariablesTypes: string): string;
+}