Revert "feat: Add a Preview Feature to check the text after formatting it. (#…" (#1002)

This reverts commit d14c174.

Author: Spiral-Memory

package.json

@@ -25,7 +25,6 @@
     "typescript": "^5.1.3"
   },
   "dependencies": {
-    "dompurify": "^3.1.6",
-    "marked": "latest"
+    "dompurify": "^3.1.6"
   }
 }

packages/react/src/store/messageStore.js

@@ -10,7 +10,6 @@ const useMessageStore = create((set, get) => ({
   editMessage: {},
   messagesOffset: 0,
   quoteMessage: [],
-  previewMessage: [],
   deleteMessageRoles: {},
   deleteOwnMessageRoles: {},
   forceDeleteMessageRoles: {},
@@ -101,14 +100,6 @@ const useMessageStore = create((set, get) => ({
     })),
 
   clearQuoteMessages: () => set({ quoteMessage: [] }),
-  addPreviewMessage: (previewMessage) =>
-    set((state) => ({
-      previewMessage: [...state.previewMessage, previewMessage],
-    })),
-  removePreviewMessage: (previewMessage) =>
-    set((state) => ({
-      previewMessage: state.previewMessage.filter((i) => i !== previewMessage),
-    })),
   setMessageToReport: (messageId) =>
     set(() => ({ messageToReport: messageId })),
   toggleShowReportMessage: () => {

packages/react/src/views/ChatInput/ChatInput.js

@@ -34,7 +34,6 @@ import useShowCommands from '../../hooks/useShowCommands';
 import useSearchMentionUser from '../../hooks/useSearchMentionUser';
 import formatSelection from '../../lib/formatSelection';
 import { parseEmoji } from '../../lib/emoji';
-import PreviewMessage from '../PreviewMessage/PreviewMessage';
 
 const ChatInput = ({ scrollToBottom }) => {
   const { styleOverrides, classNames } = useComponentOverrides('ChatInput');
@@ -98,7 +97,6 @@ const ChatInput = ({ scrollToBottom }) => {
     editMessage,
     setEditMessage,
     quoteMessage,
-    previewMessage,
     isRecordingMessage,
     upsertMessage,
     replaceMessage,
@@ -108,7 +106,6 @@ const ChatInput = ({ scrollToBottom }) => {
     editMessage: state.editMessage,
     setEditMessage: state.setEditMessage,
     quoteMessage: state.quoteMessage,
-    previewMessage: state.previewMessage,
     isRecordingMessage: state.isRecordingMessage,
     upsertMessage: state.upsertMessage,
     replaceMessage: state.replaceMessage,
@@ -522,13 +519,6 @@ const ChatInput = ({ scrollToBottom }) => {
               <QuoteMessage message={message} key={index} />
             ))}
         </div>
-        <div>
-          {previewMessage &&
-            previewMessage.length > 0 &&
-            previewMessage.map((message, index) => (
-              <PreviewMessage message={message} key={index} />
-            ))}
-        </div>
         {editMessage.msg || editMessage.attachments || isChannelReadOnly ? (
           <ChannelState
             status={

packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js

@@ -22,15 +22,7 @@ const ChatInputFormattingToolbar = ({
   inputRef,
   triggerButton,
   optionConfig = {
-    surfaceItems: [
-      'emoji',
-      'formatter',
-      'link',
-      'audio',
-      'video',
-      'file',
-      'preview',
-    ],
+    surfaceItems: ['emoji', 'formatter', 'link', 'audio', 'video', 'file'],
     formatters: ['bold', 'italic', 'strike', 'code', 'multiline'],
     smallScreenSurfaceItems: ['emoji', 'video', 'audio', 'file'],
     popOverItems: ['formatter', 'link'],
@@ -54,12 +46,6 @@ const ChatInputFormattingToolbar = ({
     (state) => state.isRecordingMessage
   );
 
-  const addPreviewMessage = useMessageStore((state) => state.addPreviewMessage);
-  const previewMessage = useMessageStore((state) => state.previewMessage);
-  const removePreviewMessage = useMessageStore(
-    (state) => state.removePreviewMessage
-  );
-
   const [isEmojiOpen, setEmojiOpen] = useState(false);
   const [isInsertLinkOpen, setInsertLinkOpen] = useState(false);
   const [isPopoverOpen, setPopoverOpen] = useState(false);
@@ -158,7 +144,7 @@ const ChatInputFormattingToolbar = ({
           }}
         >
           <Icon name="attachment" size="1rem" />
-          <span>File</span>
+          <span>file</span>
         </Box>
       ) : (
         <Tooltip text="Upload File" position="top" key="file">
@@ -187,7 +173,7 @@ const ChatInputFormattingToolbar = ({
           }}
         >
           <Icon name="link" size="1rem" />
-          <span>Link</span>
+          <span>link</span>
         </Box>
       ) : (
         <Tooltip text="Link" position="top" key="link">
@@ -204,41 +190,6 @@ const ChatInputFormattingToolbar = ({
           </ActionButton>
         </Tooltip>
       ),
-    preview:
-      isPopoverOpen && popOverItems.includes('preview') ? (
-        <Box
-          key="preview"
-          css={styles.popOverItemStyles}
-          disabled={isRecordingMessage || !messageRef.current?.value}
-          onClick={() => {
-            if (isRecordingMessage || !messageRef.current?.value) return;
-            if (previewMessage) {
-              removePreviewMessage(previewMessage[0]);
-            }
-            addPreviewMessage(messageRef.current.value);
-          }}
-        >
-          <Icon name="eyeopen" size="1rem" />
-          <span>Preview</span>
-        </Box>
-      ) : (
-        <Tooltip text="Preview" position="top" key="preview">
-          <ActionButton
-            square
-            ghost
-            disabled={isRecordingMessage || !messageRef.current?.value}
-            onClick={() => {
-              if (isRecordingMessage || !messageRef.current?.value) return;
-              if (previewMessage) {
-                removePreviewMessage(previewMessage[0]);
-              }
-              addPreviewMessage(messageRef.current.value);
-            }}
-          >
-            <Icon name="eyeopen" size="1.25rem" />
-          </ActionButton>
-        </Tooltip>
-      ),
     formatter: formatters
       .map((name) => formatter.find((item) => item.name === name))
       .map((item) =>

packages/react/src/views/PreviewMessage/PreviewMessage.js

@@ -15208,7 +15208,6 @@ __metadata:
     esbuild: ^0.17.19
     husky: ^9.0.11
     lerna: ^6.6.2
-    marked: latest
     typescript: ^5.1.3
   languageName: unknown
   linkType: soft
@@ -22446,15 +22445,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"marked@npm:latest":
-  version: 15.0.6
-  resolution: "marked@npm:15.0.6"
-  bin:
-    marked: bin/marked.js
-  checksum: 5218363ac4f6cd1893318ad8b1efacdc8a416f87da28cbcffb419d97602168935249351a3fbe2c59221e7e9955862c6a038ec00f19bf4a6d7e8e0e2e9643d154
-  languageName: node
-  linkType: hard
-
 "material-colors@npm:^1.2.1":
   version: 1.2.6
   resolution: "material-colors@npm:1.2.6"