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 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._id }))
  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 type originalFileName
  231. }
  232. }`
  233. let qVariables = {
  234. "id": JSON.stringify([{ "_id": id }])
  235. }
  236. let result = await gql(query, qVariables)
  237. return result
  238. }
  239. let userSearch = async (searchInput) => {
  240. let query = `query usrsFND($search: String){
  241. UserFind(query: $search){
  242. _id login nick avatar{
  243. _id url
  244. }
  245. }
  246. }`
  247. let qVariables = {
  248. "search": JSON.stringify([
  249. {
  250. $or: [{ login: `/^${searchInput}/` }, { nick: `/^${searchInput}/` }]
  251. },
  252. {
  253. sort: [{ login: 1 }]
  254. }
  255. ])
  256. }
  257. let result = await gql(query, qVariables)
  258. console.log(result)
  259. return result
  260. }
  261. const actionPending = name => ({ type: 'PROMISE', status: 'PENDING', name })
  262. const actionResolved = (name, payload) => ({ type: 'PROMISE', status: 'RESOLVED', name, payload })
  263. const actionRejected = (name, error) => ({ type: 'PROMISE', status: 'REJECTED', name, error })
  264. const actionPromise = (name, promise) =>
  265. async dispatch => {
  266. dispatch(actionPending(name))
  267. try {
  268. let payload = await promise
  269. dispatch(actionResolved(name, payload))
  270. return payload
  271. }
  272. catch (error) {
  273. dispatch(actionRejected(name, error))
  274. }
  275. }
  276. export const actionAuthLogin = token => ({ type: "LOGIN", token })
  277. export const actionLogin = (login, password) => actionPromise("login", log(login, password))
  278. export const actionFullLogin = (login, password) => {
  279. return async (dispatch) => {
  280. let result = await dispatch(actionLogin(login, password))
  281. console.log(result)
  282. dispatch(actionAuthLogin(result))
  283. }
  284. }
  285. const actionRegister = (login, password) => actionPromise("register", reg(login, password))
  286. export const actionFullRegister = (login, password) => {
  287. return async (dispatch) => {
  288. let result = await dispatch(actionRegister(login, password))
  289. console.log(result)
  290. if (result.data.UserUpsert !== null) {
  291. dispatch(actionFullLogin(login, password))
  292. }
  293. }
  294. }
  295. let upload = async (files) => {
  296. let form = new FormData()
  297. if (Array.isArray(files)) {
  298. files.map(file => form.append("files[]", file))
  299. } else {
  300. form.append("media", files)
  301. }
  302. return fetch("/upload", {
  303. method: "POST",
  304. headers: localStorage.authToken ? { Authorization: 'Bearer ' + localStorage.authToken } : {},
  305. body: form
  306. }).then(res => res.json())
  307. }
  308. export const actionUploadFile = (files) => actionPromise("upload", upload(files))
  309. export const actionAuthLogout = () => ({ type: "LOGOUT" })
  310. export const actionGetFile = (id) => actionPromise("fileFound", fileFound(id))
  311. const actionGetChats = (id) => actionPromise("chats", userChats(id))
  312. const actionGetMessages = (chatID) => actionPromise("messages", chatMSG(chatID))
  313. const actionChats = (chat_id, title, createdAt, lastModified, avatar, messages, members) => ({ type: "ADD_CHAT", chat_id, title, createdAt, lastModified, avatar, messages, members })
  314. export const actionEditChat = (chat_id, title, avatar, members) => ({ type: "EDIT_CHAT", chat_id, title, avatar, members })
  315. const actionEditChatBack = (title, avatar, members) => actionPromise("edit_chat", editChat(title, avatar, members))
  316. export const actionEditMSG = (chat_id, message_id, text, media) => ({ type: "EDIT_MESSAGE", chat_id, messages: [{ _id: message_id, text, media }] })
  317. const actionEditMSGback = (message_id, text, media) => actionPromise("edit_message", editMSG(message_id, text, media))
  318. export const actionAddChatBack = (title, members) => actionPromise("chat", newChat(title, members))
  319. export const actionAddChat = (chat_id, title, createdAt, lastModified, owner, avatar, messages, members) => ({ type: "ADD_CHAT", chat_id, title, createdAt, lastModified, owner, avatar, messages, members })
  320. 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 })
  321. export const actionAddMSGBack = (chat_id, text, media) => actionPromise("new_message", newMSG(chat_id, text, media))
  322. export const actionSetAvatar = (avatar_id, chat_id) => actionPromise("set_avatar", avatarSet(avatar_id, chat_id))
  323. // export const actionFullGetChats = (id) => {
  324. // return async (dispatch) => {
  325. // let chats = await dispatch(actionGetChats(id))
  326. // chats.data.UserFindOne.chats.map(async (chat) => {
  327. // let result = await dispatch(actionGetMessages(chat._id))
  328. // let messages = result.data.MessageFind
  329. // dispatch(actionChats(chat._id, chat.title, chat.createdAt, chat.lastModified, chat.avatar, messages, chat.members))
  330. // })
  331. // }
  332. // }
  333. export const actionUserSearch = (searchInput) => actionPromise("userSearch", userSearch(searchInput))
  334. export const actionFullGetChats = (id) => {
  335. return async (dispatch) => {
  336. let chats = await dispatch(actionGetChats(id))
  337. chats.data.UserFindOne.chats.map(async (chat) => {
  338. // let result = await dispatch(actionGetMessages(chat._id))
  339. // let messages = result.data.MessageFind
  340. dispatch(actionChats(chat._id, chat.title, chat.createdAt, chat.lastModified, chat.avatar, [], chat.members))
  341. })
  342. }
  343. }
  344. export const actionFullGetMessages = (id) => {
  345. return async (dispatch) => {
  346. let result = await dispatch(actionGetMessages(id))
  347. let messages = result.data.MessageFind
  348. messages.map(message => dispatch(actionAddMSG(id, message._id, message.text, message.createdAt, message.owner, message.media)))
  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. if (result.data?.ChatUpsert && avatarResult) {
  369. dispatch(actionEditChat(chat_id, title, avatar, members))
  370. }
  371. }
  372. }
  373. export const actionFullAddMessage = (chat_id, text, media) => {
  374. return async (dispatch) => {
  375. let result = await dispatch(actionAddMSGBack(chat_id, text, media))
  376. // dispatch(actionAddMSG(result.))
  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. }