fluxのexampleのコードにあったJavaScriptの見慣れない書き方の意味を教えてください

GitHubのfacebook/fluxのexampleに以下のようなコードがありました。JavaScriptでは、なかなか見かけない書き方だと思うんですが、どんな意味なのか教えていただきたいです。調べても手がかりすらなくモヤモヤしています。

特に以下の部分が不明です。
・type Actionの部分（特にtypeは何なのか？）
・|（パイプ）でオブジェクトを繋げている部分

https://github.com/facebook/flux/blob/master/examples/flux-utils-todomvc/js/flux-infra/TodoActions.js

javascript
1'use strict';
2
3export type Action =
4  {
5    type: 'todo/complete',
6    id: string,
7  } |
8  {
9    type: 'todo/create',
10    text: string,
11  } |
12  {
13    type: 'todo/destroy',
14    id: string,
15  } |
16  {
17    type: 'todo/destroy-completed',
18  } |
19  {
20    type: 'todo/toggle-complete-all',
21  } |
22  {
23    type: 'todo/undo-complete',
24    id: string,
25  } |
26  {
27    type: 'todo/update-text',
28    id: string,
29    text: string,
30  };