npm - @webinex/chatify - Versions diffs - 1.0.3-rc3 → 2.0.0-alpha3 - Mend

@@ -1,38 +0,0 @@
-import { useCallback, useState } from 'react';
-import { useSelect, useSendMutation } from '../../core';
-import { uniqId } from '../../util';
-import { InputFilesBox } from './InputFilesBox';
-import { InputTextBox } from './InputTextBox';
-import { customize } from '../customize';
-import { InputSubmitButtonBox } from './InputSubmitButtonBox';
-function useSend(text: string, setText: (value: string) => void) {
-  const chatId = useSelect((x) => x.ui.chatId!, []);
-  const [add] = useSendMutation();
-  return useCallback(() => {
-    if (text.length === 0) {
-      return;
-    }
-    setText('');
-    add({ chatId, text: text, files: [], requestId: uniqId() });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [chatId, text]);
-}
-export const InputBox = customize('InputBox', () => {
-  const [text, setText] = useState('');
-  const onSend = useSend(text, setText);
-  return (
-    <div className="wxchtf-input-form">
-      <div className="wxchtf-input-box">
-        <InputFilesBox />
-        <InputTextBox value={text} onSend={onSend} onChange={setText} />
-        <InputSubmitButtonBox onSubmit={onSend} />
-      </div>
-    </div>
-  );
-});

@@ -1,9 +0,0 @@
-import { Button } from 'antd';
-import { customize } from '../customize';
-import { Icon } from '../Icon';
-export const InputFilesBox = customize('InputFilesBox', () => (
-  <div className="wxchtf-add-files-box">
-    <Button type="link" icon={<Icon type="attach" />} className="wxchtf-add-files-btn" />
-  </div>
-));

@@ -1,17 +0,0 @@
-import { Button } from 'antd';
-import { customize } from '../customize';
-import { Icon } from '../Icon';
-export interface InputSubmitButtonBoxProps {
-  onSubmit: () => void;
-}
-export const InputSubmitButtonBox = customize('InputSubmitButtonBox', (props: InputSubmitButtonBoxProps) => {
-  const { onSubmit } = props;
-  return (
-    <div className="wxchtf-submit-btn-box">
-      <Button onClick={onSubmit} type="link" icon={<Icon type="send" />} className="wxchtf-submit-btn" />
-    </div>
-  );
-});

@@ -1,4 +0,0 @@
-export * from './InputBox';
-export * from './InputFilesBox';
-export * from './InputSubmitButtonBox';
-export * from './InputTextBox';

@@ -1,12 +0,0 @@
-import { customize } from '../customize';
-import { ChatList } from '../ChatList';
-import { AddChatButton } from '../AddChatButton';
-export const Aside = customize('Aside', () => {
-  return (
-    <div className="wxchtf-aside">
-      <AddChatButton />
-      <ChatList />
-    </div>
-  );
-});

@@ -1,10 +0,0 @@
-import { customize } from '../customize';
-import { Aside } from './Aside';
-import { Main } from './Main';
-export const Body = customize('Body', () => (
-  <div className="wxchtf-body">
-    <Aside />
-    <Main />
-  </div>
-));

@@ -1,3 +0,0 @@
-import { customize } from '../customize';
-export const Footer = customize('Footer', () => <div className="wxchtf-footer"></div>);

@@ -1,5 +0,0 @@
-import { customize } from '../customize';
-export const Header = customize('Header', () => {
-  return <div className="wxchtf-header"></div>;
-});

@@ -1,15 +0,0 @@
-import { useSelect } from '../../core';
-import { customize } from '../customize';
-import { CreateChatPanel } from '../CreateChatPanel';
-import { ChatPanel } from '../ChatPanel';
-export const Main = customize('Main', () => {
-  const { view, chatId } = useSelect((x) => ({ view: x.ui.view, chatId: x.ui.chatId }), []);
-  return (
-    <div className="wxchtf-main">
-      {view === 'chat' && chatId && <ChatPanel id={chatId} key={chatId} />}
-      {view === 'new-chat' && <CreateChatPanel />}
-    </div>
-  );
-});

@@ -1,5 +0,0 @@
-export * from './Aside';
-export * from './Header';
-export * from './Footer';
-export * from './Main';
-export * from './Body';

@@ -1,6 +0,0 @@
-export * from './MessageAuthor';
-export * from './MessageBox';
-export * from './MessageContent';
-export * from './MessageInfoBox';
-export * from './MessageRow';
-export * from './MessageText';

@@ -1,4 +0,0 @@
-export * from './SendingMessageBox';
-export * from './SendingMessageContent';
-export * from './SendingMessageInfoBox';
-export * from './SendingMessageText';

@@ -1,43 +0,0 @@
-import { Ref } from 'react';
-import { customize } from '../customize';
-import { Localizer, useLocalizer } from '../localizer';
-import { Message } from '../../core';
-export interface SystemMessageRowProps {
-  message: Message;
-  containerRef?: Ref<HTMLDivElement>;
-}
-export function formatSystemMessage(localizer: Localizer, text: string): React.ReactNode {
-  if (text === 'chatify://chat-created') {
-    return localizer.system.chatCreated();
-  }
-  if (text.startsWith('chatify://member-added')) {
-    return localizer.system.memberAdded();
-  }
-  if (text.startsWith('chatify://member-removed')) {
-    return localizer.system.memberRemoved();
-  }
-  if (text.startsWith('chatify://chat-name-changed::')) {
-    const data = JSON.parse(text.substring('chatify://chat-name-changed::'.length));
-    return localizer.system.chatNameChanged(data.newName);
-  }
-  return text;
-}
-export const SystemMessageRow = customize('SystemMessageRow', (props: SystemMessageRowProps) => {
-  const { message, containerRef } = props;
-  const { text, sentAt } = message;
-  const localizer = useLocalizer();
-  return (
-    <div ref={containerRef} className="wxchtf-system-message">
-      <div className="wxchtf-text">{formatSystemMessage(localizer, text)}</div>
-      <div className="wxchtf-timestamp">{localizer.timestamp(sentAt)}</div>
-    </div>
-  );
-});

	@@ -1,2 +0,0 @@
1	- export * from './SystemMessageBox';
2	- export * from './SystemMessageRow';

@@ -1,17 +0,0 @@
-export function uniqBy<T, TKey extends string | number | symbol>(items: T[], selector: (x: T) => TKey) {
-  const keys = {} as Record<TKey, null>;
-  const result: T[] = [];
-  items.forEach((x) => {
-    const key = selector(x);
-    if (keys.hasOwnProperty(key)) {
-      return;
-    }
-    keys[key] = null;
-    result.push(x);
-  });
-  return result;
-}

@@ -1,3 +0,0 @@
-export function uniqId() {
-  return Date.now().toString(36) + Math.random().toString(36).substring(2);
-}

@webinex/chatify 1.0.3-rc3 → 2.0.0-alpha3