pr fixes

Author: AdeliyaG

src/app/index.scss

@@ -1,8 +1,12 @@
 // NOTE: Временно используем вспомогательные utilities-классы, на время разработки прототипа приложения
 @import "~tailwindcss/dist/utilities.css";
+// css-переменные проекта
 @import "./styles/vars.scss";
+// нормализация стилей проекта
 @import "./styles/normalize.scss";
+// нормализация стилей antd компонентов
 @import "./styles/normalize-antd.scss";
+// классы-утилиты
 @import "./styles/utils.scss";
 
 .gc-app {

src/features/repo-explorer/components/hooks.ts

@@ -50,64 +50,3 @@ export const useRepoDetails = (repoInfo: RepoBranchInfoQuery | undefined) => {
         readme,
     };
 };
-
-type useLocalUriProps = {
-    /** Текст README файла */
-    text: string;
-    /** Флаг загрузки */
-    loading: boolean;
-    /**
-     * Ссылка-идентификатор репозитория
-     * @remark Для обработки локальных ссылок
-     */
-    repoUrl: string;
-    /**
-     * Текущая ветка
-     * @remark Для обработки локальных ссылок
-     */
-    branch: string;
-};
-
-/**
- * @hook Обработка внутренних ссылок
- * @remark
- * - В README могут быть указаны ссылки на локальные ресурсы репозитория (images, files, anchors, ...)
- * - Поэтому, для корректной навигации и отображения, было решено предобрабатывать подобные ссылки
- */
-export const useLocalUri = ({ repoUrl, branch }: useLocalUriProps) => {
-    /**
-     * Нормализация внутренних ссылок
-     * @example
-     * transformLocalUri("https://some-url/...")
-     * // => "https://some-url/..."
-     * transformLocalUri("#some-header")
-     * // => "https://github.com/${repo}#some-header"
-     * transformLocalUri("./SOMEFILE.md")
-     * // => "https://github.com/${repo}/blobk/${branch}/SOMEFILE.md"
-     * transformLocalUri("docs/ANOTHER.md")
-     * // => "https://github.com/${repo}/blobk/${branch}/docs/ANOTHER.md"
-     */
-    const transformLinkUri = (uri: string) => {
-        if (uri.startsWith("http")) return uri;
-        if (uri.startsWith("#")) return `https://github.com/${repoUrl}${uri}`;
-        // Если sibling-link - нормализуем
-        const blobUrl = uri.replace("./", "");
-        return `https://github.com/${repoUrl}/blob/${branch}/${blobUrl}`;
-    };
-
-    /**
-     * Получение исходника локального изображения
-     * FIXME: Работает только с markodwn-изображениями, потом переделать бы на общий случай
-     * @example
-     * transformImageUri("docs/search.png")
-     * // => https://raw.githubusercontent.com/${repo}/${branch}/docs/search.png
-     */
-    const transformImageUri = (uri: string) => {
-        if (uri.startsWith("http")) return uri;
-        // Если sibling-link - нормализуем
-        const blobUrl = uri.replace("./", "");
-        return `https://raw.githubusercontent.com/${repoUrl}/${branch}/${blobUrl}`;
-    };
-
-    return { transformLinkUri, transformImageUri };
-};

src/features/repo-explorer/components/readme/index.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import Markdown from "react-markdown";
 import gfm from "remark-gfm";
-import { useLocalUri } from "../hooks";
 import SkeletonArea from "../skeleton-area";
 import CodeRenderer from "./code-renderer";
 import "./index.scss";
@@ -23,6 +22,50 @@ type Props = {
     branch: string;
 };
 
+/**
+ * @hook Обработка внутренних ссылок
+ * @remark
+ * - В README могут быть указаны ссылки на локальные ресурсы репозитория (images, files, anchors, ...)
+ * - Поэтому, для корректной навигации и отображения, было решено предобрабатывать подобные ссылки
+ */
+const useLocalUri = ({ repoUrl, branch }: Props) => {
+    /**
+     * Нормализация внутренних ссылок
+     * @example
+     * transformLocalUri("https://some-url/...")
+     * // => "https://some-url/..."
+     * transformLocalUri("#some-header")
+     * // => "https://github.com/${repo}#some-header"
+     * transformLocalUri("./SOMEFILE.md")
+     * // => "https://github.com/${repo}/blobk/${branch}/SOMEFILE.md"
+     * transformLocalUri("docs/ANOTHER.md")
+     * // => "https://github.com/${repo}/blobk/${branch}/docs/ANOTHER.md"
+     */
+    const transformLinkUri = (uri: string) => {
+        if (uri.startsWith("http")) return uri;
+        if (uri.startsWith("#")) return `https://github.com/${repoUrl}${uri}`;
+        // Если sibling-link - нормализуем
+        const blobUrl = uri.replace("./", "");
+        return `https://github.com/${repoUrl}/blob/${branch}/${blobUrl}`;
+    };
+
+    /**
+     * Получение исходника локального изображения
+     * FIXME: Работает только с markodwn-изображениями, потом переделать бы на общий случай
+     * @example
+     * transformImageUri("docs/search.png")
+     * // => https://raw.githubusercontent.com/${repo}/${branch}/docs/search.png
+     */
+    const transformImageUri = (uri: string) => {
+        if (uri.startsWith("http")) return uri;
+        // Если sibling-link - нормализуем
+        const blobUrl = uri.replace("./", "");
+        return `https://raw.githubusercontent.com/${repoUrl}/${branch}/${blobUrl}`;
+    };
+
+    return { transformLinkUri, transformImageUri };
+};
+
 /**
  * README репозитория
  * TODO: Плохо обрабатываются сочетания markdown и html - возможно позже надо завезти отдельный htmlParser

src/features/search/hooks.ts src/features/search/results/hooks.tssrc/features/search/hooks.ts renamed to src/features/search/results/hooks.ts

@@ -1,13 +1,11 @@
 import { dom } from "shared/helpers";
 import { SearchType } from "models";
-import * as Params from "./params";
-
-const PAGE_SIZE = 10;
+import * as Params from "../params";
 
 /**
  * @hook Работа с поиском, фильтрацией, сортировкой и пагинацией
  */
-export const useSearch = () => {
+export const useSearch = (PAGE_SIZE: number) => {
     const { sortOrder, sortField } = Params.useSearchSortParams();
     const { searchQuery } = Params.useSearchQueryParam();
     const { searchTypeEnum } = Params.useSearchTypeParam();

src/features/search/results/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import cn from "classnames";
 import { Skeleton, Empty, Pagination } from "antd";
 import { Repo, User, Org, Card } from "shared/components";
-import { useSearch } from "../hooks";
+import { useSearch } from "./hooks";
 import { useSearchQuery } from "./queries.gen";
 import SortSelect from "./sort-select";
 import "./index.scss";
@@ -16,7 +16,9 @@ const PAGE_SIZE = 10;
  * @remark Отображение результатов поиска на основании запроса и конфига
  */
 const SearchResults = () => {
-    const { handlePageChange, page, isUserSearch, isRepoSearch, ...searchConfig } = useSearch();
+    const { handlePageChange, page, isUserSearch, isRepoSearch, ...searchConfig } = useSearch(
+        PAGE_SIZE,
+    );
 
     const { data, loading } = useSearchQuery({ variables: searchConfig });