asas

Author: matystl

demo/IntrospectionModal.tsx

@@ -26,7 +26,222 @@ const tabNames = [Presets, SDL, Introspection];
 const initialConfig = {
   inputType: Presets,
   activePreset: defaultPresetName,
-  sdlText: null,
+  sdlText: `
+    interface IFoo {
+      name: String
+    }
+    type Foo implements IFoo {
+      name: String
+    }
+    type Bar {
+      name: String
+    }
+    union FooAndBar = Foo | Bar
+
+    # same types
+    interface I0 {
+      name: Foo
+    }
+    type Example0_hide implements I0 {
+      name: Foo
+    }
+
+    # possible type of interface
+    interface I1 {
+      name: IFoo
+    }
+    type Example11_hide implements I1 {
+      name: IFoo
+    }
+    type Example12 implements I1 {
+      name: Foo
+    }
+
+    # possible type of union
+    interface I2 {
+      name: FooAndBar
+    }
+    type Example21_hide implements I2 {
+      name: FooAndBar
+    }
+    type Example22 implements I2 {
+      name: Foo
+    }
+    type Example23 implements I2 {
+      name: Bar
+    }
+
+    # list subtyping
+    interface I3 {
+      name: [IFoo]
+    }
+    type Example31_hide implements I3 {
+      name: [IFoo]
+    }
+    type Example32 implements I3 {
+      name: [Foo]
+    }
+
+    # !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+    # stricker nullability
+    # !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+
+    # same types
+    interface I4 {
+      name: Foo
+    }
+    type Example4 implements I4 {
+      name: Foo!
+    }
+
+    # possible type of interface
+    interface I5 {
+      name: IFoo
+    }
+    type Example51 implements I5 {
+      name: IFoo!
+    }
+    type Example52 implements I5 {
+      name: Foo!
+    }
+
+    # same union
+    interface I6 {
+      name: FooAndBar
+    }
+    type Example6 implements I6 {
+      name: FooAndBar!
+    }
+
+    # possible type of union
+    interface I7 {
+      name: FooAndBar
+    }
+    type Example71 implements I7 {
+      name: Foo!
+    }
+    type Example72 implements I7 {
+      name: Bar!
+    }
+
+    # list subtyping
+    interface I8 {
+      name: [IFoo]
+    }
+    type Example81 implements I8 {
+      name: [IFoo!]
+    }
+    type Example82 implements I8 {
+      name: [Foo!]
+    }
+    type Example83 implements I8 {
+      name: [IFoo]!
+    }
+    type Example84 implements I8 {
+      name: [Foo]!
+    }
+    type Example85 implements I8 {
+      name: [IFoo!]!
+    }
+    type Example86 implements I8 {
+      name: [Foo!]!
+    }
+
+    # list subtyping 2
+    interface I9 {
+      name: [IFoo!]
+    }
+    type Example91_hide implements I9 {
+      name: [IFoo!]
+    }
+    type Example92 implements I9 {
+      name: [Foo!]
+    }
+    type Example93 implements I9 {
+      name: [IFoo!]!
+    }
+    type Example94 implements I9 {
+      name: [Foo!]!
+    }
+
+    # list subtyping 3
+    interface I10 {
+      name: [IFoo]!
+    }
+    type Example101_hide implements I10 {
+      name: [IFoo]!
+    }
+    type Example102 implements I10 {
+      name: [Foo]!
+    }
+    type Example103 implements I10 {
+      name: [IFoo!]!
+    }
+    type Example104 implements I10 {
+      name: [Foo!]!
+    }
+
+    # argument list
+    interface I11 {
+      name(some: String): Foo
+    }
+    type Example111_hide implements I11 {
+      name(some: String): Foo
+    }
+    type Example112 implements I11 {
+      name(some: String, aditionalArg:String): Foo
+    }
+    
+
+    
+
+    union Result =
+        Example0_hide
+      | Example11_hide
+      | Example12
+      | Example21_hide
+      | Example22
+      | Example23
+      | Example31_hide
+      | Example32
+      | Example4
+      | Example51
+      | Example52
+      | Example6
+      | Example71
+      | Example72
+      | Example81
+      | Example82
+      | Example83
+      | Example84
+      | Example85
+      | Example86
+      | Example91_hide
+      | Example92
+      | Example93
+      | Example94
+      | Example101_hide
+      | Example102
+      | Example103
+      | Example104
+      | Example111_hide
+      | Example112
+      
+    type Query {
+      getFoo: Result
+      getFooBar: FooAndBar
+      # Get one todo item
+    }
+
+    type Mutation {
+      addTodo(name: String!): String!
+    }
+
+    schema {
+      query: Query
+      mutation: Mutation
+    }
+  `,
   jsonText: null,
 };
 
@@ -60,7 +275,7 @@ export class IntrospectionModal extends React.Component<IntrospectionModalProps>
   }
 
   handleCancel = () => {
-    this.setState({ current: { ...this.state.submitted } })
+    this.setState({ current: { ...this.state.submitted } });
     this.props.onClose();
   };
 
@@ -79,25 +294,25 @@ export class IntrospectionModal extends React.Component<IntrospectionModalProps>
         break;
     }
 
-    this.setState({ submitted: { ...this.state.current } })
+    this.setState({ submitted: { ...this.state.current } });
     this.props.onClose();
   };
 
-  handlePresetChange = (activePreset) => {
+  handlePresetChange = activePreset => {
     this.changeCurrent({ activePreset });
-  }
+  };
 
-  handleSDLChange = (event) => {
+  handleSDLChange = event => {
     let sdlText = event.target.value;
     if (sdlText === '') sdlText = null;
     this.changeCurrent({ sdlText });
-  }
+  };
 
-  handleJSONChange = (event) => {
+  handleJSONChange = event => {
     let jsonText = event.target.value;
     if (jsonText === '') jsonText = null;
     this.changeCurrent({ jsonText });
-  }
+  };
 
   public render() {
     const { open } = this.props;
@@ -126,7 +341,12 @@ export class IntrospectionModal extends React.Component<IntrospectionModalProps>
             <Button variant="contained" onClick={this.handleCancel}>
               Cancel
             </Button>
-            <Button variant="contained" color="primary"  style={{color: 'white'}} onClick={this.handleSubmit}>
+            <Button
+              variant="contained"
+              color="primary"
+              style={{ color: 'white' }}
+              onClick={this.handleSubmit}
+            >
               Display
             </Button>
           </div>

src/graph/dot.ts

@@ -81,7 +81,12 @@ export function getDot(typeGraph, displayOptions): string {
     `;
   }
 
-  function canDisplayRow(type) {
+  function canDisplayRow(field) {
+    //console.log('canDisplayRow', field);
+    const type = field.type;
+    if (field.isHidden) {
+      return !displayOptions.skipInterfaceFields;
+    }
     if (type.kind === 'SCALAR' || type.kind === 'ENUM') {
       return displayOptions.showLeafFields;
     }
@@ -92,7 +97,7 @@ export function getDot(typeGraph, displayOptions): string {
     const relayIcon = field.relayType ? TEXT('{R}') : '';
     const deprecatedIcon = field.isDeprecated ? TEXT('{D}') : '';
     const parts = stringifyWrappers(field.typeWrappers).map(TEXT);
-    return canDisplayRow(field.type)
+    return canDisplayRow(field)
       ? `
       <TR>
         <TD ${HtmlId(field.id)} ALIGN="LEFT" PORT="${field.name}">

src/introspection/introspection.ts

@@ -138,7 +138,7 @@ function markRelayTypes(schema: SimplifiedIntrospectionWithIds): void {
         return;
       }
 
-      const edgesType = connectionType.fields.edges.type
+      const edgesType = connectionType.fields.edges.type;
       if (edgesType.kind !== 'OBJECT' || !edgesType.fields.node) {
         return;
       }

src/introspection/types.ts

@@ -16,6 +16,7 @@ export type SimplifiedField<T> = {
   description: string;
   typeWrappers: ('NON_NULL' | 'LIST')[];
   isDeprecated: boolean;
+  isHidden?: boolean;
   deprecationReason?: string;
   args: {
     [name: string]: SimplifiedArg;