import Vue from 'vue'
import appsyncProvider from './appsync/client'

new Vue({
  provide: appsyncProvider.provide(),
  render: h => h(App)
}).$mount('#app')

import Vue from 'vue'
import AWSAppSyncClient from "aws-appsync"
import VueApollo from 'vue-apollo'
import appSyncConfig from './config'

Vue.use(VueApollo)

export default new VueApollo({
  defaultClient: client
})

const client = new AWSAppSyncClient({
  url: appSyncConfig.graphqlEndpoint,
  region: appSyncConfig.region,
  auth: {
    type: appSyncConfig.authenticationType,
  }
},{
  defaultOptions: {
    watchQuery: {
      fetchPolicy: 'network-only',
    }
  }
})

schema {
  query: Query
  mutation: Mutation
}
type Query {
  getQuestion(id: ID!): Question
  listQuestions: QuestionConnection
}
type Question {
  id: ID!
  body: String!
  user: User
  votes: [Vote!]
  createdAt: AWSDateTime
}

export const ListQuestions = gql`
query listQuestions {
  questions: listQuestions {
    items {
      id
      body
      createdAt
    }
  }
}`

<QuestionList :questions="questions.items"/>

import { ListQuestions } from './appsync/graphql'

export default {
  name: 'app',
  apollo: {
    questions: {
      query: () => ListQuestions, 
    }
  },
}

schema {
  query: Query
  mutation: Mutation
}
type Mutation {
  createQuestion(body: String!): Question
}

export const AddQuestion = gql`
  mutation addQuestion($body: String!) {
    createQuestion(input: {
      body: $body,
    }) {
      id
      body
      createdAt
    }
  }
`

const question = { body: this.text };
this.$apollo.mutate({
  mutation: AddQuestion,
  variables: question,
  update: (store, { data: { createQuestion } }) => {
    const data = store.readQuery({ query: ListQuestions })
    data.questions.items.push(createQuestion)
    store.writeQuery({ query: ListQuestions, data })
  }
})
.then(() => {})
.catch(error => {})   

export const AddVote = gql`
  mutation addVote($question: ID!) {
    createVote(input: {
      question: $question,
    }) {
      id
      questionId
    }
  }
`

import auth0 from 'auth0-js'
export default class AuthService {
  auth0 = new auth0.WebAuth({
    domain: 'AUTH0_DOMAIN',
    clientID: 'AUTH0_CLIENT_ID',
    responseType: 'token id_token',
    scope: 'openid',
  })
  login() {}
  handleAuthentication() {}
  setSession(authResult) {}
  logout() {}
  isAuthenticated() {}
}

import AuthService from './auth0/AuthService';
const auth = new AuthService();
const { login, logout, authenticated, authNotifier } = auth

export default {
  data () {
    authNotifier.on('authChange', authState => {
      this.authenticated = authState.authenticated
    })
    return { auth, authenticated }
  },
  methods: { login, logout }
}