├── .yarnrc.yml
├── apps
    └── web
    │   ├── .yarnrc.yml
    │   ├── src
    │       ├── app
    │       │   ├── icon.ico
    │       │   ├── apple-icon.png
    │       │   ├── (pages)
    │       │   │   ├── (user)
    │       │   │   │   └── settings
    │       │   │   │   │   ├── page.tsx
    │       │   │   │   │   └── layout.metadata.ts
    │       │   │   ├── (auth)
    │       │   │   │   ├── layout.tsx
    │       │   │   │   ├── login
    │       │   │   │   │   └── page.tsx
    │       │   │   │   ├── signup
    │       │   │   │   │   └── page.tsx
    │       │   │   │   └── reset
    │       │   │   │   │   ├── page.tsx
    │       │   │   │   │   └── [token]
    │       │   │   │   │       └── page.tsx
    │       │   │   ├── edit
    │       │   │   │   ├── layout.tsx
    │       │   │   │   ├── [editId]
    │       │   │   │   │   ├── update
    │       │   │   │   │   │   └── page.tsx
    │       │   │   │   │   └── page.tsx
    │       │   │   │   └── content
    │       │   │   │   │   └── page.tsx
    │       │   │   └── (content)
    │       │   │   │   ├── anime
    │       │   │   │       ├── sitemap.ts
    │       │   │   │       └── (anime-list)
    │       │   │   │       │   └── page.tsx
    │       │   │   │   ├── manga
    │       │   │   │       ├── sitemap.ts
    │       │   │   │       └── (manga-list)
    │       │   │   │       │   └── page.tsx
    │       │   │   │   └── novel
    │       │   │   │       ├── sitemap.ts
    │       │   │   │       └── (novel-list)
    │       │   │   │           └── page.tsx
    │       │   └── (api)
    │       │   │   └── auth
    │       │   │       └── reset
    │       │   │           └── [token]
    │       │   │               └── route.ts
    │       ├── features
    │       │   ├── schedule
    │       │   │   └── index.ts
    │       │   ├── collections
    │       │   │   ├── index.ts
    │       │   │   ├── collection-list
    │       │   │   │   └── index.ts
    │       │   │   ├── collection-view
    │       │   │   │   └── index.ts
    │       │   │   └── collection-edit
    │       │   │   │   └── index.ts
    │       │   ├── manga
    │       │   │   ├── index.ts
    │       │   │   └── components
    │       │   │   │   └── manga-list-skeleton.tsx
    │       │   ├── novel
    │       │   │   ├── index.ts
    │       │   │   └── components
    │       │   │   │   └── novel-list-skeleton.tsx
    │       │   ├── modals
    │       │   │   ├── edit-modals
    │       │   │   │   └── index.ts
    │       │   │   ├── utility-modals
    │       │   │   │   ├── index.ts
    │       │   │   │   └── search-modal
    │       │   │   │   │   └── hooks
    │       │   │   │   │       ├── useUserSearchList.ts
    │       │   │   │   │       ├── useAnimeSearchList.ts
    │       │   │   │   │       ├── useMangaSearchList.ts
    │       │   │   │   │       ├── useNovelSearchList.ts
    │       │   │   │   │       ├── usePersonSearchList.ts
    │       │   │   │   │       └── useCharacterSearchList.ts
    │       │   │   ├── oauth-modals
    │       │   │   │   └── index.ts
    │       │   │   ├── index.ts
    │       │   │   ├── filter-preset-modal
    │       │   │   │   └── index.ts
    │       │   │   ├── user-modals
    │       │   │   │   └── index.ts
    │       │   │   └── filter-modals
    │       │   │   │   └── index.ts
    │       │   ├── anime
    │       │   │   ├── index.ts
    │       │   │   └── components
    │       │   │   │   └── anime-list-skeleton.tsx
    │       │   ├── oauth
    │       │   │   ├── index.ts
    │       │   │   ├── components
    │       │   │   │   └── scope.tsx
    │       │   │   └── oauth-header.tsx
    │       │   ├── users
    │       │   │   ├── user-profile
    │       │   │   │   ├── index.ts
    │       │   │   │   └── user-statistics.tsx
    │       │   │   ├── userlist
    │       │   │   │   ├── index.ts
    │       │   │   │   └── components
    │       │   │   │   │   └── table-view
    │       │   │   │   │       ├── volumes-cell.tsx
    │       │   │   │   │       ├── chapters-cell.tsx
    │       │   │   │   │       ├── episodes-cell.tsx
    │       │   │   │   │       └── media-cell.tsx
    │       │   │   └── index.ts
    │       │   ├── comments
    │       │   │   └── index.ts
    │       │   ├── people
    │       │   │   ├── index.ts
    │       │   │   └── cover.tsx
    │       │   ├── common
    │       │   │   ├── scroll-top.tsx
    │       │   │   ├── index.ts
    │       │   │   └── login-button.tsx
    │       │   ├── characters
    │       │   │   ├── index.ts
    │       │   │   └── cover.tsx
    │       │   ├── home
    │       │   │   └── index.ts
    │       │   ├── filters
    │       │   │   ├── index.ts
    │       │   │   └── hooks
    │       │   │   │   └── use-change-param.ts
    │       │   ├── auth
    │       │   │   ├── password-confirm-header.tsx
    │       │   │   ├── index.ts
    │       │   │   ├── login-header.tsx
    │       │   │   ├── signup-header.tsx
    │       │   │   └── forgot-password-header.tsx
    │       │   ├── articles
    │       │   │   ├── article-edit
    │       │   │   │   └── article-title.tsx
    │       │   │   └── article-view
    │       │   │   │   ├── article-author.tsx
    │       │   │   │   ├── article-document.tsx
    │       │   │   │   └── article-tags.tsx
    │       │   ├── content
    │       │   │   ├── index.ts
    │       │   │   └── hooks
    │       │   │   │   └── use-staff.ts
    │       │   └── edit
    │       │   │   ├── components
    │       │   │       └── edit-list
    │       │   │       │   ├── edit-skeleton.tsx
    │       │   │       │   └── edit-head.tsx
    │       │   │   └── edit-actions
    │       │   │       ├── close-action.tsx
    │       │   │       └── accept-action.tsx
    │       ├── components
    │       │   ├── plate
    │       │   │   ├── editor
    │       │   │   │   ├── plugins
    │       │   │   │   │   ├── basic-marks-base-kit.tsx
    │       │   │   │   │   ├── basic-marks-kit.tsx
    │       │   │   │   │   ├── basic-nodes-kit.tsx
    │       │   │   │   │   ├── link-base-kit.tsx
    │       │   │   │   │   ├── exit-break-kit.tsx
    │       │   │   │   │   ├── emoji-kit.tsx
    │       │   │   │   │   ├── link-kit.tsx
    │       │   │   │   │   ├── image-base-kit.tsx
    │       │   │   │   │   ├── video-base-kit.tsx
    │       │   │   │   │   ├── spoiler-base-kit.tsx
    │       │   │   │   │   ├── basic-blocks-kit.tsx
    │       │   │   │   │   └── image-group-base-kit.tsx
    │       │   │   │   └── static-kit.tsx
    │       │   │   └── ui
    │       │   │   │   ├── paragraph-node-static.tsx
    │       │   │   │   ├── blockquote-node-static.tsx
    │       │   │   │   ├── paragraph-node.tsx
    │       │   │   │   ├── blockquote-node.tsx
    │       │   │   │   ├── spoiler-node.tsx
    │       │   │   │   ├── mark-toolbar-button.tsx
    │       │   │   │   ├── link-node-static.tsx
    │       │   │   │   └── link-toolbar-button.tsx
    │       │   ├── ui
    │       │   │   ├── aspect-ratio.tsx
    │       │   │   ├── skeleton.tsx
    │       │   │   ├── collapsible.tsx
    │       │   │   ├── block.tsx
    │       │   │   ├── card.tsx
    │       │   │   └── label.tsx
    │       │   ├── markdown
    │       │   │   └── viewer
    │       │   │   │   ├── components
    │       │   │   │       └── no-spoiler.tsx
    │       │   │   │   └── plugins
    │       │   │   │       └── remark-disable-tokenizer.tsx
    │       │   ├── typography
    │       │   │   ├── li.tsx
    │       │   │   ├── large.tsx
    │       │   │   ├── p.tsx
    │       │   │   ├── ul.tsx
    │       │   │   ├── ol.tsx
    │       │   │   ├── lead.tsx
    │       │   │   ├── muted.tsx
    │       │   │   ├── small.tsx
    │       │   │   ├── h3.tsx
    │       │   │   ├── h4.tsx
    │       │   │   ├── h5.tsx
    │       │   │   ├── h1.tsx
    │       │   │   ├── h2.tsx
    │       │   │   ├── blockquote.tsx
    │       │   │   └── inline-code.tsx
    │       │   ├── icons
    │       │   │   ├── iconamoon
    │       │   │   │   ├── IconamoonSignDivisionSlashThin.tsx
    │       │   │   │   └── IconamoonCommentFill.tsx
    │       │   │   ├── bx
    │       │   │   │   ├── BxBxsUpvote.tsx
    │       │   │   │   ├── BxBxsDownvote.tsx
    │       │   │   │   ├── BxUpvote.tsx
    │       │   │   │   ├── BxDownvote.tsx
    │       │   │   │   ├── BxBxlTelegram.tsx
    │       │   │   │   ├── BxBxlGoogle.tsx
    │       │   │   │   ├── BxShareAlt.tsx
    │       │   │   │   └── BxBxsDonateHeart.tsx
    │       │   │   ├── fe
    │       │   │   │   ├── FeMention.tsx
    │       │   │   │   └── FeRandom.tsx
    │       │   │   ├── material-symbols
    │       │   │   │   ├── MaterialSymbolsRemoveRounded.tsx
    │       │   │   │   ├── MaterialSymbolsBookmarkOutline.tsx
    │       │   │   │   ├── MaterialSymbolsArticle.tsx
    │       │   │   │   ├── MaterialSymbolsCheckRounded.tsx
    │       │   │   │   ├── MaterialSymbolsSecurity.tsx
    │       │   │   │   ├── MaterialSymbolsContentCopy.tsx
    │       │   │   │   ├── MaterialSymbolsCheckSmallRounded.tsx
    │       │   │   │   ├── MaterialSymbolsKeyboardArrowUpRounded.tsx
    │       │   │   │   ├── MaterialSymbolsAddRounded.tsx
    │       │   │   │   ├── MaterialSymbolsDeleteForever.tsx
    │       │   │   │   ├── MaterialSymbolsDraftRounded.tsx
    │       │   │   │   ├── MaterialSymbolsShortTextRounded.tsx
    │       │   │   │   ├── MaterialSymbolsInfoIRounded.tsx
    │       │   │   │   ├── MaterialSymbolsPerson.tsx
    │       │   │   │   ├── MaterialSymbolsStack.tsx
    │       │   │   │   ├── MaterialSymbolsPlayArrowRounded.tsx
    │       │   │   │   ├── MaterialSymbolsArrowDropDownRounded.tsx
    │       │   │   │   ├── MaterialSymbolsKeyboardArrowDownRounded.tsx
    │       │   │   │   ├── MaterialSymbolsShieldRounded.tsx
    │       │   │   │   ├── MaterialSymbolsEventList.tsx
    │       │   │   │   ├── MaterialSymbolsMoreHoriz.tsx
    │       │   │   │   ├── MaterialSymbolsMoreVert.tsx
    │       │   │   │   ├── MaterialSymbolsCloseRounded.tsx
    │       │   │   │   ├── MaterialSymbolsEditRounded.tsx
    │       │   │   │   ├── MaterialSymbolsComputerOutlineRounded.tsx
    │       │   │   │   ├── MaterialSymbolsHomeRounded.tsx
    │       │   │   │   ├── MaterialSymbolsSortRounded.tsx
    │       │   │   │   ├── MaterialSymbolsReplyRounded.tsx
    │       │   │   │   ├── MaterialSymbolsAccountBox.tsx
    │       │   │   │   ├── MaterialSymbolsArrowRightAltRounded.tsx
    │       │   │   │   ├── MaterialSymbolsFavoriteRounded.tsx
    │       │   │   │   ├── MaterialSymbolsNotificationsRounded.tsx
    │       │   │   │   ├── MaterialSymbolsSearchRounded.tsx
    │       │   │   │   ├── MaterialSymbolsLiveTvRounded.tsx
    │       │   │   │   ├── MaterialSymbolsClockLoader10.tsx
    │       │   │   │   ├── MaterialSymbolsImageOutlineRounded.tsx
    │       │   │   │   ├── MaterialSymbolsShieldPerson.tsx
    │       │   │   │   ├── MaterialSymbolsAnimatedImages.tsx
    │       │   │   │   ├── MaterialSymbolsAddCommentRounded.tsx
    │       │   │   │   ├── MaterialSymbolsCloseSmallRounded.tsx
    │       │   │   │   ├── MaterialSymbolsBarChartRounded.tsx
    │       │   │   │   ├── MaterialSymbolsKidStar.tsx
    │       │   │   │   ├── MaterialSymbolsCheckCircleRounded.tsx
    │       │   │   │   ├── MaterialSymbolsInfoRounded.tsx
    │       │   │   │   ├── MaterialSymbolsWarningRounded.tsx
    │       │   │   │   ├── MaterialSymbolsDriveFileRenameOutlineRounded.tsx
    │       │   │   │   ├── MaterialSymbolsOpenInNewRounded.tsx
    │       │   │   │   ├── MaterialSymbolsBookmarkFlagOutlineRounded.tsx
    │       │   │   │   ├── MaterialSymbolsLoginRounded.tsx
    │       │   │   │   ├── MaterialSymbolsLogoutRounded.tsx
    │       │   │   │   ├── MaterialSymbolsRefreshRounded.tsx
    │       │   │   │   ├── MaterialSymbolsDynamicFeedRounded.tsx
    │       │   │   │   ├── MaterialSymbolsLockOpenRounded.tsx
    │       │   │   │   ├── MaterialSymbolsZoomOutRounded.tsx
    │       │   │   │   ├── MaterialSymbolsPublishRounded.tsx
    │       │   │   │   ├── MaterialSymbolsUploadRounded.tsx
    │       │   │   │   ├── MaterialSymbolsWarningOutlineRounded.tsx
    │       │   │   │   ├── MaterialSymbolsEventListRounded.tsx
    │       │   │   │   ├── MaterialSymbolsHourglassEmptyRounded.tsx
    │       │   │   │   ├── MaterialSymbolsFlagCircleRounded.tsx
    │       │   │   │   ├── MaterialSymbolsImageNotSupportedOutlineRounded.tsx
    │       │   │   │   ├── MaterialSymbolsLockOpenRightOutlineRounded.tsx
    │       │   │   │   ├── MaterialSymbolsLibraryMusicRounded.tsx
    │       │   │   │   ├── MaterialSymbolsFeatureSearch.tsx
    │       │   │   │   ├── MaterialSymbolsLinkRounded.tsx
    │       │   │   │   ├── MaterialSymbolsVisibilityOutline.tsx
    │       │   │   │   ├── MaterialSymbolsGridViewRounded.tsx
    │       │   │   │   ├── MaterialSymbolsPersonAddRounded.tsx
    │       │   │   │   ├── MaterialSymbolsStarRateOutlineRounded.tsx
    │       │   │   │   ├── MaterialSymbolsDeleteForeverRounded.tsx
    │       │   │   │   ├── MaterialSymbolsHeartMinusRounded.tsx
    │       │   │   │   ├── MaterialSymbolsErrorCircleRounded.tsx
    │       │   │   │   ├── MaterialSymbolsNotificationImportantRounded.tsx
    │       │   │   │   ├── MaterialSymbolsNightlightOutlineRounded.tsx
    │       │   │   │   ├── MaterialSymbolsDragIndicator.tsx
    │       │   │   │   ├── MaterialSymbolsNewsmodeRounded.tsx
    │       │   │   │   ├── MaterialSymbolsZoomInRounded.tsx
    │       │   │   │   ├── MaterialSymbolsCustomTypographyRounded.tsx
    │       │   │   │   ├── MaterialSymbolsPerson2OutlineRounded.tsx
    │       │   │   │   └── MaterialSymbolsCalendarClockRounded.tsx
    │       │   │   ├── ant-design
    │       │   │   │   ├── AntDesignFilterFilled.tsx
    │       │   │   │   ├── AntDesignArrowLeftOutlined.tsx
    │       │   │   │   ├── AntDesignArrowRightOutlined.tsx
    │       │   │   │   ├── AntDesignArrowDownOutlined.tsx
    │       │   │   │   └── AntDesignClearOutlined.tsx
    │       │   │   ├── ep
    │       │   │   │   └── EpSuccessFilled.tsx
    │       │   │   ├── watch-status
    │       │   │   │   ├── dropped.tsx
    │       │   │   │   ├── completed.tsx
    │       │   │   │   └── planned.tsx
    │       │   │   ├── mdi
    │       │   │   │   └── MdiPuzzle.tsx
    │       │   │   └── ph
    │       │   │   │   └── PhTipJarFill.tsx
    │       │   ├── content-card
    │       │   │   └── content-card-skeleton.tsx
    │       │   ├── tailwind-indicator.tsx
    │       │   ├── snowfall-manager.tsx
    │       │   ├── character-card.tsx
    │       │   ├── navigation
    │       │   │   └── sub-nav.tsx
    │       │   └── comments
    │       │   │   └── comments.tsx
    │       ├── types
    │       │   └── index.d.ts
    │       ├── utils
    │       │   ├── get-api-error-message.ts
    │       │   ├── constants
    │       │   │   └── banners.ts
    │       │   ├── truncate-text.ts
    │       │   ├── zod.ts
    │       │   ├── adapters
    │       │   │   ├── convert-activity-stats.ts
    │       │   │   └── convert-activity
    │       │   │   │   └── convert-favorite-activity.tsx
    │       │   ├── get-hikka-client-config.ts
    │       │   └── cookies.ts
    │       └── services
    │       │   ├── providers
    │       │       └── theme-provider.tsx
    │       │   └── hooks
    │       │       ├── use-media-query.ts
    │       │       ├── use-size.ts
    │       │       ├── use-on-screen.ts
    │       │       └── use-debounce.ts
    │   ├── public
    │       ├── hikka.art.jpg
    │       ├── logo-icon.png
    │       ├── hikka.notfound.png
    │       ├── hikka.art.summer.jpg
    │       └── robots.txt
    │   ├── .env.production
    │   ├── .env.development
    │   ├── next-env.d.ts
    │   ├── .gitignore
    │   └── components.json
├── packages
    ├── client
    │   ├── .yarnrc.yml
    │   ├── index.ts
    │   ├── .eslintrc.json
    │   ├── types
    │   │   ├── upload.ts
    │   │   ├── stats.ts
    │   │   ├── vote.ts
    │   │   ├── related.ts
    │   │   ├── follow.ts
    │   │   ├── companies.ts
    │   │   └── schedule.ts
    │   ├── modules
    │   │   ├── genres.ts
    │   │   ├── related.ts
    │   │   ├── stats.ts
    │   │   ├── index.ts
    │   │   └── base.ts
    │   ├── errors.ts
    │   ├── tsconfig.json
    │   ├── tsup.config.ts
    │   ├── tsconfig.build.json
    │   └── .gitignore
    └── react
    │   ├── utils
    │       └── index.ts
    │   ├── types
    │       ├── history.ts
    │       ├── stats.ts
    │       ├── schedule.ts
    │       ├── companies.ts
    │       ├── related.ts
    │       ├── articles.ts
    │       ├── collections.ts
    │       ├── auth.ts
    │       ├── manga.ts
    │       ├── novel.ts
    │       ├── vote.ts
    │       ├── favourite.ts
    │       ├── edit.ts
    │       ├── follow.ts
    │       ├── characters.ts
    │       ├── user.ts
    │       ├── client.ts
    │       ├── comments.ts
    │       ├── people.ts
    │       ├── read.ts
    │       ├── anime.ts
    │       ├── watch.ts
    │       └── index.ts
    │   ├── client
    │       ├── provider
    │       │   ├── index.ts
    │       │   ├── context.ts
    │       │   └── useHikkaClient.ts
    │       └── hooks
    │       │   ├── api
    │       │       ├── genres.ts
    │       │       ├── related.ts
    │       │       └── upload.ts
    │       │   └── utils
    │       │       └── useTitleUtils.ts
    │   ├── tsconfig.build.json
    │   ├── .eslintrc.json
    │   ├── jest.config.cjs
    │   ├── core
    │       ├── index.ts
    │       └── createHikkaClient.ts
    │   ├── setupTests.ts
    │   ├── server
    │       └── prefetch
    │       │   └── api
    │       │       ├── genres.ts
    │       │       ├── vote.ts
    │       │       ├── related.ts
    │       │       └── settings.ts
    │   └── .gitignore
├── postcss.config.js
├── .dockerignore
├── .vscode
    └── settings.json
├── tsconfig.base.json
└── .prettierrc.json


/.yarnrc.yml:
--------------------------------------------------------------------------------
1 | nodeLinker: node-modules 


--------------------------------------------------------------------------------
/apps/web/.yarnrc.yml:
--------------------------------------------------------------------------------
1 | nodeLinker: node-modules
2 | 


--------------------------------------------------------------------------------
/packages/client/.yarnrc.yml:
--------------------------------------------------------------------------------
1 | nodeLinker: node-modules 


--------------------------------------------------------------------------------
/packages/react/utils/index.ts:
--------------------------------------------------------------------------------
1 | export * from './titleUtils';
2 | 


--------------------------------------------------------------------------------
/apps/web/src/app/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hikka-io/hikka-next/HEAD/apps/web/src/app/icon.ico


--------------------------------------------------------------------------------
/packages/react/types/history.ts:
--------------------------------------------------------------------------------
1 | export interface UseUserHistoryParams {
2 |     username: string;
3 | }
4 | 


--------------------------------------------------------------------------------
/apps/web/public/hikka.art.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hikka-io/hikka-next/HEAD/apps/web/public/hikka.art.jpg


--------------------------------------------------------------------------------
/apps/web/public/logo-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hikka-io/hikka-next/HEAD/apps/web/public/logo-icon.png


--------------------------------------------------------------------------------
/apps/web/src/app/apple-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hikka-io/hikka-next/HEAD/apps/web/src/app/apple-icon.png


--------------------------------------------------------------------------------
/apps/web/public/hikka.notfound.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hikka-io/hikka-next/HEAD/apps/web/public/hikka.notfound.png


--------------------------------------------------------------------------------
/apps/web/public/hikka.art.summer.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hikka-io/hikka-next/HEAD/apps/web/public/hikka.art.summer.jpg


--------------------------------------------------------------------------------
/apps/web/src/features/schedule/index.ts:
--------------------------------------------------------------------------------
1 | // Schedule Components
2 | export { default as ScheduleList } from './schedule-list';
3 | 


--------------------------------------------------------------------------------
/packages/react/client/provider/index.ts:
--------------------------------------------------------------------------------
1 | 'use client';
2 | export * from './HikkaProvider';
3 | export * from './useHikkaClient';
4 | 


--------------------------------------------------------------------------------
/packages/react/types/stats.ts:
--------------------------------------------------------------------------------
1 | // No parameters needed for the stats module hooks
2 | 
3 | export interface UseTopEditorsListParams {}
4 | 


--------------------------------------------------------------------------------
/apps/web/src/features/collections/index.ts:
--------------------------------------------------------------------------------
1 | export * from './collection-edit';
2 | export * from './collection-list';
3 | export * from './collection-view';
4 | 


--------------------------------------------------------------------------------
/packages/react/types/schedule.ts:
--------------------------------------------------------------------------------
1 | import { AnimeScheduleArgs } from '@hikka/client';
2 | 
3 | export interface UseAnimeScheduleParams {
4 |     args?: AnimeScheduleArgs;
5 | }
6 | 


--------------------------------------------------------------------------------
/apps/web/public/robots.txt:
--------------------------------------------------------------------------------
 1 | # *
 2 | User-agent: *
 3 | Allow: /
 4 | 
 5 | # Host
 6 | Host: https://hikka.io
 7 | 
 8 | # Sitemaps
 9 | Sitemap: https://hikka.io/sitemap.xml
10 | 


--------------------------------------------------------------------------------
/packages/react/tsconfig.build.json:
--------------------------------------------------------------------------------
1 | {
2 |     "extends": "./tsconfig.json",
3 |     "compilerOptions": {
4 |         "incremental": false,
5 |         "composite": false
6 |     }
7 | }
8 | 


--------------------------------------------------------------------------------
/packages/react/types/companies.ts:
--------------------------------------------------------------------------------
1 | import { CompaniesSearchArgs } from '@hikka/client';
2 | 
3 | export interface UseCompaniesSearchParams {
4 |     args?: CompaniesSearchArgs;
5 | }
6 | 


--------------------------------------------------------------------------------
/apps/web/src/features/collections/collection-list/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CollectionList } from './collection-list';
2 | export { default as CollectionSort } from './collection-sort';
3 | 


--------------------------------------------------------------------------------
/apps/web/src/features/manga/index.ts:
--------------------------------------------------------------------------------
1 | // Main Manga Components
2 | export { default as MangaList } from './manga-list';
3 | export { default as MangaListNavbar } from './manga-list-navbar';
4 | 


--------------------------------------------------------------------------------
/apps/web/src/features/novel/index.ts:
--------------------------------------------------------------------------------
1 | // Main Novel Components
2 | export { default as NovelList } from './novel-list';
3 | export { default as NovelListNavbar } from './novel-list-navbar';
4 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/edit-modals/index.ts:
--------------------------------------------------------------------------------
1 | // Edit Modals
2 | export { default as ReadEditModal } from './read-edit-modal';
3 | export { default as WatchEditModal } from './watch-edit-modal';
4 | 


--------------------------------------------------------------------------------
/packages/react/types/related.ts:
--------------------------------------------------------------------------------
1 | import { RelatedContentType } from '@hikka/client';
2 | 
3 | export interface UseFranchiseParams {
4 |     contentType: RelatedContentType;
5 |     slug: string;
6 | }
7 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |     plugins: {
3 |         'postcss-import': {},
4 |         'tailwindcss/nesting': {},
5 |         tailwindcss: {},
6 |         autoprefixer: {},
7 |     }
8 | } 


--------------------------------------------------------------------------------
/.dockerignore:
--------------------------------------------------------------------------------
 1 | Dockerfile.prod
 2 | .dockerignore
 3 | node_modules
 4 | npm-debug.log
 5 | README.md
 6 | .next
 7 | !.next/static
 8 | !.next/standalone
 9 | .git
10 | .github
11 | .vscode
12 | .yarn
13 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/utility-modals/index.ts:
--------------------------------------------------------------------------------
1 | // Utility Modals
2 | export { default as CropEditorModal } from './crop-editor-modal';
3 | export { default as SearchModal } from './search-modal/search-modal';
4 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/basic-marks-base-kit.tsx:
--------------------------------------------------------------------------------
1 | import { BaseBoldPlugin, BaseItalicPlugin } from '@platejs/basic-nodes';
2 | 
3 | export const BaseBasicMarksKit = [BaseBoldPlugin, BaseItalicPlugin];
4 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/basic-marks-kit.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | 
3 | import { BoldPlugin, ItalicPlugin } from '@platejs/basic-nodes/react';
4 | 
5 | export const BasicMarksKit = [BoldPlugin, ItalicPlugin];
6 | 


--------------------------------------------------------------------------------
/apps/web/src/features/anime/index.ts:
--------------------------------------------------------------------------------
1 | export { default as AnimeList } from './anime-list';
2 | export { default as AnimeListNavbar } from './anime-list-navbar';
3 | export { default as MovieBanner } from './movie-banner';
4 | 


--------------------------------------------------------------------------------
/packages/client/index.ts:
--------------------------------------------------------------------------------
1 | // Main entry point that re-exports everything
2 | export * from './client';
3 | export * from './constants';
4 | export * from './errors';
5 | export * from './modules';
6 | export * from './types';
7 | 


--------------------------------------------------------------------------------
/apps/web/src/components/ui/aspect-ratio.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | 
3 | import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
4 | 
5 | const AspectRatio = AspectRatioPrimitive.Root;
6 | 
7 | export { AspectRatio };
8 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/oauth-modals/index.ts:
--------------------------------------------------------------------------------
1 | // OAuth Modals
2 | export { default as ClientCreateModal } from './client-modal/client-create-modal';
3 | export { default as ClientEditModal } from './client-modal/client-edit-modal';
4 | 


--------------------------------------------------------------------------------
/packages/react/types/articles.ts:
--------------------------------------------------------------------------------
1 | import { ArticlesListArgs } from '@hikka/client';
2 | 
3 | export interface UseArticleParams {
4 |     slug: string;
5 | }
6 | export interface UseArticlesListParams {
7 |     args?: ArticlesListArgs;
8 | }
9 | 


--------------------------------------------------------------------------------
/apps/web/.env.production:
--------------------------------------------------------------------------------
1 | NEXT_PUBLIC_API_URL=https://api.hikka.io
2 | API_URL=http://backend:8000
3 | SITE_URL=https://hikka.io
4 | NEXT_PUBLIC_SITE_URL=https://hikka.io
5 | COOKIE_HTTP_ONLY=true
6 | COOKIE_DOMAIN=.hikka.io
7 | NEXT_PUBLIC_DEV=false
8 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(user)/settings/page.tsx:
--------------------------------------------------------------------------------
1 | import { permanentRedirect } from 'next/navigation';
2 | 
3 | const SettingsPage = async () => {
4 |     return permanentRedirect('settings/profile');
5 | };
6 | 
7 | export default SettingsPage;
8 | 


--------------------------------------------------------------------------------
/apps/web/.env.development:
--------------------------------------------------------------------------------
1 | NEXT_PUBLIC_API_URL=https://api.hikka.io
2 | API_URL=https://api.hikka.io
3 | SITE_URL=http://localhost:3000
4 | NEXT_PUBLIC_SITE_URL=http://localhost:3000
5 | COOKIE_HTTP_ONLY=false
6 | COOKIE_DOMAIN=localhost
7 | NEXT_PUBLIC_DEV=true


--------------------------------------------------------------------------------
/packages/client/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "root": true,
 3 |     "extends": ["../../.eslintrc.json"],
 4 |     "parserOptions": {
 5 |         "project": "./tsconfig.json"
 6 |     },
 7 |     "ignorePatterns": ["dist/", "node_modules/"],
 8 |     "rules": {}
 9 | }
10 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/basic-nodes-kit.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | 
3 | import { BasicBlocksKit } from './basic-blocks-kit';
4 | import { BasicMarksKit } from './basic-marks-kit';
5 | 
6 | export const BasicNodesKit = [...BasicBlocksKit, ...BasicMarksKit];
7 | 


--------------------------------------------------------------------------------
/packages/react/types/collections.ts:
--------------------------------------------------------------------------------
 1 | import { CollectionsListArgs } from '@hikka/client';
 2 | 
 3 | export interface UseCollectionParams {
 4 |     reference: string;
 5 | }
 6 | 
 7 | export interface UseCollectionsListParams {
 8 |     args: CollectionsListArgs;
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/react/types/auth.ts:
--------------------------------------------------------------------------------
 1 | import { PaginationArgs } from '@hikka/client';
 2 | 
 3 | export interface UseOAuthProviderUrlParams {
 4 |     provider: string;
 5 | }
 6 | 
 7 | export interface UseThirdPartyTokenListParams {
 8 |     paginationArgs?: PaginationArgs;
 9 | }
10 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/link-base-kit.tsx:
--------------------------------------------------------------------------------
1 | import { BaseLinkPlugin } from '@platejs/link';
2 | 
3 | import { LinkElementStatic } from '@/components/plate/ui/link-node-static';
4 | 
5 | export const BaseLinkKit = [BaseLinkPlugin.withComponent(LinkElementStatic)];
6 | 


--------------------------------------------------------------------------------
/apps/web/src/features/oauth/index.ts:
--------------------------------------------------------------------------------
1 | // OAuth Components
2 | export { default as OAuthClient } from './client';
3 | export { default as OAuthConfirm } from './confirm';
4 | export { default as OAuthHeader } from './oauth-header';
5 | export { default as OAuthProfile } from './profile';
6 | 


--------------------------------------------------------------------------------
/packages/react/client/provider/context.ts:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { createContext } from 'react';
 4 | 
 5 | import { HikkaProviderValue } from './HikkaProvider';
 6 | 
 7 | export const HikkaContext = createContext<HikkaProviderValue | undefined>(
 8 |     undefined,
 9 | );
10 | 


--------------------------------------------------------------------------------
/apps/web/next-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="next" />
2 | /// <reference types="next/image-types/global" />
3 | import "./.next/dev/types/routes.d.ts";
4 | 
5 | // NOTE: This file should not be edited
6 | // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
7 | 


--------------------------------------------------------------------------------
/apps/web/src/types/index.d.ts:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | declare global {
 4 |     namespace JSX {
 5 |         interface IntrinsicElements {
 6 |             spoiler: { children: ReactNode };
 7 |             div: { children: ReactNode };
 8 |         }
 9 |     }
10 | }
11 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/index.ts:
--------------------------------------------------------------------------------
1 | // Re-export modal groups (for organized access)
2 | export * from './edit-modals';
3 | export * from './filter-modals';
4 | export * from './filter-preset-modal';
5 | export * from './oauth-modals';
6 | export * from './user-modals';
7 | export * from './utility-modals';
8 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "editor.snippetSuggestions": "top",
 3 |     "editor.formatOnSave": true,
 4 |     "editor.codeActionsOnSave": {
 5 |         "source.organizeImports": "explicit"
 6 |     },
 7 |     "eslint.workingDirectories": [
 8 |         {
 9 |             "mode": "auto"
10 |         }
11 |     ]
12 | }
13 | 


--------------------------------------------------------------------------------
/packages/react/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "root": false,
 3 |     "extends": ["../../.eslintrc.json"],
 4 |     "parserOptions": {
 5 |         "project": "./tsconfig.json"
 6 |     },
 7 |     "ignorePatterns": ["dist/", "node_modules/"],
 8 |     "rules": {
 9 |         "@tanstack/query/exhaustive-deps": "off"
10 |     }
11 | }
12 | 


--------------------------------------------------------------------------------
/apps/web/src/components/markdown/viewer/components/no-spoiler.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | interface Props {
 4 |     children: ReactNode;
 5 | }
 6 | 
 7 | const NoSpoiler = ({ children }: Props) => {
 8 |     return <span className="spoiler-blur-sm">{children}</span>;
 9 | };
10 | 
11 | export default NoSpoiler;
12 | 


--------------------------------------------------------------------------------
/apps/web/src/utils/get-api-error-message.ts:
--------------------------------------------------------------------------------
 1 | import { ERRORS } from './constants/common';
 2 | 
 3 | export default function getApiErrorMessage(error: any) {
 4 |     const splittedCode = error.code.split(':');
 5 | 
 6 |     if (splittedCode.length === 2) {
 7 |         return ERRORS[splittedCode[0]][splittedCode[1]];
 8 |     }
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/react/types/manga.ts:
--------------------------------------------------------------------------------
 1 | import { MangaSearchArgs } from '@hikka/client';
 2 | 
 3 | export interface UseMangaInfoParams {
 4 |     slug: string;
 5 | }
 6 | 
 7 | export interface UseMangaCharactersParams {
 8 |     slug: string;
 9 | }
10 | 
11 | export interface UseSearchMangasParams {
12 |     args: MangaSearchArgs;
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/react/types/novel.ts:
--------------------------------------------------------------------------------
 1 | import { NovelSearchArgs } from '@hikka/client';
 2 | 
 3 | export interface UseNovelInfoParams {
 4 |     slug: string;
 5 | }
 6 | 
 7 | export interface UseNovelCharactersParams {
 8 |     slug: string;
 9 | }
10 | 
11 | export interface UseSearchNovelsParams {
12 |     args: NovelSearchArgs;
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/react/types/vote.ts:
--------------------------------------------------------------------------------
 1 | import { VoteContentType } from '@hikka/client';
 2 | 
 3 | export interface UseVoteStatusParams {
 4 |     contentType: VoteContentType;
 5 |     slug: string;
 6 | }
 7 | 
 8 | export interface UseVoteMutationParams {
 9 |     contentType: VoteContentType;
10 |     slug: string;
11 |     score: number;
12 | }
13 | 


--------------------------------------------------------------------------------
/packages/react/jest.config.cjs:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   preset: 'ts-jest',
 3 |   testEnvironment: 'jsdom',
 4 |   setupFilesAfterEnv: ['<rootDir>/setupTests.ts'],
 5 |   testMatch: ['**/__tests__/**/*.test.ts?(x)'],
 6 |   transform: {
 7 |     '^.+\\.(ts|tsx)$': ['ts-jest', {
 8 |       tsconfig: 'tsconfig.json',
 9 |     }],
10 |   },
11 | }; 


--------------------------------------------------------------------------------
/packages/react/types/favourite.ts:
--------------------------------------------------------------------------------
 1 | import { FavouriteContentType } from '@hikka/client';
 2 | 
 3 | export interface UseFavouriteStatusParams {
 4 |     contentType: FavouriteContentType;
 5 |     slug: string;
 6 | }
 7 | 
 8 | export interface UseFavouriteListParams {
 9 |     contentType: FavouriteContentType;
10 |     username: string;
11 | }
12 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/filter-preset-modal/index.ts:
--------------------------------------------------------------------------------
1 | export { default as FilterPresetButton } from './filter-preset-button';
2 | export { default as FilterPresetEditModal } from './filter-preset-edit-modal';
3 | export { default as FilterPresetModal } from './filter-preset-modal';
4 | export { default as FilterPresets } from './filter-presets';
5 | 


--------------------------------------------------------------------------------
/packages/react/types/edit.ts:
--------------------------------------------------------------------------------
 1 | import { GetEditListArgs, TodoEditArgs } from '@hikka/client';
 2 | 
 3 | export interface UseEditParams {
 4 |     editId: number | string;
 5 | }
 6 | 
 7 | export interface UseEditListParams {
 8 |     args?: GetEditListArgs;
 9 | }
10 | 
11 | export interface UseTodoEditListParams {
12 |     args: TodoEditArgs;
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/react/types/follow.ts:
--------------------------------------------------------------------------------
 1 | export interface UseFollowStatusParams {
 2 |     username: string;
 3 | }
 4 | 
 5 | export interface UseFollowersParams {
 6 |     username: string;
 7 | }
 8 | 
 9 | export interface UseFollowingsParams {
10 |     username: string;
11 | }
12 | 
13 | export interface UseFollowStatsParams {
14 |     username: string;
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(api)/auth/reset/[token]/route.ts:
--------------------------------------------------------------------------------
 1 | import { redirect } from 'next/navigation';
 2 | 
 3 | export async function GET(
 4 |     request: Request,
 5 |     props: { params: Promise<{ token: string }> },
 6 | ) {
 7 |     const params = await props.params;
 8 | 
 9 |     const { token } = params;
10 | 
11 |     return redirect('/reset/' + token);
12 | }
13 | 


--------------------------------------------------------------------------------
/packages/client/types/upload.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Upload related types
 3 |  */
 4 | 
 5 | /**
 6 |  * Upload type enum
 7 |  */
 8 | export enum UploadTypeEnum {
 9 |     ATTACHMENT = 'attachment',
10 |     AVATAR = 'avatar',
11 |     COVER = 'cover',
12 | }
13 | 
14 | /**
15 |  * Image response
16 |  */
17 | export interface ImageResponse {
18 |     url: string;
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/li.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export default function Li({ children, className }: Props) {
11 |     return <li className={cn('ps-2', className)}>{children}</li>;
12 | }
13 | 


--------------------------------------------------------------------------------
/apps/web/src/features/users/user-profile/index.ts:
--------------------------------------------------------------------------------
1 | export { default as UserArticles } from './user-articles';
2 | export { default as UserCollections } from './user-collections';
3 | export { default as UserFavorites } from './user-favorites';
4 | export { default as UserHistoryProfile } from './user-history';
5 | export { default as UserStatistics } from './user-statistics';
6 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/exit-break-kit.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { ExitBreakPlugin } from 'platejs';
 4 | 
 5 | export const ExitBreakKit = [
 6 |     ExitBreakPlugin.configure({
 7 |         shortcuts: {
 8 |             insert: { keys: 'mod+enter' },
 9 |             insertBefore: { keys: 'mod+shift+enter' },
10 |         },
11 |     }),
12 | ];
13 | 


--------------------------------------------------------------------------------
/apps/web/src/features/comments/index.ts:
--------------------------------------------------------------------------------
 1 | // Comment Components
 2 | export { default as CommentList } from './comment-list';
 3 | export { default as LatestComments } from './latest-comments';
 4 | 
 5 | // Comment Hooks
 6 | export { useContent } from './hooks/use-content';
 7 | 
 8 | // Comment Utils
 9 | export { default as prefetchContent } from './utils/prefetch-content';
10 | 


--------------------------------------------------------------------------------
/apps/web/src/features/people/index.ts:
--------------------------------------------------------------------------------
1 | // Person Components
2 | export { default as PersonAnime } from './anime';
3 | export { default as PersonCharacters } from './characters';
4 | export { default as PersonCover } from './cover';
5 | export { default as PersonManga } from './manga';
6 | export { default as PersonNovel } from './novel';
7 | export { default as PersonTitle } from './title';
8 | 


--------------------------------------------------------------------------------
/apps/web/src/services/providers/theme-provider.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import {
 4 |     ThemeProvider as NextThemesProvider,
 5 |     ThemeProviderProps,
 6 | } from 'next-themes';
 7 | 
 8 | export default function ThemeProvider({
 9 |     children,
10 |     ...props
11 | }: ThemeProviderProps) {
12 |     return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
13 | }
14 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/user-modals/index.ts:
--------------------------------------------------------------------------------
1 | // User Modals
2 | export { default as EditTopStatsModal } from './edit-top-stats-modal';
3 | export { default as EditListModal } from './editlist-modal';
4 | export { default as Followings } from './followings';
5 | export { default as FollowingsModal } from './followings-modal';
6 | export { default as FollowListModal } from './followlist-modal';
7 | 


--------------------------------------------------------------------------------
/apps/web/src/components/ui/skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from '@/utils/utils';
 2 | 
 3 | function Skeleton({
 4 |     className,
 5 |     ...props
 6 | }: React.HTMLAttributes<HTMLDivElement>) {
 7 |     return (
 8 |         <div
 9 |             className={cn('animate-pulse rounded-md bg-muted', className)}
10 |             {...props}
11 |         />
12 |     );
13 | }
14 | 
15 | export { Skeleton };
16 | 


--------------------------------------------------------------------------------
/packages/react/types/characters.ts:
--------------------------------------------------------------------------------
 1 | import { PaginationArgs, QuerySearchArgs } from '@hikka/client';
 2 | 
 3 | export interface UseCharacterInfoParams {
 4 |     slug: string;
 5 | }
 6 | 
 7 | export interface UseCharacterContentParams {
 8 |     slug: string;
 9 |     paginationArgs?: PaginationArgs;
10 | }
11 | 
12 | export interface UseCharactersSearchParams {
13 |     args?: QuerySearchArgs;
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/web/src/features/collections/collection-view/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CollectionViewAuthor } from './collection-author';
2 | export { default as CollectionViewGroups } from './collection-groups';
3 | export { default as CollectionViewNavbar } from './collection-navbar';
4 | export { default as CollectionViewTitle } from './collection-title';
5 | export { default as TableOfContents } from './table-of-contents';
6 | 


--------------------------------------------------------------------------------
/apps/web/src/features/users/userlist/index.ts:
--------------------------------------------------------------------------------
1 | // User Readlist Components
2 | export { default as UserlistHeader } from './components/userlist-header';
3 | export { default as UserlistStatusCombobox } from './status-combobox';
4 | export { default as UserlistToolsCombobox } from './tools-combobox';
5 | export { default as Userlist } from './userlist';
6 | export { default as UserlistViewCombobox } from './view-combobox';
7 | 


--------------------------------------------------------------------------------
/apps/web/src/components/ui/collapsible.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 4 | 
 5 | const Collapsible = CollapsiblePrimitive.Root;
 6 | 
 7 | const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 8 | 
 9 | const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
10 | 
11 | export { Collapsible, CollapsibleContent, CollapsibleTrigger };
12 | 


--------------------------------------------------------------------------------
/apps/web/.gitignore:
--------------------------------------------------------------------------------
 1 | # Next.js
 2 | .next
 3 | out
 4 | build
 5 | .next-env.d.ts
 6 | *.tsbuildinfo
 7 | 
 8 | # Docker
 9 | .dockerignore
10 | Dockerfile*
11 | docker-compose*
12 | 
13 | # Dependencies
14 | node_modules
15 | .yarn
16 | .pnp
17 | .pnp.js
18 | 
19 | # Testing
20 | coverage
21 | 
22 | # Debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | .pnpm-debug.log*
27 | 
28 | # Misc
29 | .DS_Store
30 | *.pem 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/large.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export default function Large({ children, className }: Props) {
11 |     return (
12 |         <div className={cn('text-lg font-semibold', className)}>{children}</div>
13 |     );
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/p.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children?: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export const P_CLASSNAME = 'break-words';
11 | 
12 | export default function P({ children, className }: Props) {
13 |     return <p className={cn(P_CLASSNAME, className)}>{children}</p>;
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/web/src/features/collections/collection-edit/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CollectionEditGrid } from './collection-grid';
2 | export { default as CollectionEditGroups } from './collection-groups';
3 | export { default as CollectionEditRulesAlert } from './collection-rules-alert';
4 | export { default as CollectionEditSettings } from './collection-settings';
5 | export { default as CollectionEditTitle } from './collection-title';
6 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/filter-modals/index.ts:
--------------------------------------------------------------------------------
1 | // Filter Modals
2 | export { default as AnimeFiltersModal } from './anime-filters-modal';
3 | export { default as ArticleFiltersModal } from './article-filters-modal';
4 | export { default as EditFiltersModal } from './edit-filters-modal';
5 | export { default as ReadFiltersModal } from './read-filters-modal';
6 | export { default as ScheduleFiltersModal } from './schedule-filters-modal';
7 | 


--------------------------------------------------------------------------------
/apps/web/src/features/common/scroll-top.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { usePathname } from 'next/navigation';
 4 | import { useEffect } from 'react';
 5 | 
 6 | const ScrollTop = () => {
 7 |     const pathname = usePathname();
 8 | 
 9 |     useEffect(() => {
10 |         if (window && window.location.hash.length === 0) window.scroll(0, 0);
11 |     }, [pathname]);
12 | 
13 |     return null;
14 | };
15 | 
16 | export default ScrollTop;
17 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/ul.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export const UL_CLASSNAME = 'ml-6 list-disc [&>li]:mt-2';
11 | 
12 | export default function Ul({ children, className }: Props) {
13 |     return <ul className={cn(UL_CLASSNAME, className)}>{children}</ul>;
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/web/src/features/characters/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CharacterAnime } from './anime';
2 | export { default as CharacterCover } from './cover';
3 | export { default as CharacterDescription } from './description';
4 | export { default as CharacterManga } from './manga';
5 | export { default as CharacterNovel } from './novel';
6 | export { default as CharacterTitle } from './title';
7 | export { default as CharacterVoices } from './voices';
8 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/ol.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export const OL_CLASSNAME = 'ml-6 list-decimal [&>li]:mt-2';
11 | 
12 | export default function Ol({ children, className }: Props) {
13 |     return <ol className={cn(OL_CLASSNAME, className)}>{children}</ol>;
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/lead.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export default function Lead({ children, className }: Props) {
11 |     return (
12 |         <p className={cn('text-xl text-muted-foreground', className)}>
13 |             {children}
14 |         </p>
15 |     );
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/web/src/features/home/index.ts:
--------------------------------------------------------------------------------
1 | // Home Components
2 | export { default as HomeArticles } from './articles';
3 | export { default as HomeCollections } from './collections';
4 | export { default as HomeComments } from './comments';
5 | export { default as HomeHistory } from './history';
6 | export { default as HomeOngoings } from './ongoings';
7 | export { default as HomeProfile } from './profile';
8 | export { default as HomeSchedule } from './schedule';
9 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/muted.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export default function Muted({ children, className }: Props) {
11 |     return (
12 |         <p className={cn('text-sm text-muted-foreground', className)}>
13 |             {children}
14 |         </p>
15 |     );
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/small.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export default function Small({ children, className }: Props) {
11 |     return (
12 |         <small className={cn('text-xs leading-normal', className)}>
13 |             {children}
14 |         </small>
15 |     );
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/web/src/features/filters/index.ts:
--------------------------------------------------------------------------------
 1 | // Filter Components
 2 | export { default as AnimeFilters } from './anime-filters';
 3 | export { default as ArticleFilters } from './article-filters';
 4 | export { default as EditFilters } from './edit-filters';
 5 | export { default as ReadFilters } from './read-filters';
 6 | export { default as ScheduleFilters } from './schedule-filters';
 7 | 
 8 | // Filter Hooks
 9 | export { default as useChangeParam } from './hooks/use-change-param';
10 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/emoji-kit.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import emojiMartData from '@emoji-mart/data';
 4 | import { EmojiInputPlugin, EmojiPlugin } from '@platejs/emoji/react';
 5 | 
 6 | import { EmojiInputElement } from '@/components/plate/ui/emoji-node';
 7 | 
 8 | export const EmojiKit = [
 9 |     EmojiPlugin.configure({
10 |         options: { data: emojiMartData as any },
11 |     }),
12 |     EmojiInputPlugin.withComponent(EmojiInputElement),
13 | ];
14 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/iconamoon/IconamoonSignDivisionSlashThin.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function IconamoonSignDivisionSlashThin(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" d="M16 4L8 20"></path></svg>
6 |   )
7 | }
8 | export default IconamoonSignDivisionSlashThin


--------------------------------------------------------------------------------
/apps/web/src/components/typography/h3.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export const H3_CLASSNAME =
11 |     'scroll-m-20 font-display text-lg font-bold tracking-normal';
12 | 
13 | export default function H3({ children, className }: Props) {
14 |     return <h3 className={cn(H3_CLASSNAME, className)}>{children}</h3>;
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/h4.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export const H4_CLASSNAME =
11 |     'scroll-m-20 font-display text-base font-bold tracking-normal';
12 | 
13 | export default function H4({ children, className }: Props) {
14 |     return <h4 className={cn(H4_CLASSNAME, className)}>{children}</h4>;
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/h5.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export const H5_CLASSNAME =
11 |     'scroll-m-20 font-display text-base font-bold tracking-normal';
12 | 
13 | export default function H5({ children, className }: Props) {
14 |     return <h5 className={cn(H5_CLASSNAME, className)}>{children}</h5>;
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/bx/BxBxsUpvote.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function BxBxsUpvote(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path d="M4 14h4v7a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-7h4a1.001 1.001 0 0 0 .781-1.625l-8-10c-.381-.475-1.181-.475-1.562 0l-8 10A1.001 1.001 0 0 0 4 14z" fill="currentColor"></path></svg>
6 |   )
7 | }
8 | export default BxBxsUpvote


--------------------------------------------------------------------------------
/apps/web/src/components/icons/fe/FeMention.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function FeMention(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M21 12a3.5 3.5 0 0 1-5.909 2.539A4 4 0 1 1 14 8.535V8h2v4a1.5 1.5 0 0 0 3 0a7 7 0 1 0-3.392 6h3.1A9 9 0 1 1 21 12m-9 2a2 2 0 1 0 0-4a2 2 0 0 0 0 4"></path></svg>
6 |   )
7 | }
8 | export default FeMention


--------------------------------------------------------------------------------
/apps/web/src/components/icons/fe/FeRandom.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function FeRandom(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" fillRule="evenodd" d="M4 17a1 1 0 0 1 0-2h2l3-3l-3-3H4a1.001 1.001 0 0 1 0-2h3l4 4l4-4h2V5l4 3.001L17 11V9h-1l-3 3l3 3h1v-2l4 3l-4 3v-2h-2l-4-4l-4 4z"></path></svg>
6 |   )
7 | }
8 | export default FeRandom


--------------------------------------------------------------------------------
/apps/web/src/components/ui/block.tsx:
--------------------------------------------------------------------------------
 1 | import { ComponentPropsWithoutRef, memo } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props extends ComponentPropsWithoutRef<'section'> {}
 6 | 
 7 | const Block = ({ children, className, ...props }: Props) => {
 8 |     return (
 9 |         <section className={cn('flex flex-col gap-8', className)} {...props}>
10 |             {children}
11 |         </section>
12 |     );
13 | };
14 | 
15 | export default memo(Block);
16 | 


--------------------------------------------------------------------------------
/apps/web/src/features/users/userlist/components/table-view/volumes-cell.tsx:
--------------------------------------------------------------------------------
 1 | import { FC } from 'react';
 2 | 
 3 | import { TableCell } from '@/components/ui/table';
 4 | 
 5 | interface Props {
 6 |     volumes: number;
 7 |     total?: number | null;
 8 | }
 9 | 
10 | const VolumesCell: FC<Props> = ({ volumes, total }) => (
11 |     <TableCell className="w-20 text-center" align="center">
12 |         {volumes} / {total || '?'}
13 |     </TableCell>
14 | );
15 | 
16 | export default VolumesCell;
17 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/h1.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export const H1_CLASSNAME =
11 |     'scroll-m-20 font-display text-4xl font-bold tracking-normal lg:text-5xl';
12 | 
13 | export default function H1({ children, className }: Props) {
14 |     return <h1 className={cn(H1_CLASSNAME, className)}>{children}</h1>;
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/h2.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export const H2_CLASSNAME =
11 |     'scroll-m-20 font-display text-2xl font-bold tracking-normal first:mt-0';
12 | 
13 | export default function H2({ children, className }: Props) {
14 |     return <h2 className={cn(H2_CLASSNAME, className)}>{children}</h2>;
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/web/src/features/users/userlist/components/table-view/chapters-cell.tsx:
--------------------------------------------------------------------------------
 1 | import { FC } from 'react';
 2 | 
 3 | import { TableCell } from '@/components/ui/table';
 4 | 
 5 | interface Props {
 6 |     chapters: number;
 7 |     total?: number | null;
 8 | }
 9 | 
10 | const ChaptersCell: FC<Props> = ({ chapters, total }) => (
11 |     <TableCell className="w-20 text-center" align="center">
12 |         {chapters} / {total || '?'}
13 |     </TableCell>
14 | );
15 | 
16 | export default ChaptersCell;
17 | 


--------------------------------------------------------------------------------
/apps/web/src/features/users/userlist/components/table-view/episodes-cell.tsx:
--------------------------------------------------------------------------------
 1 | import { FC } from 'react';
 2 | 
 3 | import { TableCell } from '@/components/ui/table';
 4 | 
 5 | interface Props {
 6 |     episodes: number;
 7 |     total?: number | null;
 8 | }
 9 | 
10 | const EpisodesCell: FC<Props> = ({ episodes, total }) => (
11 |     <TableCell className="w-20 text-center" align="center">
12 |         {episodes} / {total || '?'}
13 |     </TableCell>
14 | );
15 | 
16 | export default EpisodesCell;
17 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsRemoveRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsRemoveRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M6 13q-.425 0-.712-.288T5 12t.288-.712T6 11h12q.425 0 .713.288T19 12t-.288.713T18 13z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsRemoveRounded


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/link-kit.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { LinkPlugin } from '@platejs/link/react';
 4 | 
 5 | import { LinkElement } from '@/components/plate/ui/link-node';
 6 | import { LinkFloatingToolbar } from '@/components/plate/ui/link-toolbar';
 7 | 
 8 | export const LinkKit = [
 9 |     LinkPlugin.configure({
10 |         render: {
11 |             node: LinkElement,
12 |             afterEditable: () => <LinkFloatingToolbar />,
13 |         },
14 |     }),
15 | ];
16 | 


--------------------------------------------------------------------------------
/apps/web/src/utils/constants/banners.ts:
--------------------------------------------------------------------------------
 1 | type MovieBanner = {
 2 |     slug: string;
 3 |     title: string;
 4 |     description: string;
 5 |     image?: string;
 6 |     duration: [number, number];
 7 | };
 8 | 
 9 | export const MOVIE_BANNERS: MovieBanner[] = [
10 |     {
11 |         slug: 'chainsaw-man-movie-reze-hen-c4febd',
12 |         title: 'Вже ходили до кінотеатру?',
13 |         description: 'Поділіться своїми враженнями!',
14 |         duration: [1761166800, 1762387200],
15 |     },
16 | ];
17 | 


--------------------------------------------------------------------------------
/apps/web/src/utils/truncate-text.ts:
--------------------------------------------------------------------------------
 1 | export default function truncateText(
 2 |     str: string,
 3 |     n: number,
 4 |     useWordBoundary: boolean,
 5 | ) {
 6 |     if (!str) return null;
 7 | 
 8 |     if (str.length <= n) {
 9 |         return str;
10 |     }
11 |     const subString = str.slice(0, n - 1); // the original check
12 |     return (
13 |         (useWordBoundary
14 |             ? subString.slice(0, subString.lastIndexOf(' '))
15 |             : subString) + '&hellip;'
16 |     );
17 | }
18 | 


--------------------------------------------------------------------------------
/packages/client/types/stats.ts:
--------------------------------------------------------------------------------
 1 | import { PaginationResponse } from './common';
 2 | import { UserResponse } from './user';
 3 | 
 4 | /**
 5 |  * Edits top response
 6 |  */
 7 | export interface EditsTopResponse {
 8 |     user: UserResponse;
 9 |     accepted: number;
10 |     closed: number;
11 |     denied: number;
12 | }
13 | 
14 | /**
15 |  * Paginated edits top response
16 |  */
17 | export interface EditsTopPaginationResponse {
18 |     pagination: PaginationResponse;
19 |     list: EditsTopResponse[];
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/image-base-kit.tsx:
--------------------------------------------------------------------------------
 1 | import { createSlatePlugin } from 'platejs';
 2 | 
 3 | import { ImageElementStatic } from '@/components/plate/ui/image-node-static';
 4 | 
 5 | export const ELEMENT_IMAGE = 'image';
 6 | 
 7 | export const BaseImagePlugin = createSlatePlugin({
 8 |     key: ELEMENT_IMAGE,
 9 |     node: {
10 |         isElement: true,
11 |         isVoid: true,
12 |     },
13 | });
14 | 
15 | export const BaseImageKit = [BaseImagePlugin.withComponent(ImageElementStatic)];
16 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/video-base-kit.tsx:
--------------------------------------------------------------------------------
 1 | import { createSlatePlugin } from 'platejs';
 2 | 
 3 | import { VideoElementStatic } from '@/components/plate/ui/video-node-static';
 4 | 
 5 | export const ELEMENT_VIDEO = 'video';
 6 | 
 7 | export const BaseVideoPlugin = createSlatePlugin({
 8 |     key: ELEMENT_VIDEO,
 9 |     node: {
10 |         isElement: true,
11 |         isVoid: true,
12 |     },
13 | });
14 | 
15 | export const BaseVideoKit = [BaseVideoPlugin.withComponent(VideoElementStatic)];
16 | 


--------------------------------------------------------------------------------
/apps/web/src/features/anime/components/anime-list-skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { range } from '@antfu/utils';
 2 | 
 3 | import SkeletonCard from '@/components/content-card/content-card-skeleton';
 4 | 
 5 | const AnimeListSkeleton = () => {
 6 |     return (
 7 |         <div className="grid grid-cols-2 gap-4 md:grid-cols-5 lg:gap-8">
 8 |             {range(1, 20).map((v) => (
 9 |                 <SkeletonCard key={v} />
10 |             ))}
11 |         </div>
12 |     );
13 | };
14 | 
15 | export default AnimeListSkeleton;
16 | 


--------------------------------------------------------------------------------
/apps/web/src/features/manga/components/manga-list-skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { range } from '@antfu/utils';
 2 | 
 3 | import SkeletonCard from '@/components/content-card/content-card-skeleton';
 4 | 
 5 | const MangaListSkeleton = () => {
 6 |     return (
 7 |         <div className="grid grid-cols-2 gap-4 md:grid-cols-5 lg:gap-8">
 8 |             {range(1, 20).map((v) => (
 9 |                 <SkeletonCard key={v} />
10 |             ))}
11 |         </div>
12 |     );
13 | };
14 | 
15 | export default MangaListSkeleton;
16 | 


--------------------------------------------------------------------------------
/apps/web/src/features/novel/components/novel-list-skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { range } from '@antfu/utils';
 2 | 
 3 | import SkeletonCard from '@/components/content-card/content-card-skeleton';
 4 | 
 5 | const NovelListSkeleton = () => {
 6 |     return (
 7 |         <div className="grid grid-cols-2 gap-4 md:grid-cols-5 lg:gap-8">
 8 |             {range(1, 20).map((v) => (
 9 |                 <SkeletonCard key={v} />
10 |             ))}
11 |         </div>
12 |     );
13 | };
14 | 
15 | export default NovelListSkeleton;
16 | 


--------------------------------------------------------------------------------
/apps/web/src/utils/zod.ts:
--------------------------------------------------------------------------------
 1 | import i18next from 'i18next';
 2 | import { z } from 'zod';
 3 | import { zodI18nMap } from 'zod-i18n-map';
 4 | // Import your language translation files
 5 | import translation from 'zod-i18n-map/locales/uk-UA/zod.json';
 6 | 
 7 | // lng and resources key depend on your locale.
 8 | i18next.init({
 9 |     lng: 'uk',
10 |     resources: {
11 |         uk: { zod: translation },
12 |     },
13 | });
14 | z.setErrorMap(zodI18nMap);
15 | 
16 | // export configured zod instance
17 | export { z };
18 | 


--------------------------------------------------------------------------------
/packages/client/modules/genres.ts:
--------------------------------------------------------------------------------
 1 | import { BaseRequestOptionsArgs, GenreListResponse } from '../types';
 2 | import { BaseModule } from './base';
 3 | 
 4 | /**
 5 |  * Module for handling genres
 6 |  */
 7 | export class GenresModule extends BaseModule {
 8 |     /**
 9 |      * Get all genres
10 |      */
11 |     public async getGenres(
12 |         options?: BaseRequestOptionsArgs,
13 |     ): Promise<GenreListResponse> {
14 |         return this.client.get<GenreListResponse>('/genres', options);
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(user)/settings/layout.metadata.ts:
--------------------------------------------------------------------------------
 1 | import { Metadata } from 'next';
 2 | 
 3 | import _generateMetadata from '@/utils/generate-metadata';
 4 | 
 5 | export interface MetadataProps {
 6 |     searchParams: { [key: string]: string | string[] | undefined };
 7 | }
 8 | 
 9 | export default async function generateMetadata(): Promise<Metadata> {
10 |     return _generateMetadata({
11 |         title: 'Налаштування',
12 |         robots: {
13 |             index: false,
14 |         },
15 |     });
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/bx/BxBxsDownvote.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function BxBxsDownvote(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path d="M20.901 10.566A1.001 1.001 0 0 0 20 10h-4V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v7H4a1.001 1.001 0 0 0-.781 1.625l8 10a1 1 0 0 0 1.562 0l8-10c.24-.301.286-.712.12-1.059z" fill="currentColor"></path></svg>
6 |   )
7 | }
8 | export default BxBxsDownvote


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsBookmarkOutline.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsBookmarkOutline(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 21V5q0-.825.588-1.412T7 3h10q.825 0 1.413.588T19 5v16l-7-3zm2-3.05l5-2.15l5 2.15V5H7zM7 5h10z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsBookmarkOutline


--------------------------------------------------------------------------------
/packages/client/errors.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Error class for Hikka API errors
 3 |  */
 4 | export class HikkaApiError extends Error {
 5 |     constructor(
 6 |         message: string,
 7 |         public status: number,
 8 |         public code: string,
 9 |         public data?: any,
10 |     ) {
11 |         super(message);
12 |         this.name = 'HikkaApiError';
13 | 
14 |         // This line is needed for proper inheritance in TypeScript
15 |         Object.setPrototypeOf(this, HikkaApiError.prototype);
16 |     }
17 | }
18 | 


--------------------------------------------------------------------------------
/packages/client/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "extends": "../../tsconfig.base.json",
 3 |     "compilerOptions": {
 4 |         "module": "esnext",
 5 |         "outDir": "./dist",
 6 |         "rootDir": ".",
 7 |         "composite": true
 8 |     },
 9 |     "include": [
10 |         "index.ts",
11 |         "client.ts",
12 |         "constants.ts",
13 |         "errors.ts",
14 |         "modules/**/*.ts",
15 |         "types/**/*.ts"
16 |     ],
17 |     "exclude": ["node_modules", "dist", "**/*.test.ts", "**/*.spec.ts"]
18 | }
19 | 


--------------------------------------------------------------------------------
/packages/react/core/index.ts:
--------------------------------------------------------------------------------
 1 | export * from './createHikkaClient';
 2 | export * from './createQueryClient';
 3 | export * from './queryKeys';
 4 | 
 5 | // Hikka client exports
 6 | export * as HikkaClient from '@hikka/client';
 7 | 
 8 | // TanStack Query exports
 9 | export {
10 |     dehydrate,
11 |     HydrationBoundary,
12 |     MutationCache,
13 |     QueryCache,
14 |     QueryClient,
15 |     useQueryClient,
16 | } from '@tanstack/react-query';
17 | 
18 | export type { QueryClientConfig } from '@tanstack/react-query';
19 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/bx/BxUpvote.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function BxUpvote(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12.781 2.375c-.381-.475-1.181-.475-1.562 0l-8 10A1.001 1.001 0 0 0 4 14h4v7a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-7h4a1.001 1.001 0 0 0 .781-1.625zM15 12h-1v8h-4v-8H6.081L12 4.601L17.919 12z"></path></svg>
6 |   )
7 | }
8 | export default BxUpvote


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/spoiler-base-kit.tsx:
--------------------------------------------------------------------------------
 1 | import { createSlatePlugin } from 'platejs';
 2 | 
 3 | import { SpoilerElementStatic } from '@/components/plate/ui/spoiler-node-static';
 4 | 
 5 | export const ELEMENT_SPOILER = 'spoiler';
 6 | 
 7 | export const BaseSpoilerPlugin = createSlatePlugin({
 8 |     key: ELEMENT_SPOILER,
 9 |     node: {
10 |         isElement: true,
11 |     },
12 | });
13 | 
14 | export const BaseSpoilerKit = [
15 |     BaseSpoilerPlugin.withComponent(SpoilerElementStatic),
16 | ];
17 | 


--------------------------------------------------------------------------------
/tsconfig.base.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "compilerOptions": {
 3 |         "target": "es2017",
 4 |         "module": "esnext",
 5 |         "moduleResolution": "bundler",
 6 |         "esModuleInterop": true,
 7 |         "strict": true,
 8 |         "skipLibCheck": true,
 9 |         "forceConsistentCasingInFileNames": true,
10 |         "isolatedModules": true,
11 |         "resolveJsonModule": true,
12 |         "declaration": true,
13 |         "sourceMap": true,
14 |         "lib": ["dom", "dom.iterable", "esnext"]
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/ui/paragraph-node-static.tsx:
--------------------------------------------------------------------------------
 1 | import type { SlateElementProps } from 'platejs/static';
 2 | import { SlateElement } from 'platejs/static';
 3 | 
 4 | import { P_CLASSNAME } from '@/components/typography/p';
 5 | 
 6 | import { cn } from '@/utils/utils';
 7 | 
 8 | export function ParagraphElementStatic(props: SlateElementProps) {
 9 |     return (
10 |         <SlateElement as="p" {...props} className={cn('mb-4', P_CLASSNAME)}>
11 |             {props.children}
12 |         </SlateElement>
13 |     );
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/bx/BxDownvote.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function BxDownvote(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M20.901 10.566A1 1 0 0 0 20 10h-4V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v7H4a1.001 1.001 0 0 0-.781 1.625l8 10a1 1 0 0 0 1.562 0l8-10c.24-.301.286-.712.12-1.059M12 19.399L6.081 12H10V4h4v8h3.919z"></path></svg>
6 |   )
7 | }
8 | export default BxDownvote


--------------------------------------------------------------------------------
/apps/web/src/components/plate/ui/blockquote-node-static.tsx:
--------------------------------------------------------------------------------
 1 | import { SlateElement, type SlateElementProps } from 'platejs/static';
 2 | 
 3 | import { BLOCKQUOTE_CLASSNAME } from '@/components/typography/blockquote';
 4 | 
 5 | import { cn } from '@/utils/utils';
 6 | 
 7 | export function BlockquoteElementStatic(props: SlateElementProps) {
 8 |     return (
 9 |         <SlateElement
10 |             as="blockquote"
11 |             className={cn(BLOCKQUOTE_CLASSNAME, 'mb-4')}
12 |             {...props}
13 |         />
14 |     );
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsArticle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsArticle(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm2-4h7v-2H7zm0-4h10v-2H7zm0-4h10V7H7z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsArticle


--------------------------------------------------------------------------------
/apps/web/src/components/plate/ui/paragraph-node.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import type { PlateElementProps } from 'platejs/react';
 4 | import { PlateElement } from 'platejs/react';
 5 | 
 6 | import { P_CLASSNAME } from '@/components/typography/p';
 7 | 
 8 | import { cn } from '@/utils/utils';
 9 | 
10 | export function ParagraphElement(props: PlateElementProps) {
11 |     return (
12 |         <PlateElement as="p" {...props} className={cn('mb-4', P_CLASSNAME)}>
13 |             {props.children}
14 |         </PlateElement>
15 |     );
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsCheckRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsCheckRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m9.55 15.15l8.475-8.475q.3-.3.7-.3t.7.3t.3.713t-.3.712l-9.175 9.2q-.3.3-.7.3t-.7-.3L4.55 13q-.3-.3-.288-.712t.313-.713t.713-.3t.712.3z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsCheckRounded


--------------------------------------------------------------------------------
/apps/web/src/components/markdown/viewer/plugins/remark-disable-tokenizer.tsx:
--------------------------------------------------------------------------------
 1 | export default function remarkDisableTokenizer() {
 2 |     // @ts-expect-error: TS is wrong about `this`.
 3 |     const self = /** @type {Processor} */ this;
 4 |     const data = self.data();
 5 | 
 6 |     const micromarkExtensions =
 7 |         data.micromarkExtensions || (data.micromarkExtensions = []);
 8 | 
 9 |     micromarkExtensions.push({
10 |         disable: {
11 |             null: ['codeIndented', 'codeFenced', 'codeText'],
12 |         },
13 |     });
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/ui/blockquote-node.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { PlateElement, type PlateElementProps } from 'platejs/react';
 4 | 
 5 | import { BLOCKQUOTE_CLASSNAME } from '@/components/typography/blockquote';
 6 | 
 7 | import { cn } from '@/utils/utils';
 8 | 
 9 | export function BlockquoteElement(props: PlateElementProps) {
10 |     return (
11 |         <PlateElement
12 |             as="blockquote"
13 |             className={cn(BLOCKQUOTE_CLASSNAME, 'mb-4')}
14 |             {...props}
15 |         />
16 |     );
17 | }
18 | 


--------------------------------------------------------------------------------
/apps/web/src/components/typography/blockquote.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export const BLOCKQUOTE_CLASSNAME = 'border-l-2 pl-6 italic';
11 | 
12 | export default function Blockquote({ children, className }: Props) {
13 |     return (
14 |         <blockquote className={cn(BLOCKQUOTE_CLASSNAME, className)}>
15 |             {children}
16 |         </blockquote>
17 |     );
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/web/src/utils/adapters/convert-activity-stats.ts:
--------------------------------------------------------------------------------
 1 | import { ActivityResponse } from '@hikka/client';
 2 | 
 3 | export const convertToDays = (data: ActivityResponse[]) => {
 4 |     if (data.length > 16) {
 5 |         return data.slice(data.length - 16, data.length);
 6 |     }
 7 | 
 8 |     if (data.length < 16) {
 9 |         const emplyArr = new Array(16 - data.length).fill({
10 |             actions: 0,
11 |             timestamp: 0,
12 |         });
13 |         return [...data, ...emplyArr];
14 |     }
15 | 
16 |     return data;
17 | };
18 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(auth)/layout.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import CoverImage from '@/components/cover-image';
 4 | 
 5 | interface AuthLayoutProps {
 6 |     children: ReactNode;
 7 | }
 8 | 
 9 | export default function AuthLayout({ children }: AuthLayoutProps) {
10 |     return (
11 |         <div className="container flex min-h-[inherit] max-w-lg items-center justify-center p-0">
12 |             <CoverImage cover="/hikka.art.summer.jpg" position="top" />
13 |             {children}
14 |         </div>
15 |     );
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsSecurity.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsSecurity(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 22q-3.475-.875-5.738-3.988T4 11.1V5l8-3l8 3v6.1q0 3.8-2.262 6.913T12 22m0-2.1q2.425-.75 4.05-2.963T17.95 12H12V4.125l-6 2.25v5.175q0 .175.05.45H12z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsSecurity


--------------------------------------------------------------------------------
/packages/react/types/user.ts:
--------------------------------------------------------------------------------
 1 | import { QuerySearchRequiredArgs, UserResponse } from '@hikka/client';
 2 | 
 3 | import { QueryParams } from '@/client/useQuery';
 4 | 
 5 | export interface UseUserByUsernameParams extends QueryParams<UserResponse> {
 6 |     username: string;
 7 | }
 8 | 
 9 | export interface UseUserSearchParams {
10 |     args: QuerySearchRequiredArgs;
11 | }
12 | 
13 | export interface UseUserActivityParams {
14 |     username: string;
15 | }
16 | 
17 | // No parameters needed for useSession hook
18 | export interface UseSessionParams {}
19 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/ant-design/AntDesignFilterFilled.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function AntDesignFilterFilled(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024" {...props}><path fill="currentColor" d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48"></path></svg>
6 |   )
7 | }
8 | export default AntDesignFilterFilled


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsContentCopy.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsContentCopy(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18zm-4 4q-.825 0-1.412-.587T3 20V6h2v14h11v2z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsContentCopy


--------------------------------------------------------------------------------
/apps/web/src/features/users/index.ts:
--------------------------------------------------------------------------------
 1 | // Main User Components
 2 | export { default as ActivationAlert } from './activation-alert';
 3 | export { default as FollowStats } from './follow-stats';
 4 | export { default as UserInfo } from './user-info';
 5 | export { default as UserTitle } from './user-title';
 6 | 
 7 | // User List Stats
 8 | export { default as ListStats } from './user-list-stats';
 9 | 
10 | // User History
11 | export { default as UserHistory } from './user-history';
12 | 
13 | export * from './user-profile';
14 | export * from './userlist';
15 | 


--------------------------------------------------------------------------------
/packages/client/types/vote.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Vote related types
 3 |  */
 4 | import { ContentTypeEnum } from './common';
 5 | 
 6 | /**
 7 |  * Content type for votable content
 8 |  */
 9 | export type VoteContentType =
10 |     | ContentTypeEnum.COLLECTION
11 |     | ContentTypeEnum.COMMENT
12 |     | ContentTypeEnum.ARTICLE;
13 | 
14 | /**
15 |  * Vote arguments
16 |  */
17 | export interface VoteArgs {
18 |     score: number; // -1, 0, or 1
19 | }
20 | 
21 | /**
22 |  * Vote response
23 |  */
24 | export interface VoteResponse {
25 |     score: number;
26 | }
27 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/ep/EpSuccessFilled.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function EpSuccessFilled(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024" {...props}><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"></path></svg>
6 |   )
7 | }
8 | export default EpSuccessFilled


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsCheckSmallRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsCheckSmallRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m10 13.6l5.9-5.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-6.6 6.6q-.3.3-.7.3t-.7-.3l-2.6-2.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsCheckSmallRounded


--------------------------------------------------------------------------------
/packages/react/types/client.ts:
--------------------------------------------------------------------------------
 1 | import { ClientArgs, PaginationArgs } from '@hikka/client';
 2 | 
 3 | export interface UseClientByReferenceParams {
 4 |     reference: string;
 5 | }
 6 | 
 7 | export interface UseFullClientInfoParams {
 8 |     reference: string;
 9 | }
10 | 
11 | export interface UseClientListParams {
12 |     paginationArgs?: PaginationArgs;
13 | }
14 | 
15 | export interface UseUpdateClientParams {
16 |     reference: string;
17 |     args: ClientArgs;
18 | }
19 | 
20 | export interface UseVerifyClientParams {
21 |     reference: string;
22 | }
23 | 


--------------------------------------------------------------------------------
/packages/react/types/comments.ts:
--------------------------------------------------------------------------------
 1 | import { CommentsContentType, PaginationArgs } from '@hikka/client';
 2 | 
 3 | export interface UseCommentThreadParams {
 4 |     commentReference: string;
 5 | }
 6 | 
 7 | export interface UseCommentListParams {
 8 |     paginationArgs?: PaginationArgs;
 9 | }
10 | 
11 | export interface UseContentCommentsParams {
12 |     contentType: CommentsContentType;
13 |     slug: string;
14 |     paginationArgs?: PaginationArgs;
15 | }
16 | 
17 | export interface UseLatestCommentsParams {
18 |     paginationArgs?: PaginationArgs;
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/edit/layout.tsx:
--------------------------------------------------------------------------------
 1 | import { Metadata } from 'next';
 2 | import { FC, PropsWithChildren } from 'react';
 3 | 
 4 | import _generateMetadata from '@/utils/generate-metadata';
 5 | 
 6 | interface Props extends PropsWithChildren {}
 7 | 
 8 | export const metadata: Metadata = _generateMetadata({
 9 |     title: {
10 |         default: 'Правки',
11 |         template: 'Правки / %s / Hikka',
12 |     },
13 | });
14 | 
15 | const EditListLayout: FC<Props> = ({ children }) => {
16 |     return children;
17 | };
18 | 
19 | export default EditListLayout;
20 | 


--------------------------------------------------------------------------------
/.prettierrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "plugins": [
 3 |         "prettier-plugin-tailwindcss",
 4 |         "@trivago/prettier-plugin-sort-imports"
 5 |     ],
 6 |     "tailwindFunctions": ["clsx"],
 7 |     "semi": true,
 8 |     "singleQuote": true,
 9 |     "trailingComma": "all",
10 |     "tabWidth": 4,
11 |     "importOrderSeparation": true,
12 |     "importOrderSortSpecifiers": true,
13 |     "importOrder": [
14 |         "<THIRD_PARTY_MODULES>",
15 |         "^@/components/(.*)$",
16 |         "^@/features/(.*)$",
17 |         "^@/(.*)$",
18 |         "^[./]"
19 |     ]
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web/src/features/auth/password-confirm-header.tsx:
--------------------------------------------------------------------------------
 1 | import H1 from '@/components/typography/h1';
 2 | import Small from '@/components/typography/small';
 3 | 
 4 | const PasswordConfirmHeader = () => {
 5 |     return (
 6 |         <div className="space-y-2 text-center">
 7 |             <H1 className="!text-3xl font-bold">🔓 Відновити пароль</H1>
 8 |             <Small className="text-muted-foreground">
 9 |                 Будь ласка, введіть новий пароль.
10 |             </Small>
11 |         </div>
12 |     );
13 | };
14 | 
15 | export default PasswordConfirmHeader;
16 | 


--------------------------------------------------------------------------------
/packages/client/tsup.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from 'tsup';
 2 | 
 3 | export default defineConfig({
 4 |     entry: ['index.ts'],
 5 |     format: ['cjs', 'esm'],
 6 |     dts: true,
 7 |     splitting: false,
 8 |     sourcemap: true,
 9 |     clean: true,
10 |     shims: true,
11 |     minify: true,
12 |     treeshake: true,
13 |     tsconfig: './tsconfig.build.json', // Use build config to avoid composite issues
14 |     outExtension({ format }) {
15 |         return {
16 |             js: format === 'cjs' ? '.js' : '.mjs',
17 |         };
18 |     },
19 | });
20 | 


--------------------------------------------------------------------------------
/packages/react/types/people.ts:
--------------------------------------------------------------------------------
 1 | import { QuerySearchArgs } from '@hikka/client';
 2 | 
 3 | export interface UsePersonInfoParams {
 4 |     slug: string;
 5 | }
 6 | 
 7 | export interface UsePersonAnimeParams {
 8 |     slug: string;
 9 | }
10 | 
11 | export interface UsePersonMangaParams {
12 |     slug: string;
13 | }
14 | 
15 | export interface UsePersonNovelParams {
16 |     slug: string;
17 | }
18 | 
19 | export interface UsePersonCharactersParams {
20 |     slug: string;
21 | }
22 | 
23 | export interface UsePeopleSearchParams {
24 |     args?: QuerySearchArgs;
25 | }
26 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsKeyboardArrowUpRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsKeyboardArrowUpRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m12 10.8l-3.9 3.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.6-4.6q.3-.3.7-.3t.7.3l4.6 4.6q.275.275.275.7t-.275.7t-.7.275t-.7-.275z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsKeyboardArrowUpRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsAddRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsAddRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M11 13H6q-.425 0-.712-.288T5 12t.288-.712T6 11h5V6q0-.425.288-.712T12 5t.713.288T13 6v5h5q.425 0 .713.288T19 12t-.288.713T18 13h-5v5q0 .425-.288.713T12 19t-.712-.288T11 18z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsAddRounded


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(auth)/login/page.tsx:
--------------------------------------------------------------------------------
 1 | import { Metadata } from 'next';
 2 | import { FC } from 'react';
 3 | 
 4 | import { LoginForm, LoginHeader } from '@/features/auth';
 5 | 
 6 | import _generateMetadata from '@/utils/generate-metadata';
 7 | 
 8 | export const metadata: Metadata = _generateMetadata({
 9 |     title: 'Вхід',
10 | });
11 | 
12 | const LoginPage: FC = () => {
13 |     return (
14 |         <div className="w-full space-y-6">
15 |             <LoginHeader />
16 |             <LoginForm />
17 |         </div>
18 |     );
19 | };
20 | 
21 | export default LoginPage;
22 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/edit/[editId]/update/page.tsx:
--------------------------------------------------------------------------------
 1 | import { FC } from 'react';
 2 | 
 3 | import { EditViewForm as EditView } from '@/features/edit';
 4 | 
 5 | interface Props {
 6 |     params: { editId: string };
 7 | }
 8 | 
 9 | const EditUpdatePage: FC<Props> = async (props) => {
10 |     const params = await props.params;
11 | 
12 |     const { editId } = params;
13 | 
14 |     return (
15 |         <div className="flex flex-col gap-12">
16 |             <EditView editId={editId} mode="update" />
17 |         </div>
18 |     );
19 | };
20 | 
21 | export default EditUpdatePage;
22 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/iconamoon/IconamoonCommentFill.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function IconamoonCommentFill(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" fillRule="evenodd" d="M12 2C6.477 2 2 6.477 2 12a10 10 0 0 0 .951 4.262l-.93 4.537a1 1 0 0 0 1.18 1.18l4.537-.93c1.294.61 2.74.95 4.262.95c5.523 0 10-4.476 10-10c0-5.522-4.477-10-10-10" clipRule="evenodd"></path></svg>
6 |   )
7 | }
8 | export default IconamoonCommentFill


--------------------------------------------------------------------------------
/apps/web/src/components/icons/watch-status/dropped.tsx:
--------------------------------------------------------------------------------
 1 | import { SVGProps } from 'react';
 2 | 
 3 | export default function IcRoundMinus(props: SVGProps<SVGSVGElement>) {
 4 |     return (
 5 |         <svg
 6 |             xmlns="http://www.w3.org/2000/svg"
 7 |             width="1em"
 8 |             height="1em"
 9 |             viewBox="0 0 24 24"
10 |             {...props}
11 |         >
12 |             <path
13 |                 fill="currentColor"
14 |                 d="M18 12.998H6a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z"
15 |             ></path>
16 |         </svg>
17 |     );
18 | }
19 | 


--------------------------------------------------------------------------------
/packages/client/tsconfig.build.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "extends": "./tsconfig.json",
 3 |     "compilerOptions": {
 4 |         "outDir": "./dist",
 5 |         "incremental": false,
 6 |         "composite": false
 7 |     },
 8 |     "include": [
 9 |         "index.ts",
10 |         "client.ts",
11 |         "errors.ts",
12 |         "constants.ts",
13 |         "modules/**/*.ts",
14 |         "types/**/*.ts"
15 |     ],
16 |     "exclude": [
17 |         "node_modules",
18 |         "dist",
19 |         "**/*.test.ts",
20 |         "**/*.spec.ts",
21 |         "tsup.config.ts"
22 |     ]
23 | }
24 | 


--------------------------------------------------------------------------------
/packages/react/setupTests.ts:
--------------------------------------------------------------------------------
 1 | import '@testing-library/jest-dom';
 2 | 
 3 | // Mock console.error to avoid seeing React act() warnings
 4 | const originalError = console.error;
 5 | beforeAll(() => {
 6 |     console.error = (...args) => {
 7 |         if (
 8 |             typeof args[0] === 'string' &&
 9 |             args[0].includes('Warning: ReactDOM.render is no longer supported')
10 |         ) {
11 |             return;
12 |         }
13 |         originalError.call(console, ...args);
14 |     };
15 | });
16 | 
17 | afterAll(() => {
18 |     console.error = originalError;
19 | });
20 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsDeleteForever.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsDeleteForever(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m9.4 16.5l2.6-2.6l2.6 2.6l1.4-1.4l-2.6-2.6L16 9.9l-1.4-1.4l-2.6 2.6l-2.6-2.6L8 9.9l2.6 2.6L8 15.1zM7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsDeleteForever


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsDraftRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsDraftRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M6 22q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h7.175q.4 0 .763.15t.637.425l4.85 4.85q.275.275.425.638t.15.762V20q0 .825-.587 1.413T18 22zm7-14q0 .425.288.713T14 9h4l-5-5z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsDraftRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsShortTextRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsShortTextRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 15q-.425 0-.712-.288T4 14t.288-.712T5 13h8q.425 0 .713.288T14 14t-.288.713T13 15zm0-4q-.425 0-.712-.288T4 10t.288-.712T5 9h14q.425 0 .713.288T20 10t-.288.713T19 11z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsShortTextRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsInfoIRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsInfoIRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 7q-.825 0-1.412-.587T10 5t.588-1.412T12 3t1.413.588T14 5t-.587 1.413T12 7m0 14q-.625 0-1.062-.437T10.5 19.5v-9q0-.625.438-1.062T12 9t1.063.438t.437 1.062v9q0 .625-.437 1.063T12 21"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsInfoIRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsPerson.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsPerson(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 8v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsPerson


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsStack.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsStack(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M6 14v2H4q-.825 0-1.412-.587T2 14V4q0-.825.588-1.412T4 2h10q.825 0 1.413.588T16 4v2h-2V4H4v10zm4 8q-.825 0-1.412-.587T8 20V10q0-.825.588-1.412T10 8h10q.825 0 1.413.588T22 10v10q0 .825-.587 1.413T20 22z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsStack


--------------------------------------------------------------------------------
/packages/client/types/related.ts:
--------------------------------------------------------------------------------
 1 | import { AnimeResponse } from './anime';
 2 | import { ContentTypeEnum } from './common';
 3 | import { MangaResponse } from './manga';
 4 | import { NovelResponse } from './novel';
 5 | 
 6 | /**
 7 |  * Related content types
 8 |  */
 9 | export type RelatedContentType =
10 |     | ContentTypeEnum.ANIME
11 |     | ContentTypeEnum.MANGA
12 |     | ContentTypeEnum.NOVEL;
13 | 
14 | /**
15 |  * Franchise response
16 |  */
17 | export interface FranchiseResponse {
18 |     anime: AnimeResponse[];
19 |     manga: MangaResponse[];
20 |     novel: NovelResponse[];
21 | }
22 | 


--------------------------------------------------------------------------------
/packages/react/core/createHikkaClient.ts:
--------------------------------------------------------------------------------
 1 | import { HikkaClient, HikkaClientConfig } from '@hikka/client';
 2 | import { cache } from 'react';
 3 | 
 4 | /**
 5 |  * Creates a HikkaClient instance.
 6 |  * This ensures a clean client is created for each request.
 7 |  *
 8 |  * @param config - The HikkaClient config
 9 |  * @returns A new HikkaClient instance
10 |  */
11 | export function createHikkaClient(config?: HikkaClientConfig): HikkaClient {
12 |     return new HikkaClient({ baseUrl: 'https://api.hikka.io', ...config });
13 | }
14 | 
15 | export const getHikkaClient = cache(createHikkaClient);
16 | 


--------------------------------------------------------------------------------
/packages/react/server/prefetch/api/genres.ts:
--------------------------------------------------------------------------------
 1 | import { GenreListResponse } from '@hikka/client';
 2 | 
 3 | import { queryKeys } from '@/core';
 4 | import { PrefetchQueryParams, prefetchQuery } from '@/server/prefetchQuery';
 5 | 
 6 | /**
 7 |  * Prefetches all genres for server-side rendering
 8 |  */
 9 | export async function prefetchGenres({
10 |     ...rest
11 | }: PrefetchQueryParams<GenreListResponse> = {}) {
12 |     return prefetchQuery({
13 |         queryKey: queryKeys.genres.list(),
14 |         queryFn: (client) => client.genres.getGenres(),
15 |         ...rest,
16 |     });
17 | }
18 | 


--------------------------------------------------------------------------------
/packages/react/types/read.ts:
--------------------------------------------------------------------------------
 1 | import { ReadContentType, ReadSearchArgs } from '@hikka/client';
 2 | 
 3 | export interface UseReadEntryParams {
 4 |     contentType: ReadContentType;
 5 |     slug: string;
 6 | }
 7 | 
 8 | export interface UseReadStatsParams {
 9 |     contentType: ReadContentType;
10 |     username: string;
11 | }
12 | 
13 | export interface UseReadListParams {
14 |     contentType: ReadContentType;
15 |     username: string;
16 |     args: ReadSearchArgs;
17 | }
18 | 
19 | export interface UseReadingUsersParams {
20 |     contentType: ReadContentType;
21 |     slug: string;
22 | }
23 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(auth)/signup/page.tsx:
--------------------------------------------------------------------------------
 1 | import { Metadata } from 'next';
 2 | import { FC } from 'react';
 3 | 
 4 | import { SignupForm, SignupHeader } from '@/features/auth';
 5 | 
 6 | import _generateMetadata from '@/utils/generate-metadata';
 7 | 
 8 | export const metadata: Metadata = _generateMetadata({
 9 |     title: 'Реєстрація',
10 | });
11 | 
12 | const SignupPage: FC = () => {
13 |     return (
14 |         <div className="w-full space-y-6">
15 |             <SignupHeader />
16 |             <SignupForm />
17 |         </div>
18 |     );
19 | };
20 | 
21 | export default SignupPage;
22 | 


--------------------------------------------------------------------------------
/apps/web/src/features/common/index.ts:
--------------------------------------------------------------------------------
 1 | // Core App Components
 2 | export { default as AppSidebar } from './app-sidebar';
 3 | export { default as Footer } from './footer';
 4 | export { default as LoginButton } from './login-button';
 5 | export { default as Providers } from './providers';
 6 | export { default as ScrollTop } from './scroll-top';
 7 | export { default as SessionManager } from './session-manager';
 8 | 
 9 | // Navbar Components
10 | export { default as Navbar } from './navbar';
11 | 
12 | // Notifications Components
13 | export { default as NotificationsMenu } from './notifications-menu';
14 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsPlayArrowRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsPlayArrowRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsPlayArrowRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsArrowDropDownRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsArrowDropDownRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M11.475 14.475L7.85 10.85q-.075-.075-.112-.162T7.7 10.5q0-.2.138-.35T8.2 10h7.6q.225 0 .363.15t.137.35q0 .05-.15.35l-3.625 3.625q-.125.125-.25.175T12 14.7t-.275-.05t-.25-.175"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsArrowDropDownRounded


--------------------------------------------------------------------------------
/apps/web/src/components/typography/inline-code.tsx:
--------------------------------------------------------------------------------
 1 | import { ReactNode } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props {
 6 |     children: ReactNode | string;
 7 |     className?: string;
 8 | }
 9 | 
10 | export default function InlineCode({ children, className }: Props) {
11 |     return (
12 |         <code
13 |             className={cn(
14 |                 'relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold',
15 |                 className,
16 |             )}
17 |         >
18 |             {children}
19 |         </code>
20 |     );
21 | }
22 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/mdi/MdiPuzzle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MdiPuzzle(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M20.5 11H19V7a2 2 0 0 0-2-2h-4V3.5A2.5 2.5 0 0 0 10.5 1A2.5 2.5 0 0 0 8 3.5V5H4a2 2 0 0 0-2 2v3.8h1.5c1.5 0 2.7 1.2 2.7 2.7S5 16.2 3.5 16.2H2V20a2 2 0 0 0 2 2h3.8v-1.5c0-1.5 1.2-2.7 2.7-2.7s2.7 1.2 2.7 2.7V22H17a2 2 0 0 0 2-2v-4h1.5a2.5 2.5 0 0 0 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5"></path></svg>
6 |   )
7 | }
8 | export default MdiPuzzle


--------------------------------------------------------------------------------
/apps/web/src/components/icons/ant-design/AntDesignArrowLeftOutlined.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function AntDesignArrowLeftOutlined(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024" {...props}><path fill="currentColor" d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 0 0 0 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8"></path></svg>
6 |   )
7 | }
8 | export default AntDesignArrowLeftOutlined


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsKeyboardArrowDownRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsKeyboardArrowDownRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 14.975q-.2 0-.375-.062T11.3 14.7l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsKeyboardArrowDownRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsShieldRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsShieldRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 21.9q-.175 0-.325-.025t-.3-.075Q8 20.675 6 17.638T4 11.1V6.375q0-.625.363-1.125t.937-.725l6-2.25q.35-.125.7-.125t.7.125l6 2.25q.575.225.938.725T20 6.375V11.1q0 3.5-2 6.538T12.625 21.8q-.15.05-.3.075T12 21.9"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsShieldRounded


--------------------------------------------------------------------------------
/apps/web/src/utils/get-hikka-client-config.ts:
--------------------------------------------------------------------------------
 1 | import { HikkaClientConfig } from '@hikka/client';
 2 | import { cache } from 'react';
 3 | 
 4 | import { getCookie } from './cookies';
 5 | 
 6 | export const createHikkaClientConfig = async (
 7 |     config?: HikkaClientConfig,
 8 | ): Promise<HikkaClientConfig> => {
 9 |     return {
10 |         baseUrl: process.env.API_URL || process.env.NEXT_PUBLIC_API_URL,
11 |         authToken: await getCookie('auth'),
12 |         ...config,
13 |     };
14 | };
15 | 
16 | export const getHikkaClientConfig = cache(createHikkaClientConfig);
17 | 
18 | export default getHikkaClientConfig;
19 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/bx/BxBxlTelegram.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function BxBxlTelegram(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path d="M20.665 3.717l-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42l10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001l-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15l4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z" fill="currentColor"></path></svg>
6 |   )
7 | }
8 | export default BxBxlTelegram


--------------------------------------------------------------------------------
/apps/web/src/components/ui/card.tsx:
--------------------------------------------------------------------------------
 1 | import { ComponentPropsWithoutRef, memo } from 'react';
 2 | 
 3 | import { cn } from '@/utils/utils';
 4 | 
 5 | interface Props extends ComponentPropsWithoutRef<'div'> {}
 6 | 
 7 | const Card = ({ children, className, ...props }: Props) => {
 8 |     return (
 9 |         <div
10 |             className={cn(
11 |                 'relative flex flex-col gap-4 rounded-lg border border-border p-4',
12 |                 className,
13 |             )}
14 |             {...props}
15 |         >
16 |             {children}
17 |         </div>
18 |     );
19 | };
20 | 
21 | export default memo(Card);
22 | 


--------------------------------------------------------------------------------
/apps/web/src/services/hooks/use-media-query.ts:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | 
 3 | export function useMediaQuery(query: string) {
 4 |     const [value, setValue] = React.useState(false);
 5 | 
 6 |     React.useEffect(() => {
 7 |         function onChange(event: MediaQueryListEvent) {
 8 |             setValue(event.matches);
 9 |         }
10 | 
11 |         const result = matchMedia(query);
12 |         result.addEventListener('change', onChange);
13 |         setValue(result.matches);
14 | 
15 |         return () => result.removeEventListener('change', onChange);
16 |     }, [query]);
17 | 
18 |     return value;
19 | }
20 | 


--------------------------------------------------------------------------------
/packages/react/client/hooks/api/genres.ts:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { GenreListResponse } from '@hikka/client';
 4 | 
 5 | import { QueryParams, useQuery } from '@/client/useQuery';
 6 | import { queryKeys } from '@/core';
 7 | 
 8 | /**
 9 |  * Hook for retrieving all genres
10 |  */
11 | export function useGenres<TResult = GenreListResponse>({
12 |     ...rest
13 | }: QueryParams<GenreListResponse, TResult> = {}) {
14 |     return useQuery<GenreListResponse, Error, TResult>({
15 |         queryKey: queryKeys.genres.list(),
16 |         queryFn: (client) => client.genres.getGenres(),
17 |         ...rest,
18 |     });
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(auth)/reset/page.tsx:
--------------------------------------------------------------------------------
 1 | import { Metadata } from 'next';
 2 | import { FC } from 'react';
 3 | 
 4 | import { ForgotPasswordForm, ForgotPasswordHeader } from '@/features/auth';
 5 | 
 6 | import _generateMetadata from '@/utils/generate-metadata';
 7 | 
 8 | export const metadata: Metadata = _generateMetadata({
 9 |     title: 'Відновити пароль',
10 | });
11 | 
12 | const ResetPage: FC = () => {
13 |     return (
14 |         <div className="w-full space-y-6">
15 |             <ForgotPasswordHeader />
16 |             <ForgotPasswordForm />
17 |         </div>
18 |     );
19 | };
20 | 
21 | export default ResetPage;
22 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/ant-design/AntDesignArrowRightOutlined.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function AntDesignArrowRightOutlined(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024" {...props}><path fill="currentColor" d="M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h-88.5c-7.4 0-10.8 9.2-5.2 14l350.2 304H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h585.1L386.9 854c-5.6 4.9-2.2 14 5.2 14h91.5c1.9 0 3.8-.7 5.2-2L869 536.2a32.07 32.07 0 0 0 0-48.4"></path></svg>
6 |   )
7 | }
8 | export default AntDesignArrowRightOutlined


--------------------------------------------------------------------------------
/apps/web/src/features/users/userlist/components/table-view/media-cell.tsx:
--------------------------------------------------------------------------------
 1 | import { AnimeMediaEnum } from '@hikka/client';
 2 | import { FC } from 'react';
 3 | 
 4 | import { TableCell } from '@/components/ui/table';
 5 | 
 6 | import { ANIME_MEDIA_TYPE } from '@/utils/constants/common';
 7 | 
 8 | interface Props {
 9 |     media_type?: AnimeMediaEnum | null;
10 | }
11 | 
12 | const MediaCell: FC<Props> = ({ media_type }) => (
13 |     <TableCell className="hidden w-20 lg:table-cell" align="center">
14 |         {media_type ? ANIME_MEDIA_TYPE[media_type].title_ua : '-'}
15 |     </TableCell>
16 | );
17 | 
18 | export default MediaCell;
19 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsEventList.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsEventList(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M16 21q-.825 0-1.412-.587T14 19v-4q0-.825.588-1.412T16 13h4q.825 0 1.413.588T22 15v4q0 .825-.587 1.413T20 21zM2 18v-2h9v2zm14-7q-.825 0-1.412-.587T14 9V5q0-.825.588-1.412T16 3h4q.825 0 1.413.588T22 5v4q0 .825-.587 1.413T20 11zM2 8V6h9v2z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsEventList


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsMoreHoriz.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsMoreHoriz(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M6 14q-.825 0-1.412-.587T4 12t.588-1.412T6 10t1.413.588T8 12t-.587 1.413T6 14m6 0q-.825 0-1.412-.587T10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14m6 0q-.825 0-1.412-.587T16 12t.588-1.412T18 10t1.413.588T20 12t-.587 1.413T18 14"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsMoreHoriz


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsMoreVert.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsMoreVert(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 20q-.825 0-1.412-.587T10 18t.588-1.412T12 16t1.413.588T14 18t-.587 1.413T12 20m0-6q-.825 0-1.412-.587T10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14m0-6q-.825 0-1.412-.587T10 6t.588-1.412T12 4t1.413.588T14 6t-.587 1.413T12 8"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsMoreVert


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/basic-blocks-kit.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { BlockquotePlugin } from '@platejs/basic-nodes/react';
 4 | import { ParagraphPlugin } from 'platejs/react';
 5 | 
 6 | import { BlockquoteElement } from '@/components/plate/ui/blockquote-node';
 7 | import { ParagraphElement } from '@/components/plate/ui/paragraph-node';
 8 | 
 9 | export const BasicBlocksKit = [
10 |     ParagraphPlugin.withComponent(ParagraphElement),
11 |     BlockquotePlugin.configure({
12 |         node: { component: BlockquoteElement },
13 |         shortcuts: { toggle: { keys: 'mod+shift+period' } },
14 |     }),
15 | ];
16 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsCloseRounded.tsx:
--------------------------------------------------------------------------------
1 | import { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsLockOpenRounded(props: SVGProps<SVGSVGElement>) {
4 |     return (
5 |         <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m12 13.4l-4.9 4.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.9-4.9l-4.9-4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.9 4.9l4.9-4.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L13.4 12l4.9 4.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275z" /></svg>
6 |     )
7 | }
8 | export default MaterialSymbolsLockOpenRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsEditRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsEditRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M4 21q-.425 0-.712-.288T3 20v-2.425q0-.4.15-.763t.425-.637L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.437.65T21 6.4q0 .4-.138.763t-.437.662l-12.6 12.6q-.275.275-.638.425t-.762.15zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsEditRounded


--------------------------------------------------------------------------------
/apps/web/src/features/auth/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as ForgotPasswordForm } from './forgot-password-form';
 2 | export { default as ForgotPasswordHeader } from './forgot-password-header';
 3 | export { default as LoginForm } from './login-form';
 4 | export { default as LoginHeader } from './login-header';
 5 | export { default as OAuthLogin } from './oauth-login';
 6 | export { default as PasswordConfirmForm } from './password-confirm-form';
 7 | export { default as PasswordConfirmHeader } from './password-confirm-header';
 8 | export { default as SignupForm } from './signup-form';
 9 | export { default as SignupHeader } from './signup-header';
10 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/utility-modals/search-modal/hooks/useUserSearchList.ts:
--------------------------------------------------------------------------------
 1 | import { UserResponse } from '@hikka/client';
 2 | import { useQuery } from '@hikka/react';
 3 | 
 4 | interface Props {
 5 |     value?: string;
 6 | }
 7 | 
 8 | const useUserSearchList = ({ value }: Props) => {
 9 |     return useQuery<UserResponse[], Error>({
10 |         queryKey: ['user-search-list', value],
11 |         queryFn: (client) => client.user.searchUsers({ query: value || '' }),
12 |         options: {
13 |             enabled: value !== undefined && value.length >= 3,
14 |         },
15 |     });
16 | };
17 | 
18 | export default useUserSearchList;
19 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsComputerOutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsComputerOutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M2 21q-.425 0-.712-.288T1 20t.288-.712T2 19h20q.425 0 .713.288T23 20t-.288.713T22 21zm2-3q-.825 0-1.412-.587T2 16V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v11q0 .825-.587 1.413T20 18zm0-2h16V5H4zm0 0V5z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsComputerOutlineRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsHomeRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsHomeRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M4 19v-9q0-.475.213-.9t.587-.7l6-4.5q.525-.4 1.2-.4t1.2.4l6 4.5q.375.275.588.7T20 10v9q0 .825-.588 1.413T18 21h-3q-.425 0-.712-.288T14 20v-5q0-.425-.288-.712T13 14h-2q-.425 0-.712.288T10 15v5q0 .425-.288.713T9 21H6q-.825 0-1.412-.587T4 19"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsHomeRounded


--------------------------------------------------------------------------------
/apps/web/src/components/plate/ui/spoiler-node.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import type { PlateElementProps } from 'platejs/react';
 4 | import { PlateElement } from 'platejs/react';
 5 | 
 6 | import { cn } from '@/utils/utils';
 7 | 
 8 | export function SpoilerElement(props: PlateElementProps) {
 9 |     return (
10 |         <PlateElement
11 |             as="div"
12 |             className={cn(
13 |                 'mb-4 rounded-md border border-border bg-secondary/20 p-2',
14 |                 'spoiler',
15 |             )}
16 |             {...props}
17 |         >
18 |             {props.children}
19 |         </PlateElement>
20 |     );
21 | }
22 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsSortRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsSortRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M4 18q-.425 0-.712-.288T3 17t.288-.712T4 16h4q.425 0 .713.288T9 17t-.288.713T8 18zm0-5q-.425 0-.712-.288T3 12t.288-.712T4 11h10q.425 0 .713.288T15 12t-.288.713T14 13zm0-5q-.425 0-.712-.288T3 7t.288-.712T4 6h16q.425 0 .713.288T21 7t-.288.713T20 8z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsSortRounded


--------------------------------------------------------------------------------
/packages/react/client/provider/useHikkaClient.ts:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useContext } from 'react';
 4 | 
 5 | import { HikkaContext } from './context';
 6 | 
 7 | /**
 8 |  * Hook to access the Hikka client from context.
 9 |  * Must be used within a HikkaProvider.
10 |  */
11 | export function useHikkaClient() {
12 |     const context = useContext(HikkaContext);
13 | 
14 |     if (!context) {
15 |         throw new Error(
16 |             'useHikkaClient must be used within a HikkaProvider. ' +
17 |                 'Make sure you have wrapped your application with HikkaProvider.',
18 |         );
19 |     }
20 | 
21 |     return context;
22 | }
23 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsReplyRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsReplyRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m6.825 12l2.9 2.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-4.6-4.6q-.3-.3-.3-.7t.3-.7l4.6-4.6q.275-.275.688-.275T9.7 5.7q.3.3.3.713t-.3.712L6.825 10H16q2.075 0 3.538 1.463T21 15v3q0 .425-.288.713T20 19t-.712-.288T19 18v-3q0-1.25-.875-2.125T16 12z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsReplyRounded


--------------------------------------------------------------------------------
/apps/web/src/services/hooks/use-size.ts:
--------------------------------------------------------------------------------
 1 | import useResizeObserver from '@react-hook/resize-observer';
 2 | import * as React from 'react';
 3 | import { RefObject } from 'react';
 4 | 
 5 | const useSize = (target: RefObject<HTMLElement>) => {
 6 |     const [size, setSize] = React.useState<DOMRect>();
 7 | 
 8 |     React.useLayoutEffect(() => {
 9 |         if (target.current) {
10 |             setSize(target.current.getBoundingClientRect());
11 |         }
12 |     }, [target]);
13 | 
14 |     // Where the magic happens
15 |     useResizeObserver(target, (entry) => setSize(entry.contentRect));
16 |     return size;
17 | };
18 | 
19 | export default useSize;
20 | 


--------------------------------------------------------------------------------
/packages/react/types/anime.ts:
--------------------------------------------------------------------------------
 1 | import { AnimeSearchArgs } from '@hikka/client';
 2 | 
 3 | export interface UseAnimeInfoParams {
 4 |     slug: string;
 5 | }
 6 | 
 7 | export interface UseAnimeCharactersParams {
 8 |     slug: string;
 9 | }
10 | 
11 | export interface UseAnimeEpisodesParams {
12 |     slug: string;
13 | }
14 | 
15 | export interface UseAnimeFranchiseParams {
16 |     slug: string;
17 | }
18 | 
19 | export interface UseAnimeRecommendationsParams {
20 |     slug: string;
21 | }
22 | 
23 | export interface UseAnimeStaffParams {
24 |     slug: string;
25 | }
26 | 
27 | export interface UseAnimeSearchParams {
28 |     args: AnimeSearchArgs;
29 | }
30 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsAccountBox.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsAccountBox(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 13q1.45 0 2.475-1.025T15.5 9.5t-1.025-2.475T12 6T9.525 7.025T8.5 9.5t1.025 2.475T12 13m-7 8q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14v-1.15q-1.35-1.325-3.137-2.087T12 15t-3.863.763T5 17.85z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsAccountBox


--------------------------------------------------------------------------------
/apps/web/src/components/icons/watch-status/completed.tsx:
--------------------------------------------------------------------------------
 1 | import { SVGProps } from 'react';
 2 | 
 3 | export default function IcRoundCheck(props: SVGProps<SVGSVGElement>) {
 4 |     return (
 5 |         <svg
 6 |             xmlns="http://www.w3.org/2000/svg"
 7 |             width="1em"
 8 |             height="1em"
 9 |             viewBox="0 0 24 24"
10 |             {...props}
11 |         >
12 |             <path
13 |                 fill="currentColor"
14 |                 d="M9 16.17L5.53 12.7a.996.996 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.996.996 0 1 0-1.41-1.41L9 16.17z"
15 |             ></path>
16 |         </svg>
17 |     );
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/bx/BxBxlGoogle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function BxBxlGoogle(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path d="M20.283 10.356h-8.327v3.451h4.792c-.446 2.193-2.313 3.453-4.792 3.453a5.27 5.27 0 0 1-5.279-5.28a5.27 5.27 0 0 1 5.279-5.279c1.259 0 2.397.447 3.29 1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233a8.908 8.908 0 0 0-8.934 8.934a8.907 8.907 0 0 0 8.934 8.934c4.467 0 8.529-3.249 8.529-8.934c0-.528-.081-1.097-.202-1.625z" fill="currentColor"></path></svg>
6 |   )
7 | }
8 | export default BxBxlGoogle


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsArrowRightAltRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsArrowRightAltRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsArrowRightAltRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/bx/BxShareAlt.tsx:
--------------------------------------------------------------------------------
1 | import { SVGProps } from 'react'
2 | 
3 | export function BxShareAlt(props: SVGProps<SVGSVGElement>) {
4 |     return (
5 |         <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 15a3.5 3.5 0 0 0 2.36-.93l6.26 3.58a3 3 0 0 0-.12.85a3.53 3.53 0 1 0 1.14-2.57l-6.26-3.58a2.7 2.7 0 0 0 .12-.76l6.15-3.52A3.49 3.49 0 1 0 14 5.5a3.4 3.4 0 0 0 .12.85L8.43 9.6A3.5 3.5 0 1 0 5.5 15m12 2a1.5 1.5 0 1 1-1.5 1.5a1.5 1.5 0 0 1 1.5-1.5m0-13A1.5 1.5 0 1 1 16 5.5A1.5 1.5 0 0 1 17.5 4m-12 6A1.5 1.5 0 1 1 4 11.5A1.5 1.5 0 0 1 5.5 10" /></svg>
6 |     )
7 | }
8 | export default BxShareAlt


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsFavoriteRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsFavoriteRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 20.325q-.35 0-.712-.125t-.638-.4l-1.725-1.575q-2.65-2.425-4.788-4.812T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.325 0 2.5.562t2 1.538q.825-.975 2-1.537t2.5-.563q2.35 0 3.925 1.575T22 8.15q0 2.875-2.125 5.275T15.05 18.25l-1.7 1.55q-.275.275-.637.4t-.713.125"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsFavoriteRounded


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/plugins/image-group-base-kit.tsx:
--------------------------------------------------------------------------------
 1 | import { createSlatePlugin } from 'platejs';
 2 | 
 3 | import { ImageGroupElementStatic } from '@/components/plate/ui/image-group-node-static';
 4 | 
 5 | import { BaseImageKit } from './image-base-kit';
 6 | 
 7 | export const ELEMENT_IMAGE_GROUP = 'image_group';
 8 | 
 9 | export const BaseImageGroupPlugin = createSlatePlugin({
10 |     key: ELEMENT_IMAGE_GROUP,
11 |     node: {
12 |         isElement: true,
13 |     },
14 |     plugins: BaseImageKit,
15 | });
16 | 
17 | export const BaseImageGroupKit = [
18 |     ...BaseImageKit,
19 |     BaseImageGroupPlugin.withComponent(ImageGroupElementStatic),
20 | ];
21 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/ui/mark-toolbar-button.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | 
 5 | import { useMarkToolbarButton, useMarkToolbarButtonState } from 'platejs/react';
 6 | 
 7 | import { ToolbarButton } from './toolbar';
 8 | 
 9 | export function MarkToolbarButton({
10 |   clear,
11 |   nodeType,
12 |   ...props
13 | }: React.ComponentProps<typeof ToolbarButton> & {
14 |   nodeType: string;
15 |   clear?: string[] | string;
16 | }) {
17 |   const state = useMarkToolbarButtonState({ clear, nodeType });
18 |   const { props: buttonProps } = useMarkToolbarButton(state);
19 | 
20 |   return <ToolbarButton {...props} {...buttonProps} />;
21 | }
22 | 


--------------------------------------------------------------------------------
/apps/web/src/features/people/cover.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { usePersonBySlug } from '@hikka/react';
 4 | import { useParams } from 'next/navigation';
 5 | 
 6 | import ContentCard from '@/components/content-card/content-card';
 7 | 
 8 | const Cover = () => {
 9 |     const params = useParams();
10 | 
11 |     const { data: person } = usePersonBySlug({ slug: String(params.slug) });
12 | 
13 |     if (!person) {
14 |         return null;
15 |     }
16 | 
17 |     return (
18 |         <div className="flex items-center px-16 md:px-48 lg:px-0">
19 |             <ContentCard image={person.image} />
20 |         </div>
21 |     );
22 | };
23 | 
24 | export default Cover;
25 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsNotificationsRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsNotificationsRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 19q-.425 0-.712-.288T4 18t.288-.712T5 17h1v-7q0-2.075 1.25-3.687T10.5 4.2v-.7q0-.625.438-1.062T12 2t1.063.438T13.5 3.5v.7q2 .5 3.25 2.113T18 10v7h1q.425 0 .713.288T20 18t-.288.713T19 19zm7 3q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsNotificationsRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsSearchRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsSearchRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16m0-2q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsSearchRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsLiveTvRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsLiveTvRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m11.05 14.5l4.15-2.65q.45-.3.45-.85t-.45-.85L11.05 7.5q-.5-.325-1.025-.05t-.525.875v5.35q0 .6.525.875t1.025-.05M4 19q-.825 0-1.412-.587T2 17V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v12q0 .825-.587 1.413T20 19h-4v1q0 .425-.288.713T15 21H9q-.425 0-.712-.288T8 20v-1z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsLiveTvRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsClockLoader10.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsClockLoader10(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.6-.6-3.075t-1.725-2.6L12 12V4Q8.65 4 6.325 6.325T4 12t2.325 5.675T12 20"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsClockLoader10


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsImageOutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsImageOutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zm0 0V5zm2-2h10q.3 0 .45-.275t-.05-.525l-2.75-3.675q-.15-.2-.4-.2t-.4.2L11.25 16L9.4 13.525q-.15-.2-.4-.2t-.4.2l-2 2.675q-.2.25-.05.525T7 17"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsImageOutlineRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsShieldPerson.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsShieldPerson(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 13q1.45 0 2.475-1.025T15.5 9.5t-1.025-2.475T12 6T9.525 7.025T8.5 9.5t1.025 2.475T12 13m0 9q-3.65-.925-5.825-4T4 11.1V5l8-3l8 3v6.1q0 3.825-2.175 6.9T12 22m0-2.1q1.475-.475 2.613-1.487t1.987-2.288q-1.075-.55-2.238-.837T12 15t-2.363.288t-2.237.837q.85 1.275 1.988 2.288T12 19.9"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsShieldPerson


--------------------------------------------------------------------------------
/apps/web/src/features/modals/utility-modals/search-modal/hooks/useAnimeSearchList.ts:
--------------------------------------------------------------------------------
 1 | import { AnimePaginationResponse } from '@hikka/client';
 2 | import { useQuery } from '@hikka/react';
 3 | 
 4 | interface Props {
 5 |     value?: string;
 6 | }
 7 | 
 8 | const useAnimeSearchList = ({ value }: Props) => {
 9 |     return useQuery<AnimePaginationResponse, Error>({
10 |         queryKey: ['anime-search-list', value],
11 |         queryFn: (client) =>
12 |             client.anime.searchAnimes({ query: value }, { size: 60 }),
13 |         options: {
14 |             enabled: value !== undefined && value.length >= 3,
15 |         },
16 |     });
17 | };
18 | 
19 | export default useAnimeSearchList;
20 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/utility-modals/search-modal/hooks/useMangaSearchList.ts:
--------------------------------------------------------------------------------
 1 | import { MangaPaginationResponse } from '@hikka/client';
 2 | import { useQuery } from '@hikka/react';
 3 | 
 4 | interface Props {
 5 |     value?: string;
 6 | }
 7 | 
 8 | const useMangaSearchList = ({ value }: Props) => {
 9 |     return useQuery<MangaPaginationResponse, Error>({
10 |         queryKey: ['manga-search-list', value],
11 |         queryFn: (client) =>
12 |             client.manga.searchMangas({ query: value }, { size: 60 }),
13 |         options: {
14 |             enabled: value !== undefined && value.length >= 3,
15 |         },
16 |     });
17 | };
18 | 
19 | export default useMangaSearchList;
20 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/utility-modals/search-modal/hooks/useNovelSearchList.ts:
--------------------------------------------------------------------------------
 1 | import { NovelPaginationResponse } from '@hikka/client';
 2 | import { useQuery } from '@hikka/react';
 3 | 
 4 | interface Props {
 5 |     value?: string;
 6 | }
 7 | 
 8 | const useNovelSearchList = ({ value }: Props) => {
 9 |     return useQuery<NovelPaginationResponse, Error>({
10 |         queryKey: ['novel-search-list', value],
11 |         queryFn: (client) =>
12 |             client.novel.searchNovels({ query: value }, { size: 60 }),
13 |         options: {
14 |             enabled: value !== undefined && value.length >= 3,
15 |         },
16 |     });
17 | };
18 | 
19 | export default useNovelSearchList;
20 | 


--------------------------------------------------------------------------------
/apps/web/src/utils/adapters/convert-activity/convert-favorite-activity.tsx:
--------------------------------------------------------------------------------
 1 | import { HistoryTypeEnum } from '@hikka/client';
 2 | 
 3 | export const convertDeleteFavorite = () => {
 4 |     return 'Видалено з улюблених';
 5 | };
 6 | 
 7 | export const convertAddFavorite = () => {
 8 |     return 'Додано до улюблених';
 9 | };
10 | 
11 | export const createFavoriteEvents = (history_type: HistoryTypeEnum) => {
12 |     const events = [];
13 | 
14 |     if (history_type.includes('_remove')) {
15 |         events.push(convertDeleteFavorite());
16 |     }
17 | 
18 |     if (history_type.includes('_add')) {
19 |         events.push(convertAddFavorite());
20 |     }
21 | 
22 |     return events;
23 | };
24 | 


--------------------------------------------------------------------------------
/apps/web/src/features/articles/article-edit/article-title.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { memo } from 'react';
 4 | 
 5 | import {
 6 |     Header,
 7 |     HeaderContainer,
 8 |     HeaderTitle,
 9 | } from '@/components/ui/header';
10 | import { useArticleContext } from '@/services/providers/article-provider';
11 | 
12 | const ArticleTitle = () => {
13 |     const title = useArticleContext((state) => state.title);
14 | 
15 |     return (
16 |         <Header>
17 |             <HeaderContainer>
18 |                 <HeaderTitle variant="h2">{title || 'Нова стаття'}</HeaderTitle>
19 |             </HeaderContainer>
20 |         </Header>
21 |     );
22 | };
23 | 
24 | export default memo(ArticleTitle);
25 | 


--------------------------------------------------------------------------------
/packages/client/types/follow.ts:
--------------------------------------------------------------------------------
 1 | import { PaginationResponse } from './common';
 2 | import { UserResponse } from './user';
 3 | 
 4 | /**
 5 |  * Follow response
 6 |  */
 7 | export interface FollowResponse {
 8 |     follow: boolean;
 9 | }
10 | 
11 | /**
12 |  * Parameters for follow operations
13 |  */
14 | export interface FollowParams {
15 |     username: string;
16 | }
17 | 
18 | /**
19 |  * Follow stats response
20 |  */
21 | export interface FollowStatsResponse {
22 |     following: number;
23 |     followers: number;
24 | }
25 | 
26 | /**
27 |  * Follow list response
28 |  */
29 | export interface FollowListResponse {
30 |     list: UserResponse[];
31 |     pagination: PaginationResponse;
32 | }
33 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsAnimatedImages.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsAnimatedImages(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m12 13.5l6-4l-6-4zM9.025 17q-.825 0-1.412-.587T7.025 15V4q0-.825.588-1.412T9.025 2h11q.825 0 1.413.588T22.025 4v11q0 .825-.587 1.413T20.025 17zm-3.3 4.875q-.825.125-1.475-.4t-.75-1.35L2.15 9.2q-.1-.825.413-1.475t1.337-.75l1.125-.125V16q0 1.25.875 2.125T8.025 19H18.3q-.15.6-.6 1.038t-1.1.512z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsAnimatedImages


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsAddCommentRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsAddCommentRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m6 18l-2.3 2.3q-.475.475-1.088.213T2 19.575V4q0-.825.588-1.412T4 2h16q.825 0 1.413.588T22 4v12q0 .825-.587 1.413T20 18zm5-7v2q0 .425.288.713T12 14t.713-.288T13 13v-2h2q.425 0 .713-.288T16 10t-.288-.712T15 9h-2V7q0-.425-.288-.712T12 6t-.712.288T11 7v2H9q-.425 0-.712.288T8 10t.288.713T9 11z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsAddCommentRounded


--------------------------------------------------------------------------------
/apps/web/src/features/modals/utility-modals/search-modal/hooks/usePersonSearchList.ts:
--------------------------------------------------------------------------------
 1 | import { PersonSearchPaginationResponse } from '@hikka/client';
 2 | import { useQuery } from '@hikka/react';
 3 | 
 4 | interface Props {
 5 |     value?: string;
 6 | }
 7 | 
 8 | const usePersonSearchList = ({ value }: Props) => {
 9 |     return useQuery<PersonSearchPaginationResponse, Error>({
10 |         queryKey: ['person-search-list', value],
11 |         queryFn: (client) =>
12 |             client.people.searchPeople({ query: value }, { size: 60 }),
13 |         options: {
14 |             enabled: value !== undefined && value.length >= 3,
15 |         },
16 |     });
17 | };
18 | 
19 | export default usePersonSearchList;
20 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsCloseSmallRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsCloseSmallRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m12 13.4l-2.917 2.925q-.277.275-.704.275t-.704-.275q-.275-.275-.275-.7t.275-.7L10.6 12L7.675 9.108Q7.4 8.831 7.4 8.404t.275-.704q.275-.275.7-.275t.7.275L12 10.625L14.892 7.7q.277-.275.704-.275t.704.275q.3.3.3.713t-.3.687L13.375 12l2.925 2.917q.275.277.275.704t-.275.704q-.3.3-.712.3t-.688-.3z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsCloseSmallRounded


--------------------------------------------------------------------------------
/apps/web/src/features/characters/cover.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useCharacterBySlug } from '@hikka/react';
 4 | import { useParams } from 'next/navigation';
 5 | 
 6 | import ContentCard from '@/components/content-card/content-card';
 7 | 
 8 | const Cover = () => {
 9 |     const params = useParams();
10 | 
11 |     const { data: character } = useCharacterBySlug({
12 |         slug: String(params.slug),
13 |     });
14 | 
15 |     if (!character) {
16 |         return null;
17 |     }
18 | 
19 |     return (
20 |         <div className="flex items-center px-16 md:px-48 lg:px-0">
21 |             <ContentCard image={character.image} />
22 |         </div>
23 |     );
24 | };
25 | 
26 | export default Cover;
27 | 


--------------------------------------------------------------------------------
/packages/react/server/prefetch/api/vote.ts:
--------------------------------------------------------------------------------
 1 | import { VoteResponse } from '@hikka/client';
 2 | 
 3 | import { queryKeys } from '@/core';
 4 | import { PrefetchQueryParams, prefetchQuery } from '@/server/prefetchQuery';
 5 | import { UseVoteStatusParams } from '@/types/vote';
 6 | 
 7 | /**
 8 |  * Hook for prefetching vote status
 9 |  */
10 | export async function prefetchContentVote({
11 |     contentType,
12 |     slug,
13 |     ...rest
14 | }: PrefetchQueryParams<VoteResponse> & UseVoteStatusParams) {
15 |     return prefetchQuery({
16 |         queryKey: queryKeys.vote.status(contentType, slug),
17 |         queryFn: (client) => client.vote.getContentVote(contentType, slug),
18 |         ...rest,
19 |     });
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(content)/anime/sitemap.ts:
--------------------------------------------------------------------------------
 1 | import { HikkaClient } from '@hikka/client';
 2 | import { toDate } from 'date-fns/toDate';
 3 | import { MetadataRoute } from 'next';
 4 | 
 5 | export const dynamic = 'force-dynamic';
 6 | 
 7 | const client = new HikkaClient({
 8 |     baseUrl: process.env.NEXT_PUBLIC_API_URL,
 9 | });
10 | 
11 | export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
12 |     const res = await client.sitemap.getAnimeSitemap();
13 | 
14 |     return res.map((anime) => ({
15 |         url: 'https://hikka.io/anime/' + anime.slug,
16 |         lastModified: toDate(anime.updated_at * 1000),
17 |         changeFrequency: 'weekly',
18 |         priority: 1,
19 |     }));
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(content)/manga/sitemap.ts:
--------------------------------------------------------------------------------
 1 | import { HikkaClient } from '@hikka/client';
 2 | import { toDate } from 'date-fns/toDate';
 3 | import { MetadataRoute } from 'next';
 4 | 
 5 | export const dynamic = 'force-dynamic';
 6 | 
 7 | const client = new HikkaClient({
 8 |     baseUrl: process.env.NEXT_PUBLIC_API_URL,
 9 | });
10 | 
11 | export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
12 |     const res = await client.sitemap.getMangaSitemap();
13 | 
14 |     return res.map((manga) => ({
15 |         url: 'https://hikka.io/manga/' + manga.slug,
16 |         lastModified: toDate(manga.updated_at * 1000),
17 |         changeFrequency: 'weekly',
18 |         priority: 1,
19 |     }));
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(content)/novel/sitemap.ts:
--------------------------------------------------------------------------------
 1 | import { HikkaClient } from '@hikka/client';
 2 | import { toDate } from 'date-fns/toDate';
 3 | import { MetadataRoute } from 'next';
 4 | 
 5 | export const dynamic = 'force-dynamic';
 6 | 
 7 | const client = new HikkaClient({
 8 |     baseUrl: process.env.NEXT_PUBLIC_API_URL,
 9 | });
10 | 
11 | export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
12 |     const res = await client.sitemap.getNovelSitemap();
13 | 
14 |     return res.map((novel) => ({
15 |         url: 'https://hikka.io/novel/' + novel.slug,
16 |         lastModified: toDate(novel.updated_at * 1000),
17 |         changeFrequency: 'weekly',
18 |         priority: 1,
19 |     }));
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsBarChartRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsBarChartRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M17 20q-.425 0-.712-.288T16 19v-5q0-.425.288-.712T17 13h2q.425 0 .713.288T20 14v5q0 .425-.288.713T19 20zm-6 0q-.425 0-.712-.288T10 19V5q0-.425.288-.712T11 4h2q.425 0 .713.288T14 5v14q0 .425-.288.713T13 20zm-6 0q-.425 0-.712-.288T4 19v-9q0-.425.288-.712T5 9h2q.425 0 .713.288T8 10v9q0 .425-.288.713T7 20z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsBarChartRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/ph/PhTipJarFill.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function PhTipJarFill(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256" {...props}><path fill="currentColor" d="M184 48.81V32a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v16.81A40.05 40.05 0 0 0 40 88v112a40 40 0 0 0 40 40h96a40 40 0 0 0 40-40V88a40.05 40.05 0 0 0-32-39.19M120 32h16v16h-16Zm-32 0h16v16H88Zm48 152v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h24a8 8 0 0 0 0-16h-16a24 24 0 0 1 0-48v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 0 16h-24a8 8 0 0 0 0 16h16a24 24 0 0 1 0 48m32-136h-16V32h16Z"></path></svg>
6 |   )
7 | }
8 | export default PhTipJarFill


--------------------------------------------------------------------------------
/apps/web/src/features/oauth/components/scope.tsx:
--------------------------------------------------------------------------------
 1 | import { FC } from 'react';
 2 | 
 3 | import P from '@/components/typography/p';
 4 | import { cn } from '@/utils/utils';
 5 | 
 6 | interface Props {
 7 |     scope: Hikka.Scope;
 8 | }
 9 | 
10 | const Scope: FC<Props> = ({ scope }) => {
11 |     if (!scope) return null;
12 | 
13 |     return (
14 |         <div className="flex items-center gap-3">
15 |             <div className="rounded-sm bg-secondary/20 p-1">
16 |                 <scope.level.icon className={cn('size-4', scope.level.color)} />
17 |             </div>
18 |             <P className="text-sm text-muted-foreground">{scope.title_ua}</P>
19 |         </div>
20 |     );
21 | };
22 | 
23 | export default Scope;
24 | 


--------------------------------------------------------------------------------
/apps/web/src/services/hooks/use-on-screen.ts:
--------------------------------------------------------------------------------
 1 | import { RefObject, useEffect, useMemo, useState } from 'react';
 2 | 
 3 | export default function useOnScreen(ref: RefObject<HTMLElement | null>) {
 4 |     const [isIntersecting, setIntersecting] = useState(false);
 5 | 
 6 |     const observer = useMemo(
 7 |         () =>
 8 |             new IntersectionObserver(([entry]) =>
 9 |                 setIntersecting(entry.isIntersecting),
10 |             ),
11 |         [ref],
12 |     );
13 | 
14 |     useEffect(() => {
15 |         if (ref.current) {
16 |             observer.observe(ref.current);
17 |         }
18 | 
19 |         return () => observer.disconnect();
20 |     }, []);
21 | 
22 |     return isIntersecting;
23 | }
24 | 


--------------------------------------------------------------------------------
/apps/web/src/components/content-card/content-card-skeleton.tsx:
--------------------------------------------------------------------------------
 1 | interface Props {}
 2 | 
 3 | const Component = ({}: Props) => {
 4 |     return (
 5 |         <div className="flex animate-pulse flex-col gap-2">
 6 |             <div className="relative w-full overflow-hidden rounded-lg bg-inherit pt-[140%]">
 7 |                 <div className="absolute left-0 top-0 size-full bg-secondary/20" />
 8 |             </div>
 9 |             <div className="flex flex-col gap-2 py-3">
10 |                 <div className="h-2 w-full rounded-lg bg-secondary/20" />
11 |                 <div className="h-2 w-1/3 rounded-lg bg-secondary/20" />
12 |             </div>
13 |         </div>
14 |     );
15 | };
16 | 
17 | export default Component;
18 | 


--------------------------------------------------------------------------------
/packages/react/types/watch.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |     AnimeWatchSearchArgs,
 3 |     WatchArgs,
 4 |     WatchStatusEnum,
 5 | } from '@hikka/client';
 6 | 
 7 | export interface UseWatchEntryParams {
 8 |     slug: string;
 9 | }
10 | 
11 | export interface UseWatchStatsParams {
12 |     username: string;
13 | }
14 | 
15 | export interface UseWatchListParams {
16 |     username: string;
17 |     args: AnimeWatchSearchArgs;
18 | }
19 | 
20 | export interface UseFollowingWatchersParams {
21 |     slug: string;
22 | }
23 | 
24 | export interface UseCreateWatchParams {
25 |     slug: string;
26 |     args: WatchArgs;
27 | }
28 | 
29 | export interface RandomAnimeVariables {
30 |     username: string;
31 |     status: WatchStatusEnum;
32 | }
33 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsKidStar.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsKidStar(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m7.625 6.4l2.8-3.625q.3-.4.713-.587T12 2t.863.188t.712.587l2.8 3.625l4.25 1.425q.65.2 1.025.738t.375 1.187q0 .3-.088.6t-.287.575l-2.75 3.9l.1 4.1q.025.875-.575 1.475t-1.4.6q-.05 0-.55-.075L12 19.675l-4.475 1.25q-.125.05-.275.063T6.975 21q-.8 0-1.4-.6T5 18.925l.1-4.125l-2.725-3.875q-.2-.275-.288-.575T2 9.75q0-.625.363-1.162t1.012-.763z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsKidStar


--------------------------------------------------------------------------------
/apps/web/src/features/articles/article-view/article-author.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useArticleBySlug } from '@hikka/react';
 4 | import { useParams } from 'next/navigation';
 5 | import { FC } from 'react';
 6 | 
 7 | import Author from '@/components/article-item/article-author';
 8 | 
 9 | interface Props {}
10 | 
11 | const ArticleAuthor: FC<Props> = () => {
12 |     const params = useParams();
13 | 
14 |     const { data: article } = useArticleBySlug({
15 |         slug: String(params.slug),
16 |     });
17 | 
18 |     return (
19 |         <Author
20 |             article={article!}
21 |             className="bg-secondary/20 backdrop-blur-xl"
22 |         />
23 |     );
24 | };
25 | 
26 | export default ArticleAuthor;
27 | 


--------------------------------------------------------------------------------
/apps/web/src/features/content/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as ContentActions } from './actions';
 2 | export { default as ContentCharacters } from './characters';
 3 | export { default as ContentStats } from './content-stats';
 4 | export { default as ContentCover } from './cover';
 5 | export { default as ContentDescription } from './description';
 6 | export { default as ContentDetails } from './details';
 7 | export { default as Franchise } from './franchise';
 8 | export { default as ContentLinks } from './links';
 9 | export { default as ContentMedia } from './media';
10 | export { default as ContentNavbar } from './navbar';
11 | export { default as ContentStaff } from './staff';
12 | export { default as ContentTitle } from './title';
13 | 


--------------------------------------------------------------------------------
/packages/react/types/index.ts:
--------------------------------------------------------------------------------
 1 | export * from './anime';
 2 | export * from './articles';
 3 | export * from './auth';
 4 | export * from './characters';
 5 | export * from './client';
 6 | export * from './collections';
 7 | export * from './comments';
 8 | export * from './companies';
 9 | export * from './edit';
10 | export * from './favourite';
11 | export * from './follow';
12 | export * from './history';
13 | export * from './manga';
14 | export * from './novel';
15 | export * from './people';
16 | export * from './read';
17 | export * from './related';
18 | export * from './schedule';
19 | export * from './settings';
20 | export * from './stats';
21 | export * from './user';
22 | export * from './vote';
23 | export * from './watch';
24 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsCheckCircleRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsCheckCircleRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m10.6 13.8l-2.15-2.15q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsCheckCircleRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsInfoRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsInfoRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 17q.425 0 .713-.288T13 16v-4q0-.425-.288-.712T12 11t-.712.288T11 12v4q0 .425.288.713T12 17m0-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsInfoRounded


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(content)/anime/(anime-list)/page.tsx:
--------------------------------------------------------------------------------
 1 | import {
 2 |     HydrationBoundary,
 3 |     dehydrate,
 4 |     getQueryClient,
 5 | } from '@hikka/react/core';
 6 | import { FC } from 'react';
 7 | 
 8 | import { AnimeList } from '@/features/anime';
 9 | 
10 | interface Props {
11 |     searchParams: { [key: string]: string | string[] | undefined };
12 | }
13 | 
14 | const AnimeListPage: FC<Props> = async (props) => {
15 |     const queryClient = getQueryClient();
16 | 
17 |     const dehydratedState = dehydrate(queryClient);
18 | 
19 |     return (
20 |         <HydrationBoundary state={dehydratedState}>
21 |             <AnimeList />
22 |         </HydrationBoundary>
23 |     );
24 | };
25 | 
26 | export default AnimeListPage;
27 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsWarningRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsWarningRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M2.725 21q-.275 0-.5-.137t-.35-.363t-.137-.488t.137-.512l9.25-16q.15-.25.388-.375T12 3t.488.125t.387.375l9.25 16q.15.25.138.513t-.138.487t-.35.363t-.5.137zM12 18q.425 0 .713-.288T13 17t-.288-.712T12 16t-.712.288T11 17t.288.713T12 18m0-3q.425 0 .713-.288T13 14v-3q0-.425-.288-.712T12 10t-.712.288T11 11v3q0 .425.288.713T12 15"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsWarningRounded


--------------------------------------------------------------------------------
/apps/web/src/features/common/login-button.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import Link from 'next/link';
 4 | import { usePathname, useSearchParams } from 'next/navigation';
 5 | 
 6 | import { Button, ButtonProps } from '@/components/ui/button';
 7 | 
 8 | const LoginButton = (props: ButtonProps) => {
 9 |     const pathname = usePathname();
10 |     const searchParams = useSearchParams();
11 | 
12 |     const currentUrl = `${pathname}${searchParams.toString() ? `?${searchParams.toString()}` : ''}`;
13 | 
14 |     return (
15 |         <Button size="md" variant="ghost" asChild {...props}>
16 |             <Link href={`/login?callbackUrl=${currentUrl}`}>Увійти</Link>
17 |         </Button>
18 |     );
19 | };
20 | 
21 | export default LoginButton;
22 | 


--------------------------------------------------------------------------------
/apps/web/src/features/modals/utility-modals/search-modal/hooks/useCharacterSearchList.ts:
--------------------------------------------------------------------------------
 1 | import { CharactersSearchPaginationResponse } from '@hikka/client';
 2 | import { useQuery } from '@hikka/react';
 3 | 
 4 | interface Props {
 5 |     value?: string;
 6 | }
 7 | 
 8 | const useCharacterSearchList = ({ value }: Props) => {
 9 |     return useQuery<CharactersSearchPaginationResponse, Error>({
10 |         queryKey: ['character-search-list', value],
11 |         queryFn: (client) =>
12 |             client.characters.searchCharacters({ query: value }, { size: 60 }),
13 |         options: {
14 |             enabled: value !== undefined && value.length >= 3,
15 |         },
16 |     });
17 | };
18 | 
19 | export default useCharacterSearchList;
20 | 


--------------------------------------------------------------------------------
/apps/web/src/utils/cookies.ts:
--------------------------------------------------------------------------------
 1 | 'use server';
 2 | 
 3 | import { cookies } from 'next/headers';
 4 | 
 5 | export async function setCookie(name: string, value: string) {
 6 |     (await cookies()).set(name, value, {
 7 |         maxAge: 30 * 24 * 60 * 60,
 8 |         httpOnly: process.env.COOKIE_HTTP_ONLY === 'true',
 9 |         sameSite: 'lax',
10 |         domain: process.env.COOKIE_DOMAIN,
11 |     });
12 | }
13 | 
14 | export async function deleteCookie(name: string) {
15 |     return (await cookies()).delete(name);
16 | }
17 | 
18 | export async function getCookie(name: string) {
19 |     return (await cookies()).get(name)?.value;
20 | }
21 | 
22 | export async function getCookies() {
23 |     return (await cookies()).getAll().values();
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsDriveFileRenameOutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsDriveFileRenameOutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m10 21l4-4h6q.825 0 1.413.588T22 19q0 .825-.588 1.413T20 21H10Zm8.3-12.075l-4.25-4.2l1.4-1.4q.575-.575 1.413-.575t1.412.575l1.4 1.4q.575.575.6 1.388t-.55 1.387L18.3 8.925ZM3 21q-.425 0-.713-.288T2 20v-2.825q0-.2.075-.388t.225-.337l10.3-10.3l4.25 4.25l-10.3 10.3q-.15.15-.337.225T5.825 21H3Z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsDriveFileRenameOutlineRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsOpenInNewRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsOpenInNewRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h6q.425 0 .713.288T12 4t-.288.713T11 5H5v14h14v-6q0-.425.288-.712T20 12t.713.288T21 13v6q0 .825-.587 1.413T19 21zM19 6.4L10.4 15q-.275.275-.7.275T9 15t-.275-.7t.275-.7L17.6 5H15q-.425 0-.712-.288T14 4t.288-.712T15 3h5q.425 0 .713.288T21 4v5q0 .425-.288.713T20 10t-.712-.288T19 9z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsOpenInNewRounded


--------------------------------------------------------------------------------
/apps/web/src/components/tailwind-indicator.tsx:
--------------------------------------------------------------------------------
 1 | export function TailwindIndicator() {
 2 |     if (process.env.NODE_ENV === 'production') return null;
 3 | 
 4 |     return (
 5 |         <div className="fixed bottom-1 left-1 z-50 flex size-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white">
 6 |             <div className="block sm:hidden">xs</div>
 7 |             <div className="hidden sm:block md:hidden">sm</div>
 8 |             <div className="hidden md:block lg:hidden">md</div>
 9 |             <div className="hidden lg:block xl:hidden">lg</div>
10 |             <div className="hidden xl:block 2xl:hidden">xl</div>
11 |             <div className="hidden 2xl:block">2xl</div>
12 |         </div>
13 |     );
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsBookmarkFlagOutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsBookmarkFlagOutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M11 13.25V11h3.5q.3 0 .45-.275t-.05-.525L14 9l.9-1.2q.2-.25.05-.525T14.5 7h-4q-.425 0-.712.288T9.5 8v5.25q0 .325.213.538t.537.212t.538-.213t.212-.537M12 18l-4.2 1.8q-1 .425-1.9-.162T5 17.975V5q0-.825.588-1.412T7 3h10q.825 0 1.413.588T19 5v12.975q0 1.075-.9 1.663t-1.9.162zm0-2.2l5 2.15V5H7v12.95zM12 5H7h10z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsBookmarkFlagOutlineRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsLoginRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsLoginRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M13 21q-.425 0-.712-.288T12 20t.288-.712T13 19h6V5h-6q-.425 0-.712-.288T12 4t.288-.712T13 3h6q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm-1.825-8H4q-.425 0-.712-.288T3 12t.288-.712T4 11h7.175L9.3 9.125q-.275-.275-.275-.675t.275-.7t.7-.313t.725.288L14.3 11.3q.3.3.3.7t-.3.7l-3.575 3.575q-.3.3-.712.288T9.3 16.25q-.275-.3-.262-.712t.287-.688z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsLoginRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsLogoutRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsLogoutRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h6q.425 0 .713.288T12 4t-.288.713T11 5H5v14h6q.425 0 .713.288T12 20t-.288.713T11 21zm12.175-8H10q-.425 0-.712-.288T9 12t.288-.712T10 11h7.175L15.3 9.125q-.275-.275-.275-.675t.275-.7t.7-.313t.725.288L20.3 11.3q.3.3.3.7t-.3.7l-3.575 3.575q-.3.3-.712.288t-.713-.313q-.275-.3-.262-.712t.287-.688z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsLogoutRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsRefreshRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsRefreshRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V5q0-.425.288-.712T19 4t.713.288T20 5v5q0 .425-.288.713T19 11h-5q-.425 0-.712-.288T13 10t.288-.712T14 9h3.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.7 0 3.113-.862t2.187-2.313q.2-.35.563-.487t.737-.013q.4.125.575.525t-.025.75q-1.025 2-2.925 3.2T12 20"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsRefreshRounded


--------------------------------------------------------------------------------
/apps/web/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "$schema": "https://ui.shadcn.com/schema.json",
 3 |     "style": "default",
 4 |     "rsc": true,
 5 |     "tsx": true,
 6 |     "tailwind": {
 7 |         "config": "tailwind.config.js",
 8 |         "css": "src/app/globals.css",
 9 |         "baseColor": "slate",
10 |         "cssVariables": true,
11 |         "prefix": ""
12 |     },
13 |     "aliases": {
14 |         "components": "@/components",
15 |         "utils": "@/utils/utils"
16 |     },
17 |     "registries": {
18 |         "plate": {
19 |             "url": "https://platejs.org/r",
20 |             "style": "default",
21 |             "aliases": {
22 |                 "ui": "@/components/markdown/editor/plate-ui"
23 |             }
24 |         }
25 |     }
26 | }
27 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsDynamicFeedRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsDynamicFeedRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M4 21q-.825 0-1.412-.587T2 19v-6q0-.425.288-.712T3 12t.713.288T4 13v6h8q.425 0 .713.288T13 20t-.288.713T12 21zm4-4q-.825 0-1.412-.587T6 15V9q0-.425.288-.712T7 8t.713.288T8 9v6h8q.425 0 .713.288T17 16t-.288.713T16 17zm4-4q-.825 0-1.412-.587T10 11V5q0-.825.588-1.412T12 3h8q.825 0 1.413.588T22 5v6q0 .825-.587 1.413T20 13zm0-2h8V7h-8z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsDynamicFeedRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsLockOpenRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsLockOpenRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M6 22q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h9V6q0-1.25-.875-2.125T12 3q-1.05 0-1.838.638T9.1 5.225q-.1.35-.413.563T8 6q-.425 0-.712-.275t-.213-.65q.275-1.7 1.662-2.888T12 1q2.075 0 3.538 1.463T17 6v2h1q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22zm6-5q.825 0 1.413-.587T14 15t-.587-1.412T12 13t-1.412.588T10 15t.588 1.413T12 17"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsLockOpenRounded


--------------------------------------------------------------------------------
/apps/web/src/features/oauth/oauth-header.tsx:
--------------------------------------------------------------------------------
 1 | import Link from 'next/link';
 2 | import { FC } from 'react';
 3 | 
 4 | import { Header, HeaderContainer, HeaderTitle } from '@/components/ui/header';
 5 | 
 6 | interface Props {}
 7 | 
 8 | const OAuthHeader: FC<Props> = () => {
 9 |     return (
10 |         <div className="flex w-full justify-between">
11 |             <Header>
12 |                 <HeaderContainer>
13 |                     <HeaderTitle variant="h2">Додати зʼєднання</HeaderTitle>
14 |                 </HeaderContainer>
15 |             </Header>
16 |             <Link href="/">
17 |                 <div className="logo-full h-[24px] w-[80px]" />
18 |             </Link>
19 |         </div>
20 |     );
21 | };
22 | 
23 | export default OAuthHeader;
24 | 


--------------------------------------------------------------------------------
/packages/react/server/prefetch/api/related.ts:
--------------------------------------------------------------------------------
 1 | import { FranchiseResponse } from '@hikka/client';
 2 | 
 3 | import { queryKeys } from '@/core';
 4 | import { PrefetchQueryParams, prefetchQuery } from '@/server/prefetchQuery';
 5 | import { UseFranchiseParams } from '@/types/related';
 6 | 
 7 | /**
 8 |  * Prefetches franchise information for server-side rendering
 9 |  */
10 | export async function prefetchFranchise({
11 |     contentType,
12 |     slug,
13 |     ...rest
14 | }: PrefetchQueryParams<FranchiseResponse> & UseFranchiseParams) {
15 |     return prefetchQuery({
16 |         queryKey: queryKeys.related.franchise(contentType, slug),
17 |         queryFn: (client) => client.related.getFranchise(contentType, slug),
18 |         ...rest,
19 |     });
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(auth)/reset/[token]/page.tsx:
--------------------------------------------------------------------------------
 1 | import { Metadata } from 'next';
 2 | import { FC } from 'react';
 3 | 
 4 | import { PasswordConfirmForm, PasswordConfirmHeader } from '@/features/auth';
 5 | 
 6 | import _generateMetadata from '@/utils/generate-metadata';
 7 | 
 8 | export const metadata: Metadata = _generateMetadata({
 9 |     title: 'Відновити пароль',
10 | });
11 | 
12 | interface Props {
13 |     params: {
14 |         token: string;
15 |     };
16 | }
17 | 
18 | const PasswordConfirmPage: FC<Props> = () => {
19 |     return (
20 |         <div className="w-full space-y-6">
21 |             <PasswordConfirmHeader />
22 |             <PasswordConfirmForm />
23 |         </div>
24 |     );
25 | };
26 | 
27 | export default PasswordConfirmPage;
28 | 


--------------------------------------------------------------------------------
/apps/web/src/services/hooks/use-debounce.ts:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | 
 3 | type DebounceProps<T> = {
 4 |     value: T;
 5 |     delay?: number;
 6 | }
 7 | 
 8 | const useDebounce = <T>({ value, delay = 500 }: DebounceProps<T>) => {
 9 |     const [debouncedValue, setDebouncedValue] = React.useState(value);
10 | 
11 |     React.useEffect(() => {
12 |         const handler: NodeJS.Timeout = setTimeout(() => {
13 |             setDebouncedValue(value);
14 |         }, delay);
15 | 
16 |         // Cancel the timeout if value changes (also on delay change or unmount)
17 |         return () => {
18 |             clearTimeout(handler);
19 |         };
20 |     }, [value, delay]);
21 | 
22 |     return debouncedValue;
23 | };
24 | 
25 | export default useDebounce;
26 | 


--------------------------------------------------------------------------------
/packages/client/modules/related.ts:
--------------------------------------------------------------------------------
 1 | import { BaseRequestOptionsArgs } from '../types';
 2 | import { FranchiseResponse, RelatedContentType } from '../types/related';
 3 | import { BaseModule } from './base';
 4 | 
 5 | /**
 6 |  * Module for handling related content
 7 |  */
 8 | export class RelatedModule extends BaseModule {
 9 |     /**
10 |      * Get franchise information for a content
11 |      */
12 |     public async getFranchise(
13 |         contentType: RelatedContentType,
14 |         slug: string,
15 |         options?: BaseRequestOptionsArgs,
16 |     ): Promise<FranchiseResponse> {
17 |         return this.client.get<FranchiseResponse>(
18 |             `/related/${contentType}/${slug}/franchise`,
19 |             options,
20 |         );
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/packages/react/.gitignore:
--------------------------------------------------------------------------------
 1 | # Dependencies
 2 | node_modules/
 3 | .yarn/*
 4 | !.yarn/patches
 5 | !.yarn/plugins
 6 | !.yarn/releases
 7 | !.yarn/sdks
 8 | !.yarn/versions
 9 | 
10 | # Build outputs
11 | dist/
12 | build/
13 | lib/
14 | 
15 | # Logs
16 | logs
17 | *.log
18 | npm-debug.log*
19 | yarn-debug.log*
20 | yarn-error.log*
21 | 
22 | # Editor directories and files
23 | .idea/
24 | .vscode/
25 | *.suo
26 | *.ntvs*
27 | *.njsproj
28 | *.sln
29 | *.sw?
30 | 
31 | # OS specific
32 | .DS_Store
33 | Thumbs.db
34 | 
35 | # Environment variables
36 | .env
37 | .env.local
38 | .env.development.local
39 | .env.test.local
40 | .env.production.local
41 | 
42 | # TypeScript
43 | *.tsbuildinfo
44 | 
45 | # Coverage directory used by tools like istanbul
46 | coverage/
47 | .coverage/ 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(content)/manga/(manga-list)/page.tsx:
--------------------------------------------------------------------------------
 1 | import {
 2 |     HydrationBoundary,
 3 |     dehydrate,
 4 |     getQueryClient,
 5 | } from '@hikka/react/core';
 6 | import { FC } from 'react';
 7 | 
 8 | import { MangaList } from '@/features/manga';
 9 | 
10 | interface Props {
11 |     searchParams: Record<string, string>;
12 | }
13 | 
14 | const MangaListPage: FC<Props> = async (props) => {
15 |     const queryClient = getQueryClient();
16 | 
17 |     // await prefetchMangaCatalog(dataKeys);
18 | 
19 |     const dehydratedState = dehydrate(queryClient);
20 | 
21 |     return (
22 |         <HydrationBoundary state={dehydratedState}>
23 |             <MangaList />
24 |         </HydrationBoundary>
25 |     );
26 | };
27 | 
28 | export default MangaListPage;
29 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/(content)/novel/(novel-list)/page.tsx:
--------------------------------------------------------------------------------
 1 | import {
 2 |     HydrationBoundary,
 3 |     dehydrate,
 4 |     getQueryClient,
 5 | } from '@hikka/react/core';
 6 | import { FC } from 'react';
 7 | 
 8 | import { NovelList } from '@/features/novel';
 9 | 
10 | interface Props {
11 |     searchParams: Record<string, string>;
12 | }
13 | 
14 | const NovelListPage: FC<Props> = async (props) => {
15 |     const queryClient = getQueryClient();
16 | 
17 |     // await prefetchNovelCatalog(dataKeys);
18 | 
19 |     const dehydratedState = dehydrate(queryClient);
20 | 
21 |     return (
22 |         <HydrationBoundary state={dehydratedState}>
23 |             <NovelList />
24 |         </HydrationBoundary>
25 |     );
26 | };
27 | 
28 | export default NovelListPage;
29 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsZoomOutRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsZoomOutRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M8 10.5q-.425 0-.712-.288T7 9.5t.288-.712T8 8.5h3q.425 0 .713.288T12 9.5t-.288.713T11 10.5zM9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16m0-2q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsZoomOutRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/watch-status/planned.tsx:
--------------------------------------------------------------------------------
 1 | import { SVGProps } from 'react';
 2 | 
 3 | export default function MaterialSymbolsAddRounded(
 4 |     props: SVGProps<SVGSVGElement>,
 5 | ) {
 6 |     return (
 7 |         <svg
 8 |             xmlns="http://www.w3.org/2000/svg"
 9 |             width="1em"
10 |             height="1em"
11 |             viewBox="0 0 24 24"
12 |             {...props}
13 |         >
14 |             <path
15 |                 fill="currentColor"
16 |                 d="M11 13H6q-.425 0-.713-.288T5 12q0-.425.288-.713T6 11h5V6q0-.425.288-.713T12 5q.425 0 .713.288T13 6v5h5q.425 0 .713.288T19 12q0 .425-.288.713T18 13h-5v5q0 .425-.288.713T12 19q-.425 0-.713-.288T11 18v-5Z"
17 |             ></path>
18 |         </svg>
19 |     );
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/ui/link-node-static.tsx:
--------------------------------------------------------------------------------
 1 | import { getLinkAttributes } from '@platejs/link';
 2 | import type { TLinkElement } from 'platejs';
 3 | import type { SlateElementProps } from 'platejs/static';
 4 | import { SlateElement } from 'platejs/static';
 5 | 
 6 | import Link from '@/components/typography/link';
 7 | 
 8 | export function LinkElementStatic(props: SlateElementProps<TLinkElement>) {
 9 |     return (
10 |         <SlateElement
11 |             {...props}
12 |             as={Link as any}
13 |             attributes={{
14 |                 ...props.attributes,
15 |                 ...getLinkAttributes(props.editor, props.element),
16 |             }}
17 |         >
18 |             {props.children}
19 |         </SlateElement>
20 |     );
21 | }
22 | 


--------------------------------------------------------------------------------
/packages/client/.gitignore:
--------------------------------------------------------------------------------
 1 | # Dependencies
 2 | node_modules/
 3 | .yarn/*
 4 | !.yarn/patches
 5 | !.yarn/plugins
 6 | !.yarn/releases
 7 | !.yarn/sdks
 8 | !.yarn/versions
 9 | 
10 | # Build outputs
11 | dist/
12 | build/
13 | lib/
14 | 
15 | # Logs
16 | logs
17 | *.log
18 | npm-debug.log*
19 | yarn-debug.log*
20 | yarn-error.log*
21 | 
22 | # Editor directories and files
23 | .idea/
24 | .vscode/
25 | *.suo
26 | *.ntvs*
27 | *.njsproj
28 | *.sln
29 | *.sw?
30 | 
31 | # OS specific
32 | .DS_Store
33 | Thumbs.db
34 | 
35 | # Environment variables
36 | .env
37 | .env.local
38 | .env.development.local
39 | .env.test.local
40 | .env.production.local
41 | 
42 | # TypeScript
43 | *.tsbuildinfo
44 | 
45 | # Coverage directory used by tools like istanbul
46 | coverage/
47 | .coverage/ 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsPublishRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsPublishRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m11 11.85l-1.875 1.875q-.3.3-.712.288T7.7 13.7q-.275-.3-.288-.7t.288-.7l3.6-3.6q.15-.15.325-.212T12 8.425t.375.063t.325.212l3.6 3.6q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L13 11.85V19q0 .425-.288.713T12 20t-.712-.288T11 19zM4 8V6q0-.825.588-1.412T6 4h12q.825 0 1.413.588T20 6v2q0 .425-.288.713T19 9t-.712-.288T18 8V6H6v2q0 .425-.288.713T5 9t-.712-.288T4 8"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsPublishRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsUploadRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsUploadRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M6 20q-.825 0-1.412-.587T4 18v-2q0-.425.288-.712T5 15t.713.288T6 16v2h12v-2q0-.425.288-.712T19 15t.713.288T20 16v2q0 .825-.587 1.413T18 20zm5-12.15L9.125 9.725q-.3.3-.712.288T7.7 9.7q-.275-.3-.288-.7t.288-.7l3.6-3.6q.15-.15.325-.212T12 4.425t.375.063t.325.212l3.6 3.6q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L13 7.85V15q0 .425-.288.713T12 16t-.712-.288T11 15z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsUploadRounded


--------------------------------------------------------------------------------
/packages/react/server/prefetch/api/settings.ts:
--------------------------------------------------------------------------------
 1 | import { IgnoredNotificationsResponse } from '@hikka/client';
 2 | 
 3 | import { queryKeys } from '@/core';
 4 | import { PrefetchQueryParams, prefetchQuery } from '@/server/prefetchQuery';
 5 | import { UseIgnoredNotificationsParams } from '@/types/settings';
 6 | 
 7 | /**
 8 |  * Function for prefetching ignored notification types
 9 |  */
10 | export async function prefetchIgnoredNotifications({
11 |     ...rest
12 | }: PrefetchQueryParams<IgnoredNotificationsResponse> &
13 |     UseIgnoredNotificationsParams = {}) {
14 |     return prefetchQuery({
15 |         queryKey: queryKeys.settings.ignoredNotifications(),
16 |         queryFn: (client) => client.settings.getIgnoredNotifications(),
17 |         ...rest,
18 |     });
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsWarningOutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsWarningOutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M2.725 21q-.275 0-.5-.137t-.35-.363t-.137-.488t.137-.512l9.25-16q.15-.25.388-.375T12 3t.488.125t.387.375l9.25 16q.15.25.138.513t-.138.487t-.35.363t-.5.137zm1.725-2h15.1L12 6zM12 18q.425 0 .713-.288T13 17t-.288-.712T12 16t-.712.288T11 17t.288.713T12 18m0-3q.425 0 .713-.288T13 14v-3q0-.425-.288-.712T12 10t-.712.288T11 11v3q0 .425.288.713T12 15m0-2.5"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsWarningOutlineRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/bx/BxBxsDonateHeart.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function BxBxsDonateHeart(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path d="M17.726 13.02L14 16H9v-1h4.065a.5.5 0 0 0 .416-.777l-.888-1.332A1.995 1.995 0 0 0 10.93 12H3a1 1 0 0 0-1 1v6a2 2 0 0 0 2 2h9.639a3 3 0 0 0 2.258-1.024L22 13l-1.452-.484a2.998 2.998 0 0 0-2.822.504zm1.532-5.63c.451-.465.73-1.108.73-1.818s-.279-1.353-.73-1.818A2.447 2.447 0 0 0 17.494 3S16.25 2.997 15 4.286C13.75 2.997 12.506 3 12.506 3a2.45 2.45 0 0 0-1.764.753c-.451.466-.73 1.108-.73 1.818s.279 1.354.73 1.818L15 12l4.258-4.61z" fill="currentColor"></path></svg>
6 |   )
7 | }
8 | export default BxBxsDonateHeart


--------------------------------------------------------------------------------
/apps/web/src/components/snowfall-manager.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import Snowfall from 'react-snowfall';
 4 | 
 5 | import { useSettingsStore } from '@/services/stores/settings-store';
 6 | 
 7 | const SnowfallManager = () => {
 8 |     const settings = useSettingsStore();
 9 | 
10 |     if (!settings.snowflakes) {
11 |         return null;
12 |     }
13 | 
14 |     return (
15 |         <Snowfall
16 |             snowflakeCount={100}
17 |             speed={[0.5, 1.5]}
18 |             wind={[-0.5, 1]}
19 |             style={{
20 |                 height: '100lvh',
21 |                 maskImage:
22 |                     'linear-gradient(to bottom, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0))',
23 |             }}
24 |         />
25 |     );
26 | };
27 | 
28 | export default SnowfallManager;
29 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsEventListRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsEventListRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M16 21q-.825 0-1.412-.587T14 19v-4q0-.825.588-1.412T16 13h4q.825 0 1.413.588T22 15v4q0 .825-.587 1.413T20 21zM3 18q-.425 0-.712-.288T2 17t.288-.712T3 16h7q.425 0 .713.288T11 17t-.288.713T10 18zm13-7q-.825 0-1.412-.587T14 9V5q0-.825.588-1.412T16 3h4q.825 0 1.413.588T22 5v4q0 .825-.587 1.413T20 11zM3 8q-.425 0-.712-.288T2 7t.288-.712T3 6h7q.425 0 .713.288T11 7t-.288.713T10 8z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsEventListRounded


--------------------------------------------------------------------------------
/apps/web/src/features/edit/components/edit-list/edit-skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { range } from '@antfu/utils';
 2 | 
 3 | import Block from '@/components/ui/block';
 4 | import { Table, TableBody } from '@/components/ui/table';
 5 | 
 6 | import EditHead from './edit-head';
 7 | import EntryTableRowSkeleton from './entry-table-row-skeleton';
 8 | 
 9 | const EditSkeleton = () => {
10 |     return (
11 |         <Block>
12 |             <Table className="table">
13 |                 <EditHead />
14 |                 <TableBody>
15 |                     {range(1, 20).map((v) => (
16 |                         <EntryTableRowSkeleton key={v} />
17 |                     ))}
18 |                 </TableBody>
19 |             </Table>
20 |         </Block>
21 |     );
22 | };
23 | 
24 | export default EditSkeleton;
25 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsHourglassEmptyRounded.tsx:
--------------------------------------------------------------------------------
1 | import { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsAddRounded(props: SVGProps<SVGSVGElement>) {
4 |     return (
5 |         <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M8 20h8v-3q0-1.65-1.175-2.825T12 13t-2.825 1.175T8 17zm4-9q1.65 0 2.825-1.175T16 7V4H8v3q0 1.65 1.175 2.825T12 11M5 22q-.425 0-.712-.288T4 21t.288-.712T5 20h1v-3q0-1.525.713-2.863T8.7 12q-1.275-.8-1.987-2.137T6 7V4H5q-.425 0-.712-.288T4 3t.288-.712T5 2h14q.425 0 .713.288T20 3t-.288.713T19 4h-1v3q0 1.525-.712 2.863T15.3 12q1.275.8 1.988 2.138T18 17v3h1q.425 0 .713.288T20 21t-.288.713T19 22z" /></svg>
6 |     )
7 | }
8 | export default MaterialSymbolsAddRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsFlagCircleRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsFlagCircleRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M9.5 13H12l.725 1.45q.125.275.375.413t.525.137H17q.425 0 .713-.288T18 14v-4q0-.425-.288-.712T17 9h-2l-.725-1.45q-.125-.275-.375-.413T13.375 7H9q-.425 0-.712.288T8 8v9.25q0 .325.213.538T8.75 18t.538-.213t.212-.537zm2.5 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsFlagCircleRounded


--------------------------------------------------------------------------------
/apps/web/src/components/character-card.tsx:
--------------------------------------------------------------------------------
 1 | import { CharacterResponse, ContentTypeEnum } from '@hikka/client';
 2 | import { FC } from 'react';
 3 | 
 4 | import ContentCard, { ContentCardProps } from './content-card/content-card';
 5 | 
 6 | interface Props extends ContentCardProps {
 7 |     character: CharacterResponse;
 8 | }
 9 | 
10 | const CharacterCard: FC<Props> = ({ character, ...props }) => {
11 |     return (
12 |         <ContentCard
13 |             slug={character.slug}
14 |             withContextMenu
15 |             content_type={ContentTypeEnum.CHARACTER}
16 |             href={`/characters/${character.slug}`}
17 |             image={character.image}
18 |             title={character.title}
19 |             {...props}
20 |         />
21 |     );
22 | };
23 | 
24 | export default CharacterCard;
25 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsImageNotSupportedOutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsImageNotSupportedOutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 21q-.825 0-1.413-.588T3 19V5.825L1.4 4.2q-.275-.275-.288-.688T1.4 2.8q.275-.275.7-.275t.7.275l18.4 18.4q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-1.6-1.6H5Zm0-2h11.175l-2-2H7q-.3 0-.45-.275t.05-.525l2-2.65q.15-.2.4-.2t.4.2l1.6 2.175l.85-1.05L5 7.825V19Zm16-.825l-2-2V5H7.825l-2-2H19q.825 0 1.413.588T21 5v13.175Zm-7.525-7.525ZM10.6 13.425Z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsImageNotSupportedOutlineRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsLockOpenRightOutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsLockOpenRightOutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M6 20h12V10H6zm6-3q.825 0 1.413-.587T14 15t-.587-1.412T12 13t-1.412.588T10 15t.588 1.413T12 17m-6 3V10zm0 2q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h7V6q0-2.075 1.463-3.537T18 1q1.775 0 3.1 1.075t1.75 2.7q.125.425-.162.825T22 6q-.425 0-.7-.175t-.4-.575q-.275-.95-1.062-1.6T18 3q-1.25 0-2.125.875T15 6v2h3q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsLockOpenRightOutlineRounded


--------------------------------------------------------------------------------
/packages/react/client/hooks/api/related.ts:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { FranchiseResponse } from '@hikka/client';
 4 | 
 5 | import { QueryParams, useQuery } from '@/client/useQuery';
 6 | import { queryKeys } from '@/core';
 7 | import { UseFranchiseParams } from '@/types/related';
 8 | 
 9 | /**
10 |  * Hook for retrieving franchise data for anime, manga, or novel
11 |  */
12 | export function useFranchise<TResult = FranchiseResponse>({
13 |     contentType,
14 |     slug,
15 |     ...rest
16 | }: UseFranchiseParams & QueryParams<FranchiseResponse, TResult>) {
17 |     return useQuery<FranchiseResponse, Error, TResult>({
18 |         queryKey: queryKeys.related.franchise(contentType, slug),
19 |         queryFn: (client) => client.related.getFranchise(contentType, slug),
20 |         ...rest,
21 |     });
22 | }
23 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsLibraryMusicRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsLibraryMusicRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12.5 15q1.05 0 1.775-.725T15 12.5V7h2q.425 0 .713-.288T18 6t-.288-.712T17 5h-2q-.425 0-.712.288T14 6v4.5q-.325-.25-.7-.375T12.5 10q-1.05 0-1.775.725T10 12.5t.725 1.775T12.5 15M8 18q-.825 0-1.412-.587T6 16V4q0-.825.588-1.412T8 2h12q.825 0 1.413.588T22 4v12q0 .825-.587 1.413T20 18zm-4 4q-.825 0-1.412-.587T2 20V7q0-.425.288-.712T3 6t.713.288T4 7v13h13q.425 0 .713.288T18 21t-.288.713T17 22z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsLibraryMusicRounded


--------------------------------------------------------------------------------
/apps/web/src/components/plate/ui/link-toolbar-button.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import {
 4 |     useLinkToolbarButton,
 5 |     useLinkToolbarButtonState,
 6 | } from '@platejs/link/react';
 7 | import { Link } from 'lucide-react';
 8 | import * as React from 'react';
 9 | 
10 | import { ToolbarButton } from './toolbar';
11 | 
12 | export function LinkToolbarButton(
13 |     props: React.ComponentProps<typeof ToolbarButton>,
14 | ) {
15 |     const state = useLinkToolbarButtonState();
16 |     const { props: buttonProps } = useLinkToolbarButton(state);
17 | 
18 |     return (
19 |         <ToolbarButton
20 |             {...props}
21 |             {...buttonProps}
22 |             data-plate-focus
23 |             tooltip="Посилання"
24 |         >
25 |             <Link />
26 |         </ToolbarButton>
27 |     );
28 | }
29 | 


--------------------------------------------------------------------------------
/apps/web/src/features/auth/login-header.tsx:
--------------------------------------------------------------------------------
 1 | import Link from 'next/link';
 2 | 
 3 | import H1 from '@/components/typography/h1';
 4 | import Small from '@/components/typography/small';
 5 | 
 6 | const LoginHeader = () => {
 7 |     return (
 8 |         <div className="space-y-2 text-center">
 9 |             <H1 className="!text-3xl font-bold">👋 З поверненням!</H1>
10 |             <Small className="text-muted-foreground">
11 |                 Не маєте аккаунту?{' '}
12 |                 <Link
13 |                     href="/signup"
14 |                     className="font-medium text-primary-foreground hover:underline"
15 |                 >
16 |                     Зареєструйтесь зараз
17 |                 </Link>
18 |             </Small>
19 |         </div>
20 |     );
21 | };
22 | 
23 | export default LoginHeader;
24 | 


--------------------------------------------------------------------------------
/apps/web/src/features/auth/signup-header.tsx:
--------------------------------------------------------------------------------
 1 | import Link from 'next/link';
 2 | 
 3 | import H1 from '@/components/typography/h1';
 4 | import Small from '@/components/typography/small';
 5 | 
 6 | const SignupHeader = () => {
 7 |     return (
 8 |         <div className="space-y-2 text-center">
 9 |             <H1 className="!text-3xl font-bold">✌️ Раді познайомитись!</H1>
10 |             <Small className="text-muted-foreground">
11 |                 Вже маєте аккаунт?{' '}
12 |                 <Link
13 |                     href="/login"
14 |                     className="font-medium text-primary-foreground hover:underline"
15 |                 >
16 |                     Увійдіть зараз
17 |                 </Link>
18 |             </Small>
19 |         </div>
20 |     );
21 | };
22 | 
23 | export default SignupHeader;
24 | 


--------------------------------------------------------------------------------
/packages/react/client/hooks/api/upload.ts:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { UploadTypeEnum } from '@hikka/client';
 4 | 
 5 | import { createMutation } from '@/client/useMutation';
 6 | import { queryKeys } from '@/core';
 7 | 
 8 | /**
 9 |  * Upload image variables type
10 |  */
11 | type UploadImageVariables = {
12 |     uploadType: UploadTypeEnum;
13 |     file: File | Blob;
14 | };
15 | 
16 | /**
17 |  * Hook for uploading an image
18 |  */
19 | export const useCreateImageUpload = createMutation({
20 |     mutationFn: (client, args: UploadImageVariables) =>
21 |         client.upload.createImageUpload(args.uploadType, args.file),
22 |     invalidateQueries: (args: UploadImageVariables) =>
23 |         args.uploadType !== UploadTypeEnum.ATTACHMENT
24 |             ? [queryKeys.user.all]
25 |             : [],
26 | });
27 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/edit/[editId]/page.tsx:
--------------------------------------------------------------------------------
 1 | import { ContentTypeEnum } from '@hikka/client';
 2 | import { FC } from 'react';
 3 | 
 4 | import { CommentList as Comments } from "@/features/comments";
 5 | import { EditActions as Actions, EditViewForm as EditView } from '@/features/edit';
 6 | 
 7 | interface Props {
 8 |     params: { editId: string };
 9 | }
10 | 
11 | const EditPage: FC<Props> = async (props) => {
12 |     const params = await props.params;
13 | 
14 |     const { editId } = params;
15 | 
16 |     return (
17 |         <div className="flex flex-col gap-12">
18 |             <EditView editId={editId} mode="view" />
19 |             <Actions editId={editId} />
20 |             <Comments slug={editId} content_type={ContentTypeEnum.EDIT} />
21 |         </div>
22 |     );
23 | };
24 | 
25 | export default EditPage;
26 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsFeatureSearch.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsFeatureSearch(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="m19.3 8.9l3.2 3.2l-1.4 1.4l-3.2-3.2q-.525.3-1.125.5T15.5 11q-1.875 0-3.187-1.312T11 6.5t1.313-3.187T15.5 2t3.188 1.313T20 6.5q0 .675-.2 1.275T19.3 8.9m-3.8.1q1.05 0 1.775-.725T18 6.5t-.725-1.775T15.5 4t-1.775.725T13 6.5t.725 1.775T15.5 9M4 22q-.825 0-1.412-.587T2 20V6q0-.825.588-1.412T4 4h5.5q-.275.625-.375 1.288t-.1 1.312q0 2.725 1.925 4.55t4.575 1.825q.475 0 .95-.063t.975-.212L20 15.25V20q0 .825-.587 1.413T18 22z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsFeatureSearch


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsLinkRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsLinkRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M7 17q-2.075 0-3.537-1.463T2 12t1.463-3.537T7 7h3q.425 0 .713.288T11 8t-.288.713T10 9H7q-1.25 0-2.125.875T4 12t.875 2.125T7 15h3q.425 0 .713.288T11 16t-.288.713T10 17zm2-4q-.425 0-.712-.288T8 12t.288-.712T9 11h6q.425 0 .713.288T16 12t-.288.713T15 13zm5 4q-.425 0-.712-.288T13 16t.288-.712T14 15h3q1.25 0 2.125-.875T20 12t-.875-2.125T17 9h-3q-.425 0-.712-.288T13 8t.288-.712T14 7h3q2.075 0 3.538 1.463T22 12t-1.463 3.538T17 17z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsLinkRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsVisibilityOutline.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsVisibilityOutline(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 16q1.875 0 3.188-1.312T16.5 11.5t-1.312-3.187T12 7T8.813 8.313T7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.788T9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2m0 4.8q-3.65 0-6.65-2.037T1 11.5q1.35-3.425 4.35-5.462T12 4t6.65 2.038T23 11.5q-1.35 3.425-4.35 5.463T12 19m0-2q2.825 0 5.188-1.487T20.8 11.5q-1.25-2.525-3.613-4.012T12 6T6.813 7.488T3.2 11.5q1.25 2.525 3.613 4.013T12 17"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsVisibilityOutline


--------------------------------------------------------------------------------
/apps/web/src/components/icons/ant-design/AntDesignArrowDownOutlined.tsx:
--------------------------------------------------------------------------------
 1 | import { SVGProps } from 'react';
 2 | 
 3 | export function AntDesignArrowDownOutlined(props: SVGProps<SVGSVGElement>) {
 4 |     return (
 5 |         <svg
 6 |             xmlns="http://www.w3.org/2000/svg"
 7 |             width="1em"
 8 |             height="1em"
 9 |             viewBox="0 0 1024 1024"
10 |             {...props}
11 |         >
12 |             <path
13 |                 fill="currentColor"
14 |                 d="M862 465.3h-81c-4.6 0-9 2-12.1 5.5L550 723.1V160c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v563.1L255.1 470.8c-3-3.5-7.4-5.5-12.1-5.5h-81c-6.8 0-10.5 8.1-6 13.2L487.9 861a31.96 31.96 0 0 0 48.3 0L868 478.5c4.5-5.2.8-13.2-6-13.2"
15 |             ></path>
16 |         </svg>
17 |     );
18 | }
19 | export default AntDesignArrowDownOutlined;
20 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsGridViewRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsGridViewRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 11q-.825 0-1.412-.587T3 9V5q0-.825.588-1.412T5 3h4q.825 0 1.413.588T11 5v4q0 .825-.587 1.413T9 11zm0 10q-.825 0-1.412-.587T3 19v-4q0-.825.588-1.412T5 13h4q.825 0 1.413.588T11 15v4q0 .825-.587 1.413T9 21zm10-10q-.825 0-1.412-.587T13 9V5q0-.825.588-1.412T15 3h4q.825 0 1.413.588T21 5v4q0 .825-.587 1.413T19 11zm0 10q-.825 0-1.412-.587T13 19v-4q0-.825.588-1.412T15 13h4q.825 0 1.413.588T21 15v4q0 .825-.587 1.413T19 21z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsGridViewRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsPersonAddRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsPersonAddRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M18 11h-2q-.425 0-.712-.288T15 10t.288-.712T16 9h2V7q0-.425.288-.712T19 6t.713.288T20 7v2h2q.425 0 .713.288T23 10t-.288.713T22 11h-2v2q0 .425-.288.713T19 14t-.712-.288T18 13zm-9 1q-1.65 0-2.825-1.175T5 8t1.175-2.825T9 4t2.825 1.175T13 8t-1.175 2.825T9 12m-8 6v-.8q0-.85.438-1.562T2.6 14.55q1.55-.775 3.15-1.162T9 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T17 17.2v.8q0 .825-.587 1.413T15 20H3q-.825 0-1.412-.587T1 18"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsPersonAddRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsStarRateOutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsStarRateOutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M9.6 15.65L12 13.8l2.4 1.85l-.9-3.05l2.25-1.6h-2.8L12 7.9l-.95 3.1h-2.8l2.25 1.6zm2.4.65l-3.7 2.825q-.275.225-.6.213t-.575-.188t-.387-.475t-.013-.65L8.15 13.4l-3.625-2.575q-.3-.2-.375-.525t.025-.6t.35-.488t.6-.212H9.6l1.45-4.8q.125-.35.388-.538T12 3.475t.563.188t.387.537L14.4 9h4.475q.35 0 .6.213t.35.487t.025.6t-.375.525L15.85 13.4l1.425 4.625q.125.35-.012.65t-.388.475t-.575.188t-.6-.213zm0-4.525"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsStarRateOutlineRounded


--------------------------------------------------------------------------------
/apps/web/src/components/navigation/sub-nav.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { PropsWithChildren, useEffect, useState } from 'react';
 4 | import { createPortal } from 'react-dom';
 5 | 
 6 | import { useMediaQuery } from '@/services/hooks/use-media-query';
 7 | 
 8 | interface Props extends PropsWithChildren {}
 9 | 
10 | const Component = ({ children }: Props) => {
11 |     const [isMounted, setIsMounted] = useState(false);
12 |     const isDesktop = useMediaQuery('(min-width: 768px)');
13 | 
14 |     useEffect(() => {
15 |         setIsMounted(true);
16 |     }, []);
17 | 
18 |     if (isMounted && !isDesktop) {
19 |         return createPortal(
20 |             <>{children}</>,
21 |             document.getElementById('subbar-mobile')!,
22 |         );
23 |     }
24 | 
25 |     return null;
26 | };
27 | 
28 | export default Component;
29 | 


--------------------------------------------------------------------------------
/apps/web/src/components/plate/editor/static-kit.tsx:
--------------------------------------------------------------------------------
 1 | import { BaseBasicBlocksKit } from './plugins/basic-blocks-base-kit';
 2 | import { BaseBasicMarksKit } from './plugins/basic-marks-base-kit';
 3 | import { BaseImageGroupKit } from './plugins/image-group-base-kit';
 4 | import { BaseLinkKit } from './plugins/link-base-kit';
 5 | import { BaseListKit } from './plugins/list-classic-base-kit';
 6 | import { MarkdownKit } from './plugins/markdown-kit';
 7 | import { BaseSpoilerKit } from './plugins/spoiler-base-kit';
 8 | import { BaseVideoKit } from './plugins/video-base-kit';
 9 | 
10 | export const StaticKit = [
11 |     ...BaseBasicBlocksKit,
12 |     ...BaseLinkKit,
13 |     ...BaseSpoilerKit,
14 |     ...BaseVideoKit,
15 |     ...BaseImageGroupKit,
16 |     ...BaseBasicMarksKit,
17 |     ...BaseListKit,
18 |     ...MarkdownKit,
19 | ];
20 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsDeleteForeverRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsDeleteForeverRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M7 21q-.825 0-1.412-.587T5 19V6q-.425 0-.712-.288T4 5t.288-.712T5 4h4q0-.425.288-.712T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5t-.288.713T19 6v13q0 .825-.587 1.413T17 21zm5-7.1l1.9 1.9q.275.275.7.275t.7-.275t.275-.7t-.275-.7l-1.9-1.9l1.9-1.9q.275-.275.275-.7t-.275-.7t-.7-.275t-.7.275L12 11.1l-1.9-1.9q-.275-.275-.7-.275t-.7.275t-.275.7t.275.7l1.9 1.9l-1.9 1.9q-.275.275-.275.7t.275.7t.7.275t.7-.275z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsDeleteForeverRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsHeartMinusRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsHeartMinusRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M16 14q-.425 0-.712-.288T15 13t.288-.712T16 12h6q.425 0 .713.288T23 13t-.288.713T22 14zm-5 6.325q-.35 0-.7-.125t-.625-.4q-1.1-1-2.6-2.275t-2.85-2.737t-2.287-3.063T1 8.475q0-2.35 1.575-3.912T6.5 3q1.3 0 2.475.538T11 5.075q.85-1 2.025-1.537T15.5 3q1.575 0 2.788.738T20.2 5.6q.275.475-.087.963T19.075 7h-.4q-2.125 0-3.9 1.713T13 13q0 1.05.338 1.988T14.4 16.7q.275.3.238.7t-.338.675l-1.975 1.75q-.275.275-.625.388t-.7.112"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsHeartMinusRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/ant-design/AntDesignClearOutlined.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function AntDesignClearOutlined(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024" {...props}><path fill="currentColor" d="m899.1 869.6l-53-305.6H864c14.4 0 26-11.6 26-26V346c0-14.4-11.6-26-26-26H618V138c0-14.4-11.6-26-26-26H432c-14.4 0-26 11.6-26 26v182H160c-14.4 0-26 11.6-26 26v192c0 14.4 11.6 26 26 26h17.9l-53 305.6c-.3 1.5-.4 3-.4 4.4c0 14.4 11.6 26 26 26h723c1.5 0 3-.1 4.4-.4c14.2-2.4 23.7-15.9 21.2-30M204 390h272V182h72v208h272v104H204zm468 440V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H416V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H202.8l45.1-260H776l45.1 260z"></path></svg>
6 |   )
7 | }
8 | export default AntDesignClearOutlined


--------------------------------------------------------------------------------
/apps/web/src/features/content/hooks/use-staff.ts:
--------------------------------------------------------------------------------
 1 | import { ContentTypeEnum } from '@hikka/client';
 2 | 
 3 | import { CONTENT_CONFIG } from '@/utils/constants/common';
 4 | 
 5 | interface StaffProps {
 6 |     content_type:
 7 |         | ContentTypeEnum.ANIME
 8 |         | ContentTypeEnum.MANGA
 9 |         | ContentTypeEnum.NOVEL;
10 |     slug: string;
11 | }
12 | 
13 | export const useStaff = ({ content_type, slug }: StaffProps) => {
14 |     if (content_type === ContentTypeEnum.ANIME) {
15 |         return CONTENT_CONFIG.anime.useStaff(slug);
16 |     }
17 | 
18 |     let query = CONTENT_CONFIG[content_type].useInfo(slug);
19 | 
20 |     return {
21 |         list: query.data?.authors,
22 |         fetchNextPage: undefined,
23 |         hasNextPage: false,
24 |         isFetchingNextPage: false,
25 |         ref: undefined,
26 |     };
27 | };
28 | 


--------------------------------------------------------------------------------
/packages/client/types/companies.ts:
--------------------------------------------------------------------------------
 1 | import { PaginationResponse } from './common';
 2 | 
 3 | /**
 4 |  * Company response
 5 |  */
 6 | export interface CompanyResponse {
 7 |     name_ua: string | null;
 8 |     name_en: string | null;
 9 |     name: string;
10 |     description: string | null;
11 |     slug: string;
12 |     type: CompanyTypeEnum;
13 | }
14 | /**
15 |  * Company type enum
16 |  */
17 | export enum CompanyTypeEnum {
18 |     PRODUCER = 'producer',
19 |     STUDIO = 'studio',
20 | }
21 | 
22 | /**
23 |  * Companies search arguments
24 |  */
25 | export interface CompaniesSearchArgs {
26 |     query?: string;
27 |     type?: CompanyTypeEnum;
28 | }
29 | 
30 | /**
31 |  * Companies list response
32 |  */
33 | export interface CompaniesPaginationResponse {
34 |     list: CompanyResponse[];
35 |     pagination: PaginationResponse;
36 | }
37 | 


--------------------------------------------------------------------------------
/apps/web/src/components/comments/comments.tsx:
--------------------------------------------------------------------------------
 1 | import { CommentResponse, CommentsContentType } from '@hikka/client';
 2 | import { FC } from 'react';
 3 | 
 4 | import Comment from './comment';
 5 | 
 6 | interface Props {
 7 |     comments: CommentResponse[];
 8 |     slug: string;
 9 |     content_type: CommentsContentType;
10 | }
11 | 
12 | const Comments: FC<Props> = ({ comments, slug, content_type }) => {
13 |     return (
14 |         <div className="flex w-full flex-col gap-6">
15 |             {comments.map((comment) => (
16 |                 <Comment
17 |                     slug={slug}
18 |                     content_type={content_type}
19 |                     comment={comment}
20 |                     key={comment.reference}
21 |                 />
22 |             ))}
23 |         </div>
24 |     );
25 | };
26 | 
27 | export default Comments;
28 | 


--------------------------------------------------------------------------------
/apps/web/src/features/users/user-profile/user-statistics.tsx:
--------------------------------------------------------------------------------
 1 | import Block from '@/components/ui/block';
 2 | import { Header, HeaderContainer, HeaderTitle } from '@/components/ui/header';
 3 | 
 4 | import ActivityStats from './components/user-statistics/activity-stats';
 5 | import WatchhourStats from './components/user-statistics/watchhour-stats';
 6 | 
 7 | const UserStatistics = () => {
 8 |     return (
 9 |         <Block>
10 |             <Header>
11 |                 <HeaderContainer>
12 |                     <HeaderTitle>Статистика</HeaderTitle>
13 |                 </HeaderContainer>
14 |             </Header>
15 |             <Block className="md:flex-row">
16 |                 <ActivityStats />
17 |                 <WatchhourStats />
18 |             </Block>
19 |         </Block>
20 |     );
21 | };
22 | 
23 | export default UserStatistics;
24 | 


--------------------------------------------------------------------------------
/packages/client/types/schedule.ts:
--------------------------------------------------------------------------------
 1 | import { AnimeInfoResponse } from './anime';
 2 | import { ContentStatusEnum, PaginationResponse, SeasonEnum } from './common';
 3 | 
 4 | /**
 5 |  * Anime schedule arguments
 6 |  */
 7 | export interface AnimeScheduleArgs {
 8 |     airing_season?: (SeasonEnum | number)[] | null;
 9 |     rating?: string[];
10 |     status?: ContentStatusEnum[];
11 |     only_watch?: boolean;
12 | }
13 | 
14 | /**
15 |  * Anime schedule response
16 |  */
17 | export interface AnimeScheduleResponse {
18 |     anime: AnimeInfoResponse;
19 |     time_left: number;
20 |     airing_at: number;
21 |     episode: number;
22 | }
23 | 
24 | /**
25 |  * Paginated anime schedule response
26 |  */
27 | export interface AnimeScheduleResponsePaginationResponse {
28 |     list: AnimeScheduleResponse[];
29 |     pagination: PaginationResponse;
30 | }
31 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsErrorCircleRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsErrorCircleRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm0 5q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Zm0-9q.425 0 .713-.288T13 12V8q0-.425-.288-.713T12 7q-.425 0-.713.288T11 8v4q0 .425.288.713T12 13Z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsErrorCircleRounded


--------------------------------------------------------------------------------
/packages/client/modules/stats.ts:
--------------------------------------------------------------------------------
 1 | import { DEFAULT_PAGINATION } from '../constants';
 2 | import { BaseRequestOptionsArgs, PaginationArgs } from '../types';
 3 | import { EditsTopPaginationResponse } from '../types/stats';
 4 | import { BaseModule } from './base';
 5 | 
 6 | /**
 7 |  * Module for handling statistics
 8 |  */
 9 | export class StatsModule extends BaseModule {
10 |     /**
11 |      * Get top editors list with statistics
12 |      */
13 |     public async getTopEditorsList(
14 |         { page, size }: PaginationArgs,
15 |         options?: BaseRequestOptionsArgs,
16 |     ): Promise<EditsTopPaginationResponse> {
17 |         return this.client.get<EditsTopPaginationResponse>('/stats/edits/top', {
18 |             ...DEFAULT_PAGINATION,
19 |             page,
20 |             size,
21 |             ...options,
22 |         });
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/web/src/app/(pages)/edit/content/page.tsx:
--------------------------------------------------------------------------------
 1 | import {
 2 |     HydrationBoundary,
 3 |     dehydrate,
 4 |     getQueryClient,
 5 | } from '@hikka/react/core';
 6 | import { Metadata } from 'next';
 7 | 
 8 | import { EditContentList as ContentList } from '@/features/edit';
 9 | 
10 | import _generateMetadata from '@/utils/generate-metadata';
11 | 
12 | export async function generateMetadata(): Promise<Metadata> {
13 |     return _generateMetadata({
14 |         title: `Контент`,
15 |     });
16 | }
17 | 
18 | const ContentPage = async () => {
19 |     const queryClient = await getQueryClient();
20 | 
21 |     const dehydratedState = dehydrate(queryClient);
22 | 
23 |     return (
24 |         <HydrationBoundary state={dehydratedState}>
25 |             <ContentList />
26 |         </HydrationBoundary>
27 |     );
28 | };
29 | 
30 | export default ContentPage;
31 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsNotificationImportantRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsNotificationImportantRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 19q-.425 0-.712-.288T4 18t.288-.712T5 17h1v-7q0-2.075 1.25-3.687T10.5 4.2v-.7q0-.625.438-1.062T12 2t1.063.438T13.5 3.5v.7q2 .5 3.25 2.113T18 10v7h1q.425 0 .713.288T20 18t-.288.713T19 19zm7 3q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22m0-9q.425 0 .713-.288T13 12V9q0-.425-.288-.712T12 8t-.712.288T11 9v3q0 .425.288.713T12 13m0 3q.425 0 .713-.288T13 15t-.288-.712T12 14t-.712.288T11 15t.288.713T12 16"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsNotificationImportantRounded


--------------------------------------------------------------------------------
/apps/web/src/features/edit/edit-actions/close-action.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useCloseEdit } from '@hikka/react';
 4 | import { useParams } from 'next/navigation';
 5 | import { FC } from 'react';
 6 | 
 7 | import { Button } from '@/components/ui/button';
 8 | 
 9 | interface Props {}
10 | 
11 | const CloseAction: FC<Props> = () => {
12 |     const params = useParams();
13 |     const closeEditMutation = useCloseEdit();
14 | 
15 |     const handleClick = () => {
16 |         closeEditMutation.mutate(Number(params.editId));
17 |     };
18 | 
19 |     return (
20 |         <Button
21 |             variant="outline"
22 |             size="md"
23 |             disabled={closeEditMutation.isPending}
24 |             onClick={handleClick}
25 |         >
26 |             Закрити
27 |         </Button>
28 |     );
29 | };
30 | 
31 | export default CloseAction;
32 | 


--------------------------------------------------------------------------------
/apps/web/src/features/filters/hooks/use-change-param.ts:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 4 | 
 5 | import createQueryString from '@/utils/create-query-string';
 6 | 
 7 | const useChangeParam = () => {
 8 |     const router = useRouter();
 9 |     const pathname = usePathname();
10 |     const searchParams = useSearchParams()!;
11 | 
12 |     const handleChangeParam = (
13 |         name: string,
14 |         value: string | string[] | boolean,
15 |     ) => {
16 |         const query = createQueryString(
17 |             name,
18 |             value,
19 |             createQueryString('page', '1', new URLSearchParams(searchParams)),
20 |         );
21 |         router.replace(`${pathname}?${query}`);
22 |     };
23 | 
24 |     return handleChangeParam;
25 | };
26 | 
27 | export default useChangeParam;
28 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsNightlightOutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsNightlightOutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M14 22q-2.075 0-3.9-.788t-3.175-2.137T4.788 15.9T4 12t.788-3.9t2.137-3.175T10.1 2.788T14 2q.875 0 1.75.175t1.675.525q.3.125.45.387t.15.538q0 .225-.088.425t-.287.35q-1.75 1.375-2.7 3.375T14 12q0 2.25.925 4.25t2.7 3.35q.2.15.288.363T18 20.4q0 .275-.15.538t-.45.387q-.8.35-1.662.513T14 22m0-2h.525q.25 0 .475-.05q-1.425-1.65-2.212-3.687T12 12t.788-4.262T15 4.05Q14.775 4 14.525 4H14q-3.325 0-5.663 2.338T6 12t2.338 5.663T14 20m-2-8"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsNightlightOutlineRounded


--------------------------------------------------------------------------------
/apps/web/src/features/edit/edit-actions/accept-action.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useAcceptEdit } from '@hikka/react';
 4 | import { useParams } from 'next/navigation';
 5 | import { FC } from 'react';
 6 | 
 7 | import { Button } from '@/components/ui/button';
 8 | 
 9 | interface Props {}
10 | 
11 | const AcceptAction: FC<Props> = () => {
12 |     const params = useParams();
13 |     const acceptEditMutation = useAcceptEdit();
14 | 
15 |     const handleClick = () => {
16 |         acceptEditMutation.mutate(Number(params.editId));
17 |     };
18 | 
19 |     return (
20 |         <Button
21 |             variant="success"
22 |             size="md"
23 |             disabled={acceptEditMutation.isPending}
24 |             onClick={handleClick}
25 |         >
26 |             Прийняти
27 |         </Button>
28 |     );
29 | };
30 | 
31 | export default AcceptAction;
32 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsDragIndicator.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsDragIndicator(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M9 20q-.825 0-1.412-.587T7 18t.588-1.412T9 16t1.413.588T11 18t-.587 1.413T9 20m6 0q-.825 0-1.412-.587T13 18t.588-1.412T15 16t1.413.588T17 18t-.587 1.413T15 20m-6-6q-.825 0-1.412-.587T7 12t.588-1.412T9 10t1.413.588T11 12t-.587 1.413T9 14m6 0q-.825 0-1.412-.587T13 12t.588-1.412T15 10t1.413.588T17 12t-.587 1.413T15 14M9 8q-.825 0-1.412-.587T7 6t.588-1.412T9 4t1.413.588T11 6t-.587 1.413T9 8m6 0q-.825 0-1.412-.587T13 6t.588-1.412T15 4t1.413.588T17 6t-.587 1.413T15 8"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsDragIndicator


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsNewsmodeRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsNewsmodeRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M4 21q-.825 0-1.412-.587T2 19V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v14q0 .825-.587 1.413T20 21zm3-4h10q.425 0 .713-.288T18 16t-.288-.712T17 15H7q-.425 0-.712.288T6 16t.288.713T7 17m0-4h2q.425 0 .713-.288T10 12V8q0-.425-.288-.712T9 7H7q-.425 0-.712.288T6 8v4q0 .425.288.713T7 13m6 0h4q.425 0 .713-.288T18 12t-.288-.712T17 11h-4q-.425 0-.712.288T12 12t.288.713T13 13m0-4h4q.425 0 .713-.288T18 8t-.288-.712T17 7h-4q-.425 0-.712.288T12 8t.288.713T13 9"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsNewsmodeRounded


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsZoomInRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsZoomInRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M8.5 10.5h-1q-.425 0-.712-.288T6.5 9.5t.288-.712T7.5 8.5h1v-1q0-.425.288-.712T9.5 6.5t.713.288t.287.712v1h1q.425 0 .713.288t.287.712t-.288.713t-.712.287h-1v1q0 .425-.288.713T9.5 12.5t-.712-.288T8.5 11.5zm1 5.5q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l5.6 5.6q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16m0-2q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsZoomInRounded


--------------------------------------------------------------------------------
/apps/web/src/features/edit/components/edit-list/edit-head.tsx:
--------------------------------------------------------------------------------
 1 | import { TableHead, TableHeader, TableRow } from '@/components/ui/table';
 2 | 
 3 | const EditHead = () => {
 4 |     return (
 5 |         <TableHeader className="overflow-hidden rounded-lg bg-secondary/20">
 6 |             <TableRow>
 7 |                 <TableHead className="hidden w-8 sm:table-cell">#</TableHead>
 8 |                 <TableHead>Автор</TableHead>
 9 |                 <TableHead align="left">Контент</TableHead>
10 |                 <TableHead className="hidden sm:table-cell" align="left">
11 |                     Зміни
12 |                 </TableHead>
13 |                 <TableHead align="right" className="text-right">
14 |                     Статус
15 |                 </TableHead>
16 |             </TableRow>
17 |         </TableHeader>
18 |     );
19 | };
20 | 
21 | export default EditHead;
22 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsCustomTypographyRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsCustomTypographyRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M13 20v1q0 .425-.288.713T12 22t-.712-.288T11 21v-4q0-.425.288-.712T12 16t.713.288T13 17v1h7q.425 0 .713.288T21 19t-.288.713T20 20zm-9 0q-.425 0-.712-.288T3 19t.288-.712T4 18h4q.425 0 .713.288T9 19t-.288.713T8 20zm5.6-9.075h4.825l.85 2.45q.1.275.35.45t.55.175q.5 0 .8-.425t.1-.9L13.325 2.65q-.125-.3-.375-.475T12.375 2h-.75q-.325 0-.575.175t-.375.475L6.9 12.7q-.175.475.113.888T7.8 14q.325 0 .563-.175t.362-.475zm.6-1.725l1.75-4.975h.1L13.8 9.2z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsCustomTypographyRounded


--------------------------------------------------------------------------------
/apps/web/src/features/auth/forgot-password-header.tsx:
--------------------------------------------------------------------------------
 1 | import Link from 'next/link';
 2 | 
 3 | import H1 from '@/components/typography/h1';
 4 | import Small from '@/components/typography/small';
 5 | 
 6 | const ForgotPasswordHeader = () => {
 7 |     return (
 8 |         <div className="space-y-2 text-center">
 9 |             <H1 className="!text-3xl font-bold">🔐 Відновити пароль</H1>
10 |             <Small className="text-muted-foreground">
11 |                 Будь ласка, введіть дані для отримання листа відновлення.{' '}
12 |                 <Link
13 |                     href="/login"
14 |                     className="font-medium text-primary-foreground hover:underline"
15 |                 >
16 |                     Повернутись до входу
17 |                 </Link>
18 |             </Small>
19 |         </div>
20 |     );
21 | };
22 | 
23 | export default ForgotPasswordHeader;
24 | 


--------------------------------------------------------------------------------
/packages/client/modules/index.ts:
--------------------------------------------------------------------------------
 1 | // Export all modules
 2 | export * from './anime';
 3 | export * from './articles';
 4 | export * from './auth';
 5 | export * from './base';
 6 | export * from './characters';
 7 | export * from './client';
 8 | export * from './collections';
 9 | export * from './comments';
10 | export * from './companies';
11 | export * from './edit';
12 | export * from './favourite';
13 | export * from './follow';
14 | export * from './genres';
15 | export * from './history';
16 | export * from './manga';
17 | export * from './notifications';
18 | export * from './novel';
19 | export * from './people';
20 | export * from './read';
21 | export * from './related';
22 | export * from './schedule';
23 | export * from './settings';
24 | export * from './stats';
25 | export * from './upload';
26 | export * from './user';
27 | export * from './vote';
28 | export * from './watch';
29 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsPerson2OutlineRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsPerson2OutlineRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M9.775 12q-.9 0-1.5-.675T7.8 9.75l.325-2.45q.2-1.425 1.3-2.363T12 4t2.575.938t1.3 2.362l.325 2.45q.125.9-.475 1.575t-1.5.675zm0-2h4.45L13.9 7.6q-.1-.7-.637-1.15T12 6t-1.263.45T10.1 7.6zM4 18v-.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2v.8q0 .825-.587 1.413T18 20H6q-.825 0-1.412-.587T4 18m2 0h12v-.8q0-.275-.137-.5t-.363-.35q-1.35-.675-2.725-1.012T12 15t-2.775.338T6.5 16.35q-.225.125-.363.35T6 17.2zm6 0"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsPerson2OutlineRounded


--------------------------------------------------------------------------------
/packages/client/modules/base.ts:
--------------------------------------------------------------------------------
 1 | import { HikkaClient } from '../client';
 2 | 
 3 | /**
 4 |  * Base class for all API modules
 5 |  *
 6 |  * Naming conventions for methods:
 7 |  * - get[Resource]BySlug(slug) - Get a single resource by its slug
 8 |  * - get[Resource]ById(id) - Get a single resource by its ID or reference
 9 |  * - get[Resource]List() - Get a list of resources (usually paginated)
10 |  * - search[Resource]s(args) - Search for resources with criteria
11 |  * - create[Resource](args) - Create a new resource
12 |  * - update[Resource](id/slug, args) - Update an existing resource
13 |  * - delete[Resource](id/slug) - Delete a resource
14 |  * - get[Resource][Relation](slug) - Get related resources
15 |  */
16 | export abstract class BaseModule {
17 |     protected client: HikkaClient;
18 | 
19 |     constructor(client: HikkaClient) {
20 |         this.client = client;
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/apps/web/src/features/articles/article-view/article-document.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useArticleBySlug } from '@hikka/react';
 4 | import { useParams } from 'next/navigation';
 5 | import { FC } from 'react';
 6 | 
 7 | import { StaticViewer } from '@/components/plate/editor/static-viewer';
 8 | 
 9 | interface Props {}
10 | 
11 | const ArticleDocument: FC<Props> = () => {
12 |     const params = useParams();
13 | 
14 |     const { data: article } = useArticleBySlug({
15 |         slug: String(params.slug),
16 |     });
17 | 
18 |     if (!article) {
19 |         return null;
20 |     }
21 | 
22 |     const document =
23 |         article.document[0].type === 'preview'
24 |             ? [...article.document[0].children, ...article.document.slice(1)]
25 |             : article.document;
26 | 
27 |     return <StaticViewer value={document} />;
28 | };
29 | 
30 | export default ArticleDocument;
31 | 


--------------------------------------------------------------------------------
/apps/web/src/components/icons/material-symbols/MaterialSymbolsCalendarClockRounded.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react'
2 | 
3 | export function MaterialSymbolsCalendarClockRounded(props: SVGProps<SVGSVGElement>) {
4 |   return (
5 |     <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props}><path fill="currentColor" d="M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V3q0-.425.288-.712T7 2t.713.288T8 3v1h8V3q0-.425.288-.712T17 2t.713.288T18 3v1h1q.825 0 1.413.588T21 6v4.675q0 .425-.288.713t-.712.287t-.712-.288t-.288-.712V10H5v10h5.8q.425 0 .713.288T11.8 21t-.288.713T10.8 22zm13 1q-2.075 0-3.537-1.463T13 18t1.463-3.537T18 13t3.538 1.463T23 18t-1.463 3.538T18 23m.5-5.2v-2.3q0-.2-.15-.35T18 15t-.35.15t-.15.35v2.275q0 .2.075.388t.225.337l1.525 1.525q.15.15.35.15t.35-.15t.15-.35t-.15-.35z"></path></svg>
6 |   )
7 | }
8 | export default MaterialSymbolsCalendarClockRounded


--------------------------------------------------------------------------------
/apps/web/src/components/ui/label.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as LabelPrimitive from '@radix-ui/react-label';
 4 | import { type VariantProps, cva } from 'class-variance-authority';
 5 | import * as React from 'react';
 6 | 
 7 | import { cn } from '@/utils/utils';
 8 | 
 9 | const labelVariants = cva(
10 |     'text-sm font-medium leading-tight peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
11 | );
12 | 
13 | const Label = React.forwardRef<
14 |     React.ElementRef<typeof LabelPrimitive.Root>,
15 |     React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
16 |         VariantProps<typeof labelVariants>
17 | >(({ className, ...props }, ref) => (
18 |     <LabelPrimitive.Root
19 |         ref={ref}
20 |         className={cn(labelVariants(), className)}
21 |         {...props}
22 |     />
23 | ));
24 | Label.displayName = LabelPrimitive.Root.displayName;
25 | 
26 | export { Label };
27 | 


--------------------------------------------------------------------------------
/apps/web/src/features/articles/article-view/article-tags.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useArticleBySlug } from '@hikka/react';
 4 | import { useParams } from 'next/navigation';
 5 | import { FC } from 'react';
 6 | 
 7 | import { Badge } from '@/components/ui/badge';
 8 | 
 9 | interface Props {}
10 | 
11 | const ArticleTags: FC<Props> = () => {
12 |     const params = useParams();
13 | 
14 |     const { data: article } = useArticleBySlug({
15 |         slug: String(params.slug),
16 |     });
17 | 
18 |     if (!article?.tags || article.tags.length === 0) return null;
19 | 
20 |     return (
21 |         <div className="flex gap-2">
22 |             {article?.tags.map((tag) => (
23 |                 <Badge key={tag.name} variant="secondary">
24 |                     {tag.name}
25 |                 </Badge>
26 |             ))}
27 |         </div>
28 |     );
29 | };
30 | 
31 | export default ArticleTags;
32 | 


--------------------------------------------------------------------------------
/packages/react/client/hooks/utils/useTitleUtils.ts:
--------------------------------------------------------------------------------
 1 | import { useCallback } from 'react';
 2 | 
 3 | import { useHikkaClient } from '@/client/provider';
 4 | import { addDeepTitleProperties, addTitleProperty } from '@/utils';
 5 | 
 6 | export function useTitleUtils() {
 7 |     const { defaultOptions } = useHikkaClient();
 8 | 
 9 |     const _addTitleProperty = useCallback(
10 |         (obj: any) => {
11 |             return addTitleProperty(obj, defaultOptions?.title);
12 |         },
13 |         [defaultOptions?.title],
14 |     );
15 | 
16 |     const _addDeepTitleProperties = useCallback(
17 |         (obj: any) => {
18 |             return addDeepTitleProperties(obj, defaultOptions?.title);
19 |         },
20 |         [defaultOptions?.title],
21 |     );
22 | 
23 |     return {
24 |         addTitleProperty: _addTitleProperty,
25 |         addDeepTitleProperties: _addDeepTitleProperties,
26 |     };
27 | }
28 | 


--------------------------------------------------------------------------------