feat(web): complete move common components/utils/store/hooks to @refl…

…y/ai-workspace-common

apps/extension-wxt/src/entrypoints/background/events/message.ts

@@ -1,13 +1,13 @@
-import { Runtime, Tabs } from "wxt/browser";
-import { extRequest } from "@/utils/request";
-import { HandlerRequest, HandlerResponse } from "@/types/request";
-import { storage } from "wxt/storage";
-import { getLastActiveTab, saveLastActiveTab } from "@/utils/extension/tabs";
-import { requestFileNames } from "@/types/request-filename";
+import { Runtime, Tabs } from 'wxt/browser';
+import { extRequest } from '@/utils/request';
+import { HandlerRequest, HandlerResponse } from '@/types/request';
+import { storage } from 'wxt/storage';
+import { getLastActiveTab, saveLastActiveTab } from '@/utils/extension/tabs';
+import { requestFileNames } from '@/types/request-filename';
 
 export const handleRequest = async (msg: HandlerRequest<any>) => {
   const lastActiveTab = await getLastActiveTab();
-  const url = appConfig?.url[msg.name as keyof typeof appConfig.url] || "";
+  const url = appConfig?.url[msg.name as keyof typeof appConfig.url] || '';
   const [err, userRes] = await extRequest(url as string, msg?.body);
   let messageRes = {} as HandlerResponse<any>;
 
@@ -29,11 +29,7 @@ export const handleRequest = async (msg: HandlerRequest<any>) => {
   });
 };
 
-export const onMessage = async (
-  msg: any,
-  sender: Runtime.MessageSender,
-  sendResponse: (response?: any) => void
-) => {
+export const onMessage = async (msg: any, sender: Runtime.MessageSender, sendResponse: (response?: any) => void) => {
   // 前置做保存，后续使用
   await saveLastActiveTab(sender?.tab as Tabs.Tab);
 

apps/web/package.json

@@ -58,7 +58,9 @@
     "uuid": "^9.0.0",
     "zustand": "^4.5.1",
     "@refly/constants": "workspace:*",
-    "@refly/schema": "workspace:*"
+    "@refly/schema": "workspace:*",
+    "@refly/ai-workspace-common": "workspace:*",
+    "vite-tsconfig-paths": "~4.3.2"
   },
   "devDependencies": {
     "@refly/arco-vite-plugin-react": "workspace:*",

apps/web/src/pages/knowledge-base/copilot/index.tsx

@@ -20,11 +20,14 @@ import {
 import "./index.scss"
 import { fakeConversations } from "@/fake-data/conversation"
 // 自定义组件
-import { SearchTargetSelector } from "@/components/search-target-selector"
+import { SearchTargetSelector } from "@refly/ai-workspace-common/components/search-target-selector"
 import { useSearchParams } from "react-router-dom"
-import { SearchTarget, useSearchStateStore } from "@/stores/search-state"
+import {
+  SearchTarget,
+  useSearchStateStore,
+} from "@refly/ai-workspace-common/stores/search-state"
 import { ContextStateDisplay } from "./context-state-display"
-import { useCopilotContextState } from "@/hooks/use-copilot-context-state"
+import { useCopilotContextState } from "@refly/ai-workspace-common/hooks/use-copilot-context-state"
 import { useEffect, useState } from "react"
 import { ChatInput } from "./chat-input"
 import { ChatMessages } from "./chat-messages"
@@ -35,20 +38,23 @@ import { KnowledgeBaseListModal } from "./knowledge-base-list-modal"
 import getThreadMessages from "@/requests/getThreadMessages"
 
 // state
-import { useChatStore } from "@/stores/chat"
-import { Conversation, LOCALE } from "@/types"
-import { useConversationStore } from "@/stores/conversation"
-import { useResetState } from "@/hooks/use-reset-state"
-import { useBuildThreadAndRun } from "@/hooks/use-build-thread-and-run"
-import { delay } from "@/utils/delay"
-import { ActionSource, useKnowledgeBaseStore } from "@/stores/knowledge-base"
+import { useChatStore } from "@refly/ai-workspace-common/stores/chat"
+import { Conversation, LOCALE } from "@refly/ai-workspace-common/types"
+import { useConversationStore } from "@refly/ai-workspace-common/stores/conversation"
+import { useResetState } from "@refly/ai-workspace-common/hooks/use-reset-state"
+import { useBuildThreadAndRun } from "@refly/ai-workspace-common/hooks/use-build-thread-and-run"
+import { delay } from "@refly/ai-workspace-common/utils/delay"
+import {
+  ActionSource,
+  useKnowledgeBaseStore,
+} from "@refly/ai-workspace-common/stores/knowledge-base"
 // utils
-import { localeToLanguageName } from "@/utils/i18n"
-import { OutputLocaleList } from "@/components/output-locale-list"
+import { localeToLanguageName } from "@refly/ai-workspace-common/utils/i18n"
+import { OutputLocaleList } from "@refly/ai-workspace-common/components/output-locale-list"
 import { useTranslation } from "react-i18next"
-import { useUserStore } from "@/stores/user"
-import { useResizeCopilot } from "@/hooks/use-resize-copilot"
-import { SourceListModal } from "@/components/source-list/source-list-modal"
+import { useUserStore } from "@refly/ai-workspace-common/stores/user"
+import { useResizeCopilot } from "@refly/ai-workspace-common/hooks/use-resize-copilot"
+import { SourceListModal } from "@refly/ai-workspace-common/components/source-list/source-list-modal"
 
 const TextArea = Input.TextArea
 

apps/web/tsconfig.json

@@ -22,7 +22,8 @@
 
     // path
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./src/*"],
+      "@refly/ai-workspace-common/*": ["./node_modules/@refly/ai-workspace-common/src/*"]
     }
   },
   "include": ["src"],

apps/web/vite.config.ts

@@ -4,11 +4,13 @@ import react from "@vitejs/plugin-react"
 import path from "path"
 import postcss from "./postcss.config.js"
 import { vitePluginForArco } from "@refly/arco-vite-plugin-react"
+import tsconfigPaths from "vite-tsconfig-paths"
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     react(),
+    tsconfigPaths(),
     vitePluginForArco({
       theme: "@arco-themes/react-refly-ai",
     }),