Merge pull request #440 from aws-samples/vite-upgrade

Vite のメジャーバージョンの更新
aws-samples · Apr 8, 2024 · 2275212 · 2275212
2 parents b6eac86 + 5b34110
commit 2275212
Show file tree

Hide file tree

Showing 9 changed files with 2,286 additions and 2,188 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/web/package.json b/packages/web/package.json
@@ -54,7 +54,7 @@
     "@types/react-syntax-highlighter": "^15.5.7",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
-    "@vitejs/plugin-react": "^4.0.3",
+    "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.14",
     "eslint": "^8.48.0",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -65,8 +65,8 @@
     "prettier-plugin-tailwindcss": "^0.5.11",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.0.2",
-    "vite": "^4.4.5",
-    "vite-plugin-node-polyfills": "^0.17.0",
-    "vite-plugin-svgr": "^3.2.0"
+    "vite": "^5.2.8",
+    "vite-plugin-node-polyfills": "^0.21.0",
+    "vite-plugin-svgr": "^4.2.0"
   }
 }
diff --git a/packages/web/src/components/ChatMessage.tsx b/packages/web/src/components/ChatMessage.tsx
@@ -7,7 +7,7 @@ import ZoomUpImage from './ZoomUpImage';
 import { PiUserFill, PiChalkboardTeacher } from 'react-icons/pi';
 import { BaseProps } from '../@types/common';
 import { ShownMessage } from 'generative-ai-use-cases-jp';
-import { ReactComponent as BedrockIcon } from '../assets/bedrock.svg';
+import BedrockIcon from '../assets/bedrock.svg?react';
 import useChat from '../hooks/useChat';
 import useTyping from '../hooks/useTyping';
 import useFileApi from '../hooks/useFileApi';

diff --git a/packages/web/src/components/Drawer.tsx b/packages/web/src/components/Drawer.tsx
@@ -12,7 +12,7 @@ import {
   PiBookOpen,
   PiMagnifyingGlass,
 } from 'react-icons/pi';
-import { ReactComponent as BedrockIcon } from '../assets/bedrock.svg';
+import BedrockIcon from '../assets/bedrock.svg?react';
 import ExpandableMenu from './ExpandableMenu';
 import ChatList from './ChatList';
 

diff --git a/packages/web/src/pages/AgentChatPage.tsx b/packages/web/src/pages/AgentChatPage.tsx
@@ -7,7 +7,7 @@ import ChatMessage from '../components/ChatMessage';
 import Select from '../components/Select';
 import useScroll from '../hooks/useScroll';
 import { create } from 'zustand';
-import { ReactComponent as BedrockIcon } from '../assets/bedrock.svg';
+import BedrockIcon from '../assets/bedrock.svg?react';
 import { AgentPageQueryParams } from '../@types/navigate';
 import { MODELS } from '../hooks/useModel';
 import { getPrompter } from '../prompts';

diff --git a/packages/web/src/pages/ChatPage.tsx b/packages/web/src/pages/ChatPage.tsx
@@ -17,7 +17,7 @@ import Select from '../components/Select';
 import useScroll from '../hooks/useScroll';
 import { PiArrowClockwiseBold, PiShareFatFill } from 'react-icons/pi';
 import { create } from 'zustand';
-import { ReactComponent as BedrockIcon } from '../assets/bedrock.svg';
+import BedrockIcon from '../assets/bedrock.svg?react';
 import { ChatPageQueryParams } from '../@types/navigate';
 import { MODELS } from '../hooks/useModel';
 import { getPrompter } from '../prompts';

diff --git a/packages/web/src/pages/LandingPage.tsx b/packages/web/src/pages/LandingPage.tsx
@@ -16,7 +16,7 @@ import {
   PiRobot,
   PiVideoCamera,
 } from 'react-icons/pi';
-import { ReactComponent as AwsIcon } from '../assets/aws.svg';
+import AwsIcon from '../assets/aws.svg?react';
 import useInterUseCases from '../hooks/useInterUseCases';
 import {
   AgentPageQueryParams,

diff --git a/packages/web/src/pages/RagPage.tsx b/packages/web/src/pages/RagPage.tsx
@@ -8,8 +8,8 @@ import { useLocation, Link } from 'react-router-dom';
 import ChatMessage from '../components/ChatMessage';
 import Select from '../components/Select';
 import useScroll from '../hooks/useScroll';
-import { ReactComponent as BedrockIcon } from '../assets/bedrock.svg';
-import { ReactComponent as KendraIcon } from '../assets/kendra.svg';
+import BedrockIcon from '../assets/bedrock.svg?react';
+import KendraIcon from '../assets/kendra.svg?react';
 import { PiPlus } from 'react-icons/pi';
 import { RagPageQueryParams } from '../@types/navigate';
 import { MODELS } from '../hooks/useModel';

diff --git a/packages/web/src/pages/SharedChatPage.tsx b/packages/web/src/pages/SharedChatPage.tsx
@@ -2,7 +2,7 @@ import React, { useMemo, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import useChatApi from '../hooks/useChatApi';
 import ChatMessage from '../components/ChatMessage';
-import { ReactComponent as BedrockIcon } from '../assets/bedrock.svg';
+import BedrockIcon from '../assets/bedrock.svg?react';
 
 const SharedChatPage: React.FC = () => {
   const { shareId } = useParams();