discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

add-fetch-eventsource

Browse Source
This commit is contained in:
Untone 2023-10-11 17:25:59 +03:00
parent 42d69593f8
commit 767147c4d1
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -46,6 +46,7 @@
"@graphql-tools/url-loader": "7.17.18", "@graphql-tools/url-loader": "7.17.18",
"@graphql-typed-document-node/core": "3.2.0", "@graphql-typed-document-node/core": "3.2.0",
"@hocuspocus/provider": "2.0.6", "@hocuspocus/provider": "2.0.6",
"@microsoft/fetch-event-source": "^2.0.1",
"@nanostores/router": "0.8.3", "@nanostores/router": "0.8.3",
"@nanostores/solid": "0.3.2", "@nanostores/solid": "0.3.2",
"@popperjs/core": "2.11.8", "@popperjs/core": "2.11.8",

15
src/context/inbox.tsx
View File

@ -1,8 +1,9 @@
import type { Accessor, JSX } from 'solid-js' import type { Accessor, JSX } from 'solid-js'
import { createContext, createSignal, useContext } from 'solid-js' import { createContext, createSignal, useContext } from 'solid-js'
import { fetchEventSource } from '@microsoft/fetch-event-source'
import type { Chat, Message, MutationCreateMessageArgs } from '../graphql/types.gen' import type { Chat, Message, MutationCreateMessageArgs } from '../graphql/types.gen'
import { inboxClient } from '../utils/apiClient' import { inboxClient } from '../utils/apiClient'
import { getToken } from '../graphql/privateGraphQLClient'
import { loadMessages } from '../stores/inbox' import { loadMessages } from '../stores/inbox'
type InboxContextType = { type InboxContextType = {
@ -26,7 +27,17 @@ export function useInbox() {
export const InboxProvider = (props: { children: JSX.Element }) => { export const InboxProvider = (props: { children: JSX.Element }) => {
const [chats, setChats] = createSignal<Chat[]>([]) const [chats, setChats] = createSignal<Chat[]>([])
const [messages, setMessages] = createSignal<Message[]>([]) const [messages, setMessages] = createSignal<Message[]>([])
const eventSource = new EventSource('https://testapi.discours.io/connect') const eventSource = new fetchEventSource('https://testapi.discours.io/connect', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': getToken()
},
body: JSON.stringify({
foo: 'bar'
}),
// signal: signal, TODO: sometimes need to call /disconnect
})
// TODO: call /disconnect some time // TODO: call /disconnect some time
// eslint-disable-next-line unicorn/prefer-add-event-listener // eslint-disable-next-line unicorn/prefer-add-event-listener
eventSource.onmessage = function (event) { eventSource.onmessage = function (event) {