feat: drag n drop files + refactor markdown (#550)

* wip * fix: markdown pre, code elements * fixes * fixes * refactor * remove uiw markdown dependency * fixes * fixes * fixes * feat: drag n drop files in textarea box * fix: npm audit
dcSpark · Dec 11, 2024 · 9d9954c · 9d9954c
1 parent 8f4bc32
commit 9d9954c
Show file tree

Hide file tree

Showing 12 changed files with 10,403 additions and 7,409 deletions.
diff --git a/apps/shinkai-desktop/package.json b/apps/shinkai-desktop/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "tsc &&  NODE_OPTIONS=\\\"--max-old-space-size=8192\\\" vite build ",
     "preview": "vite preview",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx . --ignore-path .gitignore",
     "tauri": "tauri",

diff --git a/apps/shinkai-desktop/src/components/chat/chat-action-bar/file-selection-action-bar.tsx b/apps/shinkai-desktop/src/components/chat/chat-action-bar/file-selection-action-bar.tsx
@@ -0,0 +1,48 @@
+import { useTranslation } from '@shinkai_network/shinkai-i18n';
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipPortal,
+  TooltipTrigger,
+} from '@shinkai_network/shinkai-ui';
+import { cn } from '@shinkai_network/shinkai-ui/utils';
+import { Paperclip } from 'lucide-react';
+import * as React from 'react';
+
+import { allowedFileExtensions } from '../../../lib/constants';
+import { actionButtonClassnames } from '../conversation-footer';
+
+type FileUploadInputProps = {
+  inputProps: React.InputHTMLAttributes<HTMLInputElement>;
+  onClick: () => void;
+};
+
+export function FileSelectionActionBar({
+  onClick,
+  inputProps,
+}: FileUploadInputProps) {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button
+            className={cn(actionButtonClassnames)}
+            onClick={onClick}
+            type="button"
+          >
+            <Paperclip className="h-full w-full" />
+          </button>
+        </TooltipTrigger>
+        <TooltipPortal>
+          <TooltipContent align="center" side="top">
+            {t('common.uploadFile')} <br />
+            {allowedFileExtensions.join(', ')}
+          </TooltipContent>
+        </TooltipPortal>
+      </Tooltip>
+      <input {...inputProps} />
+    </>
+  );
+}
diff --git a/apps/shinkai-desktop/src/components/chat/components/message.tsx b/apps/shinkai-desktop/src/components/chat/components/message.tsx
@@ -21,7 +21,7 @@ import {
   FileList,
   Form,
   FormField,
-  MarkdownPreview,
+  MarkdownText,
   PythonCodeRunner,
   Tooltip,
   TooltipContent,
@@ -339,16 +339,14 @@ export const MessageBase = ({
                     </Accordion>
                   )}
                 {message.role === 'assistant' && (
-                  <MarkdownPreview
-                    className={cn(
-                      message.content &&
-                        message.status.type === 'running' &&
-                        'md-running',
-                    )}
-                    source={extractErrorPropertyOrContent(
+                  <MarkdownText
+                    content={extractErrorPropertyOrContent(
                       message.content,
                       'error_message',
                     )}
+                    isRunning={
+                      !!message.content && message.status.type === 'running'
+                    }
                   />
                 )}
                 {message.role === 'assistant' &&