Add optional moeflow-companion service

.dockerignore

@@ -15,10 +15,6 @@
 
 # misc
 **/.DS_Store
-**/.env.local
-**/.env.development.local
-**/.env.test.local
-**/.env.production.local
 
 **/npm-debug.log*
 **/yarn-debug.log*

.gitignore

@@ -28,3 +28,4 @@ yarn-error.log*
 .vscode/*
 .idea
 stats.html
+/public/moeflow-runtime-config.json

Makefile

@@ -0,0 +1,14 @@
+locale-json: src/locales/en.json src/locales/zh-cn.json
+
+locale-json-watch:
+	watch make locale-json
+
+format:
+	npm run format:fix
+
+src/locales/en.json: src/locales/messages.yaml
+	node_modules/.bin/tsx scripts/generate-locale-json.ts
+
+src/locales/zh-cn.json: src/locales/messages.yaml
+	node_modules/.bin/tsx scripts/generate-locale-json.ts
+

package.json

@@ -8,7 +8,7 @@
     "@fortawesome/free-regular-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.19",
-    "@gradio/client": "1.14.0",
+    "@gradio/client": "^1.14.0",
     "@jokester/ts-commonutil": "^0.6.1",
     "@reduxjs/toolkit": "^1.9.7",
     "@zip.js/zip.js": "^2.7.60",

public/moeflow-runtime-config.sample.json

@@ -0,0 +1,7 @@
+{
+  "comment": "Runtime configuration overrides. See src/configs.tsx",
+  "moeflowCompanion": {
+    "gradioUrl": "http://localhost:7860",
+    "defaultMultimodalModel": "gemini-2.0-flash-lite"
+  }
+}

src/apis/index.ts

@@ -9,7 +9,7 @@ import axios, {
 import qs from 'qs';
 import { createElement } from 'react';
 import { Icon } from '../components';
-import { configs, runtimeConfig } from '@/configs';
+import { runtimeConfig } from '@/configs';
 import { createDebugLogger } from '@/utils/debug-logger';
 import { getIntl } from '@/locales';
 import store from '../store';

src/components/ApplicationList.tsx

@@ -22,7 +22,7 @@
 import { formatGroupType } from '@/utils/i18n';
 import { clickEffect } from '@/utils/style';
 import { can } from '@/utils/user';
-import { Spin } from './Spin';
+import { Spin } from './shared/Spin';
 
 /** 申请管理页的属性接口 */
 interface ApplicationListProps {
@@ -137,7 +137,7 @@
   const handleChange = ({
     page,
     pageSize,
     word,
     cancelToken,
   }: {
     page: number;
@@ -149,8 +149,8 @@
     let getApplications;
     if (type === 'group') {
       getApplications = api.application.getApplications({
         groupType: groupType!,
         groupID: currentGroup!.id,
         params: {
           page,
           limit: pageSize,

src/components/AuthLoginedTip.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import { useIntl } from 'react-intl';
 import { useDispatch, useSelector } from 'react-redux';
 import { useHistory } from 'react-router';
-import { Avatar } from './Avatar';
+import { Avatar } from './shared/Avatar';
 import { AppState } from '../store';
 import { setUserToken } from '../store/user/slice';
 import style from '../style';

src/components/CAPTCHAInput.tsx

@@ -4,15 +4,15 @@
 import classNames from 'classnames';
 import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
-import api from '../apis';
-import { LoadingIcon } from './LoadingIcon';
-import { getIntl } from '../locales';
-import style from '../style';
-import { getCancelToken } from '../utils/api';
-import { clickEffect, imageClickEffect } from '../utils/style';
+import api from '@/apis';
+import { LoadingIcon } from '@/components';
+import { getIntl } from '@/locales';
+import style from '@/style';
+import { getCancelToken } from '@/utils/api';
+import { clickEffect, imageClickEffect } from '@/utils/style';
 
 /** 用于 Form.Item 校验验证码，rules={[{validator: checkCAPTCHA}]} */
 export const checkCAPTCHA = (rule: any, captcha: CAPTCHAInputValue) => {
   const intl = getIntl();
   if (captcha.value === '') {
     return Promise.reject(intl.formatMessage({ id: 'form.required' }));

src/components/InvitationList.tsx

@@ -17,7 +17,7 @@ import { toLowerCamelCase } from '../utils';
 import { getCancelToken } from '../utils/api';
 import { FC } from '../interfaces';
 import { clickEffect } from '../utils/style';
-import { Spin } from './Spin';
+import { Spin } from './shared/Spin';
 import { INVITATION_STATUS } from '../constants';
 
 const { Option } = Select;

src/components/InviteUser.tsx

@@ -13,8 +13,8 @@ import { FC, Role, Project, UserTeam } from '../interfaces';
 import style from '../style';
 import { toLowerCamelCase } from '../utils';
 import { getCancelToken } from '../utils/api';
-import { Spin } from './Spin';
-import { LIST_ITEM_DEFAULT_HEIGHT } from './ListItem';
+import { Spin } from './shared/Spin';
+import { LIST_ITEM_DEFAULT_HEIGHT } from '@/components/shared/ListItem';
 
 const { Option } = Select;
 

src/components/MemberList.tsx

@@ -15,7 +15,7 @@ import style from '../style';
 import { toLowerCamelCase } from '../utils';
 import { getCancelToken } from '../utils/api';
 import { can } from '../utils/user';
-import { Spin } from './Spin';
+import { Spin } from './shared/Spin';
 import { TypeData } from './TypeRadioGroup';
 
 /** 成员设置页的属性接口 */

src/components/ProjectSetList.tsx

@@ -21,7 +21,7 @@ import {
 } from '../store/projectSet/slice';
 import { toLowerCamelCase } from '../utils';
 import { can } from '../utils/user';
-import { LIST_ITEM_DEFAULT_HEIGHT } from './ListItem';
+import { LIST_ITEM_DEFAULT_HEIGHT } from '@/components/shared/ListItem';
 
 /** 项目集的属性接口 */
 interface ProjectSetListProps {

src/components/TeamInsightProjectList.tsx

@@ -8,7 +8,7 @@ import {
   Tag,
   message,
 } from 'antd';
-import { Button as CustomButton } from './Button';
+import { Button as CustomButton } from './shared/Button';
 import classNames from 'classnames';
 import produce from 'immer';
 import qs from 'qs';
@@ -324,7 +324,7 @@ export const TeamInsightProjectList: FC<TeamInsightProjectListProps> = ({
             }}
           />
           <Column
-            title={formatMessage({ id: 'site.output' })}
+            title={formatMessage({ id: 'project.export' })}
             key="project"
             width="30%"
             render={(text, record: APIInsightProjectWithPage, index) => {

src/components/TeamList.tsx

@@ -7,12 +7,12 @@ import { useDispatch, useSelector } from 'react-redux';
 import { matchPath, useHistory, useLocation } from 'react-router-dom';
 import { Avatar, EmptyTip, Icon, List, ListItem } from '.';
 import api, { resultTypes } from '../apis';
-import { FC, UserTeam } from '../interfaces';
-import { AppState } from '../store';
-import { resetProjectSetsState } from '../store/projectSet/slice';
-import { clearTeams, createTeam, setTeamsState } from '../store/team/slice';
-import { toLowerCamelCase } from '../utils';
-import { LIST_ITEM_DEFAULT_HEIGHT } from './ListItem';
+import { FC, UserTeam } from '@/interfaces';
+import { AppState } from '@/store';
+import { resetProjectSetsState } from '@/store/projectSet/slice';
+import { clearTeams, createTeam, setTeamsState } from '@/store/team/slice';
+import { toLowerCamelCase } from '@/utils';
+import { LIST_ITEM_DEFAULT_HEIGHT } from '@/components/shared/ListItem';
 
 /** 团队列表的属性接口 */
 interface TeamListProps {

src/components/TeamSearchList.tsx

@@ -15,7 +15,7 @@ import { createTeam } from '../store/team/slice';
 import { toLowerCamelCase } from '../utils';
 import { FC, UserTeam } from '../interfaces';
 import { Team } from '../interfaces';
-import { LIST_ITEM_DEFAULT_HEIGHT } from './ListItem';
+import { LIST_ITEM_DEFAULT_HEIGHT } from '@/components/shared/ListItem';
 
 /** 搜索团队的属性接口 */
 interface TeamSearchListProps {

src/components/TeamSettingBase.tsx

@@ -17,7 +17,7 @@ import style from '../style';
 import { FC, UserTeam } from '../interfaces';
 import { can } from '../utils/user';
 import copy from 'copy-to-clipboard';
-import { AvatarUpload } from './AvatarUpload';
+import { AvatarUpload } from './shared/AvatarUpload';
 
 /** 团队基础设置的属性接口 */
 interface TeamSettingBaseProps {

src/components/UserInvitationList.tsx

@@ -16,7 +16,7 @@ import { createTeam } from '../store/team/slice';
 import style from '../style';
 import { toLowerCamelCase } from '../utils';
 import { clickEffect } from '../utils/style';
-import { Spin } from './Spin';
+import { Spin } from './shared/Spin';
 
 /** 申请管理页的属性接口 */
 interface UserInvitationListProps {

src/components/index.ts

@@ -2,8 +2,8 @@ export { Icon } from './icon';
 export { ApplicationList } from './ApplicationList';
 export { AuthFormWrapper } from './AuthFormWrapper';
 export { AuthLoginedTip } from './AuthLoginedTip';
-export { Avatar } from './Avatar';
-export { Button } from './Button';
+export { Avatar } from './shared/Avatar';
+export { Button } from './shared/Button';
 export { CAPTCHAInput } from './CAPTCHAInput';
 export { CAPTCHAModal } from './CAPTCHAModal';
 export { Content } from './Content';
@@ -12,44 +12,40 @@ export { ContentTitle } from './ContentTitle';
 export { DashboardBox } from './DashboardBox';
 export { DashboardMenu } from './DashboardMenu';
 export { DebounceStatus } from './DebounceStatus';
-export { Dropdown } from './Dropdown';
+export { Dropdown } from './shared/Dropdown';
 export { EmailInput } from './EmailInput';
 export { EmailVCodeInputItem } from './EmailVCodeInputItem';
 export { EmptyTip } from './EmptyTip';
-export { FileCover } from './FileCover';
-export { FileItem } from './FileItem';
-export { FileList } from './FileList';
-export { FileUploadProgress } from './FileUploadProgress';
+export { FileList } from './project/FileList';
+export { FileUploadProgress } from './project/FileUploadProgress';
 export { Form } from './Form';
 export { FormItem } from './FormItem';
 export { GroupJoinForm } from './GroupJoinForm';
-export { Header } from './Header';
+export { Header } from './shared/Header';
 export { useHotKey } from './HotKey';
-export { ImageOCRProgress } from './ImageOCRProgress';
+export { ImageOCRProgress } from './unused/ImageOCRProgress';
 export { InvitationList } from './InvitationList';
 export { InviteUser } from './InviteUser';
-export { Label } from './Label';
-export { LanguageSelect } from './LanguageSelect';
-export { List } from './List';
-export { ListItem, LIST_ITEM_DEFAULT_HEIGHT } from './ListItem';
-export { ListSearchInput } from './ListSearchInput';
-export { ListSkeletonItem } from './ListSkeletonItem';
-export { LoadingIcon } from './LoadingIcon';
+export { Label } from './shared/Label';
+export { LanguageSelect } from './project/LanguageSelect';
+export { List } from './shared/List';
+export { ListItem, LIST_ITEM_DEFAULT_HEIGHT } from './shared/ListItem';
+export { ListSearchInput } from './shared/ListSearchInput';
+export { ListSkeletonItem } from './shared/ListSkeletonItem';
+export { LoadingIcon } from './shared/LoadingIcon';
 export { MemberList } from './MemberList';
-export { MovableArea, MovableItem } from './Movable';
+export { MovableArea, MovableItem } from './shared/Movable';
 export { NavTab } from './NavTab';
 export { NavTabs } from './NavTabs';
-export { Output } from './Output';
-export { OutputList } from './OutputList';
-export { ProjectItem } from './ProjectItem';
-export { ProjectList } from './ProjectList';
+export { OutputList } from './project/OutputList';
+export { ProjectList } from './project-list/ProjectList';
 export { ProjectSetCreateForm } from './ProjectSetCreateForm';
 export { ProjectSetEditForm } from './ProjectSetEditForm';
 export { ProjectSetList } from './ProjectSetList';
 export { ProjectSetSettingBase } from './ProjectSetSettingBase';
 export { RoleRadioGroup } from './RoleRadioGroup';
 export { RoleSelect } from './RoleSelect';
-export { Spin } from './Spin';
+export { Spin } from './shared/Spin';
 export { TabBarM } from './TabBarM';
 export { TeamCreateForm } from './TeamCreateForm';
 export { TeamEditForm } from './TeamEditForm';
@@ -58,7 +54,7 @@ export { TeamInsightUserList } from './TeamInsightUserList';
 export { TeamList } from './TeamList';
 export { TeamSearchList } from './TeamSearchList';
 export { TeamSettingBase } from './TeamSettingBase';
-export { Tooltip } from './Tooltip';
+export { Tooltip } from './shared/Tooltip';
 export { TranslationProgress } from './TranslationProgress';
 export { TypeRadioGroup } from './TypeRadioGroup';
 export { UserEmailEditForm } from './UserEmailEditForm';