chore: add chat-ts-sdk

.gitignore

@@ -0,0 +1,12 @@
+# Node files
+node_modules
+
+# OS junk files
+.DS_Store
+
+# Project specific stuff
+.cache-loader
+@coverage
+*.log
+dist
+build

README.md

@@ -0,0 +1,5 @@
+# chat-ts-sdk
+
+# About
+
+- [环信 IM SDK](http://docs-im.easemob.com/im/web/basics/message)

docs/message.md

@@ -0,0 +1,786 @@
+**1. 初始化会话**
+
+- 请求地址：**/v1/session/start**
+- 输入参数：
+```
+{
+    "device": "pc",// 客户端设备信息：pc、pad、mobile、web等
+    "os": "linux", // 客户端运行的操作系统
+    "os_version": "3.6", // 操作系统版本
+    "app": "go-client", // 客户端运行的app
+    "app_version": "1.0", // // 客户端运行的app版本
+    "tag":{} // 用于发送自定义标记
+}
+```
+
+- 请求成功：
+```
+{
+    "value":"5a9fca2a2b93417e5c0378b6" // 会话ID
+}
+```
+
+**2. 把用户ID和session绑定在一起：通过用户名和密码登陆**
+- 请求地址：**/v1/session/bind/uid**
+- 输入参数：
+```
+{
+    "id":"217" // http登陆接口返回的用户id
+    "password": // http登陆接口返回的password
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**3. 通过token登陆聊天服务**
+- 请求地址：**/v1/session/bind/uid/by/token**
+- 输入参数：
+```
+{
+    "token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoyMTcsInBsYXRmb3JtIjoiaW9zIn0.JLx_CFhFIdpEnUBJUxjB0BQ-H3PAeeFm-fd1jG0Dun8" // http登陆接口返回的token
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**4. 解除用户id和session的绑定即注销登录聊天服务**
+- 请求地址：**/v1/session/unbind/uid**
+- 输入参数：
+```
+返回内容为空
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**5. 修改在线状态**
+- 请求地址：**/v1/session/status**
+- 输入参数：
+```
+{
+    "status":"on" // on:在线 off:离线 busy:忙碌
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**6. 获取当前登陆用户的设备信息**
+- 请求地址：**/v1/session/lists**
+- 输入参数：
+```
+参数为空
+```
+
+- 请求成功：
+```
+[{
+		"token": "5a9fd1772b93417e5c0378b8",
+		"device": "pc",
+		"os": "linux",
+		"os_version": "3.6",
+		"app": "go-client",
+		"app_version": "1.0",
+		"push_token": "c62c66585e1ba998326c0bfd2cccc6aa"
+	},
+	{
+		"token": "5a9fd1772b93417e5c0378b8",
+		"device": "pc",
+		"os": "linux",
+		"os_version": "3.6",
+		"app": "go-client",
+		"app_version": "1.0",
+		"push_token": "c62c66585e1ba998326c0bfd2cccc6aa"
+	}
+]
+```
+
+**7. 发送消息：接收消息需要有消息监听/v1/message/listener**
+- 请求地址：**/v1/send/message**
+- 输入参数：
+```
+{
+    "from": "217", // 消息发送者
+    "type": "chat", // 消息类型：chat：单聊 group: 群聊 room:聊天室
+    "to": "45", // 消息接收者
+    "msg": {
+        "message": "push message to you.",
+        "type": "text" // 消息类型:text audio image video
+    },
+    "ext": null // 扩展消息
+}
+```
+
+- 请求成功：
+```
+{
+    "msg_id":"5a9fd21d2b93417e5c0378ba", // 消息ID
+    "status":1, 消息状态 1：已发送 2:已送达 3：已读
+    "create_at":1520423453
+}
+```
+
+**8. 标记消息已送达**
+- 请求地址：**/v1/mark/message/serviced**
+- 输入参数：
+```
+{"msg_id":""}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**9. 标记消息已送读**
+- 请求地址：**/v1/mark/messages/read**
+- 输入参数：
+```
+{"msg_id":""}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**10. 增量获取所有会话信息**
+- 请求地址：**/v1/get/all/conversation**
+- 输入参数：
+```
+{
+    "last_pull":0 // 最后一次获取的时间 0的话是全量获取
+}
+```
+
+- 请求成功：
+```
+[{
+	"from": "62980",
+	"to": "217",
+	"type": "chat",
+	"msg": {
+		"message": "😊",
+		"type": "text"
+	},
+	"ext": {},
+	"num": 0,
+	"deleted": false,
+	"create_at": 1520217899,
+	"update_at": 1520217899
+}, {
+	"from": "22428",
+	"to": "217",
+	"type": "chat",
+	"msg": {
+		"message": "😄😄",
+		"type": "text"
+	},
+	"ext": {},
+	"num": 0,
+	"deleted": false,
+	"create_at": 1520282463,
+	"update_at": 1520282463
+}]
+```
+
+**11. 获取联系人列表**
+- 请求地址：**/v1/get/all/contact**
+- 输入参数：
+```
+{
+    "last_pull":0 // 最后一次获取的时间 0的话是全量获取
+}
+```
+
+- 请求成功：
+```
+{
+  "avatar_prefix": "https://links123-images.oss-cn-hangzhou.aliyuncs.com/avatar/",
+  "fans": [
+    {
+      "user_id": 22428,
+      "user_nickname": "paula",
+      "user_avatar": "2016/9/5/00fa5267353a2f3979bec4bec0df9c0b.png",
+      "user_mark": "",
+      "user_is_teacher": 0,
+      "user_first_letter": "P",
+      "type": 5,
+      "is_masking": false,
+      "is_stick": true,
+      "no_disturbing": false,
+      "create_at": 1520282388,
+      "update_at": 1520282406
+    },
+    {
+      "user_id": 62993,
+      "user_nickname": "lk8846wqw",
+      "user_avatar": "",
+      "user_mark": "",
+      "user_is_teacher": 0,
+      "user_first_letter": "L",
+      "type": 5,
+      "is_masking": true,
+      "is_stick": false,
+      "no_disturbing": false,
+      "create_at": 1520304485,
+      "update_at": 1520306097
+    }
+  ],
+  "followers": [
+    {
+      "friend_id": 217,
+      "friend_nickname": "",
+      "friend_avatar": "",
+      "friend_mark": "",
+      "friend_is_teacher": 1,
+      "friend_first_letter": "#",
+      "type": 1,
+      "is_masking": false,
+      "is_stick": false,
+      "no_disturbing": false,
+      "create_at": 1516809946,
+      "update_at": 1520350402
+    },
+    {
+      "friend_id": 62980,
+      "friend_nickname": "lk9290lrn",
+      "friend_avatar": "2018/1/25/734b55ddf5435fa8e173df8fcbd93d1b.png",
+      "friend_mark": "",
+      "friend_is_teacher": 0,
+      "friend_first_letter": "L",
+      "type": 5,
+      "is_masking": false,
+      "is_stick": false,
+      "no_disturbing": false,
+      "create_at": 1516851073,
+      "update_at": 1519272032
+    }"server_time": 1520424326
+  }
+```
+
+**12. 添加联系人**
+- 请求地址：**/v1/add/contact**
+- 输入参数：
+```
+{
+    "to_add_username":"45", // 被添加人
+    "reason":"I am paul, add me as your friend please." // 加好友原因
+}
+```
+
+- 请求成功：
+```
+{
+  "id": "5a9fd7dc2b93417e5c0378bd",
+  "from": "217",
+  "to": "45",
+  "reason": "I am paul, add me as your friend please.",
+  "status": 1,
+  "create_at": 1520424924,
+  "update_at": 1520424924
+}
+```
+
+**13. 删除联系人**
+- 请求地址：**/v1/delete/contact**
+- 输入参数：
+```
+{
+    "fid":""// 好友id
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**14. 屏蔽联系人**
+- 请求地址：**/v1/add/contact/masking**
+- 输入参数：
+```
+{
+    "fid":""// 好友id
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**15. 屏蔽联系人**
+- 请求地址：**/v1/remove/contact/masking**
+- 输入参数：
+```
+{
+    "fid":""// 好友id
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**16. 置顶联系人**
+- 请求地址：**/v1/add/contact/stickg**
+- 输入参数：
+```
+{
+    "fid":""// 好友id
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**16. 解除置顶联系人**
+- 请求地址：**/v1/remove/contact/stick**
+- 输入参数：
+```
+{
+    "fid":""// 好友id
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**17. 消息免打扰**
+- 请求地址：**/v1/add/contact/no/disturbing**
+- 输入参数：
+```
+{
+    "fid":""// 好友id
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**18. 取消消息免打扰**
+- 请求地址：**/v1/remove/contact/no/disturbing**
+- 输入参数：
+```
+{
+    "fid":""// 好友id
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**19. 同意添加好友**
+- 请求地址：**/v1/add/contact/agree**
+- 输入参数：
+```
+{
+    "id":""// 消息id
+    "to":// 被添加好友的人
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**20. 拒绝添加好友**
+- 请求地址：**/v1/add/contact/reject**
+- 输入参数：
+```
+{
+    "id":""// 消息id
+    "to":// 被拒绝的人
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**21. 好友申请已送达**
+- 请求地址：**/v1/add/contact/serviced**
+- 输入参数：
+```
+{
+    "id":""// 消息id
+    "to":// 被送达人
+}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**22. 创建聊天室**
+- 请求地址：**/v1/create/chatroom**
+- 输入参数：
+```
+{
+  "subject": "test",// 聊天室名称
+  "description": "test chatroom", // 聊天室描述
+  "welcome_message": "welcome to chatroom", // 欢迎词
+  "max": 1000 // 聊天室的最大人数
+}
+```
+
+- 请求成功：
+```
+{"cid":"5aa003dd2b93417e5c0378be"// 聊天室ID}
+```
+
+**23. 销毁聊天室**
+- 请求地址：**/v1/destroy/chatroom**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41"}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**23. 销毁聊天室**
+- 请求地址：**/v1/destroy/chatroom**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41"}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**24. 离开聊天室**
+- 请求地址：**/v1/leave/chatroom**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41"}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**25. 获取聊天室详情**
+- 请求地址：**/v1/get/chatroom/profile**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41"}
+```
+
+- 请求成功：
+```
+{
+  "profile": {
+    "id": "5a8bce182b934169cf517b41", // 聊天室ID
+    "name": "new subject",
+    "description": "new description",
+    "notice": "new notice", // 聊天室公告
+    "welcome_message": "welcome to chatroom", 
+    "avatar": "",// 头像
+    "max": 1000, // 聊天室最大人数
+    "count": 0, // 聊天室当前人数
+    "cover": "", // 聊天室封面大图
+    "type": 1
+  },
+  "user_type": 9
+}
+```
+
+**26. 修改聊天室名称**
+- 请求地址：**/v1/update/chatroom/subject**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41"}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**27. 修改聊天室描述信息**
+- 请求地址：**/v1/update/chatroom/description**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41"}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**28. 添加管理员**
+- 请求地址：**/v1/add/chatroom/admin**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41", "admin_id":""}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**30. 批量添加管理员**
+- 请求地址：**/v1/add/chatroom/admins**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41", "admins_id":[45, 217]}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**29. 移除管理员**
+- 请求地址：**/v1/add/chatroom/admin**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41", "admin_id":""}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+**29. 移除管理员**
+- 请求地址：**/v1/add/chatroom/admin**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41", "admin_id":""}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+**30. 批量删除管理员**
+- 请求地址：**/v1/remove/chatroom/admins**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41", "admins_id":[45, 217]}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**30. 删除聊天室成员**
+- 请求地址：**/v1/remove/chatroom/member**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41", "member":""}
+```
+
+- 请求成功：
+```
+返回内容为空
+```
+
+**31.加入聊天室**
+- 请求地址：**/v1/join/chatroom**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41"}
+```
+
+- 请求成功：
+```
+[{
+		"from": "217",
+		"msg_id": "",
+		"type": "room",
+		"msg": {
+			"message": "Hi",
+			"type": "text"
+		},
+		"ext": {},
+		"to": "5a8bce182b934169cf517b41",
+		"create_at": 1520350764
+	},
+	{
+		"from": "62947",
+		"msg_id": "",
+		"type": "room",
+		"msg": {
+			"message": "😉😉😉😉",
+			"type": "text"
+		},
+		"ext": {},
+		"to": "5a8bcba72b934168d1edc2e0",
+		"create_at": 1520562559
+	}
+]
+```
+
+
+**32.获取置顶聊天室列表**
+- 请求地址：**/v1/fetch/stick/chatroom**
+- 输入参数：
+```
+{"cache_time":10位时间戳}
+```
+
+- 请求成功：
+```
+{
+  "server_time": 1520437237,
+  "avatar_prefix": "https://links123-images.oss-cn-hangzhou.aliyuncs.com/avatar/",
+  "chat_room": [
+    {
+      "id": "5a8bcba72b934168d1edc2e0",
+      "cn_name": "麦聊",
+      "en_name": "Wheat chat"
+      "avatar": "wheat.png"
+    },
+    {
+      "id": "5a8bce182b934169cf517b41",
+      "cn_name": "米聊",
+      "en_name": "Rice chat",
+      "avatar": "rice.png"
+    }
+  ]
+}
+```
+
+**32.获取聊天室历史消息**
+- 请求地址：**/v1/history/message**
+- 输入参数：
+```
+{
+"contact_id":"5a8bce182b934169cf517b41",
+"chat_type":"room"
+"start_time":int64,  // 最新一条消息的10位时间戳
+"limit":10, // 每次返回历史消息的条数
+}
+```
+
+- 请求成功：
+```
+[{
+		"from": "217",
+		"msg_id": "",
+		"type": "room",
+		"msg": {
+			"message": "Hi",
+			"type": "text"
+		},
+		"ext": {},
+		"to": "5a8bce182b934169cf517b41",
+		"create_at": 1520350764
+	},
+	{
+		"from": "62947",
+		"msg_id": "",
+		"type": "room",
+		"msg": {
+			"message": "😉😉😉😉",
+			"type": "text"
+		},
+		"ext": {},
+		"to": "5a8bcba72b934168d1edc2e0",
+		"create_at": 1520562559
+	}
+]
+```
+
+**33. 根据聊天室成员权限后去聊天室成员**
+- 请求地址：**/v1/fetch/chatroom/members**
+- 输入参数：
+```
+{"room_id":"5a8bce182b934169cf517b41", "authority":数字类型1 owner， 2 admin 9 普通成员}
+```
+
+- 请求成功：
+```
+[{
+	"user_id": 62982,
+	"nickname": "陽陽陽陽陽陽陽陽陽陽",
+	"avatar": "2018/1/2/732f5927510695b6ef203ed8e786fba5.png",
+	"mark": "",
+	"type": 9,
+	"first_letter": "Y"
+}, {
+	"user_id": 62980,
+	"nickname": "lk9290lrn",
+	"avatar": "2018/1/25/734b55ddf5435fa8e173df8fcbd93d1b.png",
+	"mark": "",
+	"type": 9,
+	"first_letter": "L"
+}]
+```
+
+**34.搜索聊天室历史消息**
+- 请求地址：**/v1/search/history/message**
+- 输入参数：
+```
+{
+"contact_id":"5a8bce182b934169cf517b41",
+"chat_type":"room"
+"keyword":"",  // 搜索的关键字，模糊匹配，输入的关键词越多返回的越准确
+"limit":10, // 每次返回历史消息的条数
+}
+```
+
+- 请求成功：
+```
+[{
+		"from": "217",
+		"msg_id": "",
+		"type": "room",
+		"msg": {
+			"message": "Hi",
+			"type": "text"
+		},
+		"ext": {},
+		"to": "5a8bce182b934169cf517b41",
+		"create_at": 1520350764
+	},
+	{
+		"from": "62947",
+		"msg_id": "",
+		"type": "room",
+		"msg": {
+			"message": "😉😉😉😉",
+			"type": "text"
+		},
+		"ext": {},
+		"to": "5a8bcba72b934168d1edc2e0",
+		"create_at": 1520562559
+	}
+]
+```
+
+
+

lerna.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.9.5",
+  "npmClient": "yarn",
+  "packages": ["packages/*"],
+  "command": {
+    "publish": {
+      "ignoreChanges": ["*.md"],
+      "message": "Release %s"
+    }
+  }
+}

package.json

@@ -0,0 +1,85 @@
+{
+  "name": "cts",
+  "version": "0.0.1",
+  "description": "cts, chat-ts-sdk",
+  "repository": {
+    "type": "git",
+    "url": "https://git.links123.net/Chevalier/chat-ts-sdk"
+  },
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "redux",
+    "mobx",
+    "webpack",
+    "typescript"
+  ],
+  "author": "Chevalier",
+  "prettier": {
+    "printWidth": 100,
+    "singleQuote": true
+  },
+  "lint-staged": {
+    "*.{ts,tsx,scss,less,md}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "scripts": {
+    "bootstrap": "npm install && lerna clean --yes && lerna bootstrap",
+    "build": "npm run clean && lerna exec -- npm run build",
+    "clean": "lerna run clean --parallel",
+    "cleanCov": "rimraf @coverage",
+    "dev": "webpack-dev-server --config ./scripts/webpack/webpack.config.dev.js --hot",
+    "lint": "tslint -c tslint.json 'src/**/*.(ts|tsx)'",
+    "precommit": "lint-staged",
+    "prettier-all": "prettier --write 'src/**/*' '!src/{assets,datas}/**'",
+    "start": "webpack-dashboard -- npm run dev",
+    "test": "jest --config ./scripts/jest/jest.config.js",
+    "test:watch": "npm test -- --watch",
+    "test:cov": "npm run cleanCov && npm test -- --coverage",
+    "upgrade": "./scripts/tools/upgrade_pkgs.sh"
+  },
+  "devDependencies": {
+    "@types/jest": "24.0.12",
+    "@types/react-dom": "^16.8.4",
+    "autoprefixer": "9.5.1",
+    "awesome-typescript-loader": "^5.2.1",
+    "copy-webpack-plugin": "^5.0.3",
+    "css-loader": "2.1.1",
+    "enzyme": "^3.9.0",
+    "file-loader": "3.0.1",
+    "fork-ts-checker-webpack-plugin": "^1.3.0",
+    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-template": "^6.2.0",
+    "jest": "24.8.0",
+    "jest-cli": "24.8.0",
+    "json-server": "0.14.2",
+    "lerna": "^3.13.4",
+    "less": "^3.9.0",
+    "less-loader": "^5.0.0",
+    "mini-css-extract-plugin": "^0.6.0",
+    "optimize-css-assets-webpack-plugin": "5.0.1",
+    "parallelshell": "^3.0.2",
+    "postcss-loader": "3.0.0",
+    "react-hot-loader": "^4.8.4",
+    "resolve-url-loader": "3.1.0",
+    "rimraf": "^2.6.3",
+    "style-loader": "0.23.1",
+    "ts-jest": "^24.0.2",
+    "ts-loader": "5.4.5",
+    "tsconfig-paths-webpack-plugin": "^3.2.0",
+    "tslint": "^5.16.0",
+    "tslint-config-prettier": "^1.18.0",
+    "tslint-react": "^4.0.0",
+    "typescript": "3.4.5",
+    "uglifyjs-webpack-plugin": "2.1.2",
+    "url-loader": "^1.1.2",
+    "wasm-loader": "^1.3.0",
+    "webpack": "^4.30.0",
+    "webpack-cli": "3.3.2",
+    "webpack-dashboard": "3.0.5",
+    "webpack-dev-server": "^3.3.1",
+    "workerize-loader": "^1.0.4"
+  }
+}

packages/cts-adapter/types.d.ts

@@ -0,0 +1,14 @@
+declare module '*.less' {
+  const styles: Record<string, string>;
+  export = styles;
+}
+
+declare module '*.css' {
+  const content: any;
+  export default content;
+}
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}

packages/cts-api/types.d.ts

@@ -0,0 +1,14 @@
+declare module '*.less' {
+  const styles: Record<string, string>;
+  export = styles;
+}
+
+declare module '*.css' {
+  const content: any;
+  export default content;
+}
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}

packages/cts-core/example/index.ts

@@ -0,0 +1,61 @@
+import { Client } from '../src/client';
+
+const url = 'ws://127.0.0.1:8081';
+const client = new Client(
+  url,
+  new (class {
+    public onOpen(): void {
+      client.ping(
+        {},
+        new (class {
+          public onStart(): void {
+            console.log('start ping');
+          }
+
+          public onSuccess(data: string): void {
+            console.log('ping successful:', data);
+          }
+
+          public onError(code: number, message: string): void {
+            console.log('ping error:', message);
+          }
+
+          public onEnd(): void {
+            console.log('end ping');
+          }
+        })()
+      );
+
+      client.syncSend(
+        '/v1/healthy',
+        {},
+        new (class {
+          public onStart(): void {
+            console.log('start request');
+          }
+
+          public onSuccess(data: string): void {
+            console.log('request successful:', data);
+          }
+
+          public onError(code: number, message: string): void {
+            console.log('request error:', message);
+          }
+
+          public onEnd(): void {
+            console.log('end request');
+          }
+        })()
+      );
+    }
+
+    public onClose(ev: Event): void {
+      console.log('connection error', ev);
+      console.log(ev);
+    }
+
+    public onError(): void {
+      console.log('close connection');
+    }
+  })()
+);

packages/cts-core/example/types.d.ts

@@ -0,0 +1,9 @@
+declare module '*.less' {
+  const styles: Record<string, string>;
+  export = styles;
+}
+
+declare module '*.css' {
+  const content: any;
+  export default content;
+}

packages/cts-core/package.json

@@ -0,0 +1,96 @@
+{
+  "author": "Chevalier",
+  "description": "cts-core",
+  "license": "MIT",
+  "keywords": [
+    "webpack",
+    "react"
+  ],
+  "name": "cts-core",
+  "version": "0.0.1-alpha.1",
+  "repository": {
+    "type": "git",
+    "url": "https://git.links123.net/Chevalier/chat-ts-sdk"
+  },
+  "main": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "prettier": {
+    "printWidth": 100,
+    "singleQuote": true
+  },
+  "lint-staged": {
+    "*.{ts,tsx,scss,less,md}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "scripts": {
+    "build": "npm run clean && npm run build:cjs && npm run copy && npm run build:umd",
+    "build:cjs": "tsc --project ./tsconfig.cjs.json && npm run copy",
+    "build:umd": "NODE_ENV=production webpack --config ./scripts/webpack/webpack.config.umd.js",
+    "clean": "rimraf dist",
+    "copy": "copyfiles -u 1 './src/**/*.(less|svg)' dist/cjs/",
+    "dev": "webpack-dev-server --config ./scripts/webpack/webpack.config.dev.js --hot",
+    "pub": "npm run clean && npm run build && npm publish",
+    "start": "npm run dev"
+  },
+  "dependencies": {
+    "node-int64": "^0.4.0",
+    "uuid": "^3.3.2"
+  },
+  "devDependencies": {
+    "@types/classnames": "^2.2.7",
+    "@types/crypto-js": "^3.1.43",
+    "@types/jest": "24.0.12",
+    "@types/node-int64": "^0.4.29",
+    "@types/siema": "^1.4.3",
+    "@types/uuid": "^3.4.4",
+    "autoprefixer": "9.5.1",
+    "awesome-typescript-loader": "^5.2.1",
+    "babel-core": "^6.26.3",
+    "classnames": "^2.2.6",
+    "copy-webpack-plugin": "^5.0.3",
+    "copyfiles": "^2.1.0",
+    "crypto-js": "^3.1.9-1",
+    "css-loader": "2.1.1",
+    "enzyme": "^3.9.0",
+    "file-loader": "3.0.1",
+    "fork-ts-checker-webpack-plugin": "^1.3.0",
+    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-template": "^6.2.0",
+    "jest": "24.8.0",
+    "jest-cli": "24.8.0",
+    "json-server": "0.14.2",
+    "lerna": "^3.13.4",
+    "less": "^3.9.0",
+    "less-loader": "^5.0.0",
+    "mini-css-extract-plugin": "^0.6.0",
+    "optimize-css-assets-webpack-plugin": "5.0.1",
+    "parallelshell": "^3.0.2",
+    "postcss-loader": "3.0.0",
+    "react-hot-loader": "^4.8.4",
+    "react-router-dom": "^5.0.0",
+    "resolve-url-loader": "3.1.0",
+    "rimraf": "^2.6.3",
+    "style-loader": "0.23.1",
+    "svg-inline-loader": "^0.8.0",
+    "ts-jest": "^24.0.2",
+    "ts-loader": "5.4.5",
+    "tsconfig-paths-webpack-plugin": "^3.2.0",
+    "tslint": "^5.16.0",
+    "tslint-config-prettier": "^1.18.0",
+    "tslint-react": "^4.0.0",
+    "typescript": "3.4.5",
+    "uglifyjs-webpack-plugin": "2.1.2",
+    "url-loader": "^1.1.2",
+    "wasm-loader": "^1.3.0",
+    "webpack": "^4.30.0",
+    "webpack-cli": "3.3.2",
+    "webpack-dashboard": "3.0.5",
+    "webpack-dev-server": "^3.3.1",
+    "webpack-merge": "^4.2.1"
+  },
+  "files": [
+    "dist/"
+  ]
+}

packages/cts-core/postcss.config.js

@@ -0,0 +1,5 @@
+const autoprefixer = require('autoprefixer');
+
+module.exports = {
+  plugins: [autoprefixer({ browsers: ['last 4 versions'], flexbox: 'no-2009' })]
+};

packages/cts-core/public/index.html

@@ -0,0 +1,22 @@
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>chat-ts-sdk</title>
+    <style></style>
+  </head>
+  <body>
+    <body>
+      <noscript>You need to enable JavaScript to run this app.</noscript>
+      <div id="demos">
+        Please open the Console
+      </div>
+
+      <script>
+        window.__DEV_APP__ = {};
+      </script>
+      <script src="./index.js"></script>
+    </body>
+  </body>
+</html>

packages/cts-core/public/manifest.json

@@ -0,0 +1,15 @@
+{
+  "short_name": "RTW",
+  "name": "Micro Frontend Boilerplate",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
+  "start_url": "./index.html",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

packages/cts-core/scripts/webpack/webpack.config.dev.js

@@ -0,0 +1,19 @@
+const path = require('path');
+const merge = require('webpack-merge');
+
+const devConfig = require('../../../../scripts/webpack/webpack.config.dev');
+
+module.exports = merge(devConfig, {
+  entry: {
+    index: path.resolve(__dirname, '../../example/index.ts')
+  },
+  devServer: {
+    contentBase: path.resolve(__dirname, '../../public')
+  },
+  resolve: {
+    alias: {
+      react: path.resolve('./node_modules/react'),
+      'react-dom': path.resolve('./node_modules/react-dom')
+    }
+  }
+});

packages/cts-core/scripts/webpack/webpack.config.umd.js

@@ -0,0 +1,10 @@
+const merge = require('webpack-merge');
+const path = require('path');
+
+const umdConfig = require('../../../../scripts/webpack/webpack.config.umd');
+
+module.exports = merge(umdConfig, {
+  entry: {
+    index: path.resolve(__dirname, '../../src/index.ts')
+  }
+});

packages/cts-core/src/client.ts

@@ -0,0 +1,335 @@
+import { Packet } from './packet';
+import { Utils } from './utils';
+import { ReadyStateCallback, RequestCallback } from './types/callback';
+
+/**
+ * 初始化链接以及收发数据
+ */
+class Client {
+  private _maxPayload: number;
+  private listeners: Map<number, (data: string) => void>;
+  private requestHeader: string;
+  private responseHeader: string;
+  private url: string;
+  private reconnectTimes: number;
+  private reconnectLock: boolean;
+  private socket: WebSocket;
+  private readyStateCallback: ReadyStateCallback;
+
+  /**
+   * 构造函数，初始化客户端链接
+   * @param url websocket链接地址
+   * @param readyStateCallback 链接状态回调，可以处理onOpen、onClose、onError
+   */
+  public constructor(url: string, readyStateCallback: ReadyStateCallback) {
+    this.listeners = new Map<number, (data: string) => void>();
+    this.requestHeader = '';
+    this.requestHeader = '';
+    this._maxPayload = 1024 * 1024;
+    this.url = url;
+    this.reconnectTimes = 0;
+    this.readyStateCallback = readyStateCallback;
+    this.socket = this.connect();
+  }
+
+  /**
+   * 发送ping请求，来保持长连接
+   * @param param 请求参数,比如{"hello":"world"}
+   * @param requestCallback 请求状态回调
+   */
+  public ping(param: object, requestCallback: RequestCallback): void {
+    if (this.socket.readyState !== this.socket.OPEN) {
+      throw new Error('asyncSend: connection refuse');
+    }
+
+    const heartbeatOperator = 0;
+
+    this.listeners.set(
+      heartbeatOperator,
+      (data: string): void => {
+        const code = this.getResponseProperty('code');
+        if (code !== '') {
+          const message = this.getResponseProperty('message');
+          requestCallback.onError(Number(code), message);
+        } else {
+          requestCallback.onSuccess(data);
+        }
+
+        requestCallback.onEnd();
+      },
+    );
+
+    const p = new Packet();
+    this.send(
+      p.pack(heartbeatOperator, 0, this.requestHeader, JSON.stringify(param)),
+    );
+  }
+
+  /**
+   * 异步向服务端发送请求
+   * @param operator 路由地址
+   * @param param 请求参数，比如{"hello":"world"}
+   * @param callback 请求状态回调处理
+   */
+  public asyncSend(
+    operator: string,
+    param: object,
+    callback: RequestCallback,
+  ): void {
+    console.info('websocket send data', operator, this.requestHeader, param);
+
+    if (this.socket.readyState !== this.socket.OPEN) {
+      throw new Error('asyncSend: connection refuse');
+    }
+
+    callback.onStart();
+
+    const sequence = new Date().getTime();
+    const listener = Utils.crc32(operator) + sequence;
+    this.listeners.set(
+      listener,
+      (data: string): void => {
+        const code = this.getResponseProperty('code');
+        if (code !== '') {
+          const message = this.getResponseProperty('message');
+          callback.onError(Number(code), message);
+        } else {
+          callback.onSuccess(data);
+        }
+
+        callback.onEnd();
+
+        delete this.listeners[listener];
+      },
+    );
+
+    const p = new Packet();
+    this.send(
+      p.pack(
+        Utils.crc32(operator),
+        sequence,
+        this.requestHeader,
+        JSON.stringify(param),
+      ),
+    );
+  }
+
+  /**
+   * 同步方式向服务端发送请求
+   * @param operator 路由地址
+   * @param param 请求参数，比如{"hello":"world"}
+   * @param callback 请求状态回调处理
+   */
+  public async syncSend(
+    operator: string,
+    param: object,
+    callback: RequestCallback,
+  ): Promise<void> {
+    await this.asyncSend(operator, param, callback);
+  }
+
+  /**
+   * 添加消息监听
+   * @description 添加消息监听器，比如operator是/v1/message/listener，那么从服务端推送到/v1/message/listener的消息会进入到定义的listener里面进行处理
+   * @param operator 消息监听地址
+   * @param listener 定义如何处理从服务端返回的消息
+   */
+  public addMessageListener(
+    operator: string,
+    listener: (data: string) => void,
+  ): void {
+    this.listeners.set(Utils.crc32(operator), listener);
+  }
+
+  /**
+   * 移除消息监听
+   * @param operator 消息监听地址
+   */
+  public removeMessageListener(operator: string): void {
+    delete this.listeners[Utils.crc32(operator)];
+  }
+
+  /**
+   * 返回Websocket链接状态
+   * @returns Websocket的链接状态
+   */
+  public get readyState(): number {
+    return this.socket.readyState;
+  }
+
+  /**
+   * 设置可以处理的数据包上限
+   * @param maxPayload 最多可以处理的数据包大小
+   */
+  public set maxPayload(maxPayload: number) {
+    this._maxPayload = maxPayload;
+  }
+
+  /**
+   * 获取可以处理的数据包大小
+   */
+  public get maxPayload(): number {
+    return this._maxPayload;
+  }
+
+  /**
+   * 添加请求属性，会携带在数据帧里面发送到服务端
+   * @param key 属性名
+   * @param value 属性值
+   */
+  public setRequestProperty(key: string, value: string): void {
+    let v = this.getRequestProperty(key);
+
+    this.requestHeader = this.requestHeader.replace(key + '=' + v + ';', '');
+    this.requestHeader = this.requestHeader + key + '=' + value + ';';
+  }
+
+  /**
+   * 获取请求属性
+   * @param key 属性名
+   */
+  public getRequestProperty(key: string): string {
+    if (this.requestHeader !== undefined) {
+      let values = this.requestHeader.split(';');
+      for (let index in values) {
+        let kv = values[index].split('=');
+        if (kv[0] === key) {
+          return kv[1];
+        }
+      }
+    }
+
+    return '';
+  }
+
+  /**
+   * 设置响应属性，客户端基本用不到，都是服务端来进行设置
+   * @param key 属性名
+   * @param value 属性值
+   */
+  public setResponseProperty(key: string, value: string): void {
+    let v = this.getResponseProperty(key);
+
+    this.responseHeader = this.responseHeader.replace(key + '=' + v + ';', '');
+    this.responseHeader = this.responseHeader + key + '=' + value + ';';
+  }
+
+  /**
+   * 获取从服务端返回的属性
+   * @param key 获取响应属性
+   */
+  public getResponseProperty(key: string): string {
+    if (this.responseHeader !== undefined) {
+      let values = this.responseHeader.split(';');
+      for (let index in values) {
+        let kv = values[index].split('=');
+        if (kv[0] === key) {
+          return kv[1];
+        }
+      }
+    }
+
+    return '';
+  }
+
+  /**
+   * 创建websocket链接
+   */
+  private connect(): WebSocket {
+    const readyStateCallback = this.readyStateCallback;
+    let ws = new WebSocket(this.url);
+
+    ws.binaryType = 'blob';
+
+    ws.onopen = (ev): void => {
+      this.reconnectTimes = 0;
+
+      readyStateCallback.onOpen(ev);
+    };
+
+    ws.onclose = (ev): void => {
+      this.reconnect();
+
+      readyStateCallback.onClose(ev);
+    };
+
+    ws.onerror = (ev): void => {
+      this.reconnect();
+
+      readyStateCallback.onError(ev);
+    };
+
+    ws.onmessage = (ev): void => {
+      if (ev.data instanceof Blob) {
+        let reader = new FileReader();
+        reader.readAsArrayBuffer(ev.data);
+        reader.onload = (): void => {
+          try {
+            let packet = new Packet().unPack(reader.result as ArrayBuffer);
+            let packetLength = packet.headerLength + packet.bodyLength + 20;
+            if (packetLength > this._maxPayload) {
+              throw new Error('the packet is big than ' + this._maxPayload);
+            }
+
+            let operator = Number(packet.operator) + Number(packet.sequence);
+            if (this.listeners.has(operator)) {
+              if (packet.body === '') {
+                packet.body = '{}';
+              }
+
+              this.responseHeader = packet.header;
+
+              (this.listeners.get(operator) as (data: string) => void)(
+                JSON.parse(packet.body),
+              );
+            }
+
+            if (operator !== 0 && packet.body !== 'null') {
+              console.info('receive data', packet.body);
+            }
+          } catch (e) {
+            throw new Error(e);
+          }
+        };
+      } else {
+        throw new Error('unsupported data format');
+      }
+    };
+
+    return ws;
+  }
+
+  /**
+   * 断线重连
+   */
+  private reconnect(): void {
+    if (!this.reconnectLock) {
+      this.reconnectLock = true;
+      console.info('websocket reconnect in ' + this.reconnectTimes + 's');
+      // 尝试重连
+      setTimeout((): void => {
+        this.reconnectTimes++;
+        this.socket = this.connect();
+        this.reconnectLock = false;
+      }, this.reconnectTimes * 1000);
+    }
+  }
+
+  /**
+   * 向服务端发送数据请求
+   * @param data 向服务端传送的数据
+   */
+  private send(data: ArrayBuffer): void {
+    if (this.socket.readyState !== this.socket.OPEN) {
+      console.error('WebSocket is already in CLOSING or CLOSED state.');
+      return;
+    }
+    try {
+      this.socket.send(data);
+    } catch (e) {
+      console.log('send data error', e);
+    }
+  }
+}
+
+export { Client };

packages/cts-core/src/packet.ts

@@ -0,0 +1,68 @@
+import { Utils } from './utils';
+import Int64 from 'node-int64';
+
+export class Packet {
+  private key: string = 'b8ca9aa66def05ff3f24919274bb4a66';
+  public operator: number;
+  public sequence: number;
+  public headerLength: number;
+  public bodyLength: number;
+  public header: string;
+  public body: string;
+
+  public pack(
+    operator: number,
+    sequence: number,
+    header: string,
+    body: string,
+  ): ArrayBuffer {
+    header = Utils.encrypt(header, this.key, this.key);
+    body = Utils.encrypt(body, this.key, this.key);
+
+    const headerLength = header.length;
+    const bodyLength = body.length;
+
+    const buf = new ArrayBuffer(20 + headerLength + bodyLength);
+    const dataView = new DataView(buf);
+    const nsBuf = new Int64(sequence).toBuffer();
+
+    dataView.setUint32(0, operator);
+    dataView.setUint32(12, headerLength);
+    dataView.setUint32(16, bodyLength);
+
+    let bufView = new Uint8Array(buf);
+    for (var i = 0; i < 8; i++) {
+      bufView[4 + i] = nsBuf[i];
+    }
+    for (let i = 0; i < headerLength; i++) {
+      bufView[20 + i] = header.charCodeAt(i);
+    }
+
+    for (let i = 0; i < bodyLength; i++) {
+      bufView[20 + headerLength + i] = body.charCodeAt(i);
+    }
+
+    return buf;
+  }
+
+  public unPack(data: ArrayBuffer | SharedArrayBuffer): Packet {
+    const dataView = new DataView(data);
+
+    this.operator = dataView.getUint32(0, false);
+    this.sequence = new Int64(
+      new Uint8Array(dataView.buffer.slice(4, 12)),
+    ).toNumber();
+    this.headerLength = dataView.getUint32(12, false);
+    this.bodyLength = dataView.getUint32(16, false);
+
+    const header = Utils.ab2str(
+      dataView.buffer.slice(20, 20 + this.headerLength),
+    );
+    const body = Utils.ab2str(dataView.buffer.slice(20 + this.headerLength));
+
+    this.header = Utils.decrypt(header, this.key, this.key);
+    this.body = Utils.decrypt(body, this.key, this.key);
+
+    return this;
+  }
+}

packages/cts-core/src/types/callback.ts

@@ -0,0 +1,14 @@
+interface ReadyStateCallback {
+  onOpen(ev: Event): void;
+  onError(ev: Event): void;
+  onClose(ev: Event): void;
+}
+
+interface RequestCallback {
+  onStart(): void;
+  onSuccess(data: string): void;
+  onError(code: number, message: string): void;
+  onEnd(): void;
+}
+
+export { ReadyStateCallback, RequestCallback };

packages/cts-core/src/utils.ts

@@ -0,0 +1,157 @@
+import { AES, enc, mode, pad } from 'crypto-js';
+
+declare global {
+  interface Window {
+    crcTable: number[];
+  }
+}
+
+class Utils {
+  private static code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'.split(
+    '',
+  );
+
+  public static crc32(str: string): number {
+    const crcTable =
+      window.crcTable || (window.crcTable = Utils.makeCRCTable());
+    let crc = 0 ^ -1;
+
+    for (let i = 0; i < str.length; i++) {
+      crc = (crc >>> 8) ^ crcTable[(crc ^ str.charCodeAt(i)) & 0xff];
+    }
+
+    return (crc ^ -1) >>> 0;
+  }
+
+  // ArrayBuffer 转为字符串，参数为 ArrayBuffer 对象
+  public static ab2str(buf: ArrayBuffer): string {
+    // 注意，如果是大型二进制数组，为了避免溢出，必须一个一个字符地转
+    if (buf && buf.byteLength < 1024) {
+      return String.fromCharCode.apply(null, new Uint8Array(buf));
+    }
+
+    const bufView = new Uint8Array(buf);
+    const len = bufView.length;
+    const byteStr = new Array(len);
+
+    for (let i = 0; i < len; i++) {
+      byteStr[i] = String.fromCharCode.call(null, bufView[i]);
+    }
+
+    return byteStr.join('');
+  }
+
+  // 字符串转为 ArrayBuffer 对象，参数为字符串
+  public static str2ab(str: string): ArrayBuffer {
+    const buf = new ArrayBuffer(str.length); // 每个字符占用2个字节
+    const bufView = new Uint8Array(buf);
+
+    for (let i = 0, strLen = str.length; i < strLen; i++) {
+      bufView[i] = str.charCodeAt(i);
+    }
+
+    return buf;
+  }
+
+  // 解密服务端传递过来的字符串
+  public static decrypt(data: string, key: string, iv: string): string {
+    const binData = Utils.stringToBin(data);
+    const base64Data = Utils.binToBase64(binData);
+
+    const bytes = AES.decrypt(base64Data, enc.Latin1.parse(key), {
+      iv: enc.Latin1.parse(iv),
+      mode: mode.CBC,
+      padding: pad.Pkcs7,
+    });
+
+    return bytes.toString(enc.Utf8);
+  }
+
+  // 加密字符串以后传递到服务端
+  public static encrypt(data: string, key: string, iv: string): string {
+    const result = AES.encrypt(data, enc.Latin1.parse(key), {
+      iv: enc.Latin1.parse(iv),
+      mode: mode.CBC,
+      padding: pad.Pkcs7,
+    });
+
+    return Utils.binToString(Utils.base64ToBin(result.toString()));
+  }
+
+  // 字节数组转换为base64编码
+  public static binToBase64(bitString: string): string {
+    const tail = bitString.length % 6;
+    const bitStringTemp1 = bitString.substr(0, bitString.length - tail);
+
+    let result = '';
+    let bitStringTemp2 = bitString.substr(bitString.length - tail, tail);
+
+    for (let i = 0; i < bitStringTemp1.length; i += 6) {
+      let index = parseInt(bitStringTemp1.substr(i, 6), 2);
+      result += Utils.code[index];
+    }
+
+    bitStringTemp2 += new Array(7 - tail).join('0');
+    if (tail) {
+      result += Utils.code[parseInt(bitStringTemp2, 2)];
+      result += new Array((6 - tail) / 2 + 1).join('=');
+    }
+
+    return result;
+  }
+
+  // base64编码转换为字节数组
+  public static base64ToBin(str: string): string {
+    let bitString = '';
+    let tail = 0;
+
+    for (let i = 0; i < str.length; i++) {
+      if (str[i] !== '=') {
+        let decode = this.code.indexOf(str[i]).toString(2);
+        bitString += new Array(7 - decode.length).join('0') + decode;
+      } else {
+        tail++;
+      }
+    }
+
+    return bitString.substr(0, bitString.length - tail * 2);
+  }
+
+  // 字符串转换为字节数组
+  public static stringToBin(str: string): string {
+    let result = '';
+    for (let i = 0; i < str.length; i++) {
+      let charCode = str.charCodeAt(i).toString(2);
+      result += new Array(9 - charCode.length).join('0') + charCode;
+    }
+
+    return result;
+  }
+
+  // 字节数组转化为字符串
+  public static binToString(bin: string): string {
+    let result = '';
+    for (let i = 0; i < bin.length; i += 8) {
+      result += String.fromCharCode(parseInt(bin.substr(i, 8), 2));
+    }
+
+    return result;
+  }
+
+  private static makeCRCTable(): number[] {
+    let c: number;
+    let crcTable: number[] = [];
+
+    for (let n = 0; n < 256; n++) {
+      c = n;
+      for (let k = 0; k < 8; k++) {
+        c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1;
+      }
+      crcTable[n] = c;
+    }
+
+    return crcTable;
+  }
+}
+
+export { Utils };

packages/cts-core/tsconfig.cjs.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "rootDir": "./src",
+    "outDir": "dist/cjs",
+    "declaration": true,
+    "declarationDir": "dist/types",
+    "sourceMap": false,
+    "paths": {}
+  },
+  "include": ["src/**/*"]
+}

packages/cts-core/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*", "example/**/*"]
+}

packages/cts-core/tslint.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tslint.json"
+}

packages/cts-core/types.d.ts

@@ -0,0 +1,14 @@
+declare module '*.less' {
+  const styles: Record<string, string>;
+  export = styles;
+}
+
+declare module '*.css' {
+  const content: any;
+  export default content;
+}
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}

postcss.config.js

@@ -0,0 +1,5 @@
+const autoprefixer = require('autoprefixer');
+
+module.exports = {
+  plugins: [autoprefixer({ browsers: ['last 4 versions'], flexbox: 'no-2009' })]
+};

scripts/jest/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

scripts/jest/jest.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+  coverageDirectory: '<rootDir>/@coverage',
+  globals: {
+    'ts-jest': {
+      tsConfig: 'tsconfig.test.json'
+    }
+  },
+  moduleFileExtensions: ['js', 'ts', 'tsx'],
+  moduleNameMapper: {
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+      './fileMock.js',
+    '\\.(scss|css|less)$': './styleMock.js'
+  },
+  rootDir: '../../',
+  testRegex: '/__test__/.+\\.(test|spec)\\.tsx?$',
+  transform: { '^.+\\.tsx?$': 'ts-jest' },
+  verbose: true
+};

scripts/jest/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};

scripts/template/template.ejs

@@ -0,0 +1,166 @@
+<% var item, key %><%
+htmlWebpackPlugin.options.appMountIds = htmlWebpackPlugin.options.appMountIds || [] %><%
+htmlWebpackPlugin.options.lang = htmlWebpackPlugin.options.lang || "en" %><%
+htmlWebpackPlugin.options.links = htmlWebpackPlugin.options.links || [] %><%
+htmlWebpackPlugin.options.meta = htmlWebpackPlugin.options.meta || [] %><%
+htmlWebpackPlugin.options.scripts = htmlWebpackPlugin.options.scripts || []
+%><!DOCTYPE html>
+<html lang="<%= htmlWebpackPlugin.options.lang %>"<% if (htmlWebpackPlugin.files.manifest) { %> manifest="<%= htmlWebpackPlugin.files.manifest %>"<% } %>>
+  <head>
+    <meta charset="utf-8">
+    <meta content="ie=edge" http-equiv="x-ua-compatible"><%
+
+    if (htmlWebpackPlugin.options.baseHref) { %>
+    <base href="<%= htmlWebpackPlugin.options.baseHref %>"><%
+    } %><%
+
+    if (Array.isArray(htmlWebpackPlugin.options.meta)) { %><%
+      for (item of htmlWebpackPlugin.options.meta) { %>
+    <meta<% for (key in item) { %> <%= key %>="<%= item[key] %>"<% } %>><%
+      } %><%
+    } %><%
+
+    %>
+    <title><%= htmlWebpackPlugin.options.title %></title><%
+
+    if (htmlWebpackPlugin.files.favicon) { %>
+    <link href="<%= htmlWebpackPlugin.files.favicon %>" rel="shortcut icon" /><%
+    } %><%
+
+    if (htmlWebpackPlugin.options.mobile) { %>
+    <meta content="width=device-width, initial-scale=1" name="viewport"><%
+    } %><%
+
+    for (item of htmlWebpackPlugin.options.links) { %><%
+      if (typeof item === 'string' || item instanceof String) { item = { href: item, rel: 'stylesheet' } } %>
+    <link<% for (key in item) { %> <%= key %>="<%= item[key] %>"<% } %> /><%
+    } %><%
+
+    for (key in htmlWebpackPlugin.files.css) { %><%
+      if (htmlWebpackPlugin.files.cssIntegrity) { %>
+    <link
+      href="<%= htmlWebpackPlugin.files.css[key] %>"
+      rel="stylesheet"
+      integrity="<%= htmlWebpackPlugin.files.cssIntegrity[key] %>"
+      crossorigin="<%= webpackConfig.output.crossOriginLoading %>" /><%
+      } else { %>
+    <link href="<%= htmlWebpackPlugin.files.css[key] %>" rel="stylesheet" /><%
+      } %><%
+    } %><%
+    if (htmlWebpackPlugin.options.headHtmlSnippet) { %>
+    <%= htmlWebpackPlugin.options.headHtmlSnippet %><%
+    } %>
+    <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>
+    <script>
+      if ('addEventListener' in document) {
+        document.addEventListener('DOMContentLoaded', function() {
+          FastClick.attach(document.body);
+        }, false);
+      }
+      if(!window.Promise) {
+        document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>');
+      }
+    </script>
+    <style>
+    #root,body,html{height:100%}.async_script{display:none}.loader,.loader:after,.loader:before{background:#ed8c3d;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:1em;height:4em}.loader{top:35%;color:#fff;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:''}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,100%,80%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,100%,80%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}
+    </style>
+  </head>
+  <body><%
+    if (htmlWebpackPlugin.options.unsupportedBrowser) { %>
+    <style>.unsupported-browser { display: none; }</style>
+    <div class="unsupported-browser">
+      Sorry, your browser is not supported. Please upgrade to the latest version or switch your browser to use this
+      site. See <a href="http://outdatedbrowser.com/">outdatedbrowser.com</a> for options.
+    </div><%
+    } %><%
+
+    if (htmlWebpackPlugin.options.bodyHtmlSnippet) { %>
+    <%= htmlWebpackPlugin.options.bodyHtmlSnippet %><%
+    } %><%
+
+    if (htmlWebpackPlugin.options.appMountId) { %>
+    <div id="<%= htmlWebpackPlugin.options.appMountId %>"><%
+      if (htmlWebpackPlugin.options.appMountHtmlSnippet) { %>
+    <%= htmlWebpackPlugin.options.appMountHtmlSnippet %><%
+      } %>
+    </div><%
+    } %><%
+
+    for (item of htmlWebpackPlugin.options.appMountIds) { %>
+    <div id="<%= item %>"></div><%
+    } %><%
+
+    if (htmlWebpackPlugin.options.window) { %>
+    <script type="text/javascript"><%
+      for (key in htmlWebpackPlugin.options.window) { %>
+      window['<%= key %>'] = <%= JSON.stringify(htmlWebpackPlugin.options.window[key]) %>;<%
+      } %>
+    </script><%
+    } %><%
+
+    if (htmlWebpackPlugin.options.inlineManifestWebpackName) { %>
+    <%= htmlWebpackPlugin.files[htmlWebpackPlugin.options.inlineManifestWebpackName] %><%
+    } %><%
+
+    for (item of htmlWebpackPlugin.options.scripts) { %><%
+      if (typeof item === 'string' || item instanceof String) { item = { src: item, type: 'text/javascript' } } %>
+    <script<% for (key in item) { %> <%= key %>="<%= item[key] %>"<% } %>></script><%
+    } %><%
+
+    for (key in htmlWebpackPlugin.files.chunks) { %><%
+      if (htmlWebpackPlugin.files.jsIntegrity) { %>
+    <script
+      src="<%= htmlWebpackPlugin.files.chunks[key].entry %>"
+      type="text/javascript"
+      integrity="<%= htmlWebpackPlugin.files.jsIntegrity[htmlWebpackPlugin.files.js.indexOf(htmlWebpackPlugin.files.chunks[key].entry)] %>"
+      crossorigin="<%= webpackConfig.output.crossOriginLoading %>"></script><%
+      } else { %>
+    <script src="<%= htmlWebpackPlugin.files.chunks[key].entry %>" type="text/javascript"></script><%
+      } %><%
+    } %>
+
+    <% if (htmlWebpackPlugin.options.devServer) { %>
+      <script src="<%= htmlWebpackPlugin.options.devServer %>/webpack-dev-server.js" type="text/javascript"></script>
+    <% } %>
+
+    <div id="root">
+        <div class="loader" />
+    </div>
+  </body>
+  <script>
+     function loadScript(src, cb) {
+            //创建一个script元素
+            var el = document.createElement('script');
+            var loaded = false;
+            //设置加载完成的回调事件
+            el.onload = el.onreadystatechange = function () {
+                //防止重复加载
+                if ((el.readyState && el.readyState !== 'complete' && el.readyState !== 'loaded') || loaded) {
+                    return false;
+                }
+                //加载完成后将该脚本的onload设置为null
+                el.onload = el.onreadystatechange = null;
+                loaded = true;
+                cb && cb();
+            };
+            el.async = true;
+            el.src = src;
+            var body = document.getElementsByTagName('body')[0];
+            body.appendChild(el);
+        }
+        window.onload = function () {
+            var scripts = [];
+            [].forEach.call(document.getElementsByClassName('async_script'), function (a) {
+                scripts.push(a.getAttribute('href'));
+            });
+            for (var i = 0; i < scripts.length; i++) {
+                (function (j) {
+                    setTimeout(function () {
+                        loadScript(scripts[j]);
+                    }, j * 500);
+                }(i));
+            }
+        }
+  </script>
+  
+</html>

scripts/template/template.js

@@ -0,0 +1,52 @@
+/* eslint-disable no-use-before-define */
+// 待渲染完整的页面
+// 这里的页面建议以最简形式,如果需要复杂的头设定使用react-helmet组件
+
+/**
+ * @function 生成同构直出的HTML界面模板
+ * @param html
+ * @param initialState
+ * @param scripts
+ * @param styles
+ * @return {string}
+ */
+export default (html, initialState = {}, scripts = [], styles = []) => {
+  return `
+    <!doctype html>
+    <html>
+      <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+        ${styleMapper(styles)}
+      </head>
+      <body>
+        <div id="root">${html}</div>        
+      </body>
+      <script>
+        window.__INITIAL_STATE__ = ${JSON.stringify(initialState)};
+      </script>
+      ${scriptMapper(scripts)}
+    </html>
+  `;
+};
+
+/**
+ * @function 将输入的样式文件路径转化为Link标签
+ * @param styles
+ * @return {*}
+ */
+const styleMapper = styles => {
+  return styles.map(style => {
+    return `<link href="${style}" media="screen, projection" rel="stylesheet" type="text/css" charSet="UTF-8"/>`;
+  });
+};
+
+const scriptMapper = scripts => {
+  const scriptTags = [];
+
+  for (let i = 0; i < scripts.length; i = i + 1) {
+    scriptTags.push(`<script src=${scripts[i]}></script>`);
+  }
+
+  return scriptTags;
+};

scripts/tools/upgrade_pkgs.sh

@@ -0,0 +1,8 @@
+#!/bin/bash
+set -ex
+
+ncu -u
+ 
+(cd ./packages/fc-hotkeys && ncu -u)
+(cd ./packages/fc-hotkeys-react && ncu -u)
+

scripts/webpack/webpack.config.base.js

@@ -0,0 +1,143 @@
+const path = require('path');
+const process = require('process');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const TSConfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const webpack = require('webpack');
+
+const rootPath = process.cwd();
+const packageName = require(path.resolve(rootPath, 'package.json'));
+
+const buildEnv = {
+  rootPath,
+  packageName,
+  src: path.resolve(rootPath, './src'),
+  public: path.resolve(rootPath, './public'),
+  build: path.resolve(rootPath, './build')
+};
+
+const moduleCSSLoader = {
+  loader: 'css-loader',
+  options: {
+    modules: false,
+    sourceMap: false,
+    importLoaders: 2,
+    localIdentName: '[name]__[local]'
+  }
+};
+
+const lessLoader = {
+  loader: 'less-loader',
+  options: {
+    modifyVars: {
+      'primary-color': '#5d4bff'
+    },
+    javascriptEnabled: true,
+    paths: [path.resolve(rootPath, './node_modules')]
+  }
+};
+
+const fontsOptions = {
+  limit: 8192,
+  mimetype: 'application/font-woff',
+  name: 'fonts/[name].[ext]'
+};
+
+module.exports = {
+  context: rootPath,
+  entry: {
+    index: path.resolve(buildEnv.rootPath, './example/index.ts')
+  },
+  resolve: {
+    alias: {
+      systemjs: path.resolve(rootPath, './node_modules/systemjs/dist/system-production.js')
+    },
+    extensions: ['.ts', '.tsx', '.js', '.jsx', '.css', 'less'],
+    plugins: [new TSConfigPathsPlugin()]
+  },
+  output: {
+    path: buildEnv.build,
+    // 设置所有资源的默认公共路径，Webpack 会自动将 import 的资源改写为该路径
+    publicPath: '/',
+    filename: '[name].js',
+    sourceMapFilename: '[name].map',
+    globalObject: 'this' // 避免全局使用 window
+  },
+  module: {
+    rules: [
+      {
+        test: /.*ts-worker.*/,
+        use: ['workerize-loader', 'ts-loader']
+      },
+      {
+        test: /\.(ts|tsx)?$/,
+        loader: 'awesome-typescript-loader',
+        exclude: /node_modules/,
+        options: {
+          useBabel: true
+        }
+      },
+      {
+        test: /\.(png|jpg|gif)$/,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 8192,
+              name: 'images/[name].[ext]'
+            }
+          }
+        ]
+      },
+      {
+        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
+        use: [
+          {
+            loader: 'url-loader',
+            options: fontsOptions
+          }
+        ]
+      },
+      {
+        test: /\.(ttf|eot)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
+        use: [
+          {
+            loader: 'file-loader',
+            options: fontsOptions
+          }
+        ]
+      },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader'],
+        include: [/node_modules/, buildEnv.src]
+      },
+      {
+        test: /\.less$/,
+        use: ['style-loader', moduleCSSLoader, lessLoader],
+        exclude: /node_modules/
+      },
+      {
+        test: /\.less$/,
+        use: ['style-loader', 'css-loader', lessLoader],
+        include: /node_modules/
+      },
+      { test: /\.svg$/, loader: 'svg-inline-loader' }
+    ]
+  },
+  plugins: [
+    new ForkTsCheckerWebpackPlugin({ checkSyntacticErrors: true, tslint: true }),
+    new webpack.WatchIgnorePlugin([/less\.d\.ts$/]),
+    new webpack.IgnorePlugin(/\.js\.map$/)
+  ],
+
+  // 定义非直接引用依赖，使用方式即为 var $ = require("jquery")
+  externals: {
+    window: 'window',
+    jquery: '$'
+  },
+  extra: {
+    moduleCSSLoader,
+    lessLoader,
+    buildEnv
+  }
+};

scripts/webpack/webpack.config.dev.js

@@ -0,0 +1,59 @@
+const webpack = require('webpack');
+const path = require('path');
+const DashboardPlugin = require('webpack-dashboard/plugin');
+
+const baseConfig = require('./webpack.config.base');
+
+const config = {
+  ...baseConfig,
+  mode: 'development',
+  devtool: 'source-map',
+  plugins: [
+    ...baseConfig.plugins,
+
+    // 在控制台中输出可读的模块名
+    new webpack.NamedModulesPlugin(),
+
+    // 避免发出包含错误的模块
+    new webpack.NoEmitOnErrorsPlugin(),
+
+    // 定义控制变量
+    new webpack.DefinePlugin({
+      isProd: JSON.stringify(false)
+    }),
+    new DashboardPlugin()
+  ],
+  devServer: {
+    allowedHosts: ['0.0.0.0:8081'],
+    // 设置生成的 Bundle 的前缀路径
+    publicPath: '/',
+    // assets 中资源文件默认应该还使用 assets
+    contentBase: path.resolve(__dirname, '../../public'),
+    compress: true,
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+      'X-Content-Type-Options': 'nosniff',
+      'X-Frame-Options': 'DENY'
+    },
+    open: true,
+    overlay: {
+      warnings: true,
+      errors: true
+    },
+    host: '0.0.0.0',
+    port: 8080,
+    hot: false,
+    https: false,
+    disableHostCheck: true,
+    quiet: false
+  },
+  stats: {
+    children: false
+  }
+};
+
+delete config.extra;
+
+module.exports = config;

scripts/webpack/webpack.config.prod.js

@@ -0,0 +1,102 @@
+const webpack = require('webpack');
+const path = require('path');
+
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+
+const baseConfig = require('./webpack.config.base');
+
+const { buildEnv } = baseConfig.extra;
+
+const config = {
+  ...baseConfig,
+  devtool: false,
+  mode: 'production',
+  output: {
+    ...baseConfig.output,
+    filename: '[name].js'
+  },
+  module: {
+    rules: [
+      ...baseConfig.module.rules.filter(
+        rule => !['/\\.css$/', '/\\.less$/', '/\\.(scss|sass)$/'].includes(rule.test.toString())
+      ),
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader', 'postcss-loader']
+      },
+      {
+        test: /\.less$/,
+        exclude: /node_modules/,
+        use: ['style-loader', 'css-loader', 'postcss-loader', baseConfig.extra.lessLoader]
+      },
+      {
+        test: /\.less$/,
+        include: /node_modules/,
+        use: ['style-loader', 'css-loader', 'postcss-loader', baseConfig.extra.lessLoader]
+      }
+    ]
+  },
+  plugins: [
+    ...baseConfig.plugins,
+    new webpack.DefinePlugin({
+      isProd: JSON.stringify(true)
+    }),
+
+    // 使用 Prepack 优化包体大小
+    // 暂时存在 Bug,等待修复
+    // 使用前 21 - 425
+    // 使用后 21 - 433
+    // new PrepackWebpackPlugin({
+    //   mathRandomSeed: '0'
+    // }),
+
+    // 必须将 CopyWebpackPlugin 与 HtmlWebpackPlugin 添加到末尾
+    new CopyWebpackPlugin([{ from: buildEnv.public, to: buildEnv.build }]),
+    new HtmlWebpackPlugin({
+      template: path.join(__dirname, '../template/template.ejs'),
+      title: 'Webpack React',
+      favicon: path.join(baseConfig.extra.buildEnv.public, 'favicon.ico'),
+      manifest: path.join(buildEnv.public, 'manifest.json'),
+      meta: [
+        { name: 'robots', content: 'noindex,nofollow' },
+        {
+          name: 'viewport',
+          content:
+            'width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no'
+        }
+      ],
+      appMountIds: ['root'],
+      inject: false,
+      minify: {
+        html5: true,
+        useShortDoctype: true,
+        collapseWhitespace: true,
+        conservativeCollapse: true,
+        preserveLineBreaks: true,
+        removeComments: true,
+        keepClosingSlash: true,
+        removeRedundantAttributes: true,
+        removeEmptyAttributes: true,
+        removeStyleLinkTypeAttributes: true
+      },
+      mobile: true,
+      scripts: ['./static.js']
+    })
+  ],
+  optimization: {
+    runtimeChunk: false,
+    minimizer: [
+      new UglifyJsPlugin({
+        exclude: /.*ts-worker.*/
+      }),
+      new OptimizeCSSAssetsPlugin({})
+    ]
+  }
+};
+
+delete config.extra;
+
+module.exports = config;

scripts/webpack/webpack.config.umd.js

@@ -0,0 +1,45 @@
+const path = require('path');
+
+const prodConfig = require('./webpack.config.prod');
+const rootPath = process.cwd();
+
+const plugins = [...prodConfig.plugins];
+
+// 移除 CopyWebpackPlugin 与 HtmlWebpackPlugin
+plugins.pop();
+plugins.pop();
+
+const umdConfig = {
+  ...prodConfig,
+  output: {
+    filename: '[name].js',
+    path: path.resolve(rootPath, './dist'),
+    // 默认不允许挂载在全局变量下
+    // library: library,
+    libraryTarget: 'umd'
+  },
+  externals: {
+    // Don't bundle react or react-dom
+    react: {
+      commonjs: 'react',
+      commonjs2: 'react',
+      amd: 'React',
+      root: 'React'
+    },
+    'react-dom': {
+      commonjs: 'react-dom',
+      commonjs2: 'react-dom',
+      amd: 'ReactDOM',
+      root: 'ReactDOM'
+    },
+    'styled-components': {
+      commonjs: 'styled-components',
+      commonjs2: 'styled-components'
+    }
+  },
+  plugins
+};
+
+delete umdConfig.optimization;
+
+module.exports = umdConfig;

tsconfig.json

@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "baseUrl": "packages",
+    "lib": ["es6", "es7", "dom", "scripthost", "webworker"],
+    "jsx": "react",
+    "target": "es5",
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "allowJs": false,
+    "outDir": "dist",
+    "experimentalDecorators": true,
+    "forceConsistentCasingInFileNames": true,
+    "removeComments": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "allowUnusedLabels": true,
+    "strictNullChecks": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "noUnusedLocals": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "paths": {}
+  },
+  "include": ["**/*.js", "**/*.ts", "**/*.tsx"],
+  "exclude": [
+    "assets",
+    "build",
+    "dist",
+    "indep-pkgs",
+    "node_modules",
+    "scripts",
+    "ssr",
+    "stories",
+    "__test__",
+    "test"
+  ]
+}

tsconfig.test.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs"
+  }
+}

tslint.json

@@ -0,0 +1,43 @@
+{
+  "extends": ["tslint-react", "tslint-config-prettier"],
+  "defaultSeverity": "warning",
+  "rules": {
+    "ban": false,
+    "class-name": true,
+    "comment-format": [true, "check-space"],
+    "curly": true,
+    "eofline": false,
+    "forin": true,
+    "jsdoc-format": true,
+    "jsx-no-lambda": false,
+    "jsx-no-multiline-js": false,
+    "label-position": true,
+    "no-any": true,
+    "no-arg": true,
+    "no-bitwise": true,
+    "no-console": [true, "log", "error", "debug", "info", "time", "timeEnd", "trace"],
+    "no-construct": true,
+    "no-debugger": true,
+    "no-duplicate-variable": true,
+    "no-empty": true,
+    "no-eval": true,
+    "no-shadowed-variable": true,
+    "no-string-literal": true,
+    "no-switch-case-fall-through": true,
+    "no-trailing-whitespace": false,
+    "no-unused-expression": true,
+    "no-use-before-declare": true,
+    "radix": true,
+    "switch-default": true,
+    "trailing-comma": [false],
+    "triple-equals": [true, "allow-null-check"],
+    "typedef": [true, "parameter", "property-declaration"],
+    "variable-name": [
+      true,
+      "ban-keywords",
+      "check-format",
+      "allow-leading-underscore",
+      "allow-pascal-case"
+    ]
+  }
+}