{
8 | const program = yargs
9 | .scriptName('graphql')
10 | .detectLocale(false)
11 | .epilog('Visit https://github.com/Urigo/graphql-cli for more information')
12 | .version();
13 |
14 | const commandPackageNames = await discoverCommands();
15 | const commandFactories = await Promise.all(commandPackageNames.map(loadCommand));
16 |
17 | [discover, ...commandFactories].forEach((cmd) => {
18 | program.command(
19 | cmd({
20 | useConfig,
21 | useLoaders,
22 | })
23 | );
24 | });
25 |
26 | program.demandCommand().recommendCommands().help().showHelpOnFail(false).argv;
27 | }
28 |
29 | async function discoverCommands() {
30 | const commandNames: string[] = [];
31 | const paths = require.resolve.paths('graphql-cli');
32 |
33 | await Promise.all(paths.map(findInDirectory));
34 |
35 | async function findInDirectory(directory: string) {
36 | const results = await globby('*', {
37 | cwd: join(directory, '@graphql-cli'),
38 | onlyDirectories: true,
39 | deep: 1,
40 | ignore: ['common', 'loaders'],
41 | });
42 |
43 | if (results.length) {
44 | commandNames.push(...results);
45 | }
46 | }
47 |
48 | // unique names
49 | return commandNames.filter((val, i, list) => list.indexOf(val) === i);
50 | }
51 |
52 | function loadCommand(name: string): CommandFactory {
53 | const mod = require(`@graphql-cli/${name}`);
54 |
55 | return mod.default || mod;
56 | }
57 |
--------------------------------------------------------------------------------
/website/docs/coverage.md:
--------------------------------------------------------------------------------
1 | ---
2 | id: coverage
3 | title: coverage
4 | sidebar_label: coverage
5 | ---
6 |
7 | Schema coverage based on documents. Find out how many times types and fields are used in your application. See the [official GraphQL Inspector documentation](https://graphql-inspector.com/docs/essentials/coverage) for details.
8 |
9 | ### Installation
10 |
11 | import Tabs from '@theme/Tabs';
12 | import TabItem from '@theme/TabItem';
13 |
14 |
21 |
22 |
23 | ```
24 | yarn global add @graphql-cli/coverage
25 | ```
26 |
27 |
28 |
29 |
30 |
31 | ```
32 | npm i -g @graphql-cli/coverage
33 | ```
34 |
35 |
36 |
37 |
38 | ### Usage
39 |
40 | ```
41 | graphql coverage [DOCUMENTS] [SCHEMA]
42 | ```
43 |
44 | #### Arguments
45 |
46 | | argument | description | default |
47 | | --- | --- | --- |
48 | | `DOCUMENTS` | A glob pattern that points to GraphQL Documents / Operations | `documents` property in GraphQL Config file |
49 | | `SCHEMA` | A pointer to a schema | `schema` property in GraphQL Config file |
50 |
51 | #### Options
52 |
53 | | option | alias | description | default |
54 | | --- | --- | --- | --- |
55 | | `--silent` | `-s` | Do not render any stats in the terminal | `false` |
56 | | `--write` | `-w` | Write a file with coverage stats | disabled |
57 | | `--deprecated` | `-d` | Fail on deprecated usage | `false` |
58 | | `--require` | `-r` | Require a module | `[]` |
59 | | `--token` | `-t` | An access token | `undefined` |
60 | | `--header` | `-h` | Set HTTP header (`--header 'Auth: Basic 123'`) | `undefined` |
61 |
--------------------------------------------------------------------------------
/templates/fullstack/client/src/components/comment/CreateComment.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { useCreateCommentMutation } from '../../generated-types';
3 | import { Card, TextField, Button } from '@material-ui/core';
4 | import './../notes/Note.css';
5 |
6 | type createCommentProps = {
7 | noteId: string;
8 | addCommentState: any;
9 | };
10 |
11 | const CreateComment = ({ noteId, addCommentState }: createCommentProps) => {
12 | const [createComment] = useCreateCommentMutation();
13 | const [newCommentTitle, setNewCommentTitle] = useState('');
14 | const [newCommentDescription, setNewCommentDescription] = useState('');
15 |
16 | return (
17 |
18 |
19 |
46 |
47 |
48 | );
49 | };
50 |
51 | export default CreateComment;
52 |
--------------------------------------------------------------------------------
/packages/commands/init/src/sources/from-existing.ts:
--------------------------------------------------------------------------------
1 | import rimraf from 'rimraf';
2 | import { join } from 'path';
3 | import { existsSync } from 'fs-extra';
4 | import { prompt } from 'inquirer';
5 | import { Context, PackageManifest } from '../common';
6 | import { searchCodegenConfig } from '../search-codegen-config';
7 |
8 | export async function fromExisting({ context, project }: { context: Context; project: PackageManifest }) {
9 | const manifestPath = join(context.path, 'package.json');
10 |
11 | if (existsSync(manifestPath)) {
12 | const { name: projectName } = require(manifestPath);
13 | context.name = projectName;
14 | }
15 |
16 | const result = await searchCodegenConfig(context.path);
17 |
18 | if (result && !result.isEmpty) {
19 | const codegenFilePath = result.filepath;
20 | const { willBeMerged } = await prompt([
21 | {
22 | type: 'confirm',
23 | name: 'willBeMerged',
24 | message: `GraphQL Code Generator configuration has been detected in ${codegenFilePath}.\n Do you want to use the same configuration with GraphQL CLI?`,
25 | default: true,
26 | },
27 | ]);
28 |
29 | if (willBeMerged) {
30 | project.addDependency('@graphql-cli/codegen');
31 | const codegenConfig = result.config;
32 |
33 | context.graphqlConfig.extensions.codegen = {
34 | generates: {},
35 | };
36 |
37 | for (const key in codegenConfig) {
38 | if (key === 'schema') {
39 | context.graphqlConfig.schema = codegenConfig.schema;
40 | } else if (key === 'documents') {
41 | context.graphqlConfig.documents = codegenConfig.documents;
42 | } else {
43 | context.graphqlConfig.extensions.codegen[key] = codegenConfig[key];
44 | }
45 | }
46 |
47 | rimraf.sync(result.filepath);
48 | }
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/packages/commands/init/src/features/inspector.ts:
--------------------------------------------------------------------------------
1 | import { prompt } from 'inquirer';
2 | import { Context, PackageManifest, ProjectType } from '../common';
3 |
4 | export async function askForInspector({ context, project }: { context: Context; project: PackageManifest }) {
5 | if (context.type === ProjectType.FullStack || context.type === ProjectType.FrontendOnly) {
6 | const { isFrontendInspectorAsked } = await prompt([
7 | {
8 | type: 'confirm',
9 | name: 'isFrontendInspectorAsked',
10 | message: 'Do you want to have GraphQL Inspector tools for your frontend?',
11 | default: true,
12 | },
13 | ]);
14 |
15 | if (isFrontendInspectorAsked) {
16 | project.addDependency('@graphql-cli/coverage');
17 | project.addDependency('@graphql-cli/validate');
18 |
19 | project.addScript('graphql:coverage', 'graphql coverage');
20 | project.addScript('graphql:validate', 'graphql validate');
21 | }
22 | }
23 |
24 | if (context.type === ProjectType.FullStack || context.type === ProjectType.BackendOnly) {
25 | const { isBackendInspectorAsked } = await prompt([
26 | {
27 | type: 'confirm',
28 | name: 'isBackendInspectorAsked',
29 | message: 'Do you want to have GraphQL Inspector tools for your backend?',
30 | default: true,
31 | },
32 | ]);
33 |
34 | if (isBackendInspectorAsked) {
35 | project.addDependency('@graphql-cli/diff');
36 | project.addDependency('@graphql-cli/similar');
37 |
38 | project.addScript('graphql:diff', 'graphql diff');
39 | project.addScript('graphql:similar', 'graphql similar');
40 |
41 | if (!context.graphqlConfig.extensions.diff) {
42 | context.graphqlConfig.extensions.diff = {
43 | baseSchema: 'your-base-schema-here',
44 | };
45 | }
46 | }
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/templates/fullstack/client/src/components/notes/OneNote.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import EditNote from './EditNote';
3 | import { Note } from '../../generated-types';
4 | import CreateComment from '../comment/CreateComment';
5 | import OneComment from '../comment/OneComment';
6 | import { Button, Card } from '@material-ui/core';
7 |
8 | const OneNote = ({ id, title, description, comments }: Note) => {
9 | const [noteEdit, setNoteEdit] = useState(false);
10 | const [addComment, setAddComment] = useState(false);
11 |
12 | return (
13 |
14 |
15 |
16 | {title}:
17 | {description}
18 |
21 |
24 | {noteEdit ? (
25 |
26 | ) : (
27 |
28 | )}
29 | {addComment ? : }
30 |
31 | {comments && comments.length > 0 ? (
32 | comments.map((com) => {
33 | if (!com) {
34 | return;
35 | }
36 | return ;
37 | })
38 | ) : (
39 |
40 | )}
41 |
42 |
43 |
44 |