index.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480
  1. //потом почищу лишнее
  2. const getGQL = url => {
  3. return (query, variables) => {
  4. return fetch(url, {
  5. method: 'POST',
  6. headers: {
  7. "content-type": "application/json",
  8. ...(localStorage.authToken ? { Authorization: "Bearer " + localStorage.authToken } : {})
  9. },
  10. body: JSON.stringify({ query, variables }),
  11. }).then(res => res.json())
  12. }
  13. }
  14. let gql = getGQL("/graphql")
  15. let reg = async (login, password) => {
  16. let query = `mutation reg($l: String, $p: String) {
  17. UserUpsert(user: {
  18. login: $l,
  19. password: $p
  20. } ) {
  21. _id
  22. }
  23. }`
  24. let qVariables = {
  25. "l": login,
  26. "p": password
  27. }
  28. let res = await gql(query, qVariables)
  29. return res
  30. }
  31. let log = async (login, password) => {
  32. let query = `query log($l: String, $p: String) {
  33. login(login: $l, password: $p)
  34. }`
  35. let qVariables = {
  36. "l": login,
  37. "p": password
  38. }
  39. let token = await gql(query, qVariables)
  40. return token.data.login
  41. }
  42. let userChats = async (id) => {
  43. let query = `query getUserChats($uid: String){
  44. UserFindOne(query: $uid){
  45. chats{
  46. _id title createdAt lastModified avatar{
  47. _id url
  48. } owner{
  49. _id login nick
  50. } members{
  51. _id login nick
  52. }
  53. }
  54. }
  55. }`
  56. let qVariables = {
  57. "uid": JSON.stringify([{ "_id": id }])
  58. }
  59. let result = await gql(query, qVariables)
  60. return result
  61. }
  62. let chatMSG = async (id) => {
  63. let query = `query getMSG($chatID: String){
  64. MessageFind(query: $chatID){
  65. _id text createdAt media{
  66. url _id type
  67. } owner{
  68. login _id nick
  69. } replyTo {
  70. _id text createdAt owner{
  71. login _id nick
  72. }
  73. }
  74. }
  75. }`
  76. let qVariables = {
  77. "chatID": JSON.stringify([{ "chat._id": id }])
  78. }
  79. let result = await gql(query, qVariables)
  80. return result
  81. }
  82. let msgCount = async (chat_id) => {
  83. let query = `query msgCount($query: String){
  84. MessageCount(query: $query)
  85. }`
  86. let qVariables = {
  87. "query": JSON.stringify([{ "chat._id": chat_id }])
  88. }
  89. let result = await gql(query, qVariables)
  90. return result
  91. }
  92. let chatSortMSG = async (id, skipCount) => {
  93. let query = `query getMSG($query: String){
  94. MessageFind(query: $query){
  95. _id text createdAt media{
  96. url _id type
  97. } owner{
  98. login _id nick
  99. } replyTo {
  100. _id text createdAt owner{
  101. login _id nick
  102. }
  103. }
  104. }
  105. }`
  106. let qVariables = {
  107. "query": JSON.stringify([{ "chat._id": id }, { sort: [{ _id: -1 }], skip: [skipCount], limit: [30] }])
  108. }
  109. //меняем skip по событию скролла вверх
  110. let result = await gql(query, qVariables)
  111. return result
  112. }
  113. let newChat = async (title, members) => {
  114. let membersQuery = []
  115. if (Array.isArray(members)) {
  116. members.map(member => membersQuery.push({ "_id": member._id }))
  117. }
  118. let query = `mutation newChat($chat: ChatInput){
  119. ChatUpsert(chat: $chat){
  120. _id title createdAt lastModified owner{
  121. _id login nick
  122. } avatar{
  123. _id url
  124. } messages {
  125. _id text createdAt owner{
  126. login nick
  127. }
  128. } members{
  129. _id login nick
  130. }
  131. }
  132. }`
  133. let qVariables = {
  134. "chat": {
  135. "title": title,
  136. "members": membersQuery
  137. }
  138. }
  139. let result = await gql(query, qVariables)
  140. return result
  141. }
  142. let editChat = async (chat_id, title, members) => {
  143. let input = {}
  144. input._id = chat_id
  145. input.title = title
  146. if (members && Array.isArray(members)) {
  147. let membersQuery = []
  148. members.map(member => membersQuery.push({ "_id": member._id }))
  149. input.members = membersQuery
  150. }
  151. let query = `mutation editChat($chat: ChatInput){
  152. ChatUpsert(chat: $chat){
  153. _id title members{
  154. _id login nick
  155. } avatar {
  156. _id url
  157. }
  158. }
  159. }`
  160. let qVariables = {
  161. "chat": input
  162. }
  163. let result = await gql(query, qVariables)
  164. return result
  165. }
  166. let avatarSet = async (avatar_id, chat_id) => {
  167. let query = `mutation setAvatar($avatar: MediaInput){
  168. MediaUpsert(media: $avatar){
  169. _id text url
  170. }
  171. }`
  172. let qVariables = {
  173. "avatar": {
  174. "_id": avatar_id,
  175. "chatAvatars": {
  176. "_id": chat_id
  177. }
  178. }
  179. }
  180. let result = await gql(query, qVariables)
  181. return result
  182. }
  183. let newMSG = async (chat_id, text, media, replyTo, forwardTo) => {
  184. let input = {}
  185. input.text = text
  186. input.media = []
  187. input.chat = {
  188. "_id": chat_id
  189. }
  190. if (replyTo) {
  191. input.replyTo = {
  192. "_id": replyTo
  193. }
  194. }
  195. if (forwardTo) {
  196. input.forwarded = {
  197. "_id": forwardTo
  198. }
  199. }
  200. if (media && Array.isArray(media)) {
  201. media.map(item => input.media.push({ "_id": item._id }))
  202. } else {
  203. input.media.push({})
  204. }
  205. let query = `mutation newMSG($msg: MessageInput){
  206. MessageUpsert(message: $msg){
  207. _id text createdAt owner{
  208. _id nick login
  209. } media{
  210. _id url type
  211. }
  212. }
  213. }`
  214. let qVariables = {
  215. "msg": input
  216. }
  217. let result = await gql(query, qVariables)
  218. return result
  219. }
  220. let editMSG = async (id, text) => {
  221. let input = {}
  222. input._id = id
  223. input.text = text
  224. let query = `mutation editMSG($msg: MessageInput){
  225. MessageUpsert(message: $msg){
  226. _id text media{
  227. _id url
  228. } chat{
  229. _id
  230. }
  231. }
  232. }`
  233. let qVariables = {
  234. "msg": input
  235. }
  236. let result = await gql(query, qVariables)
  237. return result
  238. }
  239. let fileFound = async (id) => {
  240. let query = `query findMedia($id: String){
  241. MediaFind(query: $id){
  242. url type originalFileName
  243. }
  244. }`
  245. let qVariables = {
  246. "id": JSON.stringify([{ "_id": id }])
  247. }
  248. let result = await gql(query, qVariables)
  249. return result
  250. }
  251. let userSearch = async (searchInput) => {
  252. let query = `query usrsFND($search: String){
  253. UserFind(query: $search){
  254. _id login nick avatar{
  255. _id url
  256. }
  257. }
  258. }`
  259. let qVariables = {
  260. "search": JSON.stringify([
  261. {
  262. $or: [{ login: `/^${searchInput}/` }, { nick: `/^${searchInput}/` }]
  263. },
  264. {
  265. sort: [{ login: 1 }]
  266. }
  267. ])
  268. }
  269. let result = await gql(query, qVariables)
  270. console.log(result)
  271. return result
  272. }
  273. const actionPending = name => ({ type: 'PROMISE', status: 'PENDING', name })
  274. const actionResolved = (name, payload) => ({ type: 'PROMISE', status: 'RESOLVED', name, payload })
  275. const actionRejected = (name, error) => ({ type: 'PROMISE', status: 'REJECTED', name, error })
  276. const actionPromise = (name, promise) =>
  277. async dispatch => {
  278. dispatch(actionPending(name))
  279. try {
  280. let payload = await promise
  281. dispatch(actionResolved(name, payload))
  282. return payload
  283. }
  284. catch (error) {
  285. dispatch(actionRejected(name, error))
  286. }
  287. }
  288. export const actionAuthLogin = token => ({ type: "LOGIN", token })
  289. export const actionLogin = (login, password) => actionPromise("login", log(login, password))
  290. export const actionFullLogin = (login, password) => {
  291. return async (dispatch) => {
  292. let result = await dispatch(actionLogin(login, password))
  293. console.log(result)
  294. dispatch(actionAuthLogin(result))
  295. }
  296. }
  297. const actionRegister = (login, password) => actionPromise("register", reg(login, password))
  298. export const actionFullRegister = (login, password) => {
  299. return async (dispatch) => {
  300. let result = await dispatch(actionRegister(login, password))
  301. console.log(result)
  302. if (result.data.UserUpsert !== null) {
  303. dispatch(actionFullLogin(login, password))
  304. }
  305. }
  306. }
  307. let upload = async (files) => {
  308. let form = new FormData()
  309. if (Array.isArray(files)) {
  310. files.map(file => form.append("files[]", file))
  311. } else {
  312. form.append("media", files)
  313. }
  314. return fetch("/upload", {
  315. method: "POST",
  316. headers: localStorage.authToken ? { Authorization: 'Bearer ' + localStorage.authToken } : {},
  317. body: form
  318. }).then(res => res.json())
  319. }
  320. export const actionUploadFile = (files) => actionPromise("upload", upload(files))
  321. export const actionAuthLogout = () => ({ type: "LOGOUT" })
  322. export const actionGetFile = (id) => actionPromise("fileFound", fileFound(id))
  323. const actionGetChats = (id) => actionPromise("chats", userChats(id))
  324. const actionGetMessages = (chatID, skipCount) => actionPromise("messages", chatSortMSG(chatID, skipCount))
  325. const actionChats = (chat_id, title, createdAt, lastModified, avatar, messages, members) => ({ type: "CHAT", chat_id, title, createdAt, lastModified, avatar, messages, members })
  326. export const actionEditChat = (chat_id, title, avatar, members) => ({ type: "CHAT", chat_id, title, avatar, members })
  327. const actionEditChatBack = (title, avatar, members) => actionPromise("edit_chat", editChat(title, avatar, members))
  328. export const actionEditMSG = (chat_id, msg_id, msg_text) => ({ type: "MESSAGE", chat_id, msg_id, msg_text })
  329. export const actionEditMSGback = (message_id, text, media) => actionPromise("edit_message", editMSG(message_id, text, media))
  330. export const actionAddChatBack = (title, members) => actionPromise("chat", newChat(title, members))
  331. export const actionAddChat = (chat_id, title, createdAt, lastModified, owner, avatar, messages, members) => ({ type: "CHAT", chat_id, title, createdAt, lastModified, owner, avatar, messages, members })
  332. export const actionAddMSG = (socket, chat_id, msg_id, msg_text, msg_createdAt, msg_owner, msg_media, msg_replyTo) => ({ type: "MESSAGE", socket, chat_id, msg_id, msg_text, msg_createdAt, msg_owner, msg_media, msg_replyTo })
  333. export const actionAddMSGBack = (chat_id, text, media, replyTo, forwardTo) => actionPromise("new_message", newMSG(chat_id, text, media, replyTo, forwardTo))
  334. export const actionSetAvatar = (avatar_id, chat_id) => actionPromise("set_avatar", avatarSet(avatar_id, chat_id))
  335. export const actionUserSearch = (searchInput) => actionPromise("userSearch", userSearch(searchInput))
  336. export const actionFullGetChats = (id) => {
  337. return async (dispatch) => {
  338. let chats = await dispatch(actionGetChats(id))
  339. chats.data.UserFindOne.chats.map(async (chat) => {
  340. dispatch(actionChats(chat._id, chat.title, chat.createdAt, chat.lastModified, chat.avatar, [], chat.members))
  341. })
  342. }
  343. }
  344. export const actionFullGetMessages = (id, skip) => {
  345. return async (dispatch) => {
  346. let result = await dispatch(actionGetMessages(id, skip))
  347. let messages = result.data.MessageFind
  348. messages.map(message => dispatch(actionAddMSG(false, id, message._id, message.text, message.createdAt, message.owner, message.media, message.replyTo)))
  349. }
  350. }
  351. export const actionFullAddChat = (title, members) => {
  352. return async (dispatch) => {
  353. let result = await dispatch(actionAddChatBack(title, members))
  354. dispatch(actionAddChat(result.data.ChatUpsert._id,
  355. result.data.ChatUpsert.title,
  356. result.data.ChatUpsert.createdAt,
  357. result.data.ChatUpsert.lastModified,
  358. result.data.ChatUpsert.owner,
  359. result.data.ChatUpsert.avatar,
  360. result.data.ChatUpsert.messages,
  361. result.data.ChatUpsert.members))
  362. }
  363. }
  364. export const actionFullEditChat = (chat_id, title, avatar, members) => {
  365. return async (dispatch) => {
  366. let result = await dispatch(actionEditChatBack(chat_id, title, members))
  367. let avatarResult = await dispatch(actionSetAvatar(avatar, chat_id))
  368. console.log(avatarResult)
  369. if (result.data.ChatUpsert && avatarResult.data.MediaUpsert) {
  370. dispatch(actionEditChat(chat_id, title, avatarResult.data.MediaUpsert, members))
  371. }
  372. }
  373. }
  374. export const actionFullAddMessage = (chat_id, text, media) => {
  375. return async (dispatch) => {
  376. let result = await dispatch(actionAddMSGBack(chat_id, text, media))
  377. }
  378. }
  379. export const actionFullEditMSG = (message_id, text, media) => {
  380. return async (dispatch) => {
  381. let result = await dispatch(actionEditMSGback(message_id, text, media))
  382. dispatch(actionEditMSG(result.data.MessageUpsert.chat._id,
  383. result.data.MessageUpsert._id,
  384. result.data.MessageUpsert.text,
  385. result.data.MessageUpsert.media))
  386. }
  387. }