add index.js

index.html

@@ -47,18 +47,4 @@ <h1 class="display-3 mb-0">RSS агрегатор</h1>
       </div>
     </footer>
   </body>
-  <script>
-        if ("serviceWorker" in navigator) {
-            window.addEventListener("load", () => {
-                navigator.serviceWorker
-                    .register("service-worker.js")
-                    .then((registration) => {
-                        console.log("Service Worker registered: ", registration);
-                    })
-                    .catch((registrationError) => {
-                        console.error("Service Worker registration failed: ", registrationError);
-                    });
-            });
-        }
-    </script>
 </html>

src/app.js

@@ -3,68 +3,69 @@ import * as yup from 'yup';
 import axios from 'axios';
 import validate, { proxyObj } from './utils.js';
 import watch from './view.js';
-import resources from './locales/ru.js';
+import resources from './locales/index.js';
 
-export default () => {
-  const defaultLanguage = 'ru';
-  const i18n = i18next.createInstance();
-  i18n.init({
-    lng: defaultLanguage,
-    debug: true,
-    resources,
-  });
-
-  const elements = {
+const elements = {
+  staticEl: {
     title: document.querySelector('h1'),
     subtitle: document.querySelector('.lead'),
-    form: document.querySelector('form'),
-    input: document.getElementById('url-input'),
     label: document.querySelector('[for="url-input"]'),
     example: document.querySelector('p.mt-2.mb-0.text-secondary'),
     button: document.querySelector('[type="submit"]'),
-  };
-
-  const state = {
-    form: {
-      status: 'pending', // 'processed',
-      errors: [],
-      isValid: false,
-    },
-    loadingProcess: {
-      status: 'waiting',
-      error: '',
-    },
-    posts: [],
-    feeds: [],
-    ui: {
-      activePostsId: null,
-      touchedPostId: [],
-    },
-  };
-  const { watchedState, renderForm } = watch(elements, i18n, state);
+  },
+  form: document.querySelector('form'),
+  input: document.getElementById('url-input'),
+};
 
-  yup.setLocale({
-    string: {
-      url: () => ({ key: 'errors.invalidRss' }),
-    },
-    mixed: {
-      required: () => ({ key: 'errors.required' }),
-      notoneOf: () => ({ key: 'errors.existsRss' }),
-    },
-  });
+const state = {
+  form: {
+    status: 'pending', // 'processed',
+    errors: [],
+    isValid: false,
+  },
+  loadingProcess: {
+    status: 'waiting',
+    error: '',
+  },
+  posts: [],
+  feeds: [],
+  ui: {
+    activePostsId: null,
+    touchedPostId: [],
+  },
+};
 
-  renderForm();
+yup.setLocale({
+  string: {
+    url: () => ({ key: 'errors.invalidRss' }),
+  },
+  mixed: {
+    required: () => ({ key: 'errors.required' }),
+    notoneOf: () => ({ key: 'errors.existsRss' }),
+  },
+});
 
-  elements.form.addEventListener('submit', async (e) => {
-    e.preventDefault();
-    const formData = new FormData(e.target);
-    const urlTarget = formData.get('url').trim();
-    const urlFeeds = watchedState.feeds.map(({ url }) => url);
+export default () => {
+  const defaultLanguage = 'ru';
+  const i18n = i18next.createInstance();
+  i18n.init({
+    lng: defaultLanguage,
+    debug: true,
+    resources,
+  }).then(() => {
+    const { watchedState, renderForm } = watch(elements, i18n, state);
+    renderForm();
+    elements.form.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      const formData = new FormData(e.target);
+      const urlTarget = formData.get('url').trim();
+      const urlFeeds = watchedState.feeds.map(({ url }) => url);
 
-    watchedState.loadingProcess.state = 'sending';
+      watchedState.loadingProcess.state = 'sending';
 
-    validate(urlTarget, urlFeeds)
-      .then(({ url }) => axios.get(proxyObj(url)))
-      .catch(() => {});
+      validate(urlTarget, urlFeeds)
+        .then(({ url }) => axios.get(proxyObj(url)))
+        .catch(() => {});
+    });
   });
 };

src/index.js

@@ -1,4 +1,5 @@
 import './styles.scss';
 import 'bootstrap';
+import app from './app.js';
 
-console.log('Hello World!');
+app();

src/locales/index.js

@@ -0,0 +1,3 @@
+import ru from './ru.js';
+
+export default { ru };

src/view.js

@@ -3,17 +3,16 @@ import onChange from 'on-change';
 export default (elements, i18n, state) => {
   const { t } = i18n;
   const renderForm = () => {
-    Object.entries(elements).forEach(([key, value]) => {
+    Object.entries(elements.staticEl).forEach(([key, value]) => {
       const element = value;
-      element.textContent = t(`${key}`) ?? '';
+      element.textContent = t(`${key}`);
     });
   };
   const watchedState = onChange(state, (path) => {
-    if (path === 'isValid') {
-      /* empty */
-    } else if (path === 'errors') {
-    // прописать ошибки//
-    }
+    // switch (path) {
+    //   case 'form.isValid':
+
+    // }
   });
   return {
     watchedState,