Merge pull request #126 from Mintplex-Labs/add-alias-frontend-root

Add alias frontend root
Mintplex-Labs · Jan 24, 2024 · 2297b55 · 2297b55
2 parents 63501d3 + 1961994
commit 2297b55
Show file tree

Hide file tree

Showing 82 changed files with 433 additions and 425 deletions.
diff --git 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
@@ -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
@@ -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<Boolean | null>(null);

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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<Boolean | null>(null);

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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(
   <Router>

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 = {