-
+
+
+
-
-
+ {
setShowDebug(!showDebug)
diff --git a/src/components/loading-button/loading-button.style.ts b/src/components/loading-button/loading-button.style.ts
index d3edb4b9..b66746fe 100644
--- a/src/components/loading-button/loading-button.style.ts
+++ b/src/components/loading-button/loading-button.style.ts
@@ -1,6 +1,6 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
-export const useStyles = makeStyles(theme => ({
+export const useStyles = makeStyles()(theme => ({
spinner: {
color: 'white',
position: 'absolute',
diff --git a/src/components/loading-button/loading-button.tsx b/src/components/loading-button/loading-button.tsx
index 7aac7491..05263b97 100644
--- a/src/components/loading-button/loading-button.tsx
+++ b/src/components/loading-button/loading-button.tsx
@@ -12,7 +12,7 @@ type LoadingButtonProps = {
}
export default function LoadingButton(props: LoadingButtonProps) {
- const classes = useStyles()
+ const { classes } = useStyles()
const {
isLoading,
label,
diff --git a/src/components/plots/bokeh-plot/index.ts b/src/components/plots/bokeh-plot/index.ts
index 0e8edac8..b9ef71d0 100644
--- a/src/components/plots/bokeh-plot/index.ts
+++ b/src/components/plots/bokeh-plot/index.ts
@@ -1,6 +1,3 @@
-import dynamic from 'next/dynamic'
+import React from 'react'
-// This is a workaround for Next.js to work with BokehJS
-export const BokehPlot = dynamic(() => import('./bokeh-plot'), {
- ssr: false,
-})
+export const BokehPlot = React.lazy(() => import('./bokeh-plot'))
diff --git a/src/components/plots/plot-item.style.ts b/src/components/plots/plot-item.style.ts
index ccd6b13b..e4eb8984 100644
--- a/src/components/plots/plot-item.style.ts
+++ b/src/components/plots/plot-item.style.ts
@@ -1,6 +1,6 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
-export const useStyles = makeStyles(() => ({
+export const useStyles = makeStyles()(() => ({
listItem: {
listStyle: 'none',
},
diff --git a/src/components/plots/plot-item.tsx b/src/components/plots/plot-item.tsx
index d41a17dc..1c2d1365 100644
--- a/src/components/plots/plot-item.tsx
+++ b/src/components/plots/plot-item.tsx
@@ -23,7 +23,7 @@ export const PlotItem = ({
const {
state: { experiment },
} = useExperiment()
- const classes = useStyles()
+ const { classes } = useStyles()
return (
<>
diff --git a/src/components/plots/plot-list.style.ts b/src/components/plots/plot-list.style.ts
index 8cf90f22..7697ed02 100644
--- a/src/components/plots/plot-list.style.ts
+++ b/src/components/plots/plot-list.style.ts
@@ -1,6 +1,6 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
-export const useStyles = makeStyles(() => ({
+export const useStyles = makeStyles()(() => ({
list: {
padding: 0,
},
diff --git a/src/components/plots/plot-list.tsx b/src/components/plots/plot-list.tsx
index e6adbd9e..fe8e3bb6 100644
--- a/src/components/plots/plot-list.tsx
+++ b/src/components/plots/plot-list.tsx
@@ -6,7 +6,7 @@ interface PlotListProps {
}
export const PlotList = ({ children }: PlotListProps) => {
- const classes = useStyles()
+ const { classes } = useStyles()
return = ({
maxWidth,
altText,
}) => (
- // eslint-disable-next-line @next/next/no-img-element
({
+export const useStyles = makeStyles()(() => ({
titleButton: {
float: 'right',
},
diff --git a/src/components/result-data/experimentation-guide.tsx b/src/components/result-data/experimentation-guide.tsx
index f923a310..5468352a 100644
--- a/src/components/result-data/experimentation-guide.tsx
+++ b/src/components/result-data/experimentation-guide.tsx
@@ -27,7 +27,7 @@ export const ExperimentationGuide = (props: ResultDataProps) => {
onMouseEnterExpand,
onMouseLeaveExpand,
} = props
- const classes = useStyles()
+ const { classes } = useStyles()
const {
state: { uiSizes },
dispatch,
diff --git a/src/components/result-data/single-data-point.style.ts b/src/components/result-data/single-data-point.style.ts
index 1e8a88b1..46f6d591 100644
--- a/src/components/result-data/single-data-point.style.ts
+++ b/src/components/result-data/single-data-point.style.ts
@@ -1,6 +1,6 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
-export const useStyles = makeStyles(() => ({
+export const useStyles = makeStyles()(() => ({
tableContainer: {
overflowX: 'auto',
},
diff --git a/src/components/result-data/single-data-point.tsx b/src/components/result-data/single-data-point.tsx
index 6b21282f..1b8a0998 100644
--- a/src/components/result-data/single-data-point.tsx
+++ b/src/components/result-data/single-data-point.tsx
@@ -20,7 +20,7 @@ export const SingleDataPoint = ({
headers,
dataPoint,
}: SingleDataPointProps) => {
- const classes = useStyles()
+ const { classes } = useStyles()
return (
diff --git a/src/components/result-data/suggestions.style.ts b/src/components/result-data/suggestions.style.ts
index 2f29050e..a2244fe1 100644
--- a/src/components/result-data/suggestions.style.ts
+++ b/src/components/result-data/suggestions.style.ts
@@ -1,6 +1,6 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
-export const useStyles = makeStyles(() => ({
+export const useStyles = makeStyles()(() => ({
tableContainer: {
overflowX: 'auto',
},
diff --git a/src/components/result-data/suggestions.tsx b/src/components/result-data/suggestions.tsx
index 288af125..9474c0d7 100644
--- a/src/components/result-data/suggestions.tsx
+++ b/src/components/result-data/suggestions.tsx
@@ -13,7 +13,7 @@ interface SuggestionsProps {
}
export const Suggestions = ({ values, headers }: SuggestionsProps) => {
- const classes = useStyles()
+ const { classes } = useStyles()
return (
<>
diff --git a/src/components/summary-configuration/summary-configuration.style.ts b/src/components/summary-configuration/summary-configuration.style.ts
index 6aa1f67c..7e0e24f7 100644
--- a/src/components/summary-configuration/summary-configuration.style.ts
+++ b/src/components/summary-configuration/summary-configuration.style.ts
@@ -1,6 +1,6 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
-export const useStyles = makeStyles(() => ({
+export const useStyles = makeStyles()(() => ({
iconDiscrete: {
fontSize: 10,
},
diff --git a/src/components/summary-configuration/summary-configuration.tsx b/src/components/summary-configuration/summary-configuration.tsx
index 7496d027..6129d49f 100644
--- a/src/components/summary-configuration/summary-configuration.tsx
+++ b/src/components/summary-configuration/summary-configuration.tsx
@@ -25,7 +25,7 @@ export const SummaryConfiguration = () => {
state: { experiment },
} = useExperiment()
const { dispatch } = useGlobal()
- const classes = useStyles()
+ const { classes } = useStyles()
return (
diff --git a/src/components/theme-selector/theme-selector.style.ts b/src/components/theme-selector/theme-selector.style.ts
index 135ea29f..15c5cd7e 100644
--- a/src/components/theme-selector/theme-selector.style.ts
+++ b/src/components/theme-selector/theme-selector.style.ts
@@ -1,6 +1,6 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
-export const useStyles = makeStyles(() => ({
+export const useStyles = makeStyles()(() => ({
themeContainer: {
display: 'flex',
justifyContent: 'space-around',
diff --git a/src/components/theme-selector/theme-selector.tsx b/src/components/theme-selector/theme-selector.tsx
index 5af8ae3b..a10fd61d 100644
--- a/src/components/theme-selector/theme-selector.tsx
+++ b/src/components/theme-selector/theme-selector.tsx
@@ -4,7 +4,7 @@ import useStyles from './theme-selector.style'
import { themes } from '@/theme/theme'
export default function ThemeSelector() {
- const classes = useStyles()
+ const { classes } = useStyles()
const { dispatch } = useGlobal()
return (
diff --git a/src/components/title-card/title-card.style.ts b/src/components/title-card/title-card.style.ts
index 3540ebb5..6a7fdf0b 100644
--- a/src/components/title-card/title-card.style.ts
+++ b/src/components/title-card/title-card.style.ts
@@ -1,6 +1,6 @@
-import { makeStyles } from '@mui/styles'
+import { makeStyles } from 'tss-react/mui'
-export const useStyles = makeStyles(theme => ({
+export const useStyles = makeStyles()(theme => ({
title: {
background: theme.palette.primary.main,
color: 'white',
diff --git a/src/components/title-card/title-card.tsx b/src/components/title-card/title-card.tsx
index 5e831906..1e5d56c2 100644
--- a/src/components/title-card/title-card.tsx
+++ b/src/components/title-card/title-card.tsx
@@ -10,7 +10,7 @@ type TitleCardProps = {
export const TitleCard = (props: TitleCardProps) => {
const { title, padding, children } = props
- const classes = useStyles()
+ const { classes } = useStyles()
return (
diff --git a/src/components/upload-csv-button.tsx b/src/components/upload-csv-button.tsx
index e1e723e6..8e786876 100644
--- a/src/components/upload-csv-button.tsx
+++ b/src/components/upload-csv-button.tsx
@@ -6,7 +6,7 @@ import PublishIcon from '@mui/icons-material/Publish'
import { ChangeEvent } from 'react'
const readFile = (file: Blob, dataHandler: (s: string) => void) => {
- var result = ''
+ const result = ''
if (file) {
const reader = new FileReader()
reader.onload = e => dataHandler(e.target?.result as string)
diff --git a/src/components/version-info.tsx b/src/components/version-info.tsx
index dae7e6a4..553cc7db 100644
--- a/src/components/version-info.tsx
+++ b/src/components/version-info.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
export const versionInfo = {
version:
// @ts-ignore
@@ -11,7 +12,8 @@ export const versionInfo = {
}
export const VersionInfo = () => {
- const showBranch = !/^HEAD$|^main$/.test(versionInfo.branch)
+ const showBranch =
+ versionInfo.branch !== '' && !/^HEAD$|^main$/.test(versionInfo.branch)
return (
- {children}
{versionInfo.version}
diff --git a/src/context/experiment/experiment-context.test.tsx b/src/context/experiment/experiment-context.test.tsx
index e449b653..322d8175 100644
--- a/src/context/experiment/experiment-context.test.tsx
+++ b/src/context/experiment/experiment-context.test.tsx
@@ -16,7 +16,7 @@ const ExperimentWrapper: FC<{ children: React.ReactNode }> = ({ children }) => (
describe('useExperiment', () => {
it('fails if called outside provider', async () => {
- console.error = jest.fn()
+ console.error = vi.fn()
expect(() => renderHook(() => useExperiment())).toThrow(
'useExperiment must be used within an ExperimentProvider'
)
diff --git a/src/context/experiment/experiment-context.tsx b/src/context/experiment/experiment-context.tsx
index b0a8cebe..0c5cc60a 100644
--- a/src/context/experiment/experiment-context.tsx
+++ b/src/context/experiment/experiment-context.tsx
@@ -41,16 +41,14 @@ export function ExperimentProvider({
const { dispatch: globalDispatch } = useGlobal()
React.useEffect(() => {
- ;(async () => {
- if (state?.experiment?.info?.swVersion !== versionInfo.version) {
- dispatch({ type: 'setSwVersion', payload: versionInfo.version })
- }
- globalDispatch({
- type: 'storeExperimentId',
- payload: experimentId,
- })
- setLoading(false)
- })()
+ if (state?.experiment?.info?.swVersion !== versionInfo.version) {
+ dispatch({ type: 'setSwVersion', payload: versionInfo.version })
+ }
+ globalDispatch({
+ type: 'storeExperimentId',
+ payload: experimentId,
+ })
+ setLoading(false)
}, [dispatch, experimentId, state, globalDispatch])
const getValue = (callback: (state: State) => any) => callback(state)
@@ -82,7 +80,7 @@ export const useSelector = (selector: (state: State) => T) => {
const fetchExperimentResult = async (
experiment: ExperimentType
): Promise => {
- const API_SERVER = process.env.NEXT_PUBLIC_API_SERVER
+ const API_SERVER = import.meta.env.VITE_PUBLIC_API_SERVER
const api = new DefaultApi(new Configuration({ basePath: API_SERVER }))
const cfg = experiment.optimizerConfig
const extras = experiment.extras || {}
diff --git a/src/context/experiment/experiment-reducers.ts b/src/context/experiment/experiment-reducers.ts
index 82639818..555e88f9 100644
--- a/src/context/experiment/experiment-reducers.ts
+++ b/src/context/experiment/experiment-reducers.ts
@@ -101,14 +101,15 @@ export const experimentReducer = produce(
state.extras.experimentSuggestionCount =
state.optimizerConfig.initialPoints
break
- case 'deleteValueVariable':
+ case 'deleteValueVariable': {
state.changedSinceLastEvaluation = true
- let indexOfDelete = state.valueVariables.indexOf(action.payload)
+ const indexOfDelete = state.valueVariables.indexOf(action.payload)
state.valueVariables.splice(indexOfDelete, 1)
state.optimizerConfig.initialPoints = calculateInitialPoints(state)
state.extras.experimentSuggestionCount =
state.optimizerConfig.initialPoints
break
+ }
case 'addCategorialVariable':
state.changedSinceLastEvaluation = true
state.categoricalVariables.splice(
@@ -120,9 +121,9 @@ export const experimentReducer = produce(
state.extras.experimentSuggestionCount =
state.optimizerConfig.initialPoints
break
- case 'deleteCategorialVariable':
+ case 'deleteCategorialVariable': {
state.changedSinceLastEvaluation = true
- let indexOfCatDelete = state.categoricalVariables.indexOf(
+ const indexOfCatDelete = state.categoricalVariables.indexOf(
action.payload
)
state.categoricalVariables.splice(indexOfCatDelete, 1)
@@ -130,6 +131,7 @@ export const experimentReducer = produce(
state.extras.experimentSuggestionCount =
state.optimizerConfig.initialPoints
break
+ }
case 'updateConfiguration':
state.changedSinceLastEvaluation = true
if (
diff --git a/src/context/experiment/reducers.test.ts b/src/context/experiment/reducers.test.ts
index ad5c2918..3b412bc1 100644
--- a/src/context/experiment/reducers.test.ts
+++ b/src/context/experiment/reducers.test.ts
@@ -10,6 +10,7 @@ import {
OptimizerConfig,
ValueVariableType,
} from '@/types/common'
+import { versionInfo } from '@/components/version-info'
describe('experiment reducer', () => {
const initState: State = {
@@ -67,7 +68,7 @@ describe('experiment reducer', () => {
id: '5678',
changedSinceLastEvaluation: false,
info: {
- swVersion: '',
+ swVersion: versionInfo.version,
name: 'Not cake',
description: 'Not yummy',
dataFormatVersion: currentVersion,
@@ -115,7 +116,8 @@ describe('experiment reducer', () => {
payload,
}
- expect(rootReducer(initState, action)).toEqual({
+ const actual = rootReducer(initState, action)
+ expect(actual).toEqual({
experiment: payload,
})
})
diff --git a/src/context/global/global-context.test.tsx b/src/context/global/global-context.test.tsx
index 34e06879..273954bd 100644
--- a/src/context/global/global-context.test.tsx
+++ b/src/context/global/global-context.test.tsx
@@ -9,7 +9,7 @@ const GlobalWrapper: FC<{ children: React.ReactNode }> = ({ children }) => (
describe('useGlobal', () => {
it('fails if called outside provider', async () => {
- console.error = jest.fn()
+ console.error = vi.fn()
expect(() => renderHook(() => useGlobal())).toThrow(
'useGlobal must be used within a GlobalStateProvider'
)
diff --git a/src/context/global/global-context.tsx b/src/context/global/global-context.tsx
index ff412ec0..8799eca3 100644
--- a/src/context/global/global-context.tsx
+++ b/src/context/global/global-context.tsx
@@ -5,10 +5,6 @@ import { useLocalStorageReducer } from '@/hooks/useLocalStorageReducer'
import { State, Dispatch, initialState, reducer } from './global-reducer'
import { theme, themes, CustomTheme } from '@/theme/theme'
-declare module '@mui/styles/defaultTheme' {
- interface DefaultTheme extends Theme {}
-}
-
const GlobalContext = React.createContext<
{ state: State; dispatch: Dispatch } | undefined
>(undefined)
diff --git a/src/context/global/global-reducer.ts b/src/context/global/global-reducer.ts
index df96df2a..6eb5ffd7 100644
--- a/src/context/global/global-reducer.ts
+++ b/src/context/global/global-reducer.ts
@@ -81,7 +81,7 @@ export const reducer = produce((state: State, action: Action) => {
case 'debug':
state.debug = action.payload
break
- case 'storeExperimentId':
+ case 'storeExperimentId': {
const id: string = action.payload
if (state.experimentsInLocalStorage.indexOf(id) === -1) {
state.experimentsInLocalStorage.splice(
@@ -91,12 +91,14 @@ export const reducer = produce((state: State, action: Action) => {
)
}
break
- case 'deleteExperimentId':
- let indexOfDelete = state.experimentsInLocalStorage.indexOf(
+ }
+ case 'deleteExperimentId': {
+ const indexOfDelete = state.experimentsInLocalStorage.indexOf(
action.payload
)
state.experimentsInLocalStorage.splice(indexOfDelete, 1)
break
+ }
case 'setTheme':
state.theme = action.payload
break
@@ -106,7 +108,7 @@ export const reducer = produce((state: State, action: Action) => {
case 'setShowJsonEditor':
state.showJsonEditor = action.payload
break
- case 'toggleUISize':
+ case 'toggleUISize': {
const indexSize = state.uiSizes.findIndex(u => u.key === action.payload)
if (indexSize === -1) {
state.uiSizes.splice(state.uiSizes.length, 0, {
@@ -128,6 +130,7 @@ export const reducer = produce((state: State, action: Action) => {
})
}
break
+ }
case 'global/setFocus':
state.focus = action.payload
break
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 00000000..7578d9ad
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,11 @@
+///
{focus === 'legacy' ? (
reducer: (state: S, action: A) => S,
initialState: S,
- localStorageKey: string = 'rootState',
+ localStorageKey = 'rootState',
transform = (x: S) => x
) => {
const localStorageReducer = (state: S, action: A) => {
diff --git a/src/jquery-shim.ts b/src/jquery-shim.ts
new file mode 100644
index 00000000..13ae8fb9
--- /dev/null
+++ b/src/jquery-shim.ts
@@ -0,0 +1,5 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+//@ts-ignore
+import { jQuery } from 'jquery'
+//@ts-ignore
+window.$ = window.jQuery = jQuery
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 00000000..4a392384
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+
+import App from './app'
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+
+
+)
diff --git a/src/testing/setupTests.ts b/src/testing/setupTests.ts
new file mode 100644
index 00000000..d263e51f
--- /dev/null
+++ b/src/testing/setupTests.ts
@@ -0,0 +1,4 @@
+import matchers from '@testing-library/jest-dom/matchers'
+import { expect } from 'vitest'
+
+expect.extend(matchers)
diff --git a/src/utility/__snapshots__/converters.test.ts.snap b/src/utility/__snapshots__/converters.test.ts.snap
index 414d6315..371902fe 100644
--- a/src/utility/__snapshots__/converters.test.ts.snap
+++ b/src/utility/__snapshots__/converters.test.ts.snap
@@ -1,5 +1,5 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1
-exports[`converters csvToDataPoints should fail if duplicate ids are supplied 1`] = `"Duplicate or missing IDs detected in input data"`;
+exports[`converters > csvToDataPoints > should fail if duplicate ids are supplied 1`] = `"Duplicate or missing IDs detected in input data"`;
-exports[`converters csvToDataPoints should fail if header is missing 1`] = `"Headers does not match Sukker,Peber,Hvedemel,Kunde,score !== Sukker,Hvedemel,Kunde,score"`;
+exports[`converters > csvToDataPoints > should fail if header is missing 1`] = `"Headers does not match Sukker,Peber,Hvedemel,Kunde,score !== Sukker,Hvedemel,Kunde,score"`;
diff --git a/src/utility/converters.ts b/src/utility/converters.ts
index 0e5fd2ca..e6761ec4 100644
--- a/src/utility/converters.ts
+++ b/src/utility/converters.ts
@@ -177,7 +177,7 @@ export const csvToDataPoints = (
const header = lines[0]?.split(separator) ?? []
if (
header.length >= expectedHeader.length &&
- expectedHeader.every((value, _) => header.includes(value))
+ expectedHeader.every(value => header.includes(value))
) {
const data = lines.slice(1)
const dataAsKeyValue = data.map(line =>
diff --git a/src/utility/forms/form-input.tsx b/src/utility/forms/form-input.tsx
index 54b6bea5..fd125bac 100644
--- a/src/utility/forms/form-input.tsx
+++ b/src/utility/forms/form-input.tsx
@@ -1,5 +1,4 @@
import { TextField, TextFieldProps } from '@mui/material'
-import React from 'react'
import { Controller } from 'react-hook-form'
type FormInputTextPropType = {
diff --git a/src/utility/forms/form-radio-group.tsx b/src/utility/forms/form-radio-group.tsx
index f02cbfb4..3de1c996 100644
--- a/src/utility/forms/form-radio-group.tsx
+++ b/src/utility/forms/form-radio-group.tsx
@@ -5,7 +5,6 @@ import {
FormControlLabel,
Radio,
} from '@mui/material'
-import React from 'react'
import { Controller } from 'react-hook-form'
type FormRadioGroupProps = {
diff --git a/src/utility/index.ts b/src/utility/index.ts
index e3a6d81f..1132d951 100644
--- a/src/utility/index.ts
+++ b/src/utility/index.ts
@@ -7,6 +7,7 @@ export const errorMessage = (e: unknown) => {
return `Unknown error: ${JSON.stringify(e)}`
}
}
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
export function assertUnreachable(_x: never): never {
throw new Error("Didn't expect to get here")
}
diff --git a/src/utility/save-to-local-file.test.ts b/src/utility/save-to-local-file.test.ts
index cd31a1d7..f7cd8989 100644
--- a/src/utility/save-to-local-file.test.ts
+++ b/src/utility/save-to-local-file.test.ts
@@ -9,9 +9,9 @@ describe('save-to-local-file', () => {
it('Saves file to local disk', () => {
const payload = 'hello'
const link: any = {
- click: jest.fn(),
+ click: vi.fn(),
}
- jest.spyOn(document, 'createElement').mockImplementation(() => link)
+ vi.spyOn(document, 'createElement').mockImplementation(() => link)
saveToLocalFile(payload, 'the-file-name', 'application/json')
@@ -26,9 +26,9 @@ describe('save-to-local-file', () => {
it('Saves CSV', () => {
const payload = 'hello,world'
const link: any = {
- click: jest.fn(),
+ click: vi.fn(),
}
- jest.spyOn(document, 'createElement').mockImplementation(() => link)
+ vi.spyOn(document, 'createElement').mockImplementation(() => link)
saveCSVToLocalFile(payload, 'file.csv')
expect(link.download).toEqual('file.csv')
expect(link.href).toEqual('data:text/csv;charset=utf-8;,hello%2Cworld')
@@ -42,9 +42,9 @@ describe('save-to-local-file', () => {
name: 'test',
}
const link: any = {
- click: jest.fn(),
+ click: vi.fn(),
}
- jest.spyOn(document, 'createElement').mockImplementation(() => link)
+ vi.spyOn(document, 'createElement').mockImplementation(() => link)
saveObjectToLocalFile(payload, 'file.json')
expect(link.download).toEqual('file.json')
expect(link.href).toEqual(
diff --git a/tsconfig.json b/tsconfig.json
index f624235f..b73ac761 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
{
"compilerOptions": {
- "target": "es5",
+ "target": "ESNext",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
@@ -22,9 +22,12 @@
"noFallthroughCasesInSwitch": true,
"noUncheckedIndexedAccess": true,
"strictNullChecks": true,
+ "types": ["vitest/globals"],
"baseUrl": ".",
- "paths": { "@/*": ["./src/*"], "@openapi": ["./openapi"] }
+ "paths": {
+ "@/*": ["./src/*"],
+ "@openapi": ["./openapi"]
+ }
},
- "include": ["next-env.d.ts", "global-fetch.d.ts", "**/*.ts", "**/*.tsx"],
- "exclude": ["node_modules"]
+ "include": ["./src"]
}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 00000000..eaf63398
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,58 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+///