@webinex/chatify 1.0.0-build2 → 1.0.0-rc2

package/src/core/state.ts

@@ -1,38 +1,38 @@
-export interface UIState {
-  view?: 'chat' | 'new-chat' | 'chat-settings';
-  chatId?: string;
-}
-
-export interface QueryState<TData> {
-  uninitialized: boolean;
-  isFetching: boolean;
-  error?: any;
-  data?: TData;
-}
-
-export interface MutationState {
-  isFetching: boolean;
-  error?: any;
-}
-
-export interface State {
-  ui: UIState;
-  query: Record<string, QueryState<any>>;
-  mutation: Record<string, MutationState>;
-  read: {
-    queued: string[];
-    sent: string[];
-    timestamp: number;
-  };
-}
-
-export const INITIAL_STATE: State = {
-  ui: {},
-  query: {},
-  mutation: {},
-  read: {
-    queued: [],
-    sent: [],
-    timestamp: 0,
-  },
-};
+export interface UIState {
+  view?: 'chat' | 'new-chat' | 'chat-settings';
+  chatId?: string;
+}
+
+export interface QueryState<TData> {
+  uninitialized: boolean;
+  isFetching: boolean;
+  error?: any;
+  data?: TData;
+}
+
+export interface MutationState {
+  isFetching: boolean;
+  error?: any;
+}
+
+export interface State {
+  ui: UIState;
+  query: Record<string, QueryState<any>>;
+  mutation: Record<string, MutationState>;
+  read: {
+    queued: string[];
+    sent: string[];
+    timestamp: number;
+  };
+}
+
+export const INITIAL_STATE: State = {
+  ui: {},
+  query: {},
+  mutation: {},
+  read: {
+    queued: [],
+    sent: [],
+    timestamp: 0,
+  },
+};

package/src/core/useAccounts.tsx

@@ -1,11 +1,11 @@
-import { useClient } from '../ChatifyContext';
-import { useQuery } from './useQuery';
-
-export function useAccounts() {
-  const client = useClient();
-
-  return useQuery({
-    key: 'accounts',
-    queryFn: () => client.accounts(),
-  });
-}
+import { useClient } from '../ChatifyContext';
+import { useQuery } from './useQuery';
+
+export function useAccounts() {
+  const client = useClient();
+
+  return useQuery({
+    key: 'accounts',
+    queryFn: () => client.accounts(),
+  });
+}

package/src/core/useAddChat.tsx

@@ -1,12 +1,12 @@
-import { useClient } from '../ChatifyContext';
-import { AddChatRequest } from './models';
-import { useMutation } from './useMutation';
-
-export function useAddChat() {
-  const client = useClient();
-
-  return useMutation({
-    key: 'add-chat',
-    queryFn: (args: AddChatRequest) => client.addChat(args),
-  });
-}
+import { useClient } from '../ChatifyContext';
+import { AddChatRequest } from './models';
+import { useMutation } from './useMutation';
+
+export function useAddChat() {
+  const client = useClient();
+
+  return useMutation({
+    key: 'add-chat',
+    queryFn: (args: AddChatRequest) => client.addChat(args),
+  });
+}

package/src/core/useAddMember.tsx

@@ -1,12 +1,12 @@
-import { useClient } from '../ChatifyContext';
-import { AddMemberRequest } from './models';
-import { useMutation } from './useMutation';
-
-export function useAddMember() {
-  const client = useClient();
-
-  return useMutation({
-    key: 'add-member',
-    queryFn: (args: AddMemberRequest) => client.addMember(args),
-  });
-}
+import { useClient } from '../ChatifyContext';
+import { AddMemberRequest } from './models';
+import { useMutation } from './useMutation';
+
+export function useAddMember() {
+  const client = useClient();
+
+  return useMutation({
+    key: 'add-member',
+    queryFn: (args: AddMemberRequest) => client.addMember(args),
+  });
+}

package/src/core/useAddMessage.tsx

@@ -1,40 +1,40 @@
-import { useClient } from '../ChatifyContext';
-import { SendMessageRequest } from './models';
-import { QueryState } from './state';
-import { MessageState } from './useMessages';
-import { useMutation } from './useMutation';
-
-export interface UseAddMessageArgs {
-  chatId: string;
-}
-
-export function useAddMessage(args: UseAddMessageArgs) {
-  const { chatId } = args;
-  const client = useClient();
-
-  return useMutation<unknown, Omit<SendMessageRequest, 'chatId'>>({
-    key: 'add.' + chatId,
-    queryFn: (args) => client.send({ chatId, ...args }),
-    onQueryStarted: async (args, { updateState }) => {
-      updateState((state) => {
-        state = {
-          ...state,
-          query: {
-            ...state.query,
-            ['messages.' + chatId]: {
-              ...state.query['messages.' + chatId],
-            },
-          },
-        };
-
-        const queryState: QueryState<MessageState[]> = state.query['messages.' + chatId];
-        queryState.data = [
-          { type: 'sending', text: args.text, requestId: args.requestId, files: args.files },
-          ...queryState.data!,
-        ];
-
-        return state;
-      });
-    },
-  });
-}
+import { useClient } from '../ChatifyContext';
+import { SendMessageRequest } from './models';
+import { QueryState } from './state';
+import { MessageState } from './useMessages';
+import { useMutation } from './useMutation';
+
+export interface UseAddMessageArgs {
+  chatId: string;
+}
+
+export function useAddMessage(args: UseAddMessageArgs) {
+  const { chatId } = args;
+  const client = useClient();
+
+  return useMutation<unknown, Omit<SendMessageRequest, 'chatId'>>({
+    key: 'add.' + chatId,
+    queryFn: (args) => client.send({ chatId, ...args }),
+    onQueryStarted: async (args, { updateState }) => {
+      updateState((state) => {
+        state = {
+          ...state,
+          query: {
+            ...state.query,
+            ['messages.' + chatId]: {
+              ...state.query['messages.' + chatId],
+            },
+          },
+        };
+
+        const queryState: QueryState<MessageState[]> = state.query['messages.' + chatId];
+        queryState.data = [
+          { type: 'sending', text: args.text, requestId: args.requestId, files: args.files },
+          ...queryState.data!,
+        ];
+
+        return state;
+      });
+    },
+  });
+}

package/src/core/useChat.tsx

@@ -1,12 +1,12 @@
-import { useClient } from '../ChatifyContext';
-import { useQuery } from './useQuery';
-
-export function useChat(args: { chatId: string }) {
-  const { chatId } = args;
-  const client = useClient();
-
-  return useQuery({
-    key: 'chat.' + chatId,
-    queryFn: () => client.chat(chatId),
-  });
-}
+import { useClient } from '../ChatifyContext';
+import { useQuery } from './useQuery';
+
+export function useChat(args: { chatId: string }) {
+  const { chatId } = args;
+  const client = useClient();
+
+  return useQuery({
+    key: 'chat.' + chatId,
+    queryFn: () => client.chat(chatId),
+  });
+}

package/src/core/useChatList.tsx

@@ -1,10 +1,10 @@
-import { useClient } from '../ChatifyContext';
-import { useQuery } from './useQuery';
-
-export function useChatList() {
-  const client = useClient();
-  return useQuery({
-    key: 'chat-list',
-    queryFn: () => client.chats(),
-  });
-}
+import { useClient } from '../ChatifyContext';
+import { useQuery } from './useQuery';
+
+export function useChatList() {
+  const client = useClient();
+  return useQuery({
+    key: 'chat-list',
+    queryFn: () => client.chats(),
+  });
+}

package/src/core/useLoadMore.tsx

@@ -1,42 +1,42 @@
-import { useClient } from '../ChatifyContext';
-import { useMutation } from './useMutation';
-import { MessageState } from './useMessages';
-import { useStateRef } from './reducer';
-import { QueryState } from './state';
-
-export function useLoadMore({ chatId }: { chatId: string }) {
-  const state = useStateRef();
-  const client = useClient();
-
-  return useMutation({
-    key: 'more.' + chatId,
-    queryFn: () =>
-      client.messages({
-        chatId,
-        skip: state.current.query['messages.' + chatId].data.filter((x: MessageState) => x.type === 'message')
-          .length,
-        take: 15,
-      }),
-
-    onQueryStarted: async (_, { promise, updateState }) => {
-      const result = await promise;
-      updateState((state) => {
-        state = { ...state };
-        state.query = { ...state.query };
-        state.query['messages.' + chatId] = { ...state.query['messages.' + chatId] };
-        const value: QueryState<MessageState[]> = state.query['messages.' + chatId];
-        value.data = value.data?.filter((x) => x.type !== 'more');
-        value.data = [
-          ...value.data!,
-          ...result.map((x) => ({ type: 'message' as const, ...x, proceed: true })),
-        ];
-
-        if (result.length === 15) {
-          value.data = [...value.data!, { type: 'more' }];
-        }
-
-        return state;
-      });
-    },
-  });
-}
+import { useClient } from '../ChatifyContext';
+import { useMutation } from './useMutation';
+import { MessageState } from './useMessages';
+import { useStateRef } from './reducer';
+import { QueryState } from './state';
+
+export function useLoadMore({ chatId }: { chatId: string }) {
+  const state = useStateRef();
+  const client = useClient();
+
+  return useMutation({
+    key: 'more.' + chatId,
+    queryFn: () =>
+      client.messages({
+        chatId,
+        skip: state.current.query['messages.' + chatId].data.filter((x: MessageState) => x.type === 'message')
+          .length,
+        take: 15,
+      }),
+
+    onQueryStarted: async (_, { promise, updateState }) => {
+      const result = await promise;
+      updateState((state) => {
+        state = { ...state };
+        state.query = { ...state.query };
+        state.query['messages.' + chatId] = { ...state.query['messages.' + chatId] };
+        const value: QueryState<MessageState[]> = state.query['messages.' + chatId];
+        value.data = value.data?.filter((x) => x.type !== 'more');
+        value.data = [
+          ...value.data!,
+          ...result.map((x) => ({ type: 'message' as const, ...x, proceed: true })),
+        ];
+
+        if (result.length === 15) {
+          value.data = [...value.data!, { type: 'more' }];
+        }
+
+        return state;
+      });
+    },
+  });
+}

package/src/core/useMessages.tsx

@@ -1,23 +1,23 @@
-import { useClient } from '../ChatifyContext';
-import { File, Message } from './models';
-import { QueryState } from './state';
-import { useQuery } from './useQuery';
-
-export type MessageState =
-  | ({ type: 'message' } & Message)
-  | { type: 'more' }
-  | { type: 'sending'; text: string; files: File[]; requestId: string };
-
-export function useMessages(args: { chatId: string }): QueryState<MessageState[]> {
-  const { chatId } = args;
-  const client = useClient();
-
-  return useQuery({
-    key: 'messages.' + chatId,
-    queryFn: () =>
-      client.messages({ chatId, skip: 0, take: 15 }).then((x) => {
-        const result = x.map((message) => ({ type: 'message' as const, ...message, proceed: true }));
-        return x.length === 15 ? [...result, { type: 'more' as const }] : result;
-      }),
-  });
-}
+import { useClient } from '../ChatifyContext';
+import { File, Message } from './models';
+import { QueryState } from './state';
+import { useQuery } from './useQuery';
+
+export type MessageState =
+  | ({ type: 'message' } & Message)
+  | { type: 'more' }
+  | { type: 'sending'; text: string; files: File[]; requestId: string };
+
+export function useMessages(args: { chatId: string }): QueryState<MessageState[]> {
+  const { chatId } = args;
+  const client = useClient();
+
+  return useQuery({
+    key: 'messages.' + chatId,
+    queryFn: () =>
+      client.messages({ chatId, skip: 0, take: 15 }).then((x) => {
+        const result = x.map((message) => ({ type: 'message' as const, ...message, proceed: true }));
+        return x.length === 15 ? [...result, { type: 'more' as const }] : result;
+      }),
+  });
+}

package/src/core/useMutation.tsx

@@ -1,48 +1,48 @@
-import { useCallback } from 'react';
-import { useDispatch, useSelect, useStateRef } from './reducer';
-import { MutationState, State } from './state';
-
-export interface MutationApi<TResult> {
-  promise: Promise<TResult>;
-  state: State;
-  updateState: (mutation: (state: State) => State) => void;
-}
-
-export interface UseMutationArgs<TResult = unknown, TArgs = void> {
-  key: string;
-  queryFn: (args: TArgs) => Promise<TResult>;
-  onQueryStarted?: (args: TArgs, api: MutationApi<TResult>) => void;
-}
-
-const INITIAL_MUTATION_STATE: MutationState = { isFetching: false, error: undefined };
-
-export function useMutation<TResult = unknown, TArgs = void>(args: UseMutationArgs<TResult, TArgs>) {
-  const { key, queryFn, onQueryStarted } = args;
-  const dispatch = useDispatch();
-  const state = useStateRef();
-  const mutationState = useSelect((x) => x.mutation[args.key], []);
-
-  const invoke = useCallback((args: TArgs) => {
-    dispatch({ type: 'mutation_fetch', data: { key } });
-    const promise = queryFn(args);
-
-    promise
-      .then(() => {
-        dispatch({ type: 'mutation_resolve', data: { key } });
-      })
-      .catch((error) => dispatch({ type: 'mutation_reject', data: { key, error } }));
-
-    onQueryStarted &&
-      onQueryStarted(args, {
-        promise,
-        state: state.current,
-        updateState: (mutation: (state: State) => State) => {
-          dispatch({ type: 'update', data: { mutation } });
-        },
-      });
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return [invoke, mutationState ?? INITIAL_MUTATION_STATE] as const;
-}
+import { useCallback } from 'react';
+import { useDispatch, useSelect, useStateRef } from './reducer';
+import { MutationState, State } from './state';
+
+export interface MutationApi<TResult> {
+  promise: Promise<TResult>;
+  state: State;
+  updateState: (mutation: (state: State) => State) => void;
+}
+
+export interface UseMutationArgs<TResult = unknown, TArgs = void> {
+  key: string;
+  queryFn: (args: TArgs) => Promise<TResult>;
+  onQueryStarted?: (args: TArgs, api: MutationApi<TResult>) => void;
+}
+
+const INITIAL_MUTATION_STATE: MutationState = { isFetching: false, error: undefined };
+
+export function useMutation<TResult = unknown, TArgs = void>(args: UseMutationArgs<TResult, TArgs>) {
+  const { key, queryFn, onQueryStarted } = args;
+  const dispatch = useDispatch();
+  const state = useStateRef();
+  const mutationState = useSelect((x) => x.mutation[args.key], []);
+
+  const invoke = useCallback((args: TArgs) => {
+    dispatch({ type: 'mutation_fetch', data: { key } });
+    const promise = queryFn(args);
+
+    promise
+      .then(() => {
+        dispatch({ type: 'mutation_resolve', data: { key } });
+      })
+      .catch((error) => dispatch({ type: 'mutation_reject', data: { key, error } }));
+
+    onQueryStarted &&
+      onQueryStarted(args, {
+        promise,
+        state: state.current,
+        updateState: (mutation: (state: State) => State) => {
+          dispatch({ type: 'update', data: { mutation } });
+        },
+      });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return [invoke, mutationState ?? INITIAL_MUTATION_STATE] as const;
+}

package/src/core/useQuery.tsx

@@ -1,45 +1,45 @@
-import { useEffect } from 'react';
-import { useDispatch, useSelect, useStateRef } from './reducer';
-import { QueryState, State } from './state';
-
-interface UseQueryArgs<TData> {
-  key: string;
-  queryFn: () => Promise<TData>;
-}
-
-const INITIAL_QUERY_STATE: QueryState<any> = {
-  uninitialized: false,
-  isFetching: true,
-  data: undefined,
-  error: undefined,
-};
-
-function select<TData>(state: State, key: string): QueryState<TData> | undefined {
-  return (state.query as any)[key];
-}
-
-function useQueryState<TData>(key: string): QueryState<TData> | undefined {
-  return useSelect((x) => select<TData>(x, key), []);
-}
-
-export function useQuery<TData>(args: UseQueryArgs<TData>): QueryState<TData> {
-  const { key, queryFn } = args;
-  const state = useStateRef();
-  const dispatch = useDispatch();
-  const queryState = useQueryState<TData>(args.key);
-
-  useEffect(() => {
-    if (select(state.current, key)) {
-      return;
-    }
-
-    dispatch({ type: 'query_fetch', data: { key } });
-    queryFn()
-      .then((data) => dispatch({ type: 'query_resolve', data: { key, data: data as any } }))
-      .catch((error) => dispatch({ type: 'query_reject', data: { key, error } }));
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return queryState ?? INITIAL_QUERY_STATE;
-}
+import { useEffect } from 'react';
+import { useDispatch, useSelect, useStateRef } from './reducer';
+import { QueryState, State } from './state';
+
+interface UseQueryArgs<TData> {
+  key: string;
+  queryFn: () => Promise<TData>;
+}
+
+const INITIAL_QUERY_STATE: QueryState<any> = {
+  uninitialized: false,
+  isFetching: true,
+  data: undefined,
+  error: undefined,
+};
+
+function select<TData>(state: State, key: string): QueryState<TData> | undefined {
+  return (state.query as any)[key];
+}
+
+function useQueryState<TData>(key: string): QueryState<TData> | undefined {
+  return useSelect((x) => select<TData>(x, key), []);
+}
+
+export function useQuery<TData>(args: UseQueryArgs<TData>): QueryState<TData> {
+  const { key, queryFn } = args;
+  const state = useStateRef();
+  const dispatch = useDispatch();
+  const queryState = useQueryState<TData>(args.key);
+
+  useEffect(() => {
+    if (select(state.current, key)) {
+      return;
+    }
+
+    dispatch({ type: 'query_fetch', data: { key } });
+    queryFn()
+      .then((data) => dispatch({ type: 'query_resolve', data: { key, data: data as any } }))
+      .catch((error) => dispatch({ type: 'query_reject', data: { key, error } }));
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return queryState ?? INITIAL_QUERY_STATE;
+}

package/src/core/useReadMonitor.tsx

@@ -1,31 +1,31 @@
-import { useEffect, useRef } from 'react';
-import { useClient } from '../ChatifyContext';
-import { useDispatch, useSelect } from './reducer';
-
-export function useReadMonitor() {
-  const client = useClient();
-  const [queued, timestamp] = useSelect((x) => [x.read.queued, x.read.timestamp], []);
-  const dispatch = useDispatch();
-  const timer = useRef<NodeJS.Timeout | null>(null);
-
-  useEffect(() => {
-    if (queued.length === 0) {
-      return;
-    }
-
-    if (timer.current) {
-      clearTimeout(timer.current);
-    }
-
-    timer.current = setTimeout(() => {
-      dispatch({ type: 'read_send', data: { ids: queued } });
-      client
-        .read({ ids: queued })
-        .catch(() =>
-          dispatch({ type: 'read_reject', data: { ids: queued, timestamp: new Date().getTime() } }),
-        );
-    }, 100);
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [timestamp]);
-}
+import { useEffect, useRef } from 'react';
+import { useClient } from '../ChatifyContext';
+import { useDispatch, useSelect } from './reducer';
+
+export function useReadMonitor() {
+  const client = useClient();
+  const [queued, timestamp] = useSelect((x) => [x.read.queued, x.read.timestamp], []);
+  const dispatch = useDispatch();
+  const timer = useRef<NodeJS.Timeout | null>(null);
+
+  useEffect(() => {
+    if (queued.length === 0) {
+      return;
+    }
+
+    if (timer.current) {
+      clearTimeout(timer.current);
+    }
+
+    timer.current = setTimeout(() => {
+      dispatch({ type: 'read_send', data: { ids: queued } });
+      client
+        .read({ ids: queued })
+        .catch(() =>
+          dispatch({ type: 'read_reject', data: { ids: queued, timestamp: new Date().getTime() } }),
+        );
+    }, 100);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [timestamp]);
+}