diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index e5859255..0c07622b 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,39 +1,39 @@ import { lazy, Suspense } from 'react'; import { Route, Routes } from 'react-router-dom'; -import { ContextWrapper } from './AuthContext'; -import PrivateRoute from './components/PrivateRoute'; -import AdminRoute from './components/AdminRoute'; +import { ContextWrapper } from '@/AuthContext'; +import PrivateRoute from '@/components/PrivateRoute'; +import AdminRoute from '@/components/AdminRoute'; import { ToastContainer } from 'react-toastify'; import 'react-toastify/dist/ReactToastify.css'; -import SignIn from './pages/Authentication/SignIn'; -import SignUp from './pages/Authentication/SignUp'; +import SignIn from '@/pages/Authentication/SignIn'; +import SignUp from '@/pages/Authentication/SignUp'; -const UserManagementView = lazy(() => import('./pages/UsersView')); -const OnboardingHome = lazy(() => import('./pages/Onboarding')); +const UserManagementView = lazy(() => import('@/pages/UsersView')); +const OnboardingHome = lazy(() => import('@/pages/Onboarding')); const OrganizationSettingsView = lazy( - () => import('./pages/OrganizationSettings') + () => import('@/pages/OrganizationSettings') ); -const OrganizationDashboard = lazy(() => import('./pages/Dashboard')); -const WorkspaceDashboard = lazy(() => import('./pages/WorkspaceDashboard')); -const DocumentView = lazy(() => import('./pages/DocumentView')); +const OrganizationDashboard = lazy(() => import('@/pages/Dashboard')); +const WorkspaceDashboard = lazy(() => import('@/pages/WorkspaceDashboard')); +const DocumentView = lazy(() => import('@/pages/DocumentView')); const OnboardingSecuritySetup = lazy( - () => import('./pages/Onboarding/security') + () => import('@/pages/Onboarding/security') ); // Onboarding v2 -const OnboardingFlow = lazy(() => import('./pages/OnboardingFlow')); +const OnboardingFlow = lazy(() => import('@/pages/OnboardingFlow')); -const OrganizationJobsView = lazy(() => import('./pages/Jobs')); -const OrganizationToolsView = lazy(() => import('./pages/Tools')); -const SystemSettingsView = lazy(() => import('./pages/SystemSettings')); +const OrganizationJobsView = lazy(() => import('@/pages/Jobs')); +const OrganizationToolsView = lazy(() => import('@/pages/Tools')); +const SystemSettingsView = lazy(() => import('@/pages/SystemSettings')); const MigrateConnectionView = lazy( - () => import('./pages/Tools/MigrateConnection') + () => import('@/pages/Tools/MigrateConnection') ); -const ResetConnectionView = lazy(() => import('./pages/Tools/ResetConnection')); -const RAGTestingView = lazy(() => import('./pages/Tools/RAGTesting')); +const ResetConnectionView = lazy(() => import('@/pages/Tools/ResetConnection')); +const RAGTestingView = lazy(() => import('@/pages/Tools/RAGTesting')); const RAGDriftTestRunsView = lazy( - () => import('./pages/Tools/RAGTesting/RecentRuns') + () => import('@/pages/Tools/RAGTesting/RecentRuns') ); function App() { diff --git a/frontend/src/AuthContext.tsx b/frontend/src/AuthContext.tsx index 16a7b517..a7da1529 100644 --- a/frontend/src/AuthContext.tsx +++ b/frontend/src/AuthContext.tsx @@ -1,5 +1,5 @@ import { useState, createContext } from 'react'; -import { STORE_TOKEN, STORE_USER } from './utils/constants'; +import { STORE_TOKEN, STORE_USER } from '@/utils/constants'; export const AuthContext = createContext(null); export function ContextWrapper(props: any) { diff --git a/frontend/src/components/AdminRoute/index.tsx b/frontend/src/components/AdminRoute/index.tsx index 547dac18..eeddcc4f 100644 --- a/frontend/src/components/AdminRoute/index.tsx +++ b/frontend/src/components/AdminRoute/index.tsx @@ -1,9 +1,9 @@ import { useEffect, useState } from 'react'; import { Navigate } from 'react-router-dom'; -import { FullScreenLoader } from '../Preloader'; -import validateSessionTokenForUser from '../../utils/session'; -import paths from '../../utils/paths'; -import { STORE_TOKEN, STORE_USER } from '../../utils/constants'; +import { FullScreenLoader } from '@/components/Preloader'; +import validateSessionTokenForUser from '@/utils/session'; +import { STORE_TOKEN, STORE_USER } from '@/utils/constants'; +import paths from '@/utils/paths'; function useIsAuthenticated() { const [isAuthd, setIsAuthed] = useState(null); diff --git a/frontend/src/components/DocumentPaginator/index.tsx b/frontend/src/components/DocumentPaginator/index.tsx index 9c9266c1..96d3eb85 100644 --- a/frontend/src/components/DocumentPaginator/index.tsx +++ b/frontend/src/components/DocumentPaginator/index.tsx @@ -1,5 +1,5 @@ import { CaretDown } from '@phosphor-icons/react'; -import { numberWithCommas } from '../../utils/numbers'; +import { numberWithCommas } from '@/utils/numbers'; function generatePageItems(total: number, current: number) { if (total <= 1) return []; diff --git a/frontend/src/components/Modals/NewConnectorModal.tsx b/frontend/src/components/Modals/NewConnectorModal.tsx index 8bc58097..483290ad 100644 --- a/frontend/src/components/Modals/NewConnectorModal.tsx +++ b/frontend/src/components/Modals/NewConnectorModal.tsx @@ -1,12 +1,11 @@ import { useState, memo } from 'react'; -import Organization from '../../models/organization'; -import PreLoader from '../Preloader'; - -import ChromaLogo from '../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../images/vectordbs/weaviate.png'; -import { APP_NAME } from '../../utils/constants'; +import PreLoader from '@/components/Preloader'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; +import { APP_NAME } from '@/utils/constants'; +import Organization from '@/models/organization'; const NewConnectorModal = memo( ({ organization, diff --git a/frontend/src/components/Modals/SyncConnectorModal.tsx b/frontend/src/components/Modals/SyncConnectorModal.tsx index 3b7cd0c5..91bfd71e 100644 --- a/frontend/src/components/Modals/SyncConnectorModal.tsx +++ b/frontend/src/components/Modals/SyncConnectorModal.tsx @@ -1,7 +1,7 @@ import { useState, memo } from 'react'; -import Organization from '../../models/organization'; +import Organization from '@/models/organization'; +import paths from '@/utils/paths'; import { titleCase } from 'title-case'; -import paths from '../../utils/paths'; const SyncConnectorModal = memo( ({ organization, connector }: { organization: any; connector: any }) => { diff --git a/frontend/src/components/Modals/UpdateConnectorModal.tsx b/frontend/src/components/Modals/UpdateConnectorModal.tsx index fea0a1f8..a6810a0d 100644 --- a/frontend/src/components/Modals/UpdateConnectorModal.tsx +++ b/frontend/src/components/Modals/UpdateConnectorModal.tsx @@ -1,11 +1,10 @@ import { useState, memo } from 'react'; -import Organization from '../../models/organization'; -import PreLoader from '../Preloader'; - -import ChromaLogo from '../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../images/vectordbs/weaviate.png'; +import Organization from '@/models/organization'; +import PreLoader from '@/components/Preloader'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; const UpdateConnectorModal = memo( ({ diff --git a/frontend/src/components/Modals/UploadDocumentModal/FileUploadProgress/index.tsx b/frontend/src/components/Modals/UploadDocumentModal/FileUploadProgress/index.tsx index 40879015..793ecc7b 100644 --- a/frontend/src/components/Modals/UploadDocumentModal/FileUploadProgress/index.tsx +++ b/frontend/src/components/Modals/UploadDocumentModal/FileUploadProgress/index.tsx @@ -1,7 +1,7 @@ import { useState, useEffect, memo } from 'react'; -import Workspace from '../../../../models/workspace'; +import Workspace from '@/models/workspace'; import truncate from 'truncate'; -import { humanFileSize, milliToHms } from '../../../../utils/numbers'; +import { humanFileSize, milliToHms } from '@/utils/numbers'; import { CheckCircle, XCircle } from 'react-feather'; import { Grid } from 'react-loading-icons'; diff --git a/frontend/src/components/Modals/UploadDocumentModal/index.tsx b/frontend/src/components/Modals/UploadDocumentModal/index.tsx index a36d05af..5f8e6782 100644 --- a/frontend/src/components/Modals/UploadDocumentModal/index.tsx +++ b/frontend/src/components/Modals/UploadDocumentModal/index.tsx @@ -1,11 +1,11 @@ import { useCallback, useState, useEffect, ReactNode } from 'react'; -import { APP_NAME } from '../../../utils/constants'; import { useDropzone } from 'react-dropzone'; import { v4 } from 'uuid'; -import System from '../../../models/system'; -import FileUploadProgress from './FileUploadProgress'; import { useParams } from 'react-router-dom'; import { SmileySad } from '@phosphor-icons/react'; +import System from '@/models/system'; +import { APP_NAME } from '@/utils/constants'; +import FileUploadProgress from './FileUploadProgress'; export default function UploadDocumentModal({ workspaces, diff --git a/frontend/src/components/Modals/UploadModalNoKey.tsx b/frontend/src/components/Modals/UploadModalNoKey.tsx index 7fb910b9..0255aedf 100644 --- a/frontend/src/components/Modals/UploadModalNoKey.tsx +++ b/frontend/src/components/Modals/UploadModalNoKey.tsx @@ -1,7 +1,7 @@ import { AlertTriangle } from 'react-feather'; -import { APP_NAME } from '../../utils/constants'; -import System from '../../models/system'; import { ReactNode } from 'react'; +import { APP_NAME } from '@/utils/constants'; +import System from '@/models/system'; export default function UploadModalNoKey() { const updateSystemSetting = async (e: any) => { diff --git a/frontend/src/components/Notifications/index.tsx b/frontend/src/components/Notifications/index.tsx index 342627a7..b202947a 100644 --- a/frontend/src/components/Notifications/index.tsx +++ b/frontend/src/components/Notifications/index.tsx @@ -1,11 +1,11 @@ import { ReactNode, useEffect, useRef, useState } from 'react'; import { useParams } from 'react-router-dom'; -import Organization from '../../models/organization'; -import { databaseTimestampFromNow } from '../../utils/data'; -import ChromaLogo from '../../images/vectordbs/chroma.png'; -import PineconeLogo from '../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../images/vectordbs/weaviate.png'; +import Organization from '@/models/organization'; +import { databaseTimestampFromNow } from '@/utils/data'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogo from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; import { Bell, Info, Warning, WarningOctagon } from '@phosphor-icons/react'; const POLLING_INTERVAL = 30_000; diff --git a/frontend/src/components/PrivateRoute/index.tsx b/frontend/src/components/PrivateRoute/index.tsx index fe8e676a..300d679f 100644 --- a/frontend/src/components/PrivateRoute/index.tsx +++ b/frontend/src/components/PrivateRoute/index.tsx @@ -1,9 +1,9 @@ import { useEffect, useState } from 'react'; import { Navigate } from 'react-router-dom'; -import { FullScreenLoader } from '../Preloader'; -import validateSessionTokenForUser from '../../utils/session'; -import paths from '../../utils/paths'; -import { STORE_TOKEN, STORE_USER } from '../../utils/constants'; +import { FullScreenLoader } from '@/components/Preloader'; +import validateSessionTokenForUser from '@/utils/session'; +import paths from '@/utils/paths'; +import { STORE_TOKEN, STORE_USER } from '@/utils/constants'; function useIsAuthenticated() { const [isAuthd, setIsAuthed] = useState(null); diff --git a/frontend/src/components/Sidebar/CreateOrganizationModal/index.tsx b/frontend/src/components/Sidebar/CreateOrganizationModal/index.tsx index 76bda003..91ce437c 100644 --- a/frontend/src/components/Sidebar/CreateOrganizationModal/index.tsx +++ b/frontend/src/components/Sidebar/CreateOrganizationModal/index.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; -import paths from '../../../utils/paths'; -import Organization from '../../../models/organization'; -import PreLoader from '../../Preloader'; +import paths from '@/utils/paths'; +import Organization from '@/models/organization'; +import PreLoader from '@/components/Preloader'; export default function CreateOrganizationModal() { const [loading, setLoading] = useState(false); diff --git a/frontend/src/components/Sidebar/OrganizationTab/index.tsx b/frontend/src/components/Sidebar/OrganizationTab/index.tsx index 9b8161d3..541d91d5 100644 --- a/frontend/src/components/Sidebar/OrganizationTab/index.tsx +++ b/frontend/src/components/Sidebar/OrganizationTab/index.tsx @@ -1,12 +1,12 @@ import { NavLink, useParams } from 'react-router-dom'; import { useEffect, useState } from 'react'; -import paths from '../../../utils/paths'; +import paths from '@/utils/paths'; import { CaretDown, Plus, MagnifyingGlass } from '@phosphor-icons/react'; import truncate from 'truncate'; -import Organization from '../../../models/organization'; +import Organization from '@/models/organization'; import { debounce } from 'lodash'; import InfiniteScroll from 'react-infinite-scroll-component'; -import CreateWorkspaceModal from '../../../pages/Dashboard/WorkspacesList/CreateWorkspaceModal'; +import CreateWorkspaceModal from '@/pages/Dashboard/WorkspacesList/CreateWorkspaceModal'; type OrganizationTabProps = { organization: any; diff --git a/frontend/src/components/Sidebar/WorkspaceSearch/index.tsx b/frontend/src/components/Sidebar/WorkspaceSearch/index.tsx index bf46dc80..e4af768f 100644 --- a/frontend/src/components/Sidebar/WorkspaceSearch/index.tsx +++ b/frontend/src/components/Sidebar/WorkspaceSearch/index.tsx @@ -1,7 +1,7 @@ import React, { useState } from 'react'; import { NavLink, useParams } from 'react-router-dom'; -import paths from '../../../utils/paths'; -import Organization from '../../../models/organization'; +import paths from '@/utils/paths'; +import Organization from '@/models/organization'; import { debounce } from 'lodash'; import truncate from 'truncate'; diff --git a/frontend/src/components/Sidebar/index.tsx b/frontend/src/components/Sidebar/index.tsx index fd7c5e0a..71ba6e09 100644 --- a/frontend/src/components/Sidebar/index.tsx +++ b/frontend/src/components/Sidebar/index.tsx @@ -1,9 +1,9 @@ import React, { useEffect, useRef, useState } from 'react'; import { NavLink, useLocation, useParams } from 'react-router-dom'; -import LogoSky from '../../images/logo/logo-sky.svg'; -import SidebarLinkGroup from '../SidebarLinkGroup'; -import paths from '../../utils/paths'; -import useUser from '../../hooks/useUser'; +import LogoSky from '@/images/logo/logo-sky.svg'; +import SidebarLinkGroup from '@/components/SidebarLinkGroup'; +import paths from '@/utils/paths'; +import useUser from '@/hooks/useUser'; import CreateOrganizationModal from './CreateOrganizationModal'; import OrganizationTab from './OrganizationTab'; import { SquaresFour, Plus } from '@phosphor-icons/react'; diff --git a/frontend/src/components/UserMenu/index.tsx b/frontend/src/components/UserMenu/index.tsx index a42a01e3..574650ec 100644 --- a/frontend/src/components/UserMenu/index.tsx +++ b/frontend/src/components/UserMenu/index.tsx @@ -1,7 +1,7 @@ import { useState, useRef, useEffect } from 'react'; -import useUser from '../../hooks/useUser'; -import paths from '../../utils/paths'; -import { STORE_TOKEN, STORE_USER } from '../../utils/constants'; +import useUser from '@/hooks/useUser'; +import paths from '@/utils/paths'; +import { STORE_TOKEN, STORE_USER } from '@/utils/constants'; export default function UserMenu() { const { user } = useUser(); diff --git a/frontend/src/hooks/useUser.tsx b/frontend/src/hooks/useUser.tsx index a39737fe..3e8b29b0 100644 --- a/frontend/src/hooks/useUser.tsx +++ b/frontend/src/hooks/useUser.tsx @@ -1,5 +1,5 @@ import { useContext } from 'react'; -import { AuthContext } from '../AuthContext'; +import { AuthContext } from '@/AuthContext'; interface IContext { store: { diff --git a/frontend/src/layout/AppLayout.tsx b/frontend/src/layout/AppLayout.tsx index 62068875..a6485a05 100644 --- a/frontend/src/layout/AppLayout.tsx +++ b/frontend/src/layout/AppLayout.tsx @@ -1,8 +1,8 @@ import { ReactNode, useState } from 'react'; -import Header from '../components/Header'; -import Sidebar from '../components/Sidebar'; -import Notifications from '../components/Notifications'; -import UserMenu from '../components/UserMenu'; +import Header from '@/components/Header'; +import Sidebar from '@/components/Sidebar'; +import Notifications from '@/components/Notifications'; +import UserMenu from '@/components/UserMenu'; interface DefaultLayoutProps { headerEntity: any; diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx index b6e8033e..937604f4 100644 --- a/frontend/src/main.tsx +++ b/frontend/src/main.tsx @@ -1,7 +1,7 @@ import ReactDOM from 'react-dom/client'; import { BrowserRouter as Router } from 'react-router-dom'; -import App from './App'; -import './index.css'; +import App from '@/App'; +import '@/index.css'; ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render( diff --git a/frontend/src/models/document.ts b/frontend/src/models/document.ts index 3583465f..cf71c56c 100644 --- a/frontend/src/models/document.ts +++ b/frontend/src/models/document.ts @@ -1,5 +1,5 @@ -import { API_BASE, ISearchTypes } from '../utils/constants'; -import { baseHeaders, getAPIUrlString } from '../utils/request'; +import { API_BASE, ISearchTypes } from '@/utils/constants'; +import { baseHeaders, getAPIUrlString } from '@/utils/request'; const Document = { get: async (id: string | number) => { diff --git a/frontend/src/models/jobs.ts b/frontend/src/models/jobs.ts index af6f64da..bf540a98 100644 --- a/frontend/src/models/jobs.ts +++ b/frontend/src/models/jobs.ts @@ -1,5 +1,5 @@ -import { API_BASE } from '../utils/constants'; -import { baseHeaders } from '../utils/request'; +import { API_BASE } from '@/utils/constants'; +import { baseHeaders } from '@/utils/request'; const Jobs = { kill: async (jobId: number) => { diff --git a/frontend/src/models/organization.ts b/frontend/src/models/organization.ts index 73486944..eeeadf9b 100644 --- a/frontend/src/models/organization.ts +++ b/frontend/src/models/organization.ts @@ -1,6 +1,6 @@ -import { INotification } from '../components/Notifications'; -import { API_BASE } from '../utils/constants'; -import { baseHeaders, getAPIUrlString } from '../utils/request'; +import { INotification } from '@/components/Notifications'; +import { API_BASE } from '@/utils/constants'; +import { baseHeaders, getAPIUrlString } from '@/utils/request'; const Organization = { documentPageSize: 10, diff --git a/frontend/src/models/system.ts b/frontend/src/models/system.ts index 417b8728..ca672aba 100644 --- a/frontend/src/models/system.ts +++ b/frontend/src/models/system.ts @@ -1,5 +1,5 @@ -import { API_BASE } from '../utils/constants'; -import { baseHeaders } from '../utils/request'; +import { API_BASE } from '@/utils/constants'; +import { baseHeaders } from '@/utils/request'; const System = { hasSetting: async ( diff --git a/frontend/src/models/tools.ts b/frontend/src/models/tools.ts index 0e59e64e..50cfa97a 100644 --- a/frontend/src/models/tools.ts +++ b/frontend/src/models/tools.ts @@ -1,5 +1,5 @@ -import { API_BASE } from '../utils/constants'; -import { baseHeaders } from '../utils/request'; +import { API_BASE } from '@/utils/constants'; +import { baseHeaders } from '@/utils/request'; import { IOrganization } from './organization'; import { IWorkspace } from './workspace'; diff --git a/frontend/src/models/user.ts b/frontend/src/models/user.ts index 50015337..98b2adaf 100644 --- a/frontend/src/models/user.ts +++ b/frontend/src/models/user.ts @@ -1,5 +1,5 @@ -import { API_BASE, COMPLETE_ONBOARDING } from '../utils/constants'; -import { baseHeaders } from '../utils/request'; +import { API_BASE, COMPLETE_ONBOARDING } from '@/utils/constants'; +import { baseHeaders } from '@/utils/request'; const User = { autoOnboard: async (): Promise<{ diff --git a/frontend/src/models/workspace.ts b/frontend/src/models/workspace.ts index 59deb6b3..dc61d2c9 100644 --- a/frontend/src/models/workspace.ts +++ b/frontend/src/models/workspace.ts @@ -1,5 +1,5 @@ -import { API_BASE, ISearchTypes } from '../utils/constants'; -import { baseHeaders, getAPIUrlString } from '../utils/request'; +import { API_BASE, ISearchTypes } from '@/utils/constants'; +import { baseHeaders, getAPIUrlString } from '@/utils/request'; const Workspace = { documentPageSize: 10, diff --git a/frontend/src/pages/Authentication/SignIn.tsx b/frontend/src/pages/Authentication/SignIn.tsx index 542f0b20..9937cc80 100644 --- a/frontend/src/pages/Authentication/SignIn.tsx +++ b/frontend/src/pages/Authentication/SignIn.tsx @@ -1,14 +1,13 @@ import { Link } from 'react-router-dom'; -import DefaultLayout from '../../layout/DefaultLayout'; -import SignInImg from '../../images/undraws/sign-in.png'; -import PreLoader from '../../components/Preloader'; +import DefaultLayout from '@/layout/DefaultLayout'; +import SignInImg from '@/images/undraws/sign-in.png'; +import PreLoader from '@/components/Preloader'; import { useEffect, useState } from 'react'; import { CheckCircle, XCircle } from 'react-feather'; -import User from '../../models/user'; -import { APP_NAME, STORE_TOKEN, STORE_USER } from '../../utils/constants'; -import paths from '../../utils/paths'; -import validateSessionTokenForUser from '../../utils/session'; -import System from '../../models/system'; +import User from '@/models/user'; +import { APP_NAME, STORE_TOKEN, STORE_USER } from '@/utils/constants'; +import paths from '@/utils/paths'; +import validateSessionTokenForUser from '@/utils/session'; type IStages = 'loading' | 'failed' | 'success' | 'ready'; type FormTypes = { diff --git a/frontend/src/pages/Authentication/SignUp.tsx b/frontend/src/pages/Authentication/SignUp.tsx index 0106ec50..908b177f 100644 --- a/frontend/src/pages/Authentication/SignUp.tsx +++ b/frontend/src/pages/Authentication/SignUp.tsx @@ -1,12 +1,12 @@ import { Link } from 'react-router-dom'; -import SignInImg from '../../images/undraws/sign-in.png'; -import DefaultLayout from '../../layout/DefaultLayout'; +import SignInImg from '@/images/undraws/sign-in.png'; +import DefaultLayout from '@/layout/DefaultLayout'; import { useState } from 'react'; -import PreLoader from '../../components/Preloader'; +import PreLoader from '@/components/Preloader'; import { CheckCircle, XCircle } from 'react-feather'; -import User from '../../models/user'; -import { APP_NAME, STORE_TOKEN, STORE_USER } from '../../utils/constants'; -import paths from '../../utils/paths'; +import User from '@/models/user'; +import { APP_NAME, STORE_TOKEN, STORE_USER } from '@/utils/constants'; +import paths from '@/utils/paths'; type IStages = 'loading' | 'failed' | 'success' | 'ready'; type FormTypes = { diff --git a/frontend/src/pages/Dashboard/ApiKey/index.tsx b/frontend/src/pages/Dashboard/ApiKey/index.tsx index 2e52937e..420adbd7 100644 --- a/frontend/src/pages/Dashboard/ApiKey/index.tsx +++ b/frontend/src/pages/Dashboard/ApiKey/index.tsx @@ -1,8 +1,8 @@ import { useEffect, useState } from 'react'; import { Copy } from 'react-feather'; -import PreLoader from '../../../components/Preloader'; -import Organization from '../../../models/organization'; -import { APP_NAME } from '../../../utils/constants'; +import PreLoader from '@/components/Preloader'; +import Organization from '@/models/organization'; +import { APP_NAME } from '@/utils/constants'; export default function ApiKeyCard({ organization }: { organization?: any }) { const [loading, setLoading] = useState(true); diff --git a/frontend/src/pages/Dashboard/Connector/index.tsx b/frontend/src/pages/Dashboard/Connector/index.tsx index 56a75b5b..22c4ea1e 100644 --- a/frontend/src/pages/Dashboard/Connector/index.tsx +++ b/frontend/src/pages/Dashboard/Connector/index.tsx @@ -1,11 +1,11 @@ import { useEffect, useState } from 'react'; import { CheckCircle, Circle, XCircle } from 'react-feather'; -import Organization from '../../../models/organization'; -import { SUPPORTED_VECTOR_DBS } from '../../../utils/constants'; +import Organization from '@/models/organization'; +import { SUPPORTED_VECTOR_DBS } from '@/utils/constants'; import { titleCase } from 'title-case'; -import SyncConnectorModal from '../../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../../components/Modals/UpdateConnectorModal'; -import NewConnectorModal from '../../../components/Modals/NewConnectorModal'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import NewConnectorModal from '@/components/Modals/NewConnectorModal'; export default function ConnectorCard({ knownConnector, diff --git a/frontend/src/pages/Dashboard/DocumentsList/index.tsx b/frontend/src/pages/Dashboard/DocumentsList/index.tsx index bad073be..dbb297b2 100644 --- a/frontend/src/pages/Dashboard/DocumentsList/index.tsx +++ b/frontend/src/pages/Dashboard/DocumentsList/index.tsx @@ -1,15 +1,15 @@ -import paths from '../../../utils/paths'; +import paths from '@/utils/paths'; import moment from 'moment'; import { useEffect, useState } from 'react'; -import Organization from '../../../models/organization'; +import Organization from '@/models/organization'; import truncate from 'truncate'; -import System from '../../../models/system'; -import DocumentListPagination from '../../../components/DocumentPaginator'; -import useQuery from '../../../hooks/useQuery'; -import Document from '../../../models/document'; +import System from '@/models/system'; +import DocumentListPagination from '@/components/DocumentPaginator'; +import useQuery from '@/hooks/useQuery'; +import Document from '@/models/document'; import { File, Trash } from '@phosphor-icons/react'; -import UploadModalNoKey from '../../../components/Modals/UploadModalNoKey'; -import UploadDocumentModal from '../../../components/Modals/UploadDocumentModal'; +import UploadModalNoKey from '@/components/Modals/UploadModalNoKey'; +import UploadDocumentModal from '@/components/Modals/UploadDocumentModal'; export default function DocumentsList({ organization, diff --git a/frontend/src/pages/Dashboard/QuickActionSidebar/index.tsx b/frontend/src/pages/Dashboard/QuickActionSidebar/index.tsx index 369d2a6a..2b581cd5 100644 --- a/frontend/src/pages/Dashboard/QuickActionSidebar/index.tsx +++ b/frontend/src/pages/Dashboard/QuickActionSidebar/index.tsx @@ -7,8 +7,8 @@ import { } from '@phosphor-icons/react'; import { useState } from 'react'; import { NavLink } from 'react-router-dom'; -import paths from '../../../utils/paths'; -import useUser from '../../../hooks/useUser'; +import paths from '@/utils/paths'; +import useUser from '@/hooks/useUser'; export default function QuickActionsSidebar({ organization, diff --git a/frontend/src/pages/Dashboard/Statistics/index.tsx b/frontend/src/pages/Dashboard/Statistics/index.tsx index e0c25770..b3ded119 100644 --- a/frontend/src/pages/Dashboard/Statistics/index.tsx +++ b/frontend/src/pages/Dashboard/Statistics/index.tsx @@ -1,8 +1,8 @@ import { memo, useState, useEffect } from 'react'; -import { humanFileSize, nFormatter } from '../../../utils/numbers'; -import Organization from '../../../models/organization'; +import { humanFileSize, nFormatter } from '@/utils/numbers'; +import Organization from '@/models/organization'; import pluralize from 'pluralize'; -import Workspace from '../../../models/workspace'; +import Workspace from '@/models/workspace'; const Statistics = ({ organization, diff --git a/frontend/src/pages/Dashboard/WorkspacesList/CreateWorkspaceModal/index.tsx b/frontend/src/pages/Dashboard/WorkspacesList/CreateWorkspaceModal/index.tsx index 2dfb3c99..6fb4bb86 100644 --- a/frontend/src/pages/Dashboard/WorkspacesList/CreateWorkspaceModal/index.tsx +++ b/frontend/src/pages/Dashboard/WorkspacesList/CreateWorkspaceModal/index.tsx @@ -1,11 +1,11 @@ import { useState } from 'react'; -import Workspace from '../../../../models/workspace'; -import PreLoader from '../../../../components/Preloader'; -import { APP_NAME } from '../../../../utils/constants'; -import Organization from '../../../../models/organization'; +import Workspace from '@/models/workspace'; +import PreLoader from '@/components/Preloader'; +import { APP_NAME } from '@/utils/constants'; +import Organization from '@/models/organization'; import { debounce } from 'lodash'; import { AlertCircle } from 'react-feather'; -import paths from '../../../../utils/paths'; +import paths from '@/utils/paths'; export default function CreateWorkspaceModal({ organization, diff --git a/frontend/src/pages/Dashboard/WorkspacesList/index.tsx b/frontend/src/pages/Dashboard/WorkspacesList/index.tsx index a35bc647..bd2d53e3 100644 --- a/frontend/src/pages/Dashboard/WorkspacesList/index.tsx +++ b/frontend/src/pages/Dashboard/WorkspacesList/index.tsx @@ -1,12 +1,12 @@ import { Link } from 'react-router-dom'; -import Jazzicon from '../../../components/Jazzicon'; -import paths from '../../../utils/paths'; +import Jazzicon from '@/components/Jazzicon'; +import paths from '@/utils/paths'; import moment from 'moment'; -import { nFormatter } from '../../../utils/numbers'; +import { nFormatter } from '@/utils/numbers'; import { FileText } from 'react-feather'; import truncate from 'truncate'; -import Organization from '../../../models/organization'; -import WorkspaceSearch from '../../../components/Sidebar/WorkspaceSearch'; +import Organization from '@/models/organization'; +import WorkspaceSearch from '@/components/Sidebar/WorkspaceSearch'; export default function WorkspacesList({ knownConnector, diff --git a/frontend/src/pages/Dashboard/index.tsx b/frontend/src/pages/Dashboard/index.tsx index c9cd3ee5..d24d8c0f 100644 --- a/frontend/src/pages/Dashboard/index.tsx +++ b/frontend/src/pages/Dashboard/index.tsx @@ -1,25 +1,25 @@ -import { FullScreenLoader } from '../../components/Preloader'; -import useUser from '../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../layout/DefaultLayout'; -import User from '../../models/user'; -import paths from '../../utils/paths'; -import AppLayout from '../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import { NavLink, useParams } from 'react-router-dom'; import Statistics from './Statistics'; import DocumentsList from './DocumentsList'; -import Organization from '../../models/organization'; +import Organization from '@/models/organization'; import truncate from 'truncate'; -import ChromaLogo from '../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../images/vectordbs/weaviate.png'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; import { GearSix, Prohibit } from '@phosphor-icons/react'; import QuickActionsSidebar from './QuickActionSidebar'; -import SyncConnectorModal from '../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../components/Modals/UpdateConnectorModal'; -import NewConnectorModal from '../../components/Modals/NewConnectorModal'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import NewConnectorModal from '@/components/Modals/NewConnectorModal'; export default function Dashboard() { const { slug } = useParams(); diff --git a/frontend/src/pages/DocumentView/FragmentList/DeleteEmbeddingConfirmation/index.tsx b/frontend/src/pages/DocumentView/FragmentList/DeleteEmbeddingConfirmation/index.tsx index 608237d9..53e10ada 100644 --- a/frontend/src/pages/DocumentView/FragmentList/DeleteEmbeddingConfirmation/index.tsx +++ b/frontend/src/pages/DocumentView/FragmentList/DeleteEmbeddingConfirmation/index.tsx @@ -1,5 +1,5 @@ import { memo, useState } from 'react'; -import Document from '../../../../models/document'; +import Document from '@/models/document'; import { Loader } from 'react-feather'; const DeleteEmbeddingConfirmation = memo( diff --git a/frontend/src/pages/DocumentView/FragmentList/EditEmbeddingConfirmation/index.tsx b/frontend/src/pages/DocumentView/FragmentList/EditEmbeddingConfirmation/index.tsx index 61d6cbde..1fcf8e8a 100644 --- a/frontend/src/pages/DocumentView/FragmentList/EditEmbeddingConfirmation/index.tsx +++ b/frontend/src/pages/DocumentView/FragmentList/EditEmbeddingConfirmation/index.tsx @@ -1,11 +1,10 @@ import { memo, useEffect, useRef, useState } from 'react'; -import Document from '../../../../models/document'; +import Document from '@/models/document'; import { AlertTriangle, Loader } from 'react-feather'; -import { APP_NAME } from '../../../../utils/constants'; -import System from '../../../../models/system'; +import { APP_NAME } from '@/utils/constants'; +import System from '@/models/system'; import debounce from 'lodash/debounce'; -import { validEmbedding, MAX_TOKENS } from '../../../../utils/tokenizer'; -import { numberWithCommas } from '../../../../utils/numbers'; +import { validEmbedding } from '@/utils/tokenizer'; const EditEmbeddingConfirmation = memo( ({ diff --git a/frontend/src/pages/DocumentView/FragmentList/MetadataEditor/index.tsx b/frontend/src/pages/DocumentView/FragmentList/MetadataEditor/index.tsx index 8d6d6897..8cf28bf8 100644 --- a/frontend/src/pages/DocumentView/FragmentList/MetadataEditor/index.tsx +++ b/frontend/src/pages/DocumentView/FragmentList/MetadataEditor/index.tsx @@ -1,8 +1,8 @@ import { memo, useState } from 'react'; -import { AlertTriangle, PlusCircle, Trash, X } from 'react-feather'; +import { PlusCircle, Trash, X } from 'react-feather'; import { castToType, constructModifiedMetadata } from './utils'; -import Document from '../../../../models/document'; -import showToast from '../../../../utils/toast'; +import Document from '@/models/document'; +import showToast from '@/utils/toast'; const MetadataEditor = memo( ({ diff --git a/frontend/src/pages/DocumentView/FragmentList/SearchView/index.tsx b/frontend/src/pages/DocumentView/FragmentList/SearchView/index.tsx index 7c4bfe4f..c226faa9 100644 --- a/frontend/src/pages/DocumentView/FragmentList/SearchView/index.tsx +++ b/frontend/src/pages/DocumentView/FragmentList/SearchView/index.tsx @@ -6,8 +6,8 @@ import { useState, } from 'react'; import { CaretDown, MagnifyingGlass, X } from '@phosphor-icons/react'; -import Document from '../../../../models/document'; -import { SEARCH_MODES, ISearchTypes } from '../../../../utils/constants'; +import Document from '@/models/document'; +import { SEARCH_MODES, ISearchTypes } from '@/utils/constants'; export default function SearchView({ searchMode, diff --git a/frontend/src/pages/DocumentView/FragmentList/index.tsx b/frontend/src/pages/DocumentView/FragmentList/index.tsx index be0c42c4..d4149a7c 100644 --- a/frontend/src/pages/DocumentView/FragmentList/index.tsx +++ b/frontend/src/pages/DocumentView/FragmentList/index.tsx @@ -1,13 +1,13 @@ import { lazy, memo, useEffect, useState } from 'react'; -import PreLoader from '../../../components/Preloader'; -import Document from '../../../models/document'; +import PreLoader from '@/components/Preloader'; +import Document from '@/models/document'; import truncate from 'truncate'; import pluralize from 'pluralize'; -import DocumentListPagination from '../../../components/DocumentPaginator'; +import DocumentListPagination from '@/components/DocumentPaginator'; import SearchView from './SearchView'; import MetadataEditor from './MetadataEditor'; import { Trash } from '@phosphor-icons/react'; -import { ISearchTypes, SEARCH_MODES } from '../../../utils/constants'; +import { ISearchTypes, SEARCH_MODES } from '@/utils/constants'; const DeleteEmbeddingConfirmation = lazy( () => import('./DeleteEmbeddingConfirmation') ); diff --git a/frontend/src/pages/DocumentView/index.tsx b/frontend/src/pages/DocumentView/index.tsx index e11219ca..7d5d4468 100644 --- a/frontend/src/pages/DocumentView/index.tsx +++ b/frontend/src/pages/DocumentView/index.tsx @@ -1,20 +1,20 @@ -import { FullScreenLoader } from '../../components/Preloader'; -import useUser from '../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect, memo } from 'react'; -import DefaultLayout from '../../layout/DefaultLayout'; -import User from '../../models/user'; -import paths from '../../utils/paths'; -import AppLayout from '../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import { useParams } from 'react-router-dom'; import FragmentList from './FragmentList'; -import Document from '../../models/document'; -import System from '../../models/system'; -import Organization from '../../models/organization'; -import { APP_NAME } from '../../utils/constants'; +import Document from '@/models/document'; +import System from '@/models/system'; +import Organization from '@/models/organization'; +import { APP_NAME } from '@/utils/constants'; import { CaretDown } from '@phosphor-icons/react'; import truncate from 'truncate'; -import UploadModalNoKey from '../../components/Modals/UploadModalNoKey'; -import UploadDocumentModal from '../../components/Modals/UploadDocumentModal'; +import UploadModalNoKey from '@/components/Modals/UploadModalNoKey'; +import UploadDocumentModal from '@/components/Modals/UploadDocumentModal'; export default function DocumentView() { const { user } = useUser(); diff --git a/frontend/src/pages/Jobs/JobsList/index.tsx b/frontend/src/pages/Jobs/JobsList/index.tsx index 043d2250..65352379 100644 --- a/frontend/src/pages/Jobs/JobsList/index.tsx +++ b/frontend/src/pages/Jobs/JobsList/index.tsx @@ -1,7 +1,7 @@ import { memo, useState } from 'react'; import moment from 'moment'; -import Jobs from '../../../models/jobs'; -import useUser from '../../../hooks/useUser'; +import Jobs from '@/models/jobs'; +import useUser from '@/hooks/useUser'; import { CaretDown } from '@phosphor-icons/react'; export default function JobsList({ jobs }: { jobs: any[] }) { diff --git a/frontend/src/pages/Jobs/index.tsx b/frontend/src/pages/Jobs/index.tsx index 7920baeb..be3c5a6f 100644 --- a/frontend/src/pages/Jobs/index.tsx +++ b/frontend/src/pages/Jobs/index.tsx @@ -1,23 +1,23 @@ -import { FullScreenLoader } from '../../components/Preloader'; -import useUser from '../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../layout/DefaultLayout'; -import User from '../../models/user'; -import paths from '../../utils/paths'; -import AppLayout from '../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import { NavLink, useParams } from 'react-router-dom'; -import Organization from '../../models/organization'; +import Organization from '@/models/organization'; import JobsList from './JobsList'; -import ChromaLogo from '../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../images/vectordbs/weaviate.png'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; import truncate from 'truncate'; import { GearSix, Prohibit } from '@phosphor-icons/react'; -import SyncConnectorModal from '../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../components/Modals/UpdateConnectorModal'; -import NewConnectorModal from '../../components/Modals/NewConnectorModal'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import NewConnectorModal from '@/components/Modals/NewConnectorModal'; export default function OrganizationJobsView() { const { user } = useUser(); diff --git a/frontend/src/pages/Onboarding/index.tsx b/frontend/src/pages/Onboarding/index.tsx index a3327f64..16d93e70 100644 --- a/frontend/src/pages/Onboarding/index.tsx +++ b/frontend/src/pages/Onboarding/index.tsx @@ -1,14 +1,14 @@ import { Link } from 'react-router-dom'; -import LogoDark from '../../images/logo/logo-dark.png'; -import Logo from '../../images/logo/logo-light.png'; -import DefaultLayout from '../../layout/DefaultLayout'; -import ManageSvg from '../../images/undraws/manage.svg'; -import PreLoader, { FullScreenLoader } from '../../components/Preloader'; +import LogoDark from '@/images/logo/logo-dark.png'; +import Logo from '@/images/logo/logo-light.png'; +import DefaultLayout from '@/layout/DefaultLayout'; +import ManageSvg from '@/images/undraws/manage.svg'; +import PreLoader, { FullScreenLoader } from '@/components/Preloader'; import { useEffect, useState } from 'react'; import { CheckCircle, XCircle } from 'react-feather'; -import Organization from '../../models/organization'; -import paths from '../../utils/paths'; -import User from '../../models/user'; +import Organization from '@/models/organization'; +import paths from '@/utils/paths'; +import User from '@/models/user'; type IStages = 'preflight' | 'loading' | 'failed' | 'success' | 'ready'; type FormTypes = { diff --git a/frontend/src/pages/Onboarding/security.tsx b/frontend/src/pages/Onboarding/security.tsx index 50c40efd..07fea7da 100644 --- a/frontend/src/pages/Onboarding/security.tsx +++ b/frontend/src/pages/Onboarding/security.tsx @@ -1,15 +1,15 @@ import { Link, useParams } from 'react-router-dom'; -import LogoDark from '../../images/logo/logo-dark.png'; -import Logo from '../../images/logo/logo-light.png'; -import DefaultLayout from '../../layout/DefaultLayout'; -import ManageSvg from '../../images/undraws/manage.svg'; -import PreLoader, { FullScreenLoader } from '../../components/Preloader'; +import LogoDark from '@/images/logo/logo-dark.png'; +import Logo from '@/images/logo/logo-light.png'; +import DefaultLayout from '@/layout/DefaultLayout'; +import ManageSvg from '@/images/undraws/manage.svg'; +import PreLoader, { FullScreenLoader } from '@/components/Preloader'; import { useEffect, useState } from 'react'; import { CheckCircle, XCircle } from 'react-feather'; -import Organization from '../../models/organization'; -import paths from '../../utils/paths'; -import { APP_NAME } from '../../utils/constants'; -import System from '../../models/system'; +import Organization from '@/models/organization'; +import paths from '@/utils/paths'; +import { APP_NAME } from '@/utils/constants'; +import System from '@/models/system'; type IStages = 'preflight' | 'loading' | 'failed' | 'success' | 'ready'; type IResult = { diff --git a/frontend/src/pages/OnboardingFlow/Steps/ConnectVectorDB/index.tsx b/frontend/src/pages/OnboardingFlow/Steps/ConnectVectorDB/index.tsx index c81eba32..1830d286 100644 --- a/frontend/src/pages/OnboardingFlow/Steps/ConnectVectorDB/index.tsx +++ b/frontend/src/pages/OnboardingFlow/Steps/ConnectVectorDB/index.tsx @@ -1,11 +1,11 @@ import { FormEvent, useState } from 'react'; -import VectorDBOption from '../../../../components/VectorDBOption'; -import ChromaLogo from '../../../../images/vectordbs/chroma.png'; -import PineconeLogo from '../../../../images/vectordbs/pinecone.png'; -import QDrantLogo from '../../../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../../../images/vectordbs/weaviate.png'; -import Organization from '../../../../models/organization'; -import showToast from '../../../../utils/toast'; +import VectorDBOption from '@/components/VectorDBOption'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogo from '@/images/vectordbs/pinecone.png'; +import QDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; +import Organization from '@/models/organization'; +import showToast from '@/utils/toast'; type ConnectVectorDBProps = { setCurrentStep: (step: string) => void; diff --git a/frontend/src/pages/OnboardingFlow/Steps/CreateOrganization/index.tsx b/frontend/src/pages/OnboardingFlow/Steps/CreateOrganization/index.tsx index 0a9c0c93..523e4bac 100644 --- a/frontend/src/pages/OnboardingFlow/Steps/CreateOrganization/index.tsx +++ b/frontend/src/pages/OnboardingFlow/Steps/CreateOrganization/index.tsx @@ -1,6 +1,6 @@ import { FormEvent } from 'react'; -import Organization from '../../../../models/organization'; -import showToast from '../../../../utils/toast'; +import Organization from '@/models/organization'; +import showToast from '@/utils/toast'; type CreateOrganizationProps = { setCurrentStep: (step: string) => void; diff --git a/frontend/src/pages/OnboardingFlow/Steps/CustomLogin/index.tsx b/frontend/src/pages/OnboardingFlow/Steps/CustomLogin/index.tsx index 41934758..344bad87 100644 --- a/frontend/src/pages/OnboardingFlow/Steps/CustomLogin/index.tsx +++ b/frontend/src/pages/OnboardingFlow/Steps/CustomLogin/index.tsx @@ -1,7 +1,7 @@ import { FormEvent } from 'react'; -import User from '../../../../models/user'; -import showToast from '../../../../utils/toast'; -import { STORE_TOKEN, STORE_USER } from '../../../../utils/constants'; +import User from '@/models/user'; +import showToast from '@/utils/toast'; +import { STORE_TOKEN, STORE_USER } from '@/utils/constants'; type CustomLoginProps = { setCurrentStep: (step: string) => void; diff --git a/frontend/src/pages/OnboardingFlow/Steps/OnboardingSurvey/index.tsx b/frontend/src/pages/OnboardingFlow/Steps/OnboardingSurvey/index.tsx index a6602e5d..66c88897 100644 --- a/frontend/src/pages/OnboardingFlow/Steps/OnboardingSurvey/index.tsx +++ b/frontend/src/pages/OnboardingFlow/Steps/OnboardingSurvey/index.tsx @@ -1,5 +1,5 @@ import { FormEvent, useState } from 'react'; -import { COMPLETE_QUESTIONNAIRE } from '../../../../utils/constants'; +import { COMPLETE_QUESTIONNAIRE } from '@/utils/constants'; type OnboardingSurveyProps = { setCurrentStep: (step: string) => void; diff --git a/frontend/src/pages/OnboardingFlow/Steps/SecuritySettings/index.tsx b/frontend/src/pages/OnboardingFlow/Steps/SecuritySettings/index.tsx index 4924e9ba..707261cd 100644 --- a/frontend/src/pages/OnboardingFlow/Steps/SecuritySettings/index.tsx +++ b/frontend/src/pages/OnboardingFlow/Steps/SecuritySettings/index.tsx @@ -1,6 +1,6 @@ import { FormEvent } from 'react'; -import System from '../../../../models/system'; -import showToast from '../../../../utils/toast'; +import System from '@/models/system'; +import showToast from '@/utils/toast'; type SecuritySettingsProps = { setCurrentStep: (step: string) => void; diff --git a/frontend/src/pages/OnboardingFlow/Steps/SyncVectorDB/index.tsx b/frontend/src/pages/OnboardingFlow/Steps/SyncVectorDB/index.tsx index 1533b8f3..c3fad3c6 100644 --- a/frontend/src/pages/OnboardingFlow/Steps/SyncVectorDB/index.tsx +++ b/frontend/src/pages/OnboardingFlow/Steps/SyncVectorDB/index.tsx @@ -1,9 +1,9 @@ import { FormEvent, useEffect, useState } from 'react'; -import { SUPPORTED_VECTOR_DBS } from '../../../../utils/constants'; -import Organization from '../../../../models/organization'; -import { nFormatter } from '../../../../utils/numbers'; -import paths from '../../../../utils/paths'; -import showToast from '../../../../utils/toast'; +import { SUPPORTED_VECTOR_DBS } from '@/utils/constants'; +import Organization from '@/models/organization'; +import { nFormatter } from '@/utils/numbers'; +import paths from '@/utils/paths'; +import showToast from '@/utils/toast'; type SyncVectorDBProps = { connector: any; diff --git a/frontend/src/pages/OnboardingFlow/index.tsx b/frontend/src/pages/OnboardingFlow/index.tsx index 491a4397..2368d225 100644 --- a/frontend/src/pages/OnboardingFlow/index.tsx +++ b/frontend/src/pages/OnboardingFlow/index.tsx @@ -1,6 +1,6 @@ -import DefaultLayout from '../../layout/DefaultLayout'; -import Onboarding from '../../images/undraws/onboarding.png'; -import PreLoader from '../../components/Preloader'; +import DefaultLayout from '@/layout/DefaultLayout'; +import Onboarding from '@/images/undraws/onboarding.png'; +import PreLoader from '@/components/Preloader'; import { useState } from 'react'; import CustomLogin from './Steps/CustomLogin'; diff --git a/frontend/src/pages/OrganizationSettings/Settings/index.tsx b/frontend/src/pages/OrganizationSettings/Settings/index.tsx index 4ffa4c65..72aaee59 100644 --- a/frontend/src/pages/OrganizationSettings/Settings/index.tsx +++ b/frontend/src/pages/OrganizationSettings/Settings/index.tsx @@ -1,9 +1,9 @@ import { useState } from 'react'; -import Organization from '../../../models/organization'; +import Organization from '@/models/organization'; import { Loader } from 'react-feather'; -import paths from '../../../utils/paths'; +import paths from '@/utils/paths'; import { CaretDown } from '@phosphor-icons/react'; -import showToast from '../../../utils/toast'; +import showToast from '@/utils/toast'; export default function OrgSettings({ organization }: { organization: any }) { const [hasOrgChanges, setHasOrgChanges] = useState(false); diff --git a/frontend/src/pages/OrganizationSettings/index.tsx b/frontend/src/pages/OrganizationSettings/index.tsx index 486083d8..60c2ec70 100644 --- a/frontend/src/pages/OrganizationSettings/index.tsx +++ b/frontend/src/pages/OrganizationSettings/index.tsx @@ -1,23 +1,23 @@ -import { FullScreenLoader } from '../../components/Preloader'; -import useUser from '../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../layout/DefaultLayout'; -import User from '../../models/user'; -import paths from '../../utils/paths'; -import AppLayout from '../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import OrgSettings from './Settings'; import { useParams } from 'react-router-dom'; -import ChromaLogo from '../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../images/vectordbs/weaviate.png'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; import { GearSix, Prohibit } from '@phosphor-icons/react'; -import Organization from '../../models/organization'; +import Organization from '@/models/organization'; import truncate from 'truncate'; -import SyncConnectorModal from '../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../components/Modals/UpdateConnectorModal'; -import NewConnectorModal from '../../components/Modals/NewConnectorModal'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import NewConnectorModal from '@/components/Modals/NewConnectorModal'; export default function OrganizationSettingsView() { const { user } = useUser(); diff --git a/frontend/src/pages/SystemSettings/Settings/index.tsx b/frontend/src/pages/SystemSettings/Settings/index.tsx index eac978fe..3539f63e 100644 --- a/frontend/src/pages/SystemSettings/Settings/index.tsx +++ b/frontend/src/pages/SystemSettings/Settings/index.tsx @@ -1,14 +1,14 @@ import { useState } from 'react'; -import { APP_NAME } from '../../../utils/constants'; -import System from '../../../models/system'; -import paths from '../../../utils/paths'; +import { APP_NAME } from '@/utils/constants'; +import System from '@/models/system'; +import paths from '@/utils/paths'; import { CaretDown, EyeSlash, Eye, ArrowSquareOut, } from '@phosphor-icons/react'; -import showToast from '../../../utils/toast'; +import showToast from '@/utils/toast'; export default function Settings({ settings }: { settings: any[] }) { const [hasChanges, setHasChanges] = useState(false); diff --git a/frontend/src/pages/SystemSettings/index.tsx b/frontend/src/pages/SystemSettings/index.tsx index 164ed8a0..1d221538 100644 --- a/frontend/src/pages/SystemSettings/index.tsx +++ b/frontend/src/pages/SystemSettings/index.tsx @@ -1,11 +1,11 @@ -import { FullScreenLoader } from '../../components/Preloader'; -import useUser from '../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../layout/DefaultLayout'; -import User from '../../models/user'; -import paths from '../../utils/paths'; -import AppLayout from '../../layout/AppLayout'; -import System from '../../models/system'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; +import System from '@/models/system'; import Settings from './Settings'; export default function SystemSettingsView() { diff --git a/frontend/src/pages/Tools/MigrateConnection/index.tsx b/frontend/src/pages/Tools/MigrateConnection/index.tsx index f6133037..11146459 100644 --- a/frontend/src/pages/Tools/MigrateConnection/index.tsx +++ b/frontend/src/pages/Tools/MigrateConnection/index.tsx @@ -1,28 +1,28 @@ -import { FullScreenLoader } from '../../../components/Preloader'; -import useUser from '../../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../../layout/DefaultLayout'; -import User from '../../../models/user'; -import paths from '../../../utils/paths'; -import AppLayout from '../../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import { NavLink, useParams } from 'react-router-dom'; -import { APP_NAME } from '../../../utils/constants'; -import Organization from '../../../models/organization'; +import { APP_NAME } from '@/utils/constants'; +import Organization from '@/models/organization'; import { CheckCircle, Info, Loader } from 'react-feather'; -import { nFormatter } from '../../../utils/numbers'; +import { nFormatter } from '@/utils/numbers'; import pluralize from 'pluralize'; -import Tools from '../../../models/tools'; -import showToast from '../../../utils/toast'; +import Tools from '@/models/tools'; +import showToast from '@/utils/toast'; -import ChromaLogo from '../../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../../images/vectordbs/weaviate.png'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; import truncate from 'truncate'; import { CaretDown, GearSix, Prohibit } from '@phosphor-icons/react'; -import SyncConnectorModal from '../../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../../components/Modals/UpdateConnectorModal'; -import NewConnectorModal from '../../../components/Modals/NewConnectorModal'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import NewConnectorModal from '@/components/Modals/NewConnectorModal'; export default function MigrateConnectionView() { const { user } = useUser(); diff --git a/frontend/src/pages/Tools/RAGTesting/NewTestForm/PromptInputAndSearchSubmission/index.tsx b/frontend/src/pages/Tools/RAGTesting/NewTestForm/PromptInputAndSearchSubmission/index.tsx index a2d05ad3..38acffb2 100644 --- a/frontend/src/pages/Tools/RAGTesting/NewTestForm/PromptInputAndSearchSubmission/index.tsx +++ b/frontend/src/pages/Tools/RAGTesting/NewTestForm/PromptInputAndSearchSubmission/index.tsx @@ -1,8 +1,8 @@ import { useState, useEffect, Fragment } from 'react'; -import paths from '../../../../../utils/paths'; -import Tools from '../../../../../models/tools'; +import paths from '@/utils/paths'; +import Tools from '@/models/tools'; import { debounce } from 'lodash'; -import { IOrganization } from '../../../../../models/organization'; +import { IOrganization } from '@/models/organization'; export default function PromptInputAndSearchSubmission({ organization, diff --git a/frontend/src/pages/Tools/RAGTesting/NewTestForm/WorkspaceSearch/index.tsx b/frontend/src/pages/Tools/RAGTesting/NewTestForm/WorkspaceSearch/index.tsx index 48e7c70c..0b864351 100644 --- a/frontend/src/pages/Tools/RAGTesting/NewTestForm/WorkspaceSearch/index.tsx +++ b/frontend/src/pages/Tools/RAGTesting/NewTestForm/WorkspaceSearch/index.tsx @@ -1,10 +1,8 @@ import { useState, useEffect } from 'react'; -import Organization, { - IOrganization, -} from '../../../../../models/organization'; +import Organization, { IOrganization } from '@/models/organization'; import { Circle, Loader, X } from 'react-feather'; import { debounce } from 'lodash'; -import { IWorkspace } from '../../../../../models/workspace'; +import { IWorkspace } from '@/models/workspace'; export default function WorkspaceSearch({ organization, diff --git a/frontend/src/pages/Tools/RAGTesting/NewTestForm/index.tsx b/frontend/src/pages/Tools/RAGTesting/NewTestForm/index.tsx index 78365716..115da0a9 100644 --- a/frontend/src/pages/Tools/RAGTesting/NewTestForm/index.tsx +++ b/frontend/src/pages/Tools/RAGTesting/NewTestForm/index.tsx @@ -1,9 +1,9 @@ import { useState } from 'react'; -import Tools from '../../../../models/tools'; +import Tools from '@/models/tools'; import { debounce } from 'lodash'; import WorkspaceSearch from './WorkspaceSearch'; import PromptInputAndSearchSubmission from './PromptInputAndSearchSubmission'; -import { IOrganization } from '../../../../models/organization'; +import { IOrganization } from '@/models/organization'; import { Loader } from 'react-feather'; export default function NewTestForm({ diff --git a/frontend/src/pages/Tools/RAGTesting/RecentRuns/RunsList/index.tsx b/frontend/src/pages/Tools/RAGTesting/RecentRuns/RunsList/index.tsx index 040a6fa3..ccd3a0ae 100644 --- a/frontend/src/pages/Tools/RAGTesting/RecentRuns/RunsList/index.tsx +++ b/frontend/src/pages/Tools/RAGTesting/RecentRuns/RunsList/index.tsx @@ -1,10 +1,10 @@ import { AlertTriangle, ChevronDown } from 'react-feather'; -import { IRagTest } from '../../../../../models/tools'; +import { IRagTest } from '@/models/tools'; import moment from 'moment'; -import paths from '../../../../../utils/paths'; -import showToast from '../../../../../utils/toast'; +import paths from '@/utils/paths'; +import showToast from '@/utils/toast'; import { useState } from 'react'; -import { IRagTestRun } from '../../../../../models/tools'; +import { IRagTestRun } from '@/models/tools'; import { StringDiff, DiffMethod } from 'react-string-diff'; export default function RunsList({ diff --git a/frontend/src/pages/Tools/RAGTesting/RecentRuns/index.tsx b/frontend/src/pages/Tools/RAGTesting/RecentRuns/index.tsx index 923f6bf0..3f36d6ba 100644 --- a/frontend/src/pages/Tools/RAGTesting/RecentRuns/index.tsx +++ b/frontend/src/pages/Tools/RAGTesting/RecentRuns/index.tsx @@ -1,27 +1,30 @@ -import PreLoader, { FullScreenLoader } from '../../../../components/Preloader'; -import useUser from '../../../../hooks/useUser'; +import PreLoader, { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../../../layout/DefaultLayout'; -import User from '../../../../models/user'; -import paths from '../../../../utils/paths'; -import AppLayout from '../../../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import { NavLink, useParams } from 'react-router-dom'; -import Organization, { IOrganization } from '../../../../models/organization'; -import Tools, { IRagTest, IRagTestRun } from '../../../../models/tools'; +import Organization, { IOrganization } from '@/models/organization'; +import Tools, { IRagTest, IRagTestRun } from '@/models/tools'; import RunsList from './RunsList'; -import { EnableDisableButton, RunNowButton } from '../RecentTests'; -import showToast from '../../../../utils/toast'; +import { + EnableDisableButton, + RunNowButton, +} from '@/pages/Tools/RAGTesting/RecentTests'; +import showToast from '@/utils/toast'; import { Loader } from 'react-feather'; -import ChromaLogo from '../../../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../../../images/vectordbs/weaviate.png'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; import truncate from 'truncate'; import { CaretDown, GearSix, Prohibit } from '@phosphor-icons/react'; -import SyncConnectorModal from '../../../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../../../components/Modals/UpdateConnectorModal'; -import NewConnectorModal from '../../../../components/Modals/NewConnectorModal'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import NewConnectorModal from '@/components/Modals/NewConnectorModal'; export default function RAGDriftTestRuns() { const { user } = useUser(); diff --git a/frontend/src/pages/Tools/RAGTesting/RecentTests/index.tsx b/frontend/src/pages/Tools/RAGTesting/RecentTests/index.tsx index 6a26325c..564b1952 100644 --- a/frontend/src/pages/Tools/RAGTesting/RecentTests/index.tsx +++ b/frontend/src/pages/Tools/RAGTesting/RecentTests/index.tsx @@ -1,9 +1,9 @@ import { AlertTriangle, Box, Loader, Trash } from 'react-feather'; -import Tools, { IRagTest } from '../../../../models/tools'; +import Tools, { IRagTest } from '@/models/tools'; import moment from 'moment'; -import paths from '../../../../utils/paths'; -import showToast from '../../../../utils/toast'; -import TestDetailsModal from '../TestDetails'; +import paths from '@/utils/paths'; +import showToast from '@/utils/toast'; +import TestDetailsModal from '@/pages/Tools/RAGTesting/TestDetails'; import { memo, useEffect, useRef, useState } from 'react'; export default function RecentTestRuns({ diff --git a/frontend/src/pages/Tools/RAGTesting/TestDetails/index.tsx b/frontend/src/pages/Tools/RAGTesting/TestDetails/index.tsx index 5c07591b..ee1f2d87 100644 --- a/frontend/src/pages/Tools/RAGTesting/TestDetails/index.tsx +++ b/frontend/src/pages/Tools/RAGTesting/TestDetails/index.tsx @@ -1,5 +1,5 @@ import { Fragment, useState } from 'react'; -import { IRagTest } from '../../../../models/tools'; +import { IRagTest } from '@/models/tools'; export default function TestDetailsModal({ test }: { test: IRagTest }) { return ( diff --git a/frontend/src/pages/Tools/RAGTesting/index.tsx b/frontend/src/pages/Tools/RAGTesting/index.tsx index b45598ad..c825a711 100644 --- a/frontend/src/pages/Tools/RAGTesting/index.tsx +++ b/frontend/src/pages/Tools/RAGTesting/index.tsx @@ -1,25 +1,25 @@ -import PreLoader, { FullScreenLoader } from '../../../components/Preloader'; -import useUser from '../../../hooks/useUser'; +import PreLoader, { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../../layout/DefaultLayout'; -import User from '../../../models/user'; -import paths from '../../../utils/paths'; -import AppLayout from '../../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import { NavLink, useParams } from 'react-router-dom'; -import Organization, { IOrganization } from '../../../models/organization'; -import Tools, { IRagTest } from '../../../models/tools'; +import Organization, { IOrganization } from '@/models/organization'; +import Tools, { IRagTest } from '@/models/tools'; import NewTestForm, { NewTestFormModal } from './NewTestForm'; import RecentTestRuns from './RecentTests'; -import ChromaLogo from '../../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../../images/vectordbs/weaviate.png'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; import truncate from 'truncate'; import { CaretDown, GearSix, Prohibit } from '@phosphor-icons/react'; -import SyncConnectorModal from '../../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../../components/Modals/UpdateConnectorModal'; -import NewConnectorModal from '../../../components/Modals/NewConnectorModal'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import NewConnectorModal from '@/components/Modals/NewConnectorModal'; export default function RAGDriftTesting() { const { user } = useUser(); diff --git a/frontend/src/pages/Tools/ResetConnection/index.tsx b/frontend/src/pages/Tools/ResetConnection/index.tsx index 61a6d202..d727e133 100644 --- a/frontend/src/pages/Tools/ResetConnection/index.tsx +++ b/frontend/src/pages/Tools/ResetConnection/index.tsx @@ -1,27 +1,27 @@ -import { FullScreenLoader } from '../../../components/Preloader'; -import useUser from '../../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../../layout/DefaultLayout'; -import User from '../../../models/user'; -import paths from '../../../utils/paths'; -import AppLayout from '../../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import { NavLink, useParams } from 'react-router-dom'; -import Organization from '../../../models/organization'; +import Organization from '@/models/organization'; import { Loader } from 'react-feather'; -import { nFormatter } from '../../../utils/numbers'; +import { nFormatter } from '@/utils/numbers'; import pluralize from 'pluralize'; -import Tools from '../../../models/tools'; -import showToast from '../../../utils/toast'; +import Tools from '@/models/tools'; +import showToast from '@/utils/toast'; -import ChromaLogo from '../../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../../images/vectordbs/weaviate.png'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; import truncate from 'truncate'; import { CaretDown, GearSix, Prohibit } from '@phosphor-icons/react'; -import SyncConnectorModal from '../../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../../components/Modals/UpdateConnectorModal'; -import NewConnectorModal from '../../../components/Modals/NewConnectorModal'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import NewConnectorModal from '@/components/Modals/NewConnectorModal'; export default function ResetConnectionView() { const { user } = useUser(); diff --git a/frontend/src/pages/Tools/ToolsList/index.tsx b/frontend/src/pages/Tools/ToolsList/index.tsx index d6786b2d..e0b02cac 100644 --- a/frontend/src/pages/Tools/ToolsList/index.tsx +++ b/frontend/src/pages/Tools/ToolsList/index.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { Info } from 'react-feather'; -import { APP_NAME } from '../../../utils/constants'; -import paths from '../../../utils/paths'; +import { APP_NAME } from '@/utils/constants'; +import paths from '@/utils/paths'; import { CaretDown } from '@phosphor-icons/react'; export default function ToolsList({ organization }: { organization: any }) { diff --git a/frontend/src/pages/Tools/index.tsx b/frontend/src/pages/Tools/index.tsx index b48a82f0..c35f56ad 100644 --- a/frontend/src/pages/Tools/index.tsx +++ b/frontend/src/pages/Tools/index.tsx @@ -1,23 +1,23 @@ -import { FullScreenLoader } from '../../components/Preloader'; -import useUser from '../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../layout/DefaultLayout'; -import User from '../../models/user'; -import paths from '../../utils/paths'; -import AppLayout from '../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import { NavLink, useParams } from 'react-router-dom'; import ToolsList from './ToolsList'; -import Organization from '../../models/organization'; +import Organization from '@/models/organization'; -import ChromaLogo from '../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../images/vectordbs/weaviate.png'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; import truncate from 'truncate'; import { GearSix, Prohibit } from '@phosphor-icons/react'; -import SyncConnectorModal from '../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../components/Modals/UpdateConnectorModal'; -import NewConnectorModal from '../../components/Modals/NewConnectorModal'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import NewConnectorModal from '@/components/Modals/NewConnectorModal'; export default function OrganizationToolsView() { const { user } = useUser(); diff --git a/frontend/src/pages/UsersView/NewUser/index.tsx b/frontend/src/pages/UsersView/NewUser/index.tsx index e82a52ca..9fe6636c 100644 --- a/frontend/src/pages/UsersView/NewUser/index.tsx +++ b/frontend/src/pages/UsersView/NewUser/index.tsx @@ -1,7 +1,7 @@ import { memo, useState } from 'react'; -import { APP_NAME } from '../../../utils/constants'; +import { APP_NAME } from '@/utils/constants'; import { Key, Mail } from 'react-feather'; -import User from '../../../models/user'; +import User from '@/models/user'; const NewUserModal = memo(() => { const [loading, setLoading] = useState(false); diff --git a/frontend/src/pages/UsersView/UserList/DeleteUserConfirmation/index.tsx b/frontend/src/pages/UsersView/UserList/DeleteUserConfirmation/index.tsx index 85f13e93..cd82728b 100644 --- a/frontend/src/pages/UsersView/UserList/DeleteUserConfirmation/index.tsx +++ b/frontend/src/pages/UsersView/UserList/DeleteUserConfirmation/index.tsx @@ -1,7 +1,7 @@ import { memo, useState } from 'react'; import { Loader } from 'react-feather'; -import User from '../../../../models/user'; -import { APP_NAME } from '../../../../utils/constants'; +import User from '@/models/user'; +import { APP_NAME } from '@/utils/constants'; const DeleteUserConfirmation = memo(({ user }: { user: any }) => { const [loading, setLoading] = useState(false); diff --git a/frontend/src/pages/UsersView/UserList/EditUserConfirmation/index.tsx b/frontend/src/pages/UsersView/UserList/EditUserConfirmation/index.tsx index 87e9706f..ecf1eb88 100644 --- a/frontend/src/pages/UsersView/UserList/EditUserConfirmation/index.tsx +++ b/frontend/src/pages/UsersView/UserList/EditUserConfirmation/index.tsx @@ -1,8 +1,7 @@ import { memo, useState } from 'react'; -import { APP_NAME } from '../../../../utils/constants'; +import { APP_NAME } from '@/utils/constants'; import { Key, Mail } from 'react-feather'; -import User from '../../../../models/user'; -import { Check } from '@phosphor-icons/react'; +import User from '@/models/user'; function parseMemberships(form: any) { const memberships = []; diff --git a/frontend/src/pages/UsersView/index.tsx b/frontend/src/pages/UsersView/index.tsx index 96d16ff3..7c6f5c99 100644 --- a/frontend/src/pages/UsersView/index.tsx +++ b/frontend/src/pages/UsersView/index.tsx @@ -1,12 +1,12 @@ -import { FullScreenLoader } from '../../components/Preloader'; -import useUser from '../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect } from 'react'; -import DefaultLayout from '../../layout/DefaultLayout'; -import User from '../../models/user'; -import AppLayout from '../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import AppLayout from '@/layout/AppLayout'; import UserList from './UserList'; -import Organization from '../../models/organization'; -import NewUserModal from './NewUser'; +import Organization from '@/models/organization'; +import NewUserModal from '@/pages/UsersView/NewUser'; export default function UserManagementView() { const { user } = useUser(); diff --git a/frontend/src/pages/WorkspaceDashboard/ApiKey/index.tsx b/frontend/src/pages/WorkspaceDashboard/ApiKey/index.tsx index 2e52937e..420adbd7 100644 --- a/frontend/src/pages/WorkspaceDashboard/ApiKey/index.tsx +++ b/frontend/src/pages/WorkspaceDashboard/ApiKey/index.tsx @@ -1,8 +1,8 @@ import { useEffect, useState } from 'react'; import { Copy } from 'react-feather'; -import PreLoader from '../../../components/Preloader'; -import Organization from '../../../models/organization'; -import { APP_NAME } from '../../../utils/constants'; +import PreLoader from '@/components/Preloader'; +import Organization from '@/models/organization'; +import { APP_NAME } from '@/utils/constants'; export default function ApiKeyCard({ organization }: { organization?: any }) { const [loading, setLoading] = useState(true); diff --git a/frontend/src/pages/WorkspaceDashboard/Connector/index.tsx b/frontend/src/pages/WorkspaceDashboard/Connector/index.tsx index 17428d70..4ac74e93 100644 --- a/frontend/src/pages/WorkspaceDashboard/Connector/index.tsx +++ b/frontend/src/pages/WorkspaceDashboard/Connector/index.tsx @@ -1,7 +1,7 @@ import { useEffect, useState } from 'react'; -import Organization from '../../../models/organization'; -import { SUPPORTED_VECTOR_DBS } from '../../../utils/constants'; -import SyncConnectorModal from '../../../components/Modals/SyncConnectorModal'; +import Organization from '@/models/organization'; +import { SUPPORTED_VECTOR_DBS } from '@/utils/constants'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; export default function ConnectorCard({ knownConnector, diff --git a/frontend/src/pages/WorkspaceDashboard/DocumentsList/SearchView/index.tsx b/frontend/src/pages/WorkspaceDashboard/DocumentsList/SearchView/index.tsx index a7a4a414..5c3fd4a1 100644 --- a/frontend/src/pages/WorkspaceDashboard/DocumentsList/SearchView/index.tsx +++ b/frontend/src/pages/WorkspaceDashboard/DocumentsList/SearchView/index.tsx @@ -1,6 +1,6 @@ import { SyntheticEvent, useRef, useState } from 'react'; -import Workspace from '../../../../models/workspace'; -import { SEARCH_MODES, ISearchTypes } from '../../../../utils/constants'; +import Workspace from '@/models/workspace'; +import { SEARCH_MODES, ISearchTypes } from '@/utils/constants'; import { CaretDown, MagnifyingGlass, X } from '@phosphor-icons/react'; export default function SearchView({ diff --git a/frontend/src/pages/WorkspaceDashboard/DocumentsList/index.tsx b/frontend/src/pages/WorkspaceDashboard/DocumentsList/index.tsx index b0e11853..a1c597a5 100644 --- a/frontend/src/pages/WorkspaceDashboard/DocumentsList/index.tsx +++ b/frontend/src/pages/WorkspaceDashboard/DocumentsList/index.tsx @@ -1,20 +1,20 @@ import { memo } from 'react'; -import paths from '../../../utils/paths'; +import paths from '@/utils/paths'; import moment from 'moment'; import { useEffect, useState } from 'react'; import truncate from 'truncate'; -import Workspace from '../../../models/workspace'; -import System from '../../../models/system'; -import Document from '../../../models/document'; -import useQuery from '../../../hooks/useQuery'; -import { APP_NAME } from '../../../utils/constants'; +import Workspace from '@/models/workspace'; +import System from '@/models/system'; +import Document from '@/models/document'; +import useQuery from '@/hooks/useQuery'; +import { APP_NAME } from '@/utils/constants'; import { useParams } from 'react-router-dom'; -import DocumentListPagination from '../../../components/DocumentPaginator'; +import DocumentListPagination from '@/components/DocumentPaginator'; import SearchView from './SearchView'; import { File, Trash } from '@phosphor-icons/react'; -import PreLoader from '../../../components/Preloader'; -import UploadModalNoKey from '../../../components/Modals/UploadModalNoKey'; -import UploadDocumentModal from '../../../components/Modals/UploadDocumentModal'; +import PreLoader from '@/components/Preloader'; +import UploadModalNoKey from '@/components/Modals/UploadModalNoKey'; +import UploadDocumentModal from '@/components/Modals/UploadDocumentModal'; export default function DocumentsList({ knownConnector, diff --git a/frontend/src/pages/WorkspaceDashboard/Statistics/index.tsx b/frontend/src/pages/WorkspaceDashboard/Statistics/index.tsx index 89695c06..6d647a7b 100644 --- a/frontend/src/pages/WorkspaceDashboard/Statistics/index.tsx +++ b/frontend/src/pages/WorkspaceDashboard/Statistics/index.tsx @@ -1,7 +1,7 @@ import { memo, useState, useEffect } from 'react'; -import { humanFileSize, nFormatter } from '../../../utils/numbers'; +import { humanFileSize, nFormatter } from '@/utils/numbers'; import pluralize from 'pluralize'; -import Workspace from '../../../models/workspace'; +import Workspace from '@/models/workspace'; import { Copy } from '@phosphor-icons/react'; import truncate from 'truncate'; diff --git a/frontend/src/pages/WorkspaceDashboard/index.tsx b/frontend/src/pages/WorkspaceDashboard/index.tsx index 2687c130..5fc66faa 100644 --- a/frontend/src/pages/WorkspaceDashboard/index.tsx +++ b/frontend/src/pages/WorkspaceDashboard/index.tsx @@ -1,27 +1,27 @@ -import { FullScreenLoader } from '../../components/Preloader'; -import useUser from '../../hooks/useUser'; +import { FullScreenLoader } from '@/components/Preloader'; +import useUser from '@/hooks/useUser'; import { useState, useEffect, memo } from 'react'; -import DefaultLayout from '../../layout/DefaultLayout'; -import User from '../../models/user'; -import paths from '../../utils/paths'; -import AppLayout from '../../layout/AppLayout'; +import DefaultLayout from '@/layout/DefaultLayout'; +import User from '@/models/user'; +import paths from '@/utils/paths'; +import AppLayout from '@/layout/AppLayout'; import { useParams } from 'react-router-dom'; -import Organization from '../../models/organization'; +import Organization from '@/models/organization'; import Statistics from './Statistics'; import DocumentsList from './DocumentsList'; -import Workspace from '../../models/workspace'; -import { APP_NAME } from '../../utils/constants'; +import Workspace from '@/models/workspace'; +import { APP_NAME } from '@/utils/constants'; import { titleCase } from 'title-case'; import { CaretDown } from '@phosphor-icons/react'; import truncate from 'truncate'; -import ChromaLogo from '../../images/vectordbs/chroma.png'; -import PineconeLogoInverted from '../../images/vectordbs/pinecone-inverted.png'; -import qDrantLogo from '../../images/vectordbs/qdrant.png'; -import WeaviateLogo from '../../images/vectordbs/weaviate.png'; -import SyncConnectorModal from '../../components/Modals/SyncConnectorModal'; -import UpdateConnectorModal from '../../components/Modals/UpdateConnectorModal'; -import QuickActionsSidebar from '../Dashboard/QuickActionSidebar'; +import ChromaLogo from '@/images/vectordbs/chroma.png'; +import PineconeLogoInverted from '@/images/vectordbs/pinecone-inverted.png'; +import qDrantLogo from '@/images/vectordbs/qdrant.png'; +import WeaviateLogo from '@/images/vectordbs/weaviate.png'; +import SyncConnectorModal from '@/components/Modals/SyncConnectorModal'; +import UpdateConnectorModal from '@/components/Modals/UpdateConnectorModal'; +import QuickActionsSidebar from '@/pages/Dashboard/QuickActionSidebar'; export default function WorkspaceDashboard() { const { user } = useUser(); diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json index 7ed3e65c..e5d5f60e 100644 --- a/frontend/tsconfig.json +++ b/frontend/tsconfig.json @@ -4,6 +4,9 @@ "lib": ["DOM", "DOM.Iterable", "ESNext"], "module": "ESNext", "skipLibCheck": true, + "paths": { + "@/*": ["./src/*"] + }, /* Bundler mode */ "moduleResolution": "bundler", diff --git a/frontend/vite.config.js b/frontend/vite.config.js index a53a09c4..330a5e73 100644 --- a/frontend/vite.config.js +++ b/frontend/vite.config.js @@ -1,17 +1,26 @@ -import { defineConfig } from 'vite' -import react from '@vitejs/plugin-react' -import wasm from "vite-plugin-wasm"; -import topLevelAwait from "vite-plugin-top-level-await"; +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; +import wasm from 'vite-plugin-wasm'; +import topLevelAwait from 'vite-plugin-top-level-await'; +import { fileURLToPath, URL } from 'url'; // https://vitejs.dev/config/ export default defineConfig({ server: { port: 3000, - host: '0.0.0.0' + host: '0.0.0.0', }, define: { 'process.env': process.env, - global: 'window' + global: 'window', }, plugins: [react(), wasm(), topLevelAwait()], -}) + resolve: { + alias: [ + { + find: '@', + replacement: fileURLToPath(new URL('./src', import.meta.url)), + }, + ], + }, +});