BREAKING CHANGE: new API interaction

- Удалена функция api.
- Новый формат взаимодействия с API, разделяя обращения к методам на роуты. К тому же, никакого fetch - теперь это Axios.

.env

@@ -1 +1 @@
-VITE_BACKEND_URL=https://app-backend.koka.team
+VITE_BACKEND_URL=https://api.sampleapis.com/

package.json

@@ -18,6 +18,7 @@
 		"@vkontakte/icons": "^2.139.0",
 		"@vkontakte/vk-bridge": "^2.15.0",
 		"@vkontakte/vkui": "^6.7.0",
+		"axios": "^1.7.7",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
 		"react-hot-toast": "^2.4.1",

src/api/api.instance.js

@@ -0,0 +1,15 @@
+import axios from "axios";
+
+export const NETWORK = axios.create({
+	baseURL: import.meta.env.VITE_BACKEND_URL,
+	timeout: 5e3,
+	validateStatus: () => true,
+	headers: {
+		"Content-Type": "application/json",
+		Authorization: `Bearer ${
+			window.location.href
+				.slice(window.location.href.indexOf("?") + 1)
+				.split("#")[0]
+		}`,
+	},
+});

src/api/routes/route.coffee.js

@@ -0,0 +1,3 @@
+import { NETWORK } from "../api.instance";
+
+export const getCoffeeList = () => NETWORK.get("coffee/hot");

src/panels/home/home.jsx

@@ -1,11 +1,23 @@
 import { useRouterModal, useRouterPanel } from "@kokateam/router-vkminiapps";
 import { Button, Title } from "@vkontakte/vkui";
 import toast from "react-hot-toast";
+import { useEffect } from "react";
+import { getCoffeeList } from "../../api/routes/route.coffee.js";
 
 const Home = () => {
 	const [, toModal] = useRouterModal();
 	const [, toPanel] = useRouterPanel();
 
+	const fetchCoffee = async () => {
+		const { data } = await getCoffeeList();
+
+		console.log(`API Coffee List Example: `, data);
+	};
+
+	useEffect(() => {
+		fetchCoffee();
+	}, []);
+
 	return (
 		<>
 			<Title weight={"3"} className={"mb10 centered"}>

yarn.lock

@@ -610,7 +610,7 @@ axios@^0.21.1:
   dependencies:
     follow-redirects "^1.14.0"
 
-axios@^1.7.5:
+axios@^1.7.5, axios@^1.7.7:
   version "1.7.7"
   resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.7.tgz#2f554296f9892a72ac8d8e4c5b79c14a91d0a47f"
   integrity sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==