Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] Work on using external modules #158

Draft
wants to merge 13 commits into
base: main
Choose a base branch
from
12 changes: 12 additions & 0 deletions TODO.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
- [x] SDL should extend type for external types - I guess marking types in SDL
- [x] can't generate graphql-js stuff, don't want to do it for externs - don't support graphql-js for this?
- [x] all imported types (so support interfaces etc)
- [x] Read SDL to actually do validation
- [x] reenable global validations
- [x] "modular" mode? like no full schema, but parts of schema but with full validation by resolving it?
- [?] treat query/mutation/subscription as "import" type and extend it
- [ ] all tests to add fixtures for metadata/resolver map
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm onboard with this. Happy to have this as a separate PR if you want to merge that first.

- [ ] pluggable module resolution - too many variables there, use filepath by default, let users customize it
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In theory we only need this path in order to perform validation (is that right?). I wonder if there is a TypeScript API which will let us use the same (or most of) TypeScript's implementation of module resolution. I would need to avoid expecting the file to have a .js/.ts/.mjs/etc extension, but maybe something like that is exposed? I suspect that would be sufficient we could find something like that.

I did see this: https://github.com/microsoft/TypeScript/blob/6a00bd2422ffa46c13ac8ff81d7b4b1157e60ba7/src/server/project.ts#L484

Which could be a good place to start looking.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure any non-ts files are included in how the typescript resolves it. There is also the whole story of "lib" in package.json and stuff like this. Ultimately there is no "well-known" spot for the GraphQL files, so it feels like it all might just break weirdly. I will experiment on this ofc, but I feel that there might not be an easy solution.

- [ ] first try ts project resolution
- [ ] how to handle overimporting? Improting whole SDL module "infects" the schema with types that might not be requested.
- [ ] another check on error handling - I think eg enums and scalars accept stuff they shouldn't accept?
27 changes: 27 additions & 0 deletions src/Errors.ts
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@ import {
UNION_TAG,
CONTEXT_TAG,
INFO_TAG,
EXTERNAL_TAG,
AllTags,
DIRECTIVE_TAG,
EXTERNAL_TAG_VALID_TAGS,
} from "./Extractor";

export const ISSUE_URL = "https://github.com/captbaritone/grats/issues";
Expand Down Expand Up @@ -153,6 +156,10 @@ export function typeTagOnAliasOfNonObjectOrUnknown() {
return `Expected \`@${TYPE_TAG}\` type to be an object type literal (\`{ }\`) or \`unknown\`. For example: \`type Foo = { bar: string }\` or \`type Query = unknown\`.`;
}

export function nonExternalTypeAlias(tag: AllTags) {
return `Expected \`@${tag}\` to be a type alias only if used with \`@${EXTERNAL_TAG}\``;
}

// TODO: Add code action
export function typeNameNotDeclaration() {
return `Expected \`__typename\` to be a property declaration. For example: \`__typename: "MyType"\`.`;
Expand Down Expand Up @@ -638,3 +645,23 @@ export function directiveFunctionNotNamed() {
export function directiveArgumentNotObject() {
return "Expected first argument of a `@gqlDirective` function to be typed using an inline object literal.";
}

export function noModuleInGqlExternal() {
return `\`@${EXTERNAL_TAG}\` must include a module name in double quotes. For example: /** @gqlExternal "myModule" */`;
}

export function externalNotInResolverMapMode() {
return `Unexpected \`@${EXTERNAL_TAG}\` tag. \`@${EXTERNAL_TAG}\` is only supported when the \`EXPERIMENTAL__emitResolverMap\` Grats configuration option is enabled.`;
}

export function externalOnWrongNode(existingTag?: string) {
if (existingTag) {
return `Unexpected \`@${EXTERNAL_TAG}\` on type with \`@${existingTag}\`. \`@${EXTERNAL_TAG}\` can only be used with ${EXTERNAL_TAG_VALID_TAGS.map(
(tag) => `\`@${tag}\``,
).join(", ")}.`;
} else {
return `Unexpected \`@${EXTERNAL_TAG}\` without a Grats tag. \`@${EXTERNAL_TAG}\` must be used with ${EXTERNAL_TAG_VALID_TAGS.map(
(tag) => `\`@${tag}\``,
).join(", ")}.`;
}
}
172 changes: 143 additions & 29 deletions src/Extractor.ts
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,8 @@ import {
InputValueDefinitionNodeOrResolverArg,
ResolverArgument,
} from "./resolverSignature";
import path = require("path");
import { GratsConfig } from "./gratsConfig";
import { Parser } from "graphql/language/parser";

export const LIBRARY_IMPORT_NAME = "grats";
Expand All @@ -71,6 +73,8 @@ export const INFO_TAG = "gqlInfo";
export const IMPLEMENTS_TAG_DEPRECATED = "gqlImplements";
export const KILLS_PARENT_ON_EXCEPTION_TAG = "killsParentOnException";

export const EXTERNAL_TAG = "gqlExternal";

// All the tags that start with gql
export const ALL_TAGS = [
TYPE_TAG,
Expand All @@ -82,6 +86,17 @@ export const ALL_TAGS = [
INPUT_TAG,
DIRECTIVE_TAG,
ANNOTATE_TAG,
EXTERNAL_TAG,
] as const;
export type AllTags = (typeof ALL_TAGS)[number];

export const EXTERNAL_TAG_VALID_TAGS = [
TYPE_TAG,
INPUT_TAG,
INTERFACE_TAG,
UNION_TAG,
SCALAR_TAG,
ENUM_TAG,
];

const DEPRECATED_TAG = "deprecated";
Expand Down Expand Up @@ -120,8 +135,9 @@ type FieldTypeContext = {
*/
export function extract(
sourceFile: ts.SourceFile,
options: GratsConfig,
): DiagnosticsResult<ExtractionSnapshot> {
const extractor = new Extractor();
const extractor = new Extractor(options);
return extractor.extract(sourceFile);
}

Expand All @@ -139,7 +155,7 @@ class Extractor {
errors: ts.DiagnosticWithLocation[] = [];
gql: GraphQLConstructor;

constructor() {
constructor(private _options: GratsConfig) {
this.gql = new GraphQLConstructor();
}

Expand All @@ -151,8 +167,9 @@ class Extractor {
node: ts.DeclarationStatement,
name: NameNode,
kind: NameDefinition["kind"],
externalImportPath: string | null = null,
): void {
this.nameDefinitions.set(node, { name, kind });
this.nameDefinitions.set(node, { name, kind, externalImportPath });
}

// Traverse all nodes, checking each one for its JSDoc tags.
Expand Down Expand Up @@ -277,6 +294,26 @@ class Extractor {
],
});
break;
case EXTERNAL_TAG:
if (!this._options.EXPERIMENTAL__emitResolverMap) {
this.report(tag.tagName, E.externalNotInResolverMapMode());
} else if (
!EXTERNAL_TAG_VALID_TAGS.some((tag) => this.hasTag(node, tag))
) {
this.report(
tag.tagName,
E.externalOnWrongNode(
ts
.getJSDocTags(node)
.filter(
(t) =>
t.tagName.text !== EXTERNAL_TAG &&
ALL_TAGS.includes(t.tagName.text as AllTags),
)[0]?.tagName.text,
),
);
}
break;
default:
{
const lowerCaseTag = tag.tagName.text.toLowerCase();
Expand Down Expand Up @@ -557,6 +594,8 @@ class Extractor {
extractInterface(node: ts.Node, tag: ts.JSDocTag) {
if (ts.isInterfaceDeclaration(node)) {
this.interfaceInterfaceDeclaration(node, tag);
} else if (ts.isTypeAliasDeclaration(node)) {
this.interfaceTypeAliasDeclaration(node, tag);
} else {
this.report(tag, E.invalidInterfaceTagUsage());
}
Expand Down Expand Up @@ -648,6 +687,9 @@ class Extractor {
types.push(this.unionMemberDeclaration(member));
}
} else if (ts.isTypeReferenceNode(node.type)) {
if (this.hasTag(node, EXTERNAL_TAG)) {
return this.externalModule(node, name, "UNION");
}
types.push(this.unionMemberDeclaration(node.type));
} else {
return this.report(node, E.expectedUnionTypeNode());
Expand Down Expand Up @@ -1031,6 +1073,11 @@ class Extractor {
if (name == null) return null;

const description = this.collectDescription(node);

if (this.hasTag(node, EXTERNAL_TAG)) {
return this.externalModule(node, name, "SCALAR");
}

this.recordTypeName(node, name, "SCALAR");

// TODO: Can a scalar be deprecated?
Expand All @@ -1047,32 +1094,43 @@ class Extractor {
if (name == null) return null;

const description = this.collectDescription(node);
this.recordTypeName(node, name, "INPUT_OBJECT");

let fields: InputValueDefinitionNode[] | null = null;
if (
node.type.kind === ts.SyntaxKind.TypeReference &&
this.hasTag(node, EXTERNAL_TAG)
) {
return this.externalModule(node, name, "INPUT_OBJECT");
} else {
this.recordTypeName(node, name, "INPUT_OBJECT");
let fields: InputValueDefinitionNode[] | null = null;

const directives = this.collectDirectives(node);
if (ts.isUnionTypeNode(node.type)) {
directives.push(
this.gql.constDirective(node, this.gql.name(node.type, ONE_OF_TAG), []),
);
const directives = this.collectDirectives(node);
if (ts.isUnionTypeNode(node.type)) {
directives.push(
this.gql.constDirective(
node,
this.gql.name(node.type, ONE_OF_TAG),
[],
),
);

fields = this.extractOneOfInputFields(node.type);
} else {
fields = this.collectInputFields(node);
}
fields = this.extractOneOfInputFields(node.type);
} else {
fields = this.collectInputFields(node);
}

if (fields == null) return;
if (fields == null) return;

this.definitions.push(
this.gql.inputObjectTypeDefinition(
node,
name,
fields,
directives,
description,
),
);
this.definitions.push(
this.gql.inputObjectTypeDefinition(
node,
name,
fields,
directives,
description,
),
);
}
}

inputInterfaceDeclaration(node: ts.InterfaceDeclaration, tag: ts.JSDocTag) {
Expand Down Expand Up @@ -1334,6 +1392,11 @@ class Extractor {
// This is fine, we just don't know what it is. This should be the expected
// case for operation types such as `Query`, `Mutation`, and `Subscription`
// where there is not strong convention around.
} else if (
node.type.kind === ts.SyntaxKind.TypeReference &&
this.hasTag(node, EXTERNAL_TAG)
) {
return this.externalModule(node, name, "TYPE");
} else {
return this.report(node.type, E.typeTagOnAliasOfNonObjectOrUnknown());
}
Expand Down Expand Up @@ -1641,6 +1704,24 @@ class Extractor {
);
}

interfaceTypeAliasDeclaration(
node: ts.TypeAliasDeclaration,
tag: ts.JSDocTag,
) {
const name = this.entityName(node, tag);
if (name == null || name.value == null) {
return;
}

if (
node.type.kind === ts.SyntaxKind.TypeReference &&
this.hasTag(node, EXTERNAL_TAG)
) {
return this.externalModule(node, name, "INTERFACE");
}
return this.report(node.type, E.nonExternalTypeAlias(INTERFACE_TAG));
}

collectFields(
members: ReadonlyArray<ts.ClassElement | ts.TypeElement>,
): Array<FieldDefinitionNode> {
Expand Down Expand Up @@ -1934,7 +2015,7 @@ class Extractor {
);
}

enumEnumDeclaration(node: ts.EnumDeclaration, tag: ts.JSDocTag): void {
enumEnumDeclaration(node: ts.EnumDeclaration, tag: ts.JSDocTag) {
const name = this.entityName(node, tag);
if (name == null || name.value == null) {
return;
Expand All @@ -1952,15 +2033,16 @@ class Extractor {
);
}

enumTypeAliasDeclaration(
node: ts.TypeAliasDeclaration,
tag: ts.JSDocTag,
): void {
enumTypeAliasDeclaration(node: ts.TypeAliasDeclaration, tag: ts.JSDocTag) {
const name = this.entityName(node, tag);
if (name == null || name.value == null) {
return;
}

if (this.hasTag(node, EXTERNAL_TAG)) {
return this.externalModule(node, name, "ENUM");
}

const values = this.enumTypeAliasVariants(node);
if (values == null) return;

Expand Down Expand Up @@ -2131,6 +2213,38 @@ class Extractor {
return this.gql.name(id, id.text);
}

externalModule(
node: ts.DeclarationStatement,
name: NameNode,
kind: NameDefinition["kind"],
) {
const tag = this.findTag(node, EXTERNAL_TAG);
if (!tag) {
return this.report(node, E.noModuleInGqlExternal());
}

let externalModule;
if (tag.comment != null) {
const commentText = ts.getTextOfJSDocComment(tag.comment);
if (commentText) {
const match = commentText.match(/^\s*"(.*)"\s*$/);

if (match && match[1]) {
externalModule = match[1];
}
}
}
if (!externalModule) {
return this.report(node, E.noModuleInGqlExternal());
}
return this.recordTypeName(
node,
name,
kind,
path.resolve(path.dirname(node.getSourceFile().fileName), externalModule),
);
}

methodDeclaration(
node: ts.MethodDeclaration | ts.MethodSignature | ts.GetAccessorDeclaration,
): FieldDefinitionNode | null {
Expand Down
Loading