wg/monitor-im-flur
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix space indentation

Browse Source
This commit is contained in:
Arif Hasanic
2025-07-25 11:27:09 +02:00
parent b2e9c1f056
commit 53da0f740c
21 changed files with 452 additions and 441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
biome.json
View File

@@ -1,34 +1,35 @@
{ {
"$schema": "https://biomejs.dev/schemas/2.1.2/schema.json", "$schema": "https://biomejs.dev/schemas/2.1.2/schema.json",
"vcs": { "vcs": {
"enabled": false, "enabled": false,
"clientKind": "git", "clientKind": "git",
"useIgnoreFile": false "useIgnoreFile": false
}, },
"files": { "files": {
"ignoreUnknown": false "ignoreUnknown": false
}, },
"formatter": { "formatter": {
"enabled": true, "enabled": true,
"indentStyle": "tab" "indentStyle": "space",
}, "indentWidth": 4
"linter": { },
"enabled": true, "linter": {
"rules": { "enabled": true,
"recommended": true "rules": {
} "recommended": true
}, }
"javascript": { },
"formatter": { "javascript": {
"quoteStyle": "double" "formatter": {
} "quoteStyle": "double"
}, }
"assist": { },
"enabled": true, "assist": {
"actions": { "enabled": true,
"source": { "actions": {
"organizeImports": "on" "source": {
} "organizeImports": "on"
} }
} }
}
} }

34
eslint.config.js
View File

@@ -6,21 +6,21 @@ import tseslint from "typescript-eslint";
import { globalIgnores } from "eslint/config"; import { globalIgnores } from "eslint/config";
export default tseslint.config([ export default tseslint.config([
globalIgnores(["dist"]), globalIgnores(["dist"]),
{ {
files: ["**/*.{ts,tsx}"], files: ["**/*.{ts,tsx}"],
extends: [ extends: [
"airbnb", "airbnb",
"plugin:prettier/recommended", "plugin:prettier/recommended",
js.configs.recommended, js.configs.recommended,
tseslint.configs.recommended, tseslint.configs.recommended,
reactHooks.configs["recommended-latest"], reactHooks.configs["recommended-latest"],
reactRefresh.configs.vite, reactRefresh.configs.vite,
"prettier", "prettier",
], ],
languageOptions: { languageOptions: {
ecmaVersion: 2020, ecmaVersion: 2020,
globals: globals.browser, globals: globals.browser,
}, },
}, },
]); ]);

84
package.json
View File

@@ -1,44 +1,44 @@
{ {
"name": "monitor-im-flur", "name": "monitor-im-flur",
"private": true, "private": true,
"version": "0.0.0", "version": "0.0.0",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "tsc -b && vite build", "build": "tsc -b && vite build",
"lint": "eslint .", "lint": "eslint .",
"preview": "vite preview" "preview": "vite preview"
}, },
"dependencies": { "dependencies": {
"@reduxjs/toolkit": "^2.8.2", "@reduxjs/toolkit": "^2.8.2",
"@types/lodash": "^4.17.20", "@types/lodash": "^4.17.20",
"@types/node": "^24.1.0", "@types/node": "^24.1.0",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"react": "^19.1.0", "react": "^19.1.0",
"react-dom": "^19.1.0", "react-dom": "^19.1.0",
"react-redux": "^9.2.0", "react-redux": "^9.2.0",
"redux-persist": "^6.0.0", "redux-persist": "^6.0.0",
"zustand": "^5.0.6" "zustand": "^5.0.6"
}, },
"devDependencies": { "devDependencies": {
"@biomejs/biome": "2.1.2", "@biomejs/biome": "2.1.2",
"@eslint/js": "^9.31.0", "@eslint/js": "^9.31.0",
"@types/react": "^19.1.8", "@types/react": "^19.1.8",
"@types/react-dom": "^19.1.6", "@types/react-dom": "^19.1.6",
"@vitejs/plugin-react-swc": "^3.10.2", "@vitejs/plugin-react-swc": "^3.10.2",
"eslint": "^9.31.0", "eslint": "^9.31.0",
"eslint-config-airbnb": "^19.0.4", "eslint-config-airbnb": "^19.0.4",
"eslint-config-prettier": "^10.1.8", "eslint-config-prettier": "^10.1.8",
"eslint-plugin-import": "^2.32.0", "eslint-plugin-import": "^2.32.0",
"eslint-plugin-jsx-a11y": "^6.10.2", "eslint-plugin-jsx-a11y": "^6.10.2",
"eslint-plugin-prettier": "^5.5.3", "eslint-plugin-prettier": "^5.5.3",
"eslint-plugin-react": "^7.37.5", "eslint-plugin-react": "^7.37.5",
"eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-hooks": "^5.2.0",
"eslint-plugin-react-refresh": "^0.4.20", "eslint-plugin-react-refresh": "^0.4.20",
"globals": "^16.3.0", "globals": "^16.3.0",
"prettier": "3.6.2", "prettier": "3.6.2",
"typescript": "~5.8.3", "typescript": "~5.8.3",
"typescript-eslint": "^8.35.1", "typescript-eslint": "^8.35.1",
"vite": "^7.0.4" "vite": "^7.0.4"
} }
} }

42
src/App.css
View File

@@ -1,42 +1,42 @@
#root { #root {
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: 2rem; padding: 2rem;
text-align: center; text-align: center;
} }
.logo { .logo {
height: 6em; height: 6em;
padding: 1.5em; padding: 1.5em;
will-change: filter; will-change: filter;
transition: filter 300ms; transition: filter 300ms;
} }
.logo:hover { .logo:hover {
filter: drop-shadow(0 0 2em #646cffaa); filter: drop-shadow(0 0 2em #646cffaa);
} }
.logo.react:hover { .logo.react:hover {
filter: drop-shadow(0 0 2em #61dafbaa); filter: drop-shadow(0 0 2em #61dafbaa);
} }
@keyframes logo-spin { @keyframes logo-spin {
from { from {
transform: rotate(0deg); transform: rotate(0deg);
} }
to { to {
transform: rotate(360deg); transform: rotate(360deg);
} }
} }
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
a:nth-of-type(2) .logo { a:nth-of-type(2) .logo {
animation: logo-spin infinite 20s linear; animation: logo-spin infinite 20s linear;
} }
} }
.card { .card {
padding: 2em; padding: 2em;
} }
.read-the-docs { .read-the-docs {
color: #888; color: #888;
} }

12
src/App.tsx
View File

@@ -3,12 +3,12 @@ import Timetable from "@/components/Timetable/Timetable";
import Flatastic from "@/components/Flatastic/Flatastic"; import Flatastic from "@/components/Flatastic/Flatastic";
function App() { function App() {
return ( return (
<> <>
<Timetable /> <Timetable />
<Flatastic /> <Flatastic />
</> </>
); );
} }
export default App; export default App;

80
src/api/flatastic.ts
View File

@@ -1,48 +1,50 @@
class Flatastic { class Flatastic {
private apikey: string; private apikey: string;
constructor(apikey: string) { constructor(apikey: string) {
this.apikey = apikey; this.apikey = apikey;
} }
async request(url: stringany) { async request(url: stringany) {
const headers = { const headers = {
accept: "application/json, text/plain, */*", accept: "application/json, text/plain, */*",
"accept-language": "accept-language":
"de-CH,de;q=0.9,en-US;q=0.8,en-CH;q=0.7,en;q=0.6,ar-JO;q=0.5,ar;q=0.4,de-DE;q=0.3", "de-CH,de;q=0.9,en-US;q=0.8,en-CH;q=0.7,en;q=0.6,ar-JO;q=0.5,ar;q=0.4,de-DE;q=0.3",
// "cache-control": "no-cache", // "cache-control": "no-cache",
// "pragma": "no-cache", // "pragma": "no-cache",
// "sec-fetch-dest": "empty", // "sec-fetch-dest": "empty",
// "sec-fetch-mode": "cors", // "sec-fetch-mode": "cors",
// "sec-fetch-site": "same-site", // "sec-fetch-site": "same-site",
"x-api-key": this.apikey, "x-api-key": this.apikey,
"x-api-version": "2.0.0", "x-api-version": "2.0.0",
"x-client-version": "2.3.20", "x-client-version": "2.3.20",
}; };
const response = await fetch(url, { const response = await fetch(url, {
headers: { headers: {
...headers, ...headers,
}, },
}); });
if (!response.ok) { if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`); throw new Error(`HTTP error! status: ${response.status}`);
} }
return await response.json(); return await response.json();
} }
getShoppingList() { getShoppingList() {
return this.request( return this.request(
"https://api.flatastic-app.com/index.php/api/shoppinglist", "https://api.flatastic-app.com/index.php/api/shoppinglist",
); );
} }
getTaskList() { getTaskList() {
return this.request("https://api.flatastic-app.com/index.php/api/chores"); return this.request(
} "https://api.flatastic-app.com/index.php/api/chores",
);
}
getInformation() { getInformation() {
return this.request("https://api.flatastic-app.com/index.php/api/wg"); return this.request("https://api.flatastic-app.com/index.php/api/wg");
} }
} }
export { Flatastic }; export { Flatastic };

16
src/api/kvv.ts
View File

@@ -1,13 +1,13 @@
async function fetchKvvDepartures(stopId: number) { async function fetchKvvDepartures(stopId: number) {
const API_URL = `https://projekte.kvv-efa.de/sl3-alone/XSLT_DM_REQUEST?outputFormat=JSON&coordOutputFormat=WGS84[dd.ddddd]&depType=stopEvents&locationServerActive=1&mode=direct&name_dm=${stopId}&type_dm=stop&useOnlyStops=1&useRealtime=1&limit=6&line=kvv:22301:E:H:s25&line=kvv:21012:E:H:s25&line=kvv:21012:E:R:s25&line=kvv:22305:E:H:s25`; const API_URL = `https://projekte.kvv-efa.de/sl3-alone/XSLT_DM_REQUEST?outputFormat=JSON&coordOutputFormat=WGS84[dd.ddddd]&depType=stopEvents&locationServerActive=1&mode=direct&name_dm=${stopId}&type_dm=stop&useOnlyStops=1&useRealtime=1&limit=6&line=kvv:22301:E:H:s25&line=kvv:21012:E:H:s25&line=kvv:21012:E:R:s25&line=kvv:22305:E:H:s25`;
const data = await fetch(API_URL, { const data = await fetch(API_URL, {
method: "GET", method: "GET",
}); });
if (!data.ok) { if (!data.ok) {
throw new Error(`HTTP error! status: ${data.status}`); throw new Error(`HTTP error! status: ${data.status}`);
} }
return data; return data;
} }
export { fetchKvvDepartures }; export { fetchKvvDepartures };

52
src/components/Flatastic/Flatastic.tsx
View File

@@ -4,35 +4,35 @@ import { useEffect } from "react";
import type { FlatasticChore } from "@/types/flatasticChore"; import type { FlatasticChore } from "@/types/flatasticChore";
const idToNameMap: Record<number, string> = { const idToNameMap: Record<number, string> = {
1836104: "Gruber", 1836104: "Gruber",
1836101: "Darius", 1836101: "Darius",
1593610: "Arif", 1593610: "Arif",
1860060: "Rishab", 1860060: "Rishab",
}; };
export default function Flatastic() { export default function Flatastic() {
const fetchChores = useFlatasticStore((state) => state.fetch); const fetchChores = useFlatasticStore((state) => state.fetch);
const chores = useFlatasticStore((state) => state.chores); const chores = useFlatasticStore((state) => state.chores);
useEffect(() => { useEffect(() => {
fetchChores(); fetchChores();
const interval = setInterval(() => { const interval = setInterval(() => {
fetchChores(); fetchChores();
}, 60000); }, 60000);
return () => clearInterval(interval); return () => clearInterval(interval);
}, [fetchChores]); }, [fetchChores]);
return ( return (
<div> <div>
<h1>Flatastic Chores</h1> <h1>Flatastic Chores</h1>
<ul> <ul>
{chores.map((chore: FlatasticChore) => ( {chores.map((chore: FlatasticChore) => (
<li key={chore.id} style={{ textAlign: "left" }}> <li key={chore.id} style={{ textAlign: "left" }}>
{idToNameMap[chore.currentUser]}: {chore.title} - Points:{" "} {idToNameMap[chore.currentUser]}: {chore.title} -
{chore.points} Points: {chore.points}
</li> </li>
))} ))}
</ul> </ul>
</div> </div>
); );
} }

82
src/components/Timetable/Timetable.tsx
View File

@@ -6,52 +6,52 @@ import { useKVVStore } from "@/store/kvv";
import type { DepartureType } from "@/types/departureType"; import type { DepartureType } from "@/types/departureType";
function parseTimetableData(data: DepartureType[]) { function parseTimetableData(data: DepartureType[]) {
const result = data.map((item) => { const result = data.map((item) => {
return { return {
...item, ...item,
}; };
}); });
return result; return result;
} }
export default function Timetable() { export default function Timetable() {
const fetchTimetable = useKVVStore((state) => state.fetch); const fetchTimetable = useKVVStore((state) => state.fetch);
const pStreet = useKVVStore((state) => state.pStreet); const pStreet = useKVVStore((state) => state.pStreet);
const hStreet = useKVVStore((state) => state.hStreet); const hStreet = useKVVStore((state) => state.hStreet);
useEffect(() => { useEffect(() => {
fetchTimetable(); fetchTimetable();
const interval = setInterval(() => { const interval = setInterval(() => {
fetchTimetable(); fetchTimetable();
}, 60000); }, 60000);
return () => clearInterval(interval); return () => clearInterval(interval);
}, [fetchTimetable]); }, [fetchTimetable]);
const hStreetData = parseTimetableData(hStreet.departureList || []); const hStreetData = parseTimetableData(hStreet.departureList || []);
const pStreetData = parseTimetableData(pStreet.departureList || []); const pStreetData = parseTimetableData(pStreet.departureList || []);
return ( return (
<div> <div>
<h1>Timetable</h1> <h1>Timetable</h1>
<h2>H-Street Departures</h2> <h2>H-Street Departures</h2>
<table> <table>
<tbody> <tbody>
{hStreetData.map((departure, index) => ( {hStreetData.map((departure, index) => (
// biome-ignore lint/suspicious/noArrayIndexKey: there is no id // biome-ignore lint/suspicious/noArrayIndexKey: there is no id
<TimetableRow key={index} departure={departure} /> <TimetableRow key={index} departure={departure} />
))} ))}
</tbody> </tbody>
</table> </table>
<h2>P-Street Departures</h2> <h2>P-Street Departures</h2>
<table> <table>
<tbody> <tbody>
{pStreetData.map((departure, index) => ( {pStreetData.map((departure, index) => (
// biome-ignore lint/suspicious/noArrayIndexKey: there is no id // biome-ignore lint/suspicious/noArrayIndexKey: there is no id
<TimetableRow key={index} departure={departure} /> <TimetableRow key={index} departure={departure} />
))} ))}
</tbody> </tbody>
</table> </table>
</div> </div>
); );
} }

26
src/components/TimetableRow/TimetableRow.tsx
View File

@@ -3,20 +3,20 @@ import type { DepartureType } from "@/types/departureType";
import styles from "./style.module.css"; import styles from "./style.module.css";
export default function TimetableRow({ export default function TimetableRow({
departure, departure,
}: { }: {
departure: DepartureType; departure: DepartureType;
}) { }) {
const hour = String(departure.dateTime.hour).padStart(2, "0"); const hour = String(departure.dateTime.hour).padStart(2, "0");
const minute = String(departure.dateTime.minute).padStart(2, "0"); const minute = String(departure.dateTime.minute).padStart(2, "0");
const dateTimeString = `${hour}:${minute}`; const dateTimeString = `${hour}:${minute}`;
return ( return (
<tr className={styles.timetableRow}> <tr className={styles.timetableRow}>
<td>{dateTimeString}</td> <td>{dateTimeString}</td>
<td>{departure.servingLine.name}</td> <td>{departure.servingLine.name}</td>
<td>{departure.servingLine.number}</td> <td>{departure.servingLine.number}</td>
<td>({departure.servingLine.direction})</td> <td>({departure.servingLine.direction})</td>
</tr> </tr>
); );
} }

2
src/components/TimetableRow/style.module.css
View File

@@ -1,3 +1,3 @@
.timetableRow { .timetableRow {
text-align: left; text-align: left;
} }

84
src/index.css
View File

@@ -1,68 +1,68 @@
:root { :root {
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5; line-height: 1.5;
font-weight: 400; font-weight: 400;
color-scheme: light dark; color-scheme: light dark;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background-color: #242424; background-color: #242424;
font-synthesis: none; font-synthesis: none;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
a { a {
font-weight: 500; font-weight: 500;
color: #646cff; color: #646cff;
text-decoration: inherit; text-decoration: inherit;
} }
a:hover { a:hover {
color: #535bf2; color: #535bf2;
} }
body { body {
margin: 0; margin: 0;
display: flex; display: flex;
place-items: center; place-items: center;
min-width: 320px; min-width: 320px;
min-height: 100vh; min-height: 100vh;
} }
h1 { h1 {
font-size: 3.2em; font-size: 3.2em;
line-height: 1.1; line-height: 1.1;
} }
button { button {
border-radius: 8px; border-radius: 8px;
border: 1px solid transparent; border: 1px solid transparent;
padding: 0.6em 1.2em; padding: 0.6em 1.2em;
font-size: 1em; font-size: 1em;
font-weight: 500; font-weight: 500;
font-family: inherit; font-family: inherit;
background-color: #1a1a1a; background-color: #1a1a1a;
cursor: pointer; cursor: pointer;
transition: border-color 0.25s; transition: border-color 0.25s;
} }
button:hover { button:hover {
border-color: #646cff; border-color: #646cff;
} }
button:focus, button:focus,
button:focus-visible { button:focus-visible {
outline: 4px auto -webkit-focus-ring-color; outline: 4px auto -webkit-focus-ring-color;
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root { :root {
color: #213547; color: #213547;
background-color: #ffffff; background-color: #ffffff;
} }
a:hover { a:hover {
color: #747bff; color: #747bff;
} }
button { button {
background-color: #f9f9f9; background-color: #f9f9f9;
} }
} }

6
src/main.tsx
View File

@@ -6,7 +6,7 @@ import App from "./App.tsx";
// biome-ignore lint/style/noNonNullAssertion: if the root element is not found, the app should not render // biome-ignore lint/style/noNonNullAssertion: if the root element is not found, the app should not render
createRoot(document.getElementById("root")!).render( createRoot(document.getElementById("root")!).render(
<StrictMode> <StrictMode>
<App /> <App />
</StrictMode>, </StrictMode>,
); );

37
src/store/flatastic.ts
View File

@@ -4,26 +4,31 @@ import type { FlatasticChore } from "@/types/flatasticChore";
import { devtools } from "zustand/middleware"; import { devtools } from "zustand/middleware";
interface FlatasticStore { interface FlatasticStore {
chores: FlatasticChore[]; chores: FlatasticChore[];
fetch: () => Promise<void>; fetch: () => Promise<void>;
} }
const useFlatasticStore = create( const useFlatasticStore = create(
devtools((set) => ({ devtools(
chores: [], (set) => ({
fetch: async () => { chores: [],
if (!import.meta.env.VITE_FLATTASTIC_API_KEY) { fetch: async () => {
throw new Error("Flatastic API Key is not set"); if (!import.meta.env.VITE_FLATTASTIC_API_KEY) {
} throw new Error("Flatastic API Key is not set");
const flatastic = new Flatastic(import.meta.env.VITE_FLATTASTIC_API_KEY); }
const data = await flatastic.getTaskList(); const flatastic = new Flatastic(
import.meta.env.VITE_FLATTASTIC_API_KEY,
);
const data = await flatastic.getTaskList();
console.log("Flatastic chores fetched:", data); console.log("Flatastic chores fetched:", data);
set({ chores: data as FlatasticChore[] }); set({ chores: data as FlatasticChore[] });
}, },
}), { }),
name: "flatastic-store", {
}), name: "flatastic-store",
},
),
); );
export { useFlatasticStore }; export { useFlatasticStore };

47
src/store/kvv.ts
View File

@@ -4,30 +4,33 @@ import type { DepartureType } from "@/types/departureType";
import { devtools } from "zustand/middleware"; import { devtools } from "zustand/middleware";
const useKVVStore = create( const useKVVStore = create(
devtools((set) => ({ devtools(
pStreet: [] as DepartureType[], (set) => ({
hStreet: [] as DepartureType[], pStreet: [] as DepartureType[],
fetch: async () => { hStreet: [] as DepartureType[],
const hStreetStopId = 7000044; fetch: async () => {
const pStreetStopId = 7000045; const hStreetStopId = 7000044;
const hStreetData = await fetchKvvDepartures(hStreetStopId); const pStreetStopId = 7000045;
const pStreetData = await fetchKvvDepartures(pStreetStopId); const hStreetData = await fetchKvvDepartures(hStreetStopId);
const hStreetJson = await hStreetData.json(); const pStreetData = await fetchKvvDepartures(pStreetStopId);
const pStreetJson = await pStreetData.json(); const hStreetJson = await hStreetData.json();
const pStreetJson = await pStreetData.json();
console.log("KVV departures fetched:", { console.log("KVV departures fetched:", {
hStreet: hStreetJson, hStreet: hStreetJson,
pStreet: pStreetJson, pStreet: pStreetJson,
}); });
set({ set({
hStreet: hStreetJson as DepartureType[], hStreet: hStreetJson as DepartureType[],
pStreet: pStreetJson as DepartureType[], pStreet: pStreetJson as DepartureType[],
}); });
}, },
}), { }),
name: "kvv-store", {
}), name: "kvv-store",
},
),
); );
export { useKVVStore }; export { useKVVStore };

26
src/types/departureType.ts
View File

@@ -1,15 +1,15 @@
export type DepartureType = { export type DepartureType = {
dateTime: { dateTime: {
year: number; year: number;
month: number; month: number;
day: number; day: number;
hour: number; hour: number;
minute: number; minute: number;
}; };
servingLine: { servingLine: {
number: string; number: string;
name: string; name: string;
direction: string; direction: string;
}; };
stopID: number; stopID: number;
}; };

18
src/types/flatasticChore.ts
View File

@@ -1,13 +1,13 @@
interface FlatasticChore { interface FlatasticChore {
id: number; id: number;
title: string; title: string;
details: string | null; details: string | null;
users: Array<number>; users: Array<number>;
points: number; points: number;
rotationTime: number; rotationTime: number;
currentUser: number; currentUser: number;
lastDoneDate: string; lastDoneDate: string;
timeLeftNext: number; timeLeftNext: number;
} }
export type { FlatasticChore }; export type { FlatasticChore };

58
tsconfig.app.json
View File

@@ -1,33 +1,33 @@
{ {
"compilerOptions": { "compilerOptions": {
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
"target": "ES2022", "target": "ES2022",
"useDefineForClassFields": true, "useDefineForClassFields": true,
"lib": ["ES2022", "DOM", "DOM.Iterable"], "lib": ["ES2022", "DOM", "DOM.Iterable"],
"module": "ESNext", "module": "ESNext",
"skipLibCheck": true, "skipLibCheck": true,
/* Bundler mode */ /* Bundler mode */
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowImportingTsExtensions": true, "allowImportingTsExtensions": true,
"verbatimModuleSyntax": true, "verbatimModuleSyntax": true,
"moduleDetection": "force", "moduleDetection": "force",
"noEmit": true, "noEmit": true,
"jsx": "react-jsx", "jsx": "react-jsx",
"baseUrl": ".", "baseUrl": ".",
"paths": { "paths": {
"@/*": ["src/*"], "@/*": ["src/*"],
"@components/*": ["src/components/*"], "@components/*": ["src/components/*"],
"@store/*": ["src/store/*"], "@store/*": ["src/store/*"],
"@api/*": ["src/api/*"], "@api/*": ["src/api/*"],
"@types/*": ["src/types/*"], "@types/*": ["src/types/*"],
"@thunks/*": ["src/store/thunks/*"], "@thunks/*": ["src/store/thunks/*"],
"@slices/*": ["src/store/slices/*"] "@slices/*": ["src/store/slices/*"]
}, },
/* Linting */ /* Linting */
"strict": true, "strict": true,
"noUnusedLocals": true "noUnusedLocals": true
}, },
"include": ["src"] "include": ["src"]
} }

56
tsconfig.json
View File

@@ -1,30 +1,30 @@
{ {
"files": [], "files": [],
"references": [ "references": [
{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.app.json" },
{ "path": "./tsconfig.node.json" } { "path": "./tsconfig.node.json" }
], ],
"compilerOptions": { "compilerOptions": {
"baseUrl": ".", "baseUrl": ".",
"paths": { "paths": {
"@/*": ["src/*"], "@/*": ["src/*"],
"@components/*": ["src/components/*"], "@components/*": ["src/components/*"],
"@store/*": ["src/store/*"], "@store/*": ["src/store/*"],
"@api/*": ["src/api/*"], "@api/*": ["src/api/*"],
"@types/*": ["src/types/*"], "@types/*": ["src/types/*"],
"@thunks/*": ["src/store/thunks/*"], "@thunks/*": ["src/store/thunks/*"],
"@slices/*": ["src/store/slices/*"] "@slices/*": ["src/store/slices/*"]
}, },
"module": "esnext", "module": "esnext",
"moduleResolution": "node", "moduleResolution": "node",
"target": "esnext", "target": "esnext",
"lib": ["dom", "dom.iterable", "esnext"], "lib": ["dom", "dom.iterable", "esnext"],
"jsx": "react-jsx", "jsx": "react-jsx",
"strict": true, "strict": true,
"esModuleInterop": true, "esModuleInterop": true,
"skipLibCheck": true, "skipLibCheck": true,
"forceConsistentCasingInFileNames": true, "forceConsistentCasingInFileNames": true,
"noEmit": true, "noEmit": true,
"resolveJsonModule": true "resolveJsonModule": true
} }
} }

42
tsconfig.node.json
View File

@@ -1,25 +1,25 @@
{ {
"compilerOptions": { "compilerOptions": {
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
"target": "ES2023", "target": "ES2023",
"lib": ["ES2023"], "lib": ["ES2023"],
"module": "ESNext", "module": "ESNext",
"skipLibCheck": true, "skipLibCheck": true,
/* Bundler mode */ /* Bundler mode */
"moduleResolution": "bundler", "moduleResolution": "bundler",
"allowImportingTsExtensions": true, "allowImportingTsExtensions": true,
"verbatimModuleSyntax": true, "verbatimModuleSyntax": true,
"moduleDetection": "force", "moduleDetection": "force",
"noEmit": true, "noEmit": true,
/* Linting */ /* Linting */
"strict": true, "strict": true,
"noUnusedLocals": true, "noUnusedLocals": true,
"noUnusedParameters": true, "noUnusedParameters": true,
"erasableSyntaxOnly": true, "erasableSyntaxOnly": true,
"noFallthroughCasesInSwitch": true, "noFallthroughCasesInSwitch": true,
"noUncheckedSideEffectImports": true "noUncheckedSideEffectImports": true
}, },
"include": ["vite.config.ts"] "include": ["vite.config.ts"]
} }

24
vite.config.ts
View File

@@ -4,16 +4,16 @@ import path from "node:path";
// https://vite.dev/config/ // https://vite.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [react()], plugins: [react()],
resolve: { resolve: {
alias: { alias: {
"@": path.resolve(__dirname, "src"), "@": path.resolve(__dirname, "src"),
"@components": path.resolve(__dirname, "src/components"), "@components": path.resolve(__dirname, "src/components"),
"@store": path.resolve(__dirname, "src/store"), "@store": path.resolve(__dirname, "src/store"),
"@api": path.resolve(__dirname, "src/api"), "@api": path.resolve(__dirname, "src/api"),
"@types": path.resolve(__dirname, "src/types"), "@types": path.resolve(__dirname, "src/types"),
"@thunks": path.resolve(__dirname, "src/store/thunks"), "@thunks": path.resolve(__dirname, "src/store/thunks"),
"@slices": path.resolve(__dirname, "src/store/slices"), "@slices": path.resolve(__dirname, "src/store/slices"),
}, },
}, },
}); });