npm - @graphql-codegen/cli - Versions diffs - 2.11.9-alpha-20220831122019-e4f0e71b5 → 2.11.9-alpha-20220926151609-5af00bb63 - Mend

@graphql-codegen/cli 2.11.9-alpha-20220831122019-e4f0e71b5 → 2.11.9-alpha-20220926151609-5af00bb63

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.

Files changed (29) hide show

package/cjs/codegen.js +17 -12
package/cjs/config.js +6 -1
package/cjs/hooks.js +2 -0
package/cjs/init/helpers.js +34 -3
package/cjs/init/index.js +4 -3
package/cjs/init/plugins.js +6 -42
package/cjs/init/questions.js +52 -12
package/cjs/init/targets.js +5 -1
package/cjs/init/types.js +2 -1
package/cjs/presets.js +4 -3
package/esm/codegen.js +17 -12
package/esm/config.js +6 -1
package/esm/hooks.js +2 -0
package/esm/init/helpers.js +34 -3
package/esm/init/index.js +4 -3
package/esm/init/plugins.js +6 -42
package/esm/init/questions.js +50 -11
package/esm/init/targets.js +5 -1
package/esm/init/types.js +2 -1
package/esm/presets.js +4 -3
package/package.json +7 -2
package/typings/config.d.cts +1 -0
package/typings/config.d.ts +1 -0
package/typings/index.d.cts +1 -0
package/typings/index.d.ts +1 -0
package/typings/init/questions.d.cts +2 -1
package/typings/init/questions.d.ts +2 -1
package/typings/init/types.d.cts +4 -3
package/typings/init/types.d.ts +4 -3

package/cjs/codegen.js CHANGED Viewed

@@ -125,7 +125,9 @@ async function executeCodegen(input) {
             }
         }
         if (rootSchemas.length === 0 &&
-            Object.keys(generates).some(filename => !generates[filename].schema || generates[filename].schema.length === 0)) {
+            Object.keys(generates).some(filename => !generates[filename].schema ||
+                (Array.isArray(generates[filename].schema === 'object') &&
+                    generates[filename].schema.length === 0))) {
             throw new plugin_helpers_1.DetailedError('Invalid Codegen Configuration!', `
         Please make sure that your codegen config file contains either the "schema" field
         or every generated file has its own "schema" field.
@@ -153,18 +155,26 @@ async function executeCodegen(input) {
                 const generateTasks = Object.keys(generates).map(filename => {
                     const outputConfig = generates[filename];
                     const hasPreset = !!outputConfig.preset;
-                    const title = hasPreset
-                        ? `Generate to ${filename} (using EXPERIMENTAL preset "${outputConfig.preset}")`
-                        : `Generate ${filename}`;
+                    const title = `Generate to ${filename}`;
                     return {
                         title,
-                        task: (_, subTask) => {
+                        task: async (_, subTask) => {
                             let outputSchemaAst;
                             let outputSchema;
                             const outputFileTemplateConfig = outputConfig.config || {};
                             let outputDocuments = [];
                             const outputSpecificSchemas = (0, plugin_helpers_1.normalizeInstanceOrArray)(outputConfig.schema);
-                            const outputSpecificDocuments = (0, plugin_helpers_1.normalizeInstanceOrArray)(outputConfig.documents);
+                            let outputSpecificDocuments = (0, plugin_helpers_1.normalizeInstanceOrArray)(outputConfig.documents);
+                            const preset = hasPreset
+                                ? typeof outputConfig.preset === 'string'
+                                    ? await (0, presets_js_1.getPresetByName)(outputConfig.preset, makeDefaultLoader(context.cwd))
+                                    : outputConfig.preset
+                                : null;
+                            if (preset) {
+                                if (preset.prepareDocuments) {
+                                    outputSpecificDocuments = await preset.prepareDocuments(filename, outputSpecificDocuments);
+                                }
+                            }
                             return subTask.newListr([
                                 {
                                     title: 'Load GraphQL schemas',
@@ -224,11 +234,6 @@ async function executeCodegen(input) {
                                         const normalizedPluginsArray = (0, plugin_helpers_1.normalizeConfig)(outputConfig.plugins);
                                         const pluginLoader = config.pluginLoader || makeDefaultLoader(context.cwd);
                                         const pluginPackages = await Promise.all(normalizedPluginsArray.map(plugin => (0, plugins_js_1.getPluginByName)(Object.keys(plugin)[0], pluginLoader)));
-                                        const preset = hasPreset
-                                            ? typeof outputConfig.preset === 'string'
-                                                ? await (0, presets_js_1.getPresetByName)(outputConfig.preset, makeDefaultLoader(context.cwd))
-                                                : outputConfig.preset
-                                            : null;
                                         const pluginMap = Object.fromEntries(pluginPackages.map((pkg, i) => {
                                             const plugin = normalizedPluginsArray[i];
                                             const name = Object.keys(plugin)[0];
@@ -241,7 +246,7 @@ async function executeCodegen(input) {
                                                 : outputFileTemplateConfig),
                                             emitLegacyCommonJSImports: (0, config_js_1.shouldEmitLegacyCommonJSImports)(config, filename),
                                         };
-                                        const outputs = hasPreset
+                                        const outputs = preset
                                             ? await context.profiler.run(async () => preset.buildGeneratesSection({
                                                 baseOutputDir: filename,
                                                 presetConfig: outputConfig.presetConfig || {},

package/cjs/config.js CHANGED Viewed

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.shouldEmitLegacyCommonJSImports = exports.ensureContext = exports.CodegenContext = exports.updateContextWithCliFlags = exports.createContext = exports.parseArgv = exports.buildOptions = exports.loadContext = exports.loadCodegenConfig = exports.generateSearchPlaces = void 0;
 const tslib_1 = require("tslib");
 const cosmiconfig_1 = require("cosmiconfig");
+const cosmiconfig_typescript_loader_1 = require("cosmiconfig-typescript-loader");
 const path_1 = require("path");
 const plugin_helpers_1 = require("@graphql-codegen/plugin-helpers");
 const string_env_interpolation_1 = require("string-env-interpolation");
@@ -16,7 +17,7 @@ const fs_1 = require("fs");
 const crypto_1 = require("crypto");
 const { lstat } = fs_1.promises;
 function generateSearchPlaces(moduleName) {
-    const extensions = ['json', 'yaml', 'yml', 'js', 'config.js'];
+    const extensions = ['json', 'yaml', 'yml', 'js', 'ts', 'config.js'];
     // gives codegen.json...
     const regular = extensions.map(ext => `${moduleName}.${ext}`);
     // gives .codegenrc.json... but no .codegenrc.config.js
@@ -45,6 +46,9 @@ function customLoader(ext) {
         if (ext === 'js') {
             return cosmiconfig_1.defaultLoaders['.js'](filepath, content);
         }
+        if (ext === 'ts') {
+            return (0, cosmiconfig_typescript_loader_1.TypeScriptLoader)()(filepath, content);
+        }
     }
     return loader;
 }
@@ -60,6 +64,7 @@ async function loadCodegenConfig({ configFilePath, moduleName, searchPlaces: add
             '.yaml': customLoader('yaml'),
             '.yml': customLoader('yaml'),
             '.js': customLoader('js'),
+            '.ts': customLoader('ts'),
             noExt: customLoader('yaml'),
             ...customLoaders,
         },

package/cjs/hooks.js CHANGED Viewed

@@ -51,6 +51,8 @@ function execShellCommand(cmd) {
         }, (error, stdout, stderr) => {
             if (error) {
                 reject(error);
+                // eslint-disable-next-line no-console
+                console.error(error);
             }
             else {
                 (0, debugging_js_1.debugLog)(stdout || stderr);

package/cjs/init/helpers.js CHANGED Viewed

@@ -7,13 +7,44 @@ const path_1 = require("path");
 const fs_1 = require("fs");
 const detect_indent_1 = tslib_1.__importDefault(require("detect-indent"));
 const get_latest_version_js_1 = require("../utils/get-latest-version.js");
+const template_1 = tslib_1.__importDefault(require("@babel/template"));
+const generator_1 = tslib_1.__importDefault(require("@babel/generator"));
+const t = tslib_1.__importStar(require("@babel/types"));
+function jsObjectToBabelObjectExpression(obj) {
+    const objExp = t.objectExpression([]);
+    Object.entries(obj).forEach(([key, val]) => {
+        if (Array.isArray(val)) {
+            objExp.properties.push(t.objectProperty(/^[a-zA-Z0-9]+$/.test(key) ? t.identifier(key) : t.stringLiteral(key), t.arrayExpression(val.map(v => (typeof v === 'object' ? jsObjectToBabelObjectExpression(v) : t.valueToNode(v))))));
+        }
+        else {
+            objExp.properties.push(t.objectProperty(/^[a-zA-Z0-9]+$/.test(key) ? t.identifier(key) : t.stringLiteral(key), typeof val === 'object' ? jsObjectToBabelObjectExpression(val) : t.valueToNode(val)));
+        }
+    });
+    return objExp;
+}
 // Parses config and writes it to a file
 async function writeConfig(answers, config) {
     const YAML = await Promise.resolve().then(() => tslib_1.__importStar(require('json-to-pretty-yaml'))).then(m => ('default' in m ? m.default : m));
-    const ext = answers.config.toLocaleLowerCase().endsWith('.json') ? 'json' : 'yml';
-    const content = ext === 'json' ? JSON.stringify(config) : YAML.stringify(config);
+    const ext = answers.config.toLocaleLowerCase().split('.')[1];
     const fullPath = (0, path_1.resolve)(process.cwd(), answers.config);
     const relativePath = (0, path_1.relative)(process.cwd(), answers.config);
+    let content;
+    if (ext === 'ts') {
+        const buildRequire = template_1.default.statement(`%%config%%`);
+        const ast = buildRequire({
+            config: jsObjectToBabelObjectExpression(config),
+        });
+        content = `
+import type { CodegenConfig } from '@graphql-codegen/cli';
+const config: CodegenConfig = ${(0, generator_1.default)(ast).code.replace(/\(|\)/g, '')}
+export default config;
+`;
+    }
+    else {
+        content = ext === 'json' ? JSON.stringify(config) : YAML.stringify(config);
+    }
     (0, fs_1.writeFileSync)(fullPath, content, {
         encoding: 'utf-8',
     });
@@ -40,7 +71,7 @@ async function writePackage(answers, configLocation) {
     if (!pkg.devDependencies) {
         pkg.devDependencies = {};
     }
-    await Promise.all(answers.plugins.map(async (plugin) => {
+    await Promise.all((answers.plugins || []).map(async (plugin) => {
         pkg.devDependencies[plugin.package] = await (0, get_latest_version_js_1.getLatestVersion)(plugin.package);
     }));
     if (answers.introspection) {

package/cjs/init/index.js CHANGED Viewed

@@ -22,10 +22,11 @@ async function init() {
     const config = {
         overwrite: true,
         schema: answers.schema,
-        documents: answers.targets.includes(types_js_1.Tags.browser) ? answers.documents : null,
+        documents: answers.targets.includes(types_js_1.Tags.client) ? answers.documents : undefined,
         generates: {
             [answers.output]: {
-                plugins: answers.plugins.map(p => p.value),
+                preset: answers.targets.includes(types_js_1.Tags.client) ? 'client' : undefined,
+                plugins: answers.plugins ? answers.plugins.map(p => p.value) : [],
             },
         },
     };
@@ -41,7 +42,7 @@ async function init() {
     // Emit status to the terminal
     log(`
     Config file generated at ${(0, helpers_js_1.bold)(relativePath)}
       ${(0, helpers_js_1.bold)('$ npm install')}
     To install the plugins.

package/cjs/init/plugins.js CHANGED Viewed

@@ -18,7 +18,7 @@ exports.plugins = [
         package: '@graphql-codegen/typescript-operations',
         value: 'typescript-operations',
         pathInRepo: 'typescript/operations',
-        available: tags => allOf(tags, types_js_1.Tags.browser, types_js_1.Tags.typescript),
+        available: tags => allOf(tags, types_js_1.Tags.client, types_js_1.Tags.typescript) || hasTag(types_js_1.Tags.stencil)(tags),
         shouldBeSelected: tags => oneOf(tags, types_js_1.Tags.angular, types_js_1.Tags.stencil) || allOf(tags, types_js_1.Tags.typescript, types_js_1.Tags.react),
         defaultExtension: '.ts',
     },
@@ -45,7 +45,7 @@ exports.plugins = [
         package: '@graphql-codegen/flow-operations',
         value: 'flow-operations',
         pathInRepo: 'flow/operations',
-        available: tags => allOf(tags, types_js_1.Tags.browser, types_js_1.Tags.flow),
+        available: tags => allOf(tags, types_js_1.Tags.client, types_js_1.Tags.flow),
         shouldBeSelected: tags => noneOf(tags, types_js_1.Tags.typescript),
         defaultExtension: '.js',
     },
@@ -58,42 +58,6 @@ exports.plugins = [
         shouldBeSelected: tags => noneOf(tags, types_js_1.Tags.typescript),
         defaultExtension: '.js',
     },
-    {
-        name: `TypeScript Apollo Angular ${(0, helpers_js_1.italic)('(typed GQL services)')}`,
-        package: '@graphql-codegen/typescript-apollo-angular',
-        value: 'typescript-apollo-angular',
-        pathInRepo: 'typescript/apollo-angular',
-        available: hasTag(types_js_1.Tags.angular),
-        shouldBeSelected: () => true,
-        defaultExtension: '.js',
-    },
-    {
-        name: `TypeScript Vue Apollo Composition API ${(0, helpers_js_1.italic)('(typed functions)')}`,
-        package: '@graphql-codegen/typescript-vue-apollo',
-        value: 'typescript-vue-apollo',
-        pathInRepo: 'typescript/vue-apollo',
-        available: tags => allOf(tags, types_js_1.Tags.vue, types_js_1.Tags.typescript),
-        shouldBeSelected: () => true,
-        defaultExtension: '.ts',
-    },
-    {
-        name: `TypeScript Vue Apollo Smart Operations ${(0, helpers_js_1.italic)('(typed functions)')}`,
-        package: '@graphql-codegen/typescript-vue-apollo-smart-ops',
-        value: 'typescript-vue-apollo-smart-ops',
-        pathInRepo: 'typescript/vue-apollo-smart-ops',
-        available: tags => allOf(tags, types_js_1.Tags.vue, types_js_1.Tags.typescript),
-        shouldBeSelected: () => true,
-        defaultExtension: '.ts',
-    },
-    {
-        name: `TypeScript React Apollo ${(0, helpers_js_1.italic)('(typed components and HOCs)')}`,
-        package: '@graphql-codegen/typescript-react-apollo',
-        value: 'typescript-react-apollo',
-        pathInRepo: 'typescript/react-apollo',
-        available: tags => allOf(tags, types_js_1.Tags.react, types_js_1.Tags.typescript),
-        shouldBeSelected: () => true,
-        defaultExtension: '.tsx',
-    },
     {
         name: `TypeScript Stencil Apollo ${(0, helpers_js_1.italic)('(typed components)')}`,
         package: '@graphql-codegen/typescript-stencil-apollo',
@@ -117,7 +81,7 @@ exports.plugins = [
         package: '@graphql-codegen/typescript-graphql-files-modules',
         value: 'typescript-graphql-files-modules',
         pathInRepo: 'typescript/graphql-files-modules',
-        available: tags => allOf(tags, types_js_1.Tags.browser, types_js_1.Tags.typescript),
+        available: tags => allOf(tags, types_js_1.Tags.client, types_js_1.Tags.typescript) || hasTag(types_js_1.Tags.stencil)(tags),
         shouldBeSelected: () => false,
         defaultExtension: '.ts',
     },
@@ -126,7 +90,7 @@ exports.plugins = [
         package: '@graphql-codegen/typescript-document-nodes',
         value: 'typescript-document-nodes',
         pathInRepo: 'typescript/document-nodes',
-        available: tags => allOf(tags, types_js_1.Tags.typescript),
+        available: tags => allOf(tags, types_js_1.Tags.typescript) || hasTag(types_js_1.Tags.stencil)(tags),
         shouldBeSelected: () => false,
         defaultExtension: '.ts',
     },
@@ -135,7 +99,7 @@ exports.plugins = [
         package: '@graphql-codegen/fragment-matcher',
         value: 'fragment-matcher',
         pathInRepo: 'other/fragment-matcher',
-        available: hasTag(types_js_1.Tags.browser),
+        available: tags => hasTag(types_js_1.Tags.client)(tags) || hasTag(types_js_1.Tags.stencil)(tags),
         shouldBeSelected: () => false,
         defaultExtension: '.ts',
     },
@@ -144,7 +108,7 @@ exports.plugins = [
         package: '@graphql-codegen/urql-introspection',
         value: 'urql-introspection',
         pathInRepo: 'other/urql-introspection',
-        available: hasTag(types_js_1.Tags.browser),
+        available: tags => hasTag(types_js_1.Tags.client)(tags) || hasTag(types_js_1.Tags.stencil)(tags),
         shouldBeSelected: () => false,
         defaultExtension: '.ts',
     },

package/cjs/init/questions.js CHANGED Viewed

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOutputDefaultValue = exports.getPluginChoices = exports.getApplicationTypeChoices = exports.getQuestions = void 0;
+exports.getDocumentsDefaultValue = exports.getOutputDefaultValue = exports.getPluginChoices = exports.getApplicationTypeChoices = exports.getQuestions = void 0;
 const helpers_js_1 = require("./helpers.js");
 const types_js_1 = require("./types.js");
 const plugins_js_1 = require("./plugins.js");
 function getQuestions(possibleTargets) {
     return [
         {
-            type: 'checkbox',
+            type: 'list',
             name: 'targets',
             message: `What type of application are you building?`,
             choices: getApplicationTypeChoices(possibleTargets),
             validate: ((targets) => targets.length > 0),
+            default: getApplicationTypeChoices(possibleTargets).findIndex(c => c.checked),
         },
         {
             type: 'input',
@@ -29,14 +30,20 @@ function getQuestions(possibleTargets) {
                 // flatten targets
                 // I can't find an API in Inquirer that would do that
                 answers.targets = normalizeTargets(answers.targets);
-                return answers.targets.includes(types_js_1.Tags.browser);
+                return answers.targets.includes(types_js_1.Tags.client) || answers.targets.includes(types_js_1.Tags.stencil);
             },
-            default: 'src/**/*.graphql',
+            default: getDocumentsDefaultValue,
             validate: (str) => str.length > 0,
         },
         {
             type: 'checkbox',
             name: 'plugins',
+            when: answers => {
+                // flatten targets
+                // I can't find an API in Inquirer that would do that
+                answers.targets = normalizeTargets(answers.targets);
+                return !answers.targets.includes(types_js_1.Tags.client);
+            },
             message: 'Pick plugins:',
             choices: getPluginChoices,
             validate: ((plugins) => plugins.length > 0),
@@ -51,22 +58,24 @@ function getQuestions(possibleTargets) {
         {
             type: 'confirm',
             name: 'introspection',
+            default: false,
             message: 'Do you want to generate an introspection file?',
         },
         {
             type: 'input',
             name: 'config',
             message: 'How to name the config file?',
-            default: 'codegen.yml',
+            default: answers => (answers.targets.includes(types_js_1.Tags.client) ? 'codegen.ts' : 'codegen.yml'),
             validate: (str) => {
                 const isNotEmpty = str.length > 0;
-                const hasCorrectExtension = ['json', 'yml', 'yaml'].some(ext => str.toLocaleLowerCase().endsWith(`.${ext}`));
+                const hasCorrectExtension = ['json', 'yml', 'yaml', 'js', 'ts'].some(ext => str.toLocaleLowerCase().endsWith(`.${ext}`));
                 return isNotEmpty && hasCorrectExtension;
             },
         },
         {
             type: 'input',
             name: 'script',
+            default: 'codegen',
             message: 'What script in package.json should run the codegen?',
             validate: (str) => str.length > 0,
         },
@@ -81,8 +90,9 @@ function getApplicationTypeChoices(possibleTargets) {
         else if (possibleTargets.Flow) {
             tags.push(types_js_1.Tags.flow);
         }
-        else {
-            tags.push(types_js_1.Tags.flow, types_js_1.Tags.typescript);
+        else if (possibleTargets.Node) {
+            tags.push(types_js_1.Tags.typescript);
+            tags.push(types_js_1.Tags.flow);
         }
         return tags;
     }
@@ -96,25 +106,37 @@ function getApplicationTypeChoices(possibleTargets) {
         {
             name: 'Application built with Angular',
             key: 'angular',
-            value: [types_js_1.Tags.angular, types_js_1.Tags.browser, types_js_1.Tags.typescript],
+            value: [types_js_1.Tags.angular, types_js_1.Tags.client],
             checked: possibleTargets.Angular,
         },
         {
             name: 'Application built with React',
             key: 'react',
-            value: withFlowOrTypescript([types_js_1.Tags.react, types_js_1.Tags.browser]),
+            value: withFlowOrTypescript([types_js_1.Tags.react, types_js_1.Tags.client]),
             checked: possibleTargets.React,
         },
         {
             name: 'Application built with Stencil',
             key: 'stencil',
-            value: [types_js_1.Tags.stencil, types_js_1.Tags.browser, types_js_1.Tags.typescript],
+            value: [types_js_1.Tags.stencil, types_js_1.Tags.typescript],
             checked: possibleTargets.Stencil,
         },
+        {
+            name: 'Application built with Vue',
+            key: 'vue',
+            value: [types_js_1.Tags.vue, types_js_1.Tags.client],
+            checked: possibleTargets.Vue,
+        },
+        {
+            name: 'Application using graphql-request',
+            key: 'graphqlRequest',
+            value: [types_js_1.Tags.graphqlRequest, types_js_1.Tags.client],
+            checked: possibleTargets.graphqlRequest,
+        },
         {
             name: 'Application built with other framework or vanilla JS',
             key: 'client',
-            value: [types_js_1.Tags.browser, types_js_1.Tags.typescript, types_js_1.Tags.flow],
+            value: [types_js_1.Tags.typescript, types_js_1.Tags.flow],
             checked: possibleTargets.Browser && !possibleTargets.Angular && !possibleTargets.React && !possibleTargets.Stencil,
         },
     ];
@@ -136,6 +158,9 @@ function normalizeTargets(targets) {
     return [].concat(...targets);
 }
 function getOutputDefaultValue(answers) {
+    if (answers.targets.includes(types_js_1.Tags.client)) {
+        return 'src/gql';
+    }
     if (answers.plugins.some(plugin => plugin.defaultExtension === '.tsx')) {
         return 'src/generated/graphql.tsx';
     }
@@ -145,3 +170,18 @@ function getOutputDefaultValue(answers) {
     return 'src/generated/graphql.js';
 }
 exports.getOutputDefaultValue = getOutputDefaultValue;
+function getDocumentsDefaultValue(answers) {
+    if (answers.targets.includes(types_js_1.Tags.vue)) {
+        return 'src/**/*.vue';
+    }
+    else if (answers.targets.includes(types_js_1.Tags.angular)) {
+        return 'src/**/*.ts';
+    }
+    else if (answers.targets.includes(types_js_1.Tags.client)) {
+        return 'src/**/*.tsx';
+    }
+    else {
+        return 'src/**/*.graphql';
+    }
+}
+exports.getDocumentsDefaultValue = getDocumentsDefaultValue;

package/cjs/init/targets.js CHANGED Viewed

@@ -17,10 +17,11 @@ async function guessTargets() {
         [types_js_1.Tags.react]: isReact(dependencies),
         [types_js_1.Tags.stencil]: isStencil(dependencies),
         [types_js_1.Tags.vue]: isVue(dependencies),
-        [types_js_1.Tags.browser]: false,
+        [types_js_1.Tags.client]: false,
         [types_js_1.Tags.node]: false,
         [types_js_1.Tags.typescript]: isTypescript(dependencies),
         [types_js_1.Tags.flow]: isFlow(dependencies),
+        [types_js_1.Tags.graphqlRequest]: isGraphqlRequest(dependencies),
     };
 }
 exports.guessTargets = guessTargets;
@@ -42,3 +43,6 @@ function isTypescript(dependencies) {
 function isFlow(dependencies) {
     return dependencies.includes('flow');
 }
+function isGraphqlRequest(dependencies) {
+    return dependencies.includes('graphql-request');
+}

package/cjs/init/types.js CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tags = void 0;
 var Tags;
 (function (Tags) {
-    Tags["browser"] = "Browser";
+    Tags["client"] = "Browser";
     Tags["node"] = "Node";
     Tags["typescript"] = "TypeScript";
     Tags["flow"] = "Flow";
@@ -11,4 +11,5 @@ var Tags;
     Tags["stencil"] = "Stencil";
     Tags["react"] = "React";
     Tags["vue"] = "Vue";
+    Tags["graphqlRequest"] = "graphqlRequest";
 })(Tags = exports.Tags || (exports.Tags = {}));

package/cjs/presets.js CHANGED Viewed

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPresetByName = void 0;
-const plugin_helpers_1 = require("@graphql-codegen/plugin-helpers");
 const path_1 = require("path");
 async function getPresetByName(name, loader) {
     const possibleNames = [
@@ -27,7 +26,8 @@ async function getPresetByName(name, loader) {
             err.code !== 'MODULE_NOT_FOUND' &&
                 /** ESM Error code */
                 err.code !== 'ERR_MODULE_NOT_FOUND') {
-                throw new plugin_helpers_1.DetailedError(`Unable to load preset matching ${name}`, `
+                throw new Error(`Unable to load preset matching ${name}
               Unable to load preset matching '${name}'.
               Reason:
                 ${err.message}
@@ -40,7 +40,8 @@ async function getPresetByName(name, loader) {
         - ${name}
     `.trimRight())
         .join('');
-    throw new plugin_helpers_1.DetailedError(`Unable to find preset matching ${name}`, `
+    throw new Error(`Unable to find preset matching ${name}
         Unable to find preset matching '${name}'
         Install one of the following packages:

package/esm/codegen.js CHANGED Viewed

@@ -121,7 +121,9 @@ export async function executeCodegen(input) {
             }
         }
         if (rootSchemas.length === 0 &&
-            Object.keys(generates).some(filename => !generates[filename].schema || generates[filename].schema.length === 0)) {
+            Object.keys(generates).some(filename => !generates[filename].schema ||
+                (Array.isArray(generates[filename].schema === 'object') &&
+                    generates[filename].schema.length === 0))) {
             throw new DetailedError('Invalid Codegen Configuration!', `
         Please make sure that your codegen config file contains either the "schema" field
         or every generated file has its own "schema" field.
@@ -149,18 +151,26 @@ export async function executeCodegen(input) {
                 const generateTasks = Object.keys(generates).map(filename => {
                     const outputConfig = generates[filename];
                     const hasPreset = !!outputConfig.preset;
-                    const title = hasPreset
-                        ? `Generate to ${filename} (using EXPERIMENTAL preset "${outputConfig.preset}")`
-                        : `Generate ${filename}`;
+                    const title = `Generate to ${filename}`;
                     return {
                         title,
-                        task: (_, subTask) => {
+                        task: async (_, subTask) => {
                             let outputSchemaAst;
                             let outputSchema;
                             const outputFileTemplateConfig = outputConfig.config || {};
                             let outputDocuments = [];
                             const outputSpecificSchemas = normalizeInstanceOrArray(outputConfig.schema);
-                            const outputSpecificDocuments = normalizeInstanceOrArray(outputConfig.documents);
+                            let outputSpecificDocuments = normalizeInstanceOrArray(outputConfig.documents);
+                            const preset = hasPreset
+                                ? typeof outputConfig.preset === 'string'
+                                    ? await getPresetByName(outputConfig.preset, makeDefaultLoader(context.cwd))
+                                    : outputConfig.preset
+                                : null;
+                            if (preset) {
+                                if (preset.prepareDocuments) {
+                                    outputSpecificDocuments = await preset.prepareDocuments(filename, outputSpecificDocuments);
+                                }
+                            }
                             return subTask.newListr([
                                 {
                                     title: 'Load GraphQL schemas',
@@ -220,11 +230,6 @@ export async function executeCodegen(input) {
                                         const normalizedPluginsArray = normalizeConfig(outputConfig.plugins);
                                         const pluginLoader = config.pluginLoader || makeDefaultLoader(context.cwd);
                                         const pluginPackages = await Promise.all(normalizedPluginsArray.map(plugin => getPluginByName(Object.keys(plugin)[0], pluginLoader)));
-                                        const preset = hasPreset
-                                            ? typeof outputConfig.preset === 'string'
-                                                ? await getPresetByName(outputConfig.preset, makeDefaultLoader(context.cwd))
-                                                : outputConfig.preset
-                                            : null;
                                         const pluginMap = Object.fromEntries(pluginPackages.map((pkg, i) => {
                                             const plugin = normalizedPluginsArray[i];
                                             const name = Object.keys(plugin)[0];
@@ -237,7 +242,7 @@ export async function executeCodegen(input) {
                                                 : outputFileTemplateConfig),
                                             emitLegacyCommonJSImports: shouldEmitLegacyCommonJSImports(config, filename),
                                         };
-                                        const outputs = hasPreset
+                                        const outputs = preset
                                             ? await context.profiler.run(async () => preset.buildGeneratesSection({
                                                 baseOutputDir: filename,
                                                 presetConfig: outputConfig.presetConfig || {},

package/esm/config.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { cosmiconfig, defaultLoaders } from 'cosmiconfig';
+import { TypeScriptLoader } from 'cosmiconfig-typescript-loader';
 import { resolve } from 'path';
 import { DetailedError, createProfiler, createNoopProfiler, getCachedDocumentNodeFromSchema, } from '@graphql-codegen/plugin-helpers';
 import { env } from 'string-env-interpolation';
@@ -12,7 +13,7 @@ import { promises } from 'fs';
 import { createHash } from 'crypto';
 const { lstat } = promises;
 export function generateSearchPlaces(moduleName) {
-    const extensions = ['json', 'yaml', 'yml', 'js', 'config.js'];
+    const extensions = ['json', 'yaml', 'yml', 'js', 'ts', 'config.js'];
     // gives codegen.json...
     const regular = extensions.map(ext => `${moduleName}.${ext}`);
     // gives .codegenrc.json... but no .codegenrc.config.js
@@ -40,6 +41,9 @@ function customLoader(ext) {
         if (ext === 'js') {
             return defaultLoaders['.js'](filepath, content);
         }
+        if (ext === 'ts') {
+            return TypeScriptLoader()(filepath, content);
+        }
     }
     return loader;
 }
@@ -55,6 +59,7 @@ export async function loadCodegenConfig({ configFilePath, moduleName, searchPlac
             '.yaml': customLoader('yaml'),
             '.yml': customLoader('yaml'),
             '.js': customLoader('js'),
+            '.ts': customLoader('ts'),
             noExt: customLoader('yaml'),
             ...customLoaders,
         },

package/esm/hooks.js CHANGED Viewed

@@ -48,6 +48,8 @@ function execShellCommand(cmd) {
         }, (error, stdout, stderr) => {
             if (error) {
                 reject(error);
+                // eslint-disable-next-line no-console
+                console.error(error);
             }
             else {
                 debugLog(stdout || stderr);

package/esm/init/helpers.js CHANGED Viewed

@@ -3,13 +3,44 @@ import { resolve, relative } from 'path';
 import { writeFileSync, readFileSync } from 'fs';
 import detectIndent from 'detect-indent';
 import { getLatestVersion } from '../utils/get-latest-version.js';
+import template from '@babel/template';
+import generate from '@babel/generator';
+import * as t from '@babel/types';
+function jsObjectToBabelObjectExpression(obj) {
+    const objExp = t.objectExpression([]);
+    Object.entries(obj).forEach(([key, val]) => {
+        if (Array.isArray(val)) {
+            objExp.properties.push(t.objectProperty(/^[a-zA-Z0-9]+$/.test(key) ? t.identifier(key) : t.stringLiteral(key), t.arrayExpression(val.map(v => (typeof v === 'object' ? jsObjectToBabelObjectExpression(v) : t.valueToNode(v))))));
+        }
+        else {
+            objExp.properties.push(t.objectProperty(/^[a-zA-Z0-9]+$/.test(key) ? t.identifier(key) : t.stringLiteral(key), typeof val === 'object' ? jsObjectToBabelObjectExpression(val) : t.valueToNode(val)));
+        }
+    });
+    return objExp;
+}
 // Parses config and writes it to a file
 export async function writeConfig(answers, config) {
     const YAML = await import('json-to-pretty-yaml').then(m => ('default' in m ? m.default : m));
-    const ext = answers.config.toLocaleLowerCase().endsWith('.json') ? 'json' : 'yml';
-    const content = ext === 'json' ? JSON.stringify(config) : YAML.stringify(config);
+    const ext = answers.config.toLocaleLowerCase().split('.')[1];
     const fullPath = resolve(process.cwd(), answers.config);
     const relativePath = relative(process.cwd(), answers.config);
+    let content;
+    if (ext === 'ts') {
+        const buildRequire = template.statement(`%%config%%`);
+        const ast = buildRequire({
+            config: jsObjectToBabelObjectExpression(config),
+        });
+        content = `
+import type { CodegenConfig } from '@graphql-codegen/cli';
+const config: CodegenConfig = ${generate(ast).code.replace(/\(|\)/g, '')}
+export default config;
+`;
+    }
+    else {
+        content = ext === 'json' ? JSON.stringify(config) : YAML.stringify(config);
+    }
     writeFileSync(fullPath, content, {
         encoding: 'utf-8',
     });
@@ -35,7 +66,7 @@ export async function writePackage(answers, configLocation) {
     if (!pkg.devDependencies) {
         pkg.devDependencies = {};
     }
-    await Promise.all(answers.plugins.map(async (plugin) => {
+    await Promise.all((answers.plugins || []).map(async (plugin) => {
         pkg.devDependencies[plugin.package] = await getLatestVersion(plugin.package);
     }));
     if (answers.introspection) {

package/esm/init/index.js CHANGED Viewed

@@ -18,10 +18,11 @@ export async function init() {
     const config = {
         overwrite: true,
         schema: answers.schema,
-        documents: answers.targets.includes(Tags.browser) ? answers.documents : null,
+        documents: answers.targets.includes(Tags.client) ? answers.documents : undefined,
         generates: {
             [answers.output]: {
-                plugins: answers.plugins.map(p => p.value),
+                preset: answers.targets.includes(Tags.client) ? 'client' : undefined,
+                plugins: answers.plugins ? answers.plugins.map(p => p.value) : [],
             },
         },
     };
@@ -37,7 +38,7 @@ export async function init() {
     // Emit status to the terminal
     log(`
     Config file generated at ${bold(relativePath)}
       ${bold('$ npm install')}
     To install the plugins.

package/esm/init/plugins.js CHANGED Viewed

@@ -15,7 +15,7 @@ export const plugins = [
         package: '@graphql-codegen/typescript-operations',
         value: 'typescript-operations',
         pathInRepo: 'typescript/operations',
-        available: tags => allOf(tags, Tags.browser, Tags.typescript),
+        available: tags => allOf(tags, Tags.client, Tags.typescript) || hasTag(Tags.stencil)(tags),
         shouldBeSelected: tags => oneOf(tags, Tags.angular, Tags.stencil) || allOf(tags, Tags.typescript, Tags.react),
         defaultExtension: '.ts',
     },
@@ -42,7 +42,7 @@ export const plugins = [
         package: '@graphql-codegen/flow-operations',
         value: 'flow-operations',
         pathInRepo: 'flow/operations',
-        available: tags => allOf(tags, Tags.browser, Tags.flow),
+        available: tags => allOf(tags, Tags.client, Tags.flow),
         shouldBeSelected: tags => noneOf(tags, Tags.typescript),
         defaultExtension: '.js',
     },
@@ -55,42 +55,6 @@ export const plugins = [
         shouldBeSelected: tags => noneOf(tags, Tags.typescript),
         defaultExtension: '.js',
     },
-    {
-        name: `TypeScript Apollo Angular ${italic('(typed GQL services)')}`,
-        package: '@graphql-codegen/typescript-apollo-angular',
-        value: 'typescript-apollo-angular',
-        pathInRepo: 'typescript/apollo-angular',
-        available: hasTag(Tags.angular),
-        shouldBeSelected: () => true,
-        defaultExtension: '.js',
-    },
-    {
-        name: `TypeScript Vue Apollo Composition API ${italic('(typed functions)')}`,
-        package: '@graphql-codegen/typescript-vue-apollo',
-        value: 'typescript-vue-apollo',
-        pathInRepo: 'typescript/vue-apollo',
-        available: tags => allOf(tags, Tags.vue, Tags.typescript),
-        shouldBeSelected: () => true,
-        defaultExtension: '.ts',
-    },
-    {
-        name: `TypeScript Vue Apollo Smart Operations ${italic('(typed functions)')}`,
-        package: '@graphql-codegen/typescript-vue-apollo-smart-ops',
-        value: 'typescript-vue-apollo-smart-ops',
-        pathInRepo: 'typescript/vue-apollo-smart-ops',
-        available: tags => allOf(tags, Tags.vue, Tags.typescript),
-        shouldBeSelected: () => true,
-        defaultExtension: '.ts',
-    },
-    {
-        name: `TypeScript React Apollo ${italic('(typed components and HOCs)')}`,
-        package: '@graphql-codegen/typescript-react-apollo',
-        value: 'typescript-react-apollo',
-        pathInRepo: 'typescript/react-apollo',
-        available: tags => allOf(tags, Tags.react, Tags.typescript),
-        shouldBeSelected: () => true,
-        defaultExtension: '.tsx',
-    },
     {
         name: `TypeScript Stencil Apollo ${italic('(typed components)')}`,
         package: '@graphql-codegen/typescript-stencil-apollo',
@@ -114,7 +78,7 @@ export const plugins = [
         package: '@graphql-codegen/typescript-graphql-files-modules',
         value: 'typescript-graphql-files-modules',
         pathInRepo: 'typescript/graphql-files-modules',
-        available: tags => allOf(tags, Tags.browser, Tags.typescript),
+        available: tags => allOf(tags, Tags.client, Tags.typescript) || hasTag(Tags.stencil)(tags),
         shouldBeSelected: () => false,
         defaultExtension: '.ts',
     },
@@ -123,7 +87,7 @@ export const plugins = [
         package: '@graphql-codegen/typescript-document-nodes',
         value: 'typescript-document-nodes',
         pathInRepo: 'typescript/document-nodes',
-        available: tags => allOf(tags, Tags.typescript),
+        available: tags => allOf(tags, Tags.typescript) || hasTag(Tags.stencil)(tags),
         shouldBeSelected: () => false,
         defaultExtension: '.ts',
     },
@@ -132,7 +96,7 @@ export const plugins = [
         package: '@graphql-codegen/fragment-matcher',
         value: 'fragment-matcher',
         pathInRepo: 'other/fragment-matcher',
-        available: hasTag(Tags.browser),
+        available: tags => hasTag(Tags.client)(tags) || hasTag(Tags.stencil)(tags),
         shouldBeSelected: () => false,
         defaultExtension: '.ts',
     },
@@ -141,7 +105,7 @@ export const plugins = [
         package: '@graphql-codegen/urql-introspection',
         value: 'urql-introspection',
         pathInRepo: 'other/urql-introspection',
-        available: hasTag(Tags.browser),
+        available: tags => hasTag(Tags.client)(tags) || hasTag(Tags.stencil)(tags),
         shouldBeSelected: () => false,
         defaultExtension: '.ts',
     },

package/esm/init/questions.js CHANGED Viewed

@@ -4,11 +4,12 @@ import { plugins } from './plugins.js';
 export function getQuestions(possibleTargets) {
     return [
         {
-            type: 'checkbox',
+            type: 'list',
             name: 'targets',
             message: `What type of application are you building?`,
             choices: getApplicationTypeChoices(possibleTargets),
             validate: ((targets) => targets.length > 0),
+            default: getApplicationTypeChoices(possibleTargets).findIndex(c => c.checked),
         },
         {
             type: 'input',
@@ -26,14 +27,20 @@ export function getQuestions(possibleTargets) {
                 // flatten targets
                 // I can't find an API in Inquirer that would do that
                 answers.targets = normalizeTargets(answers.targets);
-                return answers.targets.includes(Tags.browser);
+                return answers.targets.includes(Tags.client) || answers.targets.includes(Tags.stencil);
             },
-            default: 'src/**/*.graphql',
+            default: getDocumentsDefaultValue,
             validate: (str) => str.length > 0,
         },
         {
             type: 'checkbox',
             name: 'plugins',
+            when: answers => {
+                // flatten targets
+                // I can't find an API in Inquirer that would do that
+                answers.targets = normalizeTargets(answers.targets);
+                return !answers.targets.includes(Tags.client);
+            },
             message: 'Pick plugins:',
             choices: getPluginChoices,
             validate: ((plugins) => plugins.length > 0),
@@ -48,22 +55,24 @@ export function getQuestions(possibleTargets) {
         {
             type: 'confirm',
             name: 'introspection',
+            default: false,
             message: 'Do you want to generate an introspection file?',
         },
         {
             type: 'input',
             name: 'config',
             message: 'How to name the config file?',
-            default: 'codegen.yml',
+            default: answers => (answers.targets.includes(Tags.client) ? 'codegen.ts' : 'codegen.yml'),
             validate: (str) => {
                 const isNotEmpty = str.length > 0;
-                const hasCorrectExtension = ['json', 'yml', 'yaml'].some(ext => str.toLocaleLowerCase().endsWith(`.${ext}`));
+                const hasCorrectExtension = ['json', 'yml', 'yaml', 'js', 'ts'].some(ext => str.toLocaleLowerCase().endsWith(`.${ext}`));
                 return isNotEmpty && hasCorrectExtension;
             },
         },
         {
             type: 'input',
             name: 'script',
+            default: 'codegen',
             message: 'What script in package.json should run the codegen?',
             validate: (str) => str.length > 0,
         },
@@ -77,8 +86,9 @@ export function getApplicationTypeChoices(possibleTargets) {
         else if (possibleTargets.Flow) {
             tags.push(Tags.flow);
         }
-        else {
-            tags.push(Tags.flow, Tags.typescript);
+        else if (possibleTargets.Node) {
+            tags.push(Tags.typescript);
+            tags.push(Tags.flow);
         }
         return tags;
     }
@@ -92,25 +102,37 @@ export function getApplicationTypeChoices(possibleTargets) {
         {
             name: 'Application built with Angular',
             key: 'angular',
-            value: [Tags.angular, Tags.browser, Tags.typescript],
+            value: [Tags.angular, Tags.client],
             checked: possibleTargets.Angular,
         },
         {
             name: 'Application built with React',
             key: 'react',
-            value: withFlowOrTypescript([Tags.react, Tags.browser]),
+            value: withFlowOrTypescript([Tags.react, Tags.client]),
             checked: possibleTargets.React,
         },
         {
             name: 'Application built with Stencil',
             key: 'stencil',
-            value: [Tags.stencil, Tags.browser, Tags.typescript],
+            value: [Tags.stencil, Tags.typescript],
             checked: possibleTargets.Stencil,
         },
+        {
+            name: 'Application built with Vue',
+            key: 'vue',
+            value: [Tags.vue, Tags.client],
+            checked: possibleTargets.Vue,
+        },
+        {
+            name: 'Application using graphql-request',
+            key: 'graphqlRequest',
+            value: [Tags.graphqlRequest, Tags.client],
+            checked: possibleTargets.graphqlRequest,
+        },
         {
             name: 'Application built with other framework or vanilla JS',
             key: 'client',
-            value: [Tags.browser, Tags.typescript, Tags.flow],
+            value: [Tags.typescript, Tags.flow],
             checked: possibleTargets.Browser && !possibleTargets.Angular && !possibleTargets.React && !possibleTargets.Stencil,
         },
     ];
@@ -130,6 +152,9 @@ function normalizeTargets(targets) {
     return [].concat(...targets);
 }
 export function getOutputDefaultValue(answers) {
+    if (answers.targets.includes(Tags.client)) {
+        return 'src/gql';
+    }
     if (answers.plugins.some(plugin => plugin.defaultExtension === '.tsx')) {
         return 'src/generated/graphql.tsx';
     }
@@ -138,3 +163,17 @@ export function getOutputDefaultValue(answers) {
     }
     return 'src/generated/graphql.js';
 }
+export function getDocumentsDefaultValue(answers) {
+    if (answers.targets.includes(Tags.vue)) {
+        return 'src/**/*.vue';
+    }
+    else if (answers.targets.includes(Tags.angular)) {
+        return 'src/**/*.ts';
+    }
+    else if (answers.targets.includes(Tags.client)) {
+        return 'src/**/*.tsx';
+    }
+    else {
+        return 'src/**/*.graphql';
+    }
+}

package/esm/init/targets.js CHANGED Viewed

@@ -14,10 +14,11 @@ export async function guessTargets() {
         [Tags.react]: isReact(dependencies),
         [Tags.stencil]: isStencil(dependencies),
         [Tags.vue]: isVue(dependencies),
-        [Tags.browser]: false,
+        [Tags.client]: false,
         [Tags.node]: false,
         [Tags.typescript]: isTypescript(dependencies),
         [Tags.flow]: isFlow(dependencies),
+        [Tags.graphqlRequest]: isGraphqlRequest(dependencies),
     };
 }
 function isAngular(dependencies) {
@@ -38,3 +39,6 @@ function isTypescript(dependencies) {
 function isFlow(dependencies) {
     return dependencies.includes('flow');
 }
+function isGraphqlRequest(dependencies) {
+    return dependencies.includes('graphql-request');
+}

package/esm/init/types.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var Tags;
 (function (Tags) {
-    Tags["browser"] = "Browser";
+    Tags["client"] = "Browser";
     Tags["node"] = "Node";
     Tags["typescript"] = "TypeScript";
     Tags["flow"] = "Flow";
@@ -8,4 +8,5 @@ export var Tags;
     Tags["stencil"] = "Stencil";
     Tags["react"] = "React";
     Tags["vue"] = "Vue";
+    Tags["graphqlRequest"] = "graphqlRequest";
 })(Tags || (Tags = {}));

package/esm/presets.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { DetailedError } from '@graphql-codegen/plugin-helpers';
 import { resolve } from 'path';
 export async function getPresetByName(name, loader) {
     const possibleNames = [
@@ -24,7 +23,8 @@ export async function getPresetByName(name, loader) {
             err.code !== 'MODULE_NOT_FOUND' &&
                 /** ESM Error code */
                 err.code !== 'ERR_MODULE_NOT_FOUND') {
-                throw new DetailedError(`Unable to load preset matching ${name}`, `
+                throw new Error(`Unable to load preset matching ${name}
               Unable to load preset matching '${name}'.
               Reason:
                 ${err.message}
@@ -37,7 +37,8 @@ export async function getPresetByName(name, loader) {
         - ${name}
     `.trimRight())
         .join('');
-    throw new DetailedError(`Unable to find preset matching ${name}`, `
+    throw new Error(`Unable to find preset matching ${name}
         Unable to find preset matching '${name}'
         Install one of the following packages:

package/package.json CHANGED Viewed

@@ -1,12 +1,16 @@
 {
   "name": "@graphql-codegen/cli",
-  "version": "2.11.9-alpha-20220831122019-e4f0e71b5",
+  "version": "2.11.9-alpha-20220926151609-5af00bb63",
   "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"
   },
   "dependencies": {
+    "@babel/generator": "^7.18.13",
+    "@babel/template": "^7.18.10",
+    "@babel/types": "^7.18.13",
+    "@graphql-codegen/client-preset": "1.0.1-alpha-20220926151609-5af00bb63",
     "@graphql-codegen/core": "2.6.2",
-    "@graphql-codegen/plugin-helpers": "^2.6.2",
+    "@graphql-codegen/plugin-helpers": "2.8.0-alpha-20220926151609-5af00bb63",
     "@graphql-tools/apollo-engine-loader": "^7.3.6",
     "@graphql-tools/code-file-loader": "^7.3.1",
     "@graphql-tools/git-loader": "^7.2.1",
@@ -22,6 +26,7 @@
     "chalk": "^4.1.0",
     "chokidar": "^3.5.2",
     "cosmiconfig": "^7.0.0",
+    "cosmiconfig-typescript-loader": "4.0.0",
     "debounce": "^1.2.0",
     "detect-indent": "^6.0.0",
     "graphql-config": "^4.3.5",

package/typings/config.d.cts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Types, Profiler } from '@graphql-codegen/plugin-helpers';
 import { GraphQLConfig } from 'graphql-config';
 import { GraphQLSchema } from 'graphql';
+export declare type CodegenConfig = Types.Config;
 export declare type YamlCliFlags = {
     config: string;
     watch: boolean | string | string[];

package/typings/config.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Types, Profiler } from '@graphql-codegen/plugin-helpers';
 import { GraphQLConfig } from 'graphql-config';
 import { GraphQLSchema } from 'graphql';
+export declare type CodegenConfig = Types.Config;
 export declare type YamlCliFlags = {
     config: string;
     watch: boolean | string | string[];

package/typings/index.d.cts CHANGED Viewed

@@ -5,3 +5,4 @@ export * from './init/index.cjs';
 export * from './utils/cli-error.cjs';
 export * from './cli.cjs';
 export * from './graphql-config.cjs';
+export { CodegenConfig } from './config.cjs';

package/typings/index.d.ts CHANGED Viewed

@@ -5,3 +5,4 @@ export * from './init/index.js';
 export * from './utils/cli-error.js';
 export * from './cli.js';
 export * from './graphql-config.js';
+export { CodegenConfig } from './config.js';

package/typings/init/questions.d.cts CHANGED Viewed

@@ -8,4 +8,5 @@ export declare function getApplicationTypeChoices(possibleTargets: Record<Tags,
     checked: boolean;
 }[];
 export declare function getPluginChoices(answers: Answers): inquirer.DistinctChoice<inquirer.AllChoiceMap<inquirer.Answers>, inquirer.AllChoiceMap<inquirer.AllChoiceMap<inquirer.Answers>>>[];
-export declare function getOutputDefaultValue(answers: Answers): "src/generated/graphql.tsx" | "src/generated/graphql.ts" | "src/generated/graphql.cjs";
+export declare function getOutputDefaultValue(answers: Answers): "src/gql" | "src/generated/graphql.tsx" | "src/generated/graphql.ts" | "src/generated/graphql.cjs";
+export declare function getDocumentsDefaultValue(answers: Answers): "src/**/*.vue" | "src/**/*.ts" | "src/**/*.tsx" | "src/**/*.graphql";

package/typings/init/questions.d.ts CHANGED Viewed

@@ -8,4 +8,5 @@ export declare function getApplicationTypeChoices(possibleTargets: Record<Tags,
     checked: boolean;
 }[];
 export declare function getPluginChoices(answers: Answers): inquirer.DistinctChoice<inquirer.AllChoiceMap<inquirer.Answers>, inquirer.AllChoiceMap<inquirer.AllChoiceMap<inquirer.Answers>>>[];
-export declare function getOutputDefaultValue(answers: Answers): "src/generated/graphql.tsx" | "src/generated/graphql.ts" | "src/generated/graphql.js";
+export declare function getOutputDefaultValue(answers: Answers): "src/gql" | "src/generated/graphql.tsx" | "src/generated/graphql.ts" | "src/generated/graphql.js";
+export declare function getDocumentsDefaultValue(answers: Answers): "src/**/*.vue" | "src/**/*.ts" | "src/**/*.tsx" | "src/**/*.graphql";

package/typings/init/types.d.cts CHANGED Viewed

@@ -10,7 +10,7 @@ export interface PluginOption {
 export interface Answers {
     targets: Tags[];
     config: string;
-    plugins: PluginOption[];
+    plugins?: PluginOption[];
     schema: string;
     documents?: string;
     output: string;
@@ -18,12 +18,13 @@ export interface Answers {
     introspection: boolean;
 }
 export declare enum Tags {
-    browser = "Browser",
+    client = "Browser",
     node = "Node",
     typescript = "TypeScript",
     flow = "Flow",
     angular = "Angular",
     stencil = "Stencil",
     react = "React",
-    vue = "Vue"
+    vue = "Vue",
+    graphqlRequest = "graphqlRequest"
 }

package/typings/init/types.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export interface PluginOption {
 export interface Answers {
     targets: Tags[];
     config: string;
-    plugins: PluginOption[];
+    plugins?: PluginOption[];
     schema: string;
     documents?: string;
     output: string;
@@ -18,12 +18,13 @@ export interface Answers {
     introspection: boolean;
 }
 export declare enum Tags {
-    browser = "Browser",
+    client = "Browser",
     node = "Node",
     typescript = "TypeScript",
     flow = "Flow",
     angular = "Angular",
     stencil = "Stencil",
     react = "React",
-    vue = "Vue"
+    vue = "Vue",
+    graphqlRequest = "graphqlRequest"
 }