From 23b43568d6cb2da782961c97bbffda900e2c0502 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 20:34:29 +0500
Subject: [PATCH 001/202] Update api.js

---
 api.js | 74 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 73 insertions(+), 1 deletion(-)

diff --git a/api.js b/api.js
index 123a9e3b6..a00b363f7 100644
--- a/api.js
+++ b/api.js
@@ -55,7 +55,7 @@ export function loginUser({ login, password }) {
   });
 }
 
-// Загружает картинку в облако, возвращает url загруженной картинки
+
 export function uploadImage({ file }) {
   const data = new FormData();
   data.append("file", file);
@@ -67,3 +67,75 @@ export function uploadImage({ file }) {
     return response.json();
   });
 }
+
+
+export function addPost({ token, description, imageUrl }) {
+  return fetch(postsHost, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      description,
+      imageUrl,
+    }),
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (response.status === 400) {
+      throw new Error("Не переданы обязательные данные");
+    }
+    return response.json();
+  });
+}
+
+
+export function getUserPosts({ token, userId }) {
+  return fetch(`${postsHost}/user-posts/${userId}`, {
+    method: "GET",
+    headers: {
+      Authorization: token,
+    },
+  })
+    .then((response) => {
+      if (response.status === 401) {
+        throw new Error("Нет авторизации");
+      }
+      return response.json();
+    })
+    .then((data) => {
+      return data.posts;
+    });
+}
+
+
+export function likePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/like`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    return response.json();
+  });
+}
+
+
+export function dislikePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/dislike`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    return response.json();
+  });
+}

From 8fbca97542519317e7ac94fab7470ad05ae106a9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 20:37:27 +0500
Subject: [PATCH 002/202] Update index.js

---
 index.js | 101 ++++++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 85 insertions(+), 16 deletions(-)

diff --git a/index.js b/index.js
index 7f1817c75..09059893a 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,10 @@
-import { getPosts } from "./api.js";
+import { 
+  getPosts, 
+  addPost, 
+  getUserPosts, 
+  likePost, 
+  dislikePost 
+} from "./api.js";
 import { renderAddPostPageComponent } from "./components/add-post-page-component.js";
 import { renderAuthPageComponent } from "./components/auth-page-component.js";
 import {
@@ -31,9 +37,9 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
-/**
- * Включает страницу приложения
- */
+
+ 
+ 
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -45,7 +51,7 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
-      /* Если пользователь не авторизован, то отправляем его на страницу авторизации перед добавлением поста */
+      
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -67,11 +73,19 @@ export const goToPage = (newPage, data) => {
     }
 
     if (newPage === USER_POSTS_PAGE) {
-      // @@TODO: реализовать получение постов юзера из API
-      console.log("Открываю страницу пользователя: ", data.userId);
-      page = USER_POSTS_PAGE;
-      posts = [];
-      return renderApp();
+      page = LOADING_PAGE;
+      renderApp();
+
+      return getUserPosts({ token: getToken(), userId: data.userId })
+        .then((userPosts) => {
+          page = USER_POSTS_PAGE;
+          posts = userPosts;
+          renderApp();
+        })
+        .catch((error) => {
+          console.error(error);
+          goToPage(POSTS_PAGE);
+        });
     }
 
     page = newPage;
@@ -83,6 +97,31 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
+
+export const toggleLike = (postId, isLiked) => {
+  const token = getToken();
+  if (!token) {
+    goToPage(AUTH_PAGE);
+    return Promise.resolve();
+  }
+
+  const likePromise = isLiked ? dislikePost : likePost;
+  
+  return likePromise({ token, postId })
+    .then((responseData) => {
+    
+      const postIndex = posts.findIndex(post => post.id === postId);
+      if (postIndex !== -1) {
+        posts[postIndex] = responseData.post;
+      }
+      renderApp();
+    })
+    .catch((error) => {
+      console.error("Ошибка при работе с лайком:", error);
+      alert("Не удалось выполнить действие");
+    });
+};
+
 const renderApp = () => {
   const appEl = document.getElementById("app");
   if (page === LOADING_PAGE) {
@@ -110,9 +149,30 @@ const renderApp = () => {
     return renderAddPostPageComponent({
       appEl,
       onAddPostClick({ description, imageUrl }) {
-        // @TODO: реализовать добавление поста в API
-        console.log("Добавляю пост...", { description, imageUrl });
-        goToPage(POSTS_PAGE);
+        const token = getToken();
+        if (!token) {
+          goToPage(AUTH_PAGE);
+          return;
+        }
+        
+        if (!description.trim()) {
+          alert("Введите описание поста");
+          return;
+        }
+        
+        if (!imageUrl) {
+          alert("Загрузите изображение");
+          return;
+        }
+        
+        addPost({ token, description, imageUrl })
+          .then(() => {
+            goToPage(POSTS_PAGE);
+          })
+          .catch((error) => {
+            console.error("Ошибка при добавлении поста:", error);
+            alert("Не удалось добавить пост: " + error.message);
+          });
       },
     });
   }
@@ -120,13 +180,22 @@ const renderApp = () => {
   if (page === POSTS_PAGE) {
     return renderPostsPageComponent({
       appEl,
+      posts,
+      user,
+      goToPage,
+      toggleLike,
     });
   }
 
   if (page === USER_POSTS_PAGE) {
-    // @TODO: реализовать страницу с фотографиями отдельного пользвателя
-    appEl.innerHTML = "Здесь будет страница фотографий пользователя";
-    return;
+    return renderPostsPageComponent({
+      appEl,
+      posts,
+      user,
+      goToPage,
+      toggleLike,
+      isUserPostsPage: true,
+    });
   }
 };
 

From 9f465d7d0e379462952bd00542041cb64fee0f1c Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 20:45:51 +0500
Subject: [PATCH 003/202] Update api.js

---
 api.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/api.js b/api.js
index a00b363f7..d40c3506b 100644
--- a/api.js
+++ b/api.js
@@ -1,5 +1,4 @@
-// Замени на свой, чтобы получить независимый от других набор данных.
-// "боевая" версия инстапро лежит в ключе prod
+
 const personalKey = "prod";
 const baseHost = "https://webdev-hw-api.vercel.app";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;

From 4a92adf7c67e293fc0c5879ba0d3359bd01ca577 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 20:47:14 +0500
Subject: [PATCH 004/202] Update index.js

---
 index.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/index.js b/index.js
index 09059893a..eea646094 100644
--- a/index.js
+++ b/index.js
@@ -37,9 +37,6 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
-
- 
- 
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -51,7 +48,7 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
-      
+     
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -109,16 +106,18 @@ export const toggleLike = (postId, isLiked) => {
   
   return likePromise({ token, postId })
     .then((responseData) => {
-    
+      
       const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
         posts[postIndex] = responseData.post;
       }
+      
+  
       renderApp();
     })
     .catch((error) => {
       console.error("Ошибка при работе с лайком:", error);
-      alert("Не удалось выполнить действие");
+      alert("Не удалось выполнить действие: " + error.message);
     });
 };
 

From 942a65101b42fe6b482c98f4a562c7ca2d139247 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:01:39 +0500
Subject: [PATCH 005/202] Update index.js

---
 index.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/index.js b/index.js
index eea646094..1a138e927 100644
--- a/index.js
+++ b/index.js
@@ -37,6 +37,9 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
+/**
+ * Включает страницу приложения
+ */
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -48,7 +51,7 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
-     
+      /* Если пользователь не авторизован, то отправляем его на страницу авторизации перед добавлением поста */
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -59,6 +62,7 @@ export const goToPage = (newPage, data) => {
 
       return getPosts({ token: getToken() })
         .then((newPosts) => {
+          console.log("Посты из API:", newPosts); // Для отладки
           page = POSTS_PAGE;
           posts = newPosts;
           renderApp();
@@ -94,7 +98,7 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
-
+// Функция для обработки лайков
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   if (!token) {
@@ -106,13 +110,13 @@ export const toggleLike = (postId, isLiked) => {
   
   return likePromise({ token, postId })
     .then((responseData) => {
-      
+      // Обновляем конкретный пост в массиве posts
       const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
         posts[postIndex] = responseData.post;
       }
       
-  
+      // Также обновляем страницу для отображения изменений
       renderApp();
     })
     .catch((error) => {

From 480a59ec82da2ae5682833a1bee32e171b76452e Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:03:27 +0500
Subject: [PATCH 006/202] Update posts-page-component.js

---
 components/posts-page-component.js | 170 ++++++++++++++---------------
 1 file changed, 79 insertions(+), 91 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 662ccdbdc..5f81de629 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -1,97 +1,68 @@
 import { USER_POSTS_PAGE } from "../routes.js";
 import { renderHeaderComponent } from "./header-component.js";
-import { posts, goToPage } from "../index.js";
+import { formatDate } from "../date-utils.js";
 
-export function renderPostsPageComponent({ appEl }) {
-  // @TODO: реализовать рендер постов из api
-  console.log("Актуальный список постов:", posts);
+export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleLike, isUserPostsPage = false }) {
+  
+  let pageHeader = '';
+  if (isUserPostsPage && posts.length > 0) {
+    const firstPost = posts[0];
+    pageHeader = `
+      <div class="posts-user-header">
+        <img src="${firstPost.user.imageUrl}" class="posts-user-header__user-image" />
+        <div class="posts-user-header__user-name">${firstPost.user.name}</div>
+      </div>
+    `;
+  }
+
+  const postsHtml = posts.map((post) => {
+    const isLiked = post.isLiked;
+    const likeImage = isLiked 
+      ? "./assets/images/like-active.svg" 
+      : "./assets/images/like-not-active.svg";
+    
+   
+    const imageSrc = post.imageUrl && post.imageUrl.trim() !== '' 
+      ? post.imageUrl 
+      : "./assets/images/default-image.jpg";
+
+    return `
+      <li class="post">
+        <div class="post-header" data-user-id="${post.user.id}">
+          <img src="${post.user.imageUrl}" class="post-header__user-image" />
+          <p class="post-header__user-name">${post.user.name}</p>
+        </div>
+        <div class="post-image-container">
+          <img class="post-image" src="${imageSrc}" onerror="this.src='./assets/images/default-image.jpg'">
+        </div>
+        <div class="post-likes">
+          <button data-post-id="${post.id}" data-is-liked="${isLiked}" class="like-button">
+            <img src="${likeImage}">
+          </button>
+          <p class="post-likes-text">
+            Нравится: <strong>${post.likes.length}</strong>
+          </p>
+        </div>
+        <p class="post-text">
+          <span class="user-name">${post.user.name}</span>
+          ${post.description || ''}
+        </p>
+        <p class="post-date">
+          ${formatDate(post.createdAt)}
+        </p>
+      </li>
+    `;
+  }).join("");
 
-  /**
-   * @TODO: чтобы отформатировать дату создания поста в виде "19 минут назад"
-   * можно использовать https://date-fns.org/v2.29.3/docs/formatDistanceToNow
-   */
   const appHtml = `
-              <div class="page-container">
-                <div class="header-container"></div>
-                <ul class="posts">
-                  <li class="post">
-                    <div class="post-header" data-user-id="642d00329b190443860c2f31">
-                        <img src="https://www.imgonline.com.ua/examples/bee-on-daisy.jpg" class="post-header__user-image">
-                        <p class="post-header__user-name">Иван Иваныч</p>
-                    </div>
-                    <div class="post-image-container">
-                      <img class="post-image" src="https://www.imgonline.com.ua/examples/bee-on-daisy.jpg">
-                    </div>
-                    <div class="post-likes">
-                      <button data-post-id="642d00579b190443860c2f32" class="like-button">
-                        <img src="./assets/images/like-active.svg">
-                      </button>
-                      <p class="post-likes-text">
-                        Нравится: <strong>2</strong>
-                      </p>
-                    </div>
-                    <p class="post-text">
-                      <span class="user-name">Иван Иваныч</span>
-                      Ромашка, ромашка...
-                    </p>
-                    <p class="post-date">
-                      19 минут назад
-                    </p>
-                  </li>
-                  <li class="post">
-                    <div class="post-header" data-user-id="6425602ce156b600f7858df2">
-                        <img src="https://storage.yandexcloud.net/skypro-webdev-homework-bucket/1680601502867-%25C3%2590%25C2%25A1%25C3%2590%25C2%25BD%25C3%2590%25C2%25B8%25C3%2590%25C2%25BC%25C3%2590%25C2%25BE%25C3%2590%25C2%25BA%2520%25C3%2591%25C2%258D%25C3%2590%25C2%25BA%25C3%2591%25C2%2580%25C3%2590%25C2%25B0%25C3%2590%25C2%25BD%25C3%2590%25C2%25B0%25202023-04-04%2520%25C3%2590%25C2%25B2%252014.04.29.png" class="post-header__user-image">
-                        <p class="post-header__user-name">Варварва Н.</p>
-                    </div>
-                  
-                    
-                    <div class="post-image-container">
-                      <img class="post-image" src="https://storage.yandexcloud.net/skypro-webdev-homework-bucket/1680670675451-%25C3%2590%25C2%25A1%25C3%2590%25C2%25BD%25C3%2590%25C2%25B8%25C3%2590%25C2%25BC%25C3%2590%25C2%25BE%25C3%2590%25C2%25BA%2520%25C3%2591%25C2%258D%25C3%2590%25C2%25BA%25C3%2591%25C2%2580%25C3%2590%25C2%25B0%25C3%2590%25C2%25BD%25C3%2590%25C2%25B0%25202023-03-31%2520%25C3%2590%25C2%25B2%252012.51.20.png">
-                    </div>
-                    <div class="post-likes">
-                      <button data-post-id="642cffed9b190443860c2f30" class="like-button">
-                        <img src="./assets/images/like-not-active.svg">
-                      </button>
-                      <p class="post-likes-text">
-                        Нравится: <strong>35</strong>
-                      </p>
-                    </div>
-                    <p class="post-text">
-                      <span class="user-name">Варварва Н.</span>
-                      Нарисовала картину, посмотрите какая красивая
-                    </p>
-                    <p class="post-date">
-                      3 часа назад
-                    </p>
-                  </li>
-                  <li class="post">
-                    <div class="post-header" data-user-id="6425602ce156b600f7858df2">
-                        <img src="https://storage.yandexcloud.net/skypro-webdev-homework-bucket/1680601502867-%25C3%2590%25C2%25A1%25C3%2590%25C2%25BD%25C3%2590%25C2%25B8%25C3%2590%25C2%25BC%25C3%2590%25C2%25BE%25C3%2590%25C2%25BA%2520%25C3%2591%25C2%258D%25C3%2590%25C2%25BA%25C3%2591%25C2%2580%25C3%2590%25C2%25B0%25C3%2590%25C2%25BD%25C3%2590%25C2%25B0%25202023-04-04%2520%25C3%2590%25C2%25B2%252014.04.29.png" class="post-header__user-image">
-                        <p class="post-header__user-name">Варварва Н.</p>
-                    </div>
-                  
-                    
-                    <div class="post-image-container">
-                      <img class="post-image" src="https://leonardo.osnova.io/97a160ca-76b6-5cba-87c6-84ef29136bb3/">
-                    </div>
-                    <div class="post-likes">
-                      <button data-post-id="642cf82e9b190443860c2f2b" class="like-button">
-                        <img src="./assets/images/like-not-active.svg">
-                      </button>
-                      <p class="post-likes-text">
-                        Нравится: <strong>0</strong>
-                      </p>
-                    </div>
-                    <p class="post-text">
-                      <span class="user-name">Варварва Н.</span>
-                      Голова
-                    </p>
-                    <p class="post-date">
-                      8 дней назад
-                    </p>
-                  </li>
-                </ul>
-              </div>`;
+    <div class="page-container">
+      <div class="header-container"></div>
+      ${pageHeader}
+      <ul class="posts">
+        ${postsHtml || '<p>Постов пока нет</p>'}
+      </ul>
+    </div>
+  `;
 
   appEl.innerHTML = appHtml;
 
@@ -99,11 +70,28 @@ export function renderPostsPageComponent({ appEl }) {
     element: document.querySelector(".header-container"),
   });
 
-  for (let userEl of document.querySelectorAll(".post-header")) {
+
+  document.querySelectorAll(".post-header").forEach(userEl => {
     userEl.addEventListener("click", () => {
       goToPage(USER_POSTS_PAGE, {
         userId: userEl.dataset.userId,
       });
     });
-  }
+  });
+
+
+  document.querySelectorAll('.like-button').forEach(button => {
+    button.addEventListener('click', (event) => {
+      event.stopPropagation(); 
+      const postId = button.dataset.postId;
+      const isLiked = button.dataset.isLiked === 'true';
+      
+     
+      button.dataset.isLiked = !isLiked;
+      
+      toggleLike(postId, isLiked);
+    });
+  });
+
+ 
 }

From d57a7c9e47abb3679a70c9898b94de700249d4fb Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:12:03 +0500
Subject: [PATCH 007/202] Update posts-page-component.js

---
 components/posts-page-component.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 5f81de629..c9063d329 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -1,6 +1,6 @@
 import { USER_POSTS_PAGE } from "../routes.js";
 import { renderHeaderComponent } from "./header-component.js";
-import { formatDate } from "../date-utils.js";
+
 
 export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleLike, isUserPostsPage = false }) {
   
@@ -48,8 +48,8 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
           ${post.description || ''}
         </p>
         <p class="post-date">
-          ${formatDate(post.createdAt)}
-        </p>
+  ${post.createdAt} 
+</p>
       </li>
     `;
   }).join("");

From f9d4c456a92810f69d0c7aa67b3edc5bb73a002e Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:14:48 +0500
Subject: [PATCH 008/202] Update posts-page-component.js

---
 components/posts-page-component.js | 97 ++++++++++++++++++++++++++----
 1 file changed, 86 insertions(+), 11 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index c9063d329..2f0bccd2b 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -2,8 +2,83 @@ import { USER_POSTS_PAGE } from "../routes.js";
 import { renderHeaderComponent } from "./header-component.js";
 
 
-export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleLike, isUserPostsPage = false }) {
+function simpleFormatDate(dateString) {
+  try {
+    const date = new Date(dateString);
+    const now = new Date();
+    const timeDiff = now - date;
+    const minutes = Math.floor(timeDiff / (1000 * 60));
+    const hours = Math.floor(timeDiff / (1000 * 60 * 60));
+    const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
+
+    if (minutes < 1) {
+      return "менее минуты назад";
+    } else if (minutes < 60) {
+      return `${minutes} ${getMinutesWord(minutes)} назад`;
+    } else if (hours < 24) {
+      return `${hours} ${getHoursWord(hours)} назад`;
+    } else {
+      return `${days} ${getDaysWord(days)} назад`;
+    }
+  } catch (e) {
+    return "недавно";
+  }
+}
+
+
+function getMinutesWord(minutes) {
+  const lastDigit = minutes % 10;
+  const lastTwoDigits = minutes % 100;
+  
+  if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
+    return "минут";
+  }
+  
+  switch (lastDigit) {
+    case 1: return "минуту";
+    case 2:
+    case 3:
+    case 4: return "минуты";
+    default: return "минут";
+  }
+}
+
+function getHoursWord(hours) {
+  const lastDigit = hours % 10;
+  const lastTwoDigits = hours % 100;
+  
+  if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
+    return "часов";
+  }
+  
+  switch (lastDigit) {
+    case 1: return "час";
+    case 2:
+    case 3:
+    case 4: return "часа";
+    default: return "часов";
+  }
+}
+
+function getDaysWord(days) {
+  const lastDigit = days % 10;
+  const lastTwoDigits = days % 100;
+  
+  if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
+    return "дней";
+  }
   
+  switch (lastDigit) {
+    case 1: return "день";
+    case 2:
+    case 3:
+    case 4: return "дня";
+    default: return "дней";
+  }
+}
+
+export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleLike, isUserPostsPage = false }) {
+
   let pageHeader = '';
   if (isUserPostsPage && posts.length > 0) {
     const firstPost = posts[0];
@@ -21,7 +96,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       ? "./assets/images/like-active.svg" 
       : "./assets/images/like-not-active.svg";
     
-   
+  
     const imageSrc = post.imageUrl && post.imageUrl.trim() !== '' 
       ? post.imageUrl 
       : "./assets/images/default-image.jpg";
@@ -48,8 +123,8 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
           ${post.description || ''}
         </p>
         <p class="post-date">
-  ${post.createdAt} 
-</p>
+          ${simpleFormatDate(post.createdAt)}
+        </p>
       </li>
     `;
   }).join("");
@@ -70,7 +145,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     element: document.querySelector(".header-container"),
   });
 
-
+ 
   document.querySelectorAll(".post-header").forEach(userEl => {
     userEl.addEventListener("click", () => {
       goToPage(USER_POSTS_PAGE, {
@@ -79,19 +154,19 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     });
   });
 
-
+  
   document.querySelectorAll('.like-button').forEach(button => {
     button.addEventListener('click', (event) => {
-      event.stopPropagation(); 
+      event.stopPropagation(); // Предотвращаем всплытие события
       const postId = button.dataset.postId;
       const isLiked = button.dataset.isLiked === 'true';
       
-     
+      
       button.dataset.isLiked = !isLiked;
       
-      toggleLike(postId, isLiked);
+      if (typeof toggleLike === 'function') {
+        toggleLike(postId, isLiked);
+      }
     });
   });
-
- 
 }

From ad11cd449bba3958635cfa088ca85ff92244cecc Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:25:02 +0500
Subject: [PATCH 009/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 76 +++++++++++++++++++++++----
 1 file changed, 67 insertions(+), 9 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 8277f093b..5fe8b0b82 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,20 +1,78 @@
+import { uploadImage } from "../api.js";
+import { renderUploadImageComponent } from "./upload-image-component.js";
+import { renderHeaderComponent } from "./header-component.js";
+
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
+  let imageUrl = "";
+
   const render = () => {
-    // @TODO: Реализовать страницу добавления поста
     const appHtml = `
-    <div class="page-container">
-      <div class="header-container"></div>
-      Cтраница добавления поста
-      <button class="button" id="add-button">Добавить</button>
-    </div>
-  `;
+      <div class="page-container">
+        <div class="header-container"></div>
+        <div class="form">
+          <h3 class="form-title">Добавить пост</h3>
+          <div class="form-inputs">
+            <div class="upload-image-container">
+              <div id="upload-image-conrainer"></div>
+            </div>
+            <label>
+              Описание поста
+              <textarea class="form-textarea" id="post-description"></textarea>
+            </label>
+            <div class="form-error" id="form-error"></div>
+          </div>
+          <div class="form-footer">
+            <button class="button" id="add-button">Добавить</button>
+          </div>
+        </div>
+      </div>
+    `;
 
     appEl.innerHTML = appHtml;
 
+    
+    renderHeaderComponent({
+      element: document.querySelector(".header-container"),
+    });
+
+  
+    renderUploadImageComponent({
+      element: document.getElementById("upload-image-conrainer"),
+      onImageUpload: (imageFile) => {
+        document.getElementById("add-button").setAttribute("disabled", true);
+        
+        uploadImage({ file: imageFile })
+          .then(({ imageUrl: uploadedImageUrl }) => {
+            imageUrl = uploadedImageUrl;
+            document.getElementById("add-button").removeAttribute("disabled");
+          })
+          .catch((error) => {
+            console.error("Ошибка загрузки изображения:", error);
+            document.getElementById("form-error").textContent = "Ошибка загрузки изображения";
+            document.getElementById("add-button").removeAttribute("disabled");
+          });
+      },
+    });
+
+ 
     document.getElementById("add-button").addEventListener("click", () => {
+      const description = document.getElementById("post-description").value;
+      
+     
+      if (!description.trim()) {
+        document.getElementById("form-error").textContent = "Введите описание поста";
+        return;
+      }
+      
+      if (!imageUrl) {
+        document.getElementById("form-error").textContent = "Загрузите изображение";
+        return;
+      }
+      
+   
       onAddPostClick({
-        description: "Описание картинки",
-        imageUrl: "https://image.png",
+        description: description.trim(),
+        imageUrl,
       });
     });
   };

From 271aa779675a0d2a8780cd5c71e0387ade2fc2ed Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:26:22 +0500
Subject: [PATCH 010/202] Update styles.css

---
 styles.css | 85 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)

diff --git a/styles.css b/styles.css
index 57bc08b16..1f6fbab25 100644
--- a/styles.css
+++ b/styles.css
@@ -196,3 +196,88 @@
   width: 100%;
   text-align: center;
 }
+
+
+.form {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 500px;
+  margin: 0 auto;
+  padding: 20px;
+}
+
+.form-title {
+  font-size: 28px;
+  line-height: 35px;
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.form-inputs {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+.form-textarea {
+  width: 100%;
+  min-height: 100px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-family: inherit;
+  resize: vertical;
+}
+
+.form-error {
+  color: red;
+  font-size: 14px;
+  text-align: center;
+}
+
+.form-footer {
+  margin-top: 20px;
+  display: flex;
+  justify-content: center;
+}
+
+.button {
+  background-color: #0095f6;
+  color: white;
+  border: none;
+  padding: 8px 16px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 16px;
+}
+
+.button:disabled {
+  background-color: #b2dffc;
+  cursor: not-allowed;
+}
+
+.button:hover:not(:disabled) {
+  background-color: #0081d1;
+}
+
+.upload-image-container {
+  margin-bottom: 15px;
+}
+
+
+.uploaded-image-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+}
+
+.uploaded-image {
+  width: 100px;
+  height: 100px;
+  object-fit: cover;
+  margin-right: 10px;
+  border: 1px solid gray;
+  border-radius: 5px;
+}

From eea767d8cb038b613e71f435cca988f592883db7 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:27:34 +0500
Subject: [PATCH 011/202] Update index.js

---
 index.js | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/index.js b/index.js
index 1a138e927..6fbdd5c96 100644
--- a/index.js
+++ b/index.js
@@ -3,7 +3,8 @@ import {
   addPost, 
   getUserPosts, 
   likePost, 
-  dislikePost 
+  dislikePost,
+  uploadImage
 } from "./api.js";
 import { renderAddPostPageComponent } from "./components/add-post-page-component.js";
 import { renderAuthPageComponent } from "./components/auth-page-component.js";
@@ -37,9 +38,7 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
-/**
- * Включает страницу приложения
- */
+
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -51,7 +50,7 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
-      /* Если пользователь не авторизован, то отправляем его на страницу авторизации перед добавлением поста */
+ 
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -62,7 +61,7 @@ export const goToPage = (newPage, data) => {
 
       return getPosts({ token: getToken() })
         .then((newPosts) => {
-          console.log("Посты из API:", newPosts); // Для отладки
+          console.log("Посты из API:", newPosts);
           page = POSTS_PAGE;
           posts = newPosts;
           renderApp();
@@ -98,7 +97,7 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
-// Функция для обработки лайков
+
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   if (!token) {
@@ -110,13 +109,13 @@ export const toggleLike = (postId, isLiked) => {
   
   return likePromise({ token, postId })
     .then((responseData) => {
-      // Обновляем конкретный пост в массиве posts
+      
       const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
         posts[postIndex] = responseData.post;
       }
       
-      // Также обновляем страницу для отображения изменений
+   
       renderApp();
     })
     .catch((error) => {
@@ -158,6 +157,7 @@ const renderApp = () => {
           return;
         }
         
+      
         if (!description.trim()) {
           alert("Введите описание поста");
           return;
@@ -168,8 +168,10 @@ const renderApp = () => {
           return;
         }
         
+       
         addPost({ token, description, imageUrl })
           .then(() => {
+       
             goToPage(POSTS_PAGE);
           })
           .catch((error) => {

From f4cea14667bd4997e6166c8491ed3b5cdc2bd852 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:43:16 +0500
Subject: [PATCH 012/202] Update loading-page-component.js

---
 components/loading-page-component.js | 27 ++++++++-------------------
 1 file changed, 8 insertions(+), 19 deletions(-)

diff --git a/components/loading-page-component.js b/components/loading-page-component.js
index c93522573..45b6e3890 100644
--- a/components/loading-page-component.js
+++ b/components/loading-page-component.js
@@ -1,34 +1,23 @@
 import { renderHeaderComponent } from "./header-component.js";
 
-/**
- * Компонент страницы загрузки.
- * Этот компонент отображает страницу с индикатором загрузки и заголовком.
- * Используется для отображения промежуточного состояния, пока выполняется загрузка данных или другой процесс.
- * 
- * @param {HTMLElement} params.appEl - Корневой элемент приложения, в который будет рендериться страница загрузки.
- * @param {Object} params.user - Объект пользователя, содержащий данные о текущем авторизованном пользователе (если он есть).
- * @param {Function} params.goToPage - Функция для навигации по страницам.
- */
+
 export function renderLoadingPageComponent({ appEl, user, goToPage }) {
-  /**
-   * HTML-разметка страницы загрузки.
-   * Содержит контейнер заголовка и индикатор загрузки.
-   */
+ 
   const appHtml = `
               <div class="page-container">
                 <div class="header-container"></div>
                 <div class="loading-page">
-                  <div class="loader"><div></div><div></div><div></div></div>
+                  <div class="loading-spinner">
+                    <div class="spinner"></div>
+                    <p>Загружаем данные...</p>
+                  </div>
                 </div>
               </div>`;
 
-  // Устанавливаем разметку в корневой элемент приложения
+ 
   appEl.innerHTML = appHtml;
 
-  /**
-   * Рендеринг заголовка с использованием компонента `renderHeaderComponent`.
-   * Передаются данные пользователя и функция навигации.
-   */
+
   renderHeaderComponent({
     user,
     element: document.querySelector(".header-container"),

From f054e95e008ffb368648ddc352a1cc48fcde4b9b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:44:31 +0500
Subject: [PATCH 013/202] Update styles.css

---
 styles.css | 328 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 328 insertions(+)

diff --git a/styles.css b/styles.css
index 1f6fbab25..176241db7 100644
--- a/styles.css
+++ b/styles.css
@@ -281,3 +281,331 @@
   border: 1px solid gray;
   border-radius: 5px;
 }
+
+.page-container {
+  padding: 0 20px;
+}
+
+.page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #e0e0e0;
+  padding: 20px 16px;
+  margin-left: -20px;
+  margin-right: -20px;
+}
+
+.logo {
+  margin: 0;
+  font-size: 28px;
+  cursor: pointer;
+  width: 130px;
+}
+
+.header-container {
+  margin-bottom: 8px;
+}
+
+.header-button {
+  padding: 0;
+  border: none;
+  background-color: transparent;
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.logout-button {
+  width: 130px;
+  text-align: right;
+}
+
+.posts {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.post-header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
+.post-header__user-image {
+  width: 40px;
+  height: 40px;
+  object-fit: cover;
+  border-radius: 40px;
+  margin-right: 10px;
+}
+
+.post-image-container {
+  margin-left: -20px;
+  margin-right: -20px;
+  height: 500px;
+  display: flex;
+  justify-content: center;
+  background-color: #e0e0e0;
+}
+
+.post-image {
+  width: 100%;
+  height: 100%;
+  max-width: 500px;
+  object-fit: cover;
+}
+
+.post-likes {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.like-button {
+  border: none;
+  background-color: transparent;
+  padding: 8px;
+  padding-left: 0px;
+  padding-bottom: 5px;
+  cursor: pointer;
+  transition: transform 0.2s ease;
+}
+
+.like-button:active {
+  transform: scale(1.2);
+}
+
+.user-name {
+  font-weight: 500;
+}
+
+.post-text {
+  font-size: 14px;
+  line-height: 18px;
+  margin-top: 5px;
+}
+
+.post-date {
+  color: #8a8a8a;
+}
+
+.post + .post {
+  margin-top: 20px;
+}
+
+.posts-user-header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.posts-user-header__user-image {
+  width: 70px;
+  height: 70px;
+  object-fit: cover;
+  border-radius: 40px;
+  margin-right: 10px;
+}
+
+.posts-user-header__user-name {
+  font-size: 28px;
+  line-height: 35px;
+}
+
+.loading-page {
+  display: flex;
+  justify-content: center;
+  margin-top: 100px;
+}
+
+.add-post-sign {
+  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.88'%3E%3Ctitle%3Eadd%3C/title%3E%3Cpath d='M61.44,0A61.46,61.46,0,1,1,18,18,61.25,61.25,0,0,1,61.44,0ZM88.6,56.82v9.24a4,4,0,0,1-4,4H70V84.62a4,4,0,0,1-4,4H56.82a4,4,0,0,1-4-4V70H38.26a4,4,0,0,1-4-4V56.82a4,4,0,0,1,4-4H52.84V38.26a4,4,0,0,1,4-4h9.24a4,4,0,0,1,4,4V52.84H84.62a4,4,0,0,1,4,4Zm8.83-31.37a50.92,50.92,0,1,0,14.9,36,50.78,50.78,0,0,0-14.9-36Z'/%3E%3C/svg%3E");
+  height: 30px;
+  width: 30px;
+}
+
+.form {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.form-title {
+  font-size: 28px;
+  line-height: 35px;
+  text-align: center;
+}
+
+.form-inputs {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.form-error {
+  color: red;
+}
+
+.form-footer {
+  margin-top: 50px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.form-footer-title {
+  text-align: center;
+}
+
+.file-upload-image-conrainer {
+  display: flex;
+  align-items: center;
+}
+
+.file-upload-image {
+  width: 100px;
+  height: 100px;
+  object-fit: cover;
+  margin-right: 10px;
+  border: 1px solid gray;
+  border-radius: 5px;
+}
+
+.file-upload-label {
+  display: inline-block;
+  box-sizing: border-box;
+  width: 100%;
+  text-align: center;
+}
+
+
+
+
+.page-container {
+  opacity: 1;
+  transition: opacity 0.3s ease;
+}
+
+
+.loading-spinner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+}
+
+.spinner {
+  width: 50px;
+  height: 50px;
+  border: 5px solid #f3f3f3;
+  border-top: 5px solid #0095f6;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+
+.post {
+  animation: fadeIn 0.5s ease;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(20px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+
+.like-button.liked {
+  animation: pulse 0.3s ease;
+}
+
+@keyframes pulse {
+  0% { transform: scale(1); }
+  50% { transform: scale(1.3); }
+  100% { transform: scale(1); }
+}
+
+
+.form-error {
+  padding: 10px;
+  border-radius: 4px;
+  background-color: #ffebee;
+  border-left: 4px solid #f44336;
+  animation: shake 0.5s ease;
+  margin-top: 10px;
+}
+
+@keyframes shake {
+  0%, 100% { transform: translateX(0); }
+  25% { transform: translateX(-5px); }
+  75% { transform: translateX(5px); }
+}
+
+
+.button {
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.button:hover:not(:disabled) {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
+}
+
+.button:active {
+  transform: translateY(0);
+}
+
+
+.page-transition {
+  opacity: 0;
+  transform: translateY(20px);
+  transition: all 0.3s ease;
+}
+
+.page-transition.active {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+
+.form-textarea {
+  width: 100%;
+  min-height: 100px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-family: inherit;
+  resize: vertical;
+}
+
+.button {
+  background-color: #0095f6;
+  color: white;
+  border: none;
+  padding: 8px 16px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-weight: 500;
+}
+
+.button:disabled {
+  background-color: #b2dffc;
+  cursor: not-allowed;
+}
+
+.upload-image-container {
+  margin-bottom: 15px;
+}

From 0c074cf37e1681214b3e0560f092ba7296aa2d7b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:45:48 +0500
Subject: [PATCH 014/202] Update posts-page-component.js

---
 components/posts-page-component.js | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 2f0bccd2b..4c5e37ea5 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -96,7 +96,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       ? "./assets/images/like-active.svg" 
       : "./assets/images/like-not-active.svg";
     
-  
+
     const imageSrc = post.imageUrl && post.imageUrl.trim() !== '' 
       ? post.imageUrl 
       : "./assets/images/default-image.jpg";
@@ -145,7 +145,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     element: document.querySelector(".header-container"),
   });
 
- 
+  
   document.querySelectorAll(".post-header").forEach(userEl => {
     userEl.addEventListener("click", () => {
       goToPage(USER_POSTS_PAGE, {
@@ -154,14 +154,20 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     });
   });
 
-  
+
   document.querySelectorAll('.like-button').forEach(button => {
     button.addEventListener('click', (event) => {
-      event.stopPropagation(); // Предотвращаем всплытие события
+      event.stopPropagation();
+      
+     
+      button.classList.add('liked');
+      setTimeout(() => {
+        button.classList.remove('liked');
+      }, 300);
+      
       const postId = button.dataset.postId;
       const isLiked = button.dataset.isLiked === 'true';
       
-      
       button.dataset.isLiked = !isLiked;
       
       if (typeof toggleLike === 'function') {
@@ -169,4 +175,13 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       }
     });
   });
+
+
+  const container = document.querySelector('.page-container');
+  if (container) {
+    container.classList.add('page-transition');
+    setTimeout(() => {
+      container.classList.add('active');
+    }, 10);
+  }
 }

From 772b60260499e451772127ef551706081a53e863 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:46:45 +0500
Subject: [PATCH 015/202] Update index.js

---
 index.js | 42 +++++++++++++++++++++++++++++++++---------
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/index.js b/index.js
index 6fbdd5c96..c03358d42 100644
--- a/index.js
+++ b/index.js
@@ -39,6 +39,30 @@ export const logout = () => {
 };
 
 
+const smoothPageTransition = (callback) => {
+  const appEl = document.getElementById("app");
+  const container = appEl.querySelector('.page-container');
+  
+  if (container) {
+    container.classList.remove('active');
+    setTimeout(() => {
+      callback();
+      setTimeout(() => {
+        const newContainer = appEl.querySelector('.page-container');
+        if (newContainer) {
+          newContainer.classList.add('page-transition');
+          setTimeout(() => {
+            newContainer.classList.add('active');
+          }, 10);
+        }
+      }, 10);
+    }, 300);
+  } else {
+    callback();
+  }
+};
+
+
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -50,7 +74,7 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
- 
+   
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -101,7 +125,7 @@ export const goToPage = (newPage, data) => {
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   if (!token) {
-    goToPage(AUTH_PAGE);
+    smoothPageTransition(() => goToPage(AUTH_PAGE));
     return Promise.resolve();
   }
 
@@ -115,7 +139,7 @@ export const toggleLike = (postId, isLiked) => {
         posts[postIndex] = responseData.post;
       }
       
-   
+    
       renderApp();
     })
     .catch((error) => {
@@ -140,7 +164,7 @@ const renderApp = () => {
       setUser: (newUser) => {
         user = newUser;
         saveUserToLocalStorage(user);
-        goToPage(POSTS_PAGE);
+        smoothPageTransition(() => goToPage(POSTS_PAGE));
       },
       user,
       goToPage,
@@ -153,11 +177,11 @@ const renderApp = () => {
       onAddPostClick({ description, imageUrl }) {
         const token = getToken();
         if (!token) {
-          goToPage(AUTH_PAGE);
+          smoothPageTransition(() => goToPage(AUTH_PAGE));
           return;
         }
         
-      
+     
         if (!description.trim()) {
           alert("Введите описание поста");
           return;
@@ -168,11 +192,11 @@ const renderApp = () => {
           return;
         }
         
-       
+      
         addPost({ token, description, imageUrl })
           .then(() => {
-       
-            goToPage(POSTS_PAGE);
+          
+            smoothPageTransition(() => goToPage(POSTS_PAGE));
           })
           .catch((error) => {
             console.error("Ошибка при добавлении поста:", error);

From 6e59ac771bac245e7458bf5c9443e2451e80515b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:54:50 +0500
Subject: [PATCH 016/202] Update README.md

---
 README.md | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 34719e139..cfad9f3e6 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,18 @@
 # Instapro
 
 MVP социальной сети для обмена фотографиями
-
+Удалось реализовать : 
+Анимации интерфейса
+Плавные переходы между страницами
+Анимация лайков при нажатии
+Анимация ошибок формы
+Индикаторы загрузки
+Спиннер загрузки с анимацией
+Визуальная обратная связь при действиях пользователя
 ## Первоначальная оценка
 
-ХХХХ часов
+18 часов
 
 ## Фактически затраченное время
 
-YYYY часов
+10 часов

From 6b830a69d1a28046b0b8569d9d9c779fc300dc27 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Thu, 31 Jul 2025 21:56:58 +0500
Subject: [PATCH 017/202] Update index.js

---
 index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/index.js b/index.js
index c03358d42..a42d9ac7e 100644
--- a/index.js
+++ b/index.js
@@ -38,7 +38,6 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
-
 const smoothPageTransition = (callback) => {
   const appEl = document.getElementById("app");
   const container = appEl.querySelector('.page-container');

From 5344bfb8391ae43894be3b668e8cb474607d9cd9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 3 Aug 2025 19:24:27 +0500
Subject: [PATCH 018/202] Add files via upload
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

добавлено изображение
---
 assets/images/default-image.jpg | Bin 0 -> 4964 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 assets/images/default-image.jpg

diff --git a/assets/images/default-image.jpg b/assets/images/default-image.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c2e6d817b8c8e134562fc8369b0e6eb407cb0cea
GIT binary patch
literal 4964
zcmZvVcRUo1|Htp_m3?GJT-+U(J<7bSBUyL$C_9u*5!ve;*)!vCIpc7WQ54C{-gITh
zC7F?iU;Xj<{`Gsl-;ej>{dm0Iuh;v0{(Kq0Zm5UU0|0>l0Pt@C&X)jj07g1`b}r6;
zu!Gpy{ucYc`L97B9v;wNE(%GCT;vA}fIy<MqF@LN4u|tzl2?(JQkIm4!+=aoOsp4J
zFS4`q!i0o`r2hx(f7}1JC@cT<N=w6F(&ujg91MV;fI({DWdIcikeUN{-U|=}0H~;e
ze*ydl4J{Ql9S}gz@K;q~2LP$5si|nF>1b)F|6Kt8p3`uM(sIgbo6&LI@xL6M!7XQA
z-qcMG5<_G<Pps@I1d;wa`GA0bvHyksbN)>M(EgP!a{#FR@mK#(22ycQi*m}+XmedQ
z<Muya1h7#5eZ)b{0nh}Tff}oGH3wo3`Sg6y?KNEE%&E0N1mfpqZ4|;Xd4peyxm-uG
z{rfF4v+i*B0He1SLeuovMvXx0;`88T5K&#bGNAld_oYk;KbQC~;C(M+^#CI1PN)K_
z6mRc2;50|`?BE=5V0x$eHGA8&+}oNRavGI1;7M1PZsEW>&cRD<IGEcundzOv#{Co#
z3_mL63xCIQ)U@dyW~wM_CoVwq)<sCgJb2vsV3jid{@^e491x!A)5=_9F6>3<RVFIk
zZ;CJ%v#&K{a>Elji%GjOIY?q!rb(l}t*_5z?KZ;#KGvHRD!Q(|jVe{+t){8jHG1u8
z)mlUEvTj^~-SJa5^YM4|XMWcW?=jAFyY$&!>gdpVg^y+q2!g8i4STh4Ilt}Jvlwm@
zKW@x=l0LO~BcL6*FbYjZwMzO0q!vi$R0@#k=beS;Xa}9*#5qIFpAKd<KIMf}0Zz@g
z1mY%(t)(x=Wx*YoL<m&*@An-YJC4UyR*^w_+*mbMfnA4>oRqKnzJisYux9M;7q;N|
zg--r+K&wnJ)2a8ozh9S&S#6)jQ7om?xK8ODKvS`}-6o@uUXv6(V0p2T^ig;&)S4@&
zF*OFBlAQXLk)mfRPcvrfOgqTW=VK*G!s&DOgwTlXG`mzn3x3=T+7B1?D(gac;QRN;
zH1+AyBDn4$JA$`VlI@S3mqaUu`G~yX<A^}<tiU4Xy_VE_lk&$t^CPRuB`T=?Ro>%^
zP6~N;IsHX6x}ZmiKbz<4!SPi-TkDuGje7l>rVoJ&a@Z3m#VPNR!^Ftiz$z3O_lxim
z8!p@z#)@hBV!9W~9D45@plc-L-gdnBShoaPcNfX!7Ig0}#rjvvoAev~ZB}Gw0+d-$
zP)2{V;I+eJt%)x~9&FvHxn|wqnSB0f^3tKFWvfHpUgH@ioy^Lz>p8xQgm)SfHz$=n
ze;JFX=W9QfP25i(xrmP)<fcqngHop{f+jE*La*TnMIm9H&t?@{xc-!n@2pJx;Z`JO
ztBYqZLjBgsw8=&bzPqf2sL`s<9(jGQtJH)&Gq+NGWrdjj-Zfv{zo%YbrvY4W4q!cv
z-tR2$=jC(q9dC&`?S8HMgObT<zZB|(-kU0(O`ElLol;6%uuuw~3Dx>BRNxSFJ*8x4
zQI<JZD-YFf6hK7r3yCPtuovA0jrg@X4k}EL={DOFRy@Whu{cMynr6Q)ebvBEw;9Ek
z0Z2{o5jJ8pCr;QW(whzEwVBeCwd4JYr0voaBNdU-+=m}j!<g}yaOG<S+D|RKiFrm-
zRmm~o{W?WMrn3IP&X}(m5WXHBqNWzZ4ERbRnUZ#B(c;OMM{-LA+*}+#KJ1y;ivOHe
zT-O>O?adciR+=+3cY1$g^b$o=cXOy7_bXr~-RSA_v=zyKNmN2hd&^Gqj9~V>#FqWg
zcP$XOuYvZCtO$Ni(k5U_&?I=0T)mfzd%{;e?U3CO_Jq!sDO6o0%+8|RaAj})kD-*!
z1JbLuA7ZdNuO{HVSBGx#Gf->SQ{aU@p-(kuJmt%a{hxfCe-9T@@uZ(xnVwK9)VYKu
zJi2vOyRqI)92AYlOYGIde+oE$cS4ro7soM^uas%!Z`i`M))zQXT1=3!EUA7bV4;y{
zDa4^rD<ORLUQQo4Cb%CNqzYxrrkxe0DcNaIiQ(K1z7p%*!1P9sNskBfXSi!QAk*qW
z05rz>91x@Z_RW_s<h#$429@<Gwhw}fKfTgau*eQ6h$C#5N=!daY?;`=`qXV%`#kQg
zA*ewdZckCa=|Ymu>J-hDg<cXgI!w-ZN*AsWvd#f=oqQt_Z!IwNfW9c&!S+_tltu4=
zfP2wPf~1A*T8v@+9Mt2wQra~z8im|IjT?TsO)Zh*-DZ-2RtP~KyYlmfO47sQx7md|
zRsz=I^WaI0ais020K0Z>I$yPyl0PbgA&J?QkeGw&qjrGon7ZM$!u%7nMy9i{m_iP#
zCJ$-P;_S^q;aci5>FdTbAek7D8kcOEWx*kIaZYwt)R3RteOIv)LZoMw|JC_k<)Y!T
z4NHn{+LN+i!x(<-11&F(`#d)L%117x7Gj_7Jj!X_`<`}U-La+4rbB16#Oq`*<@r{t
zXF_lAU~`oKGBc%1<EGS2lyIrHX<J(O(!h&@aRx&ld#BXXc>6nuO4R)fO%)lK75yI;
zQE#);q@HC`mt?$(&X&4EMtEPiUUU*aCvpGdo3N^~c`i|_VZ9J?=m5>9_Zn~GeA4cZ
zR%s}jBaF9hLVhC-@9=JfAfr}Z+trMioLN;TA-iPBC~IB^^Ki*)HzxcTzZ%x12US52
zO<Ya+zF&n+`1P9TDys&*KQ=d)T<`vLYhozY{>?Kndo&ymK|Q8>Jzh=W$DfF-JriZ8
z!YS|cA*s;)e$6=(0ncX`6@9!5@TwN_AW6h99`t@_x4@`<PECB(?!cVSlRIQ2_h}R$
z0hbEE`19CSPl^n}LN1s=wsMTcJFf;U>eF1`q>hi9!O|nhhtc~EhS##l4$^iVsnBAZ
zQSJlONS4~-I4klDL}_;pzi(@t*V<g4U4Lq>q{#RAi@)O1Ba-}#+E159jmzp!jyGmI
zD>Tw?L!VhH$T(nIO_yE_?$th#Gf#etj*Q*HxqUyAr0>}!-Z?&v*~hE3jD$8hCNuIH
zZE*{p1GFl{1XXEKpNT42r90VVIWV+ClI3jK#YDW+)s9+gh0Ta=oH<E2#axs0RLp&F
zP(_G66D1r5+0mYR$-_9w-PGcZCrEs{U*mLl7n>04PB4N}5b-(#jE*_Y20EPeKZYcX
z2|(EN6@Y!VA`cGU&fkT76&!C5<B2S(7Ow7lf4#!}mZTS@_DFlgl!|*MDtC7F6A&_Z
zA>IHsX(8}I#B&r#NpnM58)7*tN<GAyPITXBtwV1I76-<eCZ!S<1=lBabdv#REAX1B
za{wdH*PdFlK*px)f)8GkHFvUJ;H{rJ8@wKQHb;8a9~&+^0v*43MD#_d_mnq?9GGRF
zEwR0oY&i$C`5!V36)I(P$T6s6`+q^d9p%0T7TN2uS_w&cRHfti4GcCc%_?G8)RPQf
zWP1iUZC*~(C;-`&gcU__>~z@o?NFUw)KjXoW2OhYQ{c%Oi1<9{oVpH%Xim@JX8%Bo
zS0(HjNh>Z`E{MDLz+iU(5<A9>{O+X72r(-=kUh9N`fw=yfOJjT`)*84Sdb7)rH5F2
zx4rTiKGJY)#mK|Dv4uQG<N19m6BRFtymAd}AcJvrKeaSBx65`ZnN3Hl#ROwXJoj#R
zKnqjePQ?|O<-MoPYpyf0*VGXezPYUdb35+4R<z^C8QrZ`>D=`GimI)V9<#%6gtpC4
z66H?hvQd=sDSWPVV@563CZ#?~C0btgWsHe4Xg`r#9}?hp9CUL3baXTQfO^J4pP(Th
zn?`0IpV3gZJ{j0Tbm5g=u6jshOvuEZMIa!0e%}TWIA;GJe$BvML9y*%IhnO|^t8Z*
zhlVHkmFP7_lLe=xLx!?TH>P11ibv~Lr1+CP0mZaTgS$p4V{^CceRyPhJBy59NB661
z3pYP*WkA-YI=L|X^kv4?-f*pBgkODGpVd4$3v?S$Tf`t5xbq#s#gf4$4s}oFsR^5Z
z&o;zVfYVojf{~(G0QQD!G=|5y_X<Va5ug|uA_qYcbES_iqt~x`VH!sf_hbY|gk0#5
zdg-1#N!QRo^_7vC!lpc+%#=d-qZ!0ls?^cNZl;r!l_h|_=l4OCk~KXc+k0&`{6V<i
zw+581qV+{}rqo^P`DgNXxVks{WA~rm{__rkoBn>?H7=3*Ew*W!EL%ZXyf<F$oz3ye
zxA6o0k8qrye$THLbLtuFJrm<xA23z6QV6BRUS8K2WNVo*CXb2lg6@-2uOsx2Bu(W7
zKjVA$u5s!@lJt^u&~7a+uvkv^)#m79#H(th09H;TuLKO<x2$A@zT8SF98;zcT5wsY
zkJnXPut9dDJ5Q1z(mDXrU7;86YKInxi%74mM-~h-boW9r=6R#bRUrS)WZPeaf?vig
zMpku+ZU$h-)tu%`wa@b+>rcb*Wq?ei<?5PG49RCvR%)6OVSak~rG4dm$y(9ksWA?}
zILZV0jkT@PAN%rYzf`BoMlNm6=7kjv&f}^jd}4FZ0`60DViNKb99Mfek1?Lf%|Lf@
z);Hv1^yQk|Iq2^T>r^Hu0z_bW##4Q$*#Mf#C|<-&r7fFhUGE4qCn9hH{ZJQ%3k5f8
zg(dq`Ao={;mn9j7M_w!RDcx&iM0g(of6GPq)K|L=B_w>?W-BCF<ZNs{c6UlI4{DlU
zlMIw@U;mR#luA@6_#MG>m+eoAws>cMeXRcNsEl5XKe@Ji+x-kS3P-b}<DHoT73IYX
zR$vYu^8~S;;43hL=N7&jA?lEFAtTN%ZP#tS`MN0usJl8x4g-Hw=8b-jv0olSmE=#%
za)t}1eOEFfD`4CQ4g2KYbUA_?8&q^S4f<r&I1$~Bkx;u85p}W4<aWLV25|jOz|}aL
zo7}ogX*xH=wPPyhhz#BIehq0x<r6ArG)c;tYqyEjS;CYdgF5&_nCzh5n+e|$WCb+D
z(Zx!p!laUIn>CC$w5n=9WpCRTyI?1_XobxS@Tf>fQpx$8u^M(kcKs4d1oqI*UoRT*
zj8D!7Vb3!0c5k%%HD_+3K2nmNyTBx_)Al5#LU=#?ggjqS1d!Bdbq?U|L(M`H04b6a
znHlB-&o^Qhq+!_;Hq=YJm8zM_Z*XP4qp!1eyX85;bhGVJ9_;hk2uJeIheB*jpM;S$
z;L%p+XK5+^dIBY#bGFwAAf)Q#vCn<Pt6Ip1HekI2*i!J7;abdchJFCQsub$cx~U0H
z^{t<9^*Z&E2b*7NfRW(SnZ{NzvgtHh{=U8rX$#hjx(md<*rGBv?|*(KAv+s2uG+(6
z+b39bRZQF>OkMC^Rg+eY-zH_kD%vkqu74Dy@kr-rbvaa9x4}i}HIq)%=By>+<L{Ze
za1($Vb2Taf!y>&x&1WDMiC(=;4+ERk=4LF_F!x^D2Ub0!abk*3uyj5U^8~XFD35e`
z>3LtxGCR%n#2*UmE6#H2t@`Z$yo7#<-&dDf9f5oAXz<ZCFRn3|uw+aO<de@Zk6p!Q
zmZA~A3*QtSX5(7TmO@%fcnlVB=5wz@W~m}{#}_}AY}@QV|2QAq25Cryq&co+7LA!}
z>`q2n+n4e>w|J#vr*AxeqFWy)KeTjOdXw&(XLF)Tw>2SO+c8_bvM$Acb*p^T5`l(8
zQJ)#(Sw3{!0s$#*1A-wGfjq$tll=U(FTrMzzEB0>3fj9ZPkENRWGOa3TYu-e#oisG
zr#0cTsnxe|5YBqouEO{bdmSghSL}ovQ=o{gVoCh52H#pIB#Qjk{=`kzG=?&$*b7?a
z&yMLDAyTTnq}{XbSG@iO4j6$6GRJlach!c?MoDFV3Bm><^<(K3Xsak-a-`vi_6eh7
z{s>VrWl(;owGZ<h`LtX&6cy8!bznk?(Y2RDZ($oRR1aNw;@eXm3yI@cVCN_ETCsX$
zAMX22mgBeG4l;M+-B0Yqaw_-mZRC|q0ZyMe;jVaO9@}#Zj56N4B2MuIbsULA9BtMe
ziV%~D3X-N<rxnMJm()n8wu-HHJznJ(BEqR@BM`W%GHW+?MGEJh|FPZa;WNF5<z8cj
zqwk@F)0^Jg#XZ^#Op#q*#&=R1A)K8p;a--Uoj=fI|5NnCq_RtOQaN6Q0^pa4J%5(%
zuYZW#eq)-waw7=kdVw+hTW+RGQ|EZjOcEKn-o8M2VhK`PU;l2#P#FdDPEx}i6)x3%
zCk7BFg~O{1LPp*P^P<sDM?`6FuDOM$Oo)kEj<h1wvU}>UW;molbn?Vr(4(@@FSd6+
zfEDj}Ilptgf*PX{L1%x+)@8{SxuTwikVC}g@H4*H3r!iMf?&T!?Un^~OwL{V;Y&|C
zJywV(Da5+?_jjBT<3)oWDw8mSeYq32Sn}{(NTca^$|=9yPO1c>{jRdP#7)A^y9c>Z
z>;`<y97aOL%Uy&T8N2wyl!R#colZ5m=QnZ{hF%a=?Gg3Edalf-R2TTnW%A(Kn&%7u
E2jGkqa{vGU

literal 0
HcmV?d00001


From 42850ba4e3edd73e63a227f4fface034010492ff Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 3 Aug 2025 19:26:53 +0500
Subject: [PATCH 019/202] Update posts-page-component.js

---
 components/posts-page-component.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 4c5e37ea5..ff98d9d28 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -96,7 +96,6 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       ? "./assets/images/like-active.svg" 
       : "./assets/images/like-not-active.svg";
     
-
     const imageSrc = post.imageUrl && post.imageUrl.trim() !== '' 
       ? post.imageUrl 
       : "./assets/images/default-image.jpg";
@@ -148,9 +147,12 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
   
   document.querySelectorAll(".post-header").forEach(userEl => {
     userEl.addEventListener("click", () => {
-      goToPage(USER_POSTS_PAGE, {
-        userId: userEl.dataset.userId,
-      });
+      const userId = userEl.dataset.userId;
+      if (userId) {
+        goToPage(USER_POSTS_PAGE, {
+          userId: userEl.dataset.userId,
+        });
+      }
     });
   });
 
@@ -159,7 +161,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     button.addEventListener('click', (event) => {
       event.stopPropagation();
       
-     
+    
       button.classList.add('liked');
       setTimeout(() => {
         button.classList.remove('liked');
@@ -176,7 +178,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     });
   });
 
-
+  
   const container = document.querySelector('.page-container');
   if (container) {
     container.classList.add('page-transition');

From 1126d664af5573b00705911b6b292d6bfbfe2166 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 3 Aug 2025 19:28:51 +0500
Subject: [PATCH 020/202] Update styles.css

---
 styles.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/styles.css b/styles.css
index 176241db7..f6c2b93b8 100644
--- a/styles.css
+++ b/styles.css
@@ -1,5 +1,7 @@
 .page-container {
   padding: 0 20px;
+  opacity: 1;
+  transition: opacity 0.3s ease;
 }
 
 .page-header {
@@ -382,6 +384,10 @@
   transform: scale(1.2);
 }
 
+.like-button.liked {
+  animation: pulse 0.3s ease;
+}
+
 .user-name {
   font-weight: 500;
 }

From 3e192f33f7168f5a74aa0d3d343f1e49427a77df Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 3 Aug 2025 19:34:57 +0500
Subject: [PATCH 021/202] Update index.js

---
 index.js | 50 +++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 41 insertions(+), 9 deletions(-)

diff --git a/index.js b/index.js
index a42d9ac7e..41e2f6a28 100644
--- a/index.js
+++ b/index.js
@@ -38,6 +38,7 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
+
 const smoothPageTransition = (callback) => {
   const appEl = document.getElementById("app");
   const container = appEl.querySelector('.page-container');
@@ -73,7 +74,7 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
-   
+    
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -124,7 +125,18 @@ export const goToPage = (newPage, data) => {
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   if (!token) {
-    smoothPageTransition(() => goToPage(AUTH_PAGE));
+    
+    const appEl = document.getElementById("app");
+    const container = appEl.querySelector('.page-container');
+    
+    if (container) {
+      container.classList.remove('active');
+      setTimeout(() => {
+        goToPage(AUTH_PAGE);
+      }, 300);
+    } else {
+      goToPage(AUTH_PAGE);
+    }
     return Promise.resolve();
   }
 
@@ -132,14 +144,14 @@ export const toggleLike = (postId, isLiked) => {
   
   return likePromise({ token, postId })
     .then((responseData) => {
-      
+     
       const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
         posts[postIndex] = responseData.post;
-      }
+        
       
-    
-      renderApp();
+        updatePostInDOM(postId, responseData.post);
+      }
     })
     .catch((error) => {
       console.error("Ошибка при работе с лайком:", error);
@@ -147,6 +159,27 @@ export const toggleLike = (postId, isLiked) => {
     });
 };
 
+
+function updatePostInDOM(postId, updatedPost) {
+  const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
+  if (postElement) {
+
+    const likeImage = postElement.querySelector('img');
+    const newLikeImage = updatedPost.isLiked 
+      ? "./assets/images/like-active.svg" 
+      : "./assets/images/like-not-active.svg";
+    likeImage.src = newLikeImage;
+    
+    const likesCountElement = postElement.closest('.post-likes').querySelector('.post-likes-text strong');
+    if (likesCountElement) {
+      likesCountElement.textContent = updatedPost.likes.length;
+    }
+    
+
+    postElement.dataset.isLiked = updatedPost.isLiked;
+  }
+}
+
 const renderApp = () => {
   const appEl = document.getElementById("app");
   if (page === LOADING_PAGE) {
@@ -180,7 +213,7 @@ const renderApp = () => {
           return;
         }
         
-     
+      
         if (!description.trim()) {
           alert("Введите описание поста");
           return;
@@ -191,10 +224,9 @@ const renderApp = () => {
           return;
         }
         
-      
         addPost({ token, description, imageUrl })
           .then(() => {
-          
+            // После успешного добавления переходим к списку постов
             smoothPageTransition(() => goToPage(POSTS_PAGE));
           })
           .catch((error) => {

From 75a15c5f9c0495dc08b2e76dc04c3af35250be00 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 3 Aug 2025 19:36:06 +0500
Subject: [PATCH 022/202] Update posts-page-component.js

---
 components/posts-page-component.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index ff98d9d28..e086ebd4f 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -78,7 +78,7 @@ function getDaysWord(days) {
 }
 
 export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleLike, isUserPostsPage = false }) {
-
+ 
   let pageHeader = '';
   if (isUserPostsPage && posts.length > 0) {
     const firstPost = posts[0];
@@ -96,9 +96,10 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       ? "./assets/images/like-active.svg" 
       : "./assets/images/like-not-active.svg";
     
+   
     const imageSrc = post.imageUrl && post.imageUrl.trim() !== '' 
       ? post.imageUrl 
-      : "./assets/images/default-image.jpg";
+      : "https://via.placeholder.com/500x500?text=No+Image";
 
     return `
       <li class="post">
@@ -107,7 +108,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
           <p class="post-header__user-name">${post.user.name}</p>
         </div>
         <div class="post-image-container">
-          <img class="post-image" src="${imageSrc}" onerror="this.src='./assets/images/default-image.jpg'">
+          <img class="post-image" src="${imageSrc}" onerror="this.src='https://via.placeholder.com/500x500?text=No+Image'">
         </div>
         <div class="post-likes">
           <button data-post-id="${post.id}" data-is-liked="${isLiked}" class="like-button">
@@ -156,7 +157,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     });
   });
 
-
+  
   document.querySelectorAll('.like-button').forEach(button => {
     button.addEventListener('click', (event) => {
       event.stopPropagation();
@@ -170,6 +171,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       const postId = button.dataset.postId;
       const isLiked = button.dataset.isLiked === 'true';
       
+      
       button.dataset.isLiked = !isLiked;
       
       if (typeof toggleLike === 'function') {
@@ -178,7 +180,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     });
   });
 
-  
+
   const container = document.querySelector('.page-container');
   if (container) {
     container.classList.add('page-transition');

From dbf8610c83f16ee8743ef98922ca9012dd35e612 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 3 Aug 2025 19:37:11 +0500
Subject: [PATCH 023/202] Update styles.css

---
 styles.css | 295 +----------------------------------------------------
 1 file changed, 5 insertions(+), 290 deletions(-)

diff --git a/styles.css b/styles.css
index f6c2b93b8..cf17298c5 100644
--- a/styles.css
+++ b/styles.css
@@ -1,289 +1,3 @@
-.page-container {
-  padding: 0 20px;
-  opacity: 1;
-  transition: opacity 0.3s ease;
-}
-
-.page-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid #e0e0e0;
-  padding: 20px 16px;
-  margin-left: -20px;
-  margin-right: -20px;
-}
-
-.logo {
-  margin: 0;
-  font-size: 28px;
-  cursor: pointer;
-  width: 130px;
-}
-
-.header-container {
-  margin-bottom: 8px;
-}
-
-.header-button {
-  padding: 0;
-  border: none;
-  background-color: transparent;
-  font-size: 14px;
-  line-height: 18px;
-  font-weight: 500;
-  cursor: pointer;
-}
-
-.logout-button {
-  width: 130px;
-  text-align: right;
-}
-
-.posts {
-  display: flex;
-  flex-direction: column;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-.post-header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-bottom: 10px;
-  cursor: pointer;
-}
-
-.post-header__user-image {
-  width: 40px;
-  height: 40px;
-  object-fit: cover;
-  border-radius: 40px;
-  margin-right: 10px;
-}
-
-.post-image-container {
-  margin-left: -20px;
-  margin-right: -20px;
-  height: 500px;
-  display: flex;
-  justify-content: center;
-  background-color: #e0e0e0;
-}
-
-.post-image {
-  width: 100%;
-  height: 100%;
-  max-width: 500px;
-  object-fit: cover;
-}
-
-.post-likes {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
-.like-button {
-  border: none;
-  background-color: transparent;
-  padding: 8px;
-  padding-left: 0px;
-  padding-bottom: 5px;
-  cursor: pointer;
-}
-
-.user-name {
-  font-weight: 500;
-}
-
-.post-text {
-  font-size: 14px;
-  line-height: 18px;
-  margin-top: 5px;
-}
-
-.post-date {
-  color: #8a8a8a;
-}
-
-.post + .post {
-  margin-top: 20px;
-}
-
-.posts-user-header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-bottom: 12px;
-}
-
-.posts-user-header__user-image {
-  width: 70px;
-  height: 70px;
-  object-fit: cover;
-  border-radius: 40px;
-  margin-right: 10px;
-}
-
-.posts-user-header__user-name {
-  font-size: 28px;
-  line-height: 35px;
-}
-
-.loading-page {
-  display: flex;
-  justify-content: center;
-  margin-top: 100px;
-}
-
-.add-post-sign {
-  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.88'%3E%3Ctitle%3Eadd%3C/title%3E%3Cpath d='M61.44,0A61.46,61.46,0,1,1,18,18,61.25,61.25,0,0,1,61.44,0ZM88.6,56.82v9.24a4,4,0,0,1-4,4H70V84.62a4,4,0,0,1-4,4H56.82a4,4,0,0,1-4-4V70H38.26a4,4,0,0,1-4-4V56.82a4,4,0,0,1,4-4H52.84V38.26a4,4,0,0,1,4-4h9.24a4,4,0,0,1,4,4V52.84H84.62a4,4,0,0,1,4,4Zm8.83-31.37a50.92,50.92,0,1,0,14.9,36,50.78,50.78,0,0,0-14.9-36Z'/%3E%3C/svg%3E");
-  height: 30px;
-  width: 30px;
-}
-
-.form {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
-.form-title {
-  font-size: 28px;
-  line-height: 35px;
-  text-align: center;
-}
-
-.form-inputs {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.form-error {
-  color: red;
-}
-
-.form-footer {
-  margin-top: 50px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.form-footer-title {
-  text-align: center;
-}
-
-.file-upload-image-conrainer {
-  display: flex;
-  align-items: center;
-}
-
-.file-upload-image {
-  width: 100px;
-  height: 100px;
-  object-fit: cover;
-  margin-right: 10px;
-  border: 1px solid gray;
-  border-radius: 5px;
-}
-
-.file-upload-label {
-  display: inline-block;
-  box-sizing: border-box;
-  width: 100%;
-  text-align: center;
-}
-
-
-.form {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-width: 500px;
-  margin: 0 auto;
-  padding: 20px;
-}
-
-.form-title {
-  font-size: 28px;
-  line-height: 35px;
-  text-align: center;
-  margin-bottom: 20px;
-}
-
-.form-inputs {
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-}
-
-.form-textarea {
-  width: 100%;
-  min-height: 100px;
-  padding: 10px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  font-family: inherit;
-  resize: vertical;
-}
-
-.form-error {
-  color: red;
-  font-size: 14px;
-  text-align: center;
-}
-
-.form-footer {
-  margin-top: 20px;
-  display: flex;
-  justify-content: center;
-}
-
-.button {
-  background-color: #0095f6;
-  color: white;
-  border: none;
-  padding: 8px 16px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-weight: 500;
-  font-size: 16px;
-}
-
-.button:disabled {
-  background-color: #b2dffc;
-  cursor: not-allowed;
-}
-
-.button:hover:not(:disabled) {
-  background-color: #0081d1;
-}
-
-.upload-image-container {
-  margin-bottom: 15px;
-}
-
-
-.uploaded-image-container {
-  display: flex;
-  align-items: center;
-  margin-bottom: 15px;
-}
-
-.uploaded-image {
-  width: 100px;
-  height: 100px;
-  object-fit: cover;
-  margin-right: 10px;
-  border: 1px solid gray;
-  border-radius: 5px;
-}
-
 .page-container {
   padding: 0 20px;
 }
@@ -384,10 +98,6 @@
   transform: scale(1.2);
 }
 
-.like-button.liked {
-  animation: pulse 0.3s ease;
-}
-
 .user-name {
   font-weight: 500;
 }
@@ -615,3 +325,8 @@
 .upload-image-container {
   margin-bottom: 15px;
 }
+
+
+.post-likes-text strong {
+  transition: all 0.2s ease;
+}

From f403824b1ef8212657c0e99ad4d999258c0ae44d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 3 Aug 2025 19:42:44 +0500
Subject: [PATCH 024/202] Update posts-page-component.js

---
 components/posts-page-component.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index e086ebd4f..5698a13ec 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -25,7 +25,7 @@ function simpleFormatDate(dateString) {
   }
 }
 
-
+// Функции для правильного склонения слов
 function getMinutesWord(minutes) {
   const lastDigit = minutes % 10;
   const lastTwoDigits = minutes % 100;
@@ -78,7 +78,7 @@ function getDaysWord(days) {
 }
 
 export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleLike, isUserPostsPage = false }) {
- 
+
   let pageHeader = '';
   if (isUserPostsPage && posts.length > 0) {
     const firstPost = posts[0];
@@ -96,10 +96,10 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       ? "./assets/images/like-active.svg" 
       : "./assets/images/like-not-active.svg";
     
-   
+  
     const imageSrc = post.imageUrl && post.imageUrl.trim() !== '' 
       ? post.imageUrl 
-      : "https://via.placeholder.com/500x500?text=No+Image";
+      : "./assets/images/default-image.jpg";
 
     return `
       <li class="post">
@@ -108,7 +108,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
           <p class="post-header__user-name">${post.user.name}</p>
         </div>
         <div class="post-image-container">
-          <img class="post-image" src="${imageSrc}" onerror="this.src='https://via.placeholder.com/500x500?text=No+Image'">
+          <img class="post-image" src="${imageSrc}" onerror="this.src='./assets/images/default-image.jpg'">
         </div>
         <div class="post-likes">
           <button data-post-id="${post.id}" data-is-liked="${isLiked}" class="like-button">
@@ -145,7 +145,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     element: document.querySelector(".header-container"),
   });
 
-  
+
   document.querySelectorAll(".post-header").forEach(userEl => {
     userEl.addEventListener("click", () => {
       const userId = userEl.dataset.userId;
@@ -157,12 +157,12 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     });
   });
 
-  
+
   document.querySelectorAll('.like-button').forEach(button => {
     button.addEventListener('click', (event) => {
       event.stopPropagation();
       
-    
+
       button.classList.add('liked');
       setTimeout(() => {
         button.classList.remove('liked');
@@ -171,7 +171,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       const postId = button.dataset.postId;
       const isLiked = button.dataset.isLiked === 'true';
       
-      
+    
       button.dataset.isLiked = !isLiked;
       
       if (typeof toggleLike === 'function') {
@@ -180,7 +180,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     });
   });
 
-
+ 
   const container = document.querySelector('.page-container');
   if (container) {
     container.classList.add('page-transition');

From 4e370d9573e9e4c96dd13482280d27632be255ee Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 17:42:29 +0500
Subject: [PATCH 025/202] Update upload-image-component.js

---
 components/upload-image-component.js | 92 +++++++++++++++-------------
 1 file changed, 49 insertions(+), 43 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index e2cdf2018..2e25b0ca6 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -1,27 +1,11 @@
 import { uploadImage } from "../api.js";
 
-/**
- * Компонент загрузки изображения.
- * Этот компонент позволяет пользователю загружать изображение и отображать его превью.
- * Если изображение уже загружено, пользователь может заменить его.
- *
- * @param {HTMLElement} params.element - HTML-элемент, в который будет рендериться компонент.
- * @param {Function} params.onImageUrlChange - Функция, вызываемая при изменении URL изображения.
- *                                            Принимает один аргумент - новый URL изображения или пустую строку.
- */
+
 export function renderUploadImageComponent({ element, onImageUrlChange }) {
-  /**
-   * URL текущего изображения.
-   * Изначально пуст, пока пользователь не загрузит изображение.
-   * @type {string}
-   */
+  
   let imageUrl = "";
 
-  /**
-   * Функция рендеринга компонента.
-   * Отображает интерфейс компонента в зависимости от состояния: 
-   * либо форма выбора файла, либо превью загруженного изображения с кнопкой замены.
-   */
+ 
   const render = () => {
     element.innerHTML = `
       <div class="upload-image">
@@ -47,34 +31,56 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       </div>
     `;
 
-    // Обработчик выбора файла
+   
     const fileInputElement = element.querySelector(".file-upload-input");
-    fileInputElement?.addEventListener("change", () => {
-      const file = fileInputElement.files[0];
-      if (file) {
-        const labelEl = document.querySelector(".file-upload-label");
-        labelEl.setAttribute("disabled", true);
-        labelEl.textContent = "Загружаю файл...";
-        
-        // Загружаем изображение с помощью API
-        uploadImage({ file }).then(({ fileUrl }) => {
-          imageUrl = fileUrl; // Сохраняем URL загруженного изображения
-          onImageUrlChange(imageUrl); // Уведомляем о изменении URL изображения
-          render(); // Перерисовываем компонент с новым состоянием
-        });
-      }
-    });
+    if (fileInputElement) {
+      fileInputElement.addEventListener("change", () => {
+        const file = fileInputElement.files[0];
+        if (file) {
+          const labelEl = element.querySelector(".file-upload-label");
+          if (labelEl) {
+            labelEl.setAttribute("disabled", true);
+            labelEl.textContent = "Загружаю файл...";
+          }
+          
+         
+          uploadImage({ file })
+            .then(({ imageUrl: fileUrl }) => { 
+              imageUrl = fileUrl;
+              if (typeof onImageUrlChange === 'function') { 
+                onImageUrlChange(imageUrl); 
+              }
+              render(); 
+            })
+            .catch((error) => {
+              console.error("Ошибка при загрузке изображения:", error);
+              if (typeof onImageUrlChange === 'function') {
+                onImageUrlChange(""); 
+              }
+             
+              const labelEl = element.querySelector(".file-upload-label");
+              if (labelEl) {
+                labelEl.removeAttribute("disabled");
+                labelEl.textContent = "Выберите фото";
+              }
+            });
+        }
+      });
+    }
 
-    // Обработчик удаления изображения
-    element
-      .querySelector(".file-upload-remove-button")
-      ?.addEventListener("click", () => {
-        imageUrl = ""; // Сбрасываем URL изображения
-        onImageUrlChange(imageUrl); // Уведомляем об изменении URL изображения
-        render(); // Перерисовываем компонент
+    
+    const removeButton = element.querySelector(".file-upload-remove-button");
+    if (removeButton) {
+      removeButton.addEventListener("click", () => {
+        imageUrl = ""; 
+        if (typeof onImageUrlChange === 'function') { 
+          onImageUrlChange(imageUrl); 
+        }
+        render(); 
       });
+    }
   };
 
-  // Инициализация компонента
+  
   render();
 }

From 072b8edb6cb6f82254cb7d337413f37bf2eae418 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 17:50:57 +0500
Subject: [PATCH 026/202] Update api.js

---
 api.js | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/api.js b/api.js
index d40c3506b..6d11ff4c2 100644
--- a/api.js
+++ b/api.js
@@ -1,4 +1,3 @@
-
 const personalKey = "prod";
 const baseHost = "https://webdev-hw-api.vercel.app";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
@@ -25,6 +24,9 @@ export function getPosts({ token }) {
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
     method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
     body: JSON.stringify({
       login,
       password,
@@ -42,6 +44,9 @@ export function registerUser({ login, password, name, imageUrl }) {
 export function loginUser({ login, password }) {
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
     body: JSON.stringify({
       login,
       password,
@@ -62,12 +67,19 @@ export function uploadImage({ file }) {
   return fetch(baseHost + "/api/upload/image", {
     method: "POST",
     body: data,
-  }).then((response) => {
-    return response.json();
-  });
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    })
+    .then((data) => {
+      console.log("Ответ от сервера uploadImage:", data); // Для отладки
+      return data;
+    });
 }
 
-
 export function addPost({ token, description, imageUrl }) {
   return fetch(postsHost, {
     method: "POST",
@@ -90,7 +102,6 @@ export function addPost({ token, description, imageUrl }) {
   });
 }
 
-
 export function getUserPosts({ token, userId }) {
   return fetch(`${postsHost}/user-posts/${userId}`, {
     method: "GET",
@@ -109,7 +120,6 @@ export function getUserPosts({ token, userId }) {
     });
 }
 
-
 export function likePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/like`, {
     method: "POST",
@@ -124,7 +134,6 @@ export function likePost({ token, postId }) {
   });
 }
 
-
 export function dislikePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/dislike`, {
     method: "POST",

From bfc6f0360887130f4e656852906649268eefd0dc Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 17:54:00 +0500
Subject: [PATCH 027/202] Update upload-image-component.js

---
 components/upload-image-component.js | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 2e25b0ca6..6e9945b8e 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -5,7 +5,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
   
   let imageUrl = "";
 
- 
+  
   const render = () => {
     element.innerHTML = `
       <div class="upload-image">
@@ -31,7 +31,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       </div>
     `;
 
-   
+    
     const fileInputElement = element.querySelector(".file-upload-input");
     if (fileInputElement) {
       fileInputElement.addEventListener("change", () => {
@@ -42,11 +42,12 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             labelEl.setAttribute("disabled", true);
             labelEl.textContent = "Загружаю файл...";
           }
-          
+
          
           uploadImage({ file })
-            .then(({ imageUrl: fileUrl }) => { 
-              imageUrl = fileUrl;
+            .then(({ imageUrl }) => { 
+              console.log("Получен URL изображения:", imageUrl); 
+              imageUrl = imageUrl; 
               if (typeof onImageUrlChange === 'function') { 
                 onImageUrlChange(imageUrl); 
               }
@@ -72,15 +73,15 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     const removeButton = element.querySelector(".file-upload-remove-button");
     if (removeButton) {
       removeButton.addEventListener("click", () => {
-        imageUrl = ""; 
+        imageUrl = "";
         if (typeof onImageUrlChange === 'function') { 
           onImageUrlChange(imageUrl); 
         }
-        render(); 
+        render();
       });
     }
   };
 
-  
+
   render();
 }

From b18e8a09e7fecc44de351cbbd31d72e4d38a921f Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:05:03 +0500
Subject: [PATCH 028/202] Update api.js

---
 api.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/api.js b/api.js
index 6d11ff4c2..7c28a1282 100644
--- a/api.js
+++ b/api.js
@@ -1,5 +1,5 @@
 const personalKey = "prod";
-const baseHost = "https://webdev-hw-api.vercel.app";
+const baseHost = "https://webdev-hw-api.vercel.app"; 
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 export function getPosts({ token }) {
@@ -75,8 +75,8 @@ export function uploadImage({ file }) {
       return response.json();
     })
     .then((data) => {
-      console.log("Ответ от сервера uploadImage:", data); // Для отладки
-      return data;
+      console.log("Ответ от сервера uploadImage:", data); 
+      return data.fileUrl; 
     });
 }
 

From e0290bc6d29e07be8790731cf579dcafeb22b6a8 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:06:25 +0500
Subject: [PATCH 029/202] Update upload-image-component.js

---
 components/upload-image-component.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 6e9945b8e..7f68b5014 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -2,7 +2,7 @@ import { uploadImage } from "../api.js";
 
 
 export function renderUploadImageComponent({ element, onImageUrlChange }) {
-  
+ 
   let imageUrl = "";
 
   
@@ -31,7 +31,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       </div>
     `;
 
-    
+   
     const fileInputElement = element.querySelector(".file-upload-input");
     if (fileInputElement) {
       fileInputElement.addEventListener("change", () => {
@@ -43,11 +43,11 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             labelEl.textContent = "Загружаю файл...";
           }
 
-         
+   
           uploadImage({ file })
-            .then(({ imageUrl }) => { 
-              console.log("Получен URL изображения:", imageUrl); 
-              imageUrl = imageUrl; 
+            .then((fileUrl) => { 
+              console.log("Получен URL изображения:", fileUrl); 
+              imageUrl = fileUrl; 
               if (typeof onImageUrlChange === 'function') { 
                 onImageUrlChange(imageUrl); 
               }
@@ -58,7 +58,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
               if (typeof onImageUrlChange === 'function') {
                 onImageUrlChange(""); 
               }
-             
+              
               const labelEl = element.querySelector(".file-upload-label");
               if (labelEl) {
                 labelEl.removeAttribute("disabled");
@@ -73,11 +73,11 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     const removeButton = element.querySelector(".file-upload-remove-button");
     if (removeButton) {
       removeButton.addEventListener("click", () => {
-        imageUrl = "";
+        imageUrl = ""; 
         if (typeof onImageUrlChange === 'function') { 
           onImageUrlChange(imageUrl); 
         }
-        render();
+        render(); 
       });
     }
   };

From fc6873efd4947a9765cc87250e249957423a915b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:13:33 +0500
Subject: [PATCH 030/202] Update upload-image-component.js

---
 components/upload-image-component.js | 37 +++-------------------------
 1 file changed, 3 insertions(+), 34 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 7f68b5014..d1cf43a96 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -31,7 +31,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       </div>
     `;
 
-   
+    
     const fileInputElement = element.querySelector(".file-upload-input");
     if (fileInputElement) {
       fileInputElement.addEventListener("change", () => {
@@ -43,7 +43,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             labelEl.textContent = "Загружаю файл...";
           }
 
-   
+         
           uploadImage({ file })
             .then((fileUrl) => { 
               console.log("Получен URL изображения:", fileUrl); 
@@ -53,35 +53,4 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
               }
               render(); 
             })
-            .catch((error) => {
-              console.error("Ошибка при загрузке изображения:", error);
-              if (typeof onImageUrlChange === 'function') {
-                onImageUrlChange(""); 
-              }
-              
-              const labelEl = element.querySelector(".file-upload-label");
-              if (labelEl) {
-                labelEl.removeAttribute("disabled");
-                labelEl.textContent = "Выберите фото";
-              }
-            });
-        }
-      });
-    }
-
-    
-    const removeButton = element.querySelector(".file-upload-remove-button");
-    if (removeButton) {
-      removeButton.addEventListener("click", () => {
-        imageUrl = ""; 
-        if (typeof onImageUrlChange === 'function') { 
-          onImageUrlChange(imageUrl); 
-        }
-        render(); 
-      });
-    }
-  };
-
-
-  render();
-}
+            .catch((error) {

From f1cc48ca539b5e1b119d534ce4966fa2b3b1c87c Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:17:42 +0500
Subject: [PATCH 031/202] Update index.js

---
 index.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/index.js b/index.js
index 41e2f6a28..966a57d18 100644
--- a/index.js
+++ b/index.js
@@ -125,7 +125,7 @@ export const goToPage = (newPage, data) => {
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   if (!token) {
-    
+  
     const appEl = document.getElementById("app");
     const container = appEl.querySelector('.page-container');
     
@@ -144,7 +144,7 @@ export const toggleLike = (postId, isLiked) => {
   
   return likePromise({ token, postId })
     .then((responseData) => {
-     
+    
       const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
         posts[postIndex] = responseData.post;
@@ -163,19 +163,20 @@ export const toggleLike = (postId, isLiked) => {
 function updatePostInDOM(postId, updatedPost) {
   const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
   if (postElement) {
-
+   
     const likeImage = postElement.querySelector('img');
     const newLikeImage = updatedPost.isLiked 
       ? "./assets/images/like-active.svg" 
       : "./assets/images/like-not-active.svg";
     likeImage.src = newLikeImage;
     
+  
     const likesCountElement = postElement.closest('.post-likes').querySelector('.post-likes-text strong');
     if (likesCountElement) {
       likesCountElement.textContent = updatedPost.likes.length;
     }
     
-
+   
     postElement.dataset.isLiked = updatedPost.isLiked;
   }
 }
@@ -224,9 +225,10 @@ const renderApp = () => {
           return;
         }
         
+        
         addPost({ token, description, imageUrl })
           .then(() => {
-            // После успешного добавления переходим к списку постов
+           
             smoothPageTransition(() => goToPage(POSTS_PAGE));
           })
           .catch((error) => {

From 7ff094df554e3a6ad64574c76d1deb9e6255ed04 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:22:23 +0500
Subject: [PATCH 032/202] Update upload-image-component.js

---
 components/upload-image-component.js | 41 ++++++++++++++++++++++++----
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index d1cf43a96..7a046a112 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -2,10 +2,10 @@ import { uploadImage } from "../api.js";
 
 
 export function renderUploadImageComponent({ element, onImageUrlChange }) {
- 
+  
   let imageUrl = "";
 
-  
+ 
   const render = () => {
     element.innerHTML = `
       <div class="upload-image">
@@ -31,7 +31,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       </div>
     `;
 
-    
+   
     const fileInputElement = element.querySelector(".file-upload-input");
     if (fileInputElement) {
       fileInputElement.addEventListener("change", () => {
@@ -45,7 +45,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
 
          
           uploadImage({ file })
-            .then((fileUrl) => { 
+            .then((fileUrl) => {
               console.log("Получен URL изображения:", fileUrl); 
               imageUrl = fileUrl; 
               if (typeof onImageUrlChange === 'function') { 
@@ -53,4 +53,35 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
               }
               render(); 
             })
-            .catch((error) {
+            .catch((error) => {
+              console.error("Ошибка при загрузке изображения:", error);
+              if (typeof onImageUrlChange === 'function') {
+                onImageUrlChange(""); 
+              }
+              
+              const labelEl = element.querySelector(".file-upload-label");
+              if (labelEl) {
+                labelEl.removeAttribute("disabled");
+                labelEl.textContent = "Выберите фото";
+              }
+            });
+        }
+      });
+    }
+
+    
+    const removeButton = element.querySelector(".file-upload-remove-button");
+    if (removeButton) {
+      removeButton.addEventListener("click", () => {
+        imageUrl = ""; 
+        if (typeof onImageUrlChange === 'function') { 
+          onImageUrlChange(imageUrl); 
+        }
+        render(); 
+      });
+    }
+  };
+
+  
+  render();
+}

From 945e320255fe4e2f7e0e406a6a982361aa15b5a7 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:33:27 +0500
Subject: [PATCH 033/202] Update upload-image-component.js

---
 components/upload-image-component.js | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 7a046a112..481756cec 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -31,7 +31,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       </div>
     `;
 
-   
+    
     const fileInputElement = element.querySelector(".file-upload-input");
     if (fileInputElement) {
       fileInputElement.addEventListener("change", () => {
@@ -43,22 +43,22 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             labelEl.textContent = "Загружаю файл...";
           }
 
-         
+        
           uploadImage({ file })
             .then((fileUrl) => {
-              console.log("Получен URL изображения:", fileUrl); 
-              imageUrl = fileUrl; 
-              if (typeof onImageUrlChange === 'function') { 
-                onImageUrlChange(imageUrl); 
+              console.log("Получен URL изображения:", fileUrl);
+              imageUrl = fileUrl;
+              if (typeof onImageUrlChange === 'function') {
+                onImageUrlChange(imageUrl);
               }
-              render(); 
+              render();
             })
             .catch((error) => {
               console.error("Ошибка при загрузке изображения:", error);
               if (typeof onImageUrlChange === 'function') {
-                onImageUrlChange(""); 
+                onImageUrlChange("");
               }
-              
+             
               const labelEl = element.querySelector(".file-upload-label");
               if (labelEl) {
                 labelEl.removeAttribute("disabled");
@@ -69,15 +69,15 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       });
     }
 
-    
+   
     const removeButton = element.querySelector(".file-upload-remove-button");
     if (removeButton) {
       removeButton.addEventListener("click", () => {
-        imageUrl = ""; 
-        if (typeof onImageUrlChange === 'function') { 
-          onImageUrlChange(imageUrl); 
+        imageUrl = "";
+        if (typeof onImageUrlChange === 'function') {
+          onImageUrlChange(imageUrl);
         }
-        render(); 
+        render();
       });
     }
   };

From 60371c1cf2a6c99bb0c449e488f8e232390bba3b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:38:50 +0500
Subject: [PATCH 034/202] Update upload-image-component.js

---
 components/upload-image-component.js | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 481756cec..3ea8014c9 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -5,7 +5,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
   
   let imageUrl = "";
 
- 
+  
   const render = () => {
     element.innerHTML = `
       <div class="upload-image">
@@ -31,7 +31,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       </div>
     `;
 
-    
+ 
     const fileInputElement = element.querySelector(".file-upload-input");
     if (fileInputElement) {
       fileInputElement.addEventListener("change", () => {
@@ -43,22 +43,22 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             labelEl.textContent = "Загружаю файл...";
           }
 
-        
+         
           uploadImage({ file })
-            .then((fileUrl) => {
-              console.log("Получен URL изображения:", fileUrl);
-              imageUrl = fileUrl;
+            .then((fileUrl) => { 
+              console.log("Получен URL изображения:", fileUrl); 
+              imageUrl = fileUrl; // 
               if (typeof onImageUrlChange === 'function') {
                 onImageUrlChange(imageUrl);
               }
-              render();
+              render(); 
             })
             .catch((error) => {
               console.error("Ошибка при загрузке изображения:", error);
               if (typeof onImageUrlChange === 'function') {
-                onImageUrlChange("");
+                onImageUrlChange(""); 
               }
-             
+              
               const labelEl = element.querySelector(".file-upload-label");
               if (labelEl) {
                 labelEl.removeAttribute("disabled");
@@ -69,19 +69,18 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       });
     }
 
-   
+  
     const removeButton = element.querySelector(".file-upload-remove-button");
     if (removeButton) {
       removeButton.addEventListener("click", () => {
         imageUrl = "";
-        if (typeof onImageUrlChange === 'function') {
-          onImageUrlChange(imageUrl);
+        if (typeof onImageUrlChange === 'function') { 
+          onImageUrlChange(imageUrl); 
         }
-        render();
+        render(); 
       });
     }
   };
 
-  
   render();
 }

From 468680e18c542b8f979e94ee427f0ed8f084f143 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:43:02 +0500
Subject: [PATCH 035/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 114 +++++++++++---------------
 1 file changed, 47 insertions(+), 67 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 5fe8b0b82..92269f91a 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,81 +1,61 @@
 import { uploadImage } from "../api.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
-import { renderHeaderComponent } from "./header-component.js";
 
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
-  let imageUrl = "";
+  let currentImageUrl = ""; 
 
-  const render = () => {
-    const appHtml = `
-      <div class="page-container">
-        <div class="header-container"></div>
-        <div class="form">
-          <h3 class="form-title">Добавить пост</h3>
-          <div class="form-inputs">
-            <div class="upload-image-container">
-              <div id="upload-image-conrainer"></div>
-            </div>
-            <label>
-              Описание поста
-              <textarea class="form-textarea" id="post-description"></textarea>
-            </label>
-            <div class="form-error" id="form-error"></div>
-          </div>
-          <div class="form-footer">
-            <button class="button" id="add-button">Добавить</button>
+  const appHtml = `
+    <div class="page-container">
+      <div class="header-container"></div>
+      <div class="form">
+        <h3 class="form-title">Добавить пост</h3>
+        <div class="form-inputs">
+          <div class="upload-image-container">
+            <div id="upload-image-conrainer"></div>
           </div>
+          <label>
+            Описание поста
+            <textarea class="form-textarea" id="post-description"></textarea>
+          </label>
+          <div class="form-error" id="form-error"></div>
+        </div>
+        <div class="form-footer">
+          <button class="button" id="add-button">Добавить</button>
         </div>
       </div>
-    `;
+    </div>
+  `;
 
-    appEl.innerHTML = appHtml;
+  appEl.innerHTML = appHtml;
 
-    
-    renderHeaderComponent({
-      element: document.querySelector(".header-container"),
-    });
 
-  
-    renderUploadImageComponent({
-      element: document.getElementById("upload-image-conrainer"),
-      onImageUpload: (imageFile) => {
-        document.getElementById("add-button").setAttribute("disabled", true);
-        
-        uploadImage({ file: imageFile })
-          .then(({ imageUrl: uploadedImageUrl }) => {
-            imageUrl = uploadedImageUrl;
-            document.getElementById("add-button").removeAttribute("disabled");
-          })
-          .catch((error) => {
-            console.error("Ошибка загрузки изображения:", error);
-            document.getElementById("form-error").textContent = "Ошибка загрузки изображения";
-            document.getElementById("add-button").removeAttribute("disabled");
-          });
-      },
-    });
+  renderUploadImageComponent({
+    element: document.getElementById("upload-image-conrainer"),
+    onImageUrlChange: (imageUrl) => {
+      console.log("URL изображения обновлен:", imageUrl);
+      currentImageUrl = imageUrl; 
+    },
+  });
 
- 
-    document.getElementById("add-button").addEventListener("click", () => {
-      const description = document.getElementById("post-description").value;
-      
-     
-      if (!description.trim()) {
-        document.getElementById("form-error").textContent = "Введите описание поста";
-        return;
-      }
-      
-      if (!imageUrl) {
-        document.getElementById("form-error").textContent = "Загрузите изображение";
-        return;
-      }
-      
-   
-      onAddPostClick({
-        description: description.trim(),
-        imageUrl,
-      });
+  
+  document.getElementById("add-button").addEventListener("click", () => {
+    const description = document.getElementById("post-description").value.trim();
+    
+    console.log("Попытка добавить пост:", { description, imageUrl: currentImageUrl });
+    
+    if (!description) {
+      document.getElementById("form-error").textContent = "Введите описание поста";
+      return;
+    }
+    
+    if (!currentImageUrl) {
+      document.getElementById("form-error").textContent = "Загрузите изображение";
+      return;
+    }
+    
+    onAddPostClick({
+      description,
+      imageUrl: currentImageUrl,
     });
-  };
-
-  render();
+  });
 }

From 76da12be3b15eb8505772b70fc43dc8e1bd798b6 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:43:42 +0500
Subject: [PATCH 036/202] Update upload-image-component.js

---
 components/upload-image-component.js | 112 ++++++++++++++-------------
 1 file changed, 57 insertions(+), 55 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 3ea8014c9..a2f847caa 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -1,70 +1,72 @@
 import { uploadImage } from "../api.js";
 
-
 export function renderUploadImageComponent({ element, onImageUrlChange }) {
-  
   let imageUrl = "";
 
-  
   const render = () => {
-    element.innerHTML = `
+    const html = `
       <div class="upload-image">
-        ${
-          imageUrl
-            ? `
-            <div class="file-upload-image-container">
-              <img class="file-upload-image" src="${imageUrl}" alt="Загруженное изображение">
-              <button class="file-upload-remove-button button">Заменить фото</button>
-            </div>
-            `
-            : `
-            <label class="file-upload-label secondary-button">
-              <input
-                type="file"
-                class="file-upload-input"
-                style="display:none"
-              />
-              Выберите фото
-            </label>
+        ${imageUrl
+          ? `
+          <div class="file-upload-image-container">
+            <img class="file-upload-image" src="${imageUrl}" alt="Загруженное изображение">
+            <button class="file-upload-remove-button button">Заменить фото</button>
+          </div>
           `
-        }
+          : `
+          <label class="file-upload-label secondary-button">
+            <input type="file" class="file-upload-input" accept="image/*" style="display:none">
+            Выберите фото
+          </label>
+          `}
       </div>
     `;
+    
+    element.innerHTML = html;
 
- 
-    const fileInputElement = element.querySelector(".file-upload-input");
-    if (fileInputElement) {
-      fileInputElement.addEventListener("change", () => {
-        const file = fileInputElement.files[0];
+    
+    const fileInput = element.querySelector(".file-upload-input");
+    if (fileInput) {
+      fileInput.addEventListener("change", async (event) => {
+        const file = event.target.files[0];
         if (file) {
-          const labelEl = element.querySelector(".file-upload-label");
-          if (labelEl) {
-            labelEl.setAttribute("disabled", true);
-            labelEl.textContent = "Загружаю файл...";
+          const label = element.querySelector(".file-upload-label");
+          if (label) {
+            label.setAttribute("disabled", "true");
+            label.textContent = "Загрузка...";
           }
 
-         
-          uploadImage({ file })
-            .then((fileUrl) => { 
-              console.log("Получен URL изображения:", fileUrl); 
-              imageUrl = fileUrl; // 
-              if (typeof onImageUrlChange === 'function') {
-                onImageUrlChange(imageUrl);
-              }
-              render(); 
-            })
-            .catch((error) => {
-              console.error("Ошибка при загрузке изображения:", error);
-              if (typeof onImageUrlChange === 'function') {
-                onImageUrlChange(""); 
-              }
+          try {
+            const response = await uploadImage({ file });
+            console.log("Ответ от uploadImage:", response);
+            
+            imageUrl = response.fileUrl || response.imageUrl; 
+            console.log("Сохраненный imageUrl:", imageUrl);
+            
+            if (typeof onImageUrlChange === 'function') {
+              onImageUrlChange(imageUrl);
+            }
+            
+            render();
+          } catch (error) {
+            console.error("Ошибка загрузки:", error);
+            
+            if (typeof onImageUrlChange === 'function') {
+              onImageUrlChange("");
+            }
+            
+            const label = element.querySelector(".file-upload-label");
+            if (label) {
+              label.removeAttribute("disabled");
+              label.textContent = "Ошибка загрузки";
               
-              const labelEl = element.querySelector(".file-upload-label");
-              if (labelEl) {
-                labelEl.removeAttribute("disabled");
-                labelEl.textContent = "Выберите фото";
-              }
-            });
+              setTimeout(() => {
+                if (label) {
+                  label.textContent = "Выберите фото";
+                }
+              }, 2000);
+            }
+          }
         }
       });
     }
@@ -74,10 +76,10 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     if (removeButton) {
       removeButton.addEventListener("click", () => {
         imageUrl = "";
-        if (typeof onImageUrlChange === 'function') { 
-          onImageUrlChange(imageUrl); 
+        if (typeof onImageUrlChange === 'function') {
+          onImageUrlChange(imageUrl);
         }
-        render(); 
+        render();
       });
     }
   };

From 0b0817d09ddba1dd9db2ff478ce7fac18dfb12ce Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 18:47:03 +0500
Subject: [PATCH 037/202] Update api.js

---
 api.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/api.js b/api.js
index 7c28a1282..89e2da651 100644
--- a/api.js
+++ b/api.js
@@ -75,8 +75,12 @@ export function uploadImage({ file }) {
       return response.json();
     })
     .then((data) => {
-      console.log("Ответ от сервера uploadImage:", data); 
-      return data.fileUrl; 
+      console.log("Полный ответ от сервера uploadImage:", data);
+      
+      return {
+        fileUrl: data.fileUrl || data.imageUrl || data.url,
+        ...data
+      };
     });
 }
 

From 1a40ef383b15e492838185e14fe35e0b233a70ed Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 19:40:38 +0500
Subject: [PATCH 038/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 48 +++++++++++++++------------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 92269f91a..112e44529 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -28,7 +28,7 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
 
   appEl.innerHTML = appHtml;
 
-
+  
   renderUploadImageComponent({
     element: document.getElementById("upload-image-conrainer"),
     onImageUrlChange: (imageUrl) => {
@@ -37,25 +37,31 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
     },
   });
 
-  
-  document.getElementById("add-button").addEventListener("click", () => {
-    const description = document.getElementById("post-description").value.trim();
-    
-    console.log("Попытка добавить пост:", { description, imageUrl: currentImageUrl });
-    
-    if (!description) {
-      document.getElementById("form-error").textContent = "Введите описание поста";
-      return;
-    }
-    
-    if (!currentImageUrl) {
-      document.getElementById("form-error").textContent = "Загрузите изображение";
-      return;
-    }
-    
-    onAddPostClick({
-      description,
-      imageUrl: currentImageUrl,
+ 
+  const addButton = document.getElementById("add-button");
+  if (addButton) {
+    addButton.addEventListener("click", () => {
+      const description = document.getElementById("post-description").value.trim();
+      
+      console.log("Попытка добавить пост:", { description, imageUrl: currentImageUrl });
+      
+      if (!description) {
+        document.getElementById("form-error").textContent = "Введите описание поста";
+        return;
+      }
+      
+      if (!currentImageUrl) {
+        document.getElementById("form-error").textContent = "Загрузите изображение";
+        return;
+      }
+      
+      
+      document.getElementById("form-error").textContent = "";
+      
+      onAddPostClick({
+        description,
+        imageUrl: currentImageUrl,
+      });
     });
-  });
+  }
 }

From 2b6910abbd807b4feb48721e4e7d905a08d72c9d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 19:41:28 +0500
Subject: [PATCH 039/202] Update upload-image-component.js

---
 components/upload-image-component.js | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index a2f847caa..c850d8c2c 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -24,7 +24,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     
     element.innerHTML = html;
 
-    
+   
     const fileInput = element.querySelector(".file-upload-input");
     if (fileInput) {
       fileInput.addEventListener("change", async (event) => {
@@ -37,13 +37,15 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
           }
 
           try {
-            const response = await uploadImage({ file });
-            console.log("Ответ от uploadImage:", response);
+            console.log("Начинаем загрузку файла:", file.name);
+            const uploadResult = await uploadImage({ file });
+            console.log("Ответ от uploadImage:", uploadResult);
             
-            imageUrl = response.fileUrl || response.imageUrl; 
-            console.log("Сохраненный imageUrl:", imageUrl);
             
-            if (typeof onImageUrlChange === 'function') {
+            imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
+            console.log("Извлеченный imageUrl:", imageUrl);
+            
+            if (imageUrl && typeof onImageUrlChange === 'function') {
               onImageUrlChange(imageUrl);
             }
             
@@ -59,10 +61,10 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             if (label) {
               label.removeAttribute("disabled");
               label.textContent = "Ошибка загрузки";
-              
+           
               setTimeout(() => {
-                if (label) {
-                  label.textContent = "Выберите фото";
+                if (element.querySelector(".file-upload-label")) {
+                  element.querySelector(".file-upload-label").textContent = "Выберите фото";
                 }
               }, 2000);
             }

From a8e8abacdfb60468702ded80e2d7042dc8929903 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 19:42:52 +0500
Subject: [PATCH 040/202] Update api.js

---
 api.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/api.js b/api.js
index 89e2da651..ae60681c5 100644
--- a/api.js
+++ b/api.js
@@ -77,13 +77,9 @@ export function uploadImage({ file }) {
     .then((data) => {
       console.log("Полный ответ от сервера uploadImage:", data);
       
-      return {
-        fileUrl: data.fileUrl || data.imageUrl || data.url,
-        ...data
-      };
+      return data;
     });
 }
-
 export function addPost({ token, description, imageUrl }) {
   return fetch(postsHost, {
     method: "POST",

From f8ba68f7d4dea0147b521fe5f8297be95cc8b4ff Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 19:53:20 +0500
Subject: [PATCH 041/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 112e44529..eee7de10a 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,8 +1,7 @@
-import { uploadImage } from "../api.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
 
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
-  let currentImageUrl = ""; 
+  let currentImageUrl = "";
 
   const appHtml = `
     <div class="page-container">
@@ -28,7 +27,7 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
 
   appEl.innerHTML = appHtml;
 
-  
+
   renderUploadImageComponent({
     element: document.getElementById("upload-image-conrainer"),
     onImageUrlChange: (imageUrl) => {

From de7778c41e8c4037253d805e4db7f24436d5362d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 19:54:00 +0500
Subject: [PATCH 042/202] Update upload-image-component.js

---
 components/upload-image-component.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index c850d8c2c..b4f270b5d 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -24,7 +24,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     
     element.innerHTML = html;
 
-   
+    
     const fileInput = element.querySelector(".file-upload-input");
     if (fileInput) {
       fileInput.addEventListener("change", async (event) => {
@@ -41,7 +41,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             const uploadResult = await uploadImage({ file });
             console.log("Ответ от uploadImage:", uploadResult);
             
-            
+           
             imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
             console.log("Извлеченный imageUrl:", imageUrl);
             
@@ -61,7 +61,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             if (label) {
               label.removeAttribute("disabled");
               label.textContent = "Ошибка загрузки";
-           
+            
               setTimeout(() => {
                 if (element.querySelector(".file-upload-label")) {
                   element.querySelector(".file-upload-label").textContent = "Выберите фото";
@@ -73,7 +73,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       });
     }
 
-  
+ 
     const removeButton = element.querySelector(".file-upload-remove-button");
     if (removeButton) {
       removeButton.addEventListener("click", () => {

From 01af62a47cd9ea0d79b4fcd761c28662f6423a4f Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 19:55:42 +0500
Subject: [PATCH 043/202] Update api.js

---
 api.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/api.js b/api.js
index ae60681c5..b91c1940a 100644
--- a/api.js
+++ b/api.js
@@ -1,5 +1,5 @@
 const personalKey = "prod";
-const baseHost = "https://webdev-hw-api.vercel.app"; 
+const baseHost = "https://webdev-hw-api.vercel.app";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 export function getPosts({ token }) {
@@ -59,7 +59,6 @@ export function loginUser({ login, password }) {
   });
 }
 
-
 export function uploadImage({ file }) {
   const data = new FormData();
   data.append("file", file);
@@ -76,10 +75,10 @@ export function uploadImage({ file }) {
     })
     .then((data) => {
       console.log("Полный ответ от сервера uploadImage:", data);
-      
       return data;
     });
 }
+
 export function addPost({ token, description, imageUrl }) {
   return fetch(postsHost, {
     method: "POST",
@@ -88,10 +87,11 @@ export function addPost({ token, description, imageUrl }) {
       "Content-Type": "application/json",
     },
     body: JSON.stringify({
-      description,
-      imageUrl,
+      description: description || "",
+      imageUrl: imageUrl || "",
     }),
   }).then((response) => {
+    console.log("Ответ от addPost:", response.status, response.statusText);
     if (response.status === 401) {
       throw new Error("Нет авторизации");
     }

From 8ee08815faa442f074f3477e006501f4cc531b3f Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 20:07:25 +0500
Subject: [PATCH 044/202] Update api.js

---
 api.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/api.js b/api.js
index b91c1940a..327e264be 100644
--- a/api.js
+++ b/api.js
@@ -1,6 +1,6 @@
 const personalKey = "prod";
 const baseHost = "https://webdev-hw-api.vercel.app";
-const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
+const postsHost = ${baseHost}/api/v1/${personalKey}/instapro;
 
 export function getPosts({ token }) {
   return fetch(postsHost, {
@@ -13,7 +13,6 @@ export function getPosts({ token }) {
       if (response.status === 401) {
         throw new Error("Нет авторизации");
       }
-
       return response.json();
     })
     .then((data) => {

From cd142eb728d54d57c4fb5ff3006ec442ae862dde Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 20:15:45 +0500
Subject: [PATCH 045/202] Update api.js


From 7d70771c77314288b1cbd2b7f0587a86102710d8 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 20:16:29 +0500
Subject: [PATCH 046/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index eee7de10a..ab81a3772 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -27,36 +27,33 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
 
   appEl.innerHTML = appHtml;
 
-
   renderUploadImageComponent({
     element: document.getElementById("upload-image-conrainer"),
     onImageUrlChange: (imageUrl) => {
       console.log("URL изображения обновлен:", imageUrl);
-      currentImageUrl = imageUrl; 
+      currentImageUrl = imageUrl;
     },
   });
 
- 
   const addButton = document.getElementById("add-button");
   if (addButton) {
     addButton.addEventListener("click", () => {
       const description = document.getElementById("post-description").value.trim();
-      
+
       console.log("Попытка добавить пост:", { description, imageUrl: currentImageUrl });
-      
+
       if (!description) {
         document.getElementById("form-error").textContent = "Введите описание поста";
         return;
       }
-      
+
       if (!currentImageUrl) {
         document.getElementById("form-error").textContent = "Загрузите изображение";
         return;
       }
-      
-      
+
       document.getElementById("form-error").textContent = "";
-      
+
       onAddPostClick({
         description,
         imageUrl: currentImageUrl,

From a2cfa0a998391571a9e56896ebe96911566af3bf Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 20:21:17 +0500
Subject: [PATCH 047/202] Update index.js

---
 index.js | 247 +++++++++++++++++++++++++------------------------------
 1 file changed, 110 insertions(+), 137 deletions(-)

diff --git a/index.js b/index.js
index 966a57d18..00b9a3c69 100644
--- a/index.js
+++ b/index.js
@@ -1,13 +1,16 @@
-import { 
-  getPosts, 
-  addPost, 
-  getUserPosts, 
-  likePost, 
+import {
+  getPosts,
+  addPost,
+  getUserPosts,
+  likePost,
   dislikePost,
-  uploadImage
 } from "./api.js";
+
 import { renderAddPostPageComponent } from "./components/add-post-page-component.js";
 import { renderAuthPageComponent } from "./components/auth-page-component.js";
+import { renderPostsPageComponent } from "./components/posts-page-component.js";
+import { renderLoadingPageComponent } from "./components/loading-page-component.js";
+
 import {
   ADD_POSTS_PAGE,
   AUTH_PAGE,
@@ -15,8 +18,7 @@ import {
   POSTS_PAGE,
   USER_POSTS_PAGE,
 } from "./routes.js";
-import { renderPostsPageComponent } from "./components/posts-page-component.js";
-import { renderLoadingPageComponent } from "./components/loading-page-component.js";
+
 import {
   getUserFromLocalStorage,
   removeUserFromLocalStorage,
@@ -28,8 +30,7 @@ export let page = null;
 export let posts = [];
 
 const getToken = () => {
-  const token = user ? `Bearer ${user.token}` : undefined;
-  return token;
+  return user ? `Bearer ${user.token}` : undefined;
 };
 
 export const logout = () => {
@@ -38,21 +39,20 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
-
 const smoothPageTransition = (callback) => {
   const appEl = document.getElementById("app");
-  const container = appEl.querySelector('.page-container');
-  
+  const container = appEl.querySelector(".page-container");
+
   if (container) {
-    container.classList.remove('active');
+    container.classList.remove("active");
     setTimeout(() => {
       callback();
       setTimeout(() => {
-        const newContainer = appEl.querySelector('.page-container');
+        const newContainer = appEl.querySelector(".page-container");
         if (newContainer) {
-          newContainer.classList.add('page-transition');
+          newContainer.classList.add("page-transition");
           setTimeout(() => {
-            newContainer.classList.add('active');
+            newContainer.classList.add("active");
           }, 10);
         }
       }, 10);
@@ -62,7 +62,6 @@ const smoothPageTransition = (callback) => {
   }
 };
 
-
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -74,9 +73,33 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
-    
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
-      return renderApp();
+
+      return renderAddPostPageComponent({
+        appEl: document.getElementById("app"),
+        onAddPostClick: ({ description, imageUrl }) => {
+          const token = getToken();
+          if (!token) {
+            alert("Вы не авторизованы");
+            goToPage(AUTH_PAGE);
+            return;
+          }
+
+          addPost({
+            token,
+            description,
+            imageUrl,
+          })
+            .then(() => {
+              alert("Пост успешно добавлен!");
+              goToPage(POSTS_PAGE);
+            })
+            .catch((error) => {
+              console.error("Ошибка при добавлении поста:", error);
+              alert("Не удалось добавить пост: " + error.message);
+            });
+        },
+      });
     }
 
     if (newPage === POSTS_PAGE) {
@@ -85,7 +108,6 @@ export const goToPage = (newPage, data) => {
 
       return getPosts({ token: getToken() })
         .then((newPosts) => {
-          console.log("Посты из API:", newPosts);
           page = POSTS_PAGE;
           posts = newPosts;
           renderApp();
@@ -112,45 +134,36 @@ export const goToPage = (newPage, data) => {
         });
     }
 
+    if (newPage === AUTH_PAGE) {
+      page = AUTH_PAGE;
+      renderApp();
+      return;
+    }
+
     page = newPage;
     renderApp();
-
     return;
   }
 
-  throw new Error("страницы не существует");
+  throw new Error("Страницы не существует");
 };
 
-
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   if (!token) {
-  
-    const appEl = document.getElementById("app");
-    const container = appEl.querySelector('.page-container');
-    
-    if (container) {
-      container.classList.remove('active');
-      setTimeout(() => {
-        goToPage(AUTH_PAGE);
-      }, 300);
-    } else {
-      goToPage(AUTH_PAGE);
-    }
+    alert("Для оценки поста необходимо войти");
+    goToPage(AUTH_PAGE);
     return Promise.resolve();
   }
 
   const likePromise = isLiked ? dislikePost : likePost;
-  
+
   return likePromise({ token, postId })
     .then((responseData) => {
-    
-      const postIndex = posts.findIndex(post => post.id === postId);
+      const postIndex = posts.findIndex((post) => post.id === postId);
       if (postIndex !== -1) {
         posts[postIndex] = responseData.post;
-        
-      
-        updatePostInDOM(postId, responseData.post);
+        renderApp();
       }
     })
     .catch((error) => {
@@ -159,106 +172,66 @@ export const toggleLike = (postId, isLiked) => {
     });
 };
 
-
-function updatePostInDOM(postId, updatedPost) {
-  const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
-  if (postElement) {
-   
-    const likeImage = postElement.querySelector('img');
-    const newLikeImage = updatedPost.isLiked 
-      ? "./assets/images/like-active.svg" 
-      : "./assets/images/like-not-active.svg";
-    likeImage.src = newLikeImage;
-    
-  
-    const likesCountElement = postElement.closest('.post-likes').querySelector('.post-likes-text strong');
-    if (likesCountElement) {
-      likesCountElement.textContent = updatedPost.likes.length;
-    }
-    
-   
-    postElement.dataset.isLiked = updatedPost.isLiked;
-  }
-}
-
 const renderApp = () => {
   const appEl = document.getElementById("app");
-  if (page === LOADING_PAGE) {
-    return renderLoadingPageComponent({
-      appEl,
-      user,
-      goToPage,
-    });
-  }
 
-  if (page === AUTH_PAGE) {
-    return renderAuthPageComponent({
-      appEl,
-      setUser: (newUser) => {
-        user = newUser;
-        saveUserToLocalStorage(user);
-        smoothPageTransition(() => goToPage(POSTS_PAGE));
-      },
-      user,
-      goToPage,
-    });
-  }
-
-  if (page === ADD_POSTS_PAGE) {
-    return renderAddPostPageComponent({
-      appEl,
-      onAddPostClick({ description, imageUrl }) {
-        const token = getToken();
-        if (!token) {
-          smoothPageTransition(() => goToPage(AUTH_PAGE));
-          return;
-        }
-        
-      
-        if (!description.trim()) {
-          alert("Введите описание поста");
-          return;
-        }
-        
-        if (!imageUrl) {
-          alert("Загрузите изображение");
-          return;
-        }
-        
-        
-        addPost({ token, description, imageUrl })
-          .then(() => {
-           
-            smoothPageTransition(() => goToPage(POSTS_PAGE));
+  switch (page) {
+    case POSTS_PAGE:
+      renderPostsPageComponent({ appEl });
+      break;
+
+    case AUTH_PAGE:
+      renderAuthPageComponent({
+        appEl,
+        setUser: (newUser) => {
+          user = newUser;
+          saveUserToLocalStorage(user);
+          goToPage(POSTS_PAGE);
+        },
+      });
+      break;
+
+    case ADD_POSTS_PAGE:
+      renderAddPostPageComponent({
+        appEl,
+        onAddPostClick: ({ description, imageUrl }) => {
+          const token = getToken();
+          if (!token) {
+            alert("Вы не авторизованы");
+            goToPage(AUTH_PAGE);
+            return;
+          }
+
+          addPost({
+            token,
+            description,
+            imageUrl,
           })
-          .catch((error) => {
-            console.error("Ошибка при добавлении поста:", error);
-            alert("Не удалось добавить пост: " + error.message);
-          });
-      },
-    });
-  }
-
-  if (page === POSTS_PAGE) {
-    return renderPostsPageComponent({
-      appEl,
-      posts,
-      user,
-      goToPage,
-      toggleLike,
-    });
-  }
-
-  if (page === USER_POSTS_PAGE) {
-    return renderPostsPageComponent({
-      appEl,
-      posts,
-      user,
-      goToPage,
-      toggleLike,
-      isUserPostsPage: true,
-    });
+            .then(() => {
+              alert("Пост успешно добавлен!");
+              goToPage(POSTS_PAGE);
+            })
+            .catch((error) => {
+              console.error("Ошибка при добавлении поста:", error);
+              alert("Не удалось добавить пост: " + error.message);
+            });
+        },
+      });
+      break;
+
+    case USER_POSTS_PAGE:
+      renderPostsPageComponent({ appEl });
+      break;
+
+    case LOADING_PAGE:
+      renderLoadingPageComponent({ appEl });
+      break;
+
+    default:
+      renderPostsPageComponent({ appEl });
+      break;
   }
 };
 
+
 goToPage(POSTS_PAGE);

From fba34fd7e68ed68b00866300e2f495a3ee2d8d94 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 20:23:52 +0500
Subject: [PATCH 048/202] Update api.js

---
 api.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/api.js b/api.js
index 327e264be..084b6d4e4 100644
--- a/api.js
+++ b/api.js
@@ -1,6 +1,6 @@
 const personalKey = "prod";
 const baseHost = "https://webdev-hw-api.vercel.app";
-const postsHost = ${baseHost}/api/v1/${personalKey}/instapro;
+const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 export function getPosts({ token }) {
   return fetch(postsHost, {

From f91ddddd35bcd8b594df5a4b624855ad8956b253 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 20:28:07 +0500
Subject: [PATCH 049/202] Update api.js


From 1b1a320eaf040a32571a2995e1e2d8a5ce55d6ad Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 20:35:53 +0500
Subject: [PATCH 050/202] Update index.js

---
 index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.js b/index.js
index 00b9a3c69..ab74f0fc4 100644
--- a/index.js
+++ b/index.js
@@ -177,7 +177,7 @@ const renderApp = () => {
 
   switch (page) {
     case POSTS_PAGE:
-      renderPostsPageComponent({ appEl });
+      renderPostsPageComponent({ appEl, posts });
       break;
 
     case AUTH_PAGE:
@@ -220,15 +220,15 @@ const renderApp = () => {
       break;
 
     case USER_POSTS_PAGE:
-      renderPostsPageComponent({ appEl });
+      renderPostsPageComponent({ appEl, posts });
       break;
 
     case LOADING_PAGE:
-      renderLoadingPageComponent({ appEl });
+      renderLoadingPageComponent({ appEl, posts });
       break;
 
     default:
-      renderPostsPageComponent({ appEl });
+      renderPostsPageComponent({ appEl, posts });
       break;
   }
 };

From 832ee8b1149ba4d848771268fdc08e4fbdeaa62e Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 20:42:46 +0500
Subject: [PATCH 051/202] Update api.js

---
 api.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/api.js b/api.js
index 084b6d4e4..1bcee3b18 100644
--- a/api.js
+++ b/api.js
@@ -79,7 +79,7 @@ export function uploadImage({ file }) {
 }
 
 export function addPost({ token, description, imageUrl }) {
-  return fetch(postsHost, {
+  return fetch(`${baseHost}/api/v1/${personalKey}/instapro`, {
     method: "POST",
     headers: {
       Authorization: token,
@@ -90,7 +90,6 @@ export function addPost({ token, description, imageUrl }) {
       imageUrl: imageUrl || "",
     }),
   }).then((response) => {
-    console.log("Ответ от addPost:", response.status, response.statusText);
     if (response.status === 401) {
       throw new Error("Нет авторизации");
     }

From 71530d38937047107ae6daa75f3029df35de2fa7 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 6 Aug 2025 20:45:39 +0500
Subject: [PATCH 052/202] Update index.js

---
 index.js | 245 ++++++++++++++++++++++++++++++-------------------------
 1 file changed, 135 insertions(+), 110 deletions(-)

diff --git a/index.js b/index.js
index ab74f0fc4..74db53c67 100644
--- a/index.js
+++ b/index.js
@@ -1,16 +1,13 @@
-import {
-  getPosts,
-  addPost,
-  getUserPosts,
-  likePost,
+import { 
+  getPosts, 
+  addPost, 
+  getUserPosts, 
+  likePost, 
   dislikePost,
+  uploadImage
 } from "./api.js";
-
 import { renderAddPostPageComponent } from "./components/add-post-page-component.js";
 import { renderAuthPageComponent } from "./components/auth-page-component.js";
-import { renderPostsPageComponent } from "./components/posts-page-component.js";
-import { renderLoadingPageComponent } from "./components/loading-page-component.js";
-
 import {
   ADD_POSTS_PAGE,
   AUTH_PAGE,
@@ -18,7 +15,8 @@ import {
   POSTS_PAGE,
   USER_POSTS_PAGE,
 } from "./routes.js";
-
+import { renderPostsPageComponent } from "./components/posts-page-component.js";
+import { renderLoadingPageComponent } from "./components/loading-page-component.js";
 import {
   getUserFromLocalStorage,
   removeUserFromLocalStorage,
@@ -30,7 +28,8 @@ export let page = null;
 export let posts = [];
 
 const getToken = () => {
-  return user ? `Bearer ${user.token}` : undefined;
+  const token = user ? Bearer ${user.token} : undefined;
+  return token;
 };
 
 export const logout = () => {
@@ -39,20 +38,21 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
+
 const smoothPageTransition = (callback) => {
   const appEl = document.getElementById("app");
-  const container = appEl.querySelector(".page-container");
-
+  const container = appEl.querySelector('.page-container');
+  
   if (container) {
-    container.classList.remove("active");
+    container.classList.remove('active');
     setTimeout(() => {
       callback();
       setTimeout(() => {
-        const newContainer = appEl.querySelector(".page-container");
+        const newContainer = appEl.querySelector('.page-container');
         if (newContainer) {
-          newContainer.classList.add("page-transition");
+          newContainer.classList.add('page-transition');
           setTimeout(() => {
-            newContainer.classList.add("active");
+            newContainer.classList.add('active');
           }, 10);
         }
       }, 10);
@@ -62,6 +62,7 @@ const smoothPageTransition = (callback) => {
   }
 };
 
+
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -73,33 +74,9 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
+    
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
-
-      return renderAddPostPageComponent({
-        appEl: document.getElementById("app"),
-        onAddPostClick: ({ description, imageUrl }) => {
-          const token = getToken();
-          if (!token) {
-            alert("Вы не авторизованы");
-            goToPage(AUTH_PAGE);
-            return;
-          }
-
-          addPost({
-            token,
-            description,
-            imageUrl,
-          })
-            .then(() => {
-              alert("Пост успешно добавлен!");
-              goToPage(POSTS_PAGE);
-            })
-            .catch((error) => {
-              console.error("Ошибка при добавлении поста:", error);
-              alert("Не удалось добавить пост: " + error.message);
-            });
-        },
-      });
+      return renderApp();
     }
 
     if (newPage === POSTS_PAGE) {
@@ -108,6 +85,7 @@ export const goToPage = (newPage, data) => {
 
       return getPosts({ token: getToken() })
         .then((newPosts) => {
+          console.log("Посты из API:", newPosts);
           page = POSTS_PAGE;
           posts = newPosts;
           renderApp();
@@ -134,36 +112,45 @@ export const goToPage = (newPage, data) => {
         });
     }
 
-    if (newPage === AUTH_PAGE) {
-      page = AUTH_PAGE;
-      renderApp();
-      return;
-    }
-
     page = newPage;
     renderApp();
+
     return;
   }
 
-  throw new Error("Страницы не существует");
+  throw new Error("страницы не существует");
 };
 
+
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   if (!token) {
-    alert("Для оценки поста необходимо войти");
-    goToPage(AUTH_PAGE);
+  
+    const appEl = document.getElementById("app");
+    const container = appEl.querySelector('.page-container');
+    
+    if (container) {
+      container.classList.remove('active');
+      setTimeout(() => {
+        goToPage(AUTH_PAGE);
+      }, 300);
+    } else {
+      goToPage(AUTH_PAGE);
+    }
     return Promise.resolve();
   }
 
   const likePromise = isLiked ? dislikePost : likePost;
-
+  
   return likePromise({ token, postId })
     .then((responseData) => {
-      const postIndex = posts.findIndex((post) => post.id === postId);
+    
+      const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
         posts[postIndex] = responseData.post;
-        renderApp();
+        
+      
+        updatePostInDOM(postId, responseData.post);
       }
     })
     .catch((error) => {
@@ -171,67 +158,105 @@ export const toggleLike = (postId, isLiked) => {
       alert("Не удалось выполнить действие: " + error.message);
     });
 };
+function updatePostInDOM(postId, updatedPost) {
+  const postElement = document.querySelector(.like-button[data-post-id="${postId}"]);
+  if (postElement) {
+   
+    const likeImage = postElement.querySelector('img');
+    const newLikeImage = updatedPost.isLiked 
+      ? "./assets/images/like-active.svg" 
+      : "./assets/images/like-not-active.svg";
+    likeImage.src = newLikeImage;
+    
+  
+    const likesCountElement = postElement.closest('.post-likes').querySelector('.post-likes-text strong');
+    if (likesCountElement) {
+      likesCountElement.textContent = updatedPost.likes.length;
+    }
+    
+   
+    postElement.dataset.isLiked = updatedPost.isLiked;
+  }
+}
 
 const renderApp = () => {
   const appEl = document.getElementById("app");
+  if (page === LOADING_PAGE) {
+    return renderLoadingPageComponent({
+      appEl,
+      user,
+      goToPage,
+    });
+  }
 
-  switch (page) {
-    case POSTS_PAGE:
-      renderPostsPageComponent({ appEl, posts });
-      break;
-
-    case AUTH_PAGE:
-      renderAuthPageComponent({
-        appEl,
-        setUser: (newUser) => {
-          user = newUser;
-          saveUserToLocalStorage(user);
-          goToPage(POSTS_PAGE);
-        },
-      });
-      break;
-
-    case ADD_POSTS_PAGE:
-      renderAddPostPageComponent({
-        appEl,
-        onAddPostClick: ({ description, imageUrl }) => {
-          const token = getToken();
-          if (!token) {
-            alert("Вы не авторизованы");
-            goToPage(AUTH_PAGE);
-            return;
-          }
-
-          addPost({
-            token,
-            description,
-            imageUrl,
+  if (page === AUTH_PAGE) {
+    return renderAuthPageComponent({
+      appEl,
+      setUser: (newUser) => {
+        user = newUser;
+        saveUserToLocalStorage(user);
+        smoothPageTransition(() => goToPage(POSTS_PAGE));
+      },
+      user,
+      goToPage,
+    });
+  }
+
+  if (page === ADD_POSTS_PAGE) {
+    return renderAddPostPageComponent({
+      appEl,
+      onAddPostClick({ description, imageUrl }) {
+        const token = getToken();
+        if (!token) {
+          smoothPageTransition(() => goToPage(AUTH_PAGE));
+          return;
+        }
+        
+      
+        if (!description.trim()) {
+          alert("Введите описание поста");
+          return;
+        }
+        
+        if (!imageUrl) {
+          alert("Загрузите изображение");
+          return;
+        }
+        
+        
+        addPost({ token, description, imageUrl })
+          .then(() => {
+           
+            smoothPageTransition(() => goToPage(POSTS_PAGE));
           })
-            .then(() => {
-              alert("Пост успешно добавлен!");
-              goToPage(POSTS_PAGE);
-            })
-            .catch((error) => {
-              console.error("Ошибка при добавлении поста:", error);
-              alert("Не удалось добавить пост: " + error.message);
-            });
-        },
-      });
-      break;
-
-    case USER_POSTS_PAGE:
-      renderPostsPageComponent({ appEl, posts });
-      break;
-
-    case LOADING_PAGE:
-      renderLoadingPageComponent({ appEl, posts });
-      break;
-
-    default:
-      renderPostsPageComponent({ appEl, posts });
-      break;
+          .catch((error) => {
+            console.error("Ошибка при добавлении поста:", error);
+            alert("Не удалось добавить пост: " + error.message);
+          });
+      },
+    });
+  }
+
+  if (page === POSTS_PAGE) {
+    return renderPostsPageComponent({
+      appEl,
+      posts,
+      user,
+      goToPage,
+      toggleLike,
+    });
   }
-};
 
+  if (page === USER_POSTS_PAGE) {
+    return renderPostsPageComponent({
+      appEl,
+      posts,
+      user,
+      goToPage,
+      toggleLike,
+      isUserPostsPage: true,
+    });
+  }
+};
 
 goToPage(POSTS_PAGE);

From 0310df5833d3891b21eb1eef167389d1efeb8c33 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 11:50:43 +0500
Subject: [PATCH 053/202] Update api.js

---
 api.js | 113 ++++++++-------------------------------------------------
 1 file changed, 16 insertions(+), 97 deletions(-)

diff --git a/api.js b/api.js
index 1bcee3b18..4a5e56a0d 100644
--- a/api.js
+++ b/api.js
@@ -1,18 +1,23 @@
+
 const personalKey = "prod";
 const baseHost = "https://webdev-hw-api.vercel.app";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 export function getPosts({ token }) {
+  const headers = {
+    "Content-Type": "application/json",
+  };
+  
+ 
+  if (token) {
+    headers.Authorization = token;
+  }
+
   return fetch(postsHost, {
     method: "GET",
-    headers: {
-      Authorization: token,
-    },
+    headers,
   })
     .then((response) => {
-      if (response.status === 401) {
-        throw new Error("Нет авторизации");
-      }
       return response.json();
     })
     .then((data) => {
@@ -36,6 +41,9 @@ export function registerUser({ login, password, name, imageUrl }) {
     if (response.status === 400) {
       throw new Error("Такой пользователь уже существует");
     }
+    if (!response.ok) {
+      throw new Error("Ошибка при регистрации");
+    }
     return response.json();
   });
 }
@@ -54,94 +62,5 @@ export function loginUser({ login, password }) {
     if (response.status === 400) {
       throw new Error("Неверный логин или пароль");
     }
-    return response.json();
-  });
-}
-
-export function uploadImage({ file }) {
-  const data = new FormData();
-  data.append("file", file);
-
-  return fetch(baseHost + "/api/upload/image", {
-    method: "POST",
-    body: data,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    })
-    .then((data) => {
-      console.log("Полный ответ от сервера uploadImage:", data);
-      return data;
-    });
-}
-
-export function addPost({ token, description, imageUrl }) {
-  return fetch(`${baseHost}/api/v1/${personalKey}/instapro`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify({
-      description: description || "",
-      imageUrl: imageUrl || "",
-    }),
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    if (response.status === 400) {
-      throw new Error("Не переданы обязательные данные");
-    }
-    return response.json();
-  });
-}
-
-export function getUserPosts({ token, userId }) {
-  return fetch(`${postsHost}/user-posts/${userId}`, {
-    method: "GET",
-    headers: {
-      Authorization: token,
-    },
-  })
-    .then((response) => {
-      if (response.status === 401) {
-        throw new Error("Нет авторизации");
-      }
-      return response.json();
-    })
-    .then((data) => {
-      return data.posts;
-    });
-}
-
-export function likePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/like`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    return response.json();
-  });
-}
-
-export function dislikePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/dislike`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    return response.json();
-  });
-}
+    if (!response.ok) {
+      throw new

From a3151f73803de3c45b489dd7cdf7c170755af1e9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 11:51:40 +0500
Subject: [PATCH 054/202] Update index.js

---
 index.js | 29 ++++++++++++-----------------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/index.js b/index.js
index 74db53c67..85051d903 100644
--- a/index.js
+++ b/index.js
@@ -28,7 +28,7 @@ export let page = null;
 export let posts = [];
 
 const getToken = () => {
-  const token = user ? Bearer ${user.token} : undefined;
+  const token = user ? `Bearer ${user.token}` : undefined;
   return token;
 };
 
@@ -38,7 +38,6 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
-
 const smoothPageTransition = (callback) => {
   const appEl = document.getElementById("app");
   const container = appEl.querySelector('.page-container');
@@ -62,7 +61,6 @@ const smoothPageTransition = (callback) => {
   }
 };
 
-
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -74,7 +72,7 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
-    
+      
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -85,7 +83,6 @@ export const goToPage = (newPage, data) => {
 
       return getPosts({ token: getToken() })
         .then((newPosts) => {
-          console.log("Посты из API:", newPosts);
           page = POSTS_PAGE;
           posts = newPosts;
           renderApp();
@@ -121,11 +118,10 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
-
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
-  if (!token) {
   
+  if (!token) {
     const appEl = document.getElementById("app");
     const container = appEl.querySelector('.page-container');
     
@@ -144,12 +140,9 @@ export const toggleLike = (postId, isLiked) => {
   
   return likePromise({ token, postId })
     .then((responseData) => {
-    
       const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
         posts[postIndex] = responseData.post;
-        
-      
         updatePostInDOM(postId, responseData.post);
       }
     })
@@ -158,29 +151,28 @@ export const toggleLike = (postId, isLiked) => {
       alert("Не удалось выполнить действие: " + error.message);
     });
 };
+
 function updatePostInDOM(postId, updatedPost) {
-  const postElement = document.querySelector(.like-button[data-post-id="${postId}"]);
+  const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
   if (postElement) {
-   
     const likeImage = postElement.querySelector('img');
     const newLikeImage = updatedPost.isLiked 
       ? "./assets/images/like-active.svg" 
       : "./assets/images/like-not-active.svg";
     likeImage.src = newLikeImage;
     
-  
     const likesCountElement = postElement.closest('.post-likes').querySelector('.post-likes-text strong');
     if (likesCountElement) {
       likesCountElement.textContent = updatedPost.likes.length;
     }
     
-   
     postElement.dataset.isLiked = updatedPost.isLiked;
   }
 }
 
 const renderApp = () => {
   const appEl = document.getElementById("app");
+  
   if (page === LOADING_PAGE) {
     return renderLoadingPageComponent({
       appEl,
@@ -203,6 +195,11 @@ const renderApp = () => {
   }
 
   if (page === ADD_POSTS_PAGE) {
+    if (!user) {
+      goToPage(AUTH_PAGE);
+      return;
+    }
+    
     return renderAddPostPageComponent({
       appEl,
       onAddPostClick({ description, imageUrl }) {
@@ -212,7 +209,7 @@ const renderApp = () => {
           return;
         }
         
-      
+       
         if (!description.trim()) {
           alert("Введите описание поста");
           return;
@@ -223,10 +220,8 @@ const renderApp = () => {
           return;
         }
         
-        
         addPost({ token, description, imageUrl })
           .then(() => {
-           
             smoothPageTransition(() => goToPage(POSTS_PAGE));
           })
           .catch((error) => {

From 21cd65c590fcc2a3bd7594f7e8e0e343c4df8b25 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 11:52:38 +0500
Subject: [PATCH 055/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index ab81a3772..9b9eda9d0 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -10,7 +10,7 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
         <h3 class="form-title">Добавить пост</h3>
         <div class="form-inputs">
           <div class="upload-image-container">
-            <div id="upload-image-conrainer"></div>
+            <div id="upload-image-container"></div>
           </div>
           <label>
             Описание поста
@@ -28,34 +28,36 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
   appEl.innerHTML = appHtml;
 
   renderUploadImageComponent({
-    element: document.getElementById("upload-image-conrainer"),
+    element: document.getElementById("upload-image-container"),
     onImageUrlChange: (imageUrl) => {
-      console.log("URL изображения обновлен:", imageUrl);
       currentImageUrl = imageUrl;
     },
   });
 
   const addButton = document.getElementById("add-button");
-  if (addButton) {
+  const descriptionElement = document.getElementById("post-description");
+  const errorElement = document.getElementById("form-error");
+
+  if (addButton && descriptionElement && errorElement) {
     addButton.addEventListener("click", () => {
-      const description = document.getElementById("post-description").value.trim();
+      const description = descriptionElement.value;
 
-      console.log("Попытка добавить пост:", { description, imageUrl: currentImageUrl });
+      
+      errorElement.textContent = "";
 
-      if (!description) {
-        document.getElementById("form-error").textContent = "Введите описание поста";
+     
+      if (!description.trim()) {
+        errorElement.textContent = "Введите описание поста";
         return;
       }
 
       if (!currentImageUrl) {
-        document.getElementById("form-error").textContent = "Загрузите изображение";
+        errorElement.textContent = "Загрузите изображение";
         return;
       }
 
-      document.getElementById("form-error").textContent = "";
-
       onAddPostClick({
-        description,
+        description: description.trim(),
         imageUrl: currentImageUrl,
       });
     });

From 8d42e2f531f425253ee587e2f516380a1dce5d8b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 11:53:33 +0500
Subject: [PATCH 056/202] Update posts-page-component.js

---
 components/posts-page-component.js | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 5698a13ec..bed6d9ad3 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -1,7 +1,6 @@
 import { USER_POSTS_PAGE } from "../routes.js";
 import { renderHeaderComponent } from "./header-component.js";
 
-
 function simpleFormatDate(dateString) {
   try {
     const date = new Date(dateString);
@@ -25,7 +24,7 @@ function simpleFormatDate(dateString) {
   }
 }
 
-// Функции для правильного склонения слов
+
 function getMinutesWord(minutes) {
   const lastDigit = minutes % 10;
   const lastTwoDigits = minutes % 100;
@@ -96,7 +95,6 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       ? "./assets/images/like-active.svg" 
       : "./assets/images/like-not-active.svg";
     
-  
     const imageSrc = post.imageUrl && post.imageUrl.trim() !== '' 
       ? post.imageUrl 
       : "./assets/images/default-image.jpg";
@@ -143,9 +141,11 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
 
   renderHeaderComponent({
     element: document.querySelector(".header-container"),
+    user,
+    goToPage,
   });
 
-
+ 
   document.querySelectorAll(".post-header").forEach(userEl => {
     userEl.addEventListener("click", () => {
       const userId = userEl.dataset.userId;
@@ -157,12 +157,12 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     });
   });
 
-
+  
   document.querySelectorAll('.like-button').forEach(button => {
     button.addEventListener('click', (event) => {
       event.stopPropagation();
       
-
+      
       button.classList.add('liked');
       setTimeout(() => {
         button.classList.remove('liked');
@@ -171,16 +171,17 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       const postId = button.dataset.postId;
       const isLiked = button.dataset.isLiked === 'true';
       
-    
+     
       button.dataset.isLiked = !isLiked;
       
+      
       if (typeof toggleLike === 'function') {
         toggleLike(postId, isLiked);
       }
     });
   });
 
- 
+  
   const container = document.querySelector('.page-container');
   if (container) {
     container.classList.add('page-transition');

From 74b27a322cb0d66fe5a8eaee19fc1479f7e02989 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 11:54:31 +0500
Subject: [PATCH 057/202] Update upload-image-component.js

---
 components/upload-image-component.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index b4f270b5d..7e795fdb8 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -37,13 +37,10 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
           }
 
           try {
-            console.log("Начинаем загрузку файла:", file.name);
             const uploadResult = await uploadImage({ file });
-            console.log("Ответ от uploadImage:", uploadResult);
             
-           
+            
             imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
-            console.log("Извлеченный imageUrl:", imageUrl);
             
             if (imageUrl && typeof onImageUrlChange === 'function') {
               onImageUrlChange(imageUrl);
@@ -61,6 +58,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             if (label) {
               label.removeAttribute("disabled");
               label.textContent = "Ошибка загрузки";
+              
             
               setTimeout(() => {
                 if (element.querySelector(".file-upload-label")) {
@@ -73,7 +71,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       });
     }
 
- 
+
     const removeButton = element.querySelector(".file-upload-remove-button");
     if (removeButton) {
       removeButton.addEventListener("click", () => {

From ec3b20e5d794757d8060463ee41c662397fa4416 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 11:57:36 +0500
Subject: [PATCH 058/202] Update api.js

---
 api.js | 104 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 101 insertions(+), 3 deletions(-)

diff --git a/api.js b/api.js
index 4a5e56a0d..cea0ee166 100644
--- a/api.js
+++ b/api.js
@@ -1,4 +1,3 @@
-
 const personalKey = "prod";
 const baseHost = "https://webdev-hw-api.vercel.app";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
@@ -8,7 +7,6 @@ export function getPosts({ token }) {
     "Content-Type": "application/json",
   };
   
- 
   if (token) {
     headers.Authorization = token;
   }
@@ -63,4 +61,104 @@ export function loginUser({ login, password }) {
       throw new Error("Неверный логин или пароль");
     }
     if (!response.ok) {
-      throw new
+      throw new Error("Ошибка при входе");
+    }
+    return response.json();
+  });
+}
+
+export function uploadImage({ file }) {
+  const data = new FormData();
+  data.append("file", file);
+
+  return fetch(baseHost + "/api/upload/image", {
+    method: "POST",
+    body: data,
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    });
+}
+
+export function addPost({ token, description, imageUrl }) {
+  return fetch(`${baseHost}/api/v1/${personalKey}/instapro`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      description: description || "",
+      imageUrl: imageUrl || "",
+    }),
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (response.status === 400) {
+      throw new Error("Не переданы обязательные данные");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при добавлении поста");
+    }
+    return response.json();
+  });
+}
+
+export function getUserPosts({ token, userId }) {
+  const headers = {
+    "Content-Type": "application/json",
+  };
+  
+  if (token) {
+    headers.Authorization = token;
+  }
+
+  return fetch(`${postsHost}/user-posts/${userId}`, {
+    method: "GET",
+    headers,
+  })
+    .then((response) => {
+      return response.json();
+    })
+    .then((data) => {
+      return data.posts;
+    });
+}
+
+export function likePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/like`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при лайке");
+    }
+    return response.json();
+  });
+}
+
+export function dislikePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/dislike`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при дизлайке");
+    }
+    return response.json();
+  });
+}

From 3c49f5f857b00d0a803f75ac21c50f6c11454b9a Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:05:06 +0500
Subject: [PATCH 059/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 9b9eda9d0..0591dc09e 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -40,13 +40,13 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
 
   if (addButton && descriptionElement && errorElement) {
     addButton.addEventListener("click", () => {
-      const description = descriptionElement.value;
+      const description = descriptionElement.value.trim();
 
-      
+     
       errorElement.textContent = "";
 
-     
-      if (!description.trim()) {
+      
+      if (!description) {
         errorElement.textContent = "Введите описание поста";
         return;
       }
@@ -57,7 +57,7 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
       }
 
       onAddPostClick({
-        description: description.trim(),
+        description,
         imageUrl: currentImageUrl,
       });
     });

From 1103bce7c7ff954d28fe2bce2f0a7d9dbbcdd3b5 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:05:47 +0500
Subject: [PATCH 060/202] Update upload-image-component.js

---
 components/upload-image-component.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 7e795fdb8..08f1ffb8c 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -24,7 +24,6 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     
     element.innerHTML = html;
 
-    
     const fileInput = element.querySelector(".file-upload-input");
     if (fileInput) {
       fileInput.addEventListener("change", async (event) => {
@@ -37,12 +36,13 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
           }
 
           try {
+            console.log("Начинаем загрузку файла:", file.name);
             const uploadResult = await uploadImage({ file });
             
-            
+           
             imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
             
-            if (imageUrl && typeof onImageUrlChange === 'function') {
+            if (typeof onImageUrlChange === 'function') {
               onImageUrlChange(imageUrl);
             }
             
@@ -59,7 +59,6 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
               label.removeAttribute("disabled");
               label.textContent = "Ошибка загрузки";
               
-            
               setTimeout(() => {
                 if (element.querySelector(".file-upload-label")) {
                   element.querySelector(".file-upload-label").textContent = "Выберите фото";
@@ -71,7 +70,6 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       });
     }
 
-
     const removeButton = element.querySelector(".file-upload-remove-button");
     if (removeButton) {
       removeButton.addEventListener("click", () => {

From b0f69d00d837e112e817a95e481ce3d619eca7bf Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:07:05 +0500
Subject: [PATCH 061/202] Update api.js


From 01bed3f998535d49436de35991ce574c908a45a9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:11:42 +0500
Subject: [PATCH 062/202] Update index.js

---
 index.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/index.js b/index.js
index 85051d903..803afeb52 100644
--- a/index.js
+++ b/index.js
@@ -121,6 +121,7 @@ export const goToPage = (newPage, data) => {
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   
+
   if (!token) {
     const appEl = document.getElementById("app");
     const container = appEl.querySelector('.page-container');
@@ -195,6 +196,7 @@ const renderApp = () => {
   }
 
   if (page === ADD_POSTS_PAGE) {
+    
     if (!user) {
       goToPage(AUTH_PAGE);
       return;
@@ -209,7 +211,7 @@ const renderApp = () => {
           return;
         }
         
-       
+        
         if (!description.trim()) {
           alert("Введите описание поста");
           return;
@@ -220,7 +222,9 @@ const renderApp = () => {
           return;
         }
         
-        addPost({ token, description, imageUrl })
+        console.log("Отправляем данные на сервер:", { description, imageUrl });
+        
+        addPost({ token, description: description.trim(), imageUrl })
           .then(() => {
             smoothPageTransition(() => goToPage(POSTS_PAGE));
           })

From 8ab95fa39f7268b1bbbfb9a13276992906d9513e Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:23:47 +0500
Subject: [PATCH 063/202] Update api.js

---
 api.js | 188 ++++++++++++++-------------------------------------------
 1 file changed, 45 insertions(+), 143 deletions(-)

diff --git a/api.js b/api.js
index cea0ee166..254939076 100644
--- a/api.js
+++ b/api.js
@@ -1,164 +1,66 @@
-const personalKey = "prod";
-const baseHost = "https://webdev-hw-api.vercel.app";
-const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
-export function getPosts({ token }) {
-  const headers = {
-    "Content-Type": "application/json",
-  };
-  
-  if (token) {
-    headers.Authorization = token;
-  }
+const API_URL = "https://webdev-hw-api.vercel.app/api/v1/prod/instapro";
 
-  return fetch(postsHost, {
-    method: "GET",
-    headers,
-  })
-    .then((response) => {
-      return response.json();
-    })
-    .then((data) => {
-      return data.posts;
-    });
-}
+let token = localStorage.getItem("instaproToken") || "";
 
-export function registerUser({ login, password, name, imageUrl }) {
-  return fetch(baseHost + "/api/user", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify({
-      login,
-      password,
-      name,
-      imageUrl,
-    }),
-  }).then((response) => {
-    if (response.status === 400) {
-      throw new Error("Такой пользователь уже существует");
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при регистрации");
-    }
-    return response.json();
-  });
-}
+export const setToken = (t) => {
+  token = t;
+  localStorage.setItem("instaproToken", t);
+};
 
-export function loginUser({ login, password }) {
-  return fetch(baseHost + "/api/user/login", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify({
-      login,
-      password,
-    }),
-  }).then((response) => {
-    if (response.status === 400) {
-      throw new Error("Неверный логин или пароль");
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при входе");
-    }
-    return response.json();
+const authHeaders = () => ({
+  "Authorization": Bearer ${token},
+  "Content-Type": "application/json", 
+});
+
+
+export async function getPosts() {
+  const resp = await fetch(API_URL, {
+    method: "GET",
+    headers: { "Authorization": Bearer ${token} },
   });
+  if (!resp.ok) throw new Error(`Ошибка загрузки постов: ${resp.status}`);
+  const data = await resp.json();
+  return data.posts || data; 
 }
 
-export function uploadImage({ file }) {
-  const data = new FormData();
-  data.append("file", file);
 
-  return fetch(baseHost + "/api/upload/image", {
-    method: "POST",
-    body: data,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    });
-}
+export async function addPost({ description, imageUrl }) {
+
+  const body = JSON.stringify({ description, imageUrl }); 
 
-export function addPost({ token, description, imageUrl }) {
-  return fetch(`${baseHost}/api/v1/${personalKey}/instapro`, {
+  const resp = await fetch(API_URL, {
     method: "POST",
-    headers: {
-      Authorization: token,
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify({
-      description: description || "",
-      imageUrl: imageUrl || "",
-    }),
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    if (response.status === 400) {
-      throw new Error("Не переданы обязательные данные");
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при добавлении поста");
-    }
-    return response.json();
+    headers: authHeaders(), 
+    body,
   });
-}
 
-export function getUserPosts({ token, userId }) {
-  const headers = {
-    "Content-Type": "application/json",
-  };
-  
-  if (token) {
-    headers.Authorization = token;
+  if (resp.status === 401) {
+    throw new Error("Не авторизовано. Проверьте токен.");
   }
-
-  return fetch(`${postsHost}/user-posts/${userId}`, {
-    method: "GET",
-    headers,
-  })
-    .then((response) => {
-      return response.json();
-    })
-    .then((data) => {
-      return data.posts;
-    });
+  if (!resp.ok) {
+    const text = await resp.text().catch(() => "");
+    throw new Error(text || `Ошибка добавления поста: ${resp.status}`);
+  }
+  return resp.json();
 }
 
-export function likePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/like`, {
+
+export async function likePost(postId) {
+  const resp = await fetch(`${API_URL}/${postId}/like`, {
     method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при лайке");
-    }
-    return response.json();
+    headers: { "Authorization": Bearer ${token} },
   });
+  if (!resp.ok) throw new Error(`Не удалось поставить лайк: ${resp.status}`);
+  return resp.json();
 }
 
-export function dislikePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/dislike`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при дизлайке");
-    }
-    return response.json();
+
+export async function unlikePost(postId) {
+  const resp = await fetch(`${API_URL}/${postId}/like`, {
+    method: "DELETE",
+    headers: { "Authorization": Bearer ${token} },
   });
+  if (!resp.ok) throw new Error(`Не удалось снять лайк: ${resp.status}`);
+  return resp.json();
 }

From e3a96c69c6d306a11d3687e25c3f503675cb3eb0 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:27:13 +0500
Subject: [PATCH 064/202] Update upload-image-component.js

---
 components/upload-image-component.js | 102 ++++++---------------------
 1 file changed, 23 insertions(+), 79 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 08f1ffb8c..5e36c2373 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -1,86 +1,30 @@
-import { uploadImage } from "../api.js";
 
-export function renderUploadImageComponent({ element, onImageUrlChange }) {
-  let imageUrl = "";
+export function renderUploadImageComponent({ elementId, onImageUrl }) {
+  const root = document.getElementById(elementId);
+  root.innerHTML = `
+    <label class="file">
+      <input type="file" id="file-input" accept="image/*" />
+      <span>Загрузить фото</span>
+    </label>
+    <div id="preview" class="upload-preview"></div>
+  `;
 
-  const render = () => {
-    const html = `
-      <div class="upload-image">
-        ${imageUrl
-          ? `
-          <div class="file-upload-image-container">
-            <img class="file-upload-image" src="${imageUrl}" alt="Загруженное изображение">
-            <button class="file-upload-remove-button button">Заменить фото</button>
-          </div>
-          `
-          : `
-          <label class="file-upload-label secondary-button">
-            <input type="file" class="file-upload-input" accept="image/*" style="display:none">
-            Выберите фото
-          </label>
-          `}
-      </div>
-    `;
-    
-    element.innerHTML = html;
+  const input = root.querySelector("#file-input");
+  const preview = root.querySelector("#preview");
 
-    const fileInput = element.querySelector(".file-upload-input");
-    if (fileInput) {
-      fileInput.addEventListener("change", async (event) => {
-        const file = event.target.files[0];
-        if (file) {
-          const label = element.querySelector(".file-upload-label");
-          if (label) {
-            label.setAttribute("disabled", "true");
-            label.textContent = "Загрузка...";
-          }
+  input.addEventListener("change", async () => {
+    const file = input.files?.[0];
+    if (!file) return;
 
-          try {
-            console.log("Начинаем загрузку файла:", file.name);
-            const uploadResult = await uploadImage({ file });
-            
-           
-            imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
-            
-            if (typeof onImageUrlChange === 'function') {
-              onImageUrlChange(imageUrl);
-            }
-            
-            render();
-          } catch (error) {
-            console.error("Ошибка загрузки:", error);
-            
-            if (typeof onImageUrlChange === 'function') {
-              onImageUrlChange("");
-            }
-            
-            const label = element.querySelector(".file-upload-label");
-            if (label) {
-              label.removeAttribute("disabled");
-              label.textContent = "Ошибка загрузки";
-              
-              setTimeout(() => {
-                if (element.querySelector(".file-upload-label")) {
-                  element.querySelector(".file-upload-label").textContent = "Выберите фото";
-                }
-              }, 2000);
-            }
-          }
-        }
-      });
-    }
+ 
+    const { fileUrl } = await uploadToCloud(file);
+    preview.innerHTML = <img src="${fileUrl}" alt="" style="max-width:100%;border-radius:12px;">;
+    onImageUrl(fileUrl);
+  });
+}
 
-    const removeButton = element.querySelector(".file-upload-remove-button");
-    if (removeButton) {
-      removeButton.addEventListener("click", () => {
-        imageUrl = "";
-        if (typeof onImageUrlChange === 'function') {
-          onImageUrlChange(imageUrl);
-        }
-        render();
-      });
-    }
-  };
 
-  render();
+async function uploadToCloud(file) {
+ 
+  return { fileUrl: URL.createObjectURL(file) };
 }

From dfa037ce5055fba54215dc83d66cbec5de905cca Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:28:00 +0500
Subject: [PATCH 065/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 65 +++++++++++++--------------
 1 file changed, 32 insertions(+), 33 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 0591dc09e..ed2aca677 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,9 +1,11 @@
+
+import { addPost } from "./api.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
 
-export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
+export function renderAddPostPageComponent({ appEl, onPostAdded }) {
   let currentImageUrl = "";
 
-  const appHtml = `
+  appEl.innerHTML = `
     <div class="page-container">
       <div class="header-container"></div>
       <div class="form">
@@ -14,52 +16,49 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
           </div>
           <label>
             Описание поста
-            <textarea class="form-textarea" id="post-description"></textarea>
+            <textarea class="form-textarea" id="post-description" rows="4" placeholder="Подпись к фото..."></textarea>
           </label>
-          <div class="form-error" id="form-error"></div>
-        </div>
-        <div class="form-footer">
-          <button class="button" id="add-button">Добавить</button>
+          <div class="form-actions">
+            <button class="button" id="add-button">Опубликовать</button>
+            <button class="button button-secondary" id="cancel-button">Отмена</button>
+          </div>
         </div>
       </div>
     </div>
   `;
 
-  appEl.innerHTML = appHtml;
-
   renderUploadImageComponent({
-    element: document.getElementById("upload-image-container"),
-    onImageUrlChange: (imageUrl) => {
-      currentImageUrl = imageUrl;
+    elementId: "upload-image-container",
+    onImageUrl: (url) => {
+      currentImageUrl = url;
+      console.log("Готовим данные:", { description: getDesc(), imageUrl: currentImageUrl });
     },
   });
 
-  const addButton = document.getElementById("add-button");
-  const descriptionElement = document.getElementById("post-description");
-  const errorElement = document.getElementById("form-error");
+  const getDesc = () => (document.getElementById("post-description").value || "").trim();
 
-  if (addButton && descriptionElement && errorElement) {
-    addButton.addEventListener("click", () => {
-      const description = descriptionElement.value.trim();
+  document.getElementById("add-button").addEventListener("click", async () => {
+    try {
+      const description = getDesc();
 
-     
-      errorElement.textContent = "";
-
-      
-      if (!description) {
-        errorElement.textContent = "Введите описание поста";
+      if (!currentImageUrl) {
+        alert("Сначала загрузите изображение.");
         return;
       }
-
-      if (!currentImageUrl) {
-        errorElement.textContent = "Загрузите изображение";
+      if (!description) {
+        alert("Напишите описание.");
         return;
       }
 
-      onAddPostClick({
-        description,
-        imageUrl: currentImageUrl,
-      });
-    });
-  }
+      await addPost({ description, imageUrl: currentImageUrl });
+      onPostAdded?.();
+    } catch (e) {
+      console.error(e);
+      alert(e.message || "Ошибка при добавлении поста");
+    }
+  });
+
+  document.getElementById("cancel-button").addEventListener("click", () => {
+    history.back();
+  });
 }

From c4a82e5bd577cebfe379841372329778f6317ba8 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:35:31 +0500
Subject: [PATCH 066/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index ed2aca677..8cdf97d8c 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,6 +1,6 @@
-
 import { addPost } from "./api.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
+import { getToken } from "../index.js"; 
 
 export function renderAddPostPageComponent({ appEl, onPostAdded }) {
   let currentImageUrl = "";
@@ -50,7 +50,14 @@ export function renderAddPostPageComponent({ appEl, onPostAdded }) {
         return;
       }
 
-      await addPost({ description, imageUrl: currentImageUrl });
+      
+      const token = getToken();
+      if (!token) {
+        alert("Ошибка авторизации. Пожалуйста, войдите снова.");
+        return;
+      }
+
+      await addPost({ token, description, imageUrl: currentImageUrl });
       onPostAdded?.();
     } catch (e) {
       console.error(e);

From bca96d6f02d00982ed1d01a13488655d05af2223 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:38:08 +0500
Subject: [PATCH 067/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 8cdf97d8c..db571f46e 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,6 +1,5 @@
-import { addPost } from "./api.js";
+import { addPost } from "../api.js"; 
 import { renderUploadImageComponent } from "./upload-image-component.js";
-import { getToken } from "../index.js"; 
 
 export function renderAddPostPageComponent({ appEl, onPostAdded }) {
   let currentImageUrl = "";
@@ -50,7 +49,7 @@ export function renderAddPostPageComponent({ appEl, onPostAdded }) {
         return;
       }
 
-      
+  
       const token = getToken();
       if (!token) {
         alert("Ошибка авторизации. Пожалуйста, войдите снова.");

From e9fd4758bd836583de649a8d27c94e7c2c22185a Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:42:17 +0500
Subject: [PATCH 068/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 65 ++++++++++++---------------
 1 file changed, 29 insertions(+), 36 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index db571f46e..ab81a3772 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,70 +1,63 @@
-import { addPost } from "../api.js"; 
 import { renderUploadImageComponent } from "./upload-image-component.js";
 
-export function renderAddPostPageComponent({ appEl, onPostAdded }) {
+export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
   let currentImageUrl = "";
 
-  appEl.innerHTML = `
+  const appHtml = `
     <div class="page-container">
       <div class="header-container"></div>
       <div class="form">
         <h3 class="form-title">Добавить пост</h3>
         <div class="form-inputs">
           <div class="upload-image-container">
-            <div id="upload-image-container"></div>
+            <div id="upload-image-conrainer"></div>
           </div>
           <label>
             Описание поста
-            <textarea class="form-textarea" id="post-description" rows="4" placeholder="Подпись к фото..."></textarea>
+            <textarea class="form-textarea" id="post-description"></textarea>
           </label>
-          <div class="form-actions">
-            <button class="button" id="add-button">Опубликовать</button>
-            <button class="button button-secondary" id="cancel-button">Отмена</button>
-          </div>
+          <div class="form-error" id="form-error"></div>
+        </div>
+        <div class="form-footer">
+          <button class="button" id="add-button">Добавить</button>
         </div>
       </div>
     </div>
   `;
 
+  appEl.innerHTML = appHtml;
+
   renderUploadImageComponent({
-    elementId: "upload-image-container",
-    onImageUrl: (url) => {
-      currentImageUrl = url;
-      console.log("Готовим данные:", { description: getDesc(), imageUrl: currentImageUrl });
+    element: document.getElementById("upload-image-conrainer"),
+    onImageUrlChange: (imageUrl) => {
+      console.log("URL изображения обновлен:", imageUrl);
+      currentImageUrl = imageUrl;
     },
   });
 
-  const getDesc = () => (document.getElementById("post-description").value || "").trim();
+  const addButton = document.getElementById("add-button");
+  if (addButton) {
+    addButton.addEventListener("click", () => {
+      const description = document.getElementById("post-description").value.trim();
 
-  document.getElementById("add-button").addEventListener("click", async () => {
-    try {
-      const description = getDesc();
+      console.log("Попытка добавить пост:", { description, imageUrl: currentImageUrl });
 
-      if (!currentImageUrl) {
-        alert("Сначала загрузите изображение.");
-        return;
-      }
       if (!description) {
-        alert("Напишите описание.");
+        document.getElementById("form-error").textContent = "Введите описание поста";
         return;
       }
 
-  
-      const token = getToken();
-      if (!token) {
-        alert("Ошибка авторизации. Пожалуйста, войдите снова.");
+      if (!currentImageUrl) {
+        document.getElementById("form-error").textContent = "Загрузите изображение";
         return;
       }
 
-      await addPost({ token, description, imageUrl: currentImageUrl });
-      onPostAdded?.();
-    } catch (e) {
-      console.error(e);
-      alert(e.message || "Ошибка при добавлении поста");
-    }
-  });
+      document.getElementById("form-error").textContent = "";
 
-  document.getElementById("cancel-button").addEventListener("click", () => {
-    history.back();
-  });
+      onAddPostClick({
+        description,
+        imageUrl: currentImageUrl,
+      });
+    });
+  }
 }

From 07777caba9b55634f36c02b58ffb1f3c78d0ab39 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:44:40 +0500
Subject: [PATCH 069/202] Update api.js

---
 api.js | 188 +++++++++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 143 insertions(+), 45 deletions(-)

diff --git a/api.js b/api.js
index 254939076..cea0ee166 100644
--- a/api.js
+++ b/api.js
@@ -1,66 +1,164 @@
+const personalKey = "prod";
+const baseHost = "https://webdev-hw-api.vercel.app";
+const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
-const API_URL = "https://webdev-hw-api.vercel.app/api/v1/prod/instapro";
-
-let token = localStorage.getItem("instaproToken") || "";
-
-export const setToken = (t) => {
-  token = t;
-  localStorage.setItem("instaproToken", t);
-};
-
-const authHeaders = () => ({
-  "Authorization": Bearer ${token},
-  "Content-Type": "application/json", 
-});
-
+export function getPosts({ token }) {
+  const headers = {
+    "Content-Type": "application/json",
+  };
+  
+  if (token) {
+    headers.Authorization = token;
+  }
 
-export async function getPosts() {
-  const resp = await fetch(API_URL, {
+  return fetch(postsHost, {
     method: "GET",
-    headers: { "Authorization": Bearer ${token} },
+    headers,
+  })
+    .then((response) => {
+      return response.json();
+    })
+    .then((data) => {
+      return data.posts;
+    });
+}
+
+export function registerUser({ login, password, name, imageUrl }) {
+  return fetch(baseHost + "/api/user", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      login,
+      password,
+      name,
+      imageUrl,
+    }),
+  }).then((response) => {
+    if (response.status === 400) {
+      throw new Error("Такой пользователь уже существует");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при регистрации");
+    }
+    return response.json();
   });
-  if (!resp.ok) throw new Error(`Ошибка загрузки постов: ${resp.status}`);
-  const data = await resp.json();
-  return data.posts || data; 
 }
 
+export function loginUser({ login, password }) {
+  return fetch(baseHost + "/api/user/login", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      login,
+      password,
+    }),
+  }).then((response) => {
+    if (response.status === 400) {
+      throw new Error("Неверный логин или пароль");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при входе");
+    }
+    return response.json();
+  });
+}
 
-export async function addPost({ description, imageUrl }) {
+export function uploadImage({ file }) {
+  const data = new FormData();
+  data.append("file", file);
 
-  const body = JSON.stringify({ description, imageUrl }); 
+  return fetch(baseHost + "/api/upload/image", {
+    method: "POST",
+    body: data,
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    });
+}
 
-  const resp = await fetch(API_URL, {
+export function addPost({ token, description, imageUrl }) {
+  return fetch(`${baseHost}/api/v1/${personalKey}/instapro`, {
     method: "POST",
-    headers: authHeaders(), 
-    body,
+    headers: {
+      Authorization: token,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      description: description || "",
+      imageUrl: imageUrl || "",
+    }),
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (response.status === 400) {
+      throw new Error("Не переданы обязательные данные");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при добавлении поста");
+    }
+    return response.json();
   });
+}
 
-  if (resp.status === 401) {
-    throw new Error("Не авторизовано. Проверьте токен.");
-  }
-  if (!resp.ok) {
-    const text = await resp.text().catch(() => "");
-    throw new Error(text || `Ошибка добавления поста: ${resp.status}`);
+export function getUserPosts({ token, userId }) {
+  const headers = {
+    "Content-Type": "application/json",
+  };
+  
+  if (token) {
+    headers.Authorization = token;
   }
-  return resp.json();
-}
 
+  return fetch(`${postsHost}/user-posts/${userId}`, {
+    method: "GET",
+    headers,
+  })
+    .then((response) => {
+      return response.json();
+    })
+    .then((data) => {
+      return data.posts;
+    });
+}
 
-export async function likePost(postId) {
-  const resp = await fetch(`${API_URL}/${postId}/like`, {
+export function likePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/like`, {
     method: "POST",
-    headers: { "Authorization": Bearer ${token} },
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при лайке");
+    }
+    return response.json();
   });
-  if (!resp.ok) throw new Error(`Не удалось поставить лайк: ${resp.status}`);
-  return resp.json();
 }
 
-
-export async function unlikePost(postId) {
-  const resp = await fetch(`${API_URL}/${postId}/like`, {
-    method: "DELETE",
-    headers: { "Authorization": Bearer ${token} },
+export function dislikePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/dislike`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при дизлайке");
+    }
+    return response.json();
   });
-  if (!resp.ok) throw new Error(`Не удалось снять лайк: ${resp.status}`);
-  return resp.json();
 }

From 4b327e05ac30409f9623ce095d04c85335967a01 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:47:36 +0500
Subject: [PATCH 070/202] Update upload-image-component.js

---
 components/upload-image-component.js | 101 +++++++++++++++++++++------
 1 file changed, 78 insertions(+), 23 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 5e36c2373..d06029e45 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -1,30 +1,85 @@
+import { uploadImage } from "../api.js";
 
-export function renderUploadImageComponent({ elementId, onImageUrl }) {
-  const root = document.getElementById(elementId);
-  root.innerHTML = `
-    <label class="file">
-      <input type="file" id="file-input" accept="image/*" />
-      <span>Загрузить фото</span>
-    </label>
-    <div id="preview" class="upload-preview"></div>
-  `;
+export function renderUploadImageComponent({ element, onImageUrlChange }) {
+  let imageUrl = "";
 
-  const input = root.querySelector("#file-input");
-  const preview = root.querySelector("#preview");
+  const render = () => {
+    const html = `
+      <div class="upload-image">
+        ${imageUrl
+          ? `
+          <div class="file-upload-image-container">
+            <img class="file-upload-image" src="${imageUrl}" alt="Загруженное изображение">
+            <button class="file-upload-remove-button button">Заменить фото</button>
+          </div>
+          `
+          : `
+          <label class="file-upload-label secondary-button">
+            <input type="file" class="file-upload-input" accept="image/*" style="display:none">
+            Выберите фото
+          </label>
+          `}
+      </div>
+    `;
+    
+    element.innerHTML = html;
 
-  input.addEventListener("change", async () => {
-    const file = input.files?.[0];
-    if (!file) return;
+    const fileInput = element.querySelector(".file-upload-input");
+    if (fileInput) {
+      fileInput.addEventListener("change", async (event) => {
+        const file = event.target.files[0];
+        if (file) {
+          const label = element.querySelector(".file-upload-label");
+          if (label) {
+            label.setAttribute("disabled", "true");
+            label.textContent = "Загрузка...";
+          }
 
- 
-    const { fileUrl } = await uploadToCloud(file);
-    preview.innerHTML = <img src="${fileUrl}" alt="" style="max-width:100%;border-radius:12px;">;
-    onImageUrl(fileUrl);
-  });
-}
+          try {
+            console.log("Начинаем загрузку файла:", file.name);
+            const uploadResult = await uploadImage({ file });
+            
+            imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
+            
+            if (typeof onImageUrlChange === 'function') {
+              onImageUrlChange(imageUrl);
+            }
+            
+            render();
+          } catch (error) {
+            console.error("Ошибка загрузки:", error);
+            
+            if (typeof onImageUrlChange === 'function') {
+              onImageUrlChange("");
+            }
+            
+            const label = element.querySelector(".file-upload-label");
+            if (label) {
+              label.removeAttribute("disabled");
+              label.textContent = "Ошибка загрузки";
+              
+              setTimeout(() => {
+                if (element.querySelector(".file-upload-label")) {
+                  element.querySelector(".file-upload-label").textContent = "Выберите фото";
+                }
+              }, 2000);
+            }
+          }
+        }
+      });
+    }
 
+    const removeButton = element.querySelector(".file-upload-remove-button");
+    if (removeButton) {
+      removeButton.addEventListener("click", () => {
+        imageUrl = "";
+        if (typeof onImageUrlChange === 'function') {
+          onImageUrlChange(imageUrl);
+        }
+        render();
+      });
+    }
+  };
 
-async function uploadToCloud(file) {
- 
-  return { fileUrl: URL.createObjectURL(file) };
+  render();
 }

From abab9c3b5c5de868c92f61d616ca6652bcdeb003 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:55:10 +0500
Subject: [PATCH 071/202] Update api.js

---
 api.js | 36 +++++++++++++++++++++++++++++++-----
 1 file changed, 31 insertions(+), 5 deletions(-)

diff --git a/api.js b/api.js
index cea0ee166..0af06d3bc 100644
--- a/api.js
+++ b/api.js
@@ -1,12 +1,16 @@
+
 const personalKey = "prod";
-const baseHost = "https://webdev-hw-api.vercel.app";
+
+const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
+
 export function getPosts({ token }) {
   const headers = {
     "Content-Type": "application/json",
   };
-  
+
+
   if (token) {
     headers.Authorization = token;
   }
@@ -16,6 +20,9 @@ export function getPosts({ token }) {
     headers,
   })
     .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
       return response.json();
     })
     .then((data) => {
@@ -23,6 +30,7 @@ export function getPosts({ token }) {
     });
 }
 
+
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
     method: "POST",
@@ -46,6 +54,7 @@ export function registerUser({ login, password, name, imageUrl }) {
   });
 }
 
+
 export function loginUser({ login, password }) {
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
@@ -67,6 +76,7 @@ export function loginUser({ login, password }) {
   });
 }
 
+
 export function uploadImage({ file }) {
   const data = new FormData();
   data.append("file", file);
@@ -83,10 +93,15 @@ export function uploadImage({ file }) {
     });
 }
 
+
 export function addPost({ token, description, imageUrl }) {
-  return fetch(`${baseHost}/api/v1/${personalKey}/instapro`, {
+
+  console.log("API: Отправляем данные на сервер:", { description, imageUrl });
+
+  return fetch(postsHost, {
     method: "POST",
     headers: {
+     
       Authorization: token,
       "Content-Type": "application/json",
     },
@@ -99,7 +114,11 @@ export function addPost({ token, description, imageUrl }) {
       throw new Error("Нет авторизации");
     }
     if (response.status === 400) {
-      throw new Error("Не переданы обязательные данные");
+      
+      return response.json().then((errorData) => {
+        console.error("API: Ошибка 400 от сервера:", errorData);
+        throw new Error(errorData?.error || "Не переданы обязательные данные");
+      });
     }
     if (!response.ok) {
       throw new Error("Ошибка при добавлении поста");
@@ -108,11 +127,13 @@ export function addPost({ token, description, imageUrl }) {
   });
 }
 
+
 export function getUserPosts({ token, userId }) {
   const headers = {
     "Content-Type": "application/json",
   };
-  
+
+ 
   if (token) {
     headers.Authorization = token;
   }
@@ -122,6 +143,9 @@ export function getUserPosts({ token, userId }) {
     headers,
   })
     .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
       return response.json();
     })
     .then((data) => {
@@ -129,6 +153,7 @@ export function getUserPosts({ token, userId }) {
     });
 }
 
+
 export function likePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/like`, {
     method: "POST",
@@ -146,6 +171,7 @@ export function likePost({ token, postId }) {
   });
 }
 
+
 export function dislikePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/dislike`, {
     method: "POST",

From c2ec063c8bf9ef26e53b73552b4898b18ca68658 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:57:10 +0500
Subject: [PATCH 072/202] Update index.js

---
 index.js | 83 +++++++++++++++++++++++++++++++++++---------------------
 1 file changed, 52 insertions(+), 31 deletions(-)

diff --git a/index.js b/index.js
index 803afeb52..17f80ad4f 100644
--- a/index.js
+++ b/index.js
@@ -1,8 +1,9 @@
-import { 
-  getPosts, 
-  addPost, 
-  getUserPosts, 
-  likePost, 
+
+import {
+  getPosts,
+  addPost,
+  getUserPosts,
+  likePost,
   dislikePost,
   uploadImage
 } from "./api.js";
@@ -27,21 +28,26 @@ export let user = getUserFromLocalStorage();
 export let page = null;
 export let posts = [];
 
-const getToken = () => {
+
+export const getToken = () => {
+
   const token = user ? `Bearer ${user.token}` : undefined;
+  console.log("Index: Полученный токен:", token);
   return token;
 };
 
+
 export const logout = () => {
   user = null;
   removeUserFromLocalStorage();
   goToPage(POSTS_PAGE);
 };
 
+
 const smoothPageTransition = (callback) => {
   const appEl = document.getElementById("app");
   const container = appEl.querySelector('.page-container');
-  
+
   if (container) {
     container.classList.remove('active');
     setTimeout(() => {
@@ -61,6 +67,7 @@ const smoothPageTransition = (callback) => {
   }
 };
 
+
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -83,13 +90,16 @@ export const goToPage = (newPage, data) => {
 
       return getPosts({ token: getToken() })
         .then((newPosts) => {
+          console.log("Index: Получены посты:", newPosts);
           page = POSTS_PAGE;
           posts = newPosts;
           renderApp();
         })
         .catch((error) => {
-          console.error(error);
-          goToPage(POSTS_PAGE);
+          console.error("Index: Ошибка получения постов:", error);
+         
+          page = POSTS_PAGE; 
+          renderApp();
         });
     }
 
@@ -99,13 +109,16 @@ export const goToPage = (newPage, data) => {
 
       return getUserPosts({ token: getToken(), userId: data.userId })
         .then((userPosts) => {
+          console.log("Index: Получены посты пользователя:", userPosts);
           page = USER_POSTS_PAGE;
           posts = userPosts;
           renderApp();
         })
         .catch((error) => {
-          console.error(error);
-          goToPage(POSTS_PAGE);
+          console.error("Index: Ошибка получения постов пользователя:", error);
+          
+          page = POSTS_PAGE;
+          renderApp();
         });
     }
 
@@ -118,14 +131,15 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
+
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
-  
 
   if (!token) {
+    console.log("Index: Попытка лайка без авторизации, перенаправляем на AUTH_PAGE");
     const appEl = document.getElementById("app");
     const container = appEl.querySelector('.page-container');
-    
+
     if (container) {
       container.classList.remove('active');
       setTimeout(() => {
@@ -138,9 +152,10 @@ export const toggleLike = (postId, isLiked) => {
   }
 
   const likePromise = isLiked ? dislikePost : likePost;
-  
+
   return likePromise({ token, postId })
     .then((responseData) => {
+      console.log("Index: Лайк/дизлайк успешен:", responseData);
       const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
         posts[postIndex] = responseData.post;
@@ -148,32 +163,34 @@ export const toggleLike = (postId, isLiked) => {
       }
     })
     .catch((error) => {
-      console.error("Ошибка при работе с лайком:", error);
+      console.error("Index: Ошибка при работе с лайком:", error);
       alert("Не удалось выполнить действие: " + error.message);
     });
 };
 
+
 function updatePostInDOM(postId, updatedPost) {
   const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
   if (postElement) {
     const likeImage = postElement.querySelector('img');
-    const newLikeImage = updatedPost.isLiked 
-      ? "./assets/images/like-active.svg" 
+    const newLikeImage = updatedPost.isLiked
+      ? "./assets/images/like-active.svg"
       : "./assets/images/like-not-active.svg";
     likeImage.src = newLikeImage;
-    
+
     const likesCountElement = postElement.closest('.post-likes').querySelector('.post-likes-text strong');
     if (likesCountElement) {
       likesCountElement.textContent = updatedPost.likes.length;
     }
-    
+
     postElement.dataset.isLiked = updatedPost.isLiked;
   }
 }
 
+
 const renderApp = () => {
   const appEl = document.getElementById("app");
-  
+
   if (page === LOADING_PAGE) {
     return renderLoadingPageComponent({
       appEl,
@@ -186,6 +203,7 @@ const renderApp = () => {
     return renderAuthPageComponent({
       appEl,
       setUser: (newUser) => {
+        console.log("Index: Установка нового пользователя:", newUser);
         user = newUser;
         saveUserToLocalStorage(user);
         smoothPageTransition(() => goToPage(POSTS_PAGE));
@@ -196,40 +214,42 @@ const renderApp = () => {
   }
 
   if (page === ADD_POSTS_PAGE) {
-    
+   
     if (!user) {
+      console.log("Index: Попытка доступа к ADD_POSTS_PAGE без авторизации");
       goToPage(AUTH_PAGE);
       return;
     }
-    
+
     return renderAddPostPageComponent({
       appEl,
       onAddPostClick({ description, imageUrl }) {
         const token = getToken();
+        console.log("Index: onAddPostClick вызван с данными:", { description, imageUrl });
+
         if (!token) {
+          console.log("Index: Нет токена при попытке добавить пост");
           smoothPageTransition(() => goToPage(AUTH_PAGE));
           return;
         }
-        
-        
+
         if (!description.trim()) {
           alert("Введите описание поста");
           return;
         }
-        
+
         if (!imageUrl) {
           alert("Загрузите изображение");
           return;
         }
-        
-        console.log("Отправляем данные на сервер:", { description, imageUrl });
-        
-        addPost({ token, description: description.trim(), imageUrl })
-          .then(() => {
+
+        addPost({ token, description, imageUrl })
+          .then((result) => {
+            console.log("Index: Пост успешно добавлен:", result);
             smoothPageTransition(() => goToPage(POSTS_PAGE));
           })
           .catch((error) => {
-            console.error("Ошибка при добавлении поста:", error);
+            console.error("Index: Ошибка при добавлении поста:", error);
             alert("Не удалось добавить пост: " + error.message);
           });
       },
@@ -258,4 +278,5 @@ const renderApp = () => {
   }
 };
 
+
 goToPage(POSTS_PAGE);

From c5a521d41577a9c0d0d4a0610b9ab395af14cfd8 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:57:56 +0500
Subject: [PATCH 073/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 42 ++++++++++++++++++++-------
 1 file changed, 31 insertions(+), 11 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index ab81a3772..61f6c4d6c 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,5 +1,11 @@
+
 import { renderUploadImageComponent } from "./upload-image-component.js";
 
+import { getToken } from "../index.js";
+
+import { addPost } from "../api.js";
+
+
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
   let currentImageUrl = "";
 
@@ -10,7 +16,7 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
         <h3 class="form-title">Добавить пост</h3>
         <div class="form-inputs">
           <div class="upload-image-container">
-            <div id="upload-image-conrainer"></div>
+            <div id="upload-image-container"></div>
           </div>
           <label>
             Описание поста
@@ -28,34 +34,48 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
   appEl.innerHTML = appHtml;
 
   renderUploadImageComponent({
-    element: document.getElementById("upload-image-conrainer"),
+    element: document.getElementById("upload-image-container"),
     onImageUrlChange: (imageUrl) => {
-      console.log("URL изображения обновлен:", imageUrl);
+      console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
       currentImageUrl = imageUrl;
     },
   });
 
   const addButton = document.getElementById("add-button");
-  if (addButton) {
+  const descriptionElement = document.getElementById("post-description");
+  const errorElement = document.getElementById("form-error");
+
+  if (addButton && descriptionElement && errorElement) {
     addButton.addEventListener("click", () => {
-      const description = document.getElementById("post-description").value.trim();
+      const description = descriptionElement.value;
 
-      console.log("Попытка добавить пост:", { description, imageUrl: currentImageUrl });
+     
+      errorElement.textContent = "";
 
-      if (!description) {
-        document.getElementById("form-error").textContent = "Введите описание поста";
+     
+      if (!description.trim()) {
+        errorElement.textContent = "Введите описание поста";
         return;
       }
 
       if (!currentImageUrl) {
-        document.getElementById("form-error").textContent = "Загрузите изображение";
+        errorElement.textContent = "Загрузите изображение";
+        return;
+      }
+
+     
+      const token = getToken();
+      if (!token) {
+        errorElement.textContent = "Ошибка авторизации. Пожалуйста, войдите снова.";
+        console.log("AddPostComponent: Нет токена для добавления поста");
         return;
       }
 
-      document.getElementById("form-error").textContent = "";
+      console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description, imageUrl: currentImageUrl });
 
+    
       onAddPostClick({
-        description,
+        description: description.trim(),
         imageUrl: currentImageUrl,
       });
     });

From c228891f8dec397268eac71c93056ff99c5b3e42 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:58:25 +0500
Subject: [PATCH 074/202] Update upload-image-component.js

---
 components/upload-image-component.js | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index d06029e45..4e35e5919 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -1,5 +1,7 @@
+
 import { uploadImage } from "../api.js";
 
+
 export function renderUploadImageComponent({ element, onImageUrlChange }) {
   let imageUrl = "";
 
@@ -7,13 +9,13 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     const html = `
       <div class="upload-image">
         ${imageUrl
-          ? `
+        ? `
           <div class="file-upload-image-container">
             <img class="file-upload-image" src="${imageUrl}" alt="Загруженное изображение">
             <button class="file-upload-remove-button button">Заменить фото</button>
           </div>
           `
-          : `
+        : `
           <label class="file-upload-label secondary-button">
             <input type="file" class="file-upload-input" accept="image/*" style="display:none">
             Выберите фото
@@ -21,7 +23,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
           `}
       </div>
     `;
-    
+
     element.innerHTML = html;
 
     const fileInput = element.querySelector(".file-upload-input");
@@ -36,27 +38,31 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
           }
 
           try {
-            console.log("Начинаем загрузку файла:", file.name);
+            console.log("UploadComponent: Начинаем загрузку файла:", file.name);
             const uploadResult = await uploadImage({ file });
-            
+            console.log("UploadComponent: Ответ от uploadImage:", uploadResult);
+
+            // Проверяем разные возможные поля с URL в ответе
             imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
-            
-            if (typeof onImageUrlChange === 'function') {
+            console.log("UploadComponent: Извлеченный imageUrl:", imageUrl);
+
+            if (imageUrl && typeof onImageUrlChange === 'function') {
               onImageUrlChange(imageUrl);
             }
-            
+
             render();
           } catch (error) {
-            console.error("Ошибка загрузки:", error);
-            
+            console.error("UploadComponent: Ошибка загрузки:", error);
+
             if (typeof onImageUrlChange === 'function') {
               onImageUrlChange("");
             }
-            
+
             const label = element.querySelector(".file-upload-label");
             if (label) {
               label.removeAttribute("disabled");
               label.textContent = "Ошибка загрузки";
+
               
               setTimeout(() => {
                 if (element.querySelector(".file-upload-label")) {

From 0cecce9d6c7a2e4fae91d340cc0cc04f324a39d0 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 12:58:57 +0500
Subject: [PATCH 075/202] Update helpers.js

---
 helpers.js | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/helpers.js b/helpers.js
index b47d3b777..9d9bba7ff 100644
--- a/helpers.js
+++ b/helpers.js
@@ -1,15 +1,28 @@
+
 export function saveUserToLocalStorage(user) {
-  window.localStorage.setItem("user", JSON.stringify(user));
+  try {
+    window.localStorage.setItem("user", JSON.stringify(user));
+  } catch (e) {
+    console.error("Helpers: Ошибка сохранения пользователя в localStorage:", e);
+  }
 }
 
-export function getUserFromLocalStorage(user) {
+
+export function getUserFromLocalStorage() {
   try {
-    return JSON.parse(window.localStorage.getItem("user"));
+    const userStr = window.localStorage.getItem("user");
+    return userStr ? JSON.parse(userStr) : null;
   } catch (error) {
+    console.error("Helpers: Ошибка получения пользователя из localStorage:", error);
     return null;
   }
 }
 
-export function removeUserFromLocalStorage(user) {
-  window.localStorage.removeItem("user");
+
+export function removeUserFromLocalStorage() {
+  try {
+    window.localStorage.removeItem("user");
+  } catch (e) {
+    console.error("Helpers: Ошибка удаления пользователя из localStorage:", e);
+  }
 }

From 8671520f0047b08a5f1adffee6c095a5c77a2074 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 13:02:11 +0500
Subject: [PATCH 076/202] Update api.js

---
 api.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/api.js b/api.js
index 0af06d3bc..745414740 100644
--- a/api.js
+++ b/api.js
@@ -1,16 +1,12 @@
-
 const personalKey = "prod";
-
-const baseHost = "https://wedev-api.sky.pro";
+const baseHost = "https://wedev-api.sky.pro"; 
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
-
 export function getPosts({ token }) {
   const headers = {
     "Content-Type": "application/json",
   };
 
-
   if (token) {
     headers.Authorization = token;
   }

From 38309a1974bdea4fe59b85a467d4961dd7502bab Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 13:04:07 +0500
Subject: [PATCH 077/202] Update index.js

---
 index.js | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/index.js b/index.js
index 17f80ad4f..6e1baa270 100644
--- a/index.js
+++ b/index.js
@@ -78,17 +78,11 @@ export const goToPage = (newPage, data) => {
       LOADING_PAGE,
     ].includes(newPage)
   ) {
-    if (newPage === ADD_POSTS_PAGE) {
-      
-      page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
-      return renderApp();
-    }
-
     if (newPage === POSTS_PAGE) {
       page = LOADING_PAGE;
       renderApp();
 
-      return getPosts({ token: getToken() })
+      return getPosts({ token: getToken() }) // Убедитесь, что токен передается
         .then((newPosts) => {
           console.log("Index: Получены посты:", newPosts);
           page = POSTS_PAGE;
@@ -97,6 +91,15 @@ export const goToPage = (newPage, data) => {
         })
         .catch((error) => {
           console.error("Index: Ошибка получения постов:", error);
+          alert("Не удалось получить посты: " + error.message);
+          page = POSTS_PAGE; // Показываем страницу даже с ошибкой
+          renderApp();
+        });
+    }
+
+    
+  }
+};
          
           page = POSTS_PAGE; 
           renderApp();

From 628b27ce7d0123d8dda0411a8e9912cb30272165 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 13:06:06 +0500
Subject: [PATCH 078/202] Update index.js

---
 index.js | 30 +++++++-----------------------
 1 file changed, 7 insertions(+), 23 deletions(-)

diff --git a/index.js b/index.js
index 6e1baa270..a60f4aa90 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,3 @@
-
 import {
   getPosts,
   addPost,
@@ -28,22 +27,18 @@ export let user = getUserFromLocalStorage();
 export let page = null;
 export let posts = [];
 
-
 export const getToken = () => {
-
   const token = user ? `Bearer ${user.token}` : undefined;
   console.log("Index: Полученный токен:", token);
   return token;
 };
 
-
 export const logout = () => {
   user = null;
   removeUserFromLocalStorage();
   goToPage(POSTS_PAGE);
 };
 
-
 const smoothPageTransition = (callback) => {
   const appEl = document.getElementById("app");
   const container = appEl.querySelector('.page-container');
@@ -67,7 +62,6 @@ const smoothPageTransition = (callback) => {
   }
 };
 
-
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -78,11 +72,16 @@ export const goToPage = (newPage, data) => {
       LOADING_PAGE,
     ].includes(newPage)
   ) {
+    if (newPage === ADD_POSTS_PAGE) {
+      page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
+      return renderApp();
+    }
+
     if (newPage === POSTS_PAGE) {
       page = LOADING_PAGE;
       renderApp();
 
-      return getPosts({ token: getToken() }) // Убедитесь, что токен передается
+      return getPosts({ token: getToken() })
         .then((newPosts) => {
           console.log("Index: Получены посты:", newPosts);
           page = POSTS_PAGE;
@@ -92,16 +91,7 @@ export const goToPage = (newPage, data) => {
         .catch((error) => {
           console.error("Index: Ошибка получения постов:", error);
           alert("Не удалось получить посты: " + error.message);
-          page = POSTS_PAGE; // Показываем страницу даже с ошибкой
-          renderApp();
-        });
-    }
-
-    
-  }
-};
-         
-          page = POSTS_PAGE; 
+          page = POSTS_PAGE;
           renderApp();
         });
     }
@@ -119,7 +109,6 @@ export const goToPage = (newPage, data) => {
         })
         .catch((error) => {
           console.error("Index: Ошибка получения постов пользователя:", error);
-          
           page = POSTS_PAGE;
           renderApp();
         });
@@ -134,7 +123,6 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
-
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
 
@@ -171,7 +159,6 @@ export const toggleLike = (postId, isLiked) => {
     });
 };
 
-
 function updatePostInDOM(postId, updatedPost) {
   const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
   if (postElement) {
@@ -190,7 +177,6 @@ function updatePostInDOM(postId, updatedPost) {
   }
 }
 
-
 const renderApp = () => {
   const appEl = document.getElementById("app");
 
@@ -217,7 +203,6 @@ const renderApp = () => {
   }
 
   if (page === ADD_POSTS_PAGE) {
-   
     if (!user) {
       console.log("Index: Попытка доступа к ADD_POSTS_PAGE без авторизации");
       goToPage(AUTH_PAGE);
@@ -281,5 +266,4 @@ const renderApp = () => {
   }
 };
 
-
 goToPage(POSTS_PAGE);

From 2f9f32a58ccea4db172f7de484aa9a853da4b193 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 13:10:01 +0500
Subject: [PATCH 079/202] Update api.js

---
 api.js | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/api.js b/api.js
index 745414740..b641ec52c 100644
--- a/api.js
+++ b/api.js
@@ -1,5 +1,5 @@
 const personalKey = "prod";
-const baseHost = "https://wedev-api.sky.pro"; 
+const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 export function getPosts({ token }) {
@@ -26,7 +26,6 @@ export function getPosts({ token }) {
     });
 }
 
-
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
     method: "POST",
@@ -50,7 +49,6 @@ export function registerUser({ login, password, name, imageUrl }) {
   });
 }
 
-
 export function loginUser({ login, password }) {
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
@@ -72,7 +70,6 @@ export function loginUser({ login, password }) {
   });
 }
 
-
 export function uploadImage({ file }) {
   const data = new FormData();
   data.append("file", file);
@@ -89,15 +86,13 @@ export function uploadImage({ file }) {
     });
 }
 
-
 export function addPost({ token, description, imageUrl }) {
-
   console.log("API: Отправляем данные на сервер:", { description, imageUrl });
 
   return fetch(postsHost, {
     method: "POST",
     headers: {
-     
+  
       Authorization: token,
       "Content-Type": "application/json",
     },
@@ -110,7 +105,7 @@ export function addPost({ token, description, imageUrl }) {
       throw new Error("Нет авторизации");
     }
     if (response.status === 400) {
-      
+     
       return response.json().then((errorData) => {
         console.error("API: Ошибка 400 от сервера:", errorData);
         throw new Error(errorData?.error || "Не переданы обязательные данные");
@@ -123,13 +118,11 @@ export function addPost({ token, description, imageUrl }) {
   });
 }
 
-
 export function getUserPosts({ token, userId }) {
   const headers = {
     "Content-Type": "application/json",
   };
 
- 
   if (token) {
     headers.Authorization = token;
   }
@@ -149,7 +142,6 @@ export function getUserPosts({ token, userId }) {
     });
 }
 
-
 export function likePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/like`, {
     method: "POST",
@@ -167,7 +159,6 @@ export function likePost({ token, postId }) {
   });
 }
 
-
 export function dislikePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/dislike`, {
     method: "POST",

From b77d9c127300346e342fa9242e2b32113865fed4 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 17:20:52 +0500
Subject: [PATCH 080/202] Update api.js

---
 api.js | 42 +++++++++++++++++++++++++++++++++++++-----
 1 file changed, 37 insertions(+), 5 deletions(-)

diff --git a/api.js b/api.js
index b641ec52c..cf8c98d32 100644
--- a/api.js
+++ b/api.js
@@ -1,12 +1,15 @@
+
 const personalKey = "prod";
-const baseHost = "https://wedev-api.sky.pro";
+const baseHost = "https://wedev-api.sky.pro"; // Исправлено: Удалены пробелы
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
+
 export function getPosts({ token }) {
   const headers = {
     "Content-Type": "application/json",
   };
 
+
   if (token) {
     headers.Authorization = token;
   }
@@ -16,6 +19,13 @@ export function getPosts({ token }) {
     headers,
   })
     .then((response) => {
+      
+      if (response.status === 400) {
+        
+        return response.json().then((errorData) => {
+          throw new Error(`Bad Request: ${errorData?.error || 'Invalid request'}`);
+        });
+      }
       if (!response.ok) {
         throw new Error(`HTTP error! status: ${response.status}`);
       }
@@ -26,6 +36,7 @@ export function getPosts({ token }) {
     });
 }
 
+
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
     method: "POST",
@@ -40,7 +51,10 @@ export function registerUser({ login, password, name, imageUrl }) {
     }),
   }).then((response) => {
     if (response.status === 400) {
-      throw new Error("Такой пользователь уже существует");
+    
+      return response.json().then((errorData) => {
+         throw new Error(errorData?.error || "Такой пользователь уже существует");
+      });
     }
     if (!response.ok) {
       throw new Error("Ошибка при регистрации");
@@ -49,6 +63,7 @@ export function registerUser({ login, password, name, imageUrl }) {
   });
 }
 
+
 export function loginUser({ login, password }) {
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
@@ -61,7 +76,10 @@ export function loginUser({ login, password }) {
     }),
   }).then((response) => {
     if (response.status === 400) {
-      throw new Error("Неверный логин или пароль");
+      
+      return response.json().then((errorData) => {
+         throw new Error(errorData?.error || "Неверный логин или пароль");
+      });
     }
     if (!response.ok) {
       throw new Error("Ошибка при входе");
@@ -70,6 +88,7 @@ export function loginUser({ login, password }) {
   });
 }
 
+
 export function uploadImage({ file }) {
   const data = new FormData();
   data.append("file", file);
@@ -86,15 +105,17 @@ export function uploadImage({ file }) {
     });
 }
 
+
 export function addPost({ token, description, imageUrl }) {
   console.log("API: Отправляем данные на сервер:", { description, imageUrl });
 
   return fetch(postsHost, {
     method: "POST",
     headers: {
-  
-      Authorization: token,
+      
       "Content-Type": "application/json",
+     
+      Authorization: token,
     },
     body: JSON.stringify({
       description: description || "",
@@ -108,6 +129,7 @@ export function addPost({ token, description, imageUrl }) {
      
       return response.json().then((errorData) => {
         console.error("API: Ошибка 400 от сервера:", errorData);
+       
         throw new Error(errorData?.error || "Не переданы обязательные данные");
       });
     }
@@ -118,11 +140,13 @@ export function addPost({ token, description, imageUrl }) {
   });
 }
 
+
 export function getUserPosts({ token, userId }) {
   const headers = {
     "Content-Type": "application/json",
   };
 
+  
   if (token) {
     headers.Authorization = token;
   }
@@ -132,6 +156,12 @@ export function getUserPosts({ token, userId }) {
     headers,
   })
     .then((response) => {
+    
+      if (response.status === 400) {
+        return response.json().then((errorData) => {
+          throw new Error(`Bad Request: ${errorData?.error || 'Invalid request'}`);
+        });
+      }
       if (!response.ok) {
         throw new Error(`HTTP error! status: ${response.status}`);
       }
@@ -142,6 +172,7 @@ export function getUserPosts({ token, userId }) {
     });
 }
 
+
 export function likePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/like`, {
     method: "POST",
@@ -159,6 +190,7 @@ export function likePost({ token, postId }) {
   });
 }
 
+
 export function dislikePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/dislike`, {
     method: "POST",

From ed0a89f28066f09936ab279098ccb4a778ad4542 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 17:23:32 +0500
Subject: [PATCH 081/202] Update index.js

---
 index.js | 45 +++++++++++++++++++++++++++++++++++++++------
 1 file changed, 39 insertions(+), 6 deletions(-)

diff --git a/index.js b/index.js
index a60f4aa90..74d5613f4 100644
--- a/index.js
+++ b/index.js
@@ -1,3 +1,4 @@
+
 import {
   getPosts,
   addPost,
@@ -27,18 +28,22 @@ export let user = getUserFromLocalStorage();
 export let page = null;
 export let posts = [];
 
+
 export const getToken = () => {
+  
   const token = user ? `Bearer ${user.token}` : undefined;
   console.log("Index: Полученный токен:", token);
   return token;
 };
 
+
 export const logout = () => {
   user = null;
   removeUserFromLocalStorage();
   goToPage(POSTS_PAGE);
 };
 
+
 const smoothPageTransition = (callback) => {
   const appEl = document.getElementById("app");
   const container = appEl.querySelector('.page-container');
@@ -62,7 +67,9 @@ const smoothPageTransition = (callback) => {
   }
 };
 
+
 export const goToPage = (newPage, data) => {
+  
   if (
     [
       POSTS_PAGE,
@@ -72,7 +79,9 @@ export const goToPage = (newPage, data) => {
       LOADING_PAGE,
     ].includes(newPage)
   ) {
+    
     if (newPage === ADD_POSTS_PAGE) {
+    
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -81,7 +90,7 @@ export const goToPage = (newPage, data) => {
       page = LOADING_PAGE;
       renderApp();
 
-      return getPosts({ token: getToken() })
+      return getPosts({ token: getToken() }) 
         .then((newPosts) => {
           console.log("Index: Получены посты:", newPosts);
           page = POSTS_PAGE;
@@ -90,8 +99,9 @@ export const goToPage = (newPage, data) => {
         })
         .catch((error) => {
           console.error("Index: Ошибка получения постов:", error);
+         
           alert("Не удалось получить посты: " + error.message);
-          page = POSTS_PAGE;
+          page = POSTS_PAGE; 
           renderApp();
         });
     }
@@ -100,7 +110,8 @@ export const goToPage = (newPage, data) => {
       page = LOADING_PAGE;
       renderApp();
 
-      return getUserPosts({ token: getToken(), userId: data.userId })
+     
+      return getUserPosts({ token: getToken(), userId: data?.userId })
         .then((userPosts) => {
           console.log("Index: Получены посты пользователя:", userPosts);
           page = USER_POSTS_PAGE;
@@ -109,11 +120,15 @@ export const goToPage = (newPage, data) => {
         })
         .catch((error) => {
           console.error("Index: Ошибка получения постов пользователя:", error);
+       
+          alert("Не удалось получить посты пользователя: " + error.message);
+          
           page = POSTS_PAGE;
           renderApp();
         });
     }
 
+    
     page = newPage;
     renderApp();
 
@@ -123,9 +138,11 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
+
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
 
+  
   if (!token) {
     console.log("Index: Попытка лайка без авторизации, перенаправляем на AUTH_PAGE");
     const appEl = document.getElementById("app");
@@ -149,7 +166,9 @@ export const toggleLike = (postId, isLiked) => {
       console.log("Index: Лайк/дизлайк успешен:", responseData);
       const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
+        
         posts[postIndex] = responseData.post;
+       
         updatePostInDOM(postId, responseData.post);
       }
     })
@@ -159,24 +178,32 @@ export const toggleLike = (postId, isLiked) => {
     });
 };
 
+
 function updatePostInDOM(postId, updatedPost) {
+ 
   const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
   if (postElement) {
     const likeImage = postElement.querySelector('img');
+    
     const newLikeImage = updatedPost.isLiked
       ? "./assets/images/like-active.svg"
       : "./assets/images/like-not-active.svg";
-    likeImage.src = newLikeImage;
+    if (likeImage) {
+      likeImage.src = newLikeImage;
+    }
 
-    const likesCountElement = postElement.closest('.post-likes').querySelector('.post-likes-text strong');
+    
+    const likesCountElement = postElement.closest('.post-likes')?.querySelector('.post-likes-text strong');
     if (likesCountElement) {
       likesCountElement.textContent = updatedPost.likes.length;
     }
 
+    
     postElement.dataset.isLiked = updatedPost.isLiked;
   }
 }
 
+
 const renderApp = () => {
   const appEl = document.getElementById("app");
 
@@ -195,6 +222,7 @@ const renderApp = () => {
         console.log("Index: Установка нового пользователя:", newUser);
         user = newUser;
         saveUserToLocalStorage(user);
+     
         smoothPageTransition(() => goToPage(POSTS_PAGE));
       },
       user,
@@ -203,6 +231,7 @@ const renderApp = () => {
   }
 
   if (page === ADD_POSTS_PAGE) {
+    
     if (!user) {
       console.log("Index: Попытка доступа к ADD_POSTS_PAGE без авторизации");
       goToPage(AUTH_PAGE);
@@ -211,12 +240,14 @@ const renderApp = () => {
 
     return renderAddPostPageComponent({
       appEl,
-      onAddPostClick({ description, imageUrl }) {
+      
+      onAddPostClick: ({ description, imageUrl }) => {
         const token = getToken();
         console.log("Index: onAddPostClick вызван с данными:", { description, imageUrl });
 
         if (!token) {
           console.log("Index: Нет токена при попытке добавить пост");
+         
           smoothPageTransition(() => goToPage(AUTH_PAGE));
           return;
         }
@@ -231,9 +262,11 @@ const renderApp = () => {
           return;
         }
 
+       
         addPost({ token, description, imageUrl })
           .then((result) => {
             console.log("Index: Пост успешно добавлен:", result);
+           
             smoothPageTransition(() => goToPage(POSTS_PAGE));
           })
           .catch((error) => {

From 94b8957043c70ba412e73f9bdf6ef94f52fc8a6e Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 17:24:54 +0500
Subject: [PATCH 082/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 33 +++++++++++++++++----------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 61f6c4d6c..946af6257 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -3,7 +3,6 @@ import { renderUploadImageComponent } from "./upload-image-component.js";
 
 import { getToken } from "../index.js";
 
-import { addPost } from "../api.js";
 
 
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
@@ -33,18 +32,25 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
 
   appEl.innerHTML = appHtml;
 
-  renderUploadImageComponent({
-    element: document.getElementById("upload-image-container"),
-    onImageUrlChange: (imageUrl) => {
-      console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
-      currentImageUrl = imageUrl;
-    },
-  });
+  
+  const uploadContainerElement = document.getElementById("upload-image-container");
+  if (uploadContainerElement) {
+    renderUploadImageComponent({
+      element: uploadContainerElement, 
+      onImageUrlChange: (imageUrl) => {
+        console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
+        currentImageUrl = imageUrl;
+      },
+    });
+  } else {
+    console.error("AddPostComponent: Элемент 'upload-image-container' не найден в DOM.");
+  }
 
   const addButton = document.getElementById("add-button");
   const descriptionElement = document.getElementById("post-description");
   const errorElement = document.getElementById("form-error");
 
+ 
   if (addButton && descriptionElement && errorElement) {
     addButton.addEventListener("click", () => {
       const description = descriptionElement.value;
@@ -52,7 +58,7 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
      
       errorElement.textContent = "";
 
-     
+      
       if (!description.trim()) {
         errorElement.textContent = "Введите описание поста";
         return;
@@ -63,21 +69,24 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
         return;
       }
 
-     
+   
       const token = getToken();
       if (!token) {
         errorElement.textContent = "Ошибка авторизации. Пожалуйста, войдите снова.";
-        console.log("AddPostComponent: Нет токена для добавления поста");
+        console.warn("AddPostComponent: Попытка добавить пост без токена.");
+      
         return;
       }
 
       console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description, imageUrl: currentImageUrl });
 
-    
+
       onAddPostClick({
         description: description.trim(),
         imageUrl: currentImageUrl,
       });
     });
+  } else {
+    console.error("AddPostComponent: Один или несколько необходимых элементов форм не найдены.");
   }
 }

From 852783137d76e3fd2a51d7bf28313b45d519f8e1 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 17:26:21 +0500
Subject: [PATCH 083/202] Update upload-image-component.js

---
 components/upload-image-component.js | 44 ++++++++++++++++++++++------
 1 file changed, 35 insertions(+), 9 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 4e35e5919..1a2b21942 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -3,6 +3,12 @@ import { uploadImage } from "../api.js";
 
 
 export function renderUploadImageComponent({ element, onImageUrlChange }) {
+ 
+  if (!element) {
+    console.error("UploadImageComponent: Не передан DOM-элемент для рендеринга.");
+    return;
+  }
+
   let imageUrl = "";
 
   const render = () => {
@@ -28,9 +34,12 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
 
     const fileInput = element.querySelector(".file-upload-input");
     if (fileInput) {
+    
       fileInput.addEventListener("change", async (event) => {
-        const file = event.target.files[0];
-        if (file) {
+        
+        const files = event.target.files;
+        if (files && files.length > 0) {
+          const file = files[0];
           const label = element.querySelector(".file-upload-label");
           if (label) {
             label.setAttribute("disabled", "true");
@@ -42,20 +51,34 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             const uploadResult = await uploadImage({ file });
             console.log("UploadComponent: Ответ от uploadImage:", uploadResult);
 
-            // Проверяем разные возможные поля с URL в ответе
-            imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
+            
+            if (uploadResult && typeof uploadResult === 'object' && uploadResult.fileUrl) {
+              imageUrl = uploadResult.fileUrl; 
+            } else {
+              
+              imageUrl = uploadResult?.imageUrl || uploadResult?.url || "";
+          
+              if (!imageUrl) {
+                 console.warn("UploadComponent: URL изображения не найден в ответе API.", uploadResult);
+                 throw new Error("URL изображения отсутствует в ответе сервера.");
+              }
+            }
             console.log("UploadComponent: Извлеченный imageUrl:", imageUrl);
 
-            if (imageUrl && typeof onImageUrlChange === 'function') {
+          
+            if (typeof onImageUrlChange === 'function') {
               onImageUrlChange(imageUrl);
+            } else {
+              console.warn("UploadComponent: onImageUrlChange не является функцией.");
             }
 
             render();
           } catch (error) {
             console.error("UploadComponent: Ошибка загрузки:", error);
 
+           
             if (typeof onImageUrlChange === 'function') {
-              onImageUrlChange("");
+              onImageUrlChange(""); 
             }
 
             const label = element.querySelector(".file-upload-label");
@@ -63,10 +86,12 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
               label.removeAttribute("disabled");
               label.textContent = "Ошибка загрузки";
 
-              
+             
               setTimeout(() => {
-                if (element.querySelector(".file-upload-label")) {
-                  element.querySelector(".file-upload-label").textContent = "Выберите фото";
+               
+                const currentLabel = element.querySelector(".file-upload-label");
+                if (currentLabel) {
+                  currentLabel.textContent = "Выберите фото";
                 }
               }, 2000);
             }
@@ -79,6 +104,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     if (removeButton) {
       removeButton.addEventListener("click", () => {
         imageUrl = "";
+      
         if (typeof onImageUrlChange === 'function') {
           onImageUrlChange(imageUrl);
         }

From e4feefd2fcf2a24e6cad417db3ce8918c714ade8 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 17:27:33 +0500
Subject: [PATCH 084/202] Update helpers.js

---
 helpers.js | 35 +++++++++++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/helpers.js b/helpers.js
index 9d9bba7ff..b23f6a56d 100644
--- a/helpers.js
+++ b/helpers.js
@@ -1,7 +1,25 @@
 
 export function saveUserToLocalStorage(user) {
+
+  if (user === null || user === undefined) {
+    console.warn("Helpers: Попытка сохранить пустого пользователя в localStorage.");
+    removeUserFromLocalStorage();
+    return;
+  }
+
   try {
-    window.localStorage.setItem("user", JSON.stringify(user));
+ 
+    if (typeof user === 'object' && user !== null && !Array.isArray(user)) {
+      
+       if (user.token && user.name && user.id !== undefined) { 
+         window.localStorage.setItem("user", JSON.stringify(user));
+         console.log("Helpers: Пользователь успешно сохранен в localStorage.");
+       } else {
+         console.warn("Helpers: Объект пользователя не содержит всех обязательных полей (token, name, id).", user);
+       }
+    } else {
+       console.warn("Helpers: Попытка сохранить некорректный объект пользователя.", user);
+    }
   } catch (e) {
     console.error("Helpers: Ошибка сохранения пользователя в localStorage:", e);
   }
@@ -11,7 +29,19 @@ export function saveUserToLocalStorage(user) {
 export function getUserFromLocalStorage() {
   try {
     const userStr = window.localStorage.getItem("user");
-    return userStr ? JSON.parse(userStr) : null;
+ 
+    if (userStr && userStr !== "null" && userStr !== "undefined") {
+      const user = JSON.parse(userStr);
+     
+      if (user && typeof user === 'object' && user.token && user.name && user.id !== undefined) {
+         console.log("Helpers: Пользователь успешно получен из localStorage.");
+         return user;
+      } else {
+         console.warn("Helpers: Некорректные данные пользователя в localStorage.", user);
+         return null;
+      }
+    }
+    return null;
   } catch (error) {
     console.error("Helpers: Ошибка получения пользователя из localStorage:", error);
     return null;
@@ -22,6 +52,7 @@ export function getUserFromLocalStorage() {
 export function removeUserFromLocalStorage() {
   try {
     window.localStorage.removeItem("user");
+    console.log("Helpers: Пользователь успешно удален из localStorage.");
   } catch (e) {
     console.error("Helpers: Ошибка удаления пользователя из localStorage:", e);
   }

From 0b166be99fea9beffa2bbf9a8fe1a44dd3e75f9d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 17:31:03 +0500
Subject: [PATCH 085/202] Update api.js

---
 api.js | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/api.js b/api.js
index cf8c98d32..00327a6a6 100644
--- a/api.js
+++ b/api.js
@@ -1,13 +1,11 @@
 
 const personalKey = "prod";
-const baseHost = "https://wedev-api.sky.pro"; // Исправлено: Удалены пробелы
+const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 
 export function getPosts({ token }) {
-  const headers = {
-    "Content-Type": "application/json",
-  };
+  const headers = {};
 
 
   if (token) {
@@ -19,13 +17,6 @@ export function getPosts({ token }) {
     headers,
   })
     .then((response) => {
-      
-      if (response.status === 400) {
-        
-        return response.json().then((errorData) => {
-          throw new Error(`Bad Request: ${errorData?.error || 'Invalid request'}`);
-        });
-      }
       if (!response.ok) {
         throw new Error(`HTTP error! status: ${response.status}`);
       }

From d76daab787cdc1c453f8f8491cd36ab5ffe83792 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 17:41:33 +0500
Subject: [PATCH 086/202] Update api.js

---
 api.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/api.js b/api.js
index 00327a6a6..0a106c9c4 100644
--- a/api.js
+++ b/api.js
@@ -55,19 +55,18 @@ export function registerUser({ login, password, name, imageUrl }) {
 }
 
 
+
 export function loginUser({ login, password }) {
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
+  
+    headers: {},
     body: JSON.stringify({
       login,
       password,
     }),
   }).then((response) => {
     if (response.status === 400) {
-      
       return response.json().then((errorData) => {
          throw new Error(errorData?.error || "Неверный логин или пароль");
       });

From f6e757301806cdade465a221ac34d8a19e0b2420 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 17:49:11 +0500
Subject: [PATCH 087/202] Update api.js

---
 api.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/api.js b/api.js
index 0a106c9c4..fefc48f2f 100644
--- a/api.js
+++ b/api.js
@@ -96,15 +96,13 @@ export function uploadImage({ file }) {
 }
 
 
+
 export function addPost({ token, description, imageUrl }) {
   console.log("API: Отправляем данные на сервер:", { description, imageUrl });
 
   return fetch(postsHost, {
     method: "POST",
     headers: {
-      
-      "Content-Type": "application/json",
-     
       Authorization: token,
     },
     body: JSON.stringify({
@@ -116,10 +114,8 @@ export function addPost({ token, description, imageUrl }) {
       throw new Error("Нет авторизации");
     }
     if (response.status === 400) {
-     
       return response.json().then((errorData) => {
         console.error("API: Ошибка 400 от сервера:", errorData);
-       
         throw new Error(errorData?.error || "Не переданы обязательные данные");
       });
     }

From f34984f92d7182d332fadec1801c905578c1f039 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 10 Aug 2025 17:57:19 +0500
Subject: [PATCH 088/202] Update helpers.js

---
 helpers.js | 36 ++++++++++++------------------------
 1 file changed, 12 insertions(+), 24 deletions(-)

diff --git a/helpers.js b/helpers.js
index b23f6a56d..fadf80622 100644
--- a/helpers.js
+++ b/helpers.js
@@ -1,25 +1,14 @@
 
 export function saveUserToLocalStorage(user) {
-
-  if (user === null || user === undefined) {
-    console.warn("Helpers: Попытка сохранить пустого пользователя в localStorage.");
-    removeUserFromLocalStorage();
+  
+  if (!user || !user.token || !user.name || !user.id) {
+    console.warn("Helpers: Попытка сохранить некорректного пользователя в localStorage.", user);
     return;
   }
 
   try {
- 
-    if (typeof user === 'object' && user !== null && !Array.isArray(user)) {
-      
-       if (user.token && user.name && user.id !== undefined) { 
-         window.localStorage.setItem("user", JSON.stringify(user));
-         console.log("Helpers: Пользователь успешно сохранен в localStorage.");
-       } else {
-         console.warn("Helpers: Объект пользователя не содержит всех обязательных полей (token, name, id).", user);
-       }
-    } else {
-       console.warn("Helpers: Попытка сохранить некорректный объект пользователя.", user);
-    }
+    window.localStorage.setItem("user", JSON.stringify(user));
+    console.log("Helpers: Пользователь успешно сохранен в localStorage.");
   } catch (e) {
     console.error("Helpers: Ошибка сохранения пользователя в localStorage:", e);
   }
@@ -29,16 +18,15 @@ export function saveUserToLocalStorage(user) {
 export function getUserFromLocalStorage() {
   try {
     const userStr = window.localStorage.getItem("user");
- 
-    if (userStr && userStr !== "null" && userStr !== "undefined") {
+    if (userStr) {
       const user = JSON.parse(userStr);
-     
-      if (user && typeof user === 'object' && user.token && user.name && user.id !== undefined) {
-         console.log("Helpers: Пользователь успешно получен из localStorage.");
-         return user;
+    
+      if (user && user.token && user.name && user.id) {
+        console.log("Helpers: Пользователь успешно получен из localStorage.");
+        return user;
       } else {
-         console.warn("Helpers: Некорректные данные пользователя в localStorage.", user);
-         return null;
+        console.warn("Helpers: Некорректные данные пользователя в localStorage.", user);
+        return null;
       }
     }
     return null;

From 5efba1adbc61c22c4f64da91726ed66717f127b6 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 20:46:44 +0500
Subject: [PATCH 089/202] Update api.js

---
 api.js | 162 +++++++++++++++++++++++----------------------------------
 1 file changed, 65 insertions(+), 97 deletions(-)

diff --git a/api.js b/api.js
index fefc48f2f..21d5d0988 100644
--- a/api.js
+++ b/api.js
@@ -1,13 +1,18 @@
-
+// api.js
 const personalKey = "prod";
 const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
-
+/**
+ * Получить список всех постов.
+ * @param {Object} params
+ * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
+ * @returns {Promise<Array>} - Массив постов.
+ */
 export function getPosts({ token }) {
   const headers = {};
 
-
+ 
   if (token) {
     headers.Authorization = token;
   }
@@ -27,13 +32,50 @@ export function getPosts({ token }) {
     });
 }
 
+/**
+ * Получить посты конкретного пользователя.
+ * @param {Object} params
+ * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
+ * @param {string} params.userId - ID пользователя.
+ * @returns {Promise<Array>} - Массив постов пользователя.
+ */
+export function getUserPosts({ token, userId }) {
+  const headers = {};
+
+
+  if (token) {
+    headers.Authorization = token;
+  }
+
+  return fetch(`${postsHost}/user-posts/${userId}`, {
+    method: "GET",
+    headers,
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    })
+    .then((data) => {
+      return data.posts;
+    });
+}
 
+/**
+ * Регистрация нового пользователя.
+ * @param {Object} params
+ * @param {string} params.login
+ * @param {string} params.password
+ * @param {string} params.name
+ * @param {string} params.imageUrl
+ * @returns {Promise<Object>} - Данные нового пользователя.
+ */
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
     method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
+  
+    headers: {},
     body: JSON.stringify({
       login,
       password,
@@ -42,7 +84,6 @@ export function registerUser({ login, password, name, imageUrl }) {
     }),
   }).then((response) => {
     if (response.status === 400) {
-    
       return response.json().then((errorData) => {
          throw new Error(errorData?.error || "Такой пользователь уже существует");
       });
@@ -54,12 +95,17 @@ export function registerUser({ login, password, name, imageUrl }) {
   });
 }
 
-
-
+/**
+ * Авторизация пользователя.
+ * @param {Object} params
+ * @param {string} params.login
+ * @param {string} params.password
+ * @returns {Promise<Object>} - Данные авторизованного пользователя.
+ */
 export function loginUser({ login, password }) {
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
-  
+ 
     headers: {},
     body: JSON.stringify({
       login,
@@ -78,31 +124,21 @@ export function loginUser({ login, password }) {
   });
 }
 
-
-export function uploadImage({ file }) {
-  const data = new FormData();
-  data.append("file", file);
-
-  return fetch(baseHost + "/api/upload/image", {
-    method: "POST",
-    body: data,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    });
-}
-
-
-
+/**
+ * Добавление нового поста.
+ * @param {Object} params
+ * @param {string} params.token - Токен авторизации (обязательно).
+ * @param {string} params.description - Описание поста.
+ * @param {string} params.imageUrl - URL изображения.
+ * @returns {Promise<Object>} - Результат операции.
+ */
 export function addPost({ token, description, imageUrl }) {
   console.log("API: Отправляем данные на сервер:", { description, imageUrl });
 
   return fetch(postsHost, {
     method: "POST",
     headers: {
+     
       Authorization: token,
     },
     body: JSON.stringify({
@@ -125,71 +161,3 @@ export function addPost({ token, description, imageUrl }) {
     return response.json();
   });
 }
-
-
-export function getUserPosts({ token, userId }) {
-  const headers = {
-    "Content-Type": "application/json",
-  };
-
-  
-  if (token) {
-    headers.Authorization = token;
-  }
-
-  return fetch(`${postsHost}/user-posts/${userId}`, {
-    method: "GET",
-    headers,
-  })
-    .then((response) => {
-    
-      if (response.status === 400) {
-        return response.json().then((errorData) => {
-          throw new Error(`Bad Request: ${errorData?.error || 'Invalid request'}`);
-        });
-      }
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    })
-    .then((data) => {
-      return data.posts;
-    });
-}
-
-
-export function likePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/like`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при лайке");
-    }
-    return response.json();
-  });
-}
-
-
-export function dislikePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/dislike`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при дизлайке");
-    }
-    return response.json();
-  });
-}

From fd1018ad74438c295e69e5bed376589a64bda9a1 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 20:51:23 +0500
Subject: [PATCH 090/202] Update api.js

---
 api.js | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/api.js b/api.js
index 21d5d0988..d026d5e2b 100644
--- a/api.js
+++ b/api.js
@@ -1,6 +1,6 @@
-// api.js
+
 const personalKey = "prod";
-const baseHost = "https://wedev-api.sky.pro";
+const baseHost = "https://wedev-api.sky.pro"; // Исправлено: Убраны пробелы
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 /**
@@ -12,7 +12,6 @@ const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 export function getPosts({ token }) {
   const headers = {};
 
- 
   if (token) {
     headers.Authorization = token;
   }
@@ -73,8 +72,7 @@ export function getUserPosts({ token, userId }) {
  */
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
-    method: "POST",
-  
+
     headers: {},
     body: JSON.stringify({
       login,
@@ -138,7 +136,7 @@ export function addPost({ token, description, imageUrl }) {
   return fetch(postsHost, {
     method: "POST",
     headers: {
-     
+  
       Authorization: token,
     },
     body: JSON.stringify({
@@ -161,3 +159,25 @@ export function addPost({ token, description, imageUrl }) {
     return response.json();
   });
 }
+
+/**
+ * Загрузка изображения.
+ * @param {Object} params
+ * @param {File} params.file - Файл изображения.
+ * @returns {Promise<Object>} - Данные загрузки (включая URL).
+ */
+export function uploadImage({ file }) {
+  const data = new FormData();
+  data.append("file", file);
+
+  return fetch(baseHost + "/api/upload/image", {
+    method: "POST",
+    body: data,
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    });
+}

From ca8b89f469724d9ea0fd9d2f5f0c4959f031ea4f Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 20:54:39 +0500
Subject: [PATCH 091/202] Update api.js

---
 api.js | 155 +--------------------------------------------------------
 1 file changed, 1 insertion(+), 154 deletions(-)

diff --git a/api.js b/api.js
index d026d5e2b..0da558219 100644
--- a/api.js
+++ b/api.js
@@ -1,142 +1,11 @@
 
-const personalKey = "prod";
-const baseHost = "https://wedev-api.sky.pro"; // Исправлено: Убраны пробелы
-const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
-
-/**
- * Получить список всех постов.
- * @param {Object} params
- * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
- * @returns {Promise<Array>} - Массив постов.
- */
-export function getPosts({ token }) {
-  const headers = {};
-
-  if (token) {
-    headers.Authorization = token;
-  }
-
-  return fetch(postsHost, {
-    method: "GET",
-    headers,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    })
-    .then((data) => {
-      return data.posts;
-    });
-}
-
-/**
- * Получить посты конкретного пользователя.
- * @param {Object} params
- * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
- * @param {string} params.userId - ID пользователя.
- * @returns {Promise<Array>} - Массив постов пользователя.
- */
-export function getUserPosts({ token, userId }) {
-  const headers = {};
-
-
-  if (token) {
-    headers.Authorization = token;
-  }
-
-  return fetch(`${postsHost}/user-posts/${userId}`, {
-    method: "GET",
-    headers,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    })
-    .then((data) => {
-      return data.posts;
-    });
-}
-
-/**
- * Регистрация нового пользователя.
- * @param {Object} params
- * @param {string} params.login
- * @param {string} params.password
- * @param {string} params.name
- * @param {string} params.imageUrl
- * @returns {Promise<Object>} - Данные нового пользователя.
- */
-export function registerUser({ login, password, name, imageUrl }) {
-  return fetch(baseHost + "/api/user", {
-
-    headers: {},
-    body: JSON.stringify({
-      login,
-      password,
-      name,
-      imageUrl,
-    }),
-  }).then((response) => {
-    if (response.status === 400) {
-      return response.json().then((errorData) => {
-         throw new Error(errorData?.error || "Такой пользователь уже существует");
-      });
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при регистрации");
-    }
-    return response.json();
-  });
-}
-
-/**
- * Авторизация пользователя.
- * @param {Object} params
- * @param {string} params.login
- * @param {string} params.password
- * @returns {Promise<Object>} - Данные авторизованного пользователя.
- */
-export function loginUser({ login, password }) {
-  return fetch(baseHost + "/api/user/login", {
-    method: "POST",
- 
-    headers: {},
-    body: JSON.stringify({
-      login,
-      password,
-    }),
-  }).then((response) => {
-    if (response.status === 400) {
-      return response.json().then((errorData) => {
-         throw new Error(errorData?.error || "Неверный логин или пароль");
-      });
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при входе");
-    }
-    return response.json();
-  });
-}
-
-/**
- * Добавление нового поста.
- * @param {Object} params
- * @param {string} params.token - Токен авторизации (обязательно).
- * @param {string} params.description - Описание поста.
- * @param {string} params.imageUrl - URL изображения.
- * @returns {Promise<Object>} - Результат операции.
- */
 export function addPost({ token, description, imageUrl }) {
   console.log("API: Отправляем данные на сервер:", { description, imageUrl });
 
   return fetch(postsHost, {
     method: "POST",
     headers: {
-  
+
       Authorization: token,
     },
     body: JSON.stringify({
@@ -159,25 +28,3 @@ export function addPost({ token, description, imageUrl }) {
     return response.json();
   });
 }
-
-/**
- * Загрузка изображения.
- * @param {Object} params
- * @param {File} params.file - Файл изображения.
- * @returns {Promise<Object>} - Данные загрузки (включая URL).
- */
-export function uploadImage({ file }) {
-  const data = new FormData();
-  data.append("file", file);
-
-  return fetch(baseHost + "/api/upload/image", {
-    method: "POST",
-    body: data,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    });
-}

From 260b0be0a6cadc45f43df229790ee009b04dc405 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 20:59:53 +0500
Subject: [PATCH 092/202] Update api.js

---
 api.js | 205 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 204 insertions(+), 1 deletion(-)

diff --git a/api.js b/api.js
index 0da558219..68c591fbd 100644
--- a/api.js
+++ b/api.js
@@ -1,11 +1,144 @@
+// api.js
+const personalKey = "prod";
+const baseHost = "https://wedev-api.sky.pro"; // Исправлено: Убраны пробелы
+const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
+/**
+ * Получить список всех постов.
+ * @param {Object} params
+ * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
+ * @returns {Promise<Array>} - Массив постов.
+ */
+export function getPosts({ token }) {
+  const headers = {};
+
+  // Если токен предоставлен, добавляем его в заголовки
+  if (token) {
+    headers.Authorization = token;
+  }
+
+  return fetch(postsHost, {
+    method: "GET",
+    headers,
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    })
+    .then((data) => {
+      return data.posts;
+    });
+}
+
+/**
+ * Получить посты конкретного пользователя.
+ * @param {Object} params
+ * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
+ * @param {string} params.userId - ID пользователя.
+ * @returns {Promise<Array>} - Массив постов пользователя.
+ */
+export function getUserPosts({ token, userId }) {
+  const headers = {};
+
+  // Если токен предоставлен, добавляем его в заголовки
+  if (token) {
+    headers.Authorization = token;
+  }
+
+  return fetch(`${postsHost}/user-posts/${userId}`, {
+    method: "GET",
+    headers,
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    })
+    .then((data) => {
+      return data.posts;
+    });
+}
+
+/**
+ * Регистрация нового пользователя.
+ * @param {Object} params
+ * @param {string} params.login
+ * @param {string} params.password
+ * @param {string} params.name
+ * @param {string} params.imageUrl
+ * @returns {Promise<Object>} - Данные нового пользователя.
+ */
+export function registerUser({ login, password, name, imageUrl }) {
+  return fetch(baseHost + "/api/user", {
+    method: "POST",
+    // Убираем Content-Type: application/json
+    headers: {},
+    body: JSON.stringify({
+      login,
+      password,
+      name,
+      imageUrl,
+    }),
+  }).then((response) => {
+    if (response.status === 400) {
+      return response.json().then((errorData) => {
+         throw new Error(errorData?.error || "Такой пользователь уже существует");
+      });
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при регистрации");
+    }
+    return response.json();
+  });
+}
+
+/**
+ * Авторизация пользователя.
+ * @param {Object} params
+ * @param {string} params.login
+ * @param {string} params.password
+ * @returns {Promise<Object>} - Данные авторизованного пользователя.
+ */
+export function loginUser({ login, password }) {
+  return fetch(baseHost + "/api/user/login", {
+    method: "POST",
+    // Убираем Content-Type: application/json
+    headers: {},
+    body: JSON.stringify({
+      login,
+      password,
+    }),
+  }).then((response) => {
+    if (response.status === 400) {
+      return response.json().then((errorData) => {
+         throw new Error(errorData?.error || "Неверный логин или пароль");
+      });
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при входе");
+    }
+    return response.json();
+  });
+}
+
+/**
+ * Добавление нового поста.
+ * @param {Object} params
+ * @param {string} params.token - Токен авторизации (обязательно).
+ * @param {string} params.description - Описание поста.
+ * @param {string} params.imageUrl - URL изображения.
+ * @returns {Promise<Object>} - Результат операции.
+ */
 export function addPost({ token, description, imageUrl }) {
   console.log("API: Отправляем данные на сервер:", { description, imageUrl });
 
   return fetch(postsHost, {
     method: "POST",
     headers: {
-
+      // Убираем Content-Type: application/json
       Authorization: token,
     },
     body: JSON.stringify({
@@ -28,3 +161,73 @@ export function addPost({ token, description, imageUrl }) {
     return response.json();
   });
 }
+
+/**
+ * Загрузка изображения.
+ * @param {Object} params
+ * @param {File} params.file - Файл изображения.
+ * @returns {Promise<Object>} - Данные загрузки (включая URL).
+ */
+export function uploadImage({ file }) {
+  const data = new FormData();
+  data.append("file", file);
+
+  return fetch(baseHost + "/api/upload/image", {
+    method: "POST",
+    body: data,
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    });
+}
+
+/**
+ * Поставить лайк посту.
+ * @param {Object} params
+ * @param {string} params.token - Токен авторизации (обязательно).
+ * @param {string} params.postId - ID поста.
+ * @returns {Promise<Object>} - Обновленный пост.
+ */
+export function likePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/like`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при лайке");
+    }
+    return response.json();
+  });
+}
+
+/**
+ * Убрать лайк с поста.
+ * @param {Object} params
+ * @param {string} params.token - Токен авторизации (обязательно).
+ * @param {string} params.postId - ID поста.
+ * @returns {Promise<Object>} - Обновленный пост.
+ */
+export function dislikePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/dislike`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при дизлайке");
+    }
+    return response.json();
+  });
+}

From 0d0ed872ae0e43f55e531ab8cc8319c90ff73395 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:05:14 +0500
Subject: [PATCH 093/202] Update api.js

---
 api.js | 118 +++------------------------------------------------------
 1 file changed, 5 insertions(+), 113 deletions(-)

diff --git a/api.js b/api.js
index 68c591fbd..410012299 100644
--- a/api.js
+++ b/api.js
@@ -1,4 +1,4 @@
-// api.js
+
 const personalKey = "prod";
 const baseHost = "https://wedev-api.sky.pro"; // Исправлено: Убраны пробелы
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
@@ -12,7 +12,7 @@ const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 export function getPosts({ token }) {
   const headers = {};
 
-  // Если токен предоставлен, добавляем его в заголовки
+  
   if (token) {
     headers.Authorization = token;
   }
@@ -42,7 +42,7 @@ export function getPosts({ token }) {
 export function getUserPosts({ token, userId }) {
   const headers = {};
 
-  // Если токен предоставлен, добавляем его в заголовки
+
   if (token) {
     headers.Authorization = token;
   }
@@ -74,7 +74,7 @@ export function getUserPosts({ token, userId }) {
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
     method: "POST",
-    // Убираем Content-Type: application/json
+    
     headers: {},
     body: JSON.stringify({
       login,
@@ -105,7 +105,7 @@ export function registerUser({ login, password, name, imageUrl }) {
 export function loginUser({ login, password }) {
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
-    // Убираем Content-Type: application/json
+ 
     headers: {},
     body: JSON.stringify({
       login,
@@ -123,111 +123,3 @@ export function loginUser({ login, password }) {
     return response.json();
   });
 }
-
-/**
- * Добавление нового поста.
- * @param {Object} params
- * @param {string} params.token - Токен авторизации (обязательно).
- * @param {string} params.description - Описание поста.
- * @param {string} params.imageUrl - URL изображения.
- * @returns {Promise<Object>} - Результат операции.
- */
-export function addPost({ token, description, imageUrl }) {
-  console.log("API: Отправляем данные на сервер:", { description, imageUrl });
-
-  return fetch(postsHost, {
-    method: "POST",
-    headers: {
-      // Убираем Content-Type: application/json
-      Authorization: token,
-    },
-    body: JSON.stringify({
-      description: description || "",
-      imageUrl: imageUrl || "",
-    }),
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    if (response.status === 400) {
-      return response.json().then((errorData) => {
-        console.error("API: Ошибка 400 от сервера:", errorData);
-        throw new Error(errorData?.error || "Не переданы обязательные данные");
-      });
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при добавлении поста");
-    }
-    return response.json();
-  });
-}
-
-/**
- * Загрузка изображения.
- * @param {Object} params
- * @param {File} params.file - Файл изображения.
- * @returns {Promise<Object>} - Данные загрузки (включая URL).
- */
-export function uploadImage({ file }) {
-  const data = new FormData();
-  data.append("file", file);
-
-  return fetch(baseHost + "/api/upload/image", {
-    method: "POST",
-    body: data,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    });
-}
-
-/**
- * Поставить лайк посту.
- * @param {Object} params
- * @param {string} params.token - Токен авторизации (обязательно).
- * @param {string} params.postId - ID поста.
- * @returns {Promise<Object>} - Обновленный пост.
- */
-export function likePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/like`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при лайке");
-    }
-    return response.json();
-  });
-}
-
-/**
- * Убрать лайк с поста.
- * @param {Object} params
- * @param {string} params.token - Токен авторизации (обязательно).
- * @param {string} params.postId - ID поста.
- * @returns {Promise<Object>} - Обновленный пост.
- */
-export function dislikePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/dislike`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  }).then((response) => {
-    if (response.status === 401) {
-      throw new Error("Нет авторизации");
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при дизлайке");
-    }
-    return response.json();
-  });
-}

From a95681ac5189fe037d9a64ce2b5ed9bd7c1bcae3 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:06:39 +0500
Subject: [PATCH 094/202] Update auth-page-component.js

---
 components/auth-page-component.js | 232 +++++++++---------------------
 1 file changed, 68 insertions(+), 164 deletions(-)

diff --git a/components/auth-page-component.js b/components/auth-page-component.js
index 0e93530ec..b0a6197f7 100644
--- a/components/auth-page-component.js
+++ b/components/auth-page-component.js
@@ -1,172 +1,76 @@
-import { loginUser, registerUser } from "../api.js";
+// auth-page-component.js
 import { renderHeaderComponent } from "./header-component.js";
-import { renderUploadImageComponent } from "./upload-image-component.js";
+import { getToken } from "../index.js";
+import { loginUser } from "../api.js";
 
-/**
- * Компонент страницы авторизации.
- * Этот компонент предоставляет пользователю интерфейс для входа в систему или регистрации.
- * Форма переключается между режимами "Вход" и "Регистрация".
- *
- * @param {HTMLElement} params.appEl - Корневой элемент приложения, в который будет рендериться страница.
- * @param {Function} params.setUser - Функция, вызываемая при успешной авторизации или регистрации.
- *                                    Принимает объект пользователя в качестве аргумента.
- */
 export function renderAuthPageComponent({ appEl, setUser }) {
-  /**
-   * Флаг, указывающий текущий режим формы.
-   * Если `true`, форма находится в режиме входа. Если `false`, в режиме регистрации.
-   * @type {boolean}
-   */
-  let isLoginMode = true;
-
-  /**
-   * URL изображения, загруженного пользователем при регистрации.
-   * Используется только в режиме регистрации.
-   * @type {string}
-   */
-  let imageUrl = "";
-
-  /**
-   * Рендерит форму авторизации или регистрации.
-   * В зависимости от значения `isLoginMode` отображает соответствующий интерфейс.
-   */
-  const renderForm = () => {
-    const appHtml = `
-      <div class="page-container">
-          <div class="header-container"></div>
-          <div class="form">
-              <h3 class="form-title">
-                ${
-                  isLoginMode
-                    ? "Вход в&nbsp;Instapro"
-                    : "Регистрация в&nbsp;Instapro"
-                }
-              </h3>
-              <div class="form-inputs">
-                  ${
-                    !isLoginMode
-                      ? `
-                      <div class="upload-image-container"></div>
-                      <input type="text" id="name-input" class="input" placeholder="Имя" />
-                      `
-                      : ""
-                  }
-                  <input type="text" id="login-input" class="input" placeholder="Логин" />
-                  <input type="password" id="password-input" class="input" placeholder="Пароль" />
-                  <div class="form-error"></div>
-                  <button class="button" id="login-button">${
-                    isLoginMode ? "Войти" : "Зарегистрироваться"
-                  }</button>
-              </div>
-              <div class="form-footer">
-                <p class="form-footer-title">
-                  ${isLoginMode ? "Нет аккаунта?" : "Уже есть аккаунт?"}
-                  <button class="link-button" id="toggle-button">
-                    ${isLoginMode ? "Зарегистрироваться." : "Войти."}
-                  </button>
-                </p>
-              </div>
-          </div>
-      </div>    
-    `;
-
-    appEl.innerHTML = appHtml;
-
-    /**
-     * Устанавливает сообщение об ошибке в форме.
-     * @param {string} message - Текст сообщения об ошибке.
-     */
-    const setError = (message) => {
-      appEl.querySelector(".form-error").textContent = message;
-    };
-
-    // Рендерим заголовок страницы
-    renderHeaderComponent({
-      element: document.querySelector(".header-container"),
-    });
-
-    // Если режим регистрации, рендерим компонент загрузки изображения
-    const uploadImageContainer = appEl.querySelector(".upload-image-container");
-    if (uploadImageContainer) {
-      renderUploadImageComponent({
-        element: uploadImageContainer,
-        onImageUrlChange(newImageUrl) {
-          imageUrl = newImageUrl;
-        },
-      });
-    }
-
-    // Обработка клика на кнопку входа/регистрации
-    document.getElementById("login-button").addEventListener("click", () => {
-      setError("");
-
-      if (isLoginMode) {
-        // Обработка входа
-        const login = document.getElementById("login-input").value;
-        const password = document.getElementById("password-input").value;
-
-        if (!login) {
-          alert("Введите логин");
-          return;
-        }
-
-        if (!password) {
-          alert("Введите пароль");
-          return;
-        }
-
-        loginUser({ login, password })
-          .then((user) => {
-            setUser(user.user);
-          })
-          .catch((error) => {
-            console.warn(error);
-            setError(error.message);
-          });
-      } else {
-        // Обработка регистрации
-        const login = document.getElementById("login-input").value;
-        const name = document.getElementById("name-input").value;
-        const password = document.getElementById("password-input").value;
-
-        if (!name) {
-          alert("Введите имя");
-          return;
-        }
-
-        if (!login) {
-          alert("Введите логин");
-          return;
-        }
-
-        if (!password) {
-          alert("Введите пароль");
-          return;
-        }
-
-        if (!imageUrl) {
-          alert("Не выбрана фотография");
-          return;
-        }
+  const appHtml = `
+    <div class="page-container">
+      <div class="header-container"></div>
+      <div class="form">
+        <h3 class="form-title">Вход в Instapro</h3>
+        <div class="form-inputs">
+          <label>
+            Логин
+            <input type="text" id="login-input" />
+          </label>
+          <label>
+            Пароль
+            <input type="password" id="password-input" />
+          </label>
+          <div class="form-error" id="form-error"></div>
+        </div>
+        <div class="form-footer">
+          <button class="button" id="login-button">Войти</button>
+        </div>
+      </div>
+    </div>
+  `;
+
+  appEl.innerHTML = appHtml;
+
+  renderHeaderComponent({
+    element: document.querySelector(".header-container"),
+    onLogout: () => {
+      console.log("AuthPageComponent: Пользователь вышел.");
+      setUser(null);
+    },
+  });
+
+  const loginButton = document.getElementById("login-button");
+  const loginInput = document.getElementById("login-input");
+  const passwordInput = document.getElementById("password-input");
+  const errorElement = document.getElementById("form-error");
+
+  if (loginButton && loginInput && passwordInput && errorElement) {
+    loginButton.addEventListener("click", () => {
+      const login = loginInput.value;
+      const password = passwordInput.value;
+
+      errorElement.textContent = ""; // Очищаем ошибку перед отправкой запроса
+
+      if (!login.trim()) {
+        errorElement.textContent = "Введите логин";
+        return;
+      }
 
-        registerUser({ login, password, name, imageUrl })
-          .then((user) => {
-            setUser(user.user);
-          })
-          .catch((error) => {
-            console.warn(error);
-            setError(error.message);
-          });
+      if (!password.trim()) {
+        errorElement.textContent = "Введите пароль";
+        return;
       }
-    });
 
-    // Обработка переключения режима (вход ↔ регистрация)
-    document.getElementById("toggle-button").addEventListener("click", () => {
-      isLoginMode = !isLoginMode;
-      renderForm(); // Перерисовываем форму с новым режимом
+      loginUser({ login, password })
+        .then((userData) => {
+          console.log("AuthPageComponent: Получены данные пользователя:", userData);
+          setUser(userData.user);
+          alert("Успешная авторизация!");
+        })
+        .catch((error) => {
+          console.error("AuthPageComponent: Ошибка при авторизации:", error);
+          errorElement.textContent = error.message; // Отображаем ошибку только после получения ответа от сервера
+        });
     });
-  };
-
-  // Инициализация формы
-  renderForm();
+  } else {
+    console.error("AuthPageComponent: Один или несколько необходимых элементов формы не найдены.");
+  }
 }

From 30356de725d727814c374add9d8273af01f41d69 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:11:09 +0500
Subject: [PATCH 095/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 43 ---------------------------
 1 file changed, 43 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 946af6257..9082d0d9e 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,10 +1,7 @@
 
 import { renderUploadImageComponent } from "./upload-image-component.js";
-
 import { getToken } from "../index.js";
 
-
-
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
   let currentImageUrl = "";
 
@@ -50,43 +47,3 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
   const descriptionElement = document.getElementById("post-description");
   const errorElement = document.getElementById("form-error");
 
- 
-  if (addButton && descriptionElement && errorElement) {
-    addButton.addEventListener("click", () => {
-      const description = descriptionElement.value;
-
-     
-      errorElement.textContent = "";
-
-      
-      if (!description.trim()) {
-        errorElement.textContent = "Введите описание поста";
-        return;
-      }
-
-      if (!currentImageUrl) {
-        errorElement.textContent = "Загрузите изображение";
-        return;
-      }
-
-   
-      const token = getToken();
-      if (!token) {
-        errorElement.textContent = "Ошибка авторизации. Пожалуйста, войдите снова.";
-        console.warn("AddPostComponent: Попытка добавить пост без токена.");
-      
-        return;
-      }
-
-      console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description, imageUrl: currentImageUrl });
-
-
-      onAddPostClick({
-        description: description.trim(),
-        imageUrl: currentImageUrl,
-      });
-    });
-  } else {
-    console.error("AddPostComponent: Один или несколько необходимых элементов форм не найдены.");
-  }
-}

From bb062234525d82a607719ec23c4658a55a688d2b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:15:27 +0500
Subject: [PATCH 096/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 48 +++++++++++++++++++++++++--
 1 file changed, 45 insertions(+), 3 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 9082d0d9e..5784683be 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,4 +1,4 @@
-
+// add-post-page-component.js
 import { renderUploadImageComponent } from "./upload-image-component.js";
 import { getToken } from "../index.js";
 
@@ -29,11 +29,11 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
 
   appEl.innerHTML = appHtml;
 
-  
+  // Исправлено: Получаем элемент контейнера и передаем его в renderUploadImageComponent
   const uploadContainerElement = document.getElementById("upload-image-container");
   if (uploadContainerElement) {
     renderUploadImageComponent({
-      element: uploadContainerElement, 
+      element: uploadContainerElement, // Передаем сам элемент
       onImageUrlChange: (imageUrl) => {
         console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
         currentImageUrl = imageUrl;
@@ -47,3 +47,45 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
   const descriptionElement = document.getElementById("post-description");
   const errorElement = document.getElementById("form-error");
 
+  // Исправлено: Добавлена проверка существования элементов перед добавлением обработчиков
+  if (addButton && descriptionElement && errorElement) {
+    addButton.addEventListener("click", () => {
+      const description = descriptionElement.value;
+
+      // Очищаем предыдущие ошибки
+      errorElement.textContent = "";
+
+      // Проверяем обязательные поля
+      if (!description.trim()) {
+        errorElement.textContent = "Введите описание поста";
+        return;
+      }
+
+      if (!currentImageUrl) {
+        errorElement.textContent = "Загрузите изображение";
+        return;
+      }
+
+      // Получаем токен (проверка наличия токена уже должна быть в index.js в onAddPostClick)
+      // Но всё равно делаем проверку для дополнительной безопасности на этом уровне
+      const token = getToken();
+      if (!token) {
+        errorElement.textContent = "Ошибка авторизации. Пожалуйста, войдите снова.";
+        console.warn("AddPostComponent: Попытка добавить пост без токена.");
+        // Здесь можно добавить перенаправление на страницу авторизации, если необходимо
+        // Например: import { goToPage, AUTH_PAGE } from "../routes.js"; goToPage(AUTH_PAGE);
+        return;
+      }
+
+      console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description, imageUrl: currentImageUrl });
+
+      // Вызываем переданную функцию обработки клика
+      onAddPostClick({
+        description: description.trim(),
+        imageUrl: currentImageUrl,
+      });
+    });
+  } else {
+    console.error("AddPostComponent: Один или несколько необходимых элементов форм не найдены.");
+  }
+}

From d35ee1c0e7b38da799e36517720cbe1076558c27 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:18:21 +0500
Subject: [PATCH 097/202] Update api.js

---
 api.js | 240 ++++++++++++++++++++++++++++++++-------------------------
 1 file changed, 137 insertions(+), 103 deletions(-)

diff --git a/api.js b/api.js
index 410012299..70bc0324a 100644
--- a/api.js
+++ b/api.js
@@ -1,125 +1,159 @@
-
 const personalKey = "prod";
-const baseHost = "https://wedev-api.sky.pro"; // Исправлено: Убраны пробелы
+const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
-/**
- * Получить список всех постов.
- * @param {Object} params
- * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
- * @returns {Promise<Array>} - Массив постов.
- */
-export function getPosts({ token }) {
-  const headers = {};
+function checkResponse(response) {
+  if (!response.ok) {
+    return response.text().then((text) => {
+      throw new Error(`Ошибка сервера: ${response.status} ${text}`);
+    });
+  }
+  return response.json();
+}
 
-  
-  if (token) {
-    headers.Authorization = token;
+export async function getPosts({ token }) {
+  try {
+    const headers =
+      token && token !== "Bearer undefined" ? { Authorization: token } : {};
+    const response = await fetch(postsHost, { method: "GET", headers });
+    const data = await checkResponse(response);
+    if (response.status === 401) throw new Error("Нет авторизации");
+    return data.posts;
+  } catch (error) {
+    throw new Error(`Failed to fetch posts: ${error.message}`);
   }
+}
 
-  return fetch(postsHost, {
-    method: "GET",
-    headers,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    })
-    .then((data) => {
-      return data.posts;
+export async function getUserPosts({ token, userId }) {
+  try {
+    const headers =
+      token && token !== "Bearer undefined" ? { Authorization: token } : {};
+    const response = await fetch(`${postsHost}/user-posts/${userId}`, {
+      method: "GET",
+      headers,
     });
+    const data = await checkResponse(response);
+    if (response.status === 401) throw new Error("Нет авторизации");
+    return data.posts;
+  } catch (error) {
+    throw new Error(`Failed to fetch user posts: ${error.message}`);
+  }
 }
 
-/**
- * Получить посты конкретного пользователя.
- * @param {Object} params
- * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
- * @param {string} params.userId - ID пользователя.
- * @returns {Promise<Array>} - Массив постов пользователя.
- */
-export function getUserPosts({ token, userId }) {
-  const headers = {};
-
+export async function addPost({ token, description, imageUrl }) {
+  try {
+    if (!description || !imageUrl)
+      throw new Error("Описание или URL изображения не переданы");
+    const response = await fetch(postsHost, {
+      method: "POST",
+      headers: { Authorization: token },
+      body: JSON.stringify({ description, imageUrl }),
+    });
+    const data = await checkResponse(response);
+    if (response.status === 400)
+      throw new Error(data.error || "Некорректные данные поста");
+    if (response.status === 401) throw new Error("Нет авторизации");
+    return data;
+  } catch (error) {
+    throw new Error(`Failed to add post: ${error.message}`);
+  }
+}
 
-  if (token) {
-    headers.Authorization = token;
+export async function likePost({ token, postId }) {
+  try {
+    const response = await fetch(`${postsHost}/${postId}/like`, {
+      method: "POST",
+      headers: { Authorization: token },
+    });
+    const data = await checkResponse(response);
+    if (response.status === 401) throw new Error("Нет авторизации");
+    return data;
+  } catch (error) {
+    throw new Error(`Failed to like post: ${error.message}`);
   }
+}
 
-  return fetch(`${postsHost}/user-posts/${userId}`, {
-    method: "GET",
-    headers,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    })
-    .then((data) => {
-      return data.posts;
+export async function dislikePost({ token, postId }) {
+  try {
+    const response = await fetch(`${postsHost}/${postId}/dislike`, {
+      method: "POST",
+      headers: { Authorization: token },
     });
+    const data = await checkResponse(response);
+    if (response.status === 401) throw new Error("Нет авторизации");
+    return data;
+  } catch (error) {
+    throw new Error(`Failed to dislike post: ${error.message}`);
+  }
 }
 
-/**
- * Регистрация нового пользователя.
- * @param {Object} params
- * @param {string} params.login
- * @param {string} params.password
- * @param {string} params.name
- * @param {string} params.imageUrl
- * @returns {Promise<Object>} - Данные нового пользователя.
- */
-export function registerUser({ login, password, name, imageUrl }) {
-  return fetch(baseHost + "/api/user", {
+export async function registerUser({ login, password, name, imageUrl }) {
+  const body = { login, password, name };
+  if (imageUrl) body.imageUrl = imageUrl;
+  console.log("Register request body:", body); // Логирование для отладки
+  const response = await fetch(`${baseHost}/api/user`, {
     method: "POST",
-    
-    headers: {},
-    body: JSON.stringify({
-      login,
-      password,
-      name,
-      imageUrl,
-    }),
-  }).then((response) => {
-    if (response.status === 400) {
-      return response.json().then((errorData) => {
-         throw new Error(errorData?.error || "Такой пользователь уже существует");
-      });
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при регистрации");
-    }
-    return response.json();
+    body: JSON.stringify(body),
   });
+
+  if (response.status === 400) {
+    const data = await response.json();
+    throw new Error(data.error || "Некорректные данные регистрации");
+  }
+  return response.json();
 }
 
-/**
- * Авторизация пользователя.
- * @param {Object} params
- * @param {string} params.login
- * @param {string} params.password
- * @returns {Promise<Object>} - Данные авторизованного пользователя.
- */
-export function loginUser({ login, password }) {
-  return fetch(baseHost + "/api/user/login", {
+export async function loginUser({ login, password }) {
+  const response = await fetch(`${baseHost}/api/user/login`, {
     method: "POST",
- 
-    headers: {},
-    body: JSON.stringify({
-      login,
-      password,
-    }),
-  }).then((response) => {
-    if (response.status === 400) {
-      return response.json().then((errorData) => {
-         throw new Error(errorData?.error || "Неверный логин или пароль");
-      });
-    }
-    if (!response.ok) {
-      throw new Error("Ошибка при входе");
-    }
-    return response.json();
+    body: JSON.stringify({ login, password }),
   });
+
+  if (!response.ok) {
+    const data = await response.json();
+    throw new Error(data.error || "Неверный логин или пароль");
+  }
+  return response.json();
+}
+
+export async function uploadImage({ file }) {
+  try {
+    const data = new FormData();
+    data.append("file", file);
+    const response = await fetch(`${baseHost}/api/upload/image`, {
+      method: "POST",
+      body: data,
+    });
+    const result = await checkResponse(response);
+    if (response.status === 400)
+      throw new Error(result.error || "Некорректный файл изображения");
+    if (response.status !== 200) throw new Error("Ошибка загрузки изображения");
+    return result;
+  } catch (error) {
+    throw new Error(`Failed to upload image: ${error.message}`);
+  }
+}
+
+export async function verifyToken({ token }) {
+  try {
+    const headers = { Authorization: token };
+    const response = await fetch(postsHost, { method: "GET", headers });
+    return response.status === 200;
+  } catch (error) {
+    console.error("verifyToken error:", error);
+    return false;
+  }
+}
+
+export async function deletePost({ token, postId }) {
+  try {
+    const response = await fetch(`${postsHost}/${postId}`, {
+      method: "DELETE",
+      headers: { Authorization: token },
+    });
+    if (!response.ok) throw new Error(`Ошибка удаления: ${response.status}`);
+    return response.json();
+  } catch (error) {
+    throw new Error(`Failed to delete post: ${error.message}`);
+  }
 }

From ee5158f54d680829adc6a5b9f4724d52f78f9d67 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:18:45 +0500
Subject: [PATCH 098/202] Update index.js

---
 index.js | 282 ++++++++++++++++---------------------------------------
 1 file changed, 83 insertions(+), 199 deletions(-)

diff --git a/index.js b/index.js
index 74d5613f4..d53572edf 100644
--- a/index.js
+++ b/index.js
@@ -1,14 +1,16 @@
-
 import {
   getPosts,
-  addPost,
   getUserPosts,
+  addPost,
   likePost,
   dislikePost,
-  uploadImage
+  deletePost,
+  verifyToken,
 } from "./api.js";
 import { renderAddPostPageComponent } from "./components/add-post-page-component.js";
 import { renderAuthPageComponent } from "./components/auth-page-component.js";
+import { renderPostsPageComponent } from "./components/posts-page-component.js";
+import { renderLoadingPageComponent } from "./components/loading-page-component.js";
 import {
   ADD_POSTS_PAGE,
   AUTH_PAGE,
@@ -16,8 +18,6 @@ import {
   POSTS_PAGE,
   USER_POSTS_PAGE,
 } from "./routes.js";
-import { renderPostsPageComponent } from "./components/posts-page-component.js";
-import { renderLoadingPageComponent } from "./components/loading-page-component.js";
 import {
   getUserFromLocalStorage,
   removeUserFromLocalStorage,
@@ -28,48 +28,31 @@ export let user = getUserFromLocalStorage();
 export let page = null;
 export let posts = [];
 
+export const getToken = () =>
+  user && user.token ? `Bearer ${user.token}` : undefined; // Экспортируем getToken
 
-export const getToken = () => {
-  
-  const token = user ? `Bearer ${user.token}` : undefined;
-  console.log("Index: Полученный токен:", token);
-  return token;
+export const setUser = (newUser) => {
+  user = newUser;
+  saveUserToLocalStorage(user);
+  if (user) goToPage(POSTS_PAGE);
+  else goToPage(AUTH_PAGE);
 };
 
-
 export const logout = () => {
   user = null;
   removeUserFromLocalStorage();
-  goToPage(POSTS_PAGE);
+  goToPage(POSTS_PAGE); // Изменено с AUTH_PAGE на POSTS_PAGE
 };
 
-
-const smoothPageTransition = (callback) => {
-  const appEl = document.getElementById("app");
-  const container = appEl.querySelector('.page-container');
-
-  if (container) {
-    container.classList.remove('active');
-    setTimeout(() => {
-      callback();
-      setTimeout(() => {
-        const newContainer = appEl.querySelector('.page-container');
-        if (newContainer) {
-          newContainer.classList.add('page-transition');
-          setTimeout(() => {
-            newContainer.classList.add('active');
-          }, 10);
-        }
-      }, 10);
-    }, 300);
-  } else {
-    callback();
-  }
+export const showNotification = (message) => {
+  const notification = document.createElement("div");
+  notification.className = "notification";
+  notification.textContent = message;
+  document.body.appendChild(notification);
+  setTimeout(() => notification.remove(), 3000);
 };
 
-
-export const goToPage = (newPage, data) => {
-  
+export const goToPage = (newPage, data = {}) => {
   if (
     [
       POSTS_PAGE,
@@ -79,224 +62,125 @@ export const goToPage = (newPage, data) => {
       LOADING_PAGE,
     ].includes(newPage)
   ) {
-    
     if (newPage === ADD_POSTS_PAGE) {
-    
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
-      return renderApp();
+      renderApp();
+      return;
     }
 
     if (newPage === POSTS_PAGE) {
       page = LOADING_PAGE;
       renderApp();
-
-      return getPosts({ token: getToken() }) 
+      const token = getToken();
+      getPosts({ token })
         .then((newPosts) => {
-          console.log("Index: Получены посты:", newPosts);
           page = POSTS_PAGE;
           posts = newPosts;
           renderApp();
         })
         .catch((error) => {
-          console.error("Index: Ошибка получения постов:", error);
-         
-          alert("Не удалось получить посты: " + error.message);
-          page = POSTS_PAGE; 
+          console.error("Error fetching posts:", error);
+          showNotification(`Ошибка загрузки постов: ${error.message}`);
+          page = POSTS_PAGE; // Остаёмся на POSTS_PAGE даже при ошибке
           renderApp();
         });
+      return;
     }
 
     if (newPage === USER_POSTS_PAGE) {
       page = LOADING_PAGE;
       renderApp();
-
-     
-      return getUserPosts({ token: getToken(), userId: data?.userId })
-        .then((userPosts) => {
-          console.log("Index: Получены посты пользователя:", userPosts);
-          page = USER_POSTS_PAGE;
-          posts = userPosts;
-          renderApp();
-        })
-        .catch((error) => {
-          console.error("Index: Ошибка получения постов пользователя:", error);
-       
-          alert("Не удалось получить посты пользователя: " + error.message);
-          
-          page = POSTS_PAGE;
-          renderApp();
-        });
+      const token = getToken();
+      if (token) {
+        verifyToken({ token })
+          .then((isValid) => {
+            if (!isValid) {
+              console.warn("Invalid token, logging out");
+              logout();
+              return;
+            }
+            getUserPosts({ token, userId: data.userId })
+              .then((newPosts) => {
+                page = USER_POSTS_PAGE;
+                posts = newPosts;
+                renderApp(data);
+              })
+              .catch((error) => {
+                console.error("Error fetching user posts:", error);
+                showNotification(
+                  `Ошибка загрузки постов пользователя: ${error.message}`
+                );
+                page = AUTH_PAGE;
+                renderApp();
+              });
+          })
+          .catch((error) => {
+            console.error("Error verifying token:", error);
+            showNotification(`Ошибка проверки токена: ${error.message}`);
+            logout();
+          });
+      } else {
+        page = AUTH_PAGE;
+        renderApp();
+      }
+      return;
     }
 
-    
     page = newPage;
     renderApp();
-
     return;
   }
 
-  throw new Error("страницы не существует");
-};
-
-
-export const toggleLike = (postId, isLiked) => {
-  const token = getToken();
-
-  
-  if (!token) {
-    console.log("Index: Попытка лайка без авторизации, перенаправляем на AUTH_PAGE");
-    const appEl = document.getElementById("app");
-    const container = appEl.querySelector('.page-container');
-
-    if (container) {
-      container.classList.remove('active');
-      setTimeout(() => {
-        goToPage(AUTH_PAGE);
-      }, 300);
-    } else {
-      goToPage(AUTH_PAGE);
-    }
-    return Promise.resolve();
-  }
-
-  const likePromise = isLiked ? dislikePost : likePost;
-
-  return likePromise({ token, postId })
-    .then((responseData) => {
-      console.log("Index: Лайк/дизлайк успешен:", responseData);
-      const postIndex = posts.findIndex(post => post.id === postId);
-      if (postIndex !== -1) {
-        
-        posts[postIndex] = responseData.post;
-       
-        updatePostInDOM(postId, responseData.post);
-      }
-    })
-    .catch((error) => {
-      console.error("Index: Ошибка при работе с лайком:", error);
-      alert("Не удалось выполнить действие: " + error.message);
-    });
+  console.error("Unknown page:", newPage);
+  const appEl = document.getElementById("app");
+  appEl.innerHTML = `<div class="page-container">Ошибка: неизвестная страница</div>`;
 };
 
-
-function updatePostInDOM(postId, updatedPost) {
- 
-  const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
-  if (postElement) {
-    const likeImage = postElement.querySelector('img');
-    
-    const newLikeImage = updatedPost.isLiked
-      ? "./assets/images/like-active.svg"
-      : "./assets/images/like-not-active.svg";
-    if (likeImage) {
-      likeImage.src = newLikeImage;
-    }
-
-    
-    const likesCountElement = postElement.closest('.post-likes')?.querySelector('.post-likes-text strong');
-    if (likesCountElement) {
-      likesCountElement.textContent = updatedPost.likes.length;
-    }
-
-    
-    postElement.dataset.isLiked = updatedPost.isLiked;
-  }
-}
-
-
-const renderApp = () => {
+const renderApp = (data = {}) => {
   const appEl = document.getElementById("app");
+  appEl.innerHTML = "";
 
   if (page === LOADING_PAGE) {
-    return renderLoadingPageComponent({
-      appEl,
-      user,
-      goToPage,
-    });
+    return renderLoadingPageComponent({ appEl });
   }
 
   if (page === AUTH_PAGE) {
-    return renderAuthPageComponent({
-      appEl,
-      setUser: (newUser) => {
-        console.log("Index: Установка нового пользователя:", newUser);
-        user = newUser;
-        saveUserToLocalStorage(user);
-     
-        smoothPageTransition(() => goToPage(POSTS_PAGE));
-      },
-      user,
-      goToPage,
-    });
+    return renderAuthPageComponent({ appEl, setUser, user, goToPage });
   }
 
   if (page === ADD_POSTS_PAGE) {
-    
-    if (!user) {
-      console.log("Index: Попытка доступа к ADD_POSTS_PAGE без авторизации");
-      goToPage(AUTH_PAGE);
-      return;
-    }
-
     return renderAddPostPageComponent({
       appEl,
-      
       onAddPostClick: ({ description, imageUrl }) => {
-        const token = getToken();
-        console.log("Index: onAddPostClick вызван с данными:", { description, imageUrl });
-
-        if (!token) {
-          console.log("Index: Нет токена при попытке добавить пост");
-         
-          smoothPageTransition(() => goToPage(AUTH_PAGE));
-          return;
-        }
-
-        if (!description.trim()) {
-          alert("Введите описание поста");
-          return;
-        }
-
-        if (!imageUrl) {
-          alert("Загрузите изображение");
-          return;
-        }
-
-       
-        addPost({ token, description, imageUrl })
-          .then((result) => {
-            console.log("Index: Пост успешно добавлен:", result);
-           
-            smoothPageTransition(() => goToPage(POSTS_PAGE));
+        addPost({ token: getToken(), description, imageUrl })
+          .then(() => getPosts({ token: getToken() }))
+          .then((newPosts) => {
+            posts = newPosts;
+            goToPage(POSTS_PAGE);
+            showNotification("Пост успешно добавлен!");
           })
           .catch((error) => {
-            console.error("Index: Ошибка при добавлении поста:", error);
-            alert("Не удалось добавить пост: " + error.message);
+            console.error("Error adding post:", error);
+            showNotification(`Ошибка при добавлении поста: ${error.message}`);
           });
       },
     });
   }
 
-  if (page === POSTS_PAGE) {
+  if (page === POSTS_PAGE || page === USER_POSTS_PAGE) {
     return renderPostsPageComponent({
       appEl,
       posts,
       user,
       goToPage,
-      toggleLike,
+      likePost,
+      dislikePost,
+      deletePost,
+      userId: data.userId,
     });
   }
 
-  if (page === USER_POSTS_PAGE) {
-    return renderPostsPageComponent({
-      appEl,
-      posts,
-      user,
-      goToPage,
-      toggleLike,
-      isUserPostsPage: true,
-    });
-  }
+  appEl.innerHTML = `<div class="page-container">Ошибка: неизвестная страница</div>`;
 };
 
 goToPage(POSTS_PAGE);

From 514c80d928aa9b5552dd890d6cc304fabef29ee9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:19:04 +0500
Subject: [PATCH 099/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 128 ++++++++++++--------------
 1 file changed, 57 insertions(+), 71 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 5784683be..f0666698a 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,91 +1,77 @@
-// add-post-page-component.js
+import { renderHeaderComponent } from "./header-component.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
-import { getToken } from "../index.js";
+import { addPost } from "../api.js";
+import { goToPage, user, showNotification } from "../index.js";
+import { POSTS_PAGE } from "../routes.js";
 
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
-  let currentImageUrl = "";
-
-  const appHtml = `
-    <div class="page-container">
-      <div class="header-container"></div>
-      <div class="form">
-        <h3 class="form-title">Добавить пост</h3>
-        <div class="form-inputs">
-          <div class="upload-image-container">
-            <div id="upload-image-container"></div>
+  const render = () => {
+    const appHtml = `
+      <div class="page-container">
+        <div class="header-container"></div>
+        <div class="form form--add-post">
+          <h3 class="form-title">Добавить пост</h3>
+          <div class="form-inputs">
+            <div class="upload-image-container"></div>
+            <div class="form-field">
+              <label>Описание поста</label>
+              <textarea id="description-input" class="textarea" placeholder="Введите описание поста"></textarea>
+            </div>
+            <div class="form-error"></div>
+            <button class="button" id="add-button">Добавить</button>
+            <div class="form-buttons">
+              <button class="button button--link" id="back-button">Назад</button>
+            </div>
           </div>
-          <label>
-            Описание поста
-            <textarea class="form-textarea" id="post-description"></textarea>
-          </label>
-          <div class="form-error" id="form-error"></div>
-        </div>
-        <div class="form-footer">
-          <button class="button" id="add-button">Добавить</button>
         </div>
-      </div>
-    </div>
-  `;
+      </div>`;
+    appEl.innerHTML = appHtml;
 
-  appEl.innerHTML = appHtml;
+    renderHeaderComponent({
+      element: document.querySelector(".header-container"),
+      user,
+      goToPage,
+    });
 
-  // Исправлено: Получаем элемент контейнера и передаем его в renderUploadImageComponent
-  const uploadContainerElement = document.getElementById("upload-image-container");
-  if (uploadContainerElement) {
+    const uploadImageContainer = appEl.querySelector(".upload-image-container");
+    let imageUrl = "";
     renderUploadImageComponent({
-      element: uploadContainerElement, // Передаем сам элемент
-      onImageUrlChange: (imageUrl) => {
-        console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
-        currentImageUrl = imageUrl;
+      element: uploadImageContainer,
+      onImageUrlChange: (newImageUrl) => {
+        imageUrl = newImageUrl;
       },
     });
-  } else {
-    console.error("AddPostComponent: Элемент 'upload-image-container' не найден в DOM.");
-  }
 
-  const addButton = document.getElementById("add-button");
-  const descriptionElement = document.getElementById("post-description");
-  const errorElement = document.getElementById("form-error");
+    const addButton = document.getElementById("add-button");
+    const backButton = document.getElementById("back-button");
+    const errorEl = document.querySelector(".form-error");
 
-  // Исправлено: Добавлена проверка существования элементов перед добавлением обработчиков
-  if (addButton && descriptionElement && errorElement) {
-    addButton.addEventListener("click", () => {
-      const description = descriptionElement.value;
-
-      // Очищаем предыдущие ошибки
-      errorElement.textContent = "";
-
-      // Проверяем обязательные поля
-      if (!description.trim()) {
-        errorElement.textContent = "Введите описание поста";
-        return;
-      }
+    const setError = (message) => {
+      errorEl.textContent = message;
+    };
 
-      if (!currentImageUrl) {
-        errorElement.textContent = "Загрузите изображение";
+    addButton.addEventListener("click", () => {
+      const description = document
+        .getElementById("description-input")
+        .value.trim();
+      setError("");
+      if (!description) {
+        setError("Введите описание поста");
         return;
       }
-
-      // Получаем токен (проверка наличия токена уже должна быть в index.js в onAddPostClick)
-      // Но всё равно делаем проверку для дополнительной безопасности на этом уровне
-      const token = getToken();
-      if (!token) {
-        errorElement.textContent = "Ошибка авторизации. Пожалуйста, войдите снова.";
-        console.warn("AddPostComponent: Попытка добавить пост без токена.");
-        // Здесь можно добавить перенаправление на страницу авторизации, если необходимо
-        // Например: import { goToPage, AUTH_PAGE } from "../routes.js"; goToPage(AUTH_PAGE);
+      if (!imageUrl) {
+        setError("Выберите изображение");
         return;
       }
-
-      console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description, imageUrl: currentImageUrl });
-
-      // Вызываем переданную функцию обработки клика
-      onAddPostClick({
-        description: description.trim(),
-        imageUrl: currentImageUrl,
+      addButton.disabled = true;
+      onAddPostClick({ description, imageUrl }).finally(() => {
+        addButton.disabled = false;
       });
     });
-  } else {
-    console.error("AddPostComponent: Один или несколько необходимых элементов форм не найдены.");
-  }
+
+    backButton.addEventListener("click", () => {
+      goToPage(POSTS_PAGE);
+    });
+  };
+  render();
 }

From 598fc37d1f010b16bb10055787416a5afa67c9a9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:19:19 +0500
Subject: [PATCH 100/202] Update auth-page-component.js

---
 components/auth-page-component.js | 205 ++++++++++++++++++++----------
 1 file changed, 140 insertions(+), 65 deletions(-)

diff --git a/components/auth-page-component.js b/components/auth-page-component.js
index b0a6197f7..fb0462007 100644
--- a/components/auth-page-component.js
+++ b/components/auth-page-component.js
@@ -1,76 +1,151 @@
-// auth-page-component.js
 import { renderHeaderComponent } from "./header-component.js";
-import { getToken } from "../index.js";
-import { loginUser } from "../api.js";
+import { loginUser, registerUser, uploadImage } from "../api.js";
+import { showNotification } from "../index.js";
 
-export function renderAuthPageComponent({ appEl, setUser }) {
-  const appHtml = `
-    <div class="page-container">
-      <div class="header-container"></div>
-      <div class="form">
-        <h3 class="form-title">Вход в Instapro</h3>
-        <div class="form-inputs">
-          <label>
-            Логин
-            <input type="text" id="login-input" />
-          </label>
-          <label>
-            Пароль
-            <input type="password" id="password-input" />
-          </label>
-          <div class="form-error" id="form-error"></div>
-        </div>
-        <div class="form-footer">
-          <button class="button" id="login-button">Войти</button>
-        </div>
-      </div>
-    </div>
-  `;
+export function renderAuthPageComponent({ appEl, setUser, user, goToPage }) {
+  let isLoginMode = true;
+  let imageUrl = "";
 
-  appEl.innerHTML = appHtml;
+  const renderForm = () => {
+    const appHtml = `
+      <div class="page-container">
+        <div class="header-container"></div>
+        <div class="form ${isLoginMode ? 'form--login' : 'form--register'}">
+          <h3 class="form-title">${isLoginMode ? "Вход в Instapro" : "Регистрация в Instapro"}</h3>
+          <div class="form-inputs">
+            ${
+              !isLoginMode
+                ? `
+              <div class="form-field">
+                <label>Имя</label>
+                <input type="text" id="name-input" class="input" placeholder="Имя" />
+              </div>
+              <div class="form-field">
+                <label>Фото профиля</label>
+                <input type="file" id="image-input" class="input" accept="image/*" />
+              </div>
+            `
+                : ""
+            }
+            <div class="form-field">
+              <label>Логин</label>
+              <input type="text" id="login-input" class="input" placeholder="Логин" />
+            </div>
+            <div class="form-field">
+              <label>Пароль</label>
+              <input type="password" id="password-input" class="input" placeholder="Пароль" />
+            </div>
+            <div class="form-error"></div>
+            <button class="button" id="${isLoginMode ? "login-button" : "register-button"}">
+              ${isLoginMode ? "Войти" : "Зарегистрироваться"}
+            </button>
+          </div>
+          <div class="form-buttons">
+            <button class="button button--link" id="toggle-button">
+              ${isLoginMode ? "Зарегистрироваться" : "Войти"}
+            </button>
+          </div>
+        </div>
+      </div>`;
+    appEl.innerHTML = appHtml;
 
-  renderHeaderComponent({
-    element: document.querySelector(".header-container"),
-    onLogout: () => {
-      console.log("AuthPageComponent: Пользователь вышел.");
-      setUser(null);
-    },
-  });
+    renderHeaderComponent({
+      element: document.querySelector(".header-container"),
+      user,
+      goToPage,
+    });
 
-  const loginButton = document.getElementById("login-button");
-  const loginInput = document.getElementById("login-input");
-  const passwordInput = document.getElementById("password-input");
-  const errorElement = document.getElementById("form-error");
+    const loginInput = document.getElementById("login-input");
+    const passwordInput = document.getElementById("password-input");
+    const nameInput = document.getElementById("name-input");
+    const imageInput = document.getElementById("image-input");
+    const loginButton = document.getElementById("login-button");
+    const registerButton = document.getElementById("register-button");
+    const toggleButton = document.getElementById("toggle-button");
+    const errorEl = document.querySelector(".form-error");
 
-  if (loginButton && loginInput && passwordInput && errorElement) {
-    loginButton.addEventListener("click", () => {
-      const login = loginInput.value;
-      const password = passwordInput.value;
+    const setError = (message) => {
+      errorEl.textContent = message;
+    };
 
-      errorElement.textContent = ""; // Очищаем ошибку перед отправкой запроса
+    toggleButton.addEventListener("click", () => {
+      isLoginMode = !isLoginMode;
+      imageUrl = "";
+      setError("");
+      renderForm();
+    });
 
-      if (!login.trim()) {
-        errorElement.textContent = "Введите логин";
-        return;
-      }
+    if (loginButton) {
+      loginButton.addEventListener("click", () => {
+        setError("");
+        const login = loginInput.value.trim();
+        const password = passwordInput.value.trim();
+        if (!login) return setError("Введите логин");
+        if (!password) return setError("Введите пароль");
+        loginButton.disabled = true;
+        loginUser({ login, password })
+          .then((userData) => {
+            if (!userData.user?.token) throw new Error("Токен не получен");
+            setUser(userData.user);
+          })
+          .catch((error) => {
+            setError(error.message);
+            showNotification(`Ошибка входа: ${error.message}`);
+          })
+          .finally(() => {
+            loginButton.disabled = false;
+          });
+      });
+    }
 
-      if (!password.trim()) {
-        errorElement.textContent = "Введите пароль";
-        return;
-      }
+    if (registerButton) {
+      registerButton.addEventListener("click", () => {
+        setError("");
+        const login = loginInput.value.trim();
+        const password = passwordInput.value.trim();
+        const name = nameInput.value.trim();
+        if (!login) return setError("Введите логин");
+        if (!password) return setError("Введите пароль");
+        if (!name) return setError("Введите имя");
+        registerButton.disabled = true;
+        registerUser({ login, password, name, imageUrl })
+          .then((userData) => {
+            if (!userData.user?.token) throw new Error("Токен не получен");
+            setUser(userData.user);
+            showNotification("Регистрация успешна!");
+          })
+          .catch((error) => {
+            setError(error.message);
+            showNotification(`Ошибка регистрации: ${error.message}`);
+          })
+          .finally(() => {
+            registerButton.disabled = false;
+          });
+      });
+    }
 
-      loginUser({ login, password })
-        .then((userData) => {
-          console.log("AuthPageComponent: Получены данные пользователя:", userData);
-          setUser(userData.user);
-          alert("Успешная авторизация!");
-        })
-        .catch((error) => {
-          console.error("AuthPageComponent: Ошибка при авторизации:", error);
-          errorElement.textContent = error.message; // Отображаем ошибку только после получения ответа от сервера
-        });
-    });
-  } else {
-    console.error("AuthPageComponent: Один или несколько необходимых элементов формы не найдены.");
-  }
+    if (imageInput) {
+      imageInput.addEventListener("change", (event) => {
+        const file = event.target.files[0];
+        if (file) {
+          imageInput.disabled = true;
+          setError("Загрузка изображения...");
+          uploadImage({ file })
+            .then((data) => {
+              imageUrl = data.fileUrl;
+              setError("");
+              showNotification("Изображение загружено");
+            })
+            .catch((error) => {
+              setError(error.message);
+              showNotification(`Ошибка загрузки изображения: ${error.message}`);
+            })
+            .finally(() => {
+              imageInput.disabled = false;
+            });
+        }
+      });
+    }
+  };
+  renderForm();
 }

From 4d3581778fe55e94b954dde83b77ca5b15caae28 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:19:38 +0500
Subject: [PATCH 101/202] Update header-component.js

---
 components/header-component.js | 72 +++++++++-------------------------
 1 file changed, 19 insertions(+), 53 deletions(-)

diff --git a/components/header-component.js b/components/header-component.js
index e733a39dc..9e927da81 100644
--- a/components/header-component.js
+++ b/components/header-component.js
@@ -1,63 +1,29 @@
 import { goToPage, logout, user } from "../index.js";
 import { ADD_POSTS_PAGE, AUTH_PAGE, POSTS_PAGE } from "../routes.js";
 
-/**
- * Компонент заголовка страницы.
- * Этот компонент отображает шапку страницы с логотипом, кнопкой добавления постов/входа и кнопкой выхода (если пользователь авторизован).
- * 
- * @param {HTMLElement} params.element - HTML-элемент, в который будет рендериться заголовок.
- * @returns {HTMLElement} Возвращает элемент заголовка после рендеринга.
- */
-export function renderHeaderComponent({ element }) {
-  /**
-   * Рендерит содержимое заголовка.
-   */
-  element.innerHTML = `
-  <div class="page-header">
-      <h1 class="logo">instapro</h1>
-      <button class="header-button add-or-login-button">
+export function renderHeaderComponent({ element, user, goToPage }) {
+  const html = `
+    <div class="page-header">
+      <h1 class="logo" data-go-to="${user ? POSTS_PAGE : AUTH_PAGE}">Instapro</h1>
       ${
         user
-          ? `<div title="Добавить пост" class="add-post-sign"></div>`
-          : "Войти"
+          ? `
+        <button class="header-button add-post-sign" data-go-to="${ADD_POSTS_PAGE}"></button>
+        <button class="header-button logout-button">Выйти</button>
+      `
+          : `
+        <button class="header-button" data-go-to="${AUTH_PAGE}">Войти</button>
+      `
       }
-      </button>
-      ${
-        user
-          ? `<button title="${user.name}" class="header-button logout-button">Выйти</button>`
-          : ""
-      }  
-  </div>
-  `;
+    </div>`;
+  element.innerHTML = html;
 
-  /**
-   * Обработчик клика по кнопке "Добавить пост"/"Войти".
-   * Если пользователь авторизован, перенаправляет на страницу добавления постов.
-   * Если пользователь не авторизован, перенаправляет на страницу авторизации.
-   */
-  element
-    .querySelector(".add-or-login-button")
-    .addEventListener("click", () => {
-      if (user) {
-        goToPage(ADD_POSTS_PAGE);
-      } else {
-        goToPage(AUTH_PAGE);
-      }
-    });
-
-  /**
-   * Обработчик клика по логотипу.
-   * Перенаправляет на страницу с постами.
-   */
-  element.querySelector(".logo").addEventListener("click", () => {
-    goToPage(POSTS_PAGE);
+  element.querySelectorAll("[data-go-to]").forEach((el) => {
+    el.addEventListener("click", () => goToPage(el.dataset.goTo));
   });
 
-  /**
-   * Обработчик клика по кнопке "Выйти".
-   * Если кнопка существует (т.е. пользователь авторизован), вызывает функцию `logout`.
-   */
-  element.querySelector(".logout-button")?.addEventListener("click", logout);
-
-  return element;
+  const logoutButton = element.querySelector(".logout-button");
+  if (logoutButton) {
+    logoutButton.addEventListener("click", logout);
+  }
 }

From a7a53564be7f3224cc75558ead9db9bdebaf15af Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:20:28 +0500
Subject: [PATCH 102/202] Update loading-page-component.js

---
 components/loading-page-component.js | 31 ++++++----------------------
 1 file changed, 6 insertions(+), 25 deletions(-)

diff --git a/components/loading-page-component.js b/components/loading-page-component.js
index 45b6e3890..974773d22 100644
--- a/components/loading-page-component.js
+++ b/components/loading-page-component.js
@@ -1,26 +1,7 @@
-import { renderHeaderComponent } from "./header-component.js";
-
-
-export function renderLoadingPageComponent({ appEl, user, goToPage }) {
- 
-  const appHtml = `
-              <div class="page-container">
-                <div class="header-container"></div>
-                <div class="loading-page">
-                  <div class="loading-spinner">
-                    <div class="spinner"></div>
-                    <p>Загружаем данные...</p>
-                  </div>
-                </div>
-              </div>`;
-
- 
-  appEl.innerHTML = appHtml;
-
-
-  renderHeaderComponent({
-    user,
-    element: document.querySelector(".header-container"),
-    goToPage,
-  });
+export function renderLoadingPageComponent({ appEl }) {
+  const html = `
+    <div class="page-container">
+      <div class="loader"></div>
+    </div>`;
+  appEl.innerHTML = html;
 }

From 0e31291f34b74abde44538465ac776ea3c79fbca Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:20:44 +0500
Subject: [PATCH 103/202] Update posts-page-component.js

---
 components/posts-page-component.js | 300 +++++++++++------------------
 1 file changed, 117 insertions(+), 183 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index bed6d9ad3..bb7ad3197 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -1,192 +1,126 @@
 import { USER_POSTS_PAGE } from "../routes.js";
 import { renderHeaderComponent } from "./header-component.js";
-
-function simpleFormatDate(dateString) {
-  try {
-    const date = new Date(dateString);
-    const now = new Date();
-    const timeDiff = now - date;
-    const minutes = Math.floor(timeDiff / (1000 * 60));
-    const hours = Math.floor(timeDiff / (1000 * 60 * 60));
-    const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
-
-    if (minutes < 1) {
-      return "менее минуты назад";
-    } else if (minutes < 60) {
-      return `${minutes} ${getMinutesWord(minutes)} назад`;
-    } else if (hours < 24) {
-      return `${hours} ${getHoursWord(hours)} назад`;
-    } else {
-      return `${days} ${getDaysWord(days)} назад`;
-    }
-  } catch (e) {
-    return "недавно";
-  }
-}
-
-
-function getMinutesWord(minutes) {
-  const lastDigit = minutes % 10;
-  const lastTwoDigits = minutes % 100;
-  
-  if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
-    return "минут";
-  }
-  
-  switch (lastDigit) {
-    case 1: return "минуту";
-    case 2:
-    case 3:
-    case 4: return "минуты";
-    default: return "минут";
-  }
+import { formatDistanceToNow } from "date-fns";
+import { ru } from "date-fns/locale";
+import { getToken, showNotification } from "../index.js";
+
+function escapeHTML(str) {
+  if (!str) return str;
+  return str.replace(/[&<>'"]/g, (match) => ({
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    "'": "&apos;",
+    '"': "&quot;",
+  }[match]));
 }
 
-function getHoursWord(hours) {
-  const lastDigit = hours % 10;
-  const lastTwoDigits = hours % 100;
-  
-  if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
-    return "часов";
-  }
-  
-  switch (lastDigit) {
-    case 1: return "час";
-    case 2:
-    case 3:
-    case 4: return "часа";
-    default: return "часов";
-  }
-}
-
-function getDaysWord(days) {
-  const lastDigit = days % 10;
-  const lastTwoDigits = days % 100;
-  
-  if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
-    return "дней";
-  }
-  
-  switch (lastDigit) {
-    case 1: return "день";
-    case 2:
-    case 3:
-    case 4: return "дня";
-    default: return "дней";
-  }
-}
-
-export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleLike, isUserPostsPage = false }) {
-
-  let pageHeader = '';
-  if (isUserPostsPage && posts.length > 0) {
-    const firstPost = posts[0];
-    pageHeader = `
-      <div class="posts-user-header">
-        <img src="${firstPost.user.imageUrl}" class="posts-user-header__user-image" />
-        <div class="posts-user-header__user-name">${firstPost.user.name}</div>
-      </div>
-    `;
-  }
-
-  const postsHtml = posts.map((post) => {
-    const isLiked = post.isLiked;
-    const likeImage = isLiked 
-      ? "./assets/images/like-active.svg" 
-      : "./assets/images/like-not-active.svg";
-    
-    const imageSrc = post.imageUrl && post.imageUrl.trim() !== '' 
-      ? post.imageUrl 
-      : "./assets/images/default-image.jpg";
-
-    return `
-      <li class="post">
-        <div class="post-header" data-user-id="${post.user.id}">
-          <img src="${post.user.imageUrl}" class="post-header__user-image" />
-          <p class="post-header__user-name">${post.user.name}</p>
-        </div>
-        <div class="post-image-container">
-          <img class="post-image" src="${imageSrc}" onerror="this.src='./assets/images/default-image.jpg'">
-        </div>
-        <div class="post-likes">
-          <button data-post-id="${post.id}" data-is-liked="${isLiked}" class="like-button">
-            <img src="${likeImage}">
-          </button>
-          <p class="post-likes-text">
-            Нравится: <strong>${post.likes.length}</strong>
-          </p>
-        </div>
-        <p class="post-text">
-          <span class="user-name">${post.user.name}</span>
-          ${post.description || ''}
-        </p>
-        <p class="post-date">
-          ${simpleFormatDate(post.createdAt)}
-        </p>
-      </li>
-    `;
-  }).join("");
-
-  const appHtml = `
-    <div class="page-container">
-      <div class="header-container"></div>
-      ${pageHeader}
-      <ul class="posts">
-        ${postsHtml || '<p>Постов пока нет</p>'}
-      </ul>
-    </div>
-  `;
-
-  appEl.innerHTML = appHtml;
-
-  renderHeaderComponent({
-    element: document.querySelector(".header-container"),
-    user,
-    goToPage,
-  });
-
- 
-  document.querySelectorAll(".post-header").forEach(userEl => {
-    userEl.addEventListener("click", () => {
-      const userId = userEl.dataset.userId;
-      if (userId) {
-        goToPage(USER_POSTS_PAGE, {
-          userId: userEl.dataset.userId,
+export function renderPostsPageComponent({
+  appEl,
+  posts,
+  user,
+  goToPage,
+  likePost,
+  dislikePost,
+  deletePost,
+  userId,
+}) {
+  const renderPosts = () => {
+    const postsHtml = posts
+      .map((post) => {
+        const createdAt = formatDistanceToNow(new Date(post.createdAt), {
+          addSuffix: true,
+          locale: ru,
         });
-      }
+        return `
+          <li class="post">
+            <div class="post-header" data-user-id="${post.user.id}">
+              <img src="${post.user.imageUrl}" class="post-header__user-image" alt="User avatar">
+              <p class="post-header__user-name">${escapeHTML(post.user.name)}</p>
+            </div>
+            <div class="post-image-container">
+              <img class="post-image" src="${post.imageUrl}" alt="Post image">
+            </div>
+            <div class="post-likes">
+              <button data-post-id="${post.id}" class="like-button ${post.isLiked ? "liked" : ""}">
+                <img src="./assets/images/like-${post.isLiked ? "active" : "not-active"}.svg">
+              </button>
+              <p class="post-likes-text">
+                Нравится: <strong>${post.likes.length}</strong>
+              </p>
+            </div>
+            <p class="post-text">
+              <span class="user-name">${escapeHTML(post.user.name)}</span>
+              ${escapeHTML(post.description)}
+            </p>
+            <p class="post-date">${createdAt}</p>
+            ${user && post.user.id === user._id ? '<button class="delete-button" data-post-id="' + post.id + '">Удалить</button>' : ""}
+          </li>`;
+      })
+      .join("");
+
+    const appHtml = `
+      <div class="page-container">
+        <div class="header-container"></div>
+        <ul class="posts">${postsHtml}</ul>
+      </div>`;
+    appEl.innerHTML = appHtml;
+
+    renderHeaderComponent({
+      element: document.querySelector(".header-container"),
+      user,
+      goToPage,
     });
-  });
 
-  
-  document.querySelectorAll('.like-button').forEach(button => {
-    button.addEventListener('click', (event) => {
-      event.stopPropagation();
-      
-      
-      button.classList.add('liked');
-      setTimeout(() => {
-        button.classList.remove('liked');
-      }, 300);
-      
-      const postId = button.dataset.postId;
-      const isLiked = button.dataset.isLiked === 'true';
-      
-     
-      button.dataset.isLiked = !isLiked;
-      
-      
-      if (typeof toggleLike === 'function') {
-        toggleLike(postId, isLiked);
-      }
-    });
-  });
+    for (const userEl of document.querySelectorAll(".post-header")) {
+      userEl.addEventListener("click", () => {
+        goToPage(USER_POSTS_PAGE, { userId: userEl.dataset.userId });
+      });
+    }
 
-  
-  const container = document.querySelector('.page-container');
-  if (container) {
-    container.classList.add('page-transition');
-    setTimeout(() => {
-      container.classList.add('active');
-    }, 10);
-  }
+    for (const likeButton of document.querySelectorAll(".like-button")) {
+      likeButton.addEventListener("click", () => {
+        const postId = likeButton.dataset.postId;
+        const post = posts.find((p) => p.id === postId);
+        const token = getToken();
+        const action = post.isLiked ? dislikePost : likePost;
+        if (!token) {
+          goToPage(AUTH_PAGE);
+          return;
+        }
+        action({ token, postId })
+          .then(({ post: updatedPost }) => {
+            const index = posts.findIndex((p) => p.id === postId);
+            posts[index] = updatedPost;
+            renderPosts();
+          })
+          .catch((error) => {
+            console.error("Error liking post:", error);
+            showNotification(`Ошибка лайка: ${error.message}`);
+          });
+      });
+    }
+
+    for (const deleteButton of document.querySelectorAll(".delete-button")) {
+      deleteButton.addEventListener("click", () => {
+        const postId = deleteButton.dataset.postId;
+        if (!confirm("Вы точно хотите удалить пост?")) return;
+        deleteButton.disabled = true;
+        deletePost({ token: getToken(), postId })
+          .then(() => {
+            posts = posts.filter((p) => p.id !== postId);
+            renderPosts();
+            showNotification("Пост удалён");
+          })
+          .catch((error) => {
+            console.error("Error deleting post:", error);
+            showNotification(`Ошибка удаления поста: ${error.message}`);
+          })
+          .finally(() => {
+            deleteButton.disabled = false;
+          });
+      });
+    }
+  };
+  renderPosts();
 }

From dc902831655fb3f07726f56eda56b00afb4bb290 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:21:00 +0500
Subject: [PATCH 104/202] Update upload-image-component.js

---
 components/upload-image-component.js | 139 +++++++--------------------
 1 file changed, 34 insertions(+), 105 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 1a2b21942..1d88be9d5 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -1,117 +1,46 @@
-
 import { uploadImage } from "../api.js";
-
+import { showNotification } from "../index.js";
 
 export function renderUploadImageComponent({ element, onImageUrlChange }) {
- 
-  if (!element) {
-    console.error("UploadImageComponent: Не передан DOM-элемент для рендеринга.");
-    return;
-  }
-
-  let imageUrl = "";
+  let previewUrl = "";
 
   const render = () => {
-    const html = `
-      <div class="upload-image">
-        ${imageUrl
-        ? `
-          <div class="file-upload-image-container">
-            <img class="file-upload-image" src="${imageUrl}" alt="Загруженное изображение">
-            <button class="file-upload-remove-button button">Заменить фото</button>
-          </div>
-          `
-        : `
-          <label class="file-upload-label secondary-button">
-            <input type="file" class="file-upload-input" accept="image/*" style="display:none">
-            Выберите фото
-          </label>
-          `}
+    element.innerHTML = `
+      <div class="upload-image-container">
+        <label class="file-upload-label secondary-button">
+          <input type="file" class="file-upload-input" style="display:none" accept="image/*" />
+          Выберите фото
+        </label>
+        ${previewUrl ? `<img src="${previewUrl}" class="file-upload-image" />` : ""}
       </div>
     `;
 
-    element.innerHTML = html;
-
-    const fileInput = element.querySelector(".file-upload-input");
-    if (fileInput) {
-    
-      fileInput.addEventListener("change", async (event) => {
-        
-        const files = event.target.files;
-        if (files && files.length > 0) {
-          const file = files[0];
-          const label = element.querySelector(".file-upload-label");
-          if (label) {
-            label.setAttribute("disabled", "true");
-            label.textContent = "Загрузка...";
-          }
-
-          try {
-            console.log("UploadComponent: Начинаем загрузку файла:", file.name);
-            const uploadResult = await uploadImage({ file });
-            console.log("UploadComponent: Ответ от uploadImage:", uploadResult);
-
-            
-            if (uploadResult && typeof uploadResult === 'object' && uploadResult.fileUrl) {
-              imageUrl = uploadResult.fileUrl; 
-            } else {
-              
-              imageUrl = uploadResult?.imageUrl || uploadResult?.url || "";
-          
-              if (!imageUrl) {
-                 console.warn("UploadComponent: URL изображения не найден в ответе API.", uploadResult);
-                 throw new Error("URL изображения отсутствует в ответе сервера.");
-              }
-            }
-            console.log("UploadComponent: Извлеченный imageUrl:", imageUrl);
-
-          
-            if (typeof onImageUrlChange === 'function') {
-              onImageUrlChange(imageUrl);
-            } else {
-              console.warn("UploadComponent: onImageUrlChange не является функцией.");
-            }
-
+    const input = element.querySelector(".file-upload-input");
+    input.addEventListener("change", () => {
+      const file = input.files[0];
+      if (file) {
+        input.disabled = true;
+        const reader = new FileReader();
+        reader.onload = (e) => {
+          previewUrl = e.target.result;
+          render();
+        };
+        reader.readAsDataURL(file);
+
+        uploadImage({ file })
+          .then(({ fileUrl }) => {
+            onImageUrlChange(fileUrl);
+            previewUrl = fileUrl;
             render();
-          } catch (error) {
-            console.error("UploadComponent: Ошибка загрузки:", error);
-
-           
-            if (typeof onImageUrlChange === 'function') {
-              onImageUrlChange(""); 
-            }
-
-            const label = element.querySelector(".file-upload-label");
-            if (label) {
-              label.removeAttribute("disabled");
-              label.textContent = "Ошибка загрузки";
-
-             
-              setTimeout(() => {
-               
-                const currentLabel = element.querySelector(".file-upload-label");
-                if (currentLabel) {
-                  currentLabel.textContent = "Выберите фото";
-                }
-              }, 2000);
-            }
-          }
-        }
-      });
-    }
-
-    const removeButton = element.querySelector(".file-upload-remove-button");
-    if (removeButton) {
-      removeButton.addEventListener("click", () => {
-        imageUrl = "";
-      
-        if (typeof onImageUrlChange === 'function') {
-          onImageUrlChange(imageUrl);
-        }
-        render();
-      });
-    }
+          })
+          .catch((error) => {
+            console.error("Error uploading image:", error);
+            showNotification(`Ошибка загрузки изображения: ${error.message}`);
+            onImageUrlChange(previewUrl);
+            input.disabled = false;
+          });
+      }
+    });
   };
-
   render();
 }

From 0893a98d6328fb56ccddadda3718343176d9dec8 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:21:59 +0500
Subject: [PATCH 105/202] Update upload-image-component.js


From 57d3a2d6ac72c254c7920499728b75c78d004da9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Wed, 20 Aug 2025 21:23:33 +0500
Subject: [PATCH 106/202] Update api.js


From b4a0c31c2d805f9767addc00ec782e68355d99ce Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:06:29 +0500
Subject: [PATCH 107/202] Update add-post-page-component.js


From be66acd89ebd5cb8a70775624d654de9b029404c Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:07:24 +0500
Subject: [PATCH 108/202] Update auth-page-component.js


From 2acc6f52eff83d996cc6ecc23f8811a02d55f6c8 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:07:46 +0500
Subject: [PATCH 109/202] Update header-component.js


From 70a6f2432d5b25183ed66703573f47ff39b2c924 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:08:02 +0500
Subject: [PATCH 110/202] Update loading-page-component.js


From fd6b889f0ff6427e167ad90c16fd85bad1449f92 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:08:25 +0500
Subject: [PATCH 111/202] Update posts-page-component.js


From ef3dac2032454740793e2d1abab0303676f3b443 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:08:46 +0500
Subject: [PATCH 112/202] Update upload-image-component.js


From af2523b01ab6ee0ceecac25c46f01103ec3bc2e8 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:10:07 +0500
Subject: [PATCH 113/202] Create user-posts-page-component.js

---
 components/user-posts-page-component.js | 104 ++++++++++++++++++++++++
 1 file changed, 104 insertions(+)
 create mode 100644 components/user-posts-page-component.js

diff --git a/components/user-posts-page-component.js b/components/user-posts-page-component.js
new file mode 100644
index 000000000..82aebb1e5
--- /dev/null
+++ b/components/user-posts-page-component.js
@@ -0,0 +1,104 @@
+import { renderHeaderComponent } from "./header-component.js";
+import { formatDistanceToNow } from "date-fns";
+import { ru } from "date-fns/locale";
+
+export function renderUserPostsPageComponent({
+  appEl,
+  userId,
+  posts,
+  user,
+  goToPage,
+  likePost,
+  dislikePost,
+}) {
+  const appHtml = `
+    <div class="page-container">
+      <div class="header-container"></div>
+      <div class="posts-user-header">
+        <img src="${posts[0]?.user.imageUrl || ""}" class="posts-user-header__user-image">
+        <p class="posts-user-header__user-name">${sanitizeHtml(posts[0]?.user.name || "")}</p>
+      </div>
+      <ul class="posts">
+        ${posts
+          .map(
+            (post) => `
+              <li class="post">
+                <div class="post-image-container">
+                  <img class="post-image" src="${post.imageUrl}">
+                </div>
+                <div class="post-likes">
+                  <button data-post-id="${post.id}" data-is-liked="${post.isLiked}" class="like-button">
+                    <img src="./assets/images/${
+                      post.isLiked ? "like-active.svg" : "like-not-active.svg"
+                    }">
+                  </button>
+                  <p class="post-likes-text">
+                    Нравится: <strong>${post.likes.length}</strong>
+                  </p>
+                </div>
+                <p class="post-text">
+                  <span class="user-name">${sanitizeHtml(post.user.name)}</span>
+                  ${sanitizeHtml(post.description)}
+                </p>
+                <p class="post-date">
+                  ${formatDistanceToNow(new Date(post.createdAt), { locale: ru })} назад
+                </p>
+              </li>
+            `
+          )
+          .join("")}
+      </ul>
+    </div>
+  `;
+
+  appEl.innerHTML = appHtml;
+
+  renderHeaderComponent({
+    element: document.querySelector(".header-container"),
+  });
+
+  for (let likeBtn of document.querySelectorAll(".like-button")) {
+    likeBtn.addEventListener("click", () => {
+      if (!user) {
+        showNotification("Авторизуйтесь для лайков");
+        return;
+      }
+      const postId = likeBtn.dataset.postId;
+      const isLiked = likeBtn.dataset.isLiked === "true";
+      const action = isLiked ? dislikePost : likePost;
+      action({ postId, token: user.token })
+        .then((response) => {
+          const post = posts.find((p) => p.id === postId);
+          post.isLiked = response.post.isLiked;
+          post.likes = response.post.likes;
+          renderUserPostsPageComponent({
+            appEl,
+            userId,
+            posts,
+            user,
+            goToPage,
+            likePost,
+            dislikePost,
+          });
+        })
+        .catch((error) => {
+          console.error(error);
+          showNotification("Ошибка при изменении лайка");
+        });
+    });
+  }
+}
+
+function sanitizeHtml(text) {
+  const div = document.createElement("div");
+  div.textContent = text;
+  return div.innerHTML;
+}
+
+function showNotification(message) {
+  const notification = document.createElement("div");
+  notification.className = "notification";
+  notification.textContent = message;
+  document.body.appendChild(notification);
+  setTimeout(() => notification.remove(), 3000);
+}

From 8f89c401f4e8e4dc1a07db7c16ea315f04cb3284 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:11:13 +0500
Subject: [PATCH 114/202] Update api.js


From 9b37fb9a25b35c669048d64f80052f90e540f69c Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:11:46 +0500
Subject: [PATCH 115/202] Update helpers.js

---
 helpers.js | 42 +++++-------------------------------------
 1 file changed, 5 insertions(+), 37 deletions(-)

diff --git a/helpers.js b/helpers.js
index fadf80622..b47d3b777 100644
--- a/helpers.js
+++ b/helpers.js
@@ -1,47 +1,15 @@
-
 export function saveUserToLocalStorage(user) {
-  
-  if (!user || !user.token || !user.name || !user.id) {
-    console.warn("Helpers: Попытка сохранить некорректного пользователя в localStorage.", user);
-    return;
-  }
-
-  try {
-    window.localStorage.setItem("user", JSON.stringify(user));
-    console.log("Helpers: Пользователь успешно сохранен в localStorage.");
-  } catch (e) {
-    console.error("Helpers: Ошибка сохранения пользователя в localStorage:", e);
-  }
+  window.localStorage.setItem("user", JSON.stringify(user));
 }
 
-
-export function getUserFromLocalStorage() {
+export function getUserFromLocalStorage(user) {
   try {
-    const userStr = window.localStorage.getItem("user");
-    if (userStr) {
-      const user = JSON.parse(userStr);
-    
-      if (user && user.token && user.name && user.id) {
-        console.log("Helpers: Пользователь успешно получен из localStorage.");
-        return user;
-      } else {
-        console.warn("Helpers: Некорректные данные пользователя в localStorage.", user);
-        return null;
-      }
-    }
-    return null;
+    return JSON.parse(window.localStorage.getItem("user"));
   } catch (error) {
-    console.error("Helpers: Ошибка получения пользователя из localStorage:", error);
     return null;
   }
 }
 
-
-export function removeUserFromLocalStorage() {
-  try {
-    window.localStorage.removeItem("user");
-    console.log("Helpers: Пользователь успешно удален из localStorage.");
-  } catch (e) {
-    console.error("Helpers: Ошибка удаления пользователя из localStorage:", e);
-  }
+export function removeUserFromLocalStorage(user) {
+  window.localStorage.removeItem("user");
 }

From 1d31c5e1eacc60deaa91818c3a6af32f3472d0bc Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:12:02 +0500
Subject: [PATCH 116/202] Update index.js


From 7c9fbeebe0e3d5e2b3b86a47b83354bd8b06d51d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:21:53 +0500
Subject: [PATCH 117/202] Update api.js

---
 api.js | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/api.js b/api.js
index 70bc0324a..e8e4a4178 100644
--- a/api.js
+++ b/api.js
@@ -1,4 +1,5 @@
-const personalKey = "prod";
+// api.js
+const personalKey = "your-unique-key";
 const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
@@ -46,7 +47,10 @@ export async function addPost({ token, description, imageUrl }) {
       throw new Error("Описание или URL изображения не переданы");
     const response = await fetch(postsHost, {
       method: "POST",
-      headers: { Authorization: token },
+      headers: {
+        Authorization: token,
+        "Content-Type": "application/json",
+      },
       body: JSON.stringify({ description, imageUrl }),
     });
     const data = await checkResponse(response);
@@ -90,9 +94,11 @@ export async function dislikePost({ token, postId }) {
 export async function registerUser({ login, password, name, imageUrl }) {
   const body = { login, password, name };
   if (imageUrl) body.imageUrl = imageUrl;
-  console.log("Register request body:", body); // Логирование для отладки
   const response = await fetch(`${baseHost}/api/user`, {
     method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
     body: JSON.stringify(body),
   });
 
@@ -100,12 +106,18 @@ export async function registerUser({ login, password, name, imageUrl }) {
     const data = await response.json();
     throw new Error(data.error || "Некорректные данные регистрации");
   }
+  if (!response.ok) {
+    throw new Error("Ошибка регистрации");
+  }
   return response.json();
 }
 
 export async function loginUser({ login, password }) {
   const response = await fetch(`${baseHost}/api/user/login`, {
     method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
     body: JSON.stringify({ login, password }),
   });
 

From 98946726a848e501c70e960f75770f2241c3d822 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:22:54 +0500
Subject: [PATCH 118/202] Update routes.js

---
 routes.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/routes.js b/routes.js
index 725f8eb1a..6af87ae45 100644
--- a/routes.js
+++ b/routes.js
@@ -1,6 +1,6 @@
-/* Файл со списком страниц приложения */
-export const POSTS_PAGE = "posts";
-export const USER_POSTS_PAGE = "user-posts";
-export const AUTH_PAGE = "auth";
-export const ADD_POSTS_PAGE = "add-post";
-export const LOADING_PAGE = "loading";
+
+export const AUTH_PAGE = "AUTH_PAGE";
+export const POSTS_PAGE = "POSTS_PAGE";
+export const ADD_POSTS_PAGE = "ADD_POSTS_PAGE";
+export const USER_POSTS_PAGE = "USER_POSTS_PAGE";
+export const LOADING_PAGE = "LOADING_PAGE";

From 45d1d1ae2e34b617de7fedf8410a72cc1c427697 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:23:46 +0500
Subject: [PATCH 119/202] Update posts-page-component.js

---
 components/posts-page-component.js | 31 +++++++++++++++++-------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index bb7ad3197..12cb7e4e6 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -1,18 +1,19 @@
-import { USER_POSTS_PAGE } from "../routes.js";
+
 import { renderHeaderComponent } from "./header-component.js";
+import { USER_POSTS_PAGE } from "../routes.js";
 import { formatDistanceToNow } from "date-fns";
 import { ru } from "date-fns/locale";
 import { getToken, showNotification } from "../index.js";
+import { AUTH_PAGE } from "../routes.js";
 
 function escapeHTML(str) {
   if (!str) return str;
-  return str.replace(/[&<>'"]/g, (match) => ({
-    "&": "&amp;",
-    "<": "&lt;",
-    ">": "&gt;",
-    "'": "&apos;",
-    '"': "&quot;",
-  }[match]));
+  return str
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "<")
+    .replace(/>/g, ">")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#039;");
 }
 
 export function renderPostsPageComponent({
@@ -35,14 +36,14 @@ export function renderPostsPageComponent({
         return `
           <li class="post">
             <div class="post-header" data-user-id="${post.user.id}">
-              <img src="${post.user.imageUrl}" class="post-header__user-image" alt="User avatar">
+              <img src="${escapeHTML(post.user.imageUrl)}" class="post-header__user-image" alt="User avatar">
               <p class="post-header__user-name">${escapeHTML(post.user.name)}</p>
             </div>
             <div class="post-image-container">
-              <img class="post-image" src="${post.imageUrl}" alt="Post image">
+              <img class="post-image" src="${escapeHTML(post.imageUrl)}" alt="Post image">
             </div>
             <div class="post-likes">
-              <button data-post-id="${post.id}" class="like-button ${post.isLiked ? "liked" : ""}">
+              <button data-post-id="${post.id}" class="like-button">
                 <img src="./assets/images/like-${post.isLiked ? "active" : "not-active"}.svg">
               </button>
               <p class="post-likes-text">
@@ -54,7 +55,11 @@ export function renderPostsPageComponent({
               ${escapeHTML(post.description)}
             </p>
             <p class="post-date">${createdAt}</p>
-            ${user && post.user.id === user._id ? '<button class="delete-button" data-post-id="' + post.id + '">Удалить</button>' : ""}
+            ${
+              user && post.user.id === user._id
+                ? `<button class="delete-button" data-post-id="${post.id}">Удалить</button>`
+                : ""
+            }
           </li>`;
       })
       .join("");
@@ -92,7 +97,7 @@ export function renderPostsPageComponent({
           .then(({ post: updatedPost }) => {
             const index = posts.findIndex((p) => p.id === postId);
             posts[index] = updatedPost;
-            renderPosts();
+            renderPosts(); // Перерисовываем компонент с обновленными данными
           })
           .catch((error) => {
             console.error("Error liking post:", error);

From 08fc8ec6f2bba4373b14869f4e296b3315eaba6a Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:24:25 +0500
Subject: [PATCH 120/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index f0666698a..0b8198cb3 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,3 +1,4 @@
+
 import { renderHeaderComponent } from "./header-component.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
 import { addPost } from "../api.js";

From 76a5ade2e25a504e34c3c1ead51f1614840c4d0b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:26:20 +0500
Subject: [PATCH 121/202] Update user-posts-page-component.js

---
 components/user-posts-page-component.js | 174 ++++++++++++------------
 1 file changed, 90 insertions(+), 84 deletions(-)

diff --git a/components/user-posts-page-component.js b/components/user-posts-page-component.js
index 82aebb1e5..c825ab8b3 100644
--- a/components/user-posts-page-component.js
+++ b/components/user-posts-page-component.js
@@ -1,6 +1,19 @@
+
 import { renderHeaderComponent } from "./header-component.js";
 import { formatDistanceToNow } from "date-fns";
 import { ru } from "date-fns/locale";
+import { AUTH_PAGE } from "../routes.js";
+import { showNotification } from "../index.js";
+
+function escapeHTML(str) {
+  if (!str) return str;
+  return str
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "<")
+    .replace(/>/g, ">")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#039;");
+}
 
 export function renderUserPostsPageComponent({
   appEl,
@@ -11,94 +24,87 @@ export function renderUserPostsPageComponent({
   likePost,
   dislikePost,
 }) {
-  const appHtml = `
-    <div class="page-container">
-      <div class="header-container"></div>
-      <div class="posts-user-header">
-        <img src="${posts[0]?.user.imageUrl || ""}" class="posts-user-header__user-image">
-        <p class="posts-user-header__user-name">${sanitizeHtml(posts[0]?.user.name || "")}</p>
-      </div>
-      <ul class="posts">
-        ${posts
-          .map(
-            (post) => `
-              <li class="post">
-                <div class="post-image-container">
-                  <img class="post-image" src="${post.imageUrl}">
-                </div>
-                <div class="post-likes">
-                  <button data-post-id="${post.id}" data-is-liked="${post.isLiked}" class="like-button">
-                    <img src="./assets/images/${
-                      post.isLiked ? "like-active.svg" : "like-not-active.svg"
-                    }">
-                  </button>
-                  <p class="post-likes-text">
-                    Нравится: <strong>${post.likes.length}</strong>
+  const renderUserPosts = () => {
+    const appHtml = `
+      <div class="page-container">
+        <div class="header-container"></div>
+        ${
+          posts.length > 0
+            ? `
+          <div class="posts-user-header">
+            <img src="${escapeHTML(posts[0].user.imageUrl)}" class="posts-user-header__user-image">
+            <p class="posts-user-header__user-name">${escapeHTML(posts[0].user.name)}</p>
+          </div>
+        `
+            : ""
+        }
+        <ul class="posts">
+          ${posts
+            .map(
+              (post) => `
+                <li class="post">
+                  <div class="post-image-container">
+                    <img class="post-image" src="${escapeHTML(post.imageUrl)}">
+                  </div>
+                  <div class="post-likes">
+                    <button data-post-id="${post.id}" class="like-button">
+                      <img src="./assets/images/${
+                        post.isLiked ? "like-active.svg" : "like-not-active.svg"
+                      }">
+                    </button>
+                    <p class="post-likes-text">
+                      Нравится: <strong>${post.likes.length}</strong>
+                    </p>
+                  </div>
+                  <p class="post-text">
+                    <span class="user-name">${escapeHTML(post.user.name)}</span>
+                    ${escapeHTML(post.description)}
                   </p>
-                </div>
-                <p class="post-text">
-                  <span class="user-name">${sanitizeHtml(post.user.name)}</span>
-                  ${sanitizeHtml(post.description)}
-                </p>
-                <p class="post-date">
-                  ${formatDistanceToNow(new Date(post.createdAt), { locale: ru })} назад
-                </p>
-              </li>
-            `
-          )
-          .join("")}
-      </ul>
-    </div>
-  `;
-
-  appEl.innerHTML = appHtml;
+                  <p class="post-date">
+                    ${formatDistanceToNow(new Date(post.createdAt), {
+                      locale: ru,
+                    })} назад
+                  </p>
+                </li>
+              `
+            )
+            .join("")}
+        </ul>
+      </div>
+    `;
 
-  renderHeaderComponent({
-    element: document.querySelector(".header-container"),
-  });
+    appEl.innerHTML = appHtml;
 
-  for (let likeBtn of document.querySelectorAll(".like-button")) {
-    likeBtn.addEventListener("click", () => {
-      if (!user) {
-        showNotification("Авторизуйтесь для лайков");
-        return;
-      }
-      const postId = likeBtn.dataset.postId;
-      const isLiked = likeBtn.dataset.isLiked === "true";
-      const action = isLiked ? dislikePost : likePost;
-      action({ postId, token: user.token })
-        .then((response) => {
-          const post = posts.find((p) => p.id === postId);
-          post.isLiked = response.post.isLiked;
-          post.likes = response.post.likes;
-          renderUserPostsPageComponent({
-            appEl,
-            userId,
-            posts,
-            user,
-            goToPage,
-            likePost,
-            dislikePost,
-          });
-        })
-        .catch((error) => {
-          console.error(error);
-          showNotification("Ошибка при изменении лайка");
-        });
+    renderHeaderComponent({
+      element: document.querySelector(".header-container"),
+      user,
+      goToPage,
     });
-  }
-}
 
-function sanitizeHtml(text) {
-  const div = document.createElement("div");
-  div.textContent = text;
-  return div.innerHTML;
-}
+    for (let likeBtn of document.querySelectorAll(".like-button")) {
+      likeBtn.addEventListener("click", () => {
+        if (!user) {
+          showNotification("Авторизуйтесь для лайков");
+          goToPage(AUTH_PAGE);
+          return;
+        }
+        const postId = likeBtn.dataset.postId;
+        const post = posts.find((p) => p.id === postId);
+        const isLiked = post.isLiked;
+        const action = isLiked ? dislikePost : likePost;
+        action({ postId, token: `Bearer ${user.token}` })
+          .then((response) => {
+            const index = posts.findIndex((p) => p.id === postId);
+            posts[index] = response.post;
+            renderUserPosts(); // Перерисовываем компонент
+          })
+          .catch((error) => {
+            console.error(error);
+            showNotification("Ошибка при изменении лайка");
+          });
+      });
+    }
+  };
 
-function showNotification(message) {
-  const notification = document.createElement("div");
-  notification.className = "notification";
-  notification.textContent = message;
-  document.body.appendChild(notification);
-  setTimeout(() => notification.remove(), 3000);
+  renderUserPosts();
 }

From f140ec19c40d8ad47952911e296a25ed5b40811b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:28:37 +0500
Subject: [PATCH 122/202] Update index.js

---
 index.js | 41 ++++++++++++++++++++++++++++++++++-------
 1 file changed, 34 insertions(+), 7 deletions(-)

diff --git a/index.js b/index.js
index d53572edf..ec68f648b 100644
--- a/index.js
+++ b/index.js
@@ -1,3 +1,4 @@
+
 import {
   getPosts,
   getUserPosts,
@@ -10,6 +11,7 @@ import {
 import { renderAddPostPageComponent } from "./components/add-post-page-component.js";
 import { renderAuthPageComponent } from "./components/auth-page-component.js";
 import { renderPostsPageComponent } from "./components/posts-page-component.js";
+import { renderUserPostsPageComponent } from "./components/user-posts-page-component.js";
 import { renderLoadingPageComponent } from "./components/loading-page-component.js";
 import {
   ADD_POSTS_PAGE,
@@ -29,7 +31,7 @@ export let page = null;
 export let posts = [];
 
 export const getToken = () =>
-  user && user.token ? `Bearer ${user.token}` : undefined; // Экспортируем getToken
+  user && user.token ? `Bearer ${user.token}` : undefined;
 
 export const setUser = (newUser) => {
   user = newUser;
@@ -41,7 +43,7 @@ export const setUser = (newUser) => {
 export const logout = () => {
   user = null;
   removeUserFromLocalStorage();
-  goToPage(POSTS_PAGE); // Изменено с AUTH_PAGE на POSTS_PAGE
+  goToPage(POSTS_PAGE);
 };
 
 export const showNotification = (message) => {
@@ -81,7 +83,7 @@ export const goToPage = (newPage, data = {}) => {
         .catch((error) => {
           console.error("Error fetching posts:", error);
           showNotification(`Ошибка загрузки постов: ${error.message}`);
-          page = POSTS_PAGE; // Остаёмся на POSTS_PAGE даже при ошибке
+          page = POSTS_PAGE;
           renderApp();
         });
       return;
@@ -110,7 +112,7 @@ export const goToPage = (newPage, data = {}) => {
                 showNotification(
                   `Ошибка загрузки постов пользователя: ${error.message}`
                 );
-                page = AUTH_PAGE;
+                page = POSTS_PAGE; // Возвращаемся к общей ленте при ошибке
                 renderApp();
               });
           })
@@ -120,8 +122,21 @@ export const goToPage = (newPage, data = {}) => {
             logout();
           });
       } else {
-        page = AUTH_PAGE;
-        renderApp();
+        // Для неавторизованных пользователей тоже показываем посты пользователя
+        getUserPosts({ token: undefined, userId: data.userId })
+          .then((newPosts) => {
+            page = USER_POSTS_PAGE;
+            posts = newPosts;
+            renderApp(data);
+          })
+          .catch((error) => {
+            console.error("Error fetching user posts:", error);
+            showNotification(
+              `Ошибка загрузки постов пользователя: ${error.message}`
+            );
+            page = POSTS_PAGE;
+            renderApp();
+          });
       }
       return;
     }
@@ -167,7 +182,7 @@ const renderApp = (data = {}) => {
     });
   }
 
-  if (page === POSTS_PAGE || page === USER_POSTS_PAGE) {
+  if (page === POSTS_PAGE) {
     return renderPostsPageComponent({
       appEl,
       posts,
@@ -180,6 +195,18 @@ const renderApp = (data = {}) => {
     });
   }
 
+  if (page === USER_POSTS_PAGE) {
+    return renderUserPostsPageComponent({
+      appEl,
+      userId: data.userId,
+      posts,
+      user,
+      goToPage,
+      likePost,
+      dislikePost,
+    });
+  }
+
   appEl.innerHTML = `<div class="page-container">Ошибка: неизвестная страница</div>`;
 };
 

From 8b6c1fd169139833577bf2a98a38258e6a38f0e2 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:35:17 +0500
Subject: [PATCH 123/202] Update index.html

---
 index.html | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/index.html b/index.html
index 96674b4d3..b1cb25105 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,9 @@
 
     <link rel="stylesheet" href="./styles.css" />
     <link rel="stylesheet" href="./ui-kit.css" />
+    
+
+    <script src="https://cdn.jsdelivr.net/npm/date-fns@2.30.0/index.umd.min.js"></script>
   </head>
 
   <body>

From b99023489114208131fc5940c6d68aff765848b2 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:35:39 +0500
Subject: [PATCH 124/202] Update api.js

---
 api.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/api.js b/api.js
index e8e4a4178..d79edc6d5 100644
--- a/api.js
+++ b/api.js
@@ -1,5 +1,5 @@
 // api.js
-const personalKey = "your-unique-key";
+const personalKey = "prod"; 
 const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 

From f6e3085259a9fdb8d5493892ab4218d44e3802d7 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:35:58 +0500
Subject: [PATCH 125/202] Update routes.js

---
 routes.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/routes.js b/routes.js
index 6af87ae45..53d809a3e 100644
--- a/routes.js
+++ b/routes.js
@@ -1,4 +1,4 @@
-
+// routes.js
 export const AUTH_PAGE = "AUTH_PAGE";
 export const POSTS_PAGE = "POSTS_PAGE";
 export const ADD_POSTS_PAGE = "ADD_POSTS_PAGE";

From cfb33c2b362f660959c5942d571dc46044b9ad0a Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:36:20 +0500
Subject: [PATCH 126/202] Update posts-page-component.js

---
 components/posts-page-component.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 12cb7e4e6..71e193447 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -1,11 +1,13 @@
-
+// components/posts-page-component.js
 import { renderHeaderComponent } from "./header-component.js";
 import { USER_POSTS_PAGE } from "../routes.js";
-import { formatDistanceToNow } from "date-fns";
-import { ru } from "date-fns/locale";
 import { getToken, showNotification } from "../index.js";
 import { AUTH_PAGE } from "../routes.js";
 
+// Используем date-fns из глобальной переменной
+const { formatDistanceToNow } = window.dateFns;
+const { ru } = window.dateFns;
+
 function escapeHTML(str) {
   if (!str) return str;
   return str

From d04f8de75f7b3ea4244284cba244b51bed339ec9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:36:38 +0500
Subject: [PATCH 127/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 0b8198cb3..39409baf2 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,4 +1,4 @@
-
+// components/add-post-page-component.js
 import { renderHeaderComponent } from "./header-component.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
 import { addPost } from "../api.js";

From caf941982a8b379411a9971804882f4a04647711 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:37:04 +0500
Subject: [PATCH 128/202] Update user-posts-page-component.js

---
 components/user-posts-page-component.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/user-posts-page-component.js b/components/user-posts-page-component.js
index c825ab8b3..6cc52304f 100644
--- a/components/user-posts-page-component.js
+++ b/components/user-posts-page-component.js
@@ -1,10 +1,12 @@
-
+// components/user-posts-page-component.js
 import { renderHeaderComponent } from "./header-component.js";
-import { formatDistanceToNow } from "date-fns";
-import { ru } from "date-fns/locale";
 import { AUTH_PAGE } from "../routes.js";
 import { showNotification } from "../index.js";
 
+// Используем date-fns из глобальной переменной
+const { formatDistanceToNow } = window.dateFns;
+const { ru } = window.dateFns;
+
 function escapeHTML(str) {
   if (!str) return str;
   return str

From 8cc0c45657b37747505cd51be4413d7261933b13 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:37:22 +0500
Subject: [PATCH 129/202] Update index.js

---
 index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.js b/index.js
index ec68f648b..33bd309bb 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,4 @@
-
+// index.js
 import {
   getPosts,
   getUserPosts,

From 0d0ad0da1765a53434bc2ffb29685949b14b09f9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:39:55 +0500
Subject: [PATCH 130/202] Update index.html

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index b1cb25105..ce86b5453 100644
--- a/index.html
+++ b/index.html
@@ -7,9 +7,9 @@
 
     <link rel="stylesheet" href="./styles.css" />
     <link rel="stylesheet" href="./ui-kit.css" />
-    
 
-    <script src="https://cdn.jsdelivr.net/npm/date-fns@2.30.0/index.umd.min.js"></script>
+    <!-- Исправленная CDN для date-fns -->
+    <script src="https://cdn.jsdelivr.net/npm/date-fns@2.30.0/dist/date-fns.min.js"></script>
   </head>
 
   <body>

From 0e5cf1c40a2b32e8107a66158291d9a4f3146f9f Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:40:13 +0500
Subject: [PATCH 131/202] Update posts-page-component.js

---
 components/posts-page-component.js | 29 ++++++++++++-----------------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 71e193447..81981a1fb 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -4,9 +4,9 @@ import { USER_POSTS_PAGE } from "../routes.js";
 import { getToken, showNotification } from "../index.js";
 import { AUTH_PAGE } from "../routes.js";
 
-// Используем date-fns из глобальной переменной
-const { formatDistanceToNow } = window.dateFns;
-const { ru } = window.dateFns;
+// Проверяем, доступна ли date-fns
+const formatDistanceToNow = window.dateFns ? window.dateFns.formatDistanceToNow : null;
+const ru = window.dateFns ? window.dateFns.ru : null;
 
 function escapeHTML(str) {
   if (!str) return str;
@@ -31,10 +31,14 @@ export function renderPostsPageComponent({
   const renderPosts = () => {
     const postsHtml = posts
       .map((post) => {
-        const createdAt = formatDistanceToNow(new Date(post.createdAt), {
-          addSuffix: true,
-          locale: ru,
-        });
+        // Форматирование даты
+        let createdAt = "Неизвестно";
+        if (formatDistanceToNow && ru) {
+          createdAt = formatDistanceToNow(new Date(post.createdAt), {
+            addSuffix: true,
+            locale: ru,
+          });
+        }
         return `
           <li class="post">
             <div class="post-header" data-user-id="${post.user.id}">
@@ -121,13 +125,4 @@ export function renderPostsPageComponent({
           })
           .catch((error) => {
             console.error("Error deleting post:", error);
-            showNotification(`Ошибка удаления поста: ${error.message}`);
-          })
-          .finally(() => {
-            deleteButton.disabled = false;
-          });
-      });
-    }
-  };
-  renderPosts();
-}
+            showNotification(`Ошибка удаления поста: ${error

From 52a3abedfbb31a1078a170e5952ecd050c702f73 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:40:32 +0500
Subject: [PATCH 132/202] Update user-posts-page-component.js

---
 components/user-posts-page-component.js | 48 +++----------------------
 1 file changed, 4 insertions(+), 44 deletions(-)

diff --git a/components/user-posts-page-component.js b/components/user-posts-page-component.js
index 6cc52304f..e5ae669aa 100644
--- a/components/user-posts-page-component.js
+++ b/components/user-posts-page-component.js
@@ -3,9 +3,9 @@ import { renderHeaderComponent } from "./header-component.js";
 import { AUTH_PAGE } from "../routes.js";
 import { showNotification } from "../index.js";
 
-// Используем date-fns из глобальной переменной
-const { formatDistanceToNow } = window.dateFns;
-const { ru } = window.dateFns;
+// Проверяем, доступна ли date-fns
+const formatDistanceToNow = window.dateFns ? window.dateFns.formatDistanceToNow : null;
+const ru = window.dateFns ? window.dateFns.ru : null;
 
 function escapeHTML(str) {
   if (!str) return str;
@@ -63,50 +63,10 @@ export function renderUserPostsPageComponent({
                     ${escapeHTML(post.description)}
                   </p>
                   <p class="post-date">
-                    ${formatDistanceToNow(new Date(post.createdAt), {
-                      locale: ru,
-                    })} назад
+                    ${formatDistanceToNow ? formatDistanceToNow(new Date(post.createdAt), { locale: ru }) + " назад" : "Неизвестно"}
                   </p>
                 </li>
               `
             )
             .join("")}
         </ul>
-      </div>
-    `;
-
-    appEl.innerHTML = appHtml;
-
-    renderHeaderComponent({
-      element: document.querySelector(".header-container"),
-      user,
-      goToPage,
-    });
-
-    for (let likeBtn of document.querySelectorAll(".like-button")) {
-      likeBtn.addEventListener("click", () => {
-        if (!user) {
-          showNotification("Авторизуйтесь для лайков");
-          goToPage(AUTH_PAGE);
-          return;
-        }
-        const postId = likeBtn.dataset.postId;
-        const post = posts.find((p) => p.id === postId);
-        const isLiked = post.isLiked;
-        const action = isLiked ? dislikePost : likePost;
-        action({ postId, token: `Bearer ${user.token}` })
-          .then((response) => {
-            const index = posts.findIndex((p) => p.id === postId);
-            posts[index] = response.post;
-            renderUserPosts(); // Перерисовываем компонент
-          })
-          .catch((error) => {
-            console.error(error);
-            showNotification("Ошибка при изменении лайка");
-          });
-      });
-    }
-  };
-
-  renderUserPosts();
-}

From 48bad0e75ac3f730858a9876cc5b4ac9849980bc Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:41:15 +0500
Subject: [PATCH 133/202] Update user-posts-page-component.js

---
 components/user-posts-page-component.js | 38 +++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/components/user-posts-page-component.js b/components/user-posts-page-component.js
index e5ae669aa..b15e948d5 100644
--- a/components/user-posts-page-component.js
+++ b/components/user-posts-page-component.js
@@ -70,3 +70,41 @@ export function renderUserPostsPageComponent({
             )
             .join("")}
         </ul>
+      </div>
+    `;
+
+    appEl.innerHTML = appHtml;
+
+    renderHeaderComponent({
+      element: document.querySelector(".header-container"),
+      user,
+      goToPage,
+    });
+
+    for (let likeBtn of document.querySelectorAll(".like-button")) {
+      likeBtn.addEventListener("click", () => {
+        if (!user) {
+          showNotification("Авторизуйтесь для лайков");
+          goToPage(AUTH_PAGE);
+          return;
+        }
+        const postId = likeBtn.dataset.postId;
+        const post = posts.find((p) => p.id === postId);
+        const isLiked = post.isLiked;
+        const action = isLiked ? dislikePost : likePost;
+        action({ postId, token: `Bearer ${user.token}` })
+          .then((response) => {
+            const index = posts.findIndex((p) => p.id === postId);
+            posts[index] = response.post;
+            renderUserPosts(); // Перерисовываем компонент
+          })
+          .catch((error) => {
+            console.error(error);
+            showNotification("Ошибка при изменении лайка");
+          });
+      });
+    }
+  };
+
+  renderUserPosts();
+}

From 28e1bd1aefc01a0f411d389983d4bd40e3a2adca Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:42:00 +0500
Subject: [PATCH 134/202] Update posts-page-component.js

---
 components/posts-page-component.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 81981a1fb..98f286377 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -125,4 +125,13 @@ export function renderPostsPageComponent({
           })
           .catch((error) => {
             console.error("Error deleting post:", error);
-            showNotification(`Ошибка удаления поста: ${error
+            showNotification(`Ошибка удаления поста: ${error.message}`);
+          })
+          .finally(() => {
+            deleteButton.disabled = false;
+          });
+      });
+    }
+  };
+  renderPosts();
+}

From e06d369f85f8e7e5ff643f80649341103ce8c5cd Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:42:37 +0500
Subject: [PATCH 135/202] Update index.html

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index ce86b5453..499c75e10 100644
--- a/index.html
+++ b/index.html
@@ -8,8 +8,8 @@
     <link rel="stylesheet" href="./styles.css" />
     <link rel="stylesheet" href="./ui-kit.css" />
 
-    <!-- Исправленная CDN для date-fns -->
-    <script src="https://cdn.jsdelivr.net/npm/date-fns@2.30.0/dist/date-fns.min.js"></script>
+
+   <script src="https://cdn.jsdelivr.net/npm/date-fns@2.30.0/dist/date-fns.min.js"></script>
   </head>
 
   <body>

From 2d81781492aede66c3a18e31a8fbcec47a6dacd8 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:44:55 +0500
Subject: [PATCH 136/202] Update api.js

---
 api.js | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/api.js b/api.js
index d79edc6d5..c06d40c32 100644
--- a/api.js
+++ b/api.js
@@ -1,5 +1,5 @@
 // api.js
-const personalKey = "prod"; 
+const personalKey = "prod"; // TODO: Замените на свой уникальный ключ
 const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
@@ -112,18 +112,29 @@ export async function registerUser({ login, password, name, imageUrl }) {
   return response.json();
 }
 
+// ИСПРАВЛЕННАЯ ФУНКЦИЯ loginUser
 export async function loginUser({ login, password }) {
+  // Используем URLSearchParams вместо JSON и НЕ указываем Content-Type
+  const params = new URLSearchParams();
+  params.append('login', login);
+  params.append('password', password);
+
   const response = await fetch(`${baseHost}/api/user/login`, {
     method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify({ login, password }),
+    // Не указываем Content-Type, браузер сам установит правильный
+    body: params,
   });
 
   if (!response.ok) {
-    const data = await response.json();
-    throw new Error(data.error || "Неверный логин или пароль");
+    // Пытаемся получить JSON с ошибкой, если не получится - общий текст
+    try {
+      const data = await response.json();
+      throw new Error(data.error || "Неверный логин или пароль");
+    } catch (e) {
+      // Если ответ не JSON, используем текст ошибки
+      const text = await response.text();
+      throw new Error(text || "Ошибка авторизации");
+    }
   }
   return response.json();
 }

From 57a6f826c8cb0a63cf9594cd3b7b975752a23cbc Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:49:06 +0500
Subject: [PATCH 137/202] Update api.js

---
 api.js | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/api.js b/api.js
index c06d40c32..8fb38d2bb 100644
--- a/api.js
+++ b/api.js
@@ -126,16 +126,31 @@ export async function loginUser({ login, password }) {
   });
 
   if (!response.ok) {
-    // Пытаемся получить JSON с ошибкой, если не получится - общий текст
-    try {
-      const data = await response.json();
-      throw new Error(data.error || "Неверный логин или пароль");
-    } catch (e) {
-      // Если ответ не JSON, используем текст ошибки
-      const text = await response.text();
-      throw new Error(text || "Ошибка авторизации");
+    // Пытаемся получить данные из ответа
+    let errorText;
+    const contentType = response.headers.get("content-type");
+    
+    if (contentType && contentType.includes("application/json")) {
+      // Если ответ в формате JSON
+      try {
+        const data = await response.json();
+        errorText = data.error || "Ошибка авторизации";
+      } catch (e) {
+        // Если не удалось распарсить JSON
+        errorText = "Ошибка авторизации (некорректный ответ)";
+      }
+    } else {
+      // Если ответ не JSON - считываем как текст
+      try {
+        errorText = await response.text();
+      } catch (e) {
+        errorText = "Ошибка авторизации";
+      }
     }
+    
+    throw new Error(errorText);
   }
+
   return response.json();
 }
 

From 29c0f956fed57cfc0c20d4a8b4562095d556b342 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 17:55:12 +0500
Subject: [PATCH 138/202] Update api.js

---
 api.js | 30 +++++++-----------------------
 1 file changed, 7 insertions(+), 23 deletions(-)

diff --git a/api.js b/api.js
index 8fb38d2bb..283869592 100644
--- a/api.js
+++ b/api.js
@@ -112,42 +112,26 @@ export async function registerUser({ login, password, name, imageUrl }) {
   return response.json();
 }
 
-// ИСПРАВЛЕННАЯ ФУНКЦИЯ loginUser
+// ИСПРАВЛЕННАЯ ФУНКЦИЯ loginUser — отправляем данные как форму
 export async function loginUser({ login, password }) {
-  // Используем URLSearchParams вместо JSON и НЕ указываем Content-Type
   const params = new URLSearchParams();
   params.append('login', login);
   params.append('password', password);
 
   const response = await fetch(`${baseHost}/api/user/login`, {
     method: "POST",
-    // Не указываем Content-Type, браузер сам установит правильный
+    // Не указываем Content-Type — браузер сам установит application/x-www-form-urlencoded
     body: params,
   });
 
   if (!response.ok) {
-    // Пытаемся получить данные из ответа
     let errorText;
-    const contentType = response.headers.get("content-type");
-    
-    if (contentType && contentType.includes("application/json")) {
-      // Если ответ в формате JSON
-      try {
-        const data = await response.json();
-        errorText = data.error || "Ошибка авторизации";
-      } catch (e) {
-        // Если не удалось распарсить JSON
-        errorText = "Ошибка авторизации (некорректный ответ)";
-      }
-    } else {
-      // Если ответ не JSON - считываем как текст
-      try {
-        errorText = await response.text();
-      } catch (e) {
-        errorText = "Ошибка авторизации";
-      }
+    try {
+      const data = await response.json();
+      errorText = data.error || "Неверный логин или пароль";
+    } catch (e) {
+      errorText = await response.text();
     }
-    
     throw new Error(errorText);
   }
 

From 7ad4eb2b4b39fc193c49bcd17d50b5fb838bb171 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 18:15:44 +0500
Subject: [PATCH 139/202] Update api.js


From bd375cdf745b937410e389834973e27f6c8078aa Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 18:21:19 +0500
Subject: [PATCH 140/202] Update api.js


From 188e8365b439360e446dcc2619edfef57f5a4be2 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 18:26:43 +0500
Subject: [PATCH 141/202] Update api.js


From 97403b3e657a1d8f48ab25377de18141c471b33e Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 18:32:19 +0500
Subject: [PATCH 142/202] Update api.js

---
 api.js | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/api.js b/api.js
index 283869592..03e2da4ea 100644
--- a/api.js
+++ b/api.js
@@ -112,16 +112,14 @@ export async function registerUser({ login, password, name, imageUrl }) {
   return response.json();
 }
 
-// ИСПРАВЛЕННАЯ ФУНКЦИЯ loginUser — отправляем данные как форму
+// ИСПРАВЛЕННАЯ ФУНКЦИЯ loginUser — отправляем JSON
 export async function loginUser({ login, password }) {
-  const params = new URLSearchParams();
-  params.append('login', login);
-  params.append('password', password);
-
   const response = await fetch(`${baseHost}/api/user/login`, {
     method: "POST",
-    // Не указываем Content-Type — браузер сам установит application/x-www-form-urlencoded
-    body: params,
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ login, password }),
   });
 
   if (!response.ok) {

From 702071a63b1783112a22cab83799cd2b0bb55aad Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 18:38:42 +0500
Subject: [PATCH 143/202] Update api.js

---
 api.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/api.js b/api.js
index 03e2da4ea..283869592 100644
--- a/api.js
+++ b/api.js
@@ -112,14 +112,16 @@ export async function registerUser({ login, password, name, imageUrl }) {
   return response.json();
 }
 
-// ИСПРАВЛЕННАЯ ФУНКЦИЯ loginUser — отправляем JSON
+// ИСПРАВЛЕННАЯ ФУНКЦИЯ loginUser — отправляем данные как форму
 export async function loginUser({ login, password }) {
+  const params = new URLSearchParams();
+  params.append('login', login);
+  params.append('password', password);
+
   const response = await fetch(`${baseHost}/api/user/login`, {
     method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify({ login, password }),
+    // Не указываем Content-Type — браузер сам установит application/x-www-form-urlencoded
+    body: params,
   });
 
   if (!response.ok) {

From 153e9362b5e0e12cc1d84760c6049c71883d6bb7 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 18:46:40 +0500
Subject: [PATCH 144/202] Update api.js

---
 api.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/api.js b/api.js
index 283869592..fd4f5a8b2 100644
--- a/api.js
+++ b/api.js
@@ -1,6 +1,6 @@
 // api.js
 const personalKey = "prod"; // TODO: Замените на свой уникальный ключ
-const baseHost = "https://wedev-api.sky.pro";
+const baseHost = "https://wedev-api.sky.pro"; // Исправлено: убраны лишние пробелы
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 function checkResponse(response) {
@@ -120,7 +120,10 @@ export async function loginUser({ login, password }) {
 
   const response = await fetch(`${baseHost}/api/user/login`, {
     method: "POST",
-    // Не указываем Content-Type — браузер сам установит application/x-www-form-urlencoded
+    // Явно указываем Content-Type
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    },
     body: params,
   });
 

From 6439788e6ad5259974e894dbb41fec556c82e670 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:15:16 +0500
Subject: [PATCH 145/202] Update api.js

---
 api.js | 261 +++++++++++++++++++++++++--------------------------------
 1 file changed, 115 insertions(+), 146 deletions(-)

diff --git a/api.js b/api.js
index fd4f5a8b2..b240eb018 100644
--- a/api.js
+++ b/api.js
@@ -1,8 +1,10 @@
-// api.js
-const personalKey = "prod"; // TODO: Замените на свой уникальный ключ
+// Замени на свой, чтобы получить независимый от других набор данных.
+// "боевая" версия инстапро лежит в ключе prod
+const personalKey = "prod";
 const baseHost = "https://wedev-api.sky.pro"; // Исправлено: убраны лишние пробелы
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
+// Функция для проверки ответа от сервера
 function checkResponse(response) {
   if (!response.ok) {
     return response.text().then((text) => {
@@ -12,173 +14,140 @@ function checkResponse(response) {
   return response.json();
 }
 
-export async function getPosts({ token }) {
-  try {
-    const headers =
-      token && token !== "Bearer undefined" ? { Authorization: token } : {};
-    const response = await fetch(postsHost, { method: "GET", headers });
-    const data = await checkResponse(response);
-    if (response.status === 401) throw new Error("Нет авторизации");
-    return data.posts;
-  } catch (error) {
-    throw new Error(`Failed to fetch posts: ${error.message}`);
-  }
-}
-
-export async function getUserPosts({ token, userId }) {
-  try {
-    const headers =
-      token && token !== "Bearer undefined" ? { Authorization: token } : {};
-    const response = await fetch(`${postsHost}/user-posts/${userId}`, {
-      method: "GET",
-      headers,
+export function getPosts({ token }) {
+  const headers = token ? { Authorization: token } : {};
+  
+  return fetch(postsHost, {
+    method: "GET",
+    headers,
+  })
+    .then(checkResponse)
+    .then((data) => {
+      return data.posts;
     });
-    const data = await checkResponse(response);
-    if (response.status === 401) throw new Error("Нет авторизации");
-    return data.posts;
-  } catch (error) {
-    throw new Error(`Failed to fetch user posts: ${error.message}`);
-  }
 }
 
-export async function addPost({ token, description, imageUrl }) {
-  try {
-    if (!description || !imageUrl)
-      throw new Error("Описание или URL изображения не переданы");
-    const response = await fetch(postsHost, {
-      method: "POST",
-      headers: {
-        Authorization: token,
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({ description, imageUrl }),
+// Получить посты конкретного пользователя
+export function getUserPosts({ token, userId }) {
+  const headers = token ? { Authorization: token } : {};
+  
+  return fetch(`${postsHost}/user-posts/${userId}`, {
+    method: "GET",
+    headers,
+  })
+    .then(checkResponse)
+    .then((data) => {
+      return data.posts;
     });
-    const data = await checkResponse(response);
-    if (response.status === 400)
-      throw new Error(data.error || "Некорректные данные поста");
-    if (response.status === 401) throw new Error("Нет авторизации");
-    return data;
-  } catch (error) {
-    throw new Error(`Failed to add post: ${error.message}`);
-  }
-}
-
-export async function likePost({ token, postId }) {
-  try {
-    const response = await fetch(`${postsHost}/${postId}/like`, {
-      method: "POST",
-      headers: { Authorization: token },
-    });
-    const data = await checkResponse(response);
-    if (response.status === 401) throw new Error("Нет авторизации");
-    return data;
-  } catch (error) {
-    throw new Error(`Failed to like post: ${error.message}`);
-  }
-}
-
-export async function dislikePost({ token, postId }) {
-  try {
-    const response = await fetch(`${postsHost}/${postId}/dislike`, {
-      method: "POST",
-      headers: { Authorization: token },
-    });
-    const data = await checkResponse(response);
-    if (response.status === 401) throw new Error("Нет авторизации");
-    return data;
-  } catch (error) {
-    throw new Error(`Failed to dislike post: ${error.message}`);
-  }
 }
 
-export async function registerUser({ login, password, name, imageUrl }) {
-  const body = { login, password, name };
-  if (imageUrl) body.imageUrl = imageUrl;
-  const response = await fetch(`${baseHost}/api/user`, {
+export function registerUser({ login, password, name, imageUrl }) {
+  return fetch(baseHost + "/api/user", {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
     },
-    body: JSON.stringify(body),
+    body: JSON.stringify({
+      login,
+      password,
+      name,
+      imageUrl,
+    }),
+  })
+  .then((response) => {
+    if (response.status === 400) {
+      return response.json().then((data) => {
+        throw new Error(data.error || "Такой пользователь уже существует");
+      });
+    }
+    if (!response.ok) {
+      throw new Error(`Ошибка регистрации: ${response.status}`);
+    }
+    return response.json();
   });
-
-  if (response.status === 400) {
-    const data = await response.json();
-    throw new Error(data.error || "Некорректные данные регистрации");
-  }
-  if (!response.ok) {
-    throw new Error("Ошибка регистрации");
-  }
-  return response.json();
 }
 
-// ИСПРАВЛЕННАЯ ФУНКЦИЯ loginUser — отправляем данные как форму
-export async function loginUser({ login, password }) {
-  const params = new URLSearchParams();
-  params.append('login', login);
-  params.append('password', password);
-
-  const response = await fetch(`${baseHost}/api/user/login`, {
+export function loginUser({ login, password }) {
+  return fetch(baseHost + "/api/user/login", {
     method: "POST",
-    // Явно указываем Content-Type
     headers: {
-      'Content-Type': 'application/x-www-form-urlencoded'
+      "Content-Type": "application/json",
     },
-    body: params,
+    body: JSON.stringify({
+      login,
+      password,
+    }),
+  })
+  .then((response) => {
+    if (response.status === 400) {
+      return response.json().then((data) => {
+        throw new Error(data.error || "Неверный логин или пароль");
+      });
+    }
+    if (!response.ok) {
+      throw new Error(`Ошибка входа: ${response.status}`);
+    }
+    return response.json();
   });
+}
 
-  if (!response.ok) {
-    let errorText;
-    try {
-      const data = await response.json();
-      errorText = data.error || "Неверный логин или пароль";
-    } catch (e) {
-      errorText = await response.text();
-    }
-    throw new Error(errorText);
-  }
+// Загружает картинку в облако, возвращает url загруженной картинки
+export function uploadImage({ file }) {
+  const data = new FormData();
+  data.append("file", file);
 
-  return response.json();
+  return fetch(baseHost + "/api/upload/image", {
+    method: "POST",
+    body: data,
+  })
+  .then(checkResponse);
 }
 
-export async function uploadImage({ file }) {
-  try {
-    const data = new FormData();
-    data.append("file", file);
-    const response = await fetch(`${baseHost}/api/upload/image`, {
-      method: "POST",
-      body: data,
-    });
-    const result = await checkResponse(response);
-    if (response.status === 400)
-      throw new Error(result.error || "Некорректный файл изображения");
-    if (response.status !== 200) throw new Error("Ошибка загрузки изображения");
-    return result;
-  } catch (error) {
-    throw new Error(`Failed to upload image: ${error.message}`);
-  }
+// Добавить новый пост
+export function addPost({ token, description, imageUrl }) {
+  return fetch(postsHost, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      description,
+      imageUrl,
+    }),
+  })
+  .then(checkResponse);
 }
 
-export async function verifyToken({ token }) {
-  try {
-    const headers = { Authorization: token };
-    const response = await fetch(postsHost, { method: "GET", headers });
-    return response.status === 200;
-  } catch (error) {
-    console.error("verifyToken error:", error);
-    return false;
-  }
+// Поставить лайк
+export function likePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/like`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  })
+  .then(checkResponse);
 }
 
-export async function deletePost({ token, postId }) {
-  try {
-    const response = await fetch(`${postsHost}/${postId}`, {
-      method: "DELETE",
-      headers: { Authorization: token },
-    });
-    if (!response.ok) throw new Error(`Ошибка удаления: ${response.status}`);
-    return response.json();
-  } catch (error) {
-    throw new Error(`Failed to delete post: ${error.message}`);
-  }
+// Убрать лайк
+export function dislikePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/dislike`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  })
+  .then(checkResponse);
+}
+
+// Удалить пост
+export function deletePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}`, {
+    method: "DELETE",
+    headers: {
+      Authorization: token,
+    },
+  })
+  .then(checkResponse);
 }

From 755c142afe2796497bfd0b8416f4137e4952b74b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:15:33 +0500
Subject: [PATCH 146/202] Update index.js

---
 index.js | 153 ++++++++++++++++++++++++++-----------------------------
 1 file changed, 71 insertions(+), 82 deletions(-)

diff --git a/index.js b/index.js
index 33bd309bb..ef1b41a8b 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,3 @@
-// index.js
 import {
   getPosts,
   getUserPosts,
@@ -6,13 +5,9 @@ import {
   likePost,
   dislikePost,
   deletePost,
-  verifyToken,
 } from "./api.js";
 import { renderAddPostPageComponent } from "./components/add-post-page-component.js";
 import { renderAuthPageComponent } from "./components/auth-page-component.js";
-import { renderPostsPageComponent } from "./components/posts-page-component.js";
-import { renderUserPostsPageComponent } from "./components/user-posts-page-component.js";
-import { renderLoadingPageComponent } from "./components/loading-page-component.js";
 import {
   ADD_POSTS_PAGE,
   AUTH_PAGE,
@@ -20,6 +15,9 @@ import {
   POSTS_PAGE,
   USER_POSTS_PAGE,
 } from "./routes.js";
+import { renderPostsPageComponent } from "./components/posts-page-component.js";
+import { renderLoadingPageComponent } from "./components/loading-page-component.js";
+import { renderUserPostsPageComponent } from "./components/user-posts-page-component.js";
 import {
   getUserFromLocalStorage,
   removeUserFromLocalStorage,
@@ -30,14 +28,15 @@ export let user = getUserFromLocalStorage();
 export let page = null;
 export let posts = [];
 
-export const getToken = () =>
-  user && user.token ? `Bearer ${user.token}` : undefined;
+const getToken = () => {
+  const token = user ? `Bearer ${user.token}` : undefined;
+  return token;
+};
 
 export const setUser = (newUser) => {
   user = newUser;
   saveUserToLocalStorage(user);
-  if (user) goToPage(POSTS_PAGE);
-  else goToPage(AUTH_PAGE);
+  goToPage(POSTS_PAGE);
 };
 
 export const logout = () => {
@@ -46,15 +45,10 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
-export const showNotification = (message) => {
-  const notification = document.createElement("div");
-  notification.className = "notification";
-  notification.textContent = message;
-  document.body.appendChild(notification);
-  setTimeout(() => notification.remove(), 3000);
-};
-
-export const goToPage = (newPage, data = {}) => {
+/**
+ * Включает страницу приложения
+ */
+export const goToPage = (newPage, data) => {
   if (
     [
       POSTS_PAGE,
@@ -65,110 +59,108 @@ export const goToPage = (newPage, data = {}) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
+      /* Если пользователь не авторизован, то отправляем его на страницу авторизации перед добавлением поста */
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
-      renderApp();
-      return;
+      return renderApp();
     }
 
     if (newPage === POSTS_PAGE) {
       page = LOADING_PAGE;
       renderApp();
-      const token = getToken();
-      getPosts({ token })
+
+      return getPosts({ token: getToken() })
         .then((newPosts) => {
           page = POSTS_PAGE;
           posts = newPosts;
           renderApp();
         })
         .catch((error) => {
-          console.error("Error fetching posts:", error);
+          console.error(error);
           showNotification(`Ошибка загрузки постов: ${error.message}`);
           page = POSTS_PAGE;
           renderApp();
         });
-      return;
     }
 
     if (newPage === USER_POSTS_PAGE) {
       page = LOADING_PAGE;
       renderApp();
+      
       const token = getToken();
-      if (token) {
-        verifyToken({ token })
-          .then((isValid) => {
-            if (!isValid) {
-              console.warn("Invalid token, logging out");
-              logout();
-              return;
-            }
-            getUserPosts({ token, userId: data.userId })
-              .then((newPosts) => {
-                page = USER_POSTS_PAGE;
-                posts = newPosts;
-                renderApp(data);
-              })
-              .catch((error) => {
-                console.error("Error fetching user posts:", error);
-                showNotification(
-                  `Ошибка загрузки постов пользователя: ${error.message}`
-                );
-                page = POSTS_PAGE; // Возвращаемся к общей ленте при ошибке
-                renderApp();
-              });
-          })
-          .catch((error) => {
-            console.error("Error verifying token:", error);
-            showNotification(`Ошибка проверки токена: ${error.message}`);
-            logout();
-          });
-      } else {
-        // Для неавторизованных пользователей тоже показываем посты пользователя
-        getUserPosts({ token: undefined, userId: data.userId })
-          .then((newPosts) => {
-            page = USER_POSTS_PAGE;
-            posts = newPosts;
-            renderApp(data);
-          })
-          .catch((error) => {
-            console.error("Error fetching user posts:", error);
-            showNotification(
-              `Ошибка загрузки постов пользователя: ${error.message}`
-            );
-            page = POSTS_PAGE;
-            renderApp();
-          });
-      }
+      getUserPosts({ token, userId: data.userId })
+        .then((newPosts) => {
+          page = USER_POSTS_PAGE;
+          posts = newPosts;
+          renderApp(data);
+        })
+        .catch((error) => {
+          console.error("Error fetching user posts:", error);
+          showNotification(`Ошибка загрузки постов пользователя: ${error.message}`);
+          page = POSTS_PAGE;
+          renderApp();
+        });
       return;
     }
 
     page = newPage;
     renderApp();
+
     return;
   }
 
-  console.error("Unknown page:", newPage);
-  const appEl = document.getElementById("app");
-  appEl.innerHTML = `<div class="page-container">Ошибка: неизвестная страница</div>`;
+  throw new Error("страницы не существует");
+};
+
+// Функция для показа уведомлений
+export const showNotification = (message) => {
+  const notification = document.createElement("div");
+  notification.className = "notification";
+  notification.textContent = message;
+  document.body.appendChild(notification);
+  setTimeout(() => notification.remove(), 3000);
 };
 
 const renderApp = (data = {}) => {
   const appEl = document.getElementById("app");
-  appEl.innerHTML = "";
-
+  
   if (page === LOADING_PAGE) {
-    return renderLoadingPageComponent({ appEl });
+    return renderLoadingPageComponent({
+      appEl,
+      user,
+      goToPage,
+    });
   }
 
   if (page === AUTH_PAGE) {
-    return renderAuthPageComponent({ appEl, setUser, user, goToPage });
+    return renderAuthPageComponent({
+      appEl,
+      setUser: (newUser) => {
+        user = newUser;
+        saveUserToLocalStorage(user);
+        goToPage(POSTS_PAGE);
+      },
+      user,
+      goToPage,
+    });
   }
 
   if (page === ADD_POSTS_PAGE) {
     return renderAddPostPageComponent({
       appEl,
-      onAddPostClick: ({ description, imageUrl }) => {
+      onAddPostClick({ description, imageUrl }) {
+        if (!description.trim()) {
+          showNotification("Введите описание поста");
+          return;
+        }
+        if (!imageUrl) {
+          showNotification("Загрузите изображение");
+          return;
+        }
+        
         addPost({ token: getToken(), description, imageUrl })
-          .then(() => getPosts({ token: getToken() }))
+          .then(() => {
+            return getPosts({ token: getToken() });
+          })
           .then((newPosts) => {
             posts = newPosts;
             goToPage(POSTS_PAGE);
@@ -191,23 +183,20 @@ const renderApp = (data = {}) => {
       likePost,
       dislikePost,
       deletePost,
-      userId: data.userId,
     });
   }
 
   if (page === USER_POSTS_PAGE) {
     return renderUserPostsPageComponent({
       appEl,
-      userId: data.userId,
       posts,
       user,
+      userId: data.userId,
       goToPage,
       likePost,
       dislikePost,
     });
   }
-
-  appEl.innerHTML = `<div class="page-container">Ошибка: неизвестная страница</div>`;
 };
 
 goToPage(POSTS_PAGE);

From c77d44547c79093aaeb8cb6394a9d688efdb4680 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:15:53 +0500
Subject: [PATCH 147/202] Update helpers.js

---
 helpers.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/helpers.js b/helpers.js
index b47d3b777..5976154b4 100644
--- a/helpers.js
+++ b/helpers.js
@@ -2,7 +2,7 @@ export function saveUserToLocalStorage(user) {
   window.localStorage.setItem("user", JSON.stringify(user));
 }
 
-export function getUserFromLocalStorage(user) {
+export function getUserFromLocalStorage() {
   try {
     return JSON.parse(window.localStorage.getItem("user"));
   } catch (error) {
@@ -10,6 +10,6 @@ export function getUserFromLocalStorage(user) {
   }
 }
 
-export function removeUserFromLocalStorage(user) {
+export function removeUserFromLocalStorage() {
   window.localStorage.removeItem("user");
 }

From fc9d84c738b9d1508420a7180c4b7f9623289db1 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:16:13 +0500
Subject: [PATCH 148/202] Update posts-page-component.js

---
 components/posts-page-component.js | 240 ++++++++++++++---------------
 1 file changed, 120 insertions(+), 120 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 98f286377..2ea22675f 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -1,137 +1,137 @@
-// components/posts-page-component.js
-import { renderHeaderComponent } from "./header-component.js";
 import { USER_POSTS_PAGE } from "../routes.js";
-import { getToken, showNotification } from "../index.js";
-import { AUTH_PAGE } from "../routes.js";
+import { renderHeaderComponent } from "./header-component.js";
+import { posts, goToPage, user } from "../index.js";
+import { formatDistanceToNow } from "https://cdn.jsdelivr.net/npm/date-fns@2.29.3/esm/index.js";
+import { ru } from "https://cdn.jsdelivr.net/npm/date-fns@2.29.3/esm/locale/index.js";
 
-// Проверяем, доступна ли date-fns
-const formatDistanceToNow = window.dateFns ? window.dateFns.formatDistanceToNow : null;
-const ru = window.dateFns ? window.dateFns.ru : null;
+export function renderPostsPageComponent({ appEl, posts, user, goToPage, likePost, dislikePost, deletePost }) {
+  /**
+   * @TODO: чтобы отформатировать дату создания поста в виде "19 минут назад"
+   * можно использовать https://date-fns.org/v2.29.3/docs/formatDistanceToNow  
+   */
+  const postsHtml = posts.map((post) => {
+    const createDate = new Date(post.createdAt);
+    const formattedDate = formatDistanceToNow(createDate, { addSuffix: true, locale: ru });
+    
+    return `
+      <li class="post">
+        <div class="post-header" data-user-id="${post.user.id}">
+            <img src="${post.user.imageUrl}" class="post-header__user-image">
+            <p class="post-header__user-name">${post.user.name}</p>
+        </div>
+        <div class="post-image-container">
+          <img class="post-image" src="${post.imageUrl}" alt="Фото">
+        </div>
+        <div class="post-likes">
+          <button data-post-id="${post.id}" class="like-button">
+            <img src="${post.isLiked ? './assets/images/like-active.svg' : './assets/images/like-not-active.svg'}">
+          </button>
+          <p class="post-likes-text">
+            Нравится: <strong>${post.likes.length}</strong>
+          </p>
+          ${user && user.id === post.user.id ? `<button data-post-id="${post.id}" class="delete-button">Удалить</button>` : ''}
+        </div>
+        <p class="post-text">
+          <span class="user-name">${post.user.name}</span>
+          ${post.description}
+        </p>
+        <p class="post-date">
+          ${formattedDate}
+        </p>
+      </li>
+    `;
+  }).join('');
 
-function escapeHTML(str) {
-  if (!str) return str;
-  return str
-    .replace(/&/g, "&amp;")
-    .replace(/</g, "<")
-    .replace(/>/g, ">")
-    .replace(/"/g, "&quot;")
-    .replace(/'/g, "&#039;");
-}
-
-export function renderPostsPageComponent({
-  appEl,
-  posts,
-  user,
-  goToPage,
-  likePost,
-  dislikePost,
-  deletePost,
-  userId,
-}) {
-  const renderPosts = () => {
-    const postsHtml = posts
-      .map((post) => {
-        // Форматирование даты
-        let createdAt = "Неизвестно";
-        if (formatDistanceToNow && ru) {
-          createdAt = formatDistanceToNow(new Date(post.createdAt), {
-            addSuffix: true,
-            locale: ru,
-          });
-        }
-        return `
-          <li class="post">
-            <div class="post-header" data-user-id="${post.user.id}">
-              <img src="${escapeHTML(post.user.imageUrl)}" class="post-header__user-image" alt="User avatar">
-              <p class="post-header__user-name">${escapeHTML(post.user.name)}</p>
-            </div>
-            <div class="post-image-container">
-              <img class="post-image" src="${escapeHTML(post.imageUrl)}" alt="Post image">
-            </div>
-            <div class="post-likes">
-              <button data-post-id="${post.id}" class="like-button">
-                <img src="./assets/images/like-${post.isLiked ? "active" : "not-active"}.svg">
-              </button>
-              <p class="post-likes-text">
-                Нравится: <strong>${post.likes.length}</strong>
-              </p>
-            </div>
-            <p class="post-text">
-              <span class="user-name">${escapeHTML(post.user.name)}</span>
-              ${escapeHTML(post.description)}
-            </p>
-            <p class="post-date">${createdAt}</p>
-            ${
-              user && post.user.id === user._id
-                ? `<button class="delete-button" data-post-id="${post.id}">Удалить</button>`
-                : ""
-            }
-          </li>`;
-      })
-      .join("");
+  const appHtml = `
+    <div class="page-container">
+      <div class="header-container"></div>
+      <ul class="posts">
+        ${postsHtml}
+      </ul>
+    </div>`;
 
-    const appHtml = `
-      <div class="page-container">
-        <div class="header-container"></div>
-        <ul class="posts">${postsHtml}</ul>
-      </div>`;
-    appEl.innerHTML = appHtml;
+  appEl.innerHTML = appHtml;
 
-    renderHeaderComponent({
-      element: document.querySelector(".header-container"),
-      user,
-      goToPage,
-    });
+  renderHeaderComponent({
+    element: document.querySelector(".header-container"),
+  });
 
-    for (const userEl of document.querySelectorAll(".post-header")) {
-      userEl.addEventListener("click", () => {
-        goToPage(USER_POSTS_PAGE, { userId: userEl.dataset.userId });
+  // Обработчики кликов по пользователям
+  for (let userEl of document.querySelectorAll(".post-header")) {
+    userEl.addEventListener("click", () => {
+      goToPage(USER_POSTS_PAGE, {
+        userId: userEl.dataset.userId,
       });
-    }
+    });
+  }
 
-    for (const likeButton of document.querySelectorAll(".like-button")) {
-      likeButton.addEventListener("click", () => {
-        const postId = likeButton.dataset.postId;
-        const post = posts.find((p) => p.id === postId);
-        const token = getToken();
-        const action = post.isLiked ? dislikePost : likePost;
-        if (!token) {
-          goToPage(AUTH_PAGE);
-          return;
-        }
-        action({ token, postId })
-          .then(({ post: updatedPost }) => {
-            const index = posts.findIndex((p) => p.id === postId);
-            posts[index] = updatedPost;
-            renderPosts(); // Перерисовываем компонент с обновленными данными
+  // Обработчики лайков
+  for (let likeEl of document.querySelectorAll(".like-button")) {
+    likeEl.addEventListener("click", (event) => {
+      event.stopPropagation();
+      
+      if (!user) {
+        alert("Необходимо авторизоваться для установки лайков");
+        goToPage(AUTH_PAGE);
+        return;
+      }
+      
+      const postId = likeEl.dataset.postId;
+      const post = posts.find(p => p.id === postId);
+      
+      if (post.isLiked) {
+        dislikePost({ token: `Bearer ${user.token}`, postId })
+          .then((updatedPost) => {
+            const postIndex = posts.findIndex(p => p.id === postId);
+            if (postIndex !== -1) {
+              posts[postIndex] = updatedPost.post;
+            }
+            renderPostsPageComponent({ appEl, posts, user, goToPage, likePost, dislikePost, deletePost });
           })
           .catch((error) => {
-            console.error("Error liking post:", error);
-            showNotification(`Ошибка лайка: ${error.message}`);
+            console.error("Failed to dislike post:", error);
+            alert("Не удалось убрать лайк. Попробуйте позже.");
           });
-      });
-    }
+      } else {
+        likePost({ token: `Bearer ${user.token}`, postId })
+          .then((updatedPost) => {
+            const postIndex = posts.findIndex(p => p.id === postId);
+            if (postIndex !== -1) {
+              posts[postIndex] = updatedPost.post;
+            }
+            renderPostsPageComponent({ appEl, posts, user, goToPage, likePost, dislikePost, deletePost });
+          })
+          .catch((error) => {
+            console.error("Failed to like post:", error);
+            alert("Не удалось поставить лайк. Попробуйте позже.");
+          });
+      }
+    });
+  }
 
-    for (const deleteButton of document.querySelectorAll(".delete-button")) {
-      deleteButton.addEventListener("click", () => {
-        const postId = deleteButton.dataset.postId;
-        if (!confirm("Вы точно хотите удалить пост?")) return;
-        deleteButton.disabled = true;
-        deletePost({ token: getToken(), postId })
+  // Обработчики удаления постов
+  for (let deleteEl of document.querySelectorAll(".delete-button")) {
+    deleteEl.addEventListener("click", (event) => {
+      event.stopPropagation();
+      
+      const postId = deleteEl.dataset.postId;
+      
+      if (confirm("Вы действительно хотите удалить этот пост?")) {
+        deletePost({ token: `Bearer ${user.token}`, postId })
           .then(() => {
-            posts = posts.filter((p) => p.id !== postId);
-            renderPosts();
-            showNotification("Пост удалён");
+            // Удаляем пост из массива
+            const postIndex = posts.findIndex(p => p.id === postId);
+            if (postIndex !== -1) {
+              posts.splice(postIndex, 1);
+            }
+            renderPostsPageComponent({ appEl, posts, user, goToPage, likePost, dislikePost, deletePost });
+            alert("Пост успешно удален");
           })
           .catch((error) => {
-            console.error("Error deleting post:", error);
-            showNotification(`Ошибка удаления поста: ${error.message}`);
-          })
-          .finally(() => {
-            deleteButton.disabled = false;
+            console.error("Failed to delete post:", error);
+            alert("Не удалось удалить пост. Попробуйте позже.");
           });
-      });
-    }
-  };
-  renderPosts();
+      }
+    });
+  }
 }

From 818d0891d15616c7e454beb98594560f4fdf4aca Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:16:34 +0500
Subject: [PATCH 149/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 63 +++++++--------------------
 1 file changed, 15 insertions(+), 48 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 39409baf2..0f573e9d6 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,78 +1,45 @@
-// components/add-post-page-component.js
 import { renderHeaderComponent } from "./header-component.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
-import { addPost } from "../api.js";
-import { goToPage, user, showNotification } from "../index.js";
-import { POSTS_PAGE } from "../routes.js";
 
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
+  let imageUrl = "";
+
   const render = () => {
     const appHtml = `
       <div class="page-container">
         <div class="header-container"></div>
-        <div class="form form--add-post">
+        <div class="form">
           <h3 class="form-title">Добавить пост</h3>
           <div class="form-inputs">
             <div class="upload-image-container"></div>
-            <div class="form-field">
-              <label>Описание поста</label>
-              <textarea id="description-input" class="textarea" placeholder="Введите описание поста"></textarea>
-            </div>
+            <textarea id="description-input" class="textarea" placeholder="Описание фотографии"></textarea>
             <div class="form-error"></div>
             <button class="button" id="add-button">Добавить</button>
-            <div class="form-buttons">
-              <button class="button button--link" id="back-button">Назад</button>
-            </div>
           </div>
         </div>
-      </div>`;
+      </div>
+    `;
+
     appEl.innerHTML = appHtml;
 
     renderHeaderComponent({
       element: document.querySelector(".header-container"),
-      user,
-      goToPage,
     });
 
-    const uploadImageContainer = appEl.querySelector(".upload-image-container");
-    let imageUrl = "";
+    // Рендерим компонент загрузки изображения
     renderUploadImageComponent({
-      element: uploadImageContainer,
-      onImageUrlChange: (newImageUrl) => {
+      element: appEl.querySelector(".upload-image-container"),
+      onImageUrlChange(newImageUrl) {
         imageUrl = newImageUrl;
       },
     });
 
-    const addButton = document.getElementById("add-button");
-    const backButton = document.getElementById("back-button");
-    const errorEl = document.querySelector(".form-error");
-
-    const setError = (message) => {
-      errorEl.textContent = message;
-    };
-
-    addButton.addEventListener("click", () => {
-      const description = document
-        .getElementById("description-input")
-        .value.trim();
-      setError("");
-      if (!description) {
-        setError("Введите описание поста");
-        return;
-      }
-      if (!imageUrl) {
-        setError("Выберите изображение");
-        return;
-      }
-      addButton.disabled = true;
-      onAddPostClick({ description, imageUrl }).finally(() => {
-        addButton.disabled = false;
-      });
-    });
-
-    backButton.addEventListener("click", () => {
-      goToPage(POSTS_PAGE);
+    // Обработчик кнопки добавления поста
+    document.getElementById("add-button").addEventListener("click", () => {
+      const description = document.getElementById("description-input").value;
+      onAddPostClick({ description, imageUrl });
     });
   };
+
   render();
 }

From cf3a4c08b914e71a72df3afe2eb122c80099e71b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:16:51 +0500
Subject: [PATCH 150/202] Update user-posts-page-component.js

---
 components/user-posts-page-component.js | 193 ++++++++++++------------
 1 file changed, 94 insertions(+), 99 deletions(-)

diff --git a/components/user-posts-page-component.js b/components/user-posts-page-component.js
index b15e948d5..24e5a312e 100644
--- a/components/user-posts-page-component.js
+++ b/components/user-posts-page-component.js
@@ -1,110 +1,105 @@
-// components/user-posts-page-component.js
 import { renderHeaderComponent } from "./header-component.js";
-import { AUTH_PAGE } from "../routes.js";
-import { showNotification } from "../index.js";
+import { POSTS_PAGE } from "../routes.js";
+import { formatDistanceToNow } from "https://cdn.jsdelivr.net/npm/date-fns@2.29.3/esm/index.js";
+import { ru } from "https://cdn.jsdelivr.net/npm/date-fns@2.29.3/esm/locale/index.js";
 
-// Проверяем, доступна ли date-fns
-const formatDistanceToNow = window.dateFns ? window.dateFns.formatDistanceToNow : null;
-const ru = window.dateFns ? window.dateFns.ru : null;
-
-function escapeHTML(str) {
-  if (!str) return str;
-  return str
-    .replace(/&/g, "&amp;")
-    .replace(/</g, "<")
-    .replace(/>/g, ">")
-    .replace(/"/g, "&quot;")
-    .replace(/'/g, "&#039;");
-}
+export function renderUserPostsPageComponent({ appEl, posts, user, userId, goToPage, likePost, dislikePost }) {
+  const postsHtml = posts.map((post) => {
+    const createDate = new Date(post.createdAt);
+    const formattedDate = formatDistanceToNow(createDate, { addSuffix: true, locale: ru });
+    
+    return `
+      <li class="post">
+        <div class="post-header" data-user-id="${post.user.id}">
+            <img src="${post.user.imageUrl}" class="post-header__user-image">
+            <p class="post-header__user-name">${post.user.name}</p>
+        </div>
+        <div class="post-image-container">
+          <img class="post-image" src="${post.imageUrl}" alt="Фото">
+        </div>
+        <div class="post-likes">
+          <button data-post-id="${post.id}" class="like-button">
+            <img src="${post.isLiked ? './assets/images/like-active.svg' : './assets/images/like-not-active.svg'}">
+          </button>
+          <p class="post-likes-text">
+            Нравится: <strong>${post.likes.length}</strong>
+          </p>
+        </div>
+        <p class="post-text">
+          <span class="user-name">${post.user.name}</span>
+          ${post.description}
+        </p>
+        <p class="post-date">
+          ${formattedDate}
+        </p>
+      </li>
+    `;
+  }).join('');
 
-export function renderUserPostsPageComponent({
-  appEl,
-  userId,
-  posts,
-  user,
-  goToPage,
-  likePost,
-  dislikePost,
-}) {
-  const renderUserPosts = () => {
-    const appHtml = `
-      <div class="page-container">
-        <div class="header-container"></div>
-        ${
-          posts.length > 0
-            ? `
-          <div class="posts-user-header">
-            <img src="${escapeHTML(posts[0].user.imageUrl)}" class="posts-user-header__user-image">
-            <p class="posts-user-header__user-name">${escapeHTML(posts[0].user.name)}</p>
-          </div>
-        `
-            : ""
-        }
-        <ul class="posts">
-          ${posts
-            .map(
-              (post) => `
-                <li class="post">
-                  <div class="post-image-container">
-                    <img class="post-image" src="${escapeHTML(post.imageUrl)}">
-                  </div>
-                  <div class="post-likes">
-                    <button data-post-id="${post.id}" class="like-button">
-                      <img src="./assets/images/${
-                        post.isLiked ? "like-active.svg" : "like-not-active.svg"
-                      }">
-                    </button>
-                    <p class="post-likes-text">
-                      Нравится: <strong>${post.likes.length}</strong>
-                    </p>
-                  </div>
-                  <p class="post-text">
-                    <span class="user-name">${escapeHTML(post.user.name)}</span>
-                    ${escapeHTML(post.description)}
-                  </p>
-                  <p class="post-date">
-                    ${formatDistanceToNow ? formatDistanceToNow(new Date(post.createdAt), { locale: ru }) + " назад" : "Неизвестно"}
-                  </p>
-                </li>
-              `
-            )
-            .join("")}
-        </ul>
+  const appHtml = `
+    <div class="page-container">
+      <div class="header-container"></div>
+      <div class="posts-user-header">
+        <button class="back-button">Назад</button>
+        <h3 class="user-name">${posts.length > 0 ? posts[0].user.name : 'Пользователь'}</h3>
       </div>
-    `;
+      <ul class="posts">
+        ${postsHtml}
+      </ul>
+    </div>`;
 
-    appEl.innerHTML = appHtml;
+  appEl.innerHTML = appHtml;
 
-    renderHeaderComponent({
-      element: document.querySelector(".header-container"),
-      user,
-      goToPage,
-    });
+  renderHeaderComponent({
+    element: document.querySelector(".header-container"),
+  });
+
+  // Обработчик кнопки "Назад"
+  document.querySelector(".back-button").addEventListener("click", () => {
+    goToPage(POSTS_PAGE);
+  });
 
-    for (let likeBtn of document.querySelectorAll(".like-button")) {
-      likeBtn.addEventListener("click", () => {
-        if (!user) {
-          showNotification("Авторизуйтесь для лайков");
-          goToPage(AUTH_PAGE);
-          return;
-        }
-        const postId = likeBtn.dataset.postId;
-        const post = posts.find((p) => p.id === postId);
-        const isLiked = post.isLiked;
-        const action = isLiked ? dislikePost : likePost;
-        action({ postId, token: `Bearer ${user.token}` })
-          .then((response) => {
-            const index = posts.findIndex((p) => p.id === postId);
-            posts[index] = response.post;
-            renderUserPosts(); // Перерисовываем компонент
+  // Обработчики лайков
+  for (let likeEl of document.querySelectorAll(".like-button")) {
+    likeEl.addEventListener("click", (event) => {
+      event.stopPropagation();
+      
+      if (!user) {
+        alert("Необходимо авторизоваться для установки лайков");
+        goToPage(AUTH_PAGE);
+        return;
+      }
+      
+      const postId = likeEl.dataset.postId;
+      const post = posts.find(p => p.id === postId);
+      
+      if (post.isLiked) {
+        dislikePost({ token: `Bearer ${user.token}`, postId })
+          .then((updatedPost) => {
+            const postIndex = posts.findIndex(p => p.id === postId);
+            if (postIndex !== -1) {
+              posts[postIndex] = updatedPost.post;
+            }
+            renderUserPostsPageComponent({ appEl, posts, user, userId, goToPage, likePost, dislikePost });
           })
           .catch((error) => {
-            console.error(error);
-            showNotification("Ошибка при изменении лайка");
+            console.error("Failed to dislike post:", error);
+            alert("Не удалось убрать лайк. Попробуйте позже.");
           });
-      });
-    }
-  };
-
-  renderUserPosts();
+      } else {
+        likePost({ token: `Bearer ${user.token}`, postId })
+          .then((updatedPost) => {
+            const postIndex = posts.findIndex(p => p.id === postId);
+            if (postIndex !== -1) {
+              posts[postIndex] = updatedPost.post;
+            }
+            renderUserPostsPageComponent({ appEl, posts, user, userId, goToPage, likePost, dislikePost });
+          })
+          .catch((error) => {
+            console.error("Failed to like post:", error);
+            alert("Не удалось поставить лайк. Попробуйте позже.");
+          });
+      }
+    });
+  }
 }

From e3220be6e2d57b2bebf7746352b5a2c376bf1161 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:20:33 +0500
Subject: [PATCH 151/202] Update api.js


From aac5968bc3c4d8ff8b52bd11b7f2b3597f3d327b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:21:08 +0500
Subject: [PATCH 152/202] Update index.js

---
 index.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/index.js b/index.js
index ef1b41a8b..f5946d37a 100644
--- a/index.js
+++ b/index.js
@@ -45,6 +45,15 @@ export const logout = () => {
   goToPage(POSTS_PAGE);
 };
 
+// Функция для показа уведомлений
+export const showNotification = (message) => {
+  const notification = document.createElement("div");
+  notification.className = "notification";
+  notification.textContent = message;
+  document.body.appendChild(notification);
+  setTimeout(() => notification.remove(), 3000);
+};
+
 /**
  * Включает страницу приложения
  */
@@ -111,15 +120,6 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
-// Функция для показа уведомлений
-export const showNotification = (message) => {
-  const notification = document.createElement("div");
-  notification.className = "notification";
-  notification.textContent = message;
-  document.body.appendChild(notification);
-  setTimeout(() => notification.remove(), 3000);
-};
-
 const renderApp = (data = {}) => {
   const appEl = document.getElementById("app");
   
@@ -140,7 +140,7 @@ const renderApp = (data = {}) => {
         goToPage(POSTS_PAGE);
       },
       user,
-      goToPage,
+      goToPage, // Передаем goToPage в компонент
     });
   }
 

From ad0e9d76d6f58694781c5fbe3b72589811c074a2 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:21:25 +0500
Subject: [PATCH 153/202] Update helpers.js


From 248703ca6e92bc4187453968d64d47f2dfa8b982 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:21:44 +0500
Subject: [PATCH 154/202] Update header-component.js

---
 components/header-component.js | 73 +++++++++++++++++++++++++---------
 1 file changed, 54 insertions(+), 19 deletions(-)

diff --git a/components/header-component.js b/components/header-component.js
index 9e927da81..465e5959e 100644
--- a/components/header-component.js
+++ b/components/header-component.js
@@ -1,29 +1,64 @@
+// Импортируем напрямую из index.js
 import { goToPage, logout, user } from "../index.js";
 import { ADD_POSTS_PAGE, AUTH_PAGE, POSTS_PAGE } from "../routes.js";
 
-export function renderHeaderComponent({ element, user, goToPage }) {
-  const html = `
-    <div class="page-header">
-      <h1 class="logo" data-go-to="${user ? POSTS_PAGE : AUTH_PAGE}">Instapro</h1>
+/**
+ * Компонент заголовка страницы.
+ * Этот компонент отображает шапку страницы с логотипом, кнопкой добавления постов/входа и кнопкой выхода (если пользователь авторизован).
+ * 
+ * @param {HTMLElement} params.element - HTML-элемент, в который будет рендериться заголовок.
+ * @returns {HTMLElement} Возвращает элемент заголовка после рендеринга.
+ */
+export function renderHeaderComponent({ element }) {
+  /**
+   * Рендерит содержимое заголовка.
+   */
+  element.innerHTML = `
+  <div class="page-header">
+      <h1 class="logo">instapro</h1>
+      <button class="header-button add-or-login-button">
       ${
         user
-          ? `
-        <button class="header-button add-post-sign" data-go-to="${ADD_POSTS_PAGE}"></button>
-        <button class="header-button logout-button">Выйти</button>
-      `
-          : `
-        <button class="header-button" data-go-to="${AUTH_PAGE}">Войти</button>
-      `
+          ? `<div title="Добавить пост" class="add-post-sign"></div>`
+          : "Войти"
       }
-    </div>`;
-  element.innerHTML = html;
+      </button>
+      ${
+        user
+          ? `<button title="${user.name}" class="header-button logout-button">Выйти</button>`
+          : ""
+      }  
+  </div>
+  `;
 
-  element.querySelectorAll("[data-go-to]").forEach((el) => {
-    el.addEventListener("click", () => goToPage(el.dataset.goTo));
+  /**
+   * Обработчик клика по кнопке "Добавить пост"/"Войти".
+   * Если пользователь авторизован, перенаправляет на страницу добавления постов.
+   * Если пользователь не авторизован, перенаправляет на страницу авторизации.
+   */
+  element
+    .querySelector(".add-or-login-button")
+    .addEventListener("click", () => {
+      if (user) {
+        goToPage(ADD_POSTS_PAGE);
+      } else {
+        goToPage(AUTH_PAGE);
+      }
+    });
+
+  /**
+   * Обработчик клика по логотипу.
+   * Перенаправляет на страницу с постами.
+   */
+  element.querySelector(".logo").addEventListener("click", () => {
+    goToPage(POSTS_PAGE);
   });
 
-  const logoutButton = element.querySelector(".logout-button");
-  if (logoutButton) {
-    logoutButton.addEventListener("click", logout);
-  }
+  /**
+   * Обработчик клика по кнопке "Выйти".
+   * Если кнопка существует (т.е. пользователь авторизован), вызывает функцию `logout`.
+   */
+  element.querySelector(".logout-button")?.addEventListener("click", logout);
+
+  return element;
 }

From 4cdf6809a3067a45cdb14ceb1bb034c11e126c89 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:22:01 +0500
Subject: [PATCH 155/202] Update posts-page-component.js

---
 components/posts-page-component.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 2ea22675f..7c23adc3c 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -125,7 +125,7 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, likePos
               posts.splice(postIndex, 1);
             }
             renderPostsPageComponent({ appEl, posts, user, goToPage, likePost, dislikePost, deletePost });
-            alert("Пост успешно удален");
+            // alert("Пост успешно удален"); // Уведомление уже показывается через showNotification
           })
           .catch((error) => {
             console.error("Failed to delete post:", error);

From 53904c1ffca5e4276cc59e355263c76cad51b29b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:22:18 +0500
Subject: [PATCH 156/202] Update add-post-page-component.js


From e339710b8766942edd7e99b6b8a848a4821e5fb5 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:22:33 +0500
Subject: [PATCH 157/202] Update user-posts-page-component.js


From c6716b04680c00a5d9d3d7ef3e69273ae573f405 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:25:28 +0500
Subject: [PATCH 158/202] Update api.js

---
 api.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/api.js b/api.js
index b240eb018..b7401b748 100644
--- a/api.js
+++ b/api.js
@@ -68,15 +68,14 @@ export function registerUser({ login, password, name, imageUrl }) {
 }
 
 export function loginUser({ login, password }) {
+  const params = new URLSearchParams();
+  params.append('login', login);
+  params.append('password', password);
+
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify({
-      login,
-      password,
-    }),
+    // Не указываем Content-Type — браузер сам установит application/x-www-form-urlencoded
+    body: params,
   })
   .then((response) => {
     if (response.status === 400) {

From 3d10926cb6631c90c50c7fcae9949bcd2d602cb3 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:28:34 +0500
Subject: [PATCH 159/202] Update api.js


From c6ddc0c1325ffd806f39ef33e9ecf6c89c7a1072 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:28:46 +0500
Subject: [PATCH 160/202] Update api.js


From 20f0bf049f66f5b35e6f858e330ad4a4f72494e9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:32:03 +0500
Subject: [PATCH 161/202] Update api.js


From 7b74dc597be3c649d1543cfbbddac7361c95fcfb Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:51:09 +0500
Subject: [PATCH 162/202] Update api.js

---
 api.js | 43 +++++++++++++++++++++++--------------------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/api.js b/api.js
index b7401b748..77f3b698d 100644
--- a/api.js
+++ b/api.js
@@ -1,7 +1,7 @@
 // Замени на свой, чтобы получить независимый от других набор данных.
 // "боевая" версия инстапро лежит в ключе prod
 const personalKey = "prod";
-const baseHost = "https://wedev-api.sky.pro"; // Исправлено: убраны лишние пробелы
+const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 // Функция для проверки ответа от сервера
@@ -41,56 +41,59 @@ export function getUserPosts({ token, userId }) {
     });
 }
 
-export function registerUser({ login, password, name, imageUrl }) {
-  return fetch(baseHost + "/api/user", {
+// ✅ ИСПРАВЛЕННАЯ ФУНКЦИЯ ЛОГИНА
+export function loginUser({ login, password }) {
+  return fetch(baseHost + "/api/user/login", {
     method: "POST",
     headers: {
-      "Content-Type": "application/json",
+      "Content-Type": "application/json", // Устанавливаем JSON формат
     },
     body: JSON.stringify({
       login,
       password,
-      name,
-      imageUrl,
     }),
   })
   .then((response) => {
     if (response.status === 400) {
       return response.json().then((data) => {
-        throw new Error(data.error || "Такой пользователь уже существует");
+        throw new Error(data.error || "Неверный логин или пароль");
       });
     }
     if (!response.ok) {
-      throw new Error(`Ошибка регистрации: ${response.status}`);
+      throw new Error(`Ошибка входа: ${response.status}`);
     }
     return response.json();
   });
 }
 
-export function loginUser({ login, password }) {
-  const params = new URLSearchParams();
-  params.append('login', login);
-  params.append('password', password);
-
-  return fetch(baseHost + "/api/user/login", {
+// Регистрация пользователя
+export function registerUser({ login, password, name, imageUrl }) {
+  return fetch(baseHost + "/api/user", {
     method: "POST",
-    // Не указываем Content-Type — браузер сам установит application/x-www-form-urlencoded
-    body: params,
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      login,
+      password,
+      name,
+      imageUrl,
+    }),
   })
   .then((response) => {
     if (response.status === 400) {
       return response.json().then((data) => {
-        throw new Error(data.error || "Неверный логин или пароль");
+        throw new Error(data.error || "Такой пользователь уже существует");
       });
     }
     if (!response.ok) {
-      throw new Error(`Ошибка входа: ${response.status}`);
+      throw new Error(`Ошибка регистрации: ${response.status}`);
     }
     return response.json();
   });
 }
 
-// Загружает картинку в облако, возвращает url загруженной картинки
+// Загрузка изображения
 export function uploadImage({ file }) {
   const data = new FormData();
   data.append("file", file);
@@ -102,7 +105,7 @@ export function uploadImage({ file }) {
   .then(checkResponse);
 }
 
-// Добавить новый пост
+// Добавить пост
 export function addPost({ token, description, imageUrl }) {
   return fetch(postsHost, {
     method: "POST",

From 5cfcf5c43fc55b09d59e2f0e2efb22058c0eab58 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 19:57:23 +0500
Subject: [PATCH 163/202] Update api.js


From cd5f10706846761e67637f8a8c2fa67a2cefe8a0 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:00:58 +0500
Subject: [PATCH 164/202] Update api.js


From a4fb4bb0e89a02f2e4abf1117d317b76c1a236a3 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:06:52 +0500
Subject: [PATCH 165/202] Update api.js

---
 api.js | 141 +++++++++++----------------------------------------------
 1 file changed, 26 insertions(+), 115 deletions(-)

diff --git a/api.js b/api.js
index 77f3b698d..e351ebacf 100644
--- a/api.js
+++ b/api.js
@@ -1,72 +1,30 @@
-// Замени на свой, чтобы получить независимый от других набор данных.
-// "боевая" версия инстапро лежит в ключе prod
+// api.js
 const personalKey = "prod";
-const baseHost = "https://wedev-api.sky.pro";
+const baseHost = "https://webdev-hw-api.vercel.app";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
-// Функция для проверки ответа от сервера
-function checkResponse(response) {
-  if (!response.ok) {
-    return response.text().then((text) => {
-      throw new Error(`Ошибка сервера: ${response.status} ${text}`);
-    });
-  }
-  return response.json();
-}
-
 export function getPosts({ token }) {
-  const headers = token ? { Authorization: token } : {};
+  const headers = {
+    "Content-Type": "application/json",
+  };
   
-  return fetch(postsHost, {
-    method: "GET",
-    headers,
-  })
-    .then(checkResponse)
-    .then((data) => {
-      return data.posts;
-    });
-}
+  // Если токен предоставлен, добавляем его в заголовки
+  if (token) {
+    headers.Authorization = token;
+  }
 
-// Получить посты конкретного пользователя
-export function getUserPosts({ token, userId }) {
-  const headers = token ? { Authorization: token } : {};
-  
-  return fetch(`${postsHost}/user-posts/${userId}`, {
+  return fetch(postsHost, {
     method: "GET",
     headers,
   })
-    .then(checkResponse)
+    .then((response) => {
+      return response.json();
+    })
     .then((data) => {
       return data.posts;
     });
 }
 
-// ✅ ИСПРАВЛЕННАЯ ФУНКЦИЯ ЛОГИНА
-export function loginUser({ login, password }) {
-  return fetch(baseHost + "/api/user/login", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json", // Устанавливаем JSON формат
-    },
-    body: JSON.stringify({
-      login,
-      password,
-    }),
-  })
-  .then((response) => {
-    if (response.status === 400) {
-      return response.json().then((data) => {
-        throw new Error(data.error || "Неверный логин или пароль");
-      });
-    }
-    if (!response.ok) {
-      throw new Error(`Ошибка входа: ${response.status}`);
-    }
-    return response.json();
-  });
-}
-
-// Регистрация пользователя
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
     method: "POST",
@@ -79,77 +37,30 @@ export function registerUser({ login, password, name, imageUrl }) {
       name,
       imageUrl,
     }),
-  })
-  .then((response) => {
+  }).then((response) => {
     if (response.status === 400) {
-      return response.json().then((data) => {
-        throw new Error(data.error || "Такой пользователь уже существует");
-      });
+      throw new Error("Такой пользователь уже существует");
     }
     if (!response.ok) {
-      throw new Error(`Ошибка регистрации: ${response.status}`);
+      throw new Error("Ошибка при регистрации");
     }
     return response.json();
   });
 }
 
-// Загрузка изображения
-export function uploadImage({ file }) {
-  const data = new FormData();
-  data.append("file", file);
-
-  return fetch(baseHost + "/api/upload/image", {
-    method: "POST",
-    body: data,
-  })
-  .then(checkResponse);
-}
-
-// Добавить пост
-export function addPost({ token, description, imageUrl }) {
-  return fetch(postsHost, {
+export function loginUser({ login, password }) {
+  return fetch(baseHost + "/api/user/login", {
     method: "POST",
     headers: {
-      Authorization: token,
       "Content-Type": "application/json",
     },
     body: JSON.stringify({
-      description,
-      imageUrl,
+      login,
+      password,
     }),
-  })
-  .then(checkResponse);
-}
-
-// Поставить лайк
-export function likePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/like`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  })
-  .then(checkResponse);
-}
-
-// Убрать лайк
-export function dislikePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}/dislike`, {
-    method: "POST",
-    headers: {
-      Authorization: token,
-    },
-  })
-  .then(checkResponse);
-}
-
-// Удалить пост
-export function deletePost({ token, postId }) {
-  return fetch(`${postsHost}/${postId}`, {
-    method: "DELETE",
-    headers: {
-      Authorization: token,
-    },
-  })
-  .then(checkResponse);
-}
+  }).then((response) => {
+    if (response.status === 400) {
+      throw new Error("Неверный логин или пароль");
+    }
+    if (!response.ok) {
+      throw new

From ffb757ecbd1c91d118905e0d60c2a112fdc9125d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:07:15 +0500
Subject: [PATCH 166/202] Update index.js

---
 index.js | 175 ++++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 116 insertions(+), 59 deletions(-)

diff --git a/index.js b/index.js
index f5946d37a..f08195b7a 100644
--- a/index.js
+++ b/index.js
@@ -1,10 +1,10 @@
-import {
-  getPosts,
-  getUserPosts,
-  addPost,
-  likePost,
+import { 
+  getPosts, 
+  addPost, 
+  getUserPosts, 
+  likePost, 
   dislikePost,
-  deletePost,
+  uploadImage
 } from "./api.js";
 import { renderAddPostPageComponent } from "./components/add-post-page-component.js";
 import { renderAuthPageComponent } from "./components/auth-page-component.js";
@@ -17,7 +17,6 @@ import {
 } from "./routes.js";
 import { renderPostsPageComponent } from "./components/posts-page-component.js";
 import { renderLoadingPageComponent } from "./components/loading-page-component.js";
-import { renderUserPostsPageComponent } from "./components/user-posts-page-component.js";
 import {
   getUserFromLocalStorage,
   removeUserFromLocalStorage,
@@ -33,30 +32,35 @@ const getToken = () => {
   return token;
 };
 
-export const setUser = (newUser) => {
-  user = newUser;
-  saveUserToLocalStorage(user);
-  goToPage(POSTS_PAGE);
-};
-
 export const logout = () => {
   user = null;
   removeUserFromLocalStorage();
   goToPage(POSTS_PAGE);
 };
 
-// Функция для показа уведомлений
-export const showNotification = (message) => {
-  const notification = document.createElement("div");
-  notification.className = "notification";
-  notification.textContent = message;
-  document.body.appendChild(notification);
-  setTimeout(() => notification.remove(), 3000);
+const smoothPageTransition = (callback) => {
+  const appEl = document.getElementById("app");
+  const container = appEl.querySelector('.page-container');
+  
+  if (container) {
+    container.classList.remove('active');
+    setTimeout(() => {
+      callback();
+      setTimeout(() => {
+        const newContainer = appEl.querySelector('.page-container');
+        if (newContainer) {
+          newContainer.classList.add('page-transition');
+          setTimeout(() => {
+            newContainer.classList.add('active');
+          }, 10);
+        }
+      }, 10);
+    }, 300);
+  } else {
+    callback();
+  }
 };
 
-/**
- * Включает страницу приложения
- */
 export const goToPage = (newPage, data) => {
   if (
     [
@@ -68,7 +72,7 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
-      /* Если пользователь не авторизован, то отправляем его на страницу авторизации перед добавлением поста */
+      // Только авторизованные пользователи могут добавлять посты
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -85,30 +89,24 @@ export const goToPage = (newPage, data) => {
         })
         .catch((error) => {
           console.error(error);
-          showNotification(`Ошибка загрузки постов: ${error.message}`);
-          page = POSTS_PAGE;
-          renderApp();
+          goToPage(POSTS_PAGE);
         });
     }
 
     if (newPage === USER_POSTS_PAGE) {
       page = LOADING_PAGE;
       renderApp();
-      
-      const token = getToken();
-      getUserPosts({ token, userId: data.userId })
-        .then((newPosts) => {
+
+      return getUserPosts({ token: getToken(), userId: data.userId })
+        .then((userPosts) => {
           page = USER_POSTS_PAGE;
-          posts = newPosts;
-          renderApp(data);
+          posts = userPosts;
+          renderApp();
         })
         .catch((error) => {
-          console.error("Error fetching user posts:", error);
-          showNotification(`Ошибка загрузки постов пользователя: ${error.message}`);
-          page = POSTS_PAGE;
-          renderApp();
+          console.error(error);
+          goToPage(POSTS_PAGE);
         });
-      return;
     }
 
     page = newPage;
@@ -120,7 +118,60 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
-const renderApp = (data = {}) => {
+export const toggleLike = (postId, isLiked) => {
+  const token = getToken();
+  
+  // Неавторизованные пользователи не могут ставить лайки
+  if (!token) {
+    const appEl = document.getElementById("app");
+    const container = appEl.querySelector('.page-container');
+    
+    if (container) {
+      container.classList.remove('active');
+      setTimeout(() => {
+        goToPage(AUTH_PAGE);
+      }, 300);
+    } else {
+      goToPage(AUTH_PAGE);
+    }
+    return Promise.resolve();
+  }
+
+  const likePromise = isLiked ? dislikePost : likePost;
+  
+  return likePromise({ token, postId })
+    .then((responseData) => {
+      const postIndex = posts.findIndex(post => post.id === postId);
+      if (postIndex !== -1) {
+        posts[postIndex] = responseData.post;
+        updatePostInDOM(postId, responseData.post);
+      }
+    })
+    .catch((error) => {
+      console.error("Ошибка при работе с лайком:", error);
+      alert("Не удалось выполнить действие: " + error.message);
+    });
+};
+
+function updatePostInDOM(postId, updatedPost) {
+  const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
+  if (postElement) {
+    const likeImage = postElement.querySelector('img');
+    const newLikeImage = updatedPost.isLiked 
+      ? "./assets/images/like-active.svg" 
+      : "./assets/images/like-not-active.svg";
+    likeImage.src = newLikeImage;
+    
+    const likesCountElement = postElement.closest('.post-likes').querySelector('.post-likes-text strong');
+    if (likesCountElement) {
+      likesCountElement.textContent = updatedPost.likes.length;
+    }
+    
+    postElement.dataset.isLiked = updatedPost.isLiked;
+  }
+}
+
+const renderApp = () => {
   const appEl = document.getElementById("app");
   
   if (page === LOADING_PAGE) {
@@ -137,38 +188,47 @@ const renderApp = (data = {}) => {
       setUser: (newUser) => {
         user = newUser;
         saveUserToLocalStorage(user);
-        goToPage(POSTS_PAGE);
+        smoothPageTransition(() => goToPage(POSTS_PAGE));
       },
       user,
-      goToPage, // Передаем goToPage в компонент
+      goToPage,
     });
   }
 
   if (page === ADD_POSTS_PAGE) {
+    // Проверка авторизации перед отображением страницы добавления поста
+    if (!user) {
+      goToPage(AUTH_PAGE);
+      return;
+    }
+    
     return renderAddPostPageComponent({
       appEl,
       onAddPostClick({ description, imageUrl }) {
+        const token = getToken();
+        if (!token) {
+          smoothPageTransition(() => goToPage(AUTH_PAGE));
+          return;
+        }
+        
+        // Проверка наличия данных
         if (!description.trim()) {
-          showNotification("Введите описание поста");
+          alert("Введите описание поста");
           return;
         }
+        
         if (!imageUrl) {
-          showNotification("Загрузите изображение");
+          alert("Загрузите изображение");
           return;
         }
         
-        addPost({ token: getToken(), description, imageUrl })
+        addPost({ token, description, imageUrl })
           .then(() => {
-            return getPosts({ token: getToken() });
-          })
-          .then((newPosts) => {
-            posts = newPosts;
-            goToPage(POSTS_PAGE);
-            showNotification("Пост успешно добавлен!");
+            smoothPageTransition(() => goToPage(POSTS_PAGE));
           })
           .catch((error) => {
-            console.error("Error adding post:", error);
-            showNotification(`Ошибка при добавлении поста: ${error.message}`);
+            console.error("Ошибка при добавлении поста:", error);
+            alert("Не удалось добавить пост: " + error.message);
           });
       },
     });
@@ -180,21 +240,18 @@ const renderApp = (data = {}) => {
       posts,
       user,
       goToPage,
-      likePost,
-      dislikePost,
-      deletePost,
+      toggleLike,
     });
   }
 
   if (page === USER_POSTS_PAGE) {
-    return renderUserPostsPageComponent({
+    return renderPostsPageComponent({
       appEl,
       posts,
       user,
-      userId: data.userId,
       goToPage,
-      likePost,
-      dislikePost,
+      toggleLike,
+      isUserPostsPage: true,
     });
   }
 };

From d96ceae493b9d13054d6703b5993935e03cd8644 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:07:36 +0500
Subject: [PATCH 167/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 86 +++++++++++++++++----------
 1 file changed, 53 insertions(+), 33 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 0f573e9d6..d4e1fa863 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,45 +1,65 @@
-import { renderHeaderComponent } from "./header-component.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
 
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
-  let imageUrl = "";
-
-  const render = () => {
-    const appHtml = `
-      <div class="page-container">
-        <div class="header-container"></div>
-        <div class="form">
-          <h3 class="form-title">Добавить пост</h3>
-          <div class="form-inputs">
-            <div class="upload-image-container"></div>
-            <textarea id="description-input" class="textarea" placeholder="Описание фотографии"></textarea>
-            <div class="form-error"></div>
-            <button class="button" id="add-button">Добавить</button>
+  let currentImageUrl = "";
+
+  const appHtml = `
+    <div class="page-container">
+      <div class="header-container"></div>
+      <div class="form">
+        <h3 class="form-title">Добавить пост</h3>
+        <div class="form-inputs">
+          <div class="upload-image-container">
+            <div id="upload-image-container"></div>
           </div>
+          <label>
+            Описание поста
+            <textarea class="form-textarea" id="post-description"></textarea>
+          </label>
+          <div class="form-error" id="form-error"></div>
+        </div>
+        <div class="form-footer">
+          <button class="button" id="add-button">Добавить</button>
         </div>
       </div>
-    `;
+    </div>
+  `;
 
-    appEl.innerHTML = appHtml;
+  appEl.innerHTML = appHtml;
 
-    renderHeaderComponent({
-      element: document.querySelector(".header-container"),
-    });
+  renderUploadImageComponent({
+    element: document.getElementById("upload-image-container"),
+    onImageUrlChange: (imageUrl) => {
+      currentImageUrl = imageUrl;
+    },
+  });
 
-    // Рендерим компонент загрузки изображения
-    renderUploadImageComponent({
-      element: appEl.querySelector(".upload-image-container"),
-      onImageUrlChange(newImageUrl) {
-        imageUrl = newImageUrl;
-      },
-    });
+  const addButton = document.getElementById("add-button");
+  const descriptionElement = document.getElementById("post-description");
+  const errorElement = document.getElementById("form-error");
 
-    // Обработчик кнопки добавления поста
-    document.getElementById("add-button").addEventListener("click", () => {
-      const description = document.getElementById("description-input").value;
-      onAddPostClick({ description, imageUrl });
-    });
-  };
+  if (addButton && descriptionElement && errorElement) {
+    addButton.addEventListener("click", () => {
+      const description = descriptionElement.value;
 
-  render();
+      // Очищаем предыдущие ошибки
+      errorElement.textContent = "";
+
+      // Проверяем обязательные поля
+      if (!description.trim()) {
+        errorElement.textContent = "Введите описание поста";
+        return;
+      }
+
+      if (!currentImageUrl) {
+        errorElement.textContent = "Загрузите изображение";
+        return;
+      }
+
+      onAddPostClick({
+        description: description.trim(),
+        imageUrl: currentImageUrl,
+      });
+    });
+  }
 }

From 7431e1d97a128ae8d390250f6e766a08a0fe8658 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:07:59 +0500
Subject: [PATCH 168/202] Update posts-page-component.js

---
 components/posts-page-component.js | 231 ++++++++++++++++++-----------
 1 file changed, 143 insertions(+), 88 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 7c23adc3c..352e31225 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -1,137 +1,192 @@
 import { USER_POSTS_PAGE } from "../routes.js";
 import { renderHeaderComponent } from "./header-component.js";
-import { posts, goToPage, user } from "../index.js";
-import { formatDistanceToNow } from "https://cdn.jsdelivr.net/npm/date-fns@2.29.3/esm/index.js";
-import { ru } from "https://cdn.jsdelivr.net/npm/date-fns@2.29.3/esm/locale/index.js";
 
-export function renderPostsPageComponent({ appEl, posts, user, goToPage, likePost, dislikePost, deletePost }) {
-  /**
-   * @TODO: чтобы отформатировать дату создания поста в виде "19 минут назад"
-   * можно использовать https://date-fns.org/v2.29.3/docs/formatDistanceToNow  
-   */
+function simpleFormatDate(dateString) {
+  try {
+    const date = new Date(dateString);
+    const now = new Date();
+    const timeDiff = now - date;
+    const minutes = Math.floor(timeDiff / (1000 * 60));
+    const hours = Math.floor(timeDiff / (1000 * 60 * 60));
+    const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
+
+    if (minutes < 1) {
+      return "менее минуты назад";
+    } else if (minutes < 60) {
+      return `${minutes} ${getMinutesWord(minutes)} назад`;
+    } else if (hours < 24) {
+      return `${hours} ${getHoursWord(hours)} назад`;
+    } else {
+      return `${days} ${getDaysWord(days)} назад`;
+    }
+  } catch (e) {
+    return "недавно";
+  }
+}
+
+// Функции для правильного склонения слов
+function getMinutesWord(minutes) {
+  const lastDigit = minutes % 10;
+  const lastTwoDigits = minutes % 100;
+  
+  if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
+    return "минут";
+  }
+  
+  switch (lastDigit) {
+    case 1: return "минуту";
+    case 2:
+    case 3:
+    case 4: return "минуты";
+    default: return "минут";
+  }
+}
+
+function getHoursWord(hours) {
+  const lastDigit = hours % 10;
+  const lastTwoDigits = hours % 100;
+  
+  if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
+    return "часов";
+  }
+  
+  switch (lastDigit) {
+    case 1: return "час";
+    case 2:
+    case 3:
+    case 4: return "часа";
+    default: return "часов";
+  }
+}
+
+function getDaysWord(days) {
+  const lastDigit = days % 10;
+  const lastTwoDigits = days % 100;
+  
+  if (lastTwoDigits >= 11 && lastTwoDigits <= 19) {
+    return "дней";
+  }
+  
+  switch (lastDigit) {
+    case 1: return "день";
+    case 2:
+    case 3:
+    case 4: return "дня";
+    default: return "дней";
+  }
+}
+
+export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleLike, isUserPostsPage = false }) {
+
+  let pageHeader = '';
+  if (isUserPostsPage && posts.length > 0) {
+    const firstPost = posts[0];
+    pageHeader = `
+      <div class="posts-user-header">
+        <img src="${firstPost.user.imageUrl}" class="posts-user-header__user-image" />
+        <div class="posts-user-header__user-name">${firstPost.user.name}</div>
+      </div>
+    `;
+  }
+
   const postsHtml = posts.map((post) => {
-    const createDate = new Date(post.createdAt);
-    const formattedDate = formatDistanceToNow(createDate, { addSuffix: true, locale: ru });
+    const isLiked = post.isLiked;
+    const likeImage = isLiked 
+      ? "./assets/images/like-active.svg" 
+      : "./assets/images/like-not-active.svg";
     
+    const imageSrc = post.imageUrl && post.imageUrl.trim() !== '' 
+      ? post.imageUrl 
+      : "./assets/images/default-image.jpg";
+
     return `
       <li class="post">
         <div class="post-header" data-user-id="${post.user.id}">
-            <img src="${post.user.imageUrl}" class="post-header__user-image">
-            <p class="post-header__user-name">${post.user.name}</p>
+          <img src="${post.user.imageUrl}" class="post-header__user-image" />
+          <p class="post-header__user-name">${post.user.name}</p>
         </div>
         <div class="post-image-container">
-          <img class="post-image" src="${post.imageUrl}" alt="Фото">
+          <img class="post-image" src="${imageSrc}" onerror="this.src='./assets/images/default-image.jpg'">
         </div>
         <div class="post-likes">
-          <button data-post-id="${post.id}" class="like-button">
-            <img src="${post.isLiked ? './assets/images/like-active.svg' : './assets/images/like-not-active.svg'}">
+          <button data-post-id="${post.id}" data-is-liked="${isLiked}" class="like-button">
+            <img src="${likeImage}">
           </button>
           <p class="post-likes-text">
             Нравится: <strong>${post.likes.length}</strong>
           </p>
-          ${user && user.id === post.user.id ? `<button data-post-id="${post.id}" class="delete-button">Удалить</button>` : ''}
         </div>
         <p class="post-text">
           <span class="user-name">${post.user.name}</span>
-          ${post.description}
+          ${post.description || ''}
         </p>
         <p class="post-date">
-          ${formattedDate}
+          ${simpleFormatDate(post.createdAt)}
         </p>
       </li>
     `;
-  }).join('');
+  }).join("");
 
   const appHtml = `
     <div class="page-container">
       <div class="header-container"></div>
+      ${pageHeader}
       <ul class="posts">
-        ${postsHtml}
+        ${postsHtml || '<p>Постов пока нет</p>'}
       </ul>
-    </div>`;
+    </div>
+  `;
 
   appEl.innerHTML = appHtml;
 
   renderHeaderComponent({
     element: document.querySelector(".header-container"),
+    user,
+    goToPage,
   });
 
-  // Обработчики кликов по пользователям
-  for (let userEl of document.querySelectorAll(".post-header")) {
+  // Обработчик клика по пользователю для перехода к его постам
+  document.querySelectorAll(".post-header").forEach(userEl => {
     userEl.addEventListener("click", () => {
-      goToPage(USER_POSTS_PAGE, {
-        userId: userEl.dataset.userId,
-      });
+      const userId = userEl.dataset.userId;
+      if (userId) {
+        goToPage(USER_POSTS_PAGE, {
+          userId: userEl.dataset.userId,
+        });
+      }
     });
-  }
+  });
 
-  // Обработчики лайков
-  for (let likeEl of document.querySelectorAll(".like-button")) {
-    likeEl.addEventListener("click", (event) => {
+  // Обработчик лайков
+  document.querySelectorAll('.like-button').forEach(button => {
+    button.addEventListener('click', (event) => {
       event.stopPropagation();
       
-      if (!user) {
-        alert("Необходимо авторизоваться для установки лайков");
-        goToPage(AUTH_PAGE);
-        return;
-      }
-      
-      const postId = likeEl.dataset.postId;
-      const post = posts.find(p => p.id === postId);
+      // Анимация лайка
+      button.classList.add('liked');
+      setTimeout(() => {
+        button.classList.remove('liked');
+      }, 300);
       
-      if (post.isLiked) {
-        dislikePost({ token: `Bearer ${user.token}`, postId })
-          .then((updatedPost) => {
-            const postIndex = posts.findIndex(p => p.id === postId);
-            if (postIndex !== -1) {
-              posts[postIndex] = updatedPost.post;
-            }
-            renderPostsPageComponent({ appEl, posts, user, goToPage, likePost, dislikePost, deletePost });
-          })
-          .catch((error) => {
-            console.error("Failed to dislike post:", error);
-            alert("Не удалось убрать лайк. Попробуйте позже.");
-          });
-      } else {
-        likePost({ token: `Bearer ${user.token}`, postId })
-          .then((updatedPost) => {
-            const postIndex = posts.findIndex(p => p.id === postId);
-            if (postIndex !== -1) {
-              posts[postIndex] = updatedPost.post;
-            }
-            renderPostsPageComponent({ appEl, posts, user, goToPage, likePost, dislikePost, deletePost });
-          })
-          .catch((error) => {
-            console.error("Failed to like post:", error);
-            alert("Не удалось поставить лайк. Попробуйте позже.");
-          });
-      }
-    });
-  }
-
-  // Обработчики удаления постов
-  for (let deleteEl of document.querySelectorAll(".delete-button")) {
-    deleteEl.addEventListener("click", (event) => {
-      event.stopPropagation();
+      const postId = button.dataset.postId;
+      const isLiked = button.dataset.isLiked === 'true';
       
-      const postId = deleteEl.dataset.postId;
+      // Обновляем состояние кнопки
+      button.dataset.isLiked = !isLiked;
       
-      if (confirm("Вы действительно хотите удалить этот пост?")) {
-        deletePost({ token: `Bearer ${user.token}`, postId })
-          .then(() => {
-            // Удаляем пост из массива
-            const postIndex = posts.findIndex(p => p.id === postId);
-            if (postIndex !== -1) {
-              posts.splice(postIndex, 1);
-            }
-            renderPostsPageComponent({ appEl, posts, user, goToPage, likePost, dislikePost, deletePost });
-            // alert("Пост успешно удален"); // Уведомление уже показывается через showNotification
-          })
-          .catch((error) => {
-            console.error("Failed to delete post:", error);
-            alert("Не удалось удалить пост. Попробуйте позже.");
-          });
+      // Вызываем функцию переключения лайка, если она существует
+      if (typeof toggleLike === 'function') {
+        toggleLike(postId, isLiked);
       }
     });
+  });
+
+  // Анимация появления страницы
+  const container = document.querySelector('.page-container');
+  if (container) {
+    container.classList.add('page-transition');
+    setTimeout(() => {
+      container.classList.add('active');
+    }, 10);
   }
 }

From fa5abbd870c8877b65e1efa01a47f9a2560cd94d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:08:19 +0500
Subject: [PATCH 169/202] Update upload-image-component.js

---
 components/upload-image-component.js | 108 +++++++++++++++++++--------
 1 file changed, 75 insertions(+), 33 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 1d88be9d5..7a566f97e 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -1,46 +1,88 @@
 import { uploadImage } from "../api.js";
-import { showNotification } from "../index.js";
 
 export function renderUploadImageComponent({ element, onImageUrlChange }) {
-  let previewUrl = "";
+  let imageUrl = "";
 
   const render = () => {
-    element.innerHTML = `
-      <div class="upload-image-container">
-        <label class="file-upload-label secondary-button">
-          <input type="file" class="file-upload-input" style="display:none" accept="image/*" />
-          Выберите фото
-        </label>
-        ${previewUrl ? `<img src="${previewUrl}" class="file-upload-image" />` : ""}
+    const html = `
+      <div class="upload-image">
+        ${imageUrl
+          ? `
+          <div class="file-upload-image-container">
+            <img class="file-upload-image" src="${imageUrl}" alt="Загруженное изображение">
+            <button class="file-upload-remove-button button">Заменить фото</button>
+          </div>
+          `
+          : `
+          <label class="file-upload-label secondary-button">
+            <input type="file" class="file-upload-input" accept="image/*" style="display:none">
+            Выберите фото
+          </label>
+          `}
       </div>
     `;
+    
+    element.innerHTML = html;
 
-    const input = element.querySelector(".file-upload-input");
-    input.addEventListener("change", () => {
-      const file = input.files[0];
-      if (file) {
-        input.disabled = true;
-        const reader = new FileReader();
-        reader.onload = (e) => {
-          previewUrl = e.target.result;
-          render();
-        };
-        reader.readAsDataURL(file);
+    // Обработчик выбора файла
+    const fileInput = element.querySelector(".file-upload-input");
+    if (fileInput) {
+      fileInput.addEventListener("change", async (event) => {
+        const file = event.target.files[0];
+        if (file) {
+          const label = element.querySelector(".file-upload-label");
+          if (label) {
+            label.setAttribute("disabled", "true");
+            label.textContent = "Загрузка...";
+          }
 
-        uploadImage({ file })
-          .then(({ fileUrl }) => {
-            onImageUrlChange(fileUrl);
-            previewUrl = fileUrl;
+          try {
+            const uploadResult = await uploadImage({ file });
+            
+            // Проверяем разные возможные поля с URL в ответе
+            imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
+            
+            if (imageUrl && typeof onImageUrlChange === 'function') {
+              onImageUrlChange(imageUrl);
+            }
+            
             render();
-          })
-          .catch((error) => {
-            console.error("Error uploading image:", error);
-            showNotification(`Ошибка загрузки изображения: ${error.message}`);
-            onImageUrlChange(previewUrl);
-            input.disabled = false;
-          });
-      }
-    });
+          } catch (error) {
+            console.error("Ошибка загрузки:", error);
+            
+            if (typeof onImageUrlChange === 'function') {
+              onImageUrlChange("");
+            }
+            
+            const label = element.querySelector(".file-upload-label");
+            if (label) {
+              label.removeAttribute("disabled");
+              label.textContent = "Ошибка загрузки";
+              
+              // Возвращаем исходный текст через 2 секунды
+              setTimeout(() => {
+                if (element.querySelector(".file-upload-label")) {
+                  element.querySelector(".file-upload-label").textContent = "Выберите фото";
+                }
+              }, 2000);
+            }
+          }
+        }
+      });
+    }
+
+    // Обработчик удаления/замены изображения
+    const removeButton = element.querySelector(".file-upload-remove-button");
+    if (removeButton) {
+      removeButton.addEventListener("click", () => {
+        imageUrl = "";
+        if (typeof onImageUrlChange === 'function') {
+          onImageUrlChange(imageUrl);
+        }
+        render();
+      });
+    }
   };
+
   render();
 }

From a78d5909e2e8b2953cb36cc151d5b08791bc057d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:09:01 +0500
Subject: [PATCH 170/202] Update auth-page-component.js

---
 components/auth-page-component.js | 226 +++++++++++++++---------------
 1 file changed, 112 insertions(+), 114 deletions(-)

diff --git a/components/auth-page-component.js b/components/auth-page-component.js
index fb0462007..64681ad00 100644
--- a/components/auth-page-component.js
+++ b/components/auth-page-component.js
@@ -1,151 +1,149 @@
+import { loginUser, registerUser } from "../api.js";
 import { renderHeaderComponent } from "./header-component.js";
-import { loginUser, registerUser, uploadImage } from "../api.js";
-import { showNotification } from "../index.js";
+import { renderUploadImageComponent } from "./upload-image-component.js";
 
-export function renderAuthPageComponent({ appEl, setUser, user, goToPage }) {
+export function renderAuthPageComponent({ appEl, setUser }) {
   let isLoginMode = true;
   let imageUrl = "";
 
   const renderForm = () => {
     const appHtml = `
       <div class="page-container">
-        <div class="header-container"></div>
-        <div class="form ${isLoginMode ? 'form--login' : 'form--register'}">
-          <h3 class="form-title">${isLoginMode ? "Вход в Instapro" : "Регистрация в Instapro"}</h3>
-          <div class="form-inputs">
-            ${
-              !isLoginMode
-                ? `
-              <div class="form-field">
-                <label>Имя</label>
-                <input type="text" id="name-input" class="input" placeholder="Имя" />
+          <div class="header-container"></div>
+          <div class="form">
+              <h3 class="form-title">
+                ${
+                  isLoginMode
+                    ? "Вход в&nbsp;Instapro"
+                    : "Регистрация в&nbsp;Instapro"
+                }
+              </h3>
+              <div class="form-inputs">
+                  ${
+                    !isLoginMode
+                      ? `
+                      <div class="upload-image-container"></div>
+                      <input type="text" id="name-input" class="input" placeholder="Имя" />
+                      `
+                      : ""
+                  }
+                  <input type="text" id="login-input" class="input" placeholder="Логин" />
+                  <input type="password" id="password-input" class="input" placeholder="Пароль" />
+                  <div class="form-error"></div>
+                  <button class="button" id="login-button">${
+                    isLoginMode ? "Войти" : "Зарегистрироваться"
+                  }</button>
               </div>
-              <div class="form-field">
-                <label>Фото профиля</label>
-                <input type="file" id="image-input" class="input" accept="image/*" />
+              <div class="form-footer">
+                <p class="form-footer-title">
+                  ${isLoginMode ? "Нет аккаунта?" : "Уже есть аккаунт?"}
+                  <button class="link-button" id="toggle-button">
+                    ${isLoginMode ? "Зарегистрироваться." : "Войти."}
+                  </button>
+                </p>
               </div>
-            `
-                : ""
-            }
-            <div class="form-field">
-              <label>Логин</label>
-              <input type="text" id="login-input" class="input" placeholder="Логин" />
-            </div>
-            <div class="form-field">
-              <label>Пароль</label>
-              <input type="password" id="password-input" class="input" placeholder="Пароль" />
-            </div>
-            <div class="form-error"></div>
-            <button class="button" id="${isLoginMode ? "login-button" : "register-button"}">
-              ${isLoginMode ? "Войти" : "Зарегистрироваться"}
-            </button>
           </div>
-          <div class="form-buttons">
-            <button class="button button--link" id="toggle-button">
-              ${isLoginMode ? "Зарегистрироваться" : "Войти"}
-            </button>
-          </div>
-        </div>
-      </div>`;
+      </div>    
+    `;
+
     appEl.innerHTML = appHtml;
 
+    const setError = (message) => {
+      appEl.querySelector(".form-error").textContent = message;
+    };
+
     renderHeaderComponent({
       element: document.querySelector(".header-container"),
-      user,
-      goToPage,
     });
 
-    const loginInput = document.getElementById("login-input");
-    const passwordInput = document.getElementById("password-input");
-    const nameInput = document.getElementById("name-input");
-    const imageInput = document.getElementById("image-input");
-    const loginButton = document.getElementById("login-button");
-    const registerButton = document.getElementById("register-button");
-    const toggleButton = document.getElementById("toggle-button");
-    const errorEl = document.querySelector(".form-error");
-
-    const setError = (message) => {
-      errorEl.textContent = message;
-    };
+    const uploadImageContainer = appEl.querySelector(".upload-image-container");
+    if (uploadImageContainer) {
+      renderUploadImageComponent({
+        element: uploadImageContainer,
+        onImageUrlChange(newImageUrl) {
+          imageUrl = newImageUrl;
+        },
+      });
+    }
 
-    toggleButton.addEventListener("click", () => {
-      isLoginMode = !isLoginMode;
-      imageUrl = "";
+    document.getElementById("login-button").addEventListener("click", () => {
       setError("");
-      renderForm();
-    });
 
-    if (loginButton) {
-      loginButton.addEventListener("click", () => {
-        setError("");
-        const login = loginInput.value.trim();
-        const password = passwordInput.value.trim();
-        if (!login) return setError("Введите логин");
-        if (!password) return setError("Введите пароль");
-        loginButton.disabled = true;
+      if (isLoginMode) {
+        const login = document.getElementById("login-input").value;
+        const password = document.getElementById("password-input").value;
+
+        if (!login) {
+          setError("Введите логин");
+          return;
+        }
+
+        if (!password) {
+          setError("Введите пароль");
+          return;
+        }
+
         loginUser({ login, password })
           .then((userData) => {
-            if (!userData.user?.token) throw new Error("Токен не получен");
-            setUser(userData.user);
+            // Исправлено: теперь правильно обрабатываем ответ от API
+            setUser({
+              name: userData.user.name,
+              token: userData.user.token,
+              id: userData.user.id,
+              imageUrl: userData.user.imageUrl
+            });
           })
           .catch((error) => {
+            console.warn(error);
             setError(error.message);
-            showNotification(`Ошибка входа: ${error.message}`);
-          })
-          .finally(() => {
-            loginButton.disabled = false;
           });
-      });
-    }
+      } else {
+        const login = document.getElementById("login-input").value;
+        const name = document.getElementById("name-input").value;
+        const password = document.getElementById("password-input").value;
+
+        if (!name) {
+          setError("Введите имя");
+          return;
+        }
+
+        if (!login) {
+          setError("Введите логин");
+          return;
+        }
+
+        if (!password) {
+          setError("Введите пароль");
+          return;
+        }
+
+        if (!imageUrl) {
+          setError("Не выбрана фотография");
+          return;
+        }
 
-    if (registerButton) {
-      registerButton.addEventListener("click", () => {
-        setError("");
-        const login = loginInput.value.trim();
-        const password = passwordInput.value.trim();
-        const name = nameInput.value.trim();
-        if (!login) return setError("Введите логин");
-        if (!password) return setError("Введите пароль");
-        if (!name) return setError("Введите имя");
-        registerButton.disabled = true;
         registerUser({ login, password, name, imageUrl })
           .then((userData) => {
-            if (!userData.user?.token) throw new Error("Токен не получен");
-            setUser(userData.user);
-            showNotification("Регистрация успешна!");
+            // Исправлено: теперь правильно обрабатываем ответ от API
+            setUser({
+              name: userData.user.name,
+              token: userData.user.token,
+              id: userData.user.id,
+              imageUrl: userData.user.imageUrl
+            });
           })
           .catch((error) => {
+            console.warn(error);
             setError(error.message);
-            showNotification(`Ошибка регистрации: ${error.message}`);
-          })
-          .finally(() => {
-            registerButton.disabled = false;
           });
-      });
-    }
+      }
+    });
 
-    if (imageInput) {
-      imageInput.addEventListener("change", (event) => {
-        const file = event.target.files[0];
-        if (file) {
-          imageInput.disabled = true;
-          setError("Загрузка изображения...");
-          uploadImage({ file })
-            .then((data) => {
-              imageUrl = data.fileUrl;
-              setError("");
-              showNotification("Изображение загружено");
-            })
-            .catch((error) => {
-              setError(error.message);
-              showNotification(`Ошибка загрузки изображения: ${error.message}`);
-            })
-            .finally(() => {
-              imageInput.disabled = false;
-            });
-        }
-      });
-    }
+    document.getElementById("toggle-button").addEventListener("click", () => {
+      isLoginMode = !isLoginMode;
+      renderForm();
+    });
   };
+
   renderForm();
 }

From 2f0087df851edf9b857bc2bb87cfa9a1ec727854 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:10:10 +0500
Subject: [PATCH 171/202] Update api.js

---
 api.js | 104 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 101 insertions(+), 3 deletions(-)

diff --git a/api.js b/api.js
index e351ebacf..cea0ee166 100644
--- a/api.js
+++ b/api.js
@@ -1,4 +1,3 @@
-// api.js
 const personalKey = "prod";
 const baseHost = "https://webdev-hw-api.vercel.app";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
@@ -8,7 +7,6 @@ export function getPosts({ token }) {
     "Content-Type": "application/json",
   };
   
-  // Если токен предоставлен, добавляем его в заголовки
   if (token) {
     headers.Authorization = token;
   }
@@ -63,4 +61,104 @@ export function loginUser({ login, password }) {
       throw new Error("Неверный логин или пароль");
     }
     if (!response.ok) {
-      throw new
+      throw new Error("Ошибка при входе");
+    }
+    return response.json();
+  });
+}
+
+export function uploadImage({ file }) {
+  const data = new FormData();
+  data.append("file", file);
+
+  return fetch(baseHost + "/api/upload/image", {
+    method: "POST",
+    body: data,
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    });
+}
+
+export function addPost({ token, description, imageUrl }) {
+  return fetch(`${baseHost}/api/v1/${personalKey}/instapro`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      description: description || "",
+      imageUrl: imageUrl || "",
+    }),
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (response.status === 400) {
+      throw new Error("Не переданы обязательные данные");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при добавлении поста");
+    }
+    return response.json();
+  });
+}
+
+export function getUserPosts({ token, userId }) {
+  const headers = {
+    "Content-Type": "application/json",
+  };
+  
+  if (token) {
+    headers.Authorization = token;
+  }
+
+  return fetch(`${postsHost}/user-posts/${userId}`, {
+    method: "GET",
+    headers,
+  })
+    .then((response) => {
+      return response.json();
+    })
+    .then((data) => {
+      return data.posts;
+    });
+}
+
+export function likePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/like`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при лайке");
+    }
+    return response.json();
+  });
+}
+
+export function dislikePost({ token, postId }) {
+  return fetch(`${postsHost}/${postId}/dislike`, {
+    method: "POST",
+    headers: {
+      Authorization: token,
+    },
+  }).then((response) => {
+    if (response.status === 401) {
+      throw new Error("Нет авторизации");
+    }
+    if (!response.ok) {
+      throw new Error("Ошибка при дизлайке");
+    }
+    return response.json();
+  });
+}

From db1e27e1d16adc3249700bc817ae91fa1b57d173 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:10:27 +0500
Subject: [PATCH 172/202] Update index.js

---
 index.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/index.js b/index.js
index f08195b7a..877f4f6d4 100644
--- a/index.js
+++ b/index.js
@@ -72,7 +72,6 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
-      // Только авторизованные пользователи могут добавлять посты
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -121,7 +120,6 @@ export const goToPage = (newPage, data) => {
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   
-  // Неавторизованные пользователи не могут ставить лайки
   if (!token) {
     const appEl = document.getElementById("app");
     const container = appEl.querySelector('.page-container');
@@ -196,7 +194,6 @@ const renderApp = () => {
   }
 
   if (page === ADD_POSTS_PAGE) {
-    // Проверка авторизации перед отображением страницы добавления поста
     if (!user) {
       goToPage(AUTH_PAGE);
       return;
@@ -211,7 +208,6 @@ const renderApp = () => {
           return;
         }
         
-        // Проверка наличия данных
         if (!description.trim()) {
           alert("Введите описание поста");
           return;

From defa0aa9d6a9ae5369abacd4da6348dfa7e3c48b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:10:47 +0500
Subject: [PATCH 173/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index d4e1fa863..6085622d4 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -42,10 +42,8 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
     addButton.addEventListener("click", () => {
       const description = descriptionElement.value;
 
-      // Очищаем предыдущие ошибки
       errorElement.textContent = "";
 
-      // Проверяем обязательные поля
       if (!description.trim()) {
         errorElement.textContent = "Введите описание поста";
         return;

From ce836f324a0648b907b9adc6d840526bc3424897 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:11:03 +0500
Subject: [PATCH 174/202] Update auth-page-component.js

---
 components/auth-page-component.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/auth-page-component.js b/components/auth-page-component.js
index 64681ad00..86c48688c 100644
--- a/components/auth-page-component.js
+++ b/components/auth-page-component.js
@@ -85,7 +85,6 @@ export function renderAuthPageComponent({ appEl, setUser }) {
 
         loginUser({ login, password })
           .then((userData) => {
-            // Исправлено: теперь правильно обрабатываем ответ от API
             setUser({
               name: userData.user.name,
               token: userData.user.token,
@@ -124,7 +123,6 @@ export function renderAuthPageComponent({ appEl, setUser }) {
 
         registerUser({ login, password, name, imageUrl })
           .then((userData) => {
-            // Исправлено: теперь правильно обрабатываем ответ от API
             setUser({
               name: userData.user.name,
               token: userData.user.token,

From b606ff993c07399cd9592151bf2571b91c73911e Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:11:21 +0500
Subject: [PATCH 175/202] Update header-component.js

---
 components/header-component.js | 24 ------------------------
 1 file changed, 24 deletions(-)

diff --git a/components/header-component.js b/components/header-component.js
index 465e5959e..c57e34229 100644
--- a/components/header-component.js
+++ b/components/header-component.js
@@ -1,18 +1,7 @@
-// Импортируем напрямую из index.js
 import { goToPage, logout, user } from "../index.js";
 import { ADD_POSTS_PAGE, AUTH_PAGE, POSTS_PAGE } from "../routes.js";
 
-/**
- * Компонент заголовка страницы.
- * Этот компонент отображает шапку страницы с логотипом, кнопкой добавления постов/входа и кнопкой выхода (если пользователь авторизован).
- * 
- * @param {HTMLElement} params.element - HTML-элемент, в который будет рендериться заголовок.
- * @returns {HTMLElement} Возвращает элемент заголовка после рендеринга.
- */
 export function renderHeaderComponent({ element }) {
-  /**
-   * Рендерит содержимое заголовка.
-   */
   element.innerHTML = `
   <div class="page-header">
       <h1 class="logo">instapro</h1>
@@ -31,11 +20,6 @@ export function renderHeaderComponent({ element }) {
   </div>
   `;
 
-  /**
-   * Обработчик клика по кнопке "Добавить пост"/"Войти".
-   * Если пользователь авторизован, перенаправляет на страницу добавления постов.
-   * Если пользователь не авторизован, перенаправляет на страницу авторизации.
-   */
   element
     .querySelector(".add-or-login-button")
     .addEventListener("click", () => {
@@ -46,18 +30,10 @@ export function renderHeaderComponent({ element }) {
       }
     });
 
-  /**
-   * Обработчик клика по логотипу.
-   * Перенаправляет на страницу с постами.
-   */
   element.querySelector(".logo").addEventListener("click", () => {
     goToPage(POSTS_PAGE);
   });
 
-  /**
-   * Обработчик клика по кнопке "Выйти".
-   * Если кнопка существует (т.е. пользователь авторизован), вызывает функцию `logout`.
-   */
   element.querySelector(".logout-button")?.addEventListener("click", logout);
 
   return element;

From af865bbbcc16203b60fc3ec9cc20115509f93e56 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:11:40 +0500
Subject: [PATCH 176/202] Update posts-page-component.js

---
 components/posts-page-component.js | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/components/posts-page-component.js b/components/posts-page-component.js
index 352e31225..f9e3f6ceb 100644
--- a/components/posts-page-component.js
+++ b/components/posts-page-component.js
@@ -24,7 +24,6 @@ function simpleFormatDate(dateString) {
   }
 }
 
-// Функции для правильного склонения слов
 function getMinutesWord(minutes) {
   const lastDigit = minutes % 10;
   const lastTwoDigits = minutes % 100;
@@ -145,7 +144,6 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     goToPage,
   });
 
-  // Обработчик клика по пользователю для перехода к его постам
   document.querySelectorAll(".post-header").forEach(userEl => {
     userEl.addEventListener("click", () => {
       const userId = userEl.dataset.userId;
@@ -157,12 +155,10 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
     });
   });
 
-  // Обработчик лайков
   document.querySelectorAll('.like-button').forEach(button => {
     button.addEventListener('click', (event) => {
       event.stopPropagation();
       
-      // Анимация лайка
       button.classList.add('liked');
       setTimeout(() => {
         button.classList.remove('liked');
@@ -171,17 +167,14 @@ export function renderPostsPageComponent({ appEl, posts, user, goToPage, toggleL
       const postId = button.dataset.postId;
       const isLiked = button.dataset.isLiked === 'true';
       
-      // Обновляем состояние кнопки
       button.dataset.isLiked = !isLiked;
       
-      // Вызываем функцию переключения лайка, если она существует
       if (typeof toggleLike === 'function') {
         toggleLike(postId, isLiked);
       }
     });
   });
 
-  // Анимация появления страницы
   const container = document.querySelector('.page-container');
   if (container) {
     container.classList.add('page-transition');

From f2c1ae58067d769219ad69be815dafb2e756ae26 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:11:57 +0500
Subject: [PATCH 177/202] Update upload-image-component.js

---
 components/upload-image-component.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 7a566f97e..55b349aa2 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -24,7 +24,6 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     
     element.innerHTML = html;
 
-    // Обработчик выбора файла
     const fileInput = element.querySelector(".file-upload-input");
     if (fileInput) {
       fileInput.addEventListener("change", async (event) => {
@@ -39,10 +38,9 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
           try {
             const uploadResult = await uploadImage({ file });
             
-            // Проверяем разные возможные поля с URL в ответе
             imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
             
-            if (imageUrl && typeof onImageUrlChange === 'function') {
+            if (typeof onImageUrlChange === 'function') {
               onImageUrlChange(imageUrl);
             }
             
@@ -59,7 +57,6 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
               label.removeAttribute("disabled");
               label.textContent = "Ошибка загрузки";
               
-              // Возвращаем исходный текст через 2 секунды
               setTimeout(() => {
                 if (element.querySelector(".file-upload-label")) {
                   element.querySelector(".file-upload-label").textContent = "Выберите фото";
@@ -71,7 +68,6 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       });
     }
 
-    // Обработчик удаления/замены изображения
     const removeButton = element.querySelector(".file-upload-remove-button");
     if (removeButton) {
       removeButton.addEventListener("click", () => {

From 72e8a5b1d03d02a89f5f0792e7926f9babc83ef4 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:12:40 +0500
Subject: [PATCH 178/202] Update header-component.js


From 529a636e1a63042a20f8cb515b8f27f840937345 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:13:30 +0500
Subject: [PATCH 179/202] Update index.js

---
 index.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/index.js b/index.js
index 877f4f6d4..119d9c4a7 100644
--- a/index.js
+++ b/index.js
@@ -72,6 +72,7 @@ export const goToPage = (newPage, data) => {
     ].includes(newPage)
   ) {
     if (newPage === ADD_POSTS_PAGE) {
+      // Только авторизованные пользователи могут добавлять посты
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -120,6 +121,7 @@ export const goToPage = (newPage, data) => {
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
   
+  // Неавторизованные пользователи не могут ставить лайки
   if (!token) {
     const appEl = document.getElementById("app");
     const container = appEl.querySelector('.page-container');
@@ -194,6 +196,7 @@ const renderApp = () => {
   }
 
   if (page === ADD_POSTS_PAGE) {
+    // Проверка авторизации перед отображением страницы добавления поста
     if (!user) {
       goToPage(AUTH_PAGE);
       return;
@@ -208,6 +211,7 @@ const renderApp = () => {
           return;
         }
         
+        // Проверка наличия данных
         if (!description.trim()) {
           alert("Введите описание поста");
           return;
@@ -218,7 +222,9 @@ const renderApp = () => {
           return;
         }
         
-        addPost({ token, description, imageUrl })
+        console.log("Отправляем данные на сервер:", { description, imageUrl });
+        
+        addPost({ token, description: description.trim(), imageUrl })
           .then(() => {
             smoothPageTransition(() => goToPage(POSTS_PAGE));
           })

From 63ae5393b52e411a61f72b771ebdd4fc8f03891a Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:19:48 +0500
Subject: [PATCH 180/202] Update api.js

---
 api.js | 161 ++++++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 115 insertions(+), 46 deletions(-)

diff --git a/api.js b/api.js
index cea0ee166..2bc1f44fa 100644
--- a/api.js
+++ b/api.js
@@ -1,12 +1,18 @@
+// api.js
 const personalKey = "prod";
-const baseHost = "https://webdev-hw-api.vercel.app";
+const baseHost = "https://wedev-api.sky.pro";
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
+/**
+ * Получить список всех постов.
+ * @param {Object} params
+ * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
+ * @returns {Promise<Array>} - Массив постов.
+ */
 export function getPosts({ token }) {
-  const headers = {
-    "Content-Type": "application/json",
-  };
-  
+  const headers = {};
+
+  // Если токен предоставлен, добавляем его в заголовки
   if (token) {
     headers.Authorization = token;
   }
@@ -16,6 +22,9 @@ export function getPosts({ token }) {
     headers,
   })
     .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
       return response.json();
     })
     .then((data) => {
@@ -23,12 +32,50 @@ export function getPosts({ token }) {
     });
 }
 
+/**
+ * Получить посты конкретного пользователя.
+ * @param {Object} params
+ * @param {string} [params.token] - Токен авторизации (для получения состояния isLiked).
+ * @param {string} params.userId - ID пользователя.
+ * @returns {Promise<Array>} - Массив постов пользователя.
+ */
+export function getUserPosts({ token, userId }) {
+  const headers = {};
+
+  // Если токен предоставлен, добавляем его в заголовки
+  if (token) {
+    headers.Authorization = token;
+  }
+
+  return fetch(`${postsHost}/user-posts/${userId}`, {
+    method: "GET",
+    headers,
+  })
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      return response.json();
+    })
+    .then((data) => {
+      return data.posts;
+    });
+}
+
+/**
+ * Регистрация нового пользователя.
+ * @param {Object} params
+ * @param {string} params.login
+ * @param {string} params.password
+ * @param {string} params.name
+ * @param {string} params.imageUrl
+ * @returns {Promise<Object>} - Данные нового пользователя.
+ */
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
     method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
+    // Убираем Content-Type: application/json
+    headers: {},
     body: JSON.stringify({
       login,
       password,
@@ -37,7 +84,9 @@ export function registerUser({ login, password, name, imageUrl }) {
     }),
   }).then((response) => {
     if (response.status === 400) {
-      throw new Error("Такой пользователь уже существует");
+      return response.json().then((errorData) => {
+         throw new Error(errorData?.error || "Такой пользователь уже существует");
+      });
     }
     if (!response.ok) {
       throw new Error("Ошибка при регистрации");
@@ -46,19 +95,27 @@ export function registerUser({ login, password, name, imageUrl }) {
   });
 }
 
+/**
+ * Авторизация пользователя.
+ * @param {Object} params
+ * @param {string} params.login
+ * @param {string} params.password
+ * @returns {Promise<Object>} - Данные авторизованного пользователя.
+ */
 export function loginUser({ login, password }) {
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
+    // Убираем Content-Type: application/json
+    headers: {},
     body: JSON.stringify({
       login,
       password,
     }),
   }).then((response) => {
     if (response.status === 400) {
-      throw new Error("Неверный логин или пароль");
+      return response.json().then((errorData) => {
+         throw new Error(errorData?.error || "Неверный логин или пароль");
+      });
     }
     if (!response.ok) {
       throw new Error("Ошибка при входе");
@@ -67,28 +124,22 @@ export function loginUser({ login, password }) {
   });
 }
 
-export function uploadImage({ file }) {
-  const data = new FormData();
-  data.append("file", file);
-
-  return fetch(baseHost + "/api/upload/image", {
-    method: "POST",
-    body: data,
-  })
-    .then((response) => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.json();
-    });
-}
-
+/**
+ * Добавление нового поста.
+ * @param {Object} params
+ * @param {string} params.token - Токен авторизации (обязательно).
+ * @param {string} params.description - Описание поста.
+ * @param {string} params.imageUrl - URL изображения.
+ * @returns {Promise<Object>} - Результат операции.
+ */
 export function addPost({ token, description, imageUrl }) {
-  return fetch(`${baseHost}/api/v1/${personalKey}/instapro`, {
+  console.log("API: Отправляем данные на сервер:", { description, imageUrl });
+
+  return fetch(postsHost, {
     method: "POST",
     headers: {
+      // Убираем Content-Type: application/json
       Authorization: token,
-      "Content-Type": "application/json",
     },
     body: JSON.stringify({
       description: description || "",
@@ -99,7 +150,10 @@ export function addPost({ token, description, imageUrl }) {
       throw new Error("Нет авторизации");
     }
     if (response.status === 400) {
-      throw new Error("Не переданы обязательные данные");
+      return response.json().then((errorData) => {
+        console.error("API: Ошибка 400 от сервера:", errorData);
+        throw new Error(errorData?.error || "Не переданы обязательные данные");
+      });
     }
     if (!response.ok) {
       throw new Error("Ошибка при добавлении поста");
@@ -108,27 +162,35 @@ export function addPost({ token, description, imageUrl }) {
   });
 }
 
-export function getUserPosts({ token, userId }) {
-  const headers = {
-    "Content-Type": "application/json",
-  };
-  
-  if (token) {
-    headers.Authorization = token;
-  }
+/**
+ * Загрузка изображения.
+ * @param {Object} params
+ * @param {File} params.file - Файл изображения.
+ * @returns {Promise<Object>} - Данные загрузки (включая URL).
+ */
+export function uploadImage({ file }) {
+  const data = new FormData();
+  data.append("file", file);
 
-  return fetch(`${postsHost}/user-posts/${userId}`, {
-    method: "GET",
-    headers,
+  return fetch(baseHost + "/api/upload/image", {
+    method: "POST",
+    body: data,
   })
     .then((response) => {
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
       return response.json();
-    })
-    .then((data) => {
-      return data.posts;
     });
 }
 
+/**
+ * Поставить лайк посту.
+ * @param {Object} params
+ * @param {string} params.token - Токен авторизации (обязательно).
+ * @param {string} params.postId - ID поста.
+ * @returns {Promise<Object>} - Обновленный пост.
+ */
 export function likePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/like`, {
     method: "POST",
@@ -146,6 +208,13 @@ export function likePost({ token, postId }) {
   });
 }
 
+/**
+ * Убрать лайк с поста.
+ * @param {Object} params
+ * @param {string} params.token - Токен авторизации (обязательно).
+ * @param {string} params.postId - ID поста.
+ * @returns {Promise<Object>} - Обновленный пост.
+ */
 export function dislikePost({ token, postId }) {
   return fetch(`${postsHost}/${postId}/dislike`, {
     method: "POST",

From d15892d8cd5f0dc01528343885285a884702a03c Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:20:10 +0500
Subject: [PATCH 181/202] Update index.js

---
 index.js | 111 +++++++++++++++++++++++++++++++++++++------------------
 1 file changed, 76 insertions(+), 35 deletions(-)

diff --git a/index.js b/index.js
index 119d9c4a7..23f461f14 100644
--- a/index.js
+++ b/index.js
@@ -1,8 +1,9 @@
-import { 
-  getPosts, 
-  addPost, 
-  getUserPosts, 
-  likePost, 
+// index.js
+import {
+  getPosts,
+  addPost,
+  getUserPosts,
+  likePost,
   dislikePost,
   uploadImage
 } from "./api.js";
@@ -27,21 +28,26 @@ export let user = getUserFromLocalStorage();
 export let page = null;
 export let posts = [];
 
-const getToken = () => {
+
+export const getToken = () => {
+  
   const token = user ? `Bearer ${user.token}` : undefined;
+  console.log("Index: Полученный токен:", token);
   return token;
 };
 
+
 export const logout = () => {
   user = null;
   removeUserFromLocalStorage();
   goToPage(POSTS_PAGE);
 };
 
+
 const smoothPageTransition = (callback) => {
   const appEl = document.getElementById("app");
   const container = appEl.querySelector('.page-container');
-  
+
   if (container) {
     container.classList.remove('active');
     setTimeout(() => {
@@ -61,7 +67,9 @@ const smoothPageTransition = (callback) => {
   }
 };
 
+
 export const goToPage = (newPage, data) => {
+  
   if (
     [
       POSTS_PAGE,
@@ -71,8 +79,9 @@ export const goToPage = (newPage, data) => {
       LOADING_PAGE,
     ].includes(newPage)
   ) {
+    
     if (newPage === ADD_POSTS_PAGE) {
-      // Только авторизованные пользователи могут добавлять посты
+    
       page = user ? ADD_POSTS_PAGE : AUTH_PAGE;
       return renderApp();
     }
@@ -81,15 +90,19 @@ export const goToPage = (newPage, data) => {
       page = LOADING_PAGE;
       renderApp();
 
-      return getPosts({ token: getToken() })
+      return getPosts({ token: getToken() }) 
         .then((newPosts) => {
+          console.log("Index: Получены посты:", newPosts);
           page = POSTS_PAGE;
           posts = newPosts;
           renderApp();
         })
         .catch((error) => {
-          console.error(error);
-          goToPage(POSTS_PAGE);
+          console.error("Index: Ошибка получения постов:", error);
+         
+          alert("Не удалось получить посты: " + error.message);
+          page = POSTS_PAGE; 
+          renderApp();
         });
     }
 
@@ -97,18 +110,25 @@ export const goToPage = (newPage, data) => {
       page = LOADING_PAGE;
       renderApp();
 
-      return getUserPosts({ token: getToken(), userId: data.userId })
+     
+      return getUserPosts({ token: getToken(), userId: data?.userId })
         .then((userPosts) => {
+          console.log("Index: Получены посты пользователя:", userPosts);
           page = USER_POSTS_PAGE;
           posts = userPosts;
           renderApp();
         })
         .catch((error) => {
-          console.error(error);
-          goToPage(POSTS_PAGE);
+          console.error("Index: Ошибка получения постов пользователя:", error);
+       
+          alert("Не удалось получить посты пользователя: " + error.message);
+          
+          page = POSTS_PAGE;
+          renderApp();
         });
     }
 
+    
     page = newPage;
     renderApp();
 
@@ -118,14 +138,16 @@ export const goToPage = (newPage, data) => {
   throw new Error("страницы не существует");
 };
 
+
 export const toggleLike = (postId, isLiked) => {
   const token = getToken();
+
   
-  // Неавторизованные пользователи не могут ставить лайки
   if (!token) {
+    console.log("Index: Попытка лайка без авторизации, перенаправляем на AUTH_PAGE");
     const appEl = document.getElementById("app");
     const container = appEl.querySelector('.page-container');
-    
+
     if (container) {
       container.classList.remove('active');
       setTimeout(() => {
@@ -138,42 +160,53 @@ export const toggleLike = (postId, isLiked) => {
   }
 
   const likePromise = isLiked ? dislikePost : likePost;
-  
+
   return likePromise({ token, postId })
     .then((responseData) => {
+      console.log("Index: Лайк/дизлайк успешен:", responseData);
       const postIndex = posts.findIndex(post => post.id === postId);
       if (postIndex !== -1) {
+        
         posts[postIndex] = responseData.post;
+       
         updatePostInDOM(postId, responseData.post);
       }
     })
     .catch((error) => {
-      console.error("Ошибка при работе с лайком:", error);
+      console.error("Index: Ошибка при работе с лайком:", error);
       alert("Не удалось выполнить действие: " + error.message);
     });
 };
 
+
 function updatePostInDOM(postId, updatedPost) {
+ 
   const postElement = document.querySelector(`.like-button[data-post-id="${postId}"]`);
   if (postElement) {
     const likeImage = postElement.querySelector('img');
-    const newLikeImage = updatedPost.isLiked 
-      ? "./assets/images/like-active.svg" 
+    
+    const newLikeImage = updatedPost.isLiked
+      ? "./assets/images/like-active.svg"
       : "./assets/images/like-not-active.svg";
-    likeImage.src = newLikeImage;
+    if (likeImage) {
+      likeImage.src = newLikeImage;
+    }
+
     
-    const likesCountElement = postElement.closest('.post-likes').querySelector('.post-likes-text strong');
+    const likesCountElement = postElement.closest('.post-likes')?.querySelector('.post-likes-text strong');
     if (likesCountElement) {
       likesCountElement.textContent = updatedPost.likes.length;
     }
+
     
     postElement.dataset.isLiked = updatedPost.isLiked;
   }
 }
 
+
 const renderApp = () => {
   const appEl = document.getElementById("app");
-  
+
   if (page === LOADING_PAGE) {
     return renderLoadingPageComponent({
       appEl,
@@ -186,8 +219,10 @@ const renderApp = () => {
     return renderAuthPageComponent({
       appEl,
       setUser: (newUser) => {
+        console.log("Index: Установка нового пользователя:", newUser);
         user = newUser;
         saveUserToLocalStorage(user);
+     
         smoothPageTransition(() => goToPage(POSTS_PAGE));
       },
       user,
@@ -196,40 +231,46 @@ const renderApp = () => {
   }
 
   if (page === ADD_POSTS_PAGE) {
-    // Проверка авторизации перед отображением страницы добавления поста
+    
     if (!user) {
+      console.log("Index: Попытка доступа к ADD_POSTS_PAGE без авторизации");
       goToPage(AUTH_PAGE);
       return;
     }
-    
+
     return renderAddPostPageComponent({
       appEl,
-      onAddPostClick({ description, imageUrl }) {
+      
+      onAddPostClick: ({ description, imageUrl }) => {
         const token = getToken();
+        console.log("Index: onAddPostClick вызван с данными:", { description, imageUrl });
+
         if (!token) {
+          console.log("Index: Нет токена при попытке добавить пост");
+         
           smoothPageTransition(() => goToPage(AUTH_PAGE));
           return;
         }
-        
-        // Проверка наличия данных
+
         if (!description.trim()) {
           alert("Введите описание поста");
           return;
         }
-        
+
         if (!imageUrl) {
           alert("Загрузите изображение");
           return;
         }
-        
-        console.log("Отправляем данные на сервер:", { description, imageUrl });
-        
-        addPost({ token, description: description.trim(), imageUrl })
-          .then(() => {
+
+       
+        addPost({ token, description, imageUrl })
+          .then((result) => {
+            console.log("Index: Пост успешно добавлен:", result);
+           
             smoothPageTransition(() => goToPage(POSTS_PAGE));
           })
           .catch((error) => {
-            console.error("Ошибка при добавлении поста:", error);
+            console.error("Index: Ошибка при добавлении поста:", error);
             alert("Не удалось добавить пост: " + error.message);
           });
       },

From dbe5c2057b72947f9880476de3e704b0a559f30f Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:20:31 +0500
Subject: [PATCH 182/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 40 +++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 6 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 6085622d4..5784683be 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,4 +1,6 @@
+// add-post-page-component.js
 import { renderUploadImageComponent } from "./upload-image-component.js";
+import { getToken } from "../index.js";
 
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
   let currentImageUrl = "";
@@ -27,23 +29,33 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
 
   appEl.innerHTML = appHtml;
 
-  renderUploadImageComponent({
-    element: document.getElementById("upload-image-container"),
-    onImageUrlChange: (imageUrl) => {
-      currentImageUrl = imageUrl;
-    },
-  });
+  // Исправлено: Получаем элемент контейнера и передаем его в renderUploadImageComponent
+  const uploadContainerElement = document.getElementById("upload-image-container");
+  if (uploadContainerElement) {
+    renderUploadImageComponent({
+      element: uploadContainerElement, // Передаем сам элемент
+      onImageUrlChange: (imageUrl) => {
+        console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
+        currentImageUrl = imageUrl;
+      },
+    });
+  } else {
+    console.error("AddPostComponent: Элемент 'upload-image-container' не найден в DOM.");
+  }
 
   const addButton = document.getElementById("add-button");
   const descriptionElement = document.getElementById("post-description");
   const errorElement = document.getElementById("form-error");
 
+  // Исправлено: Добавлена проверка существования элементов перед добавлением обработчиков
   if (addButton && descriptionElement && errorElement) {
     addButton.addEventListener("click", () => {
       const description = descriptionElement.value;
 
+      // Очищаем предыдущие ошибки
       errorElement.textContent = "";
 
+      // Проверяем обязательные поля
       if (!description.trim()) {
         errorElement.textContent = "Введите описание поста";
         return;
@@ -54,10 +66,26 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
         return;
       }
 
+      // Получаем токен (проверка наличия токена уже должна быть в index.js в onAddPostClick)
+      // Но всё равно делаем проверку для дополнительной безопасности на этом уровне
+      const token = getToken();
+      if (!token) {
+        errorElement.textContent = "Ошибка авторизации. Пожалуйста, войдите снова.";
+        console.warn("AddPostComponent: Попытка добавить пост без токена.");
+        // Здесь можно добавить перенаправление на страницу авторизации, если необходимо
+        // Например: import { goToPage, AUTH_PAGE } from "../routes.js"; goToPage(AUTH_PAGE);
+        return;
+      }
+
+      console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description, imageUrl: currentImageUrl });
+
+      // Вызываем переданную функцию обработки клика
       onAddPostClick({
         description: description.trim(),
         imageUrl: currentImageUrl,
       });
     });
+  } else {
+    console.error("AddPostComponent: Один или несколько необходимых элементов форм не найдены.");
   }
 }

From 75e52138a23ad52aa82523232b46fdd087ec1ba9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:20:54 +0500
Subject: [PATCH 183/202] Update upload-image-component.js

---
 components/upload-image-component.js | 73 ++++++++++++++++++++++------
 1 file changed, 57 insertions(+), 16 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 55b349aa2..23292e626 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -1,19 +1,33 @@
+// components/upload-image-component.js
 import { uploadImage } from "../api.js";
 
+/**
+ * Рендерит компонент загрузки изображения.
+ * @param {Object} params - Параметры компонента.
+ * @param {HTMLElement} params.element - DOM-элемент, в который будет отрендерен компонент.
+ * @param {Function} params.onImageUrlChange - Callback, вызываемый при изменении URL изображения.
+ *   Принимает новый URL изображения в качестве аргумента.
+ */
 export function renderUploadImageComponent({ element, onImageUrlChange }) {
+  // Проверяем, что переданный элемент существует
+  if (!element) {
+    console.error("UploadImageComponent: Не передан DOM-элемент для рендеринга.");
+    return;
+  }
+
   let imageUrl = "";
 
   const render = () => {
     const html = `
       <div class="upload-image">
         ${imageUrl
-          ? `
+        ? `
           <div class="file-upload-image-container">
             <img class="file-upload-image" src="${imageUrl}" alt="Загруженное изображение">
             <button class="file-upload-remove-button button">Заменить фото</button>
           </div>
           `
-          : `
+        : `
           <label class="file-upload-label secondary-button">
             <input type="file" class="file-upload-input" accept="image/*" style="display:none">
             Выберите фото
@@ -21,14 +35,17 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
           `}
       </div>
     `;
-    
+
     element.innerHTML = html;
 
     const fileInput = element.querySelector(".file-upload-input");
     if (fileInput) {
+      // Исправлено: Используем 'change' событие (как в исходном коде), но добавляем проверку files[0]
       fileInput.addEventListener("change", async (event) => {
-        const file = event.target.files[0];
-        if (file) {
+        // Исправлено: Получаем файл из event.target.files
+        const files = event.target.files;
+        if (files && files.length > 0) {
+          const file = files[0];
           const label = element.querySelector(".file-upload-label");
           if (label) {
             label.setAttribute("disabled", "true");
@@ -36,30 +53,53 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
           }
 
           try {
+            console.log("UploadComponent: Начинаем загрузку файла:", file.name);
             const uploadResult = await uploadImage({ file });
-            
-            imageUrl = uploadResult.fileUrl || uploadResult.imageUrl || uploadResult.url || "";
-            
+            console.log("UploadComponent: Ответ от uploadImage:", uploadResult);
+
+            // Исправлено: Уточнена логика извлечения URL.
+            // Согласно API документации, сервер возвращает объект с полем 'fileUrl'.
+            // Также добавлена проверка, что uploadResult - объект.
+            if (uploadResult && typeof uploadResult === 'object' && uploadResult.fileUrl) {
+              imageUrl = uploadResult.fileUrl; // Используем конкретное поле, как в API документации
+            } else {
+              // Если fileUrl нет, попробуем другие возможные поля (на случай изменений API)
+              imageUrl = uploadResult?.imageUrl || uploadResult?.url || "";
+              // Если URL всё ещё пустой, это может быть признаком ошибки, даже если промис зарезолвился
+              if (!imageUrl) {
+                 console.warn("UploadComponent: URL изображения не найден в ответе API.", uploadResult);
+                 throw new Error("URL изображения отсутствует в ответе сервера.");
+              }
+            }
+            console.log("UploadComponent: Извлеченный imageUrl:", imageUrl);
+
+            // Исправлено: Проверка типа onImageUrlChange перед вызовом
             if (typeof onImageUrlChange === 'function') {
               onImageUrlChange(imageUrl);
+            } else {
+              console.warn("UploadComponent: onImageUrlChange не является функцией.");
             }
-            
+
             render();
           } catch (error) {
-            console.error("Ошибка загрузки:", error);
-            
+            console.error("UploadComponent: Ошибка загрузки:", error);
+
+            // Исправлено: Проверка типа onImageUrlChange перед вызовом
             if (typeof onImageUrlChange === 'function') {
-              onImageUrlChange("");
+              onImageUrlChange(""); // Передаем пустую строку при ошибке
             }
-            
+
             const label = element.querySelector(".file-upload-label");
             if (label) {
               label.removeAttribute("disabled");
               label.textContent = "Ошибка загрузки";
-              
+
+              // Возвращаем исходный текст через 2 секунды
               setTimeout(() => {
-                if (element.querySelector(".file-upload-label")) {
-                  element.querySelector(".file-upload-label").textContent = "Выберите фото";
+                // Исправлено: Повторная проверка существования элемента перед изменением текста
+                const currentLabel = element.querySelector(".file-upload-label");
+                if (currentLabel) {
+                  currentLabel.textContent = "Выберите фото";
                 }
               }, 2000);
             }
@@ -72,6 +112,7 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
     if (removeButton) {
       removeButton.addEventListener("click", () => {
         imageUrl = "";
+        // Исправлено: Проверка типа onImageUrlChange перед вызовом
         if (typeof onImageUrlChange === 'function') {
           onImageUrlChange(imageUrl);
         }

From 81eb083cf608168e3cbacda1628ce0a42db81303 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:21:19 +0500
Subject: [PATCH 184/202] Update helpers.js

---
 helpers.js | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 57 insertions(+), 3 deletions(-)

diff --git a/helpers.js b/helpers.js
index 5976154b4..d5953b19e 100644
--- a/helpers.js
+++ b/helpers.js
@@ -1,15 +1,69 @@
+// helpers.js
+
+/**
+ * Сохраняет объект пользователя в localStorage.
+ * @param {Object|null} user - Объект пользователя для сохранения.
+ */
 export function saveUserToLocalStorage(user) {
-  window.localStorage.setItem("user", JSON.stringify(user));
+  // Исправлено: Проверка на null или undefined перед сериализацией.
+  if (user === null || user === undefined) {
+    console.warn("Helpers: Попытка сохранить пустого пользователя в localStorage.");
+    removeUserFromLocalStorage();
+    return;
+  }
+
+  try {
+    // Исправлено: Добавлена проверка, является ли user сериализуемым объектом.
+    if (typeof user === 'object' && user !== null && !Array.isArray(user)) {
+       // Исправлено: Проверяем наличие обязательных полей перед сохранением.
+       if (user.token && user.name && user.id !== undefined) { // id может быть 0
+         window.localStorage.setItem("user", JSON.stringify(user));
+         console.log("Helpers: Пользователь успешно сохранен в localStorage.");
+       } else {
+         console.warn("Helpers: Объект пользователя не содержит всех обязательных полей (token, name, id).", user);
+       }
+    } else {
+       console.warn("Helpers: Попытка сохранить некорректный объект пользователя.", user);
+    }
+  } catch (e) {
+    console.error("Helpers: Ошибка сохранения пользователя в localStorage:", e);
+  }
 }
 
+/**
+ * Получает объект пользователя из localStorage.
+ * @returns {Object|null} - Объект пользователя или null, если не найден или ошибка.
+ */
 export function getUserFromLocalStorage() {
   try {
-    return JSON.parse(window.localStorage.getItem("user"));
+    const userStr = window.localStorage.getItem("user");
+    // Исправлено: Проверка, что строка не пустая и не "null"/"undefined"
+    if (userStr && userStr !== "null" && userStr !== "undefined") {
+      const user = JSON.parse(userStr);
+      // Исправлено: Дополнительная проверка корректности десериализованного объекта
+      if (user && typeof user === 'object' && user.token && user.name && user.id !== undefined) {
+         console.log("Helpers: Пользователь успешно получен из localStorage.");
+         return user;
+      } else {
+         console.warn("Helpers: Некорректные данные пользователя в localStorage.", user);
+         return null;
+      }
+    }
+    return null;
   } catch (error) {
+    console.error("Helpers: Ошибка получения пользователя из localStorage:", error);
     return null;
   }
 }
 
+/**
+ * Удаляет объект пользователя из localStorage.
+ */
 export function removeUserFromLocalStorage() {
-  window.localStorage.removeItem("user");
+  try {
+    window.localStorage.removeItem("user");
+    console.log("Helpers: Пользователь успешно удален из localStorage.");
+  } catch (e) {
+    console.error("Helpers: Ошибка удаления пользователя из localStorage:", e);
+  }
 }

From 0790f73954195b3ff01d430ac9df5c2ded7ae64f Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:31:59 +0500
Subject: [PATCH 185/202] Update api.js

---
 api.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/api.js b/api.js
index 2bc1f44fa..56d8dc297 100644
--- a/api.js
+++ b/api.js
@@ -74,7 +74,7 @@ export function getUserPosts({ token, userId }) {
 export function registerUser({ login, password, name, imageUrl }) {
   return fetch(baseHost + "/api/user", {
     method: "POST",
-    // Убираем Content-Type: application/json
+    // Убираем Content-Type: application/json для этого эндпоинта
     headers: {},
     body: JSON.stringify({
       login,
@@ -105,7 +105,7 @@ export function registerUser({ login, password, name, imageUrl }) {
 export function loginUser({ login, password }) {
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
-    // Убираем Content-Type: application/json
+    // Убираем Content-Type: application/json для этого эндпоинта
     headers: {},
     body: JSON.stringify({
       login,
@@ -138,7 +138,8 @@ export function addPost({ token, description, imageUrl }) {
   return fetch(postsHost, {
     method: "POST",
     headers: {
-      // Убираем Content-Type: application/json
+      // Для POST с JSON-телом Content-Type нужен
+      "Content-Type": "application/json",
       Authorization: token,
     },
     body: JSON.stringify({

From 5f05cd5b4e138e83ac807fa537f88b528ebe3744 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:33:58 +0500
Subject: [PATCH 186/202] Update index.js


From c5b37057ce4432f73c9ddd2f0fe16aca6937bced Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:34:21 +0500
Subject: [PATCH 187/202] Update add-post-page-component.js


From 213630b3ef6e7740a4ce0ee261145b2032a1adcc Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:34:43 +0500
Subject: [PATCH 188/202] Update upload-image-component.js


From dbca6c2b98051096f566b77c816c04845ed5618f Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:35:04 +0500
Subject: [PATCH 189/202] Update helpers.js


From 87ce95c12aadf89197af5daf93f2bb9c431b39eb Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:38:24 +0500
Subject: [PATCH 190/202] Update helpers.js

---
 helpers.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/helpers.js b/helpers.js
index d5953b19e..4a05d1206 100644
--- a/helpers.js
+++ b/helpers.js
@@ -1,9 +1,6 @@
-// helpers.js
 
-/**
- * Сохраняет объект пользователя в localStorage.
- * @param {Object|null} user - Объект пользователя для сохранения.
- */
+
+
 export function saveUserToLocalStorage(user) {
   // Исправлено: Проверка на null или undefined перед сериализацией.
   if (user === null || user === undefined) {

From 39b53635aa00cb67370ebca9264b2861a20735a9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 20:53:05 +0500
Subject: [PATCH 191/202] Update helpers.js

---
 helpers.js | 43 +++++++++++++++++--------------------------
 1 file changed, 17 insertions(+), 26 deletions(-)

diff --git a/helpers.js b/helpers.js
index 4a05d1206..374903503 100644
--- a/helpers.js
+++ b/helpers.js
@@ -1,27 +1,19 @@
+// helpers.js
 
-
-
+/**
+ * Сохраняет объект пользователя в localStorage.
+ * @param {Object|null} user - Объект пользователя для сохранения.
+ */
 export function saveUserToLocalStorage(user) {
-  // Исправлено: Проверка на null или undefined перед сериализацией.
-  if (user === null || user === undefined) {
-    console.warn("Helpers: Попытка сохранить пустого пользователя в localStorage.");
-    removeUserFromLocalStorage();
+  // Проверяем, что пользователь существует и содержит все необходимые поля
+  if (!user || !user.token || !user.name || user.id === undefined) {
+    console.warn("Helpers: Попытка сохранить некорректного пользователя в localStorage.", user);
     return;
   }
 
   try {
-    // Исправлено: Добавлена проверка, является ли user сериализуемым объектом.
-    if (typeof user === 'object' && user !== null && !Array.isArray(user)) {
-       // Исправлено: Проверяем наличие обязательных полей перед сохранением.
-       if (user.token && user.name && user.id !== undefined) { // id может быть 0
-         window.localStorage.setItem("user", JSON.stringify(user));
-         console.log("Helpers: Пользователь успешно сохранен в localStorage.");
-       } else {
-         console.warn("Helpers: Объект пользователя не содержит всех обязательных полей (token, name, id).", user);
-       }
-    } else {
-       console.warn("Helpers: Попытка сохранить некорректный объект пользователя.", user);
-    }
+    window.localStorage.setItem("user", JSON.stringify(user));
+    console.log("Helpers: Пользователь успешно сохранен в localStorage.");
   } catch (e) {
     console.error("Helpers: Ошибка сохранения пользователя в localStorage:", e);
   }
@@ -34,16 +26,15 @@ export function saveUserToLocalStorage(user) {
 export function getUserFromLocalStorage() {
   try {
     const userStr = window.localStorage.getItem("user");
-    // Исправлено: Проверка, что строка не пустая и не "null"/"undefined"
-    if (userStr && userStr !== "null" && userStr !== "undefined") {
+    if (userStr) {
       const user = JSON.parse(userStr);
-      // Исправлено: Дополнительная проверка корректности десериализованного объекта
-      if (user && typeof user === 'object' && user.token && user.name && user.id !== undefined) {
-         console.log("Helpers: Пользователь успешно получен из localStorage.");
-         return user;
+      // Проверяем, что пользователь содержит все необходимые поля
+      if (user && user.token && user.name && user.id !== undefined) {
+        console.log("Helpers: Пользователь успешно получен из localStorage.");
+        return user;
       } else {
-         console.warn("Helpers: Некорректные данные пользователя в localStorage.", user);
-         return null;
+        console.warn("Helpers: Некорректные данные пользователя в localStorage.", user);
+        return null;
       }
     }
     return null;

From 9fab2f1f99a02273b64765bd733a9b1f53a23df5 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 21:00:21 +0500
Subject: [PATCH 192/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 30 ++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 5784683be..9c034a305 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -37,6 +37,8 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
       onImageUrlChange: (imageUrl) => {
         console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
         currentImageUrl = imageUrl;
+        // Обновляем состояние формы при изменении изображения
+        updateFormValidity();
       },
     });
   } else {
@@ -49,14 +51,14 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
 
   // Исправлено: Добавлена проверка существования элементов перед добавлением обработчиков
   if (addButton && descriptionElement && errorElement) {
-    addButton.addEventListener("click", () => {
-      const description = descriptionElement.value;
-
-      // Очищаем предыдущие ошибки
-      errorElement.textContent = "";
+    // Обновляем состояние формы при изменении описания
+    descriptionElement.addEventListener("input", () => {
+      updateFormValidity();
+    });
 
+    addButton.addEventListener("click", () => {
       // Проверяем обязательные поля
-      if (!description.trim()) {
+      if (!descriptionElement.value.trim()) {
         errorElement.textContent = "Введите описание поста";
         return;
       }
@@ -77,15 +79,27 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
         return;
       }
 
-      console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description, imageUrl: currentImageUrl });
+      console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description: descriptionElement.value.trim(), imageUrl: currentImageUrl });
 
       // Вызываем переданную функцию обработки клика
       onAddPostClick({
-        description: description.trim(),
+        description: descriptionElement.value.trim(),
         imageUrl: currentImageUrl,
       });
     });
   } else {
     console.error("AddPostComponent: Один или несколько необходимых элементов форм не найдены.");
   }
+
+  // Функция для обновления состояния формы
+  function updateFormValidity() {
+    const description = descriptionElement.value.trim();
+    const hasDescription = description.length > 0;
+    const hasImageUrl = currentImageUrl !== "";
+
+    // Если все поля заполнены, убираем ошибку
+    if (hasDescription && hasImageUrl) {
+      errorElement.textContent = "";
+    }
+  }
 }

From 09c3bd2a1d0bcb481d948588712398fbd875b29b Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Sun, 31 Aug 2025 21:10:13 +0500
Subject: [PATCH 193/202] Update helpers.js

---
 helpers.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/helpers.js b/helpers.js
index 374903503..79d62c75f 100644
--- a/helpers.js
+++ b/helpers.js
@@ -1,9 +1,4 @@
-// helpers.js
 
-/**
- * Сохраняет объект пользователя в localStorage.
- * @param {Object|null} user - Объект пользователя для сохранения.
- */
 export function saveUserToLocalStorage(user) {
   // Проверяем, что пользователь существует и содержит все необходимые поля
   if (!user || !user.token || !user.name || user.id === undefined) {

From 37d4ecfface795a2e517a881bf26a79080afe5ec Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Mon, 1 Sep 2025 19:42:00 +0500
Subject: [PATCH 194/202] Update helpers.js

---
 helpers.js | 48 ++++++++++++++++++++++++++++++++----------------
 1 file changed, 32 insertions(+), 16 deletions(-)

diff --git a/helpers.js b/helpers.js
index 79d62c75f..1c89960cf 100644
--- a/helpers.js
+++ b/helpers.js
@@ -1,14 +1,30 @@
-
+/**
+ * Сохраняет объект пользователя в localStorage.
+ * @param {Object|null} user - Объект пользователя для сохранения.
+ */
 export function saveUserToLocalStorage(user) {
-  // Проверяем, что пользователь существует и содержит все необходимые поля
-  if (!user || !user.token || !user.name || user.id === undefined) {
-    console.warn("Helpers: Попытка сохранить некорректного пользователя в localStorage.", user);
+  // Проверка на null или undefined перед сериализацией.
+  if (user === null || user === undefined) {
+    console.warn("Helpers: Попытка сохранить пустого пользователя в localStorage.");
+    // Удаляем запись, если передан null/undefined
+    removeUserFromLocalStorage();
     return;
   }
 
   try {
-    window.localStorage.setItem("user", JSON.stringify(user));
-    console.log("Helpers: Пользователь успешно сохранен в localStorage.");
+    // Проверка, что user является объектом
+    if (typeof user === 'object' && user !== null && !Array.isArray(user)) {
+       // Проверяем наличие обязательных полей перед сохранением.
+       // id может быть 0, поэтому проверяем на !== undefined
+       if (user.token && user.name && user.id !== undefined) {
+         window.localStorage.setItem("user", JSON.stringify(user));
+         console.log("Helpers: Пользователь успешно сохранен в localStorage.");
+       } else {
+         console.warn("Helpers: Объект пользователя не содержит всех обязательных полей (token, name, id).", user);
+       }
+    } else {
+       console.warn("Helpers: Попытка сохранить некорректный объект пользователя.", user);
+    }
   } catch (e) {
     console.error("Helpers: Ошибка сохранения пользователя в localStorage:", e);
   }
@@ -21,15 +37,17 @@ export function saveUserToLocalStorage(user) {
 export function getUserFromLocalStorage() {
   try {
     const userStr = window.localStorage.getItem("user");
-    if (userStr) {
+    // Проверка, что строка не пустая и не "null"/"undefined"
+    if (userStr && userStr !== "null" && userStr !== "undefined") {
       const user = JSON.parse(userStr);
-      // Проверяем, что пользователь содержит все необходимые поля
-      if (user && user.token && user.name && user.id !== undefined) {
-        console.log("Helpers: Пользователь успешно получен из localStorage.");
-        return user;
+      // Проверка корректности десериализованного объекта
+      // id может быть 0, поэтому проверяем на !== undefined
+      if (user && typeof user === 'object' && user.token && user.name && user.id !== undefined) {
+         console.log("Helpers: Пользователь успешно получен из localStorage.");
+         return user;
       } else {
-        console.warn("Helpers: Некорректные данные пользователя в localStorage.", user);
-        return null;
+         console.warn("Helpers: Некорректные данные пользователя в localStorage.", user);
+         return null;
       }
     }
     return null;
@@ -39,9 +57,7 @@ export function getUserFromLocalStorage() {
   }
 }
 
-/**
- * Удаляет объект пользователя из localStorage.
- */
+
 export function removeUserFromLocalStorage() {
   try {
     window.localStorage.removeItem("user");

From bc0c28c7970dba5d4320a771a7c2ec7ca67d2463 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Mon, 1 Sep 2025 19:42:23 +0500
Subject: [PATCH 195/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 117 +++++++++++++-------------
 1 file changed, 57 insertions(+), 60 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 9c034a305..5b1fe7ab6 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -18,7 +18,7 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
             Описание поста
             <textarea class="form-textarea" id="post-description"></textarea>
           </label>
-          <div class="form-error" id="form-error"></div>
+          <div class="form-error" id="form-error"></div> <!-- Изначально пустой -->
         </div>
         <div class="form-footer">
           <button class="button" id="add-button">Добавить</button>
@@ -29,77 +29,74 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
 
   appEl.innerHTML = appHtml;
 
-  // Исправлено: Получаем элемент контейнера и передаем его в renderUploadImageComponent
   const uploadContainerElement = document.getElementById("upload-image-container");
-  if (uploadContainerElement) {
-    renderUploadImageComponent({
-      element: uploadContainerElement, // Передаем сам элемент
-      onImageUrlChange: (imageUrl) => {
-        console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
-        currentImageUrl = imageUrl;
-        // Обновляем состояние формы при изменении изображения
-        updateFormValidity();
-      },
-    });
-  } else {
-    console.error("AddPostComponent: Элемент 'upload-image-container' не найден в DOM.");
-  }
-
   const addButton = document.getElementById("add-button");
   const descriptionElement = document.getElementById("post-description");
   const errorElement = document.getElementById("form-error");
 
-  // Исправлено: Добавлена проверка существования элементов перед добавлением обработчиков
-  if (addButton && descriptionElement && errorElement) {
-    // Обновляем состояние формы при изменении описания
-    descriptionElement.addEventListener("input", () => {
-      updateFormValidity();
-    });
+  // Проверка существования всех необходимых элементов
+  if (!uploadContainerElement || !addButton || !descriptionElement || !errorElement) {
+    console.error("AddPostComponent: Один или несколько необходимых элементов форм не найдены.");
+    // Можно отобразить общую ошибку в errorElement, если он существует
+    if (errorElement) {
+      errorElement.textContent = "Ошибка инициализации формы.";
+    }
+    return;
+  }
 
-    addButton.addEventListener("click", () => {
-      // Проверяем обязательные поля
-      if (!descriptionElement.value.trim()) {
-        errorElement.textContent = "Введите описание поста";
-        return;
+  // Рендер компонента загрузки изображения
+  renderUploadImageComponent({
+    element: uploadContainerElement,
+    onImageUrlChange: (imageUrl) => {
+      console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
+      currentImageUrl = imageUrl;
+      // Скрываем ошибку при успешной загрузке изображения
+      if (errorElement.textContent === "Загрузите изображение") {
+         errorElement.textContent = "";
       }
+    },
+  });
 
-      if (!currentImageUrl) {
-        errorElement.textContent = "Загрузите изображение";
-        return;
-      }
+  // Обработчик ввода в поле описания
+  descriptionElement.addEventListener("input", () => {
+    // Скрываем ошибку при вводе текста, если она была о необходимости ввода описания
+    if (errorElement.textContent === "Введите описание поста" && descriptionElement.value.trim() !== "") {
+      errorElement.textContent = "";
+    }
+  });
 
-      // Получаем токен (проверка наличия токена уже должна быть в index.js в onAddPostClick)
-      // Но всё равно делаем проверку для дополнительной безопасности на этом уровне
-      const token = getToken();
-      if (!token) {
-        errorElement.textContent = "Ошибка авторизации. Пожалуйста, войдите снова.";
-        console.warn("AddPostComponent: Попытка добавить пост без токена.");
-        // Здесь можно добавить перенаправление на страницу авторизации, если необходимо
-        // Например: import { goToPage, AUTH_PAGE } from "../routes.js"; goToPage(AUTH_PAGE);
-        return;
-      }
+  // Обработчик клика по кнопке "Добавить"
+  addButton.addEventListener("click", () => {
+    const description = descriptionElement.value.trim();
 
-      console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description: descriptionElement.value.trim(), imageUrl: currentImageUrl });
+    // Очищаем предыдущие ошибки перед проверкой
+    errorElement.textContent = "";
 
-      // Вызываем переданную функцию обработки клика
-      onAddPostClick({
-        description: descriptionElement.value.trim(),
-        imageUrl: currentImageUrl,
-      });
-    });
-  } else {
-    console.error("AddPostComponent: Один или несколько необходимых элементов форм не найдены.");
-  }
+    // Проверяем обязательные поля
+    if (!description) {
+      errorElement.textContent = "Введите описание поста";
+      return;
+    }
 
-  // Функция для обновления состояния формы
-  function updateFormValidity() {
-    const description = descriptionElement.value.trim();
-    const hasDescription = description.length > 0;
-    const hasImageUrl = currentImageUrl !== "";
+    if (!currentImageUrl) {
+      errorElement.textContent = "Загрузите изображение";
+      return;
+    }
 
-    // Если все поля заполнены, убираем ошибку
-    if (hasDescription && hasImageUrl) {
-      errorElement.textContent = "";
+    // Проверка токена авторизации
+    const token = getToken();
+    if (!token) {
+      errorElement.textContent = "Ошибка авторизации. Пожалуйста, войдите снова.";
+      console.warn("AddPostComponent: Попытка добавить пост без токена.");
+      return;
     }
-  }
+
+    console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description, imageUrl: currentImageUrl });
+
+    // Вызываем переданную функцию обработки клика
+    onAddPostClick({
+      description,
+      imageUrl: currentImageUrl,
+    });
+  });
 }

From 5f50cc31b820a9454b5c15dfca6e0a0591a2ae9d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Mon, 1 Sep 2025 20:17:19 +0500
Subject: [PATCH 196/202] Update upload-image-component.js

---
 components/upload-image-component.js | 51 +++++++++++++++++++---------
 1 file changed, 35 insertions(+), 16 deletions(-)

diff --git a/components/upload-image-component.js b/components/upload-image-component.js
index 23292e626..5d00f78e5 100644
--- a/components/upload-image-component.js
+++ b/components/upload-image-component.js
@@ -5,19 +5,22 @@ import { uploadImage } from "../api.js";
  * Рендерит компонент загрузки изображения.
  * @param {Object} params - Параметры компонента.
  * @param {HTMLElement} params.element - DOM-элемент, в который будет отрендерен компонент.
- * @param {Function} params.onImageUrlChange - Callback, вызываемый при изменении URL изображения.
+ * @param {Function} params.onImageUrl - Callback, вызываемый при изменении URL изображения.
  *   Принимает новый URL изображения в качестве аргумента.
  */
-export function renderUploadImageComponent({ element, onImageUrlChange }) {
+export function renderUploadImageComponent({ element, onImageUrl }) {
   // Проверяем, что переданный элемент существует
   if (!element) {
     console.error("UploadImageComponent: Не передан DOM-элемент для рендеринга.");
     return;
   }
 
+  // Переменная для хранения URL загруженного изображения
   let imageUrl = "";
 
+  // Функция для рендеринга компонента
   const render = () => {
+    // HTML разметка компонента в зависимости от того, загружено ли изображение
     const html = `
       <div class="upload-image">
         ${imageUrl
@@ -36,28 +39,34 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       </div>
     `;
 
+    // Вставляем HTML в переданный элемент
     element.innerHTML = html;
 
+    // Получаем input для выбора файла
     const fileInput = element.querySelector(".file-upload-input");
     if (fileInput) {
-      // Исправлено: Используем 'change' событие (как в исходном коде), но добавляем проверку files[0]
+      // Добавляем обработчик события change для input
+      // Используем 'input' или 'change', оба работают, 'change' стандартнее для файлов
       fileInput.addEventListener("change", async (event) => {
-        // Исправлено: Получаем файл из event.target.files
+        // Получаем выбранный файл
         const files = event.target.files;
         if (files && files.length > 0) {
           const file = files[0];
+          // Получаем label для отображения состояния загрузки
           const label = element.querySelector(".file-upload-label");
           if (label) {
+            // Блокируем label и меняем текст на "Загрузка..."
             label.setAttribute("disabled", "true");
             label.textContent = "Загрузка...";
           }
 
           try {
             console.log("UploadComponent: Начинаем загрузку файла:", file.name);
+            // Вызываем API для загрузки изображения
             const uploadResult = await uploadImage({ file });
             console.log("UploadComponent: Ответ от uploadImage:", uploadResult);
 
-            // Исправлено: Уточнена логика извлечения URL.
+            // Извлекаем URL изображения из ответа API
             // Согласно API документации, сервер возвращает объект с полем 'fileUrl'.
             // Также добавлена проверка, что uploadResult - объект.
             if (uploadResult && typeof uploadResult === 'object' && uploadResult.fileUrl) {
@@ -73,30 +82,35 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
             }
             console.log("UploadComponent: Извлеченный imageUrl:", imageUrl);
 
-            // Исправлено: Проверка типа onImageUrlChange перед вызовом
-            if (typeof onImageUrlChange === 'function') {
-              onImageUrlChange(imageUrl);
+            // Проверяем тип onImageUrl перед вызовом
+            if (typeof onImageUrl === 'function') {
+              // Вызываем callback с новым URL
+              onImageUrl(imageUrl);
             } else {
-              console.warn("UploadComponent: onImageUrlChange не является функцией.");
+              console.warn("UploadComponent: onImageUrl не является функцией.");
             }
 
+            // Перерендериваем компонент для отображения загруженного изображения
             render();
           } catch (error) {
             console.error("UploadComponent: Ошибка загрузки:", error);
 
-            // Исправлено: Проверка типа onImageUrlChange перед вызовом
-            if (typeof onImageUrlChange === 'function') {
-              onImageUrlChange(""); // Передаем пустую строку при ошибке
+            // Вызываем callback с пустой строкой в случае ошибки
+            if (typeof onImageUrl === 'function') {
+              onImageUrl(""); // Передаем пустую строку при ошибке
             }
 
+            // Получаем label для отображения ошибки
             const label = element.querySelector(".file-upload-label");
             if (label) {
+              // Разблокируем label
               label.removeAttribute("disabled");
+              // Отображаем сообщение об ошибке
               label.textContent = "Ошибка загрузки";
 
               // Возвращаем исходный текст через 2 секунды
               setTimeout(() => {
-                // Исправлено: Повторная проверка существования элемента перед изменением текста
+                // Повторно ищем label, так как DOM мог измениться
                 const currentLabel = element.querySelector(".file-upload-label");
                 if (currentLabel) {
                   currentLabel.textContent = "Выберите фото";
@@ -108,18 +122,23 @@ export function renderUploadImageComponent({ element, onImageUrlChange }) {
       });
     }
 
+    // Получаем кнопку для удаления/замены изображения
     const removeButton = element.querySelector(".file-upload-remove-button");
     if (removeButton) {
+      // Добавляем обработчик события click для кнопки
       removeButton.addEventListener("click", () => {
+        // Очищаем URL изображения
         imageUrl = "";
-        // Исправлено: Проверка типа onImageUrlChange перед вызовом
-        if (typeof onImageUrlChange === 'function') {
-          onImageUrlChange(imageUrl);
+        // Вызываем callback с пустой строкой
+        if (typeof onImageUrl === 'function') {
+          onImageUrl(imageUrl);
         }
+        // Перерендериваем компонент для отображения кнопки выбора фото
         render();
       });
     }
   };
 
+  // Выполняем первый рендер компонента
   render();
 }

From 8a80da1ef6a4e02a54c1ee58ef05357a64557cb9 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Mon, 1 Sep 2025 20:17:37 +0500
Subject: [PATCH 197/202] Update add-post-page-component.js

---
 components/add-post-page-component.js | 102 +++++++++++++++++---------
 1 file changed, 68 insertions(+), 34 deletions(-)

diff --git a/components/add-post-page-component.js b/components/add-post-page-component.js
index 5b1fe7ab6..0360e5720 100644
--- a/components/add-post-page-component.js
+++ b/components/add-post-page-component.js
@@ -1,10 +1,19 @@
-// add-post-page-component.js
+// components/add-post-page-component.js
 import { renderUploadImageComponent } from "./upload-image-component.js";
-import { getToken } from "../index.js";
+// Импортируем getToken для дополнительной проверки (не обязательно, так как проверка есть в index.js)
+// import { getToken } from "../index.js"; // Можно убрать, если не используется напрямую здесь
 
+/**
+ * Рендер компонента страницы добавления поста.
+ * @param {Object} params - Параметры компонента.
+ * @param {HTMLElement} params.appEl - Корневой элемент приложения.
+ * @param {Function} params.onAddPostClick - Callback для обработки клика по кнопке "Добавить".
+ */
 export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
+  // Переменная для хранения URL загруженного изображения
   let currentImageUrl = "";
 
+  // HTML разметка компонента
   const appHtml = `
     <div class="page-container">
       <div class="header-container"></div>
@@ -16,9 +25,10 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
           </div>
           <label>
             Описание поста
-            <textarea class="form-textarea" id="post-description"></textarea>
+            <textarea class="form-textarea" id="post-description" placeholder="Подпись к фото..."></textarea>
           </label>
-          <div class="form-error" id="form-error"></div> <!-- Изначально пустой -->
+          <!-- Элемент ошибки изначально скрыт -->
+          <div class="form-error" id="form-error" style="display: none;"></div>
         </div>
         <div class="form-footer">
           <button class="button" id="add-button">Добавить</button>
@@ -27,73 +37,97 @@ export function renderAddPostPageComponent({ appEl, onAddPostClick }) {
     </div>
   `;
 
+  // Вставляем HTML в корневой элемент
   appEl.innerHTML = appHtml;
 
+  // Получаем элементы DOM
   const uploadContainerElement = document.getElementById("upload-image-container");
   const addButton = document.getElementById("add-button");
   const descriptionElement = document.getElementById("post-description");
   const errorElement = document.getElementById("form-error");
 
-  // Проверка существования всех необходимых элементов
+  // Проверяем существование всех необходимых элементов
   if (!uploadContainerElement || !addButton || !descriptionElement || !errorElement) {
     console.error("AddPostComponent: Один или несколько необходимых элементов форм не найдены.");
-    // Можно отобразить общую ошибку в errorElement, если он существует
-    if (errorElement) {
-      errorElement.textContent = "Ошибка инициализации формы.";
-    }
+    // Можно отобразить общую ошибку, если критично
+    // if (errorElement) {
+    //   errorElement.style.display = 'block';
+    //   errorElement.textContent = "Ошибка инициализации формы.";
+    // }
     return;
   }
 
-  // Рендер компонента загрузки изображения
+  // --- Логика отображения/скрытия ошибки ---
+  /**
+   * Показать сообщение об ошибке.
+   * @param {string} message - Текст сообщения об ошибке.
+   */
+  const showError = (message) => {
+    errorElement.textContent = message;
+    errorElement.style.display = 'block'; // Делаем элемент видимым
+  };
+
+  /**
+   * Скрыть сообщение об ошибке.
+   */
+  const hideError = () => {
+    errorElement.textContent = "";
+    errorElement.style.display = 'none'; // Скрываем элемент
+  };
+
+  // --- Рендер компонента загрузки изображения ---
   renderUploadImageComponent({
     element: uploadContainerElement,
-    onImageUrlChange: (imageUrl) => {
+    // Callback, который вызывается при изменении URL изображения
+    onImageUrl: (imageUrl) => {
       console.log("AddPostComponent: URL изображения обновлен:", imageUrl);
+      // Обновляем переменную с URL изображения
       currentImageUrl = imageUrl;
-      // Скрываем ошибку при успешной загрузке изображения
-      if (errorElement.textContent === "Загрузите изображение") {
-         errorElement.textContent = "";
+
+      // Если изображение загружено и ранее была ошибка "Загрузите изображение", скрываем её
+      // Также скрываем ошибку при любой успешной загрузке, если форма была отправлена с этой ошибкой
+      if (currentImageUrl && errorElement.textContent === "Загрузите изображение") {
+         hideError();
       }
     },
   });
 
-  // Обработчик ввода в поле описания
+  // --- Обработчики событий для полей ввода ---
+  // Добавляем обработчик события input для textarea описания
   descriptionElement.addEventListener("input", () => {
-    // Скрываем ошибку при вводе текста, если она была о необходимости ввода описания
-    if (errorElement.textContent === "Введите описание поста" && descriptionElement.value.trim() !== "") {
-      errorElement.textContent = "";
+    // Если пользователь начал вводить текст и ранее была ошибка "Введите описание поста", скрываем её
+    if (descriptionElement.value.trim() !== "" && errorElement.textContent === "Введите описание поста") {
+      hideError();
     }
   });
 
-  // Обработчик клика по кнопке "Добавить"
+  // --- Обработчик события для кнопки "Добавить" ---
+  // Добавляем обработчик события click для кнопки "Добавить"
   addButton.addEventListener("click", () => {
+    // Получаем описание и убираем лишние пробелы
     const description = descriptionElement.value.trim();
 
-    // Очищаем предыдущие ошибки перед проверкой
-    errorElement.textContent = "";
+    // --- Проверка валидности формы ---
+    // Сначала скрываем любую предыдущую ошибку
+    hideError();
 
     // Проверяем обязательные поля
     if (!description) {
-      errorElement.textContent = "Введите описание поста";
+      showError("Введите описание поста");
+      // Фокус на поле описания для удобства
+      descriptionElement.focus();
       return;
     }
 
     if (!currentImageUrl) {
-      errorElement.textContent = "Загрузите изображение";
+      showError("Загрузите изображение");
+      // Фокус на область загрузки изображения (или кнопку) может быть сложнее, пропустим
       return;
     }
 
-    // Проверка токена авторизации
-    const token = getToken();
-    if (!token) {
-      errorElement.textContent = "Ошибка авторизации. Пожалуйста, войдите снова.";
-      console.warn("AddPostComponent: Попытка добавить пост без токена.");
-      return;
-    }
-
-    console.log("AddPostComponent: Вызов onAddPostClick с данными:", { description, imageUrl: currentImageUrl });
-
-    // Вызываем переданную функцию обработки клика
+    // --- Вызов обработчика из index.js ---
+    // Если все проверки пройдены, вызываем переданную функцию обработки клика
+    // Проверка токена и других действий происходит в index.js
     onAddPostClick({
       description,
       imageUrl: currentImageUrl,

From 1339aad2713e143026805f44b50bcf5bd528b522 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Mon, 1 Sep 2025 20:27:54 +0500
Subject: [PATCH 198/202] Update api.js

---
 api.js | 65 ++++++++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 56 insertions(+), 9 deletions(-)

diff --git a/api.js b/api.js
index 56d8dc297..b47087b99 100644
--- a/api.js
+++ b/api.js
@@ -1,6 +1,8 @@
 // api.js
+// Базовый URL API из документации
 const personalKey = "prod";
 const baseHost = "https://wedev-api.sky.pro";
+// Адрес для работы с постами
 const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
 
 /**
@@ -10,6 +12,7 @@ const postsHost = `${baseHost}/api/v1/${personalKey}/instapro`;
  * @returns {Promise<Array>} - Массив постов.
  */
 export function getPosts({ token }) {
+  // Заголовки запроса. Для GET не нужно указывать Content-Type.
   const headers = {};
 
   // Если токен предоставлен, добавляем его в заголовки
@@ -28,6 +31,7 @@ export function getPosts({ token }) {
       return response.json();
     })
     .then((data) => {
+      // API возвращает объект { posts: [...] }
       return data.posts;
     });
 }
@@ -40,6 +44,7 @@ export function getPosts({ token }) {
  * @returns {Promise<Array>} - Массив постов пользователя.
  */
 export function getUserPosts({ token, userId }) {
+  // Заголовки запроса. Для GET не нужно указывать Content-Type.
   const headers = {};
 
   // Если токен предоставлен, добавляем его в заголовки
@@ -47,7 +52,10 @@ export function getUserPosts({ token, userId }) {
     headers.Authorization = token;
   }
 
-  return fetch(`${postsHost}/user-posts/${userId}`, {
+  // Формируем URL для получения постов конкретного пользователя
+  const url = `${postsHost}/user-posts/${userId}`;
+
+  return fetch(url, {
     method: "GET",
     headers,
   })
@@ -58,6 +66,7 @@ export function getUserPosts({ token, userId }) {
       return response.json();
     })
     .then((data) => {
+      // API возвращает объект { posts: [...] }
       return data.posts;
     });
 }
@@ -72,10 +81,12 @@ export function getUserPosts({ token, userId }) {
  * @returns {Promise<Object>} - Данные нового пользователя.
  */
 export function registerUser({ login, password, name, imageUrl }) {
+  // Для POST с JSON-телом заголовок Content-Type НУЖЕН
   return fetch(baseHost + "/api/user", {
     method: "POST",
-    // Убираем Content-Type: application/json для этого эндпоинта
-    headers: {},
+    headers: {
+      "Content-Type": "application/json",
+    },
     body: JSON.stringify({
       login,
       password,
@@ -84,13 +95,18 @@ export function registerUser({ login, password, name, imageUrl }) {
     }),
   }).then((response) => {
     if (response.status === 400) {
+      // Обрабатываем ошибку 400 (например, пользователь уже существует)
+      // Получаем сообщение об ошибке от сервера
       return response.json().then((errorData) => {
-         throw new Error(errorData?.error || "Такой пользователь уже существует");
+        // Используем сообщение от сервера, если оно есть, иначе дефолтное
+        throw new Error(errorData?.error || "Такой пользователь уже существует");
       });
     }
     if (!response.ok) {
+      // Обрабатываем другие HTTP ошибки
       throw new Error("Ошибка при регистрации");
     }
+    // Если всё ОК, возвращаем данные пользователя
     return response.json();
   });
 }
@@ -103,23 +119,30 @@ export function registerUser({ login, password, name, imageUrl }) {
  * @returns {Promise<Object>} - Данные авторизованного пользователя.
  */
 export function loginUser({ login, password }) {
+  // Для POST с JSON-телом заголовок Content-Type НУЖЕН
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
-    // Убираем Content-Type: application/json для этого эндпоинта
-    headers: {},
+    headers: {
+      "Content-Type": "application/json",
+    },
     body: JSON.stringify({
       login,
       password,
     }),
   }).then((response) => {
     if (response.status === 400) {
+      // Обрабатываем ошибку 400 (например, неверный логин или пароль)
+      // Получаем сообщение об ошибке от сервера
       return response.json().then((errorData) => {
-         throw new Error(errorData?.error || "Неверный логин или пароль");
+        // Используем сообщение от сервера, если оно есть, иначе дефолтное
+        throw new Error(errorData?.error || "Неверный логин или пароль");
       });
     }
     if (!response.ok) {
+      // Обрабатываем другие HTTP ошибки
       throw new Error("Ошибка при входе");
     }
+    // Если всё ОК, возвращаем данные пользователя
     return response.json();
   });
 }
@@ -135,11 +158,13 @@ export function loginUser({ login, password }) {
 export function addPost({ token, description, imageUrl }) {
   console.log("API: Отправляем данные на сервер:", { description, imageUrl });
 
+  // ВАЖНО: Для этого конкретного эндпоинта НЕ НУЖНО указывать Content-Type: application/json
+  // Согласно ошибке сервера: "В заголовке передан content-type: application/json, но эта API не умеет работать с этим заголовком, уберите его"
   return fetch(postsHost, {
     method: "POST",
     headers: {
-      // Для POST с JSON-телом Content-Type нужен
-      "Content-Type": "application/json",
+      // Убираем "Content-Type": "application/json",
+      // Токен авторизации обязателен
       Authorization: token,
     },
     body: JSON.stringify({
@@ -148,17 +173,23 @@ export function addPost({ token, description, imageUrl }) {
     }),
   }).then((response) => {
     if (response.status === 401) {
+      // Обрабатываем ошибку 401 (нет авторизации)
       throw new Error("Нет авторизации");
     }
     if (response.status === 400) {
+      // Обрабатываем ошибку 400 (например, не переданы обязательные данные)
+      // Получаем детальное сообщение об ошибке от сервера
       return response.json().then((errorData) => {
         console.error("API: Ошибка 400 от сервера:", errorData);
+        // Используем сообщение от сервера, если оно есть, иначе дефолтное
         throw new Error(errorData?.error || "Не переданы обязательные данные");
       });
     }
     if (!response.ok) {
+      // Обрабатываем другие HTTP ошибки
       throw new Error("Ошибка при добавлении поста");
     }
+    // Если всё ОК, возвращаем результат
     return response.json();
   });
 }
@@ -170,6 +201,8 @@ export function addPost({ token, description, imageUrl }) {
  * @returns {Promise<Object>} - Данные загрузки (включая URL).
  */
 export function uploadImage({ file }) {
+  // Для загрузки файлов используется FormData, Content-Type НЕ нужен
+  // (браузер сам установит правильный Content-Type с boundary)
   const data = new FormData();
   data.append("file", file);
 
@@ -182,6 +215,10 @@ export function uploadImage({ file }) {
         throw new Error(`HTTP error! status: ${response.status}`);
       }
       return response.json();
+    })
+    .then((uploadResult) => {
+      console.log("API: Полный ответ от uploadImage:", uploadResult);
+      return uploadResult;
     });
 }
 
@@ -193,18 +230,23 @@ export function uploadImage({ file }) {
  * @returns {Promise<Object>} - Обновленный пост.
  */
 export function likePost({ token, postId }) {
+  // Для POST без тела заголовок Content-Type НЕ нужен
   return fetch(`${postsHost}/${postId}/like`, {
     method: "POST",
     headers: {
+      // Токен авторизации обязателен
       Authorization: token,
     },
   }).then((response) => {
     if (response.status === 401) {
+      // Обрабатываем ошибку 401 (нет авторизации)
       throw new Error("Нет авторизации");
     }
     if (!response.ok) {
+      // Обрабатываем другие HTTP ошибки
       throw new Error("Ошибка при лайке");
     }
+    // Если всё ОК, возвращаем обновленный пост
     return response.json();
   });
 }
@@ -217,18 +259,23 @@ export function likePost({ token, postId }) {
  * @returns {Promise<Object>} - Обновленный пост.
  */
 export function dislikePost({ token, postId }) {
+  // Для POST без тела заголовок Content-Type НЕ нужен
   return fetch(`${postsHost}/${postId}/dislike`, {
     method: "POST",
     headers: {
+      // Токен авторизации обязателен
       Authorization: token,
     },
   }).then((response) => {
     if (response.status === 401) {
+      // Обрабатываем ошибку 401 (нет авторизации)
       throw new Error("Нет авторизации");
     }
     if (!response.ok) {
+      // Обрабатываем другие HTTP ошибки
       throw new Error("Ошибка при дизлайке");
     }
+    // Если всё ОК, возвращаем обновленный пост
     return response.json();
   });
 }

From 516a250af8e662bc1e3eb202d94a20b3cc4e1652 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Mon, 1 Sep 2025 20:37:28 +0500
Subject: [PATCH 199/202] Update api.js

---
 api.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/api.js b/api.js
index b47087b99..4601e2e0e 100644
--- a/api.js
+++ b/api.js
@@ -119,11 +119,13 @@ export function registerUser({ login, password, name, imageUrl }) {
  * @returns {Promise<Object>} - Данные авторизованного пользователя.
  */
 export function loginUser({ login, password }) {
-  // Для POST с JSON-телом заголовок Content-Type НУЖЕН
+  // ВАЖНО: Для этого конкретного эндпоинта НЕ НУЖНО указывать Content-Type: application/json
+  // Согласно ошибке сервера: "В заголовке передан content-type: application/json, но эта API не умеет работать с этим заголовком, уберите его"
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
+    // Убираем Content-Type: application/json
     headers: {
-      "Content-Type": "application/json",
+      // Никаких заголовков, кроме стандартных для FormData, не нужно
     },
     body: JSON.stringify({
       login,

From 6434cb765288fa74949e4d80b18588bcb5d5a238 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Mon, 1 Sep 2025 20:47:34 +0500
Subject: [PATCH 200/202] Update auth-page-component.js

---
 components/auth-page-component.js | 294 ++++++++++++++++--------------
 1 file changed, 154 insertions(+), 140 deletions(-)

diff --git a/components/auth-page-component.js b/components/auth-page-component.js
index 86c48688c..35c6fdc55 100644
--- a/components/auth-page-component.js
+++ b/components/auth-page-component.js
@@ -1,147 +1,161 @@
-import { loginUser, registerUser } from "../api.js";
-import { renderHeaderComponent } from "./header-component.js";
+// auth-page-component.js
 import { renderUploadImageComponent } from "./upload-image-component.js";
-
-export function renderAuthPageComponent({ appEl, setUser }) {
-  let isLoginMode = true;
-  let imageUrl = "";
-
-  const renderForm = () => {
-    const appHtml = `
-      <div class="page-container">
-          <div class="header-container"></div>
-          <div class="form">
-              <h3 class="form-title">
-                ${
-                  isLoginMode
-                    ? "Вход в&nbsp;Instapro"
-                    : "Регистрация в&nbsp;Instapro"
-                }
-              </h3>
-              <div class="form-inputs">
-                  ${
-                    !isLoginMode
-                      ? `
-                      <div class="upload-image-container"></div>
-                      <input type="text" id="name-input" class="input" placeholder="Имя" />
-                      `
-                      : ""
-                  }
-                  <input type="text" id="login-input" class="input" placeholder="Логин" />
-                  <input type="password" id="password-input" class="input" placeholder="Пароль" />
-                  <div class="form-error"></div>
-                  <button class="button" id="login-button">${
-                    isLoginMode ? "Войти" : "Зарегистрироваться"
-                  }</button>
-              </div>
-              <div class="form-footer">
-                <p class="form-footer-title">
-                  ${isLoginMode ? "Нет аккаунта?" : "Уже есть аккаунт?"}
-                  <button class="link-button" id="toggle-button">
-                    ${isLoginMode ? "Зарегистрироваться." : "Войти."}
-                  </button>
-                </p>
-              </div>
+import { getToken } from "../index.js";
+
+export function renderAuthPageComponent({ appEl, setUser, user, goToPage }) {
+  const appHtml = `
+    <div class="page-container">
+      <div class="header-container"></div>
+      <div class="form">
+        <h3 class="form-title">Регистрация в Instapro</h3>
+        <div class="form-inputs">
+          <div class="upload-image-container">
+            <div id="upload-image-container"></div>
           </div>
-      </div>    
-    `;
-
-    appEl.innerHTML = appHtml;
-
-    const setError = (message) => {
-      appEl.querySelector(".form-error").textContent = message;
-    };
-
-    renderHeaderComponent({
-      element: document.querySelector(".header-container"),
-    });
-
-    const uploadImageContainer = appEl.querySelector(".upload-image-container");
-    if (uploadImageContainer) {
-      renderUploadImageComponent({
-        element: uploadImageContainer,
-        onImageUrlChange(newImageUrl) {
-          imageUrl = newImageUrl;
-        },
-      });
-    }
+          <label>
+            Логин
+            <input type="text" id="login-input" />
+          </label>
+          <label>
+            Имя пользователя
+            <input type="text" id="name-input" />
+          </label>
+          <label>
+            Пароль
+            <input type="password" id="password-input" />
+          </label>
+          <div class="form-error" id="form-error"></div>
+        </div>
+        <div class="form-footer">
+          <button class="button" id="register-button">Зарегистрироваться</button>
+        </div>
+      </div>
+    </div>
+  `;
+
+  appEl.innerHTML = appHtml;
+
+  // Получаем элементы DOM
+  const uploadContainerElement = document.getElementById("upload-image-container");
+  const loginInput = document.getElementById("login-input");
+  const nameInput = document.getElementById("name-input");
+  const passwordInput = document.getElementById("password-input");
+  const errorElement = document.getElementById("form-error");
+  const registerButton = document.getElementById("register-button");
+
+  // Проверяем существование всех необходимых элементов
+  if (!uploadContainerElement || !loginInput || !nameInput || !passwordInput || !errorElement || !registerButton) {
+    console.error("AuthPageComponent: Один или несколько необходимых элементов формы не найдены.");
+    return;
+  }
+
+  // --- Логика отображения/скрытия ошибки ---
+  /**
+   * Показать сообщение об ошибке.
+   * @param {string} message - Текст сообщения об ошибке.
+   */
+  const showError = (message) => {
+    errorElement.textContent = message;
+    errorElement.style.display = 'block'; // Делаем элемент видимым
+  };
+
+  /**
+   * Скрыть сообщение об ошибке.
+   */
+  const hideError = () => {
+    errorElement.textContent = "";
+    errorElement.style.display = 'none'; // Скрываем элемент
+  };
 
-    document.getElementById("login-button").addEventListener("click", () => {
-      setError("");
-
-      if (isLoginMode) {
-        const login = document.getElementById("login-input").value;
-        const password = document.getElementById("password-input").value;
-
-        if (!login) {
-          setError("Введите логин");
-          return;
-        }
-
-        if (!password) {
-          setError("Введите пароль");
-          return;
-        }
-
-        loginUser({ login, password })
-          .then((userData) => {
-            setUser({
-              name: userData.user.name,
-              token: userData.user.token,
-              id: userData.user.id,
-              imageUrl: userData.user.imageUrl
-            });
-          })
-          .catch((error) => {
-            console.warn(error);
-            setError(error.message);
-          });
-      } else {
-        const login = document.getElementById("login-input").value;
-        const name = document.getElementById("name-input").value;
-        const password = document.getElementById("password-input").value;
-
-        if (!name) {
-          setError("Введите имя");
-          return;
-        }
-
-        if (!login) {
-          setError("Введите логин");
-          return;
-        }
-
-        if (!password) {
-          setError("Введите пароль");
-          return;
-        }
-
-        if (!imageUrl) {
-          setError("Не выбрана фотография");
-          return;
-        }
-
-        registerUser({ login, password, name, imageUrl })
-          .then((userData) => {
-            setUser({
-              name: userData.user.name,
-              token: userData.user.token,
-              id: userData.user.id,
-              imageUrl: userData.user.imageUrl
-            });
-          })
-          .catch((error) => {
-            console.warn(error);
-            setError(error.message);
-          });
+  // --- Рендер компонента загрузки изображения ---
+  renderUploadImageComponent({
+    element: uploadContainerElement,
+    // Callback, который вызывается при изменении URL изображения
+    onImageUrl: (imageUrl) => {
+      console.log("AuthPageComponent: URL изображения обновлен:", imageUrl);
+      // Если изображение загружено, скрываем ошибку "Не выбрана фотография"
+      if (imageUrl && errorElement.textContent === "Не выбрана фотография") {
+         hideError();
       }
-    });
+    },
+  });
+
+  // --- Обработчики событий для полей ввода ---
+  // Добавляем обработчик события input для поля логина
+  loginInput.addEventListener("input", () => {
+    // Если пользователь начал вводить логин и ранее была ошибка "Неверный логин", скрываем её
+    if (loginInput.value.trim() !== "" && errorElement.textContent === "Неверный логин") {
+      hideError();
+    }
+  });
 
-    document.getElementById("toggle-button").addEventListener("click", () => {
-      isLoginMode = !isLoginMode;
-      renderForm();
-    });
-  };
+  // Добавляем обработчик события input для поля имени
+  nameInput.addEventListener("input", () => {
+    // Если пользователь начал вводить имя и ранее была ошибка "Неверное имя", скрываем её
+    if (nameInput.value.trim() !== "" && errorElement.textContent === "Неверное имя") {
+      hideError();
+    }
+  });
 
-  renderForm();
+  // Добавляем обработчик события input для поля пароля
+  passwordInput.addEventListener("input", () => {
+    // Если пользователь начал вводить пароль и ранее была ошибка "Неверный пароль", скрываем её
+    if (passwordInput.value.trim() !== "" && errorElement.textContent === "Неверный пароль") {
+      hideError();
+    }
+  });
+
+  // --- Обработчик события для кнопки "Зарегистрироваться" ---
+  // Добавляем обработчик события click для кнопки "Зарегистрироваться"
+  registerButton.addEventListener("click", () => {
+    // Получаем значения полей и убираем лишние пробелы
+    const login = loginInput.value.trim();
+    const name = nameInput.value.trim();
+    const password = passwordInput.value.trim();
+
+    // Сначала скрываем любую предыдущую ошибку
+    hideError();
+
+    // Проверяем обязательные поля
+    if (!login) {
+      showError("Введите логин");
+      loginInput.focus();
+      return;
+    }
+
+    if (!name) {
+      showError("Введите имя пользователя");
+      nameInput.focus();
+      return;
+    }
+
+    if (!password) {
+      showError("Введите пароль");
+      passwordInput.focus();
+      return;
+    }
+
+    // Проверка токена авторизации (необходима для регистрации)
+    const token = getToken();
+    if (!token) {
+      showError("Ошибка авторизации. Пожалуйста, войдите снова.");
+      console.warn("AuthPageComponent: Попытка регистрации без токена.");
+      return;
+    }
+
+    // Вызываем API для регистрации пользователя
+    registerUser({ login, password, name })
+      .then((result) => {
+        console.log("AuthPageComponent: Пользователь успешно зарегистрирован:", result);
+        // Устанавливаем нового пользователя
+        setUser(result.user);
+        // Перенаправляем на главную страницу
+        goToPage(POSTS_PAGE);
+      })
+      .catch((error) => {
+        console.error("AuthPageComponent: Ошибка при регистрации:", error);
+        // Показываем сообщение пользователю
+        showError(error.message);
+      });
+  });
 }

From 4535a17b8b47016e1c6f5a2d4bfacb11a256c7b6 Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Mon, 1 Sep 2025 21:08:52 +0500
Subject: [PATCH 201/202] Update auth-page-component.js

---
 components/auth-page-component.js | 386 +++++++++++++++++++-----------
 1 file changed, 245 insertions(+), 141 deletions(-)

diff --git a/components/auth-page-component.js b/components/auth-page-component.js
index 35c6fdc55..19513ad8c 100644
--- a/components/auth-page-component.js
+++ b/components/auth-page-component.js
@@ -1,161 +1,265 @@
-// auth-page-component.js
+// components/auth-page-component.js
+import { loginUser, registerUser } from "../api.js";
+import { renderHeaderComponent } from "./header-component.js";
 import { renderUploadImageComponent } from "./upload-image-component.js";
-import { getToken } from "../index.js";
 
+/**
+ * Компонент страницы авторизации/регистрации.
+ * @param {Object} params - Параметры компонента.
+ * @param {HTMLElement} params.appEl - Корневой элемент приложения.
+ * @param {Function} params.setUser - Функция для установки данных пользователя после успешного входа/регистрации.
+ * @param {Object|null} params.user - Текущий пользователь (не используется напрямую здесь, но передается в header).
+ * @param {Function} params.goToPage - Функция для навигации между страницами.
+ */
 export function renderAuthPageComponent({ appEl, setUser, user, goToPage }) {
-  const appHtml = `
-    <div class="page-container">
-      <div class="header-container"></div>
-      <div class="form">
-        <h3 class="form-title">Регистрация в Instapro</h3>
-        <div class="form-inputs">
-          <div class="upload-image-container">
-            <div id="upload-image-container"></div>
-          </div>
-          <label>
-            Логин
-            <input type="text" id="login-input" />
-          </label>
-          <label>
-            Имя пользователя
-            <input type="text" id="name-input" />
-          </label>
-          <label>
-            Пароль
-            <input type="password" id="password-input" />
-          </label>
-          <div class="form-error" id="form-error"></div>
-        </div>
-        <div class="form-footer">
-          <button class="button" id="register-button">Зарегистрироваться</button>
-        </div>
-      </div>
-    </div>
-  `;
-
-  appEl.innerHTML = appHtml;
-
-  // Получаем элементы DOM
-  const uploadContainerElement = document.getElementById("upload-image-container");
-  const loginInput = document.getElementById("login-input");
-  const nameInput = document.getElementById("name-input");
-  const passwordInput = document.getElementById("password-input");
-  const errorElement = document.getElementById("form-error");
-  const registerButton = document.getElementById("register-button");
-
-  // Проверяем существование всех необходимых элементов
-  if (!uploadContainerElement || !loginInput || !nameInput || !passwordInput || !errorElement || !registerButton) {
-    console.error("AuthPageComponent: Один или несколько необходимых элементов формы не найдены.");
-    return;
-  }
-
-  // --- Логика отображения/скрытия ошибки ---
   /**
-   * Показать сообщение об ошибке.
-   * @param {string} message - Текст сообщения об ошибке.
+   * Флаг, указывающий текущий режим формы.
+   * Если `true`, форма находится в режиме входа. Если `false`, в режиме регистрации.
+   * @type {boolean}
    */
-  const showError = (message) => {
-    errorElement.textContent = message;
-    errorElement.style.display = 'block'; // Делаем элемент видимым
-  };
+  let isLoginMode = true;
 
   /**
-   * Скрыть сообщение об ошибке.
+   * URL изображения, загруженного пользователем при регистрации.
+   * Используется только в режиме регистрации.
+   * @type {string}
    */
-  const hideError = () => {
-    errorElement.textContent = "";
-    errorElement.style.display = 'none'; // Скрываем элемент
-  };
+  let imageUrl = "";
+
+  /**
+   * Рендерит форму авторизации или регистрации.
+   * В зависимости от значения `isLoginMode` отображает соответствующий интерфейс.
+   */
+  const renderForm = () => {
+    const appHtml = `
+      <div class="page-container">
+          <div class="header-container"></div>
+          <div class="form">
+              <h3 class="form-title">
+                ${
+                  isLoginMode
+                    ? "Вход в&nbsp;Instapro"
+                    : "Регистрация в&nbsp;Instapro"
+                }
+              </h3>
+              <div class="form-inputs">
+                  ${
+                    !isLoginMode
+                      ? `
+                      <div class="upload-image-container">
+                        <div id="upload-image-conrainer"></div> <!-- Исправлен ID -->
+                      </div>
+                      <input type="text" id="name-input" class="input" placeholder="Имя" />
+                      `
+                      : ""
+                  }
+                  <input type="text" id="login-input" class="input" placeholder="Логин" />
+                  <input type="password" id="password-input" class="input" placeholder="Пароль" />
+                  <div class="form-error" id="form-error" style="display: none;"></div> <!-- Изначально скрыт -->
+                  <button class="button" id="login-button">${
+                    isLoginMode ? "Войти" : "Зарегистрироваться"
+                  }</button>
+              </div>
+              <div class="form-footer">
+                <p class="form-footer-title">
+                  ${isLoginMode ? "Нет аккаунта?" : "Уже есть аккаунт?"}
+                  <button class="link-button" id="toggle-button">
+                    ${isLoginMode ? "Зарегистрироваться." : "Войти."}
+                  </button>
+                </p>
+              </div>
+          </div>
+      </div>    
+    `;
 
-  // --- Рендер компонента загрузки изображения ---
-  renderUploadImageComponent({
-    element: uploadContainerElement,
-    // Callback, который вызывается при изменении URL изображения
-    onImageUrl: (imageUrl) => {
-      console.log("AuthPageComponent: URL изображения обновлен:", imageUrl);
-      // Если изображение загружено, скрываем ошибку "Не выбрана фотография"
-      if (imageUrl && errorElement.textContent === "Не выбрана фотография") {
-         hideError();
+    appEl.innerHTML = appHtml;
+
+    /**
+     * Показать сообщение об ошибке.
+     * @param {string} message - Текст сообщения об ошибке.
+     */
+    const showError = (message) => {
+      const errorElement = appEl.querySelector(".form-error");
+      if (errorElement) {
+        errorElement.textContent = message;
+        errorElement.style.display = 'block';
       }
-    },
-  });
-
-  // --- Обработчики событий для полей ввода ---
-  // Добавляем обработчик события input для поля логина
-  loginInput.addEventListener("input", () => {
-    // Если пользователь начал вводить логин и ранее была ошибка "Неверный логин", скрываем её
-    if (loginInput.value.trim() !== "" && errorElement.textContent === "Неверный логин") {
-      hideError();
-    }
-  });
+    };
 
-  // Добавляем обработчик события input для поля имени
-  nameInput.addEventListener("input", () => {
-    // Если пользователь начал вводить имя и ранее была ошибка "Неверное имя", скрываем её
-    if (nameInput.value.trim() !== "" && errorElement.textContent === "Неверное имя") {
-      hideError();
-    }
-  });
+    /**
+     * Скрыть сообщение об ошибке.
+     */
+    const hideError = () => {
+      const errorElement = appEl.querySelector(".form-error");
+      if (errorElement) {
+        errorElement.textContent = "";
+        errorElement.style.display = 'none';
+      }
+    };
 
-  // Добавляем обработчик события input для поля пароля
-  passwordInput.addEventListener("input", () => {
-    // Если пользователь начал вводить пароль и ранее была ошибка "Неверный пароль", скрываем её
-    if (passwordInput.value.trim() !== "" && errorElement.textContent === "Неверный пароль") {
-      hideError();
-    }
-  });
-
-  // --- Обработчик события для кнопки "Зарегистрироваться" ---
-  // Добавляем обработчик события click для кнопки "Зарегистрироваться"
-  registerButton.addEventListener("click", () => {
-    // Получаем значения полей и убираем лишние пробелы
-    const login = loginInput.value.trim();
-    const name = nameInput.value.trim();
-    const password = passwordInput.value.trim();
-
-    // Сначала скрываем любую предыдущую ошибку
-    hideError();
-
-    // Проверяем обязательные поля
-    if (!login) {
-      showError("Введите логин");
-      loginInput.focus();
-      return;
-    }
+    // Рендерим заголовок страницы
+    renderHeaderComponent({
+      element: document.querySelector(".header-container"),
+      user, // Передаем текущего пользователя (может быть null)
+      goToPage, // Передаем функцию навигации
+    });
 
-    if (!name) {
-      showError("Введите имя пользователя");
-      nameInput.focus();
-      return;
+    // Если режим регистрации, рендерим компонент загрузки изображения
+    const uploadImageContainer = appEl.querySelector(".upload-image-container");
+    if (uploadImageContainer && !isLoginMode) {
+      // Исправлен ID контейнера (был опечатка: "conrainer" вместо "container")
+      const uploadImageInnerContainer = appEl.querySelector("#upload-image-conrainer");
+      if (uploadImageInnerContainer) {
+        renderUploadImageComponent({
+          element: uploadImageInnerContainer,
+          onImageUrl: (newImageUrl) => { // Используем правильное имя параметра
+            console.log("AuthPage: URL изображения обновлен:", newImageUrl);
+            imageUrl = newImageUrl;
+            
+            // Если изображение загружено и была ошибка "Не выбрана фотография", скрываем её
+            const errorElement = appEl.querySelector(".form-error");
+            if (imageUrl && errorElement && errorElement.textContent === "Не выбрана фотография") {
+               hideError();
+            }
+          },
+        });
+      }
     }
 
-    if (!password) {
-      showError("Введите пароль");
-      passwordInput.focus();
-      return;
-    }
+    // Обработка клика на кнопку входа/регистрации
+    const loginButton = document.getElementById("login-button");
+    if (loginButton) {
+      loginButton.addEventListener("click", () => {
+        hideError(); // Скрываем предыдущие ошибки
+
+        if (isLoginMode) {
+          // Обработка входа
+          const login = document.getElementById("login-input")?.value?.trim();
+          const password = document.getElementById("password-input")?.value?.trim();
+
+          if (!login) {
+            showError("Введите логин");
+            return;
+          }
+
+          if (!password) {
+            showError("Введите пароль");
+            return;
+          }
+
+          loginUser({ login, password })
+            .then((userData) => {
+              console.log("AuthPage: Успешный вход:", userData);
+              setUser(userData.user); // Устанавливаем пользователя из ответа API
+            })
+            .catch((error) => {
+              console.warn("AuthPage: Ошибка входа:", error);
+              showError(error.message);
+            });
+        } else {
+          // Обработка регистрации
+          const login = document.getElementById("login-input")?.value?.trim();
+          const name = document.getElementById("name-input")?.value?.trim();
+          const password = document.getElementById("password-input")?.value?.trim();
+
+          if (!name) {
+            showError("Введите имя");
+            return;
+          }
+
+          if (!login) {
+            showError("Введите логин");
+            return;
+          }
 
-    // Проверка токена авторизации (необходима для регистрации)
-    const token = getToken();
-    if (!token) {
-      showError("Ошибка авторизации. Пожалуйста, войдите снова.");
-      console.warn("AuthPageComponent: Попытка регистрации без токена.");
-      return;
+          if (!password) {
+            showError("Введите пароль");
+            return;
+          }
+
+          if (!imageUrl) {
+            showError("Не выбрана фотография");
+            return;
+          }
+
+          registerUser({ login, password, name, imageUrl })
+            .then((userData) => {
+              console.log("AuthPage: Успешная регистрация:", userData);
+              setUser(userData.user); // Устанавливаем пользователя из ответа API
+            })
+            .catch((error) => {
+              console.warn("AuthPage: Ошибка регистрации:", error);
+              showError(error.message);
+            });
+        }
+      });
     }
 
-    // Вызываем API для регистрации пользователя
-    registerUser({ login, password, name })
-      .then((result) => {
-        console.log("AuthPageComponent: Пользователь успешно зарегистрирован:", result);
-        // Устанавливаем нового пользователя
-        setUser(result.user);
-        // Перенаправляем на главную страницу
-        goToPage(POSTS_PAGE);
-      })
-      .catch((error) => {
-        console.error("AuthPageComponent: Ошибка при регистрации:", error);
-        // Показываем сообщение пользователю
-        showError(error.message);
+    // Обработка переключения режима (вход ↔ регистрация)
+    const toggleButton = document.getElementById("toggle-button");
+    if (toggleButton) {
+      toggleButton.addEventListener("click", () => {
+        isLoginMode = !isLoginMode;
+        renderForm(); // Перерисовываем форму с новым режимом
       });
-  });
+    }
+    
+    // --- Добавляем обработчики для скрытия ошибок при вводе ---
+    if (!isLoginMode) {
+        // Режим регистрации
+        const nameInput = document.getElementById("name-input");
+        const loginInputReg = document.getElementById("login-input");
+        const passwordInputReg = document.getElementById("password-input");
+        
+        if (nameInput) {
+            nameInput.addEventListener("input", () => {
+                const errorElement = appEl.querySelector(".form-error");
+                if (errorElement && errorElement.textContent === "Введите имя") {
+                    hideError();
+                }
+            });
+        }
+        if (loginInputReg) {
+            loginInputReg.addEventListener("input", () => {
+                const errorElement = appEl.querySelector(".form-error");
+                if (errorElement && errorElement.textContent === "Введите логин") {
+                    hideError();
+                }
+            });
+        }
+        if (passwordInputReg) {
+            passwordInputReg.addEventListener("input", () => {
+                const errorElement = appEl.querySelector(".form-error");
+                if (errorElement && errorElement.textContent === "Введите пароль") {
+                    hideError();
+                }
+            });
+        }
+        // Обработчик для ошибки "Не выбрана фотография" уже добавлен выше в onImageUrl
+    } else {
+        // Режим входа
+        const loginInputLogin = document.getElementById("login-input");
+        const passwordInputLogin = document.getElementById("password-input");
+        
+        if (loginInputLogin) {
+            loginInputLogin.addEventListener("input", () => {
+                const errorElement = appEl.querySelector(".form-error");
+                if (errorElement && errorElement.textContent === "Введите логин") {
+                    hideError();
+                }
+            });
+        }
+        if (passwordInputLogin) {
+            passwordInputLogin.addEventListener("input", () => {
+                const errorElement = appEl.querySelector(".form-error");
+                if (errorElement && errorElement.textContent === "Введите пароль") {
+                    hideError();
+                }
+            });
+        }
+    }
+  };
+
+  // Инициализация формы
+  renderForm();
 }

From f064015f07b839eefbe476f5baa8c5428468401d Mon Sep 17 00:00:00 2001
From: Alina-skypro2025 <alin.guschina2018@yandex.ru>
Date: Mon, 1 Sep 2025 21:20:28 +0500
Subject: [PATCH 202/202] Update api.js

---
 api.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/api.js b/api.js
index 4601e2e0e..e905f003a 100644
--- a/api.js
+++ b/api.js
@@ -81,11 +81,13 @@ export function getUserPosts({ token, userId }) {
  * @returns {Promise<Object>} - Данные нового пользователя.
  */
 export function registerUser({ login, password, name, imageUrl }) {
-  // Для POST с JSON-телом заголовок Content-Type НУЖЕН
+  // ВАЖНО: Для этого конкретного эндпоинта НЕ НУЖНО указывать Content-Type: application/json
+  // Согласно ошибке сервера: "В заголовке передан content-type: application/json, но эта API не умеет работать с этим заголовком, уберите его"
   return fetch(baseHost + "/api/user", {
     method: "POST",
+    // Убираем "Content-Type": "application/json",
     headers: {
-      "Content-Type": "application/json",
+      // Никаких заголовков, кроме стандартных для JSON, не нужно
     },
     body: JSON.stringify({
       login,
@@ -123,9 +125,9 @@ export function loginUser({ login, password }) {
   // Согласно ошибке сервера: "В заголовке передан content-type: application/json, но эта API не умеет работать с этим заголовком, уберите его"
   return fetch(baseHost + "/api/user/login", {
     method: "POST",
-    // Убираем Content-Type: application/json
+    // Убираем "Content-Type": "application/json",
     headers: {
-      // Никаких заголовков, кроме стандартных для FormData, не нужно
+      // Никаких заголовков, кроме стандартных для JSON, не нужно
     },
     body: JSON.stringify({
       login,