index.js 12 KB

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