# プロジェクトをクローン
$ git clone git@github.com:aws-samples/aws-mobile-appsync-chat-starter-angular.git

# ディレクトリに入る
$ cd aws-mobile-appsync-chat-starter-angular

$ amplify init
Note: It is recommended to run this command from the root of your app directory

# プロジェクト名を指定（任意）
? Enter a name for the project chatql

# エディタを指定
? Choose your default editor:
  Sublime Text
  Visual Studio Code
  Atom Editor
  IDEA 14 CE
  Vim (via Terminal, Mac OS only)
  Emacs (via Terminal, Mac OS only)
❯ None

# 開発しているプラットフォームを指定
? Choose the type of app that you're building (Use arrow keys)
  android
  ios
❯ javascript

# 開発に使っているフレームワークを指定
? What javascript framework are you using (Use arrow keys)
❯ angular
  ember
  ionic
  react
  react-native
  vue
  none

# ソースコードのディレクトリを指定
? Source Directory Path:  (src)

# 配布用アプリケーションが生成されるディレクトリを指定
? Distribution Directory Path: (dist)

# ビルドコマンドを指定
? Build Command:  (npm run-script build)

# 開発用サーバー起動コマンドを指定
? Start Command: (ng serve)

# AWSへのアクセスにプロファイルを使うか指定（今回は使う）
? Do you want to use an AWS profile? (Y/n) Y

# 使用するプロファイルを選択（~/.awsにある設定がリストアップされるので選択肢は各環境による）
? Please choose the profile you want to use
  profile01
  profile02
❯ amplify

# CloudFormationが動き出してバックエンドの構築が始まる
⠋ Initializing project in the cloud...

$ npm install

$ amplify add auth

Using service: Cognito, provided by: awscloudformation
 The current configured provider is Amazon Cognito.

# デフォルトの設定を利用するか指定する
 Do you want to use the default authentication and security configuration? (Use arrow keys)
❯ Yes, use the default configuration.
  No, I will set up my own configuration.
  I want to learn more.

$ amplify add analytics

Using service: Pinpoint, provided by: awscloudformation

# Pinpointのプロジェクトを作成する
? Provide your pinpoint resource name: (chatql)

# 未認証のユーザーからのイベントを収集するか指定する
Adding analytics would add the Auth category to the project if not already added.
? Apps need authorization to send analytics events. Do you want to allow guests and unauthenticated users to send anal
ytics events? (we recommend you allow this when getting started) (Y/n)

$ amplify status
| Category  | Resource name   | Operation | Provider plugin   |
| --------- | --------------- | --------- | ----------------- |
| Auth      | cognito991b2f41 | Create    | awscloudformation |
| Analytics | chatql          | Create    | awscloudformation |

$ amplify push
| Category  | Resource name   | Operation | Provider plugin   |
| --------- | --------------- | --------- | ----------------- |
| Auth      | cognito991b2f41 | Create    | awscloudformation |
| Analytics | chatql          | Create    | awscloudformation |
? Are you sure you want to continue? (Y/n)

# ユーザープールID・リージョン・プロファイルは各自の環境に合わせる
$ aws cloudformation create-stack --stack-name ChatQL --template-body file://backend/deploy-cfn.yml --parameters ParameterKey=userPoolId,ParameterValue=<CognitoユーザープールID> --capabilities CAPABILITY_IAM --region <リージョン> --profile <プロファイル名>

# リージョン・プロファイルは各自の環境に合わせる
$ aws cloudformation describe-stacks --stack-name ChatQL --query Stacks[0].Outputs --region <リージョン> --profile <プロファイル名>

[
    {
        "Description": "The Endpoint URL of your GraphQL API.",
        "OutputKey": "ChatQLApiUrl",
        "OutputValue": "https://XXXXXXXX.appsync-api.ap-northeast-1.amazonaws.com/graphql"
    },
    {
        "Description": "Unique AWS AppSync GraphQL API Identifier",
        "OutputKey": "ChatQLApiId",
        "OutputValue": "XXXXXXXXXX" // ←これを控える
    }
]

# APIのIDは一つ前の手順で控えた文字列
$ amplify add codegen --apiId <APIのID>

✔ Getting API details
Successfully added API ChatQL to your Amplify project

# 生成するコードの対象となるプラットフォームを指定する
? Choose the code generation language target (Use arrow keys)
❯ angular
  typescript

# GraphQLのクエリファイルを配置するパスを指定する
? Enter the file name pattern of graphql queries, mutations and subscriptions (src/graphql/**/*.graphql)

# GraphQLのコードを一通り生成するか指定する
? Do you want to generate/update all possible GraphQL operations - queries, mutations and subscriptions (Y/n)

# Angular向けのサービスの配置場所を指定する
? Enter the file name for the generated code src/app/API.service.ts

# 詳細不明
? Do you want to generate code for your newly created GraphQL API (Y/n)

$ ng serve

type Conversation {
	#  The Conversation's timestamp.
	createdAt: String
	#  A unique identifier for the Conversation.
	id: ID!
	#  The Conversation's messages.
	messages(after: String, first: Int): MessageConnection
	#  The Conversation's name.
	name: String!
}

type Message {
	#  The author object. Note: `authorId` is only available because we list it in `extraAttributes` in `Conversation.messages`
	author: User
	#  The message content.
	content: String!
	#  The id of the Conversation this message belongs to. This is the table primary key.
	conversationId: ID!
	#  The message timestamp. This is also the table sort key.
	createdAt: String
	#  Generated id for a message -- read-only
	id: ID!
	#  Flag denoting if this message has been accepted by the server or not.
	isSent: Boolean
	recipient: User
	sender: String
}

type MessageConnection {
	messages: [Message]
	nextToken: String
}

type Mutation {
	#  Create a Conversation. Use some of the cooked in template functions for UUID and DateTime.
	createConversation(createdAt: String, id: ID!, name: String!): Conversation
	#  Create a message in a Conversation.
	createMessage(
		content: String,
		conversationId: ID!,
		createdAt: String!,
		id: ID!
	): Message
	#  Put a single value of type 'User'. If an item does not exist with the same key the item will be created. If there exists an item at that key already, it will be updated.
	createUser(username: String!): User
	#  Put a single value of type 'UserConversations'. If an item does not exist with the same key the item will be created. If there exists an item at that key already, it will be updated.
	createUserConversations(conversationId: ID!, userId: ID!): UserConversations
}

type Query {
	#  Scan through all values of type 'Message'. Use the 'after' and 'before' arguments with the 'nextToken' returned by the 'MessageConnection' result to fetch pages.
	allMessage(after: String, conversationId: ID!, first: Int): [Message]
	#  Scan through all values of type 'MessageConnection'. Use the 'after' and 'before' arguments with the 'nextToken' returned by the 'MessageConnectionConnection' result to fetch pages.
	allMessageConnection(after: String, conversationId: ID!, first: Int): MessageConnection
	allMessageFrom(
		after: String,
		conversationId: ID!,
		first: Int,
		sender: String!
	): [Message]
	#  Scan through all values of type 'User'. Use the 'after' and 'before' arguments with the 'nextToken' returned by the 'UserConnection' result to fetch pages.
	allUser(after: String, first: Int): [User]
	#  Get my user.
	me: User
}

type Subscription {
	#  Subscribes to all new messages in a given Conversation.
	subscribeToNewMessage(conversationId: ID!): Message
		@aws_subscribe(mutations: ["createMessage"])
	subscribeToNewUCs(userId: ID!): UserConversations
		@aws_subscribe(mutations: ["createUserConversations"])
	subscribeToNewUsers: User
		@aws_subscribe(mutations: ["createUser"])
}

type User {
	#  A unique identifier for the user.
	cognitoId: ID!
	#  A user's enrolled Conversations. This is an interesting case. This is an interesting pagination case.
	conversations(after: String, first: Int): UserConverstationsConnection
	#  Generated id for a user. read-only
	id: ID!
	#  Get a users messages by querying a GSI on the Messages table.
	messages(after: String, first: Int): MessageConnection
	#  The username
	username: String!
	# is the user registered?
	registered: Boolean
}

type UserConversations {
	associated: [UserConversations]
	conversation: Conversation
	conversationId: ID!
	user: User
	userId: ID!
}

type UserConverstationsConnection {
	nextToken: String
	userConversations: [UserConversations]
}

schema {
	query: Query
	mutation: Mutation
	subscription: Subscription
}