.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2
 jobs:
   build:
     docker:
-      - image: circleci/node:12.7.0
+      - image: circleci/node:12.8.0
     steps:
       - checkout
       - restore_cache:

dev-test/codegen.yml

@@ -1,4 +1,7 @@
 overwrite: true
+hooks:
+  afterAllFileWrite:
+    - prettier --write
 generates:
   ./dev-test/test-schema/resolvers-types.ts:
     schema: ./dev-test/test-schema/schema-text.js

dev-test/githunt/comment-added.subscription.graphql

@@ -9,3 +9,4 @@ subscription onCommentAdded($repoFullName: String!){
     content
   }
 }
+

dev-test/githunt/comment-added.subscription.stencil-component.tsx

@@ -5,38 +5,36 @@ import gql from 'graphql-tag';
 import 'stencil-apollo';
 import { Component, Prop, h } from '@stencil/core';
 
-    declare global { 
-      export type OnCommentAddedSubscriptionVariables = {
-  repoFullName: Types.Scalars['String']
-};
+declare global {
+  export type OnCommentAddedSubscriptionVariables = {
+    repoFullName: Types.Scalars['String'];
+  };
 
+  export type OnCommentAddedSubscription = { __typename?: 'Subscription' } & {
+    commentAdded: Types.Maybe<{ __typename?: 'Comment' } & Pick<Types.Comment, 'id' | 'createdAt' | 'content'> & { postedBy: { __typename?: 'User' } & Pick<Types.User, 'login' | 'html_url'> }>;
+  };
+}
 
-export type OnCommentAddedSubscription = ({ __typename?: 'Subscription' } & { commentAdded: Types.Maybe<({ __typename?: 'Comment' } & Pick<Types.Comment, 'id' | 'createdAt' | 'content'> & { postedBy: ({ __typename?: 'User' } & Pick<Types.User, 'login' | 'html_url'>) })> });
-
-    }
-
-
- const OnCommentAddedDocument = gql`
-    subscription onCommentAdded($repoFullName: String!) {
-  commentAdded(repoFullName: $repoFullName) {
-    id
-    postedBy {
-      login
-      html_url
+const OnCommentAddedDocument = gql`
+  subscription onCommentAdded($repoFullName: String!) {
+    commentAdded(repoFullName: $repoFullName) {
+      id
+      postedBy {
+        login
+        html_url
+      }
+      createdAt
+      content
     }
-    createdAt
-    content
   }
-}
-    `;
+`;
 
 @Component({
-    tag: 'apollo-on-comment-added'
+  tag: 'apollo-on-comment-added',
 })
 export class OnCommentAddedComponent {
-    @Prop() renderer: import('stencil-apollo').SubscriptionRenderer<OnCommentAddedSubscription, OnCommentAddedSubscriptionVariables>;
-    render() {
-        return <apollo-subscription subscription={ OnCommentAddedDocument } renderer={ this.renderer } />;
-    }
+  @Prop() renderer: import('stencil-apollo').SubscriptionRenderer<OnCommentAddedSubscription, OnCommentAddedSubscriptionVariables>;
+  render() {
+    return <apollo-subscription subscription={OnCommentAddedDocument} renderer={this.renderer} />;
+  }
 }
-

dev-test/githunt/comment.query.stencil-component.tsx

@@ -6,56 +6,62 @@ import { CommentsPageCommentFragmentDoc } from './comments-page-comment.fragment
 import 'stencil-apollo';
 import { Component, Prop, h } from '@stencil/core';
 
-    declare global { 
-      export type CommentQueryVariables = {
-  repoFullName: Types.Scalars['String'],
-  limit?: Types.Maybe<Types.Scalars['Int']>,
-  offset?: Types.Maybe<Types.Scalars['Int']>
-};
+declare global {
+  export type CommentQueryVariables = {
+    repoFullName: Types.Scalars['String'];
+    limit?: Types.Maybe<Types.Scalars['Int']>;
+    offset?: Types.Maybe<Types.Scalars['Int']>;
+  };
 
+  export type CommentQuery = { __typename?: 'Query' } & {
+    currentUser: Types.Maybe<{ __typename?: 'User' } & Pick<Types.User, 'login' | 'html_url'>>;
+    entry: Types.Maybe<
+      { __typename?: 'Entry' } & Pick<Types.Entry, 'id' | 'createdAt' | 'commentCount'> & {
+          postedBy: { __typename?: 'User' } & Pick<Types.User, 'login' | 'html_url'>;
+          comments: Array<Types.Maybe<{ __typename?: 'Comment' } & CommentsPageCommentFragment>>;
+          repository: { __typename?: 'Repository' } & Pick<Types.Repository, 'description' | 'open_issues_count' | 'stargazers_count' | 'full_name' | 'html_url'>;
+        }
+    >;
+  };
+}
 
-export type CommentQuery = ({ __typename?: 'Query' } & { currentUser: Types.Maybe<({ __typename?: 'User' } & Pick<Types.User, 'login' | 'html_url'>)>, entry: Types.Maybe<({ __typename?: 'Entry' } & Pick<Types.Entry, 'id' | 'createdAt' | 'commentCount'> & { postedBy: ({ __typename?: 'User' } & Pick<Types.User, 'login' | 'html_url'>), comments: Array<Types.Maybe<({ __typename?: 'Comment' } & CommentsPageCommentFragment)>>, repository: ({ __typename?: 'Repository' } & Pick<Types.Repository, 'full_name' | 'html_url'> & ({ __typename?: 'Repository' } & Pick<Types.Repository, 'description' | 'open_issues_count' | 'stargazers_count'>)) })> });
-
-    }
-
-
- const CommentDocument = gql`
-    query Comment($repoFullName: String!, $limit: Int, $offset: Int) {
-  currentUser {
-    login
-    html_url
-  }
-  entry(repoFullName: $repoFullName) {
-    id
-    postedBy {
+const CommentDocument = gql`
+  query Comment($repoFullName: String!, $limit: Int, $offset: Int) {
+    currentUser {
       login
       html_url
     }
-    createdAt
-    comments(limit: $limit, offset: $offset) {
-      ...CommentsPageComment
-    }
-    commentCount
-    repository {
-      full_name
-      html_url
-      ... on Repository {
-        description
-        open_issues_count
-        stargazers_count
+    entry(repoFullName: $repoFullName) {
+      id
+      postedBy {
+        login
+        html_url
+      }
+      createdAt
+      comments(limit: $limit, offset: $offset) {
+        ...CommentsPageComment
+      }
+      commentCount
+      repository {
+        full_name
+        html_url
+        ... on Repository {
+          description
+          open_issues_count
+          stargazers_count
+        }
       }
     }
   }
-}
-    ${CommentsPageCommentFragmentDoc}`;
+  ${CommentsPageCommentFragmentDoc}
+`;
 
 @Component({
-    tag: 'apollo-comment'
+  tag: 'apollo-comment',
 })
 export class CommentComponent {
-    @Prop() renderer: import('stencil-apollo').QueryRenderer<CommentQuery, CommentQueryVariables>;
-    render() {
-        return <apollo-query query={ CommentDocument } renderer={ this.renderer } />;
-    }
+  @Prop() renderer: import('stencil-apollo').QueryRenderer<CommentQuery, CommentQueryVariables>;
+  render() {
+    return <apollo-query query={CommentDocument} renderer={this.renderer} />;
+  }
 }
-

dev-test/githunt/comments-page-comment.fragment.stencil-component.tsx

@@ -3,19 +3,18 @@ import * as Types from './types.d';
 
 import gql from 'graphql-tag';
 
-    declare global { 
-      export type CommentsPageCommentFragment = ({ __typename?: 'Comment' } & Pick<Types.Comment, 'id' | 'createdAt' | 'content'> & { postedBy: ({ __typename?: 'User' } & Pick<Types.User, 'login' | 'html_url'>) });
-
-    }
-
+declare global {
+  export type CommentsPageCommentFragment = { __typename?: 'Comment' } & Pick<Types.Comment, 'id' | 'createdAt' | 'content'> & { postedBy: { __typename?: 'User' } & Pick<Types.User, 'login' | 'html_url'> };
+}
+
 export const CommentsPageCommentFragmentDoc = gql`
-    fragment CommentsPageComment on Comment {
-  id
-  postedBy {
-    login
-    html_url
+  fragment CommentsPageComment on Comment {
+    id
+    postedBy {
+      login
+      html_url
+    }
+    createdAt
+    content
   }
-  createdAt
-  content
-}
-    `;
+`;

dev-test/githunt/current-user.query.stencil-component.tsx

@@ -5,31 +5,27 @@ import gql from 'graphql-tag';
 import 'stencil-apollo';
 import { Component, Prop, h } from '@stencil/core';
 
-    declare global { 
-      export type CurrentUserForProfileQueryVariables = {};
+declare global {
+  export type CurrentUserForProfileQueryVariables = {};
 
+  export type CurrentUserForProfileQuery = { __typename?: 'Query' } & { currentUser: Types.Maybe<{ __typename?: 'User' } & Pick<Types.User, 'login' | 'avatar_url'>> };
+}
 
-export type CurrentUserForProfileQuery = ({ __typename?: 'Query' } & { currentUser: Types.Maybe<({ __typename?: 'User' } & Pick<Types.User, 'login' | 'avatar_url'>)> });
-
+const CurrentUserForProfileDocument = gql`
+  query CurrentUserForProfile {
+    currentUser {
+      login
+      avatar_url
     }
-
-
- const CurrentUserForProfileDocument = gql`
-    query CurrentUserForProfile {
-  currentUser {
-    login
-    avatar_url
   }
-}
-    `;
+`;
 
 @Component({
-    tag: 'apollo-current-user-for-profile'
+  tag: 'apollo-current-user-for-profile',
 })
 export class CurrentUserForProfileComponent {
-    @Prop() renderer: import('stencil-apollo').QueryRenderer<CurrentUserForProfileQuery, CurrentUserForProfileQueryVariables>;
-    render() {
-        return <apollo-query query={ CurrentUserForProfileDocument } renderer={ this.renderer } />;
-    }
+  @Prop() renderer: import('stencil-apollo').QueryRenderer<CurrentUserForProfileQuery, CurrentUserForProfileQueryVariables>;
+  render() {
+    return <apollo-query query={CurrentUserForProfileDocument} renderer={this.renderer} />;
+  }
 }
-

dev-test/githunt/feed-entry.fragment.stencil-component.tsx

@@ -5,24 +5,28 @@ import gql from 'graphql-tag';
 import { VoteButtonsFragmentDoc } from './vote-buttons.fragment.stencil-component';
 import { RepoInfoFragmentDoc } from './repo-info.fragment.stencil-component';
 
-    declare global { 
-      export type FeedEntryFragment = ({ __typename?: 'Entry' } & Pick<Types.Entry, 'id' | 'commentCount'> & { repository: ({ __typename?: 'Repository' } & Pick<Types.Repository, 'full_name' | 'html_url'> & { owner: Types.Maybe<({ __typename?: 'User' } & Pick<Types.User, 'avatar_url'>)> }) } & (VoteButtonsFragment & RepoInfoFragment));
-
-    }
-
+declare global {
+  export type FeedEntryFragment = ({ __typename?: 'Entry' } & Pick<Types.Entry, 'id' | 'commentCount'> & {
+      repository: { __typename?: 'Repository' } & Pick<Types.Repository, 'full_name' | 'html_url'> & { owner: Types.Maybe<{ __typename?: 'User' } & Pick<Types.User, 'avatar_url'>> };
+    }) &
+    VoteButtonsFragment &
+    RepoInfoFragment;
+}
+
 export const FeedEntryFragmentDoc = gql`
-    fragment FeedEntry on Entry {
-  id
-  commentCount
-  repository {
-    full_name
-    html_url
-    owner {
-      avatar_url
+  fragment FeedEntry on Entry {
+    id
+    commentCount
+    repository {
+      full_name
+      html_url
+      owner {
+        avatar_url
+      }
     }
+    ...VoteButtons
+    ...RepoInfo
   }
-  ...VoteButtons
-  ...RepoInfo
-}
-    ${VoteButtonsFragmentDoc}
-${RepoInfoFragmentDoc}`;
+  ${VoteButtonsFragmentDoc}
+  ${RepoInfoFragmentDoc}
+`;

dev-test/githunt/feed.query.stencil-component.tsx

@@ -6,37 +6,34 @@ import { FeedEntryFragmentDoc } from './feed-entry.fragment.stencil-component';
 import 'stencil-apollo';
 import { Component, Prop, h } from '@stencil/core';
 
-    declare global { 
-      export type FeedQueryVariables = {
-  type: Types.FeedType,
-  offset?: Types.Maybe<Types.Scalars['Int']>,
-  limit?: Types.Maybe<Types.Scalars['Int']>
-};
+declare global {
+  export type FeedQueryVariables = {
+    type: Types.FeedType;
+    offset?: Types.Maybe<Types.Scalars['Int']>;
+    limit?: Types.Maybe<Types.Scalars['Int']>;
+  };
 
+  export type FeedQuery = { __typename?: 'Query' } & { currentUser: Types.Maybe<{ __typename?: 'User' } & Pick<Types.User, 'login'>>; feed: Types.Maybe<Array<Types.Maybe<{ __typename?: 'Entry' } & FeedEntryFragment>>> };
+}
 
-export type FeedQuery = ({ __typename?: 'Query' } & { currentUser: Types.Maybe<({ __typename?: 'User' } & Pick<Types.User, 'login'>)>, feed: Types.Maybe<Array<Types.Maybe<({ __typename?: 'Entry' } & FeedEntryFragment)>>> });
-
+const FeedDocument = gql`
+  query Feed($type: FeedType!, $offset: Int, $limit: Int) {
+    currentUser {
+      login
+    }
+    feed(type: $type, offset: $offset, limit: $limit) {
+      ...FeedEntry
     }
-
-
- const FeedDocument = gql`
-    query Feed($type: FeedType!, $offset: Int, $limit: Int) {
-  currentUser {
-    login
-  }
-  feed(type: $type, offset: $offset, limit: $limit) {
-    ...FeedEntry
   }
-}
-    ${FeedEntryFragmentDoc}`;
+  ${FeedEntryFragmentDoc}
+`;
 
 @Component({
-    tag: 'apollo-feed'
+  tag: 'apollo-feed',
 })
 export class FeedComponent {
-    @Prop() renderer: import('stencil-apollo').QueryRenderer<FeedQuery, FeedQueryVariables>;
-    render() {
-        return <apollo-query query={ FeedDocument } renderer={ this.renderer } />;
-    }
+  @Prop() renderer: import('stencil-apollo').QueryRenderer<FeedQuery, FeedQueryVariables>;
+  render() {
+    return <apollo-query query={FeedDocument} renderer={this.renderer} />;
+  }
 }
-