Use @/ for JS imports

Using path aliases in vite and ts

Author: pinkwah

frontend/src/api/api.tsx

@@ -1,11 +1,11 @@
-import config from "../configuration";
-import { SimulationResults } from "../dto/SimulationResults";
-import { Project } from "../dto/Project";
-import { Simulation } from "../dto/Simulation";
-import { ModelConfig } from "../dto/FormConfig";
-import { ExperimentResult } from "../dto/ExperimentResult";
-import { getAccessToken } from "../services/auth";
-import { ModelInput } from "../dto/ModelInput";
+import config from "@/configuration";
+import { SimulationResults } from "@/dto/SimulationResults";
+import { Project } from "@/dto/Project";
+import { Simulation } from "@/dto/Simulation";
+import { ModelConfig } from "@/dto/FormConfig";
+import { ExperimentResult } from "@/dto/ExperimentResult";
+import { getAccessToken } from "@/services/auth";
+import { ModelInput } from "@/dto/ModelInput";
 
 type ApiRequestInit = Omit<RequestInit, "method"> & { params?: Record<string, any>; json?: any };
 

frontend/src/assets/syntheticResults.tsx

@@ -1,4 +1,4 @@
-import { ExperimentResult } from "../dto/ExperimentResult";
+import { ExperimentResult } from "@/dto/ExperimentResult";
 
 export const syntheticResults: ExperimentResult[] = [
     {

frontend/src/components/BarChart.tsx

@@ -2,8 +2,8 @@ import React, { useRef } from "react";
 import { Bar } from "react-chartjs-2";
 import { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend } from "chart.js";
 import zoomPlugin from "chartjs-plugin-zoom";
-import { getDistributedColor } from "../functions/Colors";
-import { ChartDataSet } from "../dto/ChartData";
+import { getDistributedColor } from "@/functions/Colors";
+import { ChartDataSet } from "@/dto/ChartData";
 import { Button } from "@equinor/eds-core-react";
 
 ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend, zoomPlugin);

frontend/src/components/ConvertibleTextField.tsx

@@ -1,6 +1,6 @@
 import { TextField } from "@equinor/eds-core-react";
 import { ChangeEventHandler, FocusEventHandler, ForwardedRef, ReactNode, useEffect, useState } from "react";
-import { useSettings } from "../contexts/SettingsContext.tsx";
+import { useSettings } from "@/contexts/SettingsContext.tsx";
 
 // Copied and modified from EDS
 type ConvertibleTextFieldProps = {

frontend/src/components/CreateProjectDialog.tsx

@@ -1,7 +1,7 @@
 import { Button, Dialog, Radio, TextField, Typography } from "@equinor/eds-core-react";
 import { SetStateAction, useState } from "react";
 import { ColumnLayout, RowItem, RowLayout } from "./StyledLayout";
-import { saveProject } from "../api/api";
+import { saveProject } from "@/api/api";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 
 const CreateProjectDialog: React.FC<{ setCreateProjectDialogOpen: React.Dispatch<React.SetStateAction<boolean>> }> = ({

frontend/src/components/DownloadButton.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { Button, Icon } from "@equinor/eds-core-react";
 import { save } from "@equinor/eds-icons";
-import { downloadTabulatedDataAsCSV } from "../functions/Formatting";
-import { ExperimentResult } from "../dto/ExperimentResult";
-import { SimulationResults } from "../dto/SimulationResults";
+import { downloadTabulatedDataAsCSV } from "@/functions/Formatting";
+import { ExperimentResult } from "@/dto/ExperimentResult";
+import { SimulationResults } from "@/dto/SimulationResults";
 
 interface DownloadButtonProps {
     simulationResultsPerExperiment: Record<string, SimulationResults[]>;

frontend/src/components/DynamicBreadcrumbs.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { useLocation, Link, useMatch } from "react-router-dom";
 import { Breadcrumbs } from "@equinor/eds-core-react";
-import { useBreadcrumbStore } from "../hooks/useBreadcrumbStore";
+import { useBreadcrumbStore } from "@/hooks/useBreadcrumbStore";
 
 const DynamicBreadcrumbs: React.FC = () => {
     const projectMatch = useMatch("/project/:projectId/*");

frontend/src/components/ErrorDialog.tsx

@@ -1,7 +1,7 @@
 // frontend/src/components/ErrorDialog.tsx
 import React from "react";
 import { Dialog as EDS_Dialog, Button, Typography } from "@equinor/eds-core-react";
-import { useErrorStore } from "../hooks/useErrorState";
+import { useErrorStore } from "@/hooks/useErrorState";
 
 const ErrorDialog: React.FC = () => {
     const { error, setError } = useErrorStore();

frontend/src/components/GenericTable.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Table } from "@equinor/eds-core-react";
-import { convertToSubscripts } from "../functions/Formatting";
+import { convertToSubscripts } from "@/functions/Formatting";
 interface GenericTableProps {
     data: Record<string, any>[];
 }

frontend/src/components/LabResultsPlot.tsx

@@ -1,10 +1,10 @@
 import React, { useState } from "react";
 import { Card, Typography } from "@equinor/eds-core-react";
-import { ExperimentResult } from "../dto/ExperimentResult";
-import { ChartDataSet } from "../dto/ChartData";
+import { ExperimentResult } from "@/dto/ExperimentResult";
+import { ChartDataSet } from "@/dto/ChartData";
 import BarChart from "./BarChart";
-import { SimulationResults } from "../dto/SimulationResults";
-import { convertSimulationToChartData } from "../functions/Formatting";
+import { SimulationResults } from "@/dto/SimulationResults";
+import { convertSimulationToChartData } from "@/functions/Formatting";
 
 interface LabResultsPlotProps {
     selectedExperiments: ExperimentResult[];