-
{label}
-
-
- None
-
-
- All
-
-
-
- {children}
+
+ {label}
+
+
+ None
+
+
+ All
+
+
+
+
);
diff --git a/webdriver-ts-results/src/components/SelectionToolbar/SelectorContentContainer/SelectorContentContainer.css b/webdriver-ts-results/src/components/SelectionToolbar/SelectorContentContainer/SelectorContentContainer.css
new file mode 100644
index 000000000..c4408004c
--- /dev/null
+++ b/webdriver-ts-results/src/components/SelectionToolbar/SelectorContentContainer/SelectorContentContainer.css
@@ -0,0 +1,15 @@
+.selector-content-container {
+ position: relative;
+}
+
+@media screen and (width>= 640px) {
+ .selector-content-container__content.grid .selector-content-container__content-wrapper {
+ column-count: 2;
+ }
+}
+
+@media screen and (width>= 1024px) {
+ .selector-content-container__content.grid .selector-content-container__content-wrapper {
+ column-count: 3;
+ }
+}
diff --git a/webdriver-ts-results/src/components/SelectionToolbar/SelectorContentContainer/index.ts b/webdriver-ts-results/src/components/SelectionToolbar/SelectorContentContainer/index.ts
new file mode 100644
index 000000000..3828386aa
--- /dev/null
+++ b/webdriver-ts-results/src/components/SelectionToolbar/SelectorContentContainer/index.ts
@@ -0,0 +1 @@
+export { default } from "./SelectionContentContainer";
diff --git a/webdriver-ts-results/src/components/SelectionToolbar/index.ts b/webdriver-ts-results/src/components/SelectionToolbar/index.ts
new file mode 100644
index 000000000..541947c08
--- /dev/null
+++ b/webdriver-ts-results/src/components/SelectionToolbar/index.ts
@@ -0,0 +1 @@
+export { default } from "./SelectionToolbar";
diff --git a/webdriver-ts-results/src/components/selection/BenchmarkSelector/BenchmarkSelectorList.tsx b/webdriver-ts-results/src/components/selection/BenchmarkSelector/BenchmarkSelectorList.tsx
deleted file mode 100644
index 3166e547b..000000000
--- a/webdriver-ts-results/src/components/selection/BenchmarkSelector/BenchmarkSelectorList.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { Benchmark } from "@/Common";
-
-interface Props {
- benchmarks: Array
;
- isSelected: (benchmark: Benchmark) => boolean;
- select: (benchmark: Benchmark, add: boolean) => void;
-}
-
-const BenchmarkSelectorList = ({ benchmarks, isSelected, select }: Props) => {
- console.log("BenchmarkSelectorList");
-
- return (
- <>
- {benchmarks.map((item) => (
-
-
-
- {item.label}
-
-
-
-
- );
-};
-
-export default BenchmarkSelector;
diff --git a/webdriver-ts-results/src/components/selection/CopyPasteSelection/CopyPasteSelection.css b/webdriver-ts-results/src/components/selection/CopyPasteSelection/CopyPasteSelection.css
deleted file mode 100644
index 6d8189081..000000000
--- a/webdriver-ts-results/src/components/selection/CopyPasteSelection/CopyPasteSelection.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.copy-paste-panel {
- display: flex;
- align-items: center;
- gap: 0.75rem;
-}
diff --git a/webdriver-ts-results/src/components/selection/FrameworkSelector/index.tsx b/webdriver-ts-results/src/components/selection/FrameworkSelector/index.tsx
deleted file mode 100644
index 25f656b4d..000000000
--- a/webdriver-ts-results/src/components/selection/FrameworkSelector/index.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { FrameworkType } from "@/Common";
-import Dropdown from "@components/ui/Dropdown";
-import FrameworkSelectorCategory from "./FrameworkSelectorCategory";
-
-const FrameworkSelector = () => {
- console.log("FrameworkSelector");
-
- return (
-
-
- );
-};
-
-export default FrameworkSelector;
diff --git a/webdriver-ts-results/src/components/selection/ModeSelectionPanel/DisplayModeSelector.tsx b/webdriver-ts-results/src/components/selection/ModeSelectionPanel/DisplayModeSelector.tsx
deleted file mode 100644
index 960384ca7..000000000
--- a/webdriver-ts-results/src/components/selection/ModeSelectionPanel/DisplayModeSelector.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { DisplayMode } from "@/Common";
-
-interface Props {
- displayMode: DisplayMode;
- onChange: (value: DisplayMode) => void;
-}
-
-const DisplayModeSelector = ({ displayMode, onChange }: Props) => {
- return (
-
- Display mode:
- onChange(Number(evt.target.value) as DisplayMode)}
- >
- mean results
- median results
- box plot
-
-
- );
-};
-
-export default DisplayModeSelector;
diff --git a/webdriver-ts-results/src/components/selection/ModeSelectionPanel/DurationModeSelector.tsx b/webdriver-ts-results/src/components/selection/ModeSelectionPanel/DurationModeSelector.tsx
deleted file mode 100644
index 90b001864..000000000
--- a/webdriver-ts-results/src/components/selection/ModeSelectionPanel/DurationModeSelector.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { CpuDurationMode } from "@/Common";
-
-interface Props {
- cpuDurationMode: CpuDurationMode;
- onChange: (value: CpuDurationMode) => void;
-}
-
-const DurationModeSelector = ({ cpuDurationMode, onChange }: Props) => {
- return (
-
-
- Duration measurement mode:
-
- onChange(evt.target.value as CpuDurationMode)}
- >
- total duration
- only JS duration
- only render duration
-
-
- );
-};
-
-export default DurationModeSelector;
diff --git a/webdriver-ts-results/src/components/selection/ModeSelectionPanel/ModeSelectionPanel.css b/webdriver-ts-results/src/components/selection/ModeSelectionPanel/ModeSelectionPanel.css
deleted file mode 100644
index 190e2e660..000000000
--- a/webdriver-ts-results/src/components/selection/ModeSelectionPanel/ModeSelectionPanel.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.mode-selector {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
-}
-.mode-selector__select {
- width: fit-content;
-}
-
-@media screen and (width>=425px) {
- .mode-selector {
- flex-direction: row;
- align-items: center;
- }
-}
-@media screen and (width>=640px) {
- .mode-selector {
- align-items: unset;
- }
-}
-@media screen and (640px <= width <= 768px) {
- .mode-selector {
- flex-direction: column;
- }
-}
-@media screen and (width>= 768px) {
- .mode-selector {
- align-items: center;
- }
-}
diff --git a/webdriver-ts-results/src/components/selection/ModeSelectionPanel/index.tsx b/webdriver-ts-results/src/components/selection/ModeSelectionPanel/index.tsx
deleted file mode 100644
index 88da7d2da..000000000
--- a/webdriver-ts-results/src/components/selection/ModeSelectionPanel/index.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { useRootStore } from "@/reducer";
-import DisplayModeSelector from "./DisplayModeSelector";
-import DurationModeSelector from "./DurationModeSelector";
-import "./ModeSelectionPanel.css";
-
-interface Props {
- showDurationSelection: boolean;
-}
-
-const ModeSelecionPanel = ({ showDurationSelection }: Props) => {
- console.log("ModeSelector");
-
- const displayMode = useRootStore((state) => state.displayMode);
- const cpuDurationMode = useRootStore((state) => state.cpuDurationMode);
- const selectDisplayMode = useRootStore((state) => state.selectDisplayMode);
- const selectCpuDurationMode = useRootStore(
- (state) => state.selectCpuDurationMode,
- );
-
- return (
- <>
-
- selectDisplayMode(value)}
- />
-
-
- {showDurationSelection ? (
- selectCpuDurationMode(value)}
- />
- ) : null}
-
- );
-};
-
-export default ModeSelecionPanel;
diff --git a/webdriver-ts-results/src/components/selection/SelectionBar/SelectionBar.css b/webdriver-ts-results/src/components/selection/SelectionBar/SelectionBar.css
deleted file mode 100644
index 1f993b6d9..000000000
--- a/webdriver-ts-results/src/components/selection/SelectionBar/SelectionBar.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.select-bar {
- background-color: #fafafa;
- border-top: 1px solid var(--border-color);
- border-bottom: 1px solid var(--border-color);
- padding: 10px 0;
- line-height: 0;
-}
-.select-bar__dropdowns {
- padding: 5px 0;
- display: flex;
- flex-direction: row;
- gap: 1rem;
-}
-
-@media screen and (width>=640px) {
- .select-bar {
- flex-direction: unset;
- align-items: center;
- }
-}
-@media screen and (width>=768px) {
- .select-bar {
- align-items: center;
- }
-}
diff --git a/webdriver-ts-results/src/components/selection/SelectionBar/index.tsx b/webdriver-ts-results/src/components/selection/SelectionBar/index.tsx
deleted file mode 100644
index 512d1eab3..000000000
--- a/webdriver-ts-results/src/components/selection/SelectionBar/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import BenchmarkSelector from "../BenchmarkSelector";
-import FrameworkSelector from "../FrameworkSelector";
-import ModeSelecionPanel from "../ModeSelectionPanel";
-import CopyPasteSelection from "../CopyPasteSelection";
-import "./SelectionBar.css";
-
-interface Props {
- showDurationSelection: boolean;
-}
-
-const SelectionBar = ({ showDurationSelection }: Props) => {
- console.log("SelectionBar");
-
- return (
-
- );
-};
-
-export default SelectionBar;
diff --git a/webdriver-ts-results/src/components/selection/SelectorContentContainer/SelectorContentContainer.css b/webdriver-ts-results/src/components/selection/SelectorContentContainer/SelectorContentContainer.css
deleted file mode 100644
index 22a44a4c9..000000000
--- a/webdriver-ts-results/src/components/selection/SelectorContentContainer/SelectorContentContainer.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.selector-content-container {
- position: relative;
-}
-
-.selector-content-container__actions {
- position: absolute;
- top: 10px;
- right: 10px;
-}
-
-.selector-content-container__content.grid {
- column-count: 3;
-}
diff --git a/webdriver-ts-results/src/components/tables/CompareRow.tsx b/webdriver-ts-results/src/components/tables/CompareRow.tsx
index d3834a229..6c4b50aac 100644
--- a/webdriver-ts-results/src/components/tables/CompareRow.tsx
+++ b/webdriver-ts-results/src/components/tables/CompareRow.tsx
@@ -1,5 +1,5 @@
-import { Framework, TableResultComparisonEntry } from "../../Common";
-import { useRootStore } from "../../reducer";
+import { Framework, TableResultComparisonEntry } from "@/Common";
+import { useRootStore } from "@/reducer";
interface Props {
comparison: Array;
diff --git a/webdriver-ts-results/src/components/tables/CpuResultsTable.tsx b/webdriver-ts-results/src/components/tables/CpuResultsTable.tsx
index bed3221d9..529a9648b 100644
--- a/webdriver-ts-results/src/components/tables/CpuResultsTable.tsx
+++ b/webdriver-ts-results/src/components/tables/CpuResultsTable.tsx
@@ -4,7 +4,7 @@ import {
SORT_BY_NAME,
SORT_BY_GEOMMEAN_CPU,
BenchmarkType,
-} from "../../Common";
+} from "@/Common";
import GeomMeanRow from "./GeomMeanRow";
import CompareRow from "./CompareRow";
import ValueResultRow from "./ValueResultRow";
diff --git a/webdriver-ts-results/src/components/tables/GeomMeanRow.tsx b/webdriver-ts-results/src/components/tables/GeomMeanRow.tsx
index 67f520b98..f9508733f 100644
--- a/webdriver-ts-results/src/components/tables/GeomMeanRow.tsx
+++ b/webdriver-ts-results/src/components/tables/GeomMeanRow.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import { TableResultGeommeanEntry, T_SORT_BY_GEOMMEAN } from "../../Common";
+import { TableResultGeommeanEntry, T_SORT_BY_GEOMMEAN } from "@/Common";
interface Props {
weighted: boolean;
diff --git a/webdriver-ts-results/src/components/tables/MemResultsTable.tsx b/webdriver-ts-results/src/components/tables/MemResultsTable.tsx
index 6d27d08d9..ea2f4c001 100644
--- a/webdriver-ts-results/src/components/tables/MemResultsTable.tsx
+++ b/webdriver-ts-results/src/components/tables/MemResultsTable.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import { ResultTableData, SORT_BY_NAME, SORT_BY_GEOMMEAN_MEM, BenchmarkType } from "../../Common";
+import { ResultTableData, SORT_BY_NAME, SORT_BY_GEOMMEAN_MEM, BenchmarkType } from "@/Common";
import ValueResultRow from "./ValueResultRow";
import GeomMeanRow from "./GeomMeanRow";
diff --git a/webdriver-ts-results/src/components/tables/SizeResultsTable.tsx b/webdriver-ts-results/src/components/tables/SizeResultsTable.tsx
index db5fdffac..cfafb42b0 100644
--- a/webdriver-ts-results/src/components/tables/SizeResultsTable.tsx
+++ b/webdriver-ts-results/src/components/tables/SizeResultsTable.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import { ResultTableData, SORT_BY_NAME, BenchmarkType, SORT_BY_GEOMMEAN_SIZE } from "../../Common";
+import { ResultTableData, SORT_BY_NAME, BenchmarkType, SORT_BY_GEOMMEAN_SIZE } from "@/Common";
import ValueResultRow from "./ValueResultRow";
import GeomMeanRow from "./GeomMeanRow";
diff --git a/webdriver-ts-results/src/components/tables/StartupResultsTable.tsx b/webdriver-ts-results/src/components/tables/StartupResultsTable.tsx
index b13b84c3b..45da3b26e 100644
--- a/webdriver-ts-results/src/components/tables/StartupResultsTable.tsx
+++ b/webdriver-ts-results/src/components/tables/StartupResultsTable.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import { ResultTableData, SORT_BY_NAME, SORT_BY_GEOMMEAN_STARTUP, BenchmarkType } from "../../Common";
+import { ResultTableData, SORT_BY_NAME, SORT_BY_GEOMMEAN_STARTUP, BenchmarkType } from "@/Common";
import ValueResultRow from "./ValueResultRow";
import GeomMeanRow from "./GeomMeanRow";
diff --git a/webdriver-ts-results/src/components/tables/ValueResultRow.tsx b/webdriver-ts-results/src/components/tables/ValueResultRow.tsx
index a1a85e3fc..8d7db3151 100644
--- a/webdriver-ts-results/src/components/tables/ValueResultRow.tsx
+++ b/webdriver-ts-results/src/components/tables/ValueResultRow.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import { TableResultValueEntry, Benchmark } from "../../Common";
+import { TableResultValueEntry, Benchmark } from "@/Common";
import ValueCell from "./ValueCell";
interface Props {
diff --git a/webdriver-ts-results/src/components/ui/Dropdown/Dropdown.css b/webdriver-ts-results/src/components/ui/Dropdown/Dropdown.css
deleted file mode 100644
index 180696941..000000000
--- a/webdriver-ts-results/src/components/ui/Dropdown/Dropdown.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.dropdown-container {
- position: relative;
- display: inline-block;
-}
-
-.dropdown-content {
- position: absolute;
- top: 100%;
- display: none;
- min-width: 160px;
- background-color: #f9f9f9;
- box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
- z-index: 99;
-}
-
-.dropdown-content.open {
- display: block;
- background: #fff;
- border: 1px solid #ccc;
- border-radius: 4px;
- box-shadow: 4px 4px 5px 5px rgb(0 0 0 / 20%);
- padding: 10px;
-}
-
-.dropdown-button {
- transition: all 0.5s;
- border: 1px solid #ccc;
- border-radius: 4px;
- padding: 5px 10px;
-}
-
-.dropdown-button.has-shadow {
- box-shadow: 0 0 2px 2px rgb(0 0 0 / 20%);
-}
-
-.dropdown-button > .caret {
- width: 10px;
- height: 5px;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-top: 5px solid #ccc;
- display: inline-block;
-}
diff --git a/webdriver-ts-results/src/components/ui/Dropdown/index.tsx b/webdriver-ts-results/src/components/ui/Dropdown/index.tsx
deleted file mode 100644
index af7d9252b..000000000
--- a/webdriver-ts-results/src/components/ui/Dropdown/index.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { ReactElement, useEffect, useRef, useState } from "react";
-import "./Dropdown.css";
-
-interface Props {
- label: string;
- children: ReactElement | ReactElement[];
- width: string;
-}
-
-const Dropdown = ({ label, children, width }: Props) => {
- const [isOpen, setIsOpen] = useState(false);
- const dropdownRef = useRef(null);
-
- const toggleDropdown = () => {
- setIsOpen(!isOpen);
- };
-
- const handleClickOutside = (event: MouseEvent) => {
- if (
- dropdownRef.current &&
- !dropdownRef.current.contains(event.target as HTMLElement)
- ) {
- setIsOpen(false);
- }
- };
-
- useEffect(() => {
- if (isOpen) {
- document.addEventListener("click", handleClickOutside);
- } else {
- document.removeEventListener("click", handleClickOutside);
- }
-
- return () => {
- document.removeEventListener("click", handleClickOutside);
- };
- }, [isOpen]);
-
- return (
-
-
- {label}
-
- {children}
-
-
,
+
);
diff --git a/webdriver-ts-results/src/reducer.ts b/webdriver-ts-results/src/reducer.ts
index 8c6c816be..89184b469 100644
--- a/webdriver-ts-results/src/reducer.ts
+++ b/webdriver-ts-results/src/reducer.ts
@@ -1,10 +1,6 @@
import { create } from "zustand";
import { jStat } from "jstat";
-import {
- frameworks,
- benchmarks as rawBenchmarks,
- results as rawResults,
-} from "./results";
+import { frameworks, benchmarks as rawBenchmarks, results as rawResults } from "./results";
import {
Benchmark,
BenchmarkType,
@@ -18,7 +14,7 @@ import {
ResultValues,
CpuDurationMode,
knownIssues,
-} from "./Common";
+} from "@/Common";
const benchmarks = rawBenchmarks;
@@ -39,10 +35,8 @@ const results: Result[] = rawResults.map((result) => {
});
const removeKeyedSuffix = (value: string) => {
- if (value.endsWith("-non-keyed"))
- return value.substring(0, value.length - 10);
- else if (value.endsWith("-keyed"))
- return value.substring(0, value.length - 6);
+ if (value.endsWith("-non-keyed")) return value.substring(0, value.length - 10);
+ else if (value.endsWith("-keyed")) return value.substring(0, value.length - 6);
return value;
};
@@ -129,7 +123,7 @@ function updateResultTable({
displayMode,
compareWith[FrameworkType.KEYED],
categories,
- cpuDurationMode,
+ cpuDurationMode
),
[FrameworkType.NON_KEYED]: new ResultTableData(
frameworks,
@@ -142,7 +136,7 @@ function updateResultTable({
displayMode,
compareWith[FrameworkType.NON_KEYED],
categories,
- cpuDurationMode,
+ cpuDurationMode
),
};
}
@@ -180,18 +174,12 @@ const preInitialState: State = {
benchmarkLists: {
[BenchmarkType.CPU]: benchmarks.filter((b) => b.type === BenchmarkType.CPU),
[BenchmarkType.MEM]: benchmarks.filter((b) => b.type === BenchmarkType.MEM),
- [BenchmarkType.STARTUP]: benchmarks.filter(
- (b) => b.type === BenchmarkType.STARTUP,
- ),
+ [BenchmarkType.STARTUP]: benchmarks.filter((b) => b.type === BenchmarkType.STARTUP),
},
frameworks: mappedFrameworks,
frameworkLists: {
- [FrameworkType.KEYED]: mappedFrameworks.filter(
- (f) => f.type === FrameworkType.KEYED,
- ),
- [FrameworkType.NON_KEYED]: mappedFrameworks.filter(
- (f) => f.type === FrameworkType.NON_KEYED,
- ),
+ [FrameworkType.KEYED]: mappedFrameworks.filter((f) => f.type === FrameworkType.KEYED),
+ [FrameworkType.NON_KEYED]: mappedFrameworks.filter((f) => f.type === FrameworkType.NON_KEYED),
},
// dynamic
selectedBenchmarks: allBenchmarks,
@@ -219,32 +207,22 @@ export const useRootStore = create((set, get) => ({
...initialState,
// Getters
areAllBenchmarksSelected: (type) => {
- return get().benchmarkLists[type].every((benchmark) =>
- get().selectedBenchmarks.has(benchmark),
- );
+ return get().benchmarkLists[type].every((benchmark) => get().selectedBenchmarks.has(benchmark));
},
isNoneBenchmarkSelected: (type) => {
- return get().benchmarkLists[type].every(
- (benchmark) => !get().selectedBenchmarks.has(benchmark),
- );
+ return get().benchmarkLists[type].every((benchmark) => !get().selectedBenchmarks.has(benchmark));
},
areAllFrameworksSelected: (type) => {
- return get().frameworkLists[type].every((framework) =>
- get().selectedFrameworks.has(framework),
- );
+ return get().frameworkLists[type].every((framework) => get().selectedFrameworks.has(framework));
},
isNoneFrameworkSelected: (type) => {
- return get().frameworkLists[type].every(
- (framework) => !get().selectedFrameworks.has(framework),
- );
+ return get().frameworkLists[type].every((framework) => !get().selectedFrameworks.has(framework));
},
// Actions
selectFramework: (framework: Framework, add: boolean) => {
const newSelectedFramework = new Set(get().selectedFrameworks);
- add
- ? newSelectedFramework.add(framework)
- : newSelectedFramework.delete(framework);
+ add ? newSelectedFramework.add(framework) : newSelectedFramework.delete(framework);
const t = { ...get(), selectedFrameworks: newSelectedFramework };
return set(() => ({ ...t, resultTables: updateResultTable(t) }));
@@ -257,9 +235,7 @@ export const useRootStore = create((set, get) => ({
: get().frameworkLists[FrameworkType.NON_KEYED];
for (const framework of frameworks) {
- add
- ? newSelectedFramework.add(framework)
- : newSelectedFramework.delete(framework);
+ add ? newSelectedFramework.add(framework) : newSelectedFramework.delete(framework);
}
const t = { ...get(), selectedFrameworks: newSelectedFramework };
@@ -282,9 +258,7 @@ export const useRootStore = create((set, get) => ({
selectBenchmark: (benchmark: Benchmark, add: boolean) => {
const newSelectedBenchmark = new Set(get().selectedBenchmarks);
- add
- ? newSelectedBenchmark.add(benchmark)
- : newSelectedBenchmark.delete(benchmark);
+ add ? newSelectedBenchmark.add(benchmark) : newSelectedBenchmark.delete(benchmark);
const t = { ...get(), selectedBenchmarks: newSelectedBenchmark };
return set(() => ({
@@ -297,9 +271,7 @@ export const useRootStore = create((set, get) => ({
const benchmarks = get().benchmarkLists[benchmarkType];
for (const benchmark of benchmarks) {
- add
- ? newSelectedBenchmark.add(benchmark)
- : newSelectedBenchmark.delete(benchmark);
+ add ? newSelectedBenchmark.add(benchmark) : newSelectedBenchmark.delete(benchmark);
}
const t = { ...get(), selectedBenchmarks: newSelectedBenchmark };
diff --git a/webdriver-ts-results/tsconfig.json b/webdriver-ts-results/tsconfig.json
index b3eccb457..8dfc7fb49 100644
--- a/webdriver-ts-results/tsconfig.json
+++ b/webdriver-ts-results/tsconfig.json
@@ -14,15 +14,14 @@
"jsx": "react-jsx",
"baseUrl": ".",
"paths": {
- "@/*": ["./src/*"],
- "@components/*": ["./src/components/*"],
+ "@/*": ["./src/*"]
},
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
- "noFallthroughCasesInSwitch": true,
+ "noFallthroughCasesInSwitch": true
},
"include": ["src"],
"references": [{ "path": "./tsconfig.node.json" }]