index.js 12 KB

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