add state, on-change, validation, form functions

Author: daria-z

src/js/model.js

@@ -0,0 +1,56 @@
+import onChange from "on-change";
+import * as yup from 'yup';
+
+const object = {
+  inputValue: '',
+  rssFeed: [],
+  errors: null
+};
+
+const state = onChange(object, (path, value) => {
+  console.log(`состояние изменено: ${path}`, value);
+});
+
+const schema = yup
+  .string()
+  .url()
+  .required('Обязательное поле')
+  .test('no-duplicate', 'Эта лента уже добавлена', (value) => !state.rssFeed.includes(value));
+
+const validateInput = (value) => {
+  try {
+    schema.validateSync(value, { abortEarly: false });
+    return true;
+  } catch (error) {
+    if (error instanceof yup.ValidationError) {
+      state.errors = error.errors;
+      return false;
+    }
+    throw error;
+  }
+};
+
+export const updateInputValue = (value) => {
+  state.inputValue = value;
+  state.errors = null;
+};
+
+export const addRssFeed = () => {
+  if (validateInput(state.inputValue)) {
+    state.rssFeed = [...state.rssFeed, state.inputValue];
+    console.log("обновлён список rss", state.rssFeed);
+    state.errors = null;
+  } else {
+    console.log("не прошёл валидацию:", state.errors);
+  }
+};
+
+
+
+
+
+
+
+
+
+