add parsers

Author: AxeRicin

package-lock.json

@@ -34,8 +34,10 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
+    "axios": "^1.5.0",
     "bootstrap": "~5.2.3",
     "i18next": "^23.5.1",
+    "lodash": "^4.17.21",
     "on-change": "^4.0.2",
     "yup": "^1.2.0"
   }

package.json

@@ -0,0 +1,30 @@
+const getFeed = (dom) => {
+  const titleFeed = dom.querySelector('channel>title').textContent;
+  const descriptionFeed = dom.querySelector('channel>description').textContent;
+  return {
+    titleFeed,
+    descriptionFeed,
+  };
+};
+
+const getPosts = (dom) => {
+  const posts = [];
+  const items = dom.querySelectorAll('item');
+  items.forEach((item) => posts.push({
+    title: item.querySelector('title').textContent,
+    link: item.querySelector('link').textContent,
+  }));
+  return posts;
+};
+
+const parseRSS = (dom) => {
+  const result = {
+    feed: {},
+    posts: [],
+  };
+  result.feed = getFeed(dom);
+  result.posts = getPosts(dom);
+  return result;
+};
+
+export default parseRSS;

src/js/RSSparse.js

@@ -1,6 +1,8 @@
 import * as yup from 'yup';
 import onChange from 'on-change';
+import axios from 'axios';
 import render from './view';
+import parseRSS from './RSSparse';
 
 yup.setLocale({
   string: {
@@ -32,13 +34,29 @@ const app = () => {
     e.preventDefault();
     watcherState.validationUrl.state = 'updated';
     const formData = new FormData(e.target);
-    const schemaValidationUrl = yup.string().url().trim().notOneOf(initialState.rssFeeds, 'existing_RSS');
+    const schemaValidationUrl = yup.string().url().notOneOf(initialState.rssFeeds, 'existing_RSS').trim();
     schemaValidationUrl.validate(formData.get('url'))
-      .then((newUrl) => watcherState.rssFeeds.push(newUrl))
+      .then((newUrl) => {
+        axios.get(`https://allorigins.hexlet.app/get?url=${encodeURIComponent(newUrl)}`)
+          .then((response) => {
+            const parser = new DOMParser();
+            const responseDom = parser.parseFromString(response.data.contents, 'text/xml');
+            if (responseDom.querySelector('parsererror')) throw new Error('invalid_RSS');
+            parseRSS(responseDom);
+          })
+          .catch((err) => {
+            watcherState.validationUrl.error = err.message;
+            watcherState.validationUrl.state = 'invalid';
+          });
+        watcherState.rssFeeds.push(newUrl);
+      })
       .catch((err) => {
         if (err.name === 'ValidationError') {
           watcherState.validationUrl.error = err.message;
           watcherState.validationUrl.state = 'invalid';
+        } else {
+          console.log('Выпала неизвесная ошибка:');
+          console.dir(err);
         }
       });
   });

src/js/app.js

@@ -2,5 +2,6 @@ export default {
   translation: {
     url_invalid: 'The link must be a valid URL',
     existing_rss: 'RSS already exists',
+    invalid_RSS: 'Does not contain valid RSS',
   },
 };

src/js/locales/en.js

@@ -3,5 +3,6 @@ export default {
     URL_invalid: 'Ссылка должна быть валидным URL',
     existing_RSS: 'RSS уже существует',
     RSS_uploaded: 'RSS Успешно загружен',
+    invalid_RSS: 'Не содержит валидный RSS',
   },
 };

src/js/locales/ru.js

@@ -5,7 +5,6 @@ const getI18n = (lng) => {
   const i18n = i18next.createInstance();
   return i18n.init({
     lng,
-    debug: true,
     resources,
   });
 };