подключен axios, реализован базовый fetch данных ленты

Author: daria-z

package-lock.json

@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
+    "axios": "^1.9.0",
     "bootstrap": "^5.3.6",
     "i18next": "^25.1.3",
     "on-change": "^5.0.1",

package.json

@@ -1,4 +1,9 @@
-import { updateInputValue, addRssFeed, validateInput } from "./model";
+import {
+  updateInputValue,
+  addRssFeed,
+  validateInput,
+  fetchRssData,
+} from "./model";
 import { renderUIText } from "./view.js";
 
 renderUIText();
@@ -13,8 +18,6 @@ input.addEventListener("input", (e) => {
 form.addEventListener("submit", (e) => {
   e.preventDefault();
   validateInput()
-    .then(() => {
-      addRssFeed();
-    })
+    .then(() => addRssFeed()).then(() => fetchRssData())
     .catch(() => console.log("валидация не пройдена"));
 });

src/js/main.js

@@ -1,6 +1,7 @@
 import onChange from "on-change";
 import * as yup from "yup";
 import i18next from "../i18n.js";
+import axios from "axios";
 
 import createState from './state.js';
 
@@ -35,6 +36,18 @@ export const updateInputValue = (value) => {
   state.errors = null;
 };
 
+export const fetchRssData = () => {
+  axios
+    .get(
+      `https://allorigins.hexlet.app/raw?url=${encodeURIComponent(state.inputValue)}`,
+      {
+        timeout: 5000,
+      }
+    )
+    .then((response) => console.log(response.data))
+    .catch((error) => console.error("fetching error:", error));
+}
+
 export const addRssFeed = () => {
   state.rssFeed = [...state.rssFeed, state.inputValue];
   console.log("обновлён список rss", state.rssFeed);