mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-05 15:54:39 +00:00
Remove old Codebase
This commit is contained in:
parent
ec894ae9b1
commit
49b9ac069f
GPG key ID:
858E8EE696525EED
82 changed files with 2 additions and 8007 deletions
8
.cz.yaml
8
.cz.yaml
|
|
@ -1,8 +0,0 @@
|
|||
---
|
||||
commitizen:
|
||||
major_version_zero: true
|
||||
name: cz_conventional_commits
|
||||
tag_format: $version
|
||||
update_changelog_on_bump: true
|
||||
version: 0.11.0
|
||||
version_scheme: semver
|
||||
|
|
@ -1,56 +0,0 @@
|
|||
# Python
|
||||
__pycache__
|
||||
venv
|
||||
.mypy_cache
|
||||
|
||||
# VSCode
|
||||
.VSCode
|
||||
*.code-workspace
|
||||
|
||||
# NextJS
|
||||
## dependencies
|
||||
node_modules
|
||||
.pnp
|
||||
.pnp.js
|
||||
.yarn/install-state.gz
|
||||
|
||||
## testing
|
||||
coverage
|
||||
|
||||
## next.js
|
||||
.next
|
||||
out
|
||||
|
||||
## production
|
||||
build
|
||||
|
||||
## misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
## debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
## local env files
|
||||
.env*.local
|
||||
|
||||
## vercel
|
||||
.vercel
|
||||
|
||||
## typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
|
||||
# traefik
|
||||
traefik
|
||||
|
||||
# OtherFiles
|
||||
CHANGELOG.md
|
||||
LICENSE
|
||||
README.md
|
||||
TODO.md
|
||||
.cz.yaml
|
||||
.pre-commit-config.yaml
|
||||
docs
|
||||
5
.env
5
.env
|
|
@ -1,5 +0,0 @@
|
|||
EMAIL = your_email@example.com # EMAIL for certificate resolver.
|
||||
DOMAIN = 127.0.0.1 # DOMAIN on which is app is hosted.
|
||||
|
||||
HTTP_PORT = 80
|
||||
HTTPS_PORT = 443
|
||||
2
.gitignore
vendored
2
.gitignore
vendored
|
|
@ -49,3 +49,5 @@ next-env.d.ts
|
|||
|
||||
# traefik
|
||||
traefik/traefik
|
||||
|
||||
old/
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
# See https://pre-commit.com for more information
|
||||
# See https://pre-commit.com/hooks.html for more hooks
|
||||
repos:
|
||||
- repo: https://github.com/pre-commit/mirrors-mypy
|
||||
rev: v1.9.0
|
||||
hooks:
|
||||
- id: mypy
|
||||
args: [--no-strict-optional, --ignore-missing-imports]
|
||||
additional_dependencies: [tokenize-rt==3.2.0, types-requests]
|
||||
files: ^(backend/)
|
||||
|
||||
- repo: https://github.com/psf/black
|
||||
rev: 24.4.0
|
||||
hooks:
|
||||
- id: black
|
||||
args: [--safe]
|
||||
files: ^(backend/)
|
||||
|
||||
- repo: https://github.com/pre-commit/pre-commit-hooks
|
||||
rev: v4.5.0
|
||||
hooks:
|
||||
- id: trailing-whitespace
|
||||
- id: end-of-file-fixer
|
||||
- id: check-yaml
|
||||
- id: check-added-large-files
|
||||
- id: debug-statements
|
||||
language_version: python3
|
||||
|
||||
- repo: https://github.com/PyCQA/flake8
|
||||
rev: 7.0.0
|
||||
hooks:
|
||||
- id: flake8
|
||||
language_version: python3
|
||||
args: [--ignore=E501]
|
||||
files: ^(backend/)
|
||||
|
||||
- repo: https://github.com/asottile/reorder_python_imports
|
||||
rev: v3.12.0
|
||||
hooks:
|
||||
- id: reorder-python-imports
|
||||
args: [--py39-plus]
|
||||
files: ^(backend/)
|
||||
|
||||
- repo: https://github.com/asottile/pyupgrade
|
||||
rev: v3.15.2
|
||||
hooks:
|
||||
- id: pyupgrade
|
||||
args: [--py39-plus]
|
||||
files: ^(backend/)
|
||||
|
||||
- repo: local
|
||||
hooks:
|
||||
- id: next-lint
|
||||
name: next-lint
|
||||
entry: bash -c 'cd ./frontend && npm run lint'
|
||||
language: system
|
||||
files: ^(frontend/)
|
||||
stages:
|
||||
- manual
|
||||
|
||||
- repo: https://github.com/pre-commit/mirrors-prettier
|
||||
rev: v3.1.0 # Use the sha or tag you want to point at
|
||||
hooks:
|
||||
- id: prettier
|
||||
additional_dependencies:
|
||||
- prettier@3.1.0
|
||||
files: ^(frontend/)
|
||||
57
.spaceignore
57
.spaceignore
|
|
@ -1,57 +0,0 @@
|
|||
# Python
|
||||
__pycache__
|
||||
venv
|
||||
.mypy_cache
|
||||
|
||||
# VSCode
|
||||
.VSCode
|
||||
*.code-workspace
|
||||
|
||||
# NextJS
|
||||
## dependencies
|
||||
node_modules
|
||||
.pnp
|
||||
.pnp.js
|
||||
.yarn/install-state.gz
|
||||
|
||||
## testing
|
||||
coverage
|
||||
|
||||
## next.js
|
||||
.next
|
||||
out
|
||||
|
||||
## production
|
||||
build
|
||||
|
||||
## misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
## debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
## local env files
|
||||
.env*.local
|
||||
|
||||
## vercel
|
||||
.vercel
|
||||
|
||||
## typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
|
||||
# traefik
|
||||
traefik
|
||||
|
||||
# OtherFiles
|
||||
CHANGELOG.md
|
||||
docker*
|
||||
LICENSE
|
||||
README.md
|
||||
TODO.md
|
||||
.cz.yaml
|
||||
.pre-commit-config.yaml
|
||||
docs
|
||||
116
CHANGELOG.md
116
CHANGELOG.md
|
|
@ -1,116 +0,0 @@
|
|||
## 0.11.0 (2024-05-15)
|
||||
|
||||
### Feat
|
||||
|
||||
- **deployment**: allow deploy to vercel
|
||||
|
||||
### Fix
|
||||
|
||||
- **vercel/backend**: fix vercel backend deploy
|
||||
- **vercel/backend**: fix vercel.json headers schema
|
||||
- **vercel/backend**: fix missing CORS headers
|
||||
- **frontend**: fix API_URL environment variable being undefined
|
||||
|
||||
## 0.10.0 (2024-05-13)
|
||||
|
||||
### Feat
|
||||
|
||||
- **deploy**: allow deploying on deta.space
|
||||
|
||||
## 0.9.0 (2024-05-11)
|
||||
|
||||
### Feat
|
||||
|
||||
- **ReleaseOverview**: add ability to change view modes for releases pages
|
||||
|
||||
### Refactor
|
||||
|
||||
- **Design/Content**: redising of the main content view
|
||||
|
||||
## 0.8.0 (2024-05-11)
|
||||
|
||||
### Feat
|
||||
|
||||
- **Design/Navbar**: move logout button to tooltip on user avatar hover
|
||||
- **navigation**: add a copy current url button to navbar for ease of sharing
|
||||
- **Design**: navigation rail redisign
|
||||
|
||||
### Fix
|
||||
|
||||
- **ReleasePlayer**: fixed fullscreen view
|
||||
|
||||
## 0.7.0 (2024-05-01)
|
||||
|
||||
### Feat
|
||||
|
||||
- **frontend/release**: add a favorite button to release page
|
||||
- **frontend**: add user favorites page
|
||||
- **backend**: add a user favorites route
|
||||
|
||||
### Fix
|
||||
|
||||
- **frontend/release**: fix voiceover selection overflow in player
|
||||
|
||||
### Refactor
|
||||
|
||||
- **backend-&-frontend**: change bookmarks api urls to /api/bookmarks/{path} from /api/favorites/{path}
|
||||
|
||||
## 0.6.0 (2024-05-01)
|
||||
|
||||
### Feat
|
||||
|
||||
- **frontend/release**: add ability to change boormarks list on releases page for authorized users
|
||||
|
||||
## 0.5.0 (2024-04-30)
|
||||
|
||||
### Feat
|
||||
|
||||
- **frontend/releases**: add release info and related releases cards
|
||||
|
||||
### Fix
|
||||
|
||||
- **frontend/releases**: fix null episode name if API returning null in episode.name
|
||||
|
||||
## 0.4.0 (2024-04-30)
|
||||
|
||||
### Feat
|
||||
|
||||
- **frontend**: add a release page
|
||||
|
||||
### Refactor
|
||||
|
||||
- **frontend/release**: add a loading circle for release player when fetching episodes data
|
||||
- **frontend/release**: move release player in to the component
|
||||
- **frontend/release-page**: less layout shift on player
|
||||
|
||||
## 0.3.0 (2024-04-30)
|
||||
|
||||
### Feat
|
||||
|
||||
- **frontend**: add a release page
|
||||
- **docker**: add docker compose file for development environment
|
||||
|
||||
## 0.2.1 (2024-04-29)
|
||||
|
||||
### Fix
|
||||
|
||||
- **frontend**: fix text overflow on releases cards
|
||||
- **frontend**: fix overflow of releases cards on pages with overview
|
||||
|
||||
## 0.2.0 (2024-04-29)
|
||||
|
||||
### Feat
|
||||
|
||||
- **next-page-loading**: disable load more button when length of fetched page is less than 25 on all pages
|
||||
|
||||
### Refactor
|
||||
|
||||
- **history-page**: use ReleaseOverview component on search page
|
||||
|
||||
## 0.1.0 (2024-04-29)
|
||||
|
||||
### Feat
|
||||
|
||||
- Update TODO.md
|
||||
- update TODO.md
|
||||
- disable favorites nav button
|
||||
21
LICENSE
21
LICENSE
|
|
@ -1,21 +0,0 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2024 Kentai Radiquum
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
184
README.md
184
README.md
|
|
@ -1,184 +0,0 @@
|
|||
# AniX - Unofficial Web Client for Anixart
|
||||
|
||||
AniX is an unofficial web client for the Android application Anixart. It allows you to access and manage your Anixart account from a web browser on your desktop or laptop computer.
|
||||
|
||||
[Changelog](./CHANGELOG.md)
|
||||
|
||||
[Backend Readme](./backend/README.md)
|
||||
|
||||
## Screenshots
|
||||
|
||||
**User profile page**
|
||||
|
||||
<details>
|
||||
|
||||
| Dark | Light |
|
||||
| ------------------------------------------------------------- | --------------------------------------------------------------- |
|
||||
|  |  |
|
||||
|
||||
</details>
|
||||
|
||||
**Pages with releases lists**
|
||||
|
||||
<details>
|
||||
|
||||
| Dark | Light |
|
||||
| ---------------------------------------------------------------------- | ------------------------------------------------------------------------ |
|
||||
|  |  |
|
||||
|  |  |
|
||||
|
||||
</details>
|
||||
|
||||
**Release page and Player**
|
||||
|
||||
<details>
|
||||
|
||||
| Dark | Light |
|
||||
| ------------------------------------------------------ | -------------------------------------------------------- |
|
||||
|  |  |
|
||||
|
||||
</details>
|
||||
|
||||
## Features
|
||||
|
||||
1. Dynamic theming (light/dark mode, app colors)
|
||||
2. login/logout to AnixArt account
|
||||
3. sync watch history, bookmarks and favorites
|
||||
4. row or card layout for releases view
|
||||
|
||||
## Project Structure
|
||||
|
||||
This project consists of two main parts:
|
||||
|
||||
1. **Backend (Python with FastAPI):** This handles communication with the Anixart API and provides data to the frontend.
|
||||
2. **Frontend (Next.js):** This is the user interface that you interact with in your web browser. It fetches data from the backend and displays it in a user-friendly way.
|
||||
|
||||
## Disclaimer
|
||||
|
||||
Please note that AniX is an unofficial project and is not affiliated with the developers of Anixart. It is recommended to use the official Anixart app for the most up-to-date features and functionality.
|
||||
|
||||
## Development
|
||||
|
||||
To maintain code formatting it's recommended to use pre-commit hooks
|
||||
|
||||
0. Install global pre-commit `pip install pre-commit`
|
||||
1. Install pre-commit hooks via `pre-commit install` inside repository folder
|
||||
|
||||
To maintain readable git commit messages it's recommended to use [commitizen](https://commitizen-tools.github.io/commitizen/)
|
||||
|
||||
Feel free to make changes and experiment with the project.
|
||||
|
||||
## Getting Started
|
||||
|
||||
### Docker
|
||||
|
||||
#### Docker Requirements
|
||||
|
||||
- docker (>=26)
|
||||
- docker compose (>= 2.27)
|
||||
|
||||
#### Running development project via Docker
|
||||
|
||||
Execute `docker compose -f docker-compose.dev.yml up` command in the root of the folder.
|
||||
|
||||
You can access the AniX web client in your browser at `http://127.0.0.1`. And API docs at `http://127.0.0.1/api/v1/docs`
|
||||
|
||||
#### Running development project via Docker with realtime changes
|
||||
|
||||
To run development environment with realtime changes via docker you can execute the docker watch command, it will watch and copy local changes in to the running container. you will need to use the dev compose file and docker files.
|
||||
|
||||
Execute the `docker compose -f docker-compose.dev.yml watch` command to set up the docker development environment with realtime changes.
|
||||
|
||||
To access the docker logs you can use `docker compose -f docker-compose.dev.yml logs -f` command.
|
||||
|
||||
## Deployment
|
||||
|
||||
### first steps
|
||||
|
||||
1. clone this repository via `git clone https://github.com/Radiquum/AniX.git`
|
||||
2. cd into the repository folder.
|
||||
3. deploy app with below instructions.
|
||||
|
||||
### Docker Deployment
|
||||
|
||||
#### Docker Prerequisites
|
||||
|
||||
1. **Docker:** Make sure Docker is installed on your system. You can download it from [https://www.docker.com/](https://www.docker.com/).
|
||||
2. **Docker Compose:** Docker Compose should also be installed. It's usually included with Docker installations.
|
||||
3. **Domain Name:** (optional) You need a registered domain name (e.g., `example.com`) and have it pointing to your server's IP address.
|
||||
4. **SSL Certificate:** (optional) For HTTPS, you'll need an SSL certificate. Let's Encrypt is a free and popular option.
|
||||
|
||||
#### Docker steps
|
||||
|
||||
1. Edit the .env file
|
||||
2. Edit the docker-compose.yml file to match your needs.
|
||||
3. run `docker compose up -d` to build and run production images.
|
||||
4. your app will be available at `http(s)://{DOMAIN}`.
|
||||
5. run `docker compose down` to stop the containers.
|
||||
|
||||
*notes*:
|
||||
|
||||
- application is deployed as http by default, to enable https you need to edit docker compose and .env files.
|
||||
|
||||
if https is enabled, traefik will automatically issue HTTPS certificate from lets encrypt and redirect to HTTPS.
|
||||
|
||||
- you can also run `docker compose up --build` to build and run images without re-deploying the containers.
|
||||
|
||||
### Deta Space
|
||||
|
||||
1. **Install the Space CLI:**
|
||||
|
||||
```bash
|
||||
curl -fsSL https://deta.space/assets/space-cli.sh | sh
|
||||
```
|
||||
|
||||
2. **Login to Deta Space:**
|
||||
|
||||
```bash
|
||||
space login
|
||||
```
|
||||
|
||||
(You'll need to grab an access token from your Space dashboard)
|
||||
|
||||
3. **Create a new Space Project:**
|
||||
|
||||
```bash
|
||||
space new
|
||||
```
|
||||
|
||||
(This will guide you through setting up your project)
|
||||
|
||||
4. **Push your app to Deta Space:**
|
||||
|
||||
```bash
|
||||
space push --runner-version experimental
|
||||
```
|
||||
|
||||
(This will build and deploy your application)
|
||||
|
||||
You can find more details in the Deta Space documentation: [Deta Space Docs](https://docs.deta.space/)
|
||||
|
||||
### Vercel
|
||||
|
||||
*note* you don't need to complete the first steps for vercel deploy
|
||||
|
||||
1. [Deploy the backend](./backend/README.md#vercel) and copy the production url, including the prefix
|
||||
2. create a new project on vercel and set the root directory to frontend
|
||||
3. set API_URL env variable to copied url
|
||||
4. click deploy
|
||||
|
||||
#### Available environment variables
|
||||
|
||||
- API_URL - sets the api url to use for frontend to connect to the backend
|
||||
|
||||
#### One-Click Deploy
|
||||
|
||||
[](https://vercel.com/new/clone?repository-url=https://github.com/Radiquum/AniX/tree/main/frontend)
|
||||
|
||||
*note*: this will create a new repository.
|
||||
|
||||
*note*: don't forget to set API_URL to backend url.
|
||||
|
||||
## Contributing
|
||||
|
||||
We welcome contributions to this project! If you have any bug fixes, improvements, or new features, please feel free to create a pull request.
|
||||
14
Spacefile
14
Spacefile
|
|
@ -1,14 +0,0 @@
|
|||
v: 0
|
||||
# icon: ./icon.png
|
||||
micros:
|
||||
- name: anix-api
|
||||
src: ./backend/
|
||||
engine: python3.11
|
||||
path: api
|
||||
run: uvicorn main:app --root-path /api
|
||||
dev: uvicorn main:app --reload
|
||||
|
||||
- name: anix-app
|
||||
src: ./frontend/
|
||||
engine: next
|
||||
primary: true
|
||||
14
TODO.md
14
TODO.md
|
|
@ -1,14 +0,0 @@
|
|||
# TODO
|
||||
|
||||
- [ ] Add docker deployment
|
||||
|
||||
## Релизы
|
||||
|
||||
- [ ] Авто-ген ссылка с именем
|
||||
- [ ] Комментарии?
|
||||
- [ ] ...
|
||||
|
||||
## Идеи
|
||||
|
||||
- уведомления
|
||||
- метатеги
|
||||
|
|
@ -1 +0,0 @@
|
|||
3.9.13
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
# Anix Backend
|
||||
|
||||
This is the backend for AniX, an unofficial WEB client for the Android app Anixart.
|
||||
|
||||
It is using FastAPI and server as a proxy between app API and Web Client.
|
||||
|
||||
## Deployment
|
||||
|
||||
### Environment variables
|
||||
|
||||
- API_PREFIX - sets the api prefix
|
||||
|
||||
### Docker
|
||||
|
||||
[Refer the docker deployment from root README file](../README.md#docker-deployment)
|
||||
|
||||
## Vercel
|
||||
|
||||
1. fork the repository
|
||||
2. create a new project on vercel and set the root directory to backend
|
||||
3. (optionally) set API_PREFIX env variable
|
||||
4. click deploy
|
||||
|
||||
### One-Click Deploy
|
||||
|
||||
[](https://vercel.com/new/clone?repository-url=https://github.com/Radiquum/AniX/tree/main/backend)
|
||||
|
||||
*note*: this will create a new repository
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
import os
|
||||
|
||||
import uvicorn
|
||||
from fastapi import FastAPI
|
||||
from fastapi.middleware.cors import CORSMiddleware
|
||||
from modules import proxy
|
||||
from modules.pages import bookmarks
|
||||
from modules.pages import favorites
|
||||
from modules.pages import index
|
||||
from modules.pages import search
|
||||
from modules.release import release
|
||||
from modules.user import auth
|
||||
from modules.user import profile
|
||||
|
||||
TAGS = [
|
||||
{
|
||||
"name": "Index",
|
||||
"description": "Main page API requests",
|
||||
},
|
||||
{
|
||||
"name": "Profile",
|
||||
"description": "Profile API requests",
|
||||
},
|
||||
{
|
||||
"name": "Releases",
|
||||
"description": "Releases API requests",
|
||||
},
|
||||
{
|
||||
"name": "Bookmarks",
|
||||
"description": "Bookmarks API requests",
|
||||
},
|
||||
{
|
||||
"name": "Favorites",
|
||||
"description": "Favorites API requests",
|
||||
},
|
||||
{
|
||||
"name": "Search",
|
||||
"description": "Search API requests",
|
||||
},
|
||||
]
|
||||
|
||||
PREFIX = "/v1"
|
||||
|
||||
if os.getenv("API_PREFIX"):
|
||||
PREFIX = os.getenv("API_PREFIX")
|
||||
|
||||
app = FastAPI(
|
||||
openapi_tags=TAGS,
|
||||
title="AniX API",
|
||||
description="unofficial API proxy for Anixart android application.",
|
||||
openapi_url=f"{PREFIX}/openapi.json",
|
||||
docs_url=f"{PREFIX}/docs",
|
||||
redoc_url=None,
|
||||
)
|
||||
|
||||
app.add_middleware(
|
||||
CORSMiddleware,
|
||||
allow_origins=["*"],
|
||||
allow_credentials=True,
|
||||
allow_methods=["GET", "POST"],
|
||||
allow_headers=["*"],
|
||||
)
|
||||
|
||||
app.include_router(profile.router, prefix=f"{PREFIX}/profile", tags=["Profile"])
|
||||
app.include_router(auth.router, prefix=f"{PREFIX}/auth", tags=["Profile"])
|
||||
|
||||
app.include_router(release.router, prefix=f"{PREFIX}/release", tags=["Releases"])
|
||||
|
||||
app.include_router(index.router, prefix=f"{PREFIX}/index", tags=["Index"])
|
||||
app.include_router(bookmarks.router, prefix=f"{PREFIX}/bookmarks", tags=["Bookmarks"])
|
||||
app.include_router(favorites.router, prefix=f"{PREFIX}/favorites", tags=["Favorites"])
|
||||
app.include_router(search.router, prefix=f"{PREFIX}/search", tags=["Search"])
|
||||
|
||||
app.include_router(proxy.router, prefix=f"{PREFIX}/proxy")
|
||||
|
||||
if __name__ == "__main__":
|
||||
uvicorn.run("main:app", host="0.0.0.0", port=8000)
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
from fastapi import APIRouter
|
||||
from fastapi import Request
|
||||
from modules.proxy import apiRequest
|
||||
from modules.proxy import ENDPOINTS
|
||||
|
||||
router = APIRouter()
|
||||
|
||||
|
||||
@router.get("/history", summary="Get user watch history")
|
||||
async def GetUserHistory(request: Request, token: str, page: int = 0):
|
||||
return await apiRequest(
|
||||
request, ENDPOINTS["user"]["history"], page, query=f"?token={token}"
|
||||
)
|
||||
|
||||
|
||||
@router.get("/watching", summary="Get user watch list")
|
||||
async def GetUserWatching(request: Request, token: str, page: int = 0):
|
||||
return await apiRequest(
|
||||
request, ENDPOINTS["user"]["watching"], page, query=f"?token={token}"
|
||||
)
|
||||
|
||||
|
||||
@router.get("/planned", summary="Get user planned list")
|
||||
async def GetUserPlanned(request: Request, token: str, page: int = 0):
|
||||
return await apiRequest(
|
||||
request, ENDPOINTS["user"]["planned"], page, query=f"?token={token}"
|
||||
)
|
||||
|
||||
|
||||
@router.get("/watched", summary="Get user watched list")
|
||||
async def GetUserWatched(request: Request, token: str, page: int = 0):
|
||||
return await apiRequest(
|
||||
request, ENDPOINTS["user"]["watched"], page, query=f"?token={token}"
|
||||
)
|
||||
|
||||
|
||||
@router.get("/delayed", summary="Get user delayed list")
|
||||
async def GetUserDelayed(request: Request, token: str, page: int = 0):
|
||||
return await apiRequest(
|
||||
request, ENDPOINTS["user"]["delayed"], page, query=f"?token={token}"
|
||||
)
|
||||
|
||||
|
||||
@router.get("/abandoned", summary="Get user abandoned list")
|
||||
async def GetUserAbandoned(request: Request, token: str, page: int = 0):
|
||||
return await apiRequest(
|
||||
request, ENDPOINTS["user"]["abandoned"], page, query=f"?token={token}"
|
||||
)
|
||||
|
||||
|
||||
@router.get(
|
||||
"/list/{bookmark_list_id}/{release_id}/add", summary="Add release to bookmarks list"
|
||||
)
|
||||
async def addReleaseToBookmarks(
|
||||
request: Request, release_id: int, bookmark_list_id: int, token: str
|
||||
):
|
||||
return await apiRequest(
|
||||
request,
|
||||
f"{ENDPOINTS['profile']}/list/add/{bookmark_list_id}/{release_id}",
|
||||
query=f"?token={token}",
|
||||
)
|
||||
|
||||
|
||||
@router.get(
|
||||
"/list/{bookmark_list_id}/{release_id}/delete",
|
||||
summary="Remove release from bookmarks list",
|
||||
)
|
||||
async def deleteReleaseFromBookmarks(
|
||||
request: Request, release_id: int, bookmark_list_id: int, token: str
|
||||
):
|
||||
return await apiRequest(
|
||||
request,
|
||||
f"{ENDPOINTS['profile']}/list/delete/{bookmark_list_id}/{release_id}",
|
||||
query=f"?token={token}",
|
||||
)
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
from fastapi import APIRouter
|
||||
from fastapi import Request
|
||||
from modules.proxy import apiRequest
|
||||
from modules.proxy import ENDPOINTS
|
||||
|
||||
router = APIRouter()
|
||||
|
||||
|
||||
@router.get("", summary="Get user favorites list")
|
||||
async def GetUserFavorites(request: Request, token: str, page: int = 0):
|
||||
return await apiRequest(
|
||||
request, ENDPOINTS["user"]["favorite"], f"all/{page}", query=f"?token={token}"
|
||||
)
|
||||
|
||||
|
||||
@router.get("/list/{release_id}/add", summary="Add release to user favorites")
|
||||
async def addReleaseToFavorites(request: Request, release_id: int, token: str):
|
||||
return await apiRequest(
|
||||
request,
|
||||
ENDPOINTS["user"]["favorite"],
|
||||
f"add/{release_id}",
|
||||
query=f"?token={token}",
|
||||
)
|
||||
|
||||
|
||||
@router.get("/list/{release_id}/delete", summary="Remove release from user favorites")
|
||||
async def deleteReleaseFromFavorites(request: Request, release_id: int, token: str):
|
||||
return await apiRequest(
|
||||
request,
|
||||
ENDPOINTS["user"]["favorite"],
|
||||
f"delete/{release_id}",
|
||||
query=f"?token={token}",
|
||||
)
|
||||
|
|
@ -1,56 +0,0 @@
|
|||
import json
|
||||
from typing import Union
|
||||
|
||||
from fastapi import APIRouter
|
||||
from fastapi import Request
|
||||
from modules.proxy import apiRequest
|
||||
from modules.proxy import ENDPOINTS
|
||||
|
||||
router = APIRouter()
|
||||
|
||||
|
||||
async def GetMainPageFilter(
|
||||
request: Request, page: int = 0, status_id: Union[None, int] = None
|
||||
):
|
||||
data = json.dumps(
|
||||
{
|
||||
"country": None,
|
||||
"season": None,
|
||||
"sort": 0,
|
||||
"studio": None,
|
||||
"age_ratings": [],
|
||||
"category_id": None,
|
||||
"end_year": None,
|
||||
"episode_duration_from": None,
|
||||
"episode_duration_to": None,
|
||||
"episodes_from": None,
|
||||
"episodes_to": None,
|
||||
"genres": [],
|
||||
"profile_list_exclusions": [],
|
||||
"start_year": None,
|
||||
"status_id": status_id,
|
||||
"types": [],
|
||||
"is_genres_exclude_mode_enabled": False,
|
||||
}
|
||||
)
|
||||
return await apiRequest(request, ENDPOINTS["filter"], page, data=data)
|
||||
|
||||
|
||||
@router.get("/last", summary="Get new releases")
|
||||
async def GetMainPage(request: Request, page: int = 0):
|
||||
return await GetMainPageFilter(request, page, None)
|
||||
|
||||
|
||||
@router.get("/ongoing", summary="Get ongoing releases")
|
||||
async def GetOngoingPage(request: Request, page: int = 0):
|
||||
return await GetMainPageFilter(request, page, 2)
|
||||
|
||||
|
||||
@router.get("/announce", summary="Get announced releases")
|
||||
async def GetAnnouncePage(request: Request, page: int = 0):
|
||||
return await GetMainPageFilter(request, page, 3)
|
||||
|
||||
|
||||
@router.get("/finished", summary="Get finished releases")
|
||||
async def GetFinishedPage(request: Request, page: int = 0):
|
||||
return await GetMainPageFilter(request, page, 1)
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
import json
|
||||
|
||||
from fastapi import APIRouter
|
||||
from fastapi import Request
|
||||
from modules.proxy import apiRequest
|
||||
from modules.proxy import ENDPOINTS
|
||||
|
||||
router = APIRouter()
|
||||
|
||||
|
||||
@router.get("", summary="Search for a release")
|
||||
async def Search(request: Request, query: str, page: int = 0):
|
||||
data = json.dumps({"query": query, "searchBy": 0})
|
||||
return await apiRequest(request, ENDPOINTS["search"], page, data=data)
|
||||
|
|
@ -1,86 +0,0 @@
|
|||
from typing import TypedDict
|
||||
from typing import Union
|
||||
|
||||
import requests
|
||||
from fastapi import APIRouter
|
||||
from fastapi import Request
|
||||
from fastapi import Response
|
||||
|
||||
|
||||
class Endpoints(TypedDict):
|
||||
release: dict[str, str]
|
||||
profile: str
|
||||
filter: str
|
||||
auth: str
|
||||
user: dict[str, str]
|
||||
search: str
|
||||
statistic: dict[str, str]
|
||||
|
||||
|
||||
API_URL = "https://api.anixart.tv"
|
||||
ENDPOINTS: Endpoints = {
|
||||
"release": {
|
||||
"info": f"{API_URL}/release",
|
||||
"episode": f"{API_URL}/episode",
|
||||
},
|
||||
"profile": f"{API_URL}/profile",
|
||||
"filter": f"{API_URL}/filter",
|
||||
"auth": f"{API_URL}/auth/signIn",
|
||||
"user": {
|
||||
"history": f"{API_URL}/history",
|
||||
"watching": f"{API_URL}/profile/list/all/1",
|
||||
"planned": f"{API_URL}/profile/list/all/2",
|
||||
"watched": f"{API_URL}/profile/list/all/3",
|
||||
"delayed": f"{API_URL}/profile/list/all/4",
|
||||
"abandoned": f"{API_URL}/profile/list/all/5",
|
||||
"favorite": f"{API_URL}/favorite",
|
||||
},
|
||||
"search": f"{API_URL}/search/releases",
|
||||
"statistic": {
|
||||
"addHistory": f"{API_URL}/history/add",
|
||||
"markWatched": f"{API_URL}/episode/watch",
|
||||
},
|
||||
}
|
||||
USER_AGENT = "AnixartApp/8.2.1-23121216 (Android 11; SDK 30; arm64-v8a;)"
|
||||
|
||||
|
||||
async def apiRequest(
|
||||
request: Request = None,
|
||||
endpoint: Union[str, Endpoints] = "",
|
||||
path: Union[str, int] = "",
|
||||
query: str = "",
|
||||
data: Union[None, str, dict] = None,
|
||||
):
|
||||
|
||||
headers = {
|
||||
"User-Agent": USER_AGENT,
|
||||
"Content-Type": "application/json; charset=UTF-8",
|
||||
}
|
||||
|
||||
if data is not None or request.method == "POST":
|
||||
r = requests.post(
|
||||
# noqa: E501
|
||||
f"{endpoint}/{path}{query}",
|
||||
headers=headers,
|
||||
data=data,
|
||||
)
|
||||
else:
|
||||
r = requests.get(f"{endpoint}/{path}{query}", headers=headers)
|
||||
|
||||
if r.status_code != 200:
|
||||
return {"error": r.text}
|
||||
return r.json()
|
||||
|
||||
|
||||
router = APIRouter()
|
||||
|
||||
|
||||
@router.get(
|
||||
"/image",
|
||||
responses={200: {"content": {"image/jpg": {}, "image/png": {}}}},
|
||||
response_class=Response,
|
||||
)
|
||||
async def imageProxy(url: str):
|
||||
type = url.split(".")[-1]
|
||||
response: bytes = requests.get(url).content
|
||||
return Response(content=response, media_type=f"image/{type}")
|
||||
|
|
@ -1,75 +0,0 @@
|
|||
import requests
|
||||
from fastapi import APIRouter
|
||||
from fastapi import Request
|
||||
from modules.proxy import apiRequest
|
||||
from modules.proxy import ENDPOINTS
|
||||
from modules.proxy import USER_AGENT
|
||||
|
||||
router = APIRouter()
|
||||
|
||||
|
||||
@router.get("/{release_id}", summary="Get release info")
|
||||
async def GetReleaseById(request: Request, release_id: str, token: str = ""):
|
||||
return await apiRequest(
|
||||
request, ENDPOINTS["release"]["info"], release_id, query=f"?token={token}"
|
||||
)
|
||||
|
||||
|
||||
@router.get("/{release_id}/voiceover", summary="Get release voiceover info")
|
||||
async def GetReleaseVoiceover(request: Request, release_id: str):
|
||||
return await apiRequest(request, ENDPOINTS["release"]["episode"], release_id)
|
||||
|
||||
|
||||
@router.get(
|
||||
"/{release_id}/{voiceover_id}",
|
||||
summary="Get available players for selected voiceover of a release",
|
||||
)
|
||||
async def GetReleaseVoiceoverPlayer(
|
||||
request: Request, release_id: str, voiceover_id: str
|
||||
):
|
||||
return await apiRequest(
|
||||
request, ENDPOINTS["release"]["episode"], f"{release_id}/{voiceover_id}"
|
||||
)
|
||||
|
||||
|
||||
@router.get(
|
||||
"/{release_id}/{voiceover_id}/{source_id}",
|
||||
summary="Get available episodes for selected voiceover and a player of a release",
|
||||
)
|
||||
async def GetReleaseEpisodes(
|
||||
request: Request,
|
||||
release_id: str,
|
||||
voiceover_id: str,
|
||||
source_id: str,
|
||||
token: str = "",
|
||||
):
|
||||
return await apiRequest(
|
||||
request,
|
||||
ENDPOINTS["release"]["episode"],
|
||||
f"{release_id}/{voiceover_id}/{source_id}",
|
||||
query=f"?token={token}",
|
||||
)
|
||||
|
||||
|
||||
@router.get(
|
||||
"/{release_id}/{source_id}/{episode}/saveToHistory",
|
||||
summary="mark episode of a selected voiceover as watched and save it to watch history",
|
||||
)
|
||||
async def MarkEpisodeAsWatched(
|
||||
request: Request, release_id: str, source_id: str, episode: str, token: str
|
||||
):
|
||||
headers = {
|
||||
"User-Agent": USER_AGENT,
|
||||
"Content-Type": "application/json; charset=UTF-8",
|
||||
}
|
||||
|
||||
requests.get(
|
||||
f"{ENDPOINTS['statistic']['markWatched']}/{release_id}/{source_id}/{episode}?token={token}",
|
||||
headers=headers,
|
||||
)
|
||||
requests.get(
|
||||
f"{ENDPOINTS['statistic']['addHistory']}/{release_id}/{source_id}/{episode}?token={token}",
|
||||
headers=headers,
|
||||
)
|
||||
|
||||
return {"success"}
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
import requests
|
||||
from fastapi import APIRouter
|
||||
from modules.proxy import ENDPOINTS
|
||||
from modules.proxy import USER_AGENT
|
||||
from pydantic import BaseModel
|
||||
|
||||
|
||||
class User(BaseModel):
|
||||
email: str
|
||||
password: str
|
||||
|
||||
|
||||
router = APIRouter()
|
||||
|
||||
|
||||
@router.post("", summary="logging in")
|
||||
async def userSignIn(
|
||||
user: User,
|
||||
short: bool = False,
|
||||
):
|
||||
headers = {
|
||||
"User-Agent": USER_AGENT,
|
||||
"Sign": "9aa5c7af74e8cd70c86f7f9587bde23d",
|
||||
"Content-Type": "application/x-www-form-urlencoded",
|
||||
}
|
||||
r = requests.post(
|
||||
# noqa: E501
|
||||
f"{ENDPOINTS['auth']}",
|
||||
headers=headers,
|
||||
data={"login": user.email, "password": user.password},
|
||||
)
|
||||
if r.status_code != 200:
|
||||
return {"error": r.text}
|
||||
res = r.json()
|
||||
if short is True:
|
||||
return {
|
||||
"code": res["code"],
|
||||
"profile": {
|
||||
"id": res["profile"]["id"],
|
||||
"login": res["profile"]["login"],
|
||||
"avatar": res["profile"]["avatar"],
|
||||
},
|
||||
"profileToken": {
|
||||
"id": res["profileToken"]["id"],
|
||||
"token": res["profileToken"]["token"],
|
||||
},
|
||||
}
|
||||
return res
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
from typing import Union
|
||||
|
||||
from fastapi import APIRouter
|
||||
from fastapi import Request
|
||||
from modules.proxy import apiRequest
|
||||
from modules.proxy import ENDPOINTS
|
||||
|
||||
router = APIRouter()
|
||||
|
||||
|
||||
@router.get("/{user_id}", summary="Get user profile by user ID")
|
||||
async def getUserById(
|
||||
request: Request, user_id: str, short: bool = False, token: Union[None, str] = None
|
||||
):
|
||||
query = ""
|
||||
if token:
|
||||
query = f"?token={token}"
|
||||
|
||||
res = await apiRequest(request, ENDPOINTS["profile"], user_id, query=query)
|
||||
if short is False:
|
||||
return res
|
||||
return {
|
||||
"code": res["code"],
|
||||
"profile": {
|
||||
"id": res["profile"]["id"],
|
||||
"login": res["profile"]["login"],
|
||||
"avatar": res["profile"]["avatar"],
|
||||
},
|
||||
"is_my_profile": res["is_my_profile"],
|
||||
}
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
requests == 2.31.0
|
||||
fastAPI == 0.110.1
|
||||
uvicorn[standard]
|
||||
python-multipart
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
{
|
||||
"$schema": "https://openapi.vercel.sh/vercel.json",
|
||||
"builds": [
|
||||
{
|
||||
"src": "main.py",
|
||||
"use": "@vercel/python"
|
||||
}
|
||||
],
|
||||
"routes": [
|
||||
{
|
||||
"src": "/(.*)",
|
||||
"dest": "main.py",
|
||||
"headers": {
|
||||
"Access-Control-Allow-Credentials": "true",
|
||||
"Access-Control-Allow-Origin": "*",
|
||||
"Access-Control-Allow-Methods": "GET,POST",
|
||||
"Access-Control-Allow-Headers": "X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
services:
|
||||
frontend:
|
||||
container_name: "AniX-frontend"
|
||||
build:
|
||||
context: ./frontend
|
||||
dockerfile: ../docker/frontend.dev.Dockerfile
|
||||
labels:
|
||||
- "traefik.enable=true"
|
||||
- "traefik.http.routers.anix-frontend.rule=Host(`127.0.0.1`)"
|
||||
- "traefik.http.routers.anix-frontend.entrypoints=web"
|
||||
expose:
|
||||
- 3000
|
||||
develop:
|
||||
watch:
|
||||
- action: sync
|
||||
path: ./frontend
|
||||
target: /app
|
||||
ignore:
|
||||
- node_modules/
|
||||
- .next/
|
||||
- action: rebuild
|
||||
path: ./frontend/package.json
|
||||
backend:
|
||||
container_name: "AniX-backend"
|
||||
build:
|
||||
context: ./backend
|
||||
dockerfile: ../docker/backend.dev.Dockerfile
|
||||
labels:
|
||||
- "traefik.enable=true"
|
||||
- "traefik.http.routers.anix-backend.rule=Host(`127.0.0.1`) && PathPrefix(`/api/`)"
|
||||
- traefik.http.middlewares.anix-backend_stripprefix.stripprefix.prefixes=/api
|
||||
- "traefik.http.routers.anix-backend.middlewares=anix-backend_stripprefix@docker"
|
||||
- "traefik.http.routers.anix-backend.entrypoints=web"
|
||||
expose:
|
||||
- 8000
|
||||
develop:
|
||||
watch:
|
||||
- action: sync
|
||||
path: ./backend
|
||||
target: /app
|
||||
- action: rebuild
|
||||
path: ./backend/requirements.txt
|
||||
traefik:
|
||||
image: "traefik:v3.0"
|
||||
container_name: "AniX-traefik"
|
||||
command:
|
||||
#- "--log.level=DEBUG"
|
||||
- "--api.dashboard=true"
|
||||
- "--api.insecure=true"
|
||||
- "--providers.docker=true"
|
||||
- "--providers.docker.exposedbydefault=false"
|
||||
- "--entryPoints.web.address=:80"
|
||||
ports:
|
||||
- "80:80"
|
||||
- "8080:8080"
|
||||
volumes:
|
||||
- "/var/run/docker.sock:/var/run/docker.sock:ro"
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
services:
|
||||
frontend:
|
||||
env_file: .env
|
||||
container_name: "AniX-frontend"
|
||||
build:
|
||||
context: ./frontend
|
||||
dockerfile: ../docker/frontend.Dockerfile
|
||||
labels:
|
||||
# --- ${DOMAIN} will be replaced with DOMAIN from .env ---
|
||||
- "traefik.enable=true"
|
||||
- "traefik.http.routers.anix-frontend.rule=Host(`${DOMAIN}`)"
|
||||
|
||||
# --- !COMMENT THIS FOR HTTPS! ---
|
||||
- "traefik.http.routers.anix-frontend.entrypoints=web"
|
||||
|
||||
# --- !UNCOMMENT THIS FOR HTTPS! ---
|
||||
#- "traefik.http.routers.anix-frontend.entrypoints=websecure"
|
||||
#- "traefik.http.routers.anix-frontend.tls=true"
|
||||
#- "traefik.http.routers.user-api-backend.tls.certresolver=letsencrypt"
|
||||
expose:
|
||||
- 3000
|
||||
backend:
|
||||
env_file: .env
|
||||
container_name: "AniX-backend"
|
||||
build:
|
||||
context: ./backend
|
||||
dockerfile: ../docker/backend.Dockerfile
|
||||
labels:
|
||||
# --- ${DOMAIN} will be replaced with DOMAIN from .env ---
|
||||
- "traefik.enable=true"
|
||||
- "traefik.http.routers.anix-backend.rule=Host(`${DOMAIN}`) && PathPrefix(`/api`)"
|
||||
- traefik.http.middlewares.anix-backend_stripprefix.stripprefix.prefixes=/api
|
||||
- "traefik.http.routers.anix-backend.middlewares=anix-backend_stripprefix@docker"
|
||||
|
||||
# --- !COMMENT THIS FOR HTTPS! ---
|
||||
- "traefik.http.routers.anix-backend.entrypoints=web"
|
||||
|
||||
# --- !UNCOMMENT THIS FOR HTTPS! ---
|
||||
#- "traefik.http.routers.anix-backend.tls=true"
|
||||
#- "traefik.http.routers.anix-backend.entrypoints=websecure"
|
||||
#- "traefik.http.routers.user-api-backend.tls.certresolver=letsencrypt"
|
||||
expose:
|
||||
- 8000
|
||||
traefik:
|
||||
env_file: .env
|
||||
image: "traefik:v3.0"
|
||||
container_name: "AniX-traefik"
|
||||
command:
|
||||
- "--api.dashboard=false"
|
||||
- "--api.insecure=false"
|
||||
- "--providers.docker=true"
|
||||
- "--providers.docker.exposedbydefault=false"
|
||||
|
||||
# --- !COMMENT THIS FOR HTTPS! ---
|
||||
- "--entryPoints.web.address=:${HTTP_PORT:-80}"
|
||||
|
||||
# --- !UNCOMMENT THIS FOR HTTPS! ---
|
||||
#- "--entrypoints.websecure.address=:${HTTPS_PORT:-443}"
|
||||
#- "--entrypoints.web.http.redirections.entryPoint.to=websecure"
|
||||
#- "--entrypoints.web.http.redirections.entryPoint.scheme=https"
|
||||
#- "--certificatesresolvers.letsencrypt.acme.tlschallenge=true"
|
||||
#- "--certificatesresolvers.letsencrypt.acme.email=${EMAIL}"
|
||||
#- "--certificatesresolvers.letsencrypt.acme.storage=/letsencrypt/acme.json"
|
||||
ports:
|
||||
# --- !COMMENT THIS FOR HTTPS! ---
|
||||
- ${HTTP_PORT:-80}:${HTTP_PORT:-80}
|
||||
# --- !UNCOMMENT THIS FOR HTTPS! ---
|
||||
#- ${HTTPS_PORT:-443}:${HTTPS_PORT:-443}
|
||||
volumes:
|
||||
- "/var/run/docker.sock:/var/run/docker.sock:ro"
|
||||
depends_on:
|
||||
- frontend
|
||||
- backend
|
||||
|
||||
# --- !UNCOMMENT THIS FOR HTTPS! ---
|
||||
# acme.json should be created on host instance!
|
||||
#- "./acme.json:/letsencrypt/acme.json"
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
# The first instruction is what image we want to base our container on
|
||||
# We Use an official Python runtime as a parent image
|
||||
FROM python:3.9
|
||||
|
||||
# The enviroment variable ensures that the python output is set straight
|
||||
# to the terminal with out buffering it first
|
||||
ENV PYTHONUNBUFFERED 1
|
||||
|
||||
# Set the working directory to /app
|
||||
WORKDIR /app
|
||||
|
||||
# Copy the current directory contents into the container at /app
|
||||
COPY . .
|
||||
|
||||
# Install any needed packages specified in requirements.txt
|
||||
RUN pip install -r requirements.txt
|
||||
|
||||
CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--root-path", "/api"]
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
# The first instruction is what image we want to base our container on
|
||||
# We Use an official Python runtime as a parent image
|
||||
FROM python:3.9
|
||||
|
||||
# The enviroment variable ensures that the python output is set straight
|
||||
# to the terminal with out buffering it first
|
||||
ENV PYTHONUNBUFFERED 1
|
||||
|
||||
# Set the working directory to /app
|
||||
WORKDIR /app
|
||||
|
||||
# Copy the current directory contents into the container at /app
|
||||
COPY . .
|
||||
|
||||
# Install any needed packages specified in requirements.txt
|
||||
RUN pip install -r requirements.txt
|
||||
|
||||
CMD ["uvicorn", "main:app", "--reload", "--host", "0.0.0.0", "--root-path", "/api"]
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
FROM node:21-alpine
|
||||
|
||||
RUN mkdir /app
|
||||
RUN mkdir /prepare
|
||||
|
||||
WORKDIR /prepare
|
||||
|
||||
ADD package.json .
|
||||
|
||||
RUN npm update -g npm --loglevel verbose
|
||||
COPY . .
|
||||
# RUN npm install --loglevel verbose
|
||||
RUN npm ci --omit=dev --no-audit --maxsockets 1 --loglevel verbose
|
||||
RUN npm run docker --loglevel verbose
|
||||
|
||||
RUN cp -a ./build/. /app/
|
||||
|
||||
WORKDIR /app
|
||||
RUN rm -rf /prepare
|
||||
RUN npm i sharp --loglevel verbose
|
||||
|
||||
CMD ["node", "./server.js"]
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
FROM node:21-alpine
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
ADD package.json .
|
||||
|
||||
RUN npm update -g npm --loglevel verbose
|
||||
COPY . .
|
||||
RUN npm install --loglevel verbose
|
||||
# RUN npm ci --no-audit --maxsockets 1
|
||||
|
||||
CMD ["npm", "run", "dev"]
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 392 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 400 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 231 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 231 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 225 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 218 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 415 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 423 KiB |
|
|
@ -1,3 +0,0 @@
|
|||
{
|
||||
"extends": ["next/core-web-vitals"]
|
||||
}
|
||||
36
frontend/.gitignore
vendored
36
frontend/.gitignore
vendored
|
|
@ -1,36 +0,0 @@
|
|||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
.yarn/install-state.gz
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# local env files
|
||||
.env*.local
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import "beercss";
|
||||
import "material-dynamic-colors";
|
||||
import { NavigationRail } from "@/app/components/NavigationRail/NavigationRail";
|
||||
import { useEffect, useState } from "react";
|
||||
import { ColorPicker } from "@/app/components/ColorPicker/ColorPicker";
|
||||
import { useUserStore } from "./store/user-store";
|
||||
import Settings from "./components/Settings/Settings";
|
||||
|
||||
function setMode(mode) {
|
||||
localStorage.setItem("mode", mode);
|
||||
}
|
||||
function getMode() {
|
||||
return localStorage.getItem("mode");
|
||||
}
|
||||
|
||||
function setTheme(theme) {
|
||||
localStorage.setItem("theme", theme);
|
||||
}
|
||||
function getTheme() {
|
||||
return localStorage.getItem("theme");
|
||||
}
|
||||
|
||||
export const App = (props) => {
|
||||
const [colorPicker, setColorPicker] = useState(false);
|
||||
const [settingsPopup, setSettingsPopup] = useState(false);
|
||||
const userStore = useUserStore();
|
||||
|
||||
const theme = async (from) => {
|
||||
setTheme(from);
|
||||
await ui("theme", from);
|
||||
};
|
||||
|
||||
const mode = () => {
|
||||
let newMode = ui("mode") == "dark" ? "light" : "dark";
|
||||
setMode(newMode);
|
||||
ui("mode", getMode());
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
const mode = getMode();
|
||||
const theme = getTheme();
|
||||
if (mode != ui("mode")) {
|
||||
ui("mode", getMode());
|
||||
}
|
||||
if (theme != ui("theme")) {
|
||||
ui("theme", theme);
|
||||
}
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
userStore.checkAuth();
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<body>
|
||||
<div style={{ display: "flex", flexDirection: "row" }}>
|
||||
<div style={{ paddingInlineStart: "0" }}>
|
||||
<NavigationRail
|
||||
colorPicker={colorPicker}
|
||||
settingsPopup={settingsPopup}
|
||||
setColorPicker={setColorPicker}
|
||||
setSettingsPopup={setSettingsPopup}
|
||||
/>
|
||||
{colorPicker && (
|
||||
<ColorPicker
|
||||
mode={mode}
|
||||
theme={theme}
|
||||
colorPicker={colorPicker}
|
||||
setColorPicker={setColorPicker}
|
||||
/>
|
||||
)}
|
||||
{settingsPopup && (
|
||||
<Settings
|
||||
settingsPopup={settingsPopup}
|
||||
setSettingsPopup={setSettingsPopup}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
<main
|
||||
className="max padding"
|
||||
style={{
|
||||
height: "calc(100vh - 2rem)",
|
||||
width: "100%",
|
||||
overflow: "hidden",
|
||||
}}
|
||||
>
|
||||
<div
|
||||
className="border round padding"
|
||||
style={{ height: "calc(100vh - 2rem)", overflowY: "scroll" }}
|
||||
>
|
||||
{props.children}
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
export const isResponseOk = (response) => {
|
||||
return !(response instanceof Error);
|
||||
};
|
||||
|
||||
export const getData = async (url) => {
|
||||
try {
|
||||
const response = await fetch(url);
|
||||
if (response.status !== 200) {
|
||||
throw new Error("Ошибка получения данных");
|
||||
}
|
||||
return await response.json();
|
||||
} catch (error) {
|
||||
return error;
|
||||
}
|
||||
};
|
||||
|
||||
export const authorize = async (url, data) => {
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify(data),
|
||||
});
|
||||
if (response.status !== 200) {
|
||||
throw new Error("Ошибка получения данных");
|
||||
}
|
||||
return await response.json();
|
||||
} catch (error) {
|
||||
return error;
|
||||
}
|
||||
};
|
||||
|
||||
export const getMe = async (url, jwt) => {
|
||||
try {
|
||||
const response = await fetch(`${url}?token=${jwt}`, {
|
||||
method: "GET",
|
||||
});
|
||||
if (response.status !== 200) {
|
||||
throw new Error("Ошибка получения данных");
|
||||
}
|
||||
return await response.json();
|
||||
} catch (error) {
|
||||
return error;
|
||||
}
|
||||
};
|
||||
|
||||
export function setJWT(jwt, user_id) {
|
||||
const data = { jwt: jwt, user_id: user_id };
|
||||
localStorage.setItem("data", JSON.stringify(data));
|
||||
}
|
||||
export function getJWT() {
|
||||
const data = localStorage.getItem("data");
|
||||
return JSON.parse(data);
|
||||
}
|
||||
export function removeJWT() {
|
||||
localStorage.removeItem("data");
|
||||
}
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
export let API_URL = "/api/v1";
|
||||
|
||||
if (process.env.API_URL) {
|
||||
API_URL = process.env.API_URL;
|
||||
}
|
||||
|
||||
export const endpoints = {
|
||||
index: {
|
||||
last: `${API_URL}/index/last`,
|
||||
ongoing: `${API_URL}/index/ongoing`,
|
||||
announce: `${API_URL}/index/announce`,
|
||||
finished: `${API_URL}/index/finished`,
|
||||
},
|
||||
search: `${API_URL}/search`,
|
||||
user: {
|
||||
profile: `${API_URL}/profile`,
|
||||
auth: `${API_URL}/auth`,
|
||||
bookmarks: {
|
||||
list: `${API_URL}/bookmarks/list`,
|
||||
history: `${API_URL}/bookmarks/history`,
|
||||
watching: `${API_URL}/bookmarks/watching`,
|
||||
planned: `${API_URL}/bookmarks/planned`,
|
||||
watched: `${API_URL}/bookmarks/watched`,
|
||||
delayed: `${API_URL}/bookmarks/delayed`,
|
||||
abandoned: `${API_URL}/bookmarks/abandoned`,
|
||||
},
|
||||
favorites: `${API_URL}/favorites`,
|
||||
},
|
||||
release: `${API_URL}/release`,
|
||||
};
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
import { LogInNeeded } from "@/app/components/LogInNeeded/LogInNeeded";
|
||||
import BookmarksPage from "../components/Pages/BookmarksPage";
|
||||
|
||||
export default function Bookmarks() {
|
||||
const userStore = useUserStore();
|
||||
|
||||
return <>{!userStore.isAuth ? <LogInNeeded /> : <BookmarksPage />}</>;
|
||||
}
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
import { ReleaseCard } from "@/app/components/ReleaseCard/ReleaseCard";
|
||||
import { ReleaseList } from "@/app/components/ReleaseList/ReleaseList";
|
||||
|
||||
export const CardList = (props) => {
|
||||
return props.data.map((item) => {
|
||||
if (props.view == "grid") {
|
||||
return (
|
||||
<ReleaseCard
|
||||
key={item.id}
|
||||
id={item.id}
|
||||
title={item.title_ru}
|
||||
poster={item.image}
|
||||
description={item.description}
|
||||
/>
|
||||
);
|
||||
}
|
||||
if (props.view == "list") {
|
||||
return (
|
||||
<ReleaseList
|
||||
key={item.id}
|
||||
id={item.id}
|
||||
title={item.title_ru}
|
||||
poster={item.image}
|
||||
description={item.description}
|
||||
/>
|
||||
);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import Styles from "./ColorPicker.module.css";
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
import { API_URL } from "@/app/api/config";
|
||||
|
||||
export const ColorPicker = (props) => {
|
||||
const userStore = useUserStore();
|
||||
const colors = [
|
||||
{ hex: "#ffffff", color: "white" },
|
||||
{ hex: "#e91e63", color: "pink" },
|
||||
{ hex: "#ff9800", color: "orange" },
|
||||
{ hex: "#4caf50", color: "green" },
|
||||
{ hex: "#009688", color: "teal" },
|
||||
{ hex: "#9c27b0", color: "purple" },
|
||||
{ hex: "#673ab7", color: "deep-purple" },
|
||||
{ hex: "#ffeb3b", color: "yellow" },
|
||||
{ hex: "#ffc8ff", color: Styles["radiquum-pink"] },
|
||||
{ hex: "#0087c7", color: Styles["fuxigen-blue"] },
|
||||
{ hex: "#e54040", color: Styles["anixart-red"] },
|
||||
];
|
||||
const [mode, setMode] = useState(ui("mode"));
|
||||
|
||||
return (
|
||||
<dialog
|
||||
className="active left round bottom small"
|
||||
style={{ blockSize: "unset" }}
|
||||
>
|
||||
<h5>Выбор темы</h5>
|
||||
<div className="grid center-align">
|
||||
{colors.map((item) => {
|
||||
return (
|
||||
<button
|
||||
key={item.color}
|
||||
className={`circle border small ${item.color} s2`}
|
||||
onClick={() => props.theme(item.hex)}
|
||||
></button>
|
||||
);
|
||||
})}
|
||||
{userStore.user ? (
|
||||
<button
|
||||
className={`circle border small s2`}
|
||||
onClick={() => {
|
||||
props.theme(
|
||||
`${API_URL}/proxy/image?url=${userStore.user.profile.avatar}`,
|
||||
);
|
||||
}}
|
||||
>
|
||||
{/* eslint-disable-next-line jsx-a11y/alt-text, @next/next/no-img-element */}
|
||||
<img src={userStore.user.profile.avatar} alt="" />
|
||||
</button>
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
</div>
|
||||
<div className="medium-divider"></div>
|
||||
<nav>
|
||||
<button
|
||||
className={`circle small transparent`}
|
||||
onClick={() => {
|
||||
props.mode();
|
||||
setMode(ui("mode"));
|
||||
}}
|
||||
>
|
||||
{mode == "light" ? <i>dark_mode</i> : <i>light_mode</i>}
|
||||
</button>
|
||||
<button
|
||||
className={`circle small transparent `}
|
||||
onClick={() => props.setColorPicker(!props.colorPicker)}
|
||||
>
|
||||
<i>close</i>
|
||||
</button>
|
||||
</nav>
|
||||
</dialog>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
.radiquum-pink {
|
||||
background-color: #ffc8ff !important;
|
||||
}
|
||||
.fuxigen-blue {
|
||||
background-color: #0087c7 !important;
|
||||
}
|
||||
.anixart-red {
|
||||
background-color: #e54040 !important;
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
"use client";
|
||||
|
||||
export const LogInNeeded = (props) => {
|
||||
return (
|
||||
<div className="absolute padding error center middle round">
|
||||
<i className="extra">no_accounts</i>
|
||||
<h5>Требуется авторизация</h5>
|
||||
<p>Для доступа к этой вкладке требуется авторизация в аккаунте anixart</p>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,128 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { usePathname } from "next/navigation";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
import { useRouter } from "next/navigation";
|
||||
import useCopyToClipboard from "@/app/hooks/useCopyToClipboard";
|
||||
|
||||
export const NavigationRail = (props) => {
|
||||
const [isCopied, copyToClipboard] = useCopyToClipboard();
|
||||
const pathname = usePathname();
|
||||
const userStore = useUserStore();
|
||||
const router = useRouter();
|
||||
|
||||
const items = [
|
||||
{
|
||||
title: "Домашняя",
|
||||
icon: "home",
|
||||
path: "/",
|
||||
},
|
||||
{
|
||||
title: "Поиск",
|
||||
icon: "search",
|
||||
path: "/search",
|
||||
},
|
||||
{
|
||||
title: "Закладки",
|
||||
icon: "bookmark",
|
||||
path: "/bookmarks",
|
||||
},
|
||||
|
||||
{
|
||||
title: "Избранное",
|
||||
icon: "favorite",
|
||||
path: "/favorites",
|
||||
},
|
||||
|
||||
{
|
||||
title: "История",
|
||||
icon: "history",
|
||||
path: "/history",
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<nav
|
||||
className="left border round margin"
|
||||
style={{
|
||||
inlineSize: "unset",
|
||||
position: "sticky",
|
||||
top: "1rem",
|
||||
left: "0",
|
||||
minHeight: "calc(100vh - (var(---margin) * 2))",
|
||||
backgroundColor: "var(--surface)",
|
||||
paddingBlock: "1rem",
|
||||
}}
|
||||
>
|
||||
{userStore.isAuth && userStore.user ? (
|
||||
<Link className="circle transparent " href="/profile">
|
||||
<Image
|
||||
className="responsive"
|
||||
src={userStore.user.profile.avatar}
|
||||
alt="Ваш профиль"
|
||||
width="64"
|
||||
height="64"
|
||||
/>
|
||||
<div className="tooltip bottom round">
|
||||
{" "}
|
||||
{userStore.isAuth && (
|
||||
<button
|
||||
className="circle transparent"
|
||||
onClick={() => userStore.logout()}
|
||||
>
|
||||
<i>logout</i>
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</Link>
|
||||
) : (
|
||||
<button
|
||||
className="circle transparent"
|
||||
onClick={() => {
|
||||
router.push("/login");
|
||||
}}
|
||||
>
|
||||
<i className="responsive">login</i>
|
||||
</button>
|
||||
)}
|
||||
|
||||
{items.map((item) => {
|
||||
return (
|
||||
<Link
|
||||
key={item.path}
|
||||
href={item.path}
|
||||
className={pathname == item.path ? "active" : ""}
|
||||
>
|
||||
<i>{item.icon}</i>
|
||||
<div>{item.title}</div>
|
||||
</Link>
|
||||
);
|
||||
})}
|
||||
|
||||
<span className="max"></span>
|
||||
|
||||
<button className="circle transparent" onClick={() => copyToClipboard()}>
|
||||
<i>{isCopied ? "done" : "content_copy"}</i>
|
||||
<div className="tooltip right">
|
||||
{isCopied ? "Ссылка скопирована" : "Скопировать ссылку"}
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button
|
||||
className="circle transparent"
|
||||
onClick={() => props.setSettingsPopup(!props.settingsPopup)}
|
||||
>
|
||||
<i>settings</i>
|
||||
</button>
|
||||
|
||||
<button
|
||||
className="circle transparent"
|
||||
onClick={() => props.setColorPicker(!props.colorPicker)}
|
||||
>
|
||||
<i>palette</i>
|
||||
</button>
|
||||
</nav>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,117 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { getData } from "@/app/api/api-utils";
|
||||
import { endpoints } from "@/app/api/config";
|
||||
import { useEffect, useState, useCallback } from "react";
|
||||
import { usePathname, useRouter } from "next/navigation";
|
||||
import { useSearchParams } from "next/navigation";
|
||||
import ReleasesOverview from "@/app/components/ReleasesOverview/ReleasesOverview";
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
|
||||
export default function BookmarksPage() {
|
||||
const router = useRouter();
|
||||
const pathname = usePathname();
|
||||
const userStore = useUserStore();
|
||||
|
||||
const [list, setList] = useState();
|
||||
const [releases, setReleases] = useState();
|
||||
const [page, setPage] = useState(0);
|
||||
|
||||
const [isNextPage, setIsNextPage] = useState(true);
|
||||
|
||||
const searchParams = useSearchParams();
|
||||
const createQueryString = useCallback(
|
||||
(name, value) => {
|
||||
const params = new URLSearchParams(searchParams.toString());
|
||||
params.set(name, value);
|
||||
|
||||
return params.toString();
|
||||
},
|
||||
[searchParams],
|
||||
);
|
||||
|
||||
// set list on initial page load
|
||||
useEffect(() => {
|
||||
const query = searchParams.get("list");
|
||||
if (query) {
|
||||
setList(query);
|
||||
} else {
|
||||
setList("watching");
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
|
||||
async function fetchData(list, page = 0) {
|
||||
if (userStore.token) {
|
||||
const url = `${endpoints.user.bookmarks[list]}?page=${page}&token=${userStore.token}`;
|
||||
const data = await getData(url);
|
||||
|
||||
if (data.content.length < 25) {
|
||||
setIsNextPage(false);
|
||||
} else {
|
||||
setIsNextPage(true);
|
||||
}
|
||||
|
||||
// Handle initial load (page 0) or subsequent pagination
|
||||
if (page === 0) {
|
||||
setReleases(data.content);
|
||||
} else {
|
||||
setReleases([...releases, ...data.content]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (list) {
|
||||
router.push(pathname + "?" + createQueryString("list", list));
|
||||
setReleases(null);
|
||||
setPage(0);
|
||||
fetchData(list); // Call fetchData here
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [list, userStore.token]);
|
||||
|
||||
useEffect(() => {
|
||||
if (list && releases) {
|
||||
fetchData(list, page); // Use fetchData for pagination
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [page]);
|
||||
|
||||
const chips = [
|
||||
{
|
||||
title: "Смотрю",
|
||||
list: "watching",
|
||||
},
|
||||
{
|
||||
title: "В планах",
|
||||
list: "planned",
|
||||
},
|
||||
{
|
||||
title: "Просмотрено",
|
||||
list: "watched",
|
||||
},
|
||||
{
|
||||
title: "Отложено",
|
||||
list: "delayed",
|
||||
},
|
||||
{
|
||||
title: "Заброшено",
|
||||
list: "abandoned",
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<ReleasesOverview
|
||||
chips={chips}
|
||||
setList={setList}
|
||||
page={page}
|
||||
setPage={setPage}
|
||||
list={list}
|
||||
releases={releases}
|
||||
isNextPage={isNextPage}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,107 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { getData } from "@/app/api/api-utils";
|
||||
import { endpoints } from "@/app/api/config";
|
||||
import { useEffect, useState, useCallback } from "react";
|
||||
import { usePathname, useRouter } from "next/navigation";
|
||||
import { useSearchParams } from "next/navigation";
|
||||
import ReleasesOverview from "@/app/components/ReleasesOverview/ReleasesOverview";
|
||||
|
||||
export default function IndexPage() {
|
||||
const router = useRouter();
|
||||
const pathname = usePathname();
|
||||
|
||||
const [list, setList] = useState();
|
||||
const [releases, setReleases] = useState();
|
||||
const [page, setPage] = useState(0);
|
||||
|
||||
const [isNextPage, setIsNextPage] = useState(true);
|
||||
|
||||
const searchParams = useSearchParams();
|
||||
const createQueryString = useCallback(
|
||||
(name, value) => {
|
||||
const params = new URLSearchParams(searchParams.toString());
|
||||
params.set(name, value);
|
||||
|
||||
return params.toString();
|
||||
},
|
||||
[searchParams],
|
||||
);
|
||||
|
||||
// set list on initial page load
|
||||
useEffect(() => {
|
||||
const query = searchParams.get("list");
|
||||
if (query) {
|
||||
setList(query);
|
||||
} else {
|
||||
setList("last");
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
|
||||
async function fetchData(list, page = 0) {
|
||||
const url = `${endpoints.index[list]}?page=${page}`;
|
||||
const data = await getData(url);
|
||||
|
||||
if (data.content.length < 25) {
|
||||
setIsNextPage(false);
|
||||
} else {
|
||||
setIsNextPage(true);
|
||||
}
|
||||
|
||||
// Handle initial load (page 0) or subsequent pagination
|
||||
if (page === 0) {
|
||||
setReleases(data.content);
|
||||
} else {
|
||||
setReleases([...releases, ...data.content]);
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (list) {
|
||||
router.push(pathname + "?" + createQueryString("list", list));
|
||||
setReleases(null);
|
||||
setPage(0);
|
||||
fetchData(list); // Call fetchData here
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [list]);
|
||||
|
||||
useEffect(() => {
|
||||
if (list && releases) {
|
||||
fetchData(list, page); // Use fetchData for pagination
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [page]);
|
||||
|
||||
const chips = [
|
||||
{
|
||||
title: "последнее",
|
||||
list: "last",
|
||||
},
|
||||
{
|
||||
title: "в эфире",
|
||||
list: "ongoing",
|
||||
},
|
||||
{
|
||||
title: "анонсировано",
|
||||
list: "announce",
|
||||
},
|
||||
{
|
||||
title: "завершено",
|
||||
list: "finished",
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ReleasesOverview
|
||||
chips={chips}
|
||||
setList={setList}
|
||||
page={page}
|
||||
setPage={setPage}
|
||||
list={list}
|
||||
releases={releases}
|
||||
isNextPage={isNextPage}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,150 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { getData } from "@/app/api/api-utils";
|
||||
import { endpoints } from "@/app/api/config";
|
||||
import { useEffect, useState, useCallback } from "react";
|
||||
import { usePathname, useRouter } from "next/navigation";
|
||||
import ReleasesOverview from "@/app/components/ReleasesOverview/ReleasesOverview";
|
||||
import { useSearchParams } from "next/navigation";
|
||||
|
||||
function saveSearches(search) {
|
||||
localStorage.setItem("searches", search);
|
||||
}
|
||||
function getSearches() {
|
||||
return localStorage.getItem("searches");
|
||||
}
|
||||
|
||||
export default function SearchPage() {
|
||||
const router = useRouter();
|
||||
const pathname = usePathname();
|
||||
|
||||
const [releases, setReleases] = useState();
|
||||
const [page, setPage] = useState(0);
|
||||
const [query, setQuery] = useState("");
|
||||
const [isNextPage, setIsNextPage] = useState(true);
|
||||
|
||||
const [searches, setSearches] = useState(JSON.parse(getSearches()));
|
||||
|
||||
const searchParams = useSearchParams();
|
||||
const createQueryString = useCallback(
|
||||
(name, value) => {
|
||||
const params = new URLSearchParams(searchParams.toString());
|
||||
params.set(name, value);
|
||||
|
||||
return params.toString();
|
||||
},
|
||||
[searchParams],
|
||||
);
|
||||
|
||||
async function fetchData(query, page = 0) {
|
||||
const url = `${endpoints.search}?query=${query}&page=${page}`;
|
||||
const data = await getData(url);
|
||||
|
||||
if (data.content.length < 25) {
|
||||
setIsNextPage(false);
|
||||
} else {
|
||||
setIsNextPage(true);
|
||||
}
|
||||
|
||||
// Handle initial load (page 0) or subsequent pagination
|
||||
if (page === 0) {
|
||||
setReleases(data.content);
|
||||
} else {
|
||||
setReleases([...releases, ...data.content]);
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
const query = searchParams.get("query");
|
||||
if (query) {
|
||||
setQuery(query);
|
||||
fetchData(query, 0);
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
if (releases) {
|
||||
fetchData(query, page); // Use fetchData for pagination
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [page]);
|
||||
|
||||
const handleInput = (e) => {
|
||||
setQuery(e.target.value);
|
||||
};
|
||||
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
if (query != "") {
|
||||
router.push(pathname + "?" + createQueryString("query", query));
|
||||
setReleases(null);
|
||||
setPage(0);
|
||||
fetchData(query);
|
||||
|
||||
// save searches and update search history
|
||||
if (!searches) {
|
||||
setSearches([query]);
|
||||
saveSearches(JSON.stringify([query]));
|
||||
} else {
|
||||
console.log(searches);
|
||||
if (!searches.find((element) => element == query)) {
|
||||
setSearches([query, ...searches.slice(0, 5)]);
|
||||
saveSearches(JSON.stringify([query, ...searches.slice(0, 5)]));
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<div>
|
||||
<form className="field large prefix round fill" onSubmit={handleSubmit}>
|
||||
<i className="front">search</i>
|
||||
<input name="query" onInput={handleInput} value={query} />
|
||||
<menu className="min" style={{ marginTop: "64px" }}>
|
||||
{searches
|
||||
? searches.map((item) => {
|
||||
return (
|
||||
<a
|
||||
key={item}
|
||||
onClick={() => {
|
||||
setQuery(item);
|
||||
}}
|
||||
className="row"
|
||||
>
|
||||
<i>history</i>
|
||||
<div>{item}</div>
|
||||
</a>
|
||||
);
|
||||
})
|
||||
: ""}
|
||||
</menu>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{releases ? (
|
||||
releases.length > 0 ? (
|
||||
<ReleasesOverview
|
||||
page={page}
|
||||
setPage={setPage}
|
||||
releases={releases}
|
||||
isNextPage={isNextPage}
|
||||
/>
|
||||
) : (
|
||||
<div className="absolute padding primary center middle small-round">
|
||||
<i className="extra">search</i>
|
||||
<h5>Ничего не найдено.</h5>
|
||||
<p>Введите другой поисковой запрос.</p>
|
||||
</div>
|
||||
)
|
||||
) : (
|
||||
<div className="absolute padding primary center middle small-round">
|
||||
<i className="extra">search</i>
|
||||
<h5>Здесь пока ничего нет.</h5>
|
||||
<p>Введите поисковой запрос для начала поиска.</p>
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,181 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { useEffect, useState } from "react";
|
||||
import { getData } from "@/app/api/api-utils";
|
||||
import { endpoints } from "@/app/api/config";
|
||||
import { ReleaseCard } from "../ReleaseCard/ReleaseCard";
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
|
||||
export const ReleaseInfo = (props) => {
|
||||
const userStore = useUserStore();
|
||||
const [releaseInfo, setReleaseInfo] = useState();
|
||||
const [list, setList] = useState();
|
||||
const [isFavorite, setIsFavorite] = useState(false);
|
||||
const [timer, seTimer] = useState();
|
||||
|
||||
useEffect(() => {
|
||||
async function _fetchInfo() {
|
||||
let url = `${endpoints.release}/${props.id}`;
|
||||
|
||||
if (userStore.token) {
|
||||
url = `${endpoints.release}/${props.id}?token=${userStore.token}`;
|
||||
}
|
||||
|
||||
const release = await getData(url);
|
||||
setReleaseInfo(release);
|
||||
if (userStore.token) {
|
||||
setList(release.release.profile_list_status || 0);
|
||||
setIsFavorite(release.release.is_favorite);
|
||||
}
|
||||
}
|
||||
|
||||
// I really think it's not the way it is should be done
|
||||
// but it works
|
||||
// FIX: double requests, 1st without token, and second with it.
|
||||
// now it's only 1 request with or w/o token, if page is reloaded.
|
||||
if (userStore.token) {
|
||||
clearTimeout(timer);
|
||||
}
|
||||
if (props.id) {
|
||||
seTimer(
|
||||
setTimeout(() => {
|
||||
_fetchInfo();
|
||||
}, 1000),
|
||||
);
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [userStore.token]);
|
||||
|
||||
useEffect(() => {
|
||||
async function _setList() {
|
||||
const url = `${endpoints.user.bookmarks.list}/${list}/${props.id}/add?token=${userStore.token}`;
|
||||
await getData(url);
|
||||
}
|
||||
if (
|
||||
userStore.token &&
|
||||
releaseInfo &&
|
||||
list != releaseInfo.release.profile_list_status
|
||||
) {
|
||||
_setList();
|
||||
releaseInfo.release.profile_list_status = list;
|
||||
}
|
||||
}, [userStore.token, list]);
|
||||
|
||||
function _setFav() {
|
||||
async function __updateFavorite() {
|
||||
const add_url = `${endpoints.user.favorites}/list/${props.id}/add?token=${userStore.token}`;
|
||||
const delete_url = `${endpoints.user.favorites}/list/${props.id}/delete?token=${userStore.token}`;
|
||||
await getData(!isFavorite ? add_url : delete_url);
|
||||
}
|
||||
__updateFavorite();
|
||||
}
|
||||
|
||||
const lists = [
|
||||
{ list: 0, name: "Не смотрю" },
|
||||
{ list: 1, name: "Смотрю" },
|
||||
{ list: 2, name: "В планах" },
|
||||
{ list: 3, name: "Просмотрено" },
|
||||
{ list: 4, name: "Отложено" },
|
||||
{ list: 5, name: "Брошено" },
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
{releaseInfo ? (
|
||||
<>
|
||||
<article className="no-padding fill">
|
||||
<div className="grid no-space">
|
||||
<div className="s3">
|
||||
<img className="responsive" src={releaseInfo.release.image} />
|
||||
</div>
|
||||
<div className="s9">
|
||||
<div className="padding">
|
||||
<div className="grid">
|
||||
<div className="s9">
|
||||
<h5>{releaseInfo.release.title_ru}</h5>
|
||||
<h6 className="small no-margin">
|
||||
{releaseInfo.release.title_original}
|
||||
</h6>
|
||||
</div>
|
||||
<div className="s3 row right-align">
|
||||
{userStore.token && list >= 0 && (
|
||||
<button className="responsive">
|
||||
<span>{lists[list].name}</span>
|
||||
<i>arrow_drop_down</i>
|
||||
<menu>
|
||||
{lists.map((item) => {
|
||||
return (
|
||||
<a
|
||||
key={item.list}
|
||||
onClick={() => {
|
||||
setList(item.list);
|
||||
}}
|
||||
>
|
||||
{item.name}
|
||||
</a>
|
||||
);
|
||||
})}
|
||||
</menu>
|
||||
</button>
|
||||
)}
|
||||
{userStore.token && releaseInfo && (
|
||||
<button
|
||||
className="circle"
|
||||
onClick={() => {
|
||||
setIsFavorite(!isFavorite);
|
||||
_setFav();
|
||||
}}
|
||||
>
|
||||
<i className={isFavorite ? "fill" : ""}>favorite</i>
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<p className="small no-margin">
|
||||
{releaseInfo.release.country} •{" "}
|
||||
{releaseInfo.release.status.name} •{" "}
|
||||
{releaseInfo.release.episodes_released}/
|
||||
{releaseInfo.release.episodes_total
|
||||
? releaseInfo.release.episodes_total
|
||||
: "?"}
|
||||
</p>
|
||||
<p>{releaseInfo.release.description}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{releaseInfo.release.related_releases.length > 0 && (
|
||||
<article className="grid">
|
||||
<div className="row s12">
|
||||
<i>hub</i>
|
||||
<h5>Связанные релизы</h5>
|
||||
</div>
|
||||
<nav className="s12 scroll">
|
||||
{releaseInfo.release.related_releases.map((item) => {
|
||||
if (item.id == props.id) {
|
||||
return "";
|
||||
}
|
||||
return (
|
||||
<ReleaseCard
|
||||
className={"s1"}
|
||||
key={item.id}
|
||||
id={item.id}
|
||||
title={item.title_ru}
|
||||
poster={item.image}
|
||||
description={""}
|
||||
height={400}
|
||||
/>
|
||||
);
|
||||
})}
|
||||
</nav>
|
||||
</article>
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
<div className="center-align">
|
||||
<progress className="circle" />
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,172 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { useEffect, useState } from "react";
|
||||
import { getData } from "@/app/api/api-utils";
|
||||
import { endpoints } from "@/app/api/config";
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
import { useSettingsStore } from "@/app/store/settings-store";
|
||||
|
||||
export const ReleasePlayer = (props) => {
|
||||
const userStore = useUserStore();
|
||||
const settingsStore = useSettingsStore();
|
||||
|
||||
const [voiceoverInfo, setVoiceoverInfo] = useState();
|
||||
const [selectedVoiceover, setSelectedVoiceover] = useState();
|
||||
const [sourcesInfo, setSourcesInfo] = useState();
|
||||
const [selectedSources, setSelectedSources] = useState();
|
||||
const [episodeInfo, setEpisodeInfo] = useState();
|
||||
const [selectedEpisode, setSelectedEpisode] = useState();
|
||||
const [episodeURL, setEpisodeURL] = useState();
|
||||
|
||||
useEffect(() => {
|
||||
async function _fetchInfo() {
|
||||
const voiceover = await getData(
|
||||
`${endpoints.release}/${props.id}/voiceover`,
|
||||
);
|
||||
setVoiceoverInfo(voiceover);
|
||||
setSelectedVoiceover(voiceover.types[0].id);
|
||||
}
|
||||
if (props.id) {
|
||||
_fetchInfo();
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
async function _fetchInfo() {
|
||||
const sources = await getData(
|
||||
`${endpoints.release}/${props.id}/${selectedVoiceover}`,
|
||||
);
|
||||
setSourcesInfo(sources);
|
||||
setSelectedSources(sources.sources[0].id);
|
||||
}
|
||||
if (selectedVoiceover) {
|
||||
_fetchInfo();
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [selectedVoiceover]);
|
||||
|
||||
useEffect(() => {
|
||||
async function _fetchInfo() {
|
||||
let url = `${endpoints.release}/${props.id}/${selectedVoiceover}/${selectedSources}`;
|
||||
if (userStore.token) {
|
||||
url = `${endpoints.release}/${props.id}/${selectedVoiceover}/${selectedSources}?token=${userStore.token}`;
|
||||
}
|
||||
|
||||
const episodes = await getData(url);
|
||||
|
||||
setEpisodeInfo(episodes);
|
||||
setSelectedEpisode(episodes.episodes[0].position);
|
||||
setEpisodeURL(episodes.episodes[0].url);
|
||||
}
|
||||
if (selectedSources) {
|
||||
_fetchInfo();
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [selectedSources, userStore.token]);
|
||||
|
||||
useEffect(() => {
|
||||
async function _markAsWatched() {
|
||||
const url = `${endpoints.release}/${props.id}/${selectedSources}/${selectedEpisode}`;
|
||||
await getData(`${url}/saveToHistory?token=${userStore.token}`);
|
||||
}
|
||||
if (userStore.token && settingsStore.saveToHistory) {
|
||||
_markAsWatched();
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [selectedEpisode]);
|
||||
|
||||
return (
|
||||
<>
|
||||
{voiceoverInfo && sourcesInfo && episodeInfo ? (
|
||||
<article className="fill grid">
|
||||
<iframe
|
||||
allow="fullscreen"
|
||||
src={episodeURL}
|
||||
className="s9"
|
||||
style={{ aspectRatio: "16/9", width: "100%", height: "auto" }}
|
||||
/>
|
||||
<div className="s3">
|
||||
<div className="tabs">
|
||||
<a data-ui="#vo" className="active">
|
||||
озвучка
|
||||
</a>
|
||||
<a data-ui="#src">плеер</a>
|
||||
</div>
|
||||
<div
|
||||
className="page padding active scroll"
|
||||
style={{ height: "425px" }}
|
||||
id="vo"
|
||||
>
|
||||
{voiceoverInfo &&
|
||||
voiceoverInfo.types.map((item) => {
|
||||
return (
|
||||
<button
|
||||
key={item.id}
|
||||
className={`small responsive ${
|
||||
item.id == selectedVoiceover ? "primary" : "secondary"
|
||||
}`}
|
||||
style={{ marginTop: "8px" }}
|
||||
onClick={() => {
|
||||
setSelectedVoiceover(item.id);
|
||||
}}
|
||||
>
|
||||
{item.name}
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<div className="page center-align padding" id="src">
|
||||
{sourcesInfo &&
|
||||
sourcesInfo.sources.map((item) => {
|
||||
return (
|
||||
<button
|
||||
key={item.id}
|
||||
className={`small responsive ${
|
||||
item.id == selectedSources ? "primary" : "secondary"
|
||||
}`}
|
||||
style={{ marginTop: "8px" }}
|
||||
onClick={() => {
|
||||
setSelectedSources(item.id);
|
||||
}}
|
||||
>
|
||||
{item.name}
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
<nav
|
||||
className="s12 scroll row no-margin no-space"
|
||||
style={{ paddingBottom: "8px", height: "48px" }}
|
||||
>
|
||||
{episodeInfo &&
|
||||
episodeInfo.episodes.map((item) => {
|
||||
return (
|
||||
<button
|
||||
key={item.position}
|
||||
className={`${
|
||||
item.position == selectedEpisode ? "primary" : "secondary"
|
||||
}`}
|
||||
onClick={() => {
|
||||
setSelectedEpisode(item.position);
|
||||
setEpisodeURL(item.url);
|
||||
item.is_watched = true;
|
||||
}}
|
||||
style={{ marginLeft: "8px" }}
|
||||
>
|
||||
{item.is_watched && <i className="small">check</i>}
|
||||
{item.name || `${item.position + 1} серия`}
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</nav>
|
||||
</article>
|
||||
) : (
|
||||
<div className="center-align">
|
||||
<progress className="circle" />
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
import Link from "next/link";
|
||||
import Image from "next/legacy/image";
|
||||
|
||||
export const ReleaseCard = (props) => {
|
||||
return (
|
||||
<Link
|
||||
href={`/release/${props.id}`}
|
||||
className={""}
|
||||
style={{
|
||||
width: "300px",
|
||||
height: "100%",
|
||||
}}
|
||||
>
|
||||
<article
|
||||
className="small-padding round fill"
|
||||
style={{
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
}}
|
||||
>
|
||||
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||||
<div style={{ aspectRatio: "1/1" }}>
|
||||
<Image
|
||||
className="responsive large top-round"
|
||||
layout="fill"
|
||||
style={{ aspectRatio: "1/1" }}
|
||||
src={props.poster}
|
||||
alt=""
|
||||
sizes={"100vw"}
|
||||
/>
|
||||
</div>
|
||||
<div className="padding">
|
||||
<h5 className="small">{`${props.title.substring(0, 30)}${
|
||||
[...props.title].length > 30 ? "..." : ""
|
||||
}`}</h5>
|
||||
<p>{`${props.description.substring(0, 150)}${
|
||||
[...props.description].length > 150 ? "..." : ""
|
||||
}`}</p>
|
||||
</div>
|
||||
</article>
|
||||
</Link>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
import Link from "next/link";
|
||||
import Image from "next/legacy/image";
|
||||
|
||||
export const ReleaseList = (props) => {
|
||||
return (
|
||||
<Link
|
||||
href={`/release/${props.id}`}
|
||||
className={props.className ? props.className : "round padding fill"}
|
||||
style={{ width: "100%", height: "100%", gridColumn: "1/-1" }}
|
||||
>
|
||||
<nav
|
||||
className="m l"
|
||||
style={{
|
||||
alignItems: "center",
|
||||
justifyContent: "space-between",
|
||||
width: "100%",
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
className="round"
|
||||
style={{ aspectRatio: "1/1" }}
|
||||
width="128px"
|
||||
height="128px"
|
||||
src={props.poster}
|
||||
alt=""
|
||||
/>
|
||||
|
||||
<div style={{ width: "calc(100% - 10rem)" }}>
|
||||
<h5 className="small">{`${props.title.substring(0, 90)}${
|
||||
[...props.title].length > 90 ? "..." : ""
|
||||
}`}</h5>
|
||||
<p>{`${props.description.substring(0, 170)}${
|
||||
[...props.description].length > 170 ? "..." : ""
|
||||
}`}</p>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<nav
|
||||
className="s"
|
||||
style={{
|
||||
alignItems: "center",
|
||||
maxWidth: "100%",
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
className="round"
|
||||
style={{ aspectRatio: "1/1" }}
|
||||
width="128px"
|
||||
height="128px"
|
||||
src={props.poster}
|
||||
alt=""
|
||||
/>
|
||||
|
||||
<div style={{ width: "calc(20%)" }}>
|
||||
<h5 className="small">{`${props.title.substring(0, 90)}${
|
||||
[...props.title].length > 90 ? "..." : ""
|
||||
}`}</h5>
|
||||
</div>
|
||||
</nav>
|
||||
</Link>
|
||||
);
|
||||
};
|
||||
|
|
@ -1,139 +0,0 @@
|
|||
import { CardList } from "@/app/components/CardList/CardList";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function ReleasesOverview(props) {
|
||||
const [view, setView] = useState("grid");
|
||||
|
||||
return (
|
||||
<>
|
||||
<nav
|
||||
className="l"
|
||||
style={{
|
||||
justifyContent: "space-between",
|
||||
alignItems: "center",
|
||||
flexWrap: "wrap",
|
||||
maxWidth: "calc(100% - 12rem)",
|
||||
margin: "auto",
|
||||
}}
|
||||
>
|
||||
{props.chips && (
|
||||
<nav className="scroll">
|
||||
{props.chips.map((item) => {
|
||||
return (
|
||||
<button
|
||||
key={item.list}
|
||||
className={`chip ${props.list == item.list ? "fill" : ""}`}
|
||||
onClick={() => {
|
||||
props.setList(item.list);
|
||||
}}
|
||||
>
|
||||
<span>{item.title}</span>
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</nav>
|
||||
)}
|
||||
|
||||
<div className="secondary-container round tiny-padding">
|
||||
<button
|
||||
className="circle transparent"
|
||||
onClick={() => {
|
||||
setView("list");
|
||||
}}
|
||||
>
|
||||
<i className={view == "list" ? "fill" : ""}>view_agenda</i>
|
||||
</button>
|
||||
<button
|
||||
className="circle transparent"
|
||||
onClick={() => {
|
||||
setView("grid");
|
||||
}}
|
||||
>
|
||||
<i className={view == "grid" ? "fill" : ""}>cards</i>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<nav
|
||||
className="s m"
|
||||
style={{
|
||||
justifyContent: "space-between",
|
||||
alignItems: "center",
|
||||
flexWrap: "wrap",
|
||||
margin: "auto",
|
||||
maxWidth: "100%",
|
||||
}}
|
||||
>
|
||||
{props.chips && (
|
||||
<nav className="scroll" style={{ maxWidth: "100%" }}>
|
||||
{props.chips.map((item) => {
|
||||
return (
|
||||
<button
|
||||
key={item.list}
|
||||
className={`chip ${props.list == item.list ? "fill" : ""}`}
|
||||
onClick={() => {
|
||||
props.setList(item.list);
|
||||
}}
|
||||
>
|
||||
<span>{item.title}</span>
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</nav>
|
||||
)}
|
||||
|
||||
<div className="secondary-container round tiny-padding">
|
||||
<button
|
||||
className="circle transparent"
|
||||
onClick={() => {
|
||||
setView("list");
|
||||
}}
|
||||
>
|
||||
<i className={view == "list" ? "fill" : ""}>view_agenda</i>
|
||||
</button>
|
||||
<button
|
||||
className="circle transparent"
|
||||
onClick={() => {
|
||||
setView("grid");
|
||||
}}
|
||||
>
|
||||
<i className={view == "grid" ? "fill" : ""}>cards</i>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{props.releases ? (
|
||||
<>
|
||||
<div
|
||||
style={{
|
||||
display: "grid",
|
||||
gridTemplateColumns: "repeat( auto-fill, 300px )",
|
||||
gap: "1rem",
|
||||
justifyContent: "center",
|
||||
justifyItems: "center",
|
||||
paddingTop: "1rem",
|
||||
}}
|
||||
>
|
||||
<CardList data={props.releases} view={view} />
|
||||
</div>
|
||||
|
||||
{props.isNextPage && (
|
||||
<nav className="large-margin center-align">
|
||||
<button
|
||||
className="large"
|
||||
onClick={() => {
|
||||
props.setPage(props.page + 1);
|
||||
}}
|
||||
>
|
||||
<i>add</i>
|
||||
<span>загрузить ещё</span>
|
||||
</button>
|
||||
</nav>
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
<progress className="s1"></progress>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
import { useSettingsStore } from "@/app/store/settings-store";
|
||||
|
||||
function deleteAllSettings() {
|
||||
localStorage.removeItem("mode");
|
||||
localStorage.removeItem("theme");
|
||||
localStorage.removeItem("settings");
|
||||
}
|
||||
|
||||
function deleteSearchHistory() {
|
||||
localStorage.removeItem("searches");
|
||||
}
|
||||
|
||||
export default function Settings(props) {
|
||||
const userStore = useUserStore();
|
||||
const settingsStore = useSettingsStore();
|
||||
|
||||
return (
|
||||
<>
|
||||
<dialog
|
||||
className="active left round bottom small"
|
||||
style={{ blockSize: "unset" }}
|
||||
>
|
||||
<h5>Настройки</h5>
|
||||
{userStore.isAuth && (
|
||||
<>
|
||||
<nav className="wrap">
|
||||
<div className="max">
|
||||
<h6 className="small">сохранение в истории просмотров</h6>
|
||||
</div>
|
||||
<label className="switch">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={settingsStore.saveToHistory}
|
||||
onChange={() =>
|
||||
settingsStore.setSettings({
|
||||
saveToHistory: !settingsStore.saveToHistory,
|
||||
})
|
||||
}
|
||||
/>
|
||||
<span></span>
|
||||
</label>
|
||||
</nav>
|
||||
<li className="small-divider"></li>
|
||||
</>
|
||||
)}
|
||||
<nav className="wrap small-space">
|
||||
<button className="red" onClick={() => deleteAllSettings()}>
|
||||
<i>delete_forever</i>
|
||||
<span>Удалить все настройки</span>
|
||||
</button>
|
||||
<button className="red" onClick={() => deleteSearchHistory()}>
|
||||
<i>delete_history</i>
|
||||
<span>Удалить историю поиска</span>
|
||||
</button>
|
||||
</nav>
|
||||
<div className="medium-divider"></div>
|
||||
<nav>
|
||||
<button
|
||||
className={`circle small transparent `}
|
||||
onClick={() => props.setSettingsPopup(!props.settingsPopup)}
|
||||
>
|
||||
<i>close</i>
|
||||
</button>
|
||||
</nav>
|
||||
</dialog>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,237 +0,0 @@
|
|||
import Image from "next/image";
|
||||
import { ReleaseCard } from "../ReleaseCard/ReleaseCard";
|
||||
import { getData } from "@/app/api/api-utils";
|
||||
import { endpoints } from "@/app/api/config";
|
||||
import { useEffect, useState } from "react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||
import {
|
||||
faTiktok,
|
||||
faVk,
|
||||
faInstagram,
|
||||
faTelegram,
|
||||
} from "@fortawesome/free-brands-svg-icons";
|
||||
|
||||
function getNoun(number, one, two, five) {
|
||||
let n = Math.abs(number);
|
||||
n %= 100;
|
||||
if (n >= 5 && n <= 20) {
|
||||
return five;
|
||||
}
|
||||
n %= 10;
|
||||
if (n === 1) {
|
||||
return one;
|
||||
}
|
||||
if (n >= 2 && n <= 4) {
|
||||
return two;
|
||||
}
|
||||
return five;
|
||||
}
|
||||
|
||||
function convertMinutes(min) {
|
||||
const d = Math.floor(min / 1440); // 60*24
|
||||
const h = Math.floor((min - d * 1440) / 60);
|
||||
const m = Math.round(min % 60);
|
||||
|
||||
var dDisplay = d > 0 ? `${d} ${getNoun(d, "день", "дня", "дней")}, ` : "";
|
||||
var hDisplay = h > 0 ? `${h} ${getNoun(h, "час", "часа", "часов")}, ` : "";
|
||||
var mDisplay = m > 0 ? `${m} ${getNoun(m, "минута", "минуты", "минут")}` : "";
|
||||
return dDisplay + hDisplay + mDisplay;
|
||||
}
|
||||
|
||||
export const UserProfile = (props) => {
|
||||
const [lastWatched, setLastWatched] = useState();
|
||||
const router = useRouter();
|
||||
|
||||
useEffect(() => {
|
||||
async function _getData() {
|
||||
const data = await getData(
|
||||
`${endpoints.user.profile}/${props.profile.id}`,
|
||||
);
|
||||
setLastWatched(data.profile.history);
|
||||
}
|
||||
_getData();
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
|
||||
const hasSocials =
|
||||
props.profile.vk_page != "" ||
|
||||
props.profile.tg_page != "" ||
|
||||
props.profile.tt_page != "" ||
|
||||
props.profile.inst_page != "" ||
|
||||
false;
|
||||
const socials = [
|
||||
{
|
||||
name: "vk",
|
||||
nickname: props.profile.vk_page,
|
||||
icon: faVk,
|
||||
urlPrefix: "https://vk.com",
|
||||
},
|
||||
{
|
||||
name: "telegram",
|
||||
nickname: props.profile.tg_page,
|
||||
icon: faTelegram,
|
||||
urlPrefix: "https://t.me",
|
||||
},
|
||||
{
|
||||
name: "tiktok",
|
||||
nickname: props.profile.tt_page,
|
||||
icon: faTiktok,
|
||||
urlPrefix: "https://tiktok.com",
|
||||
},
|
||||
{
|
||||
name: "instagram",
|
||||
nickname: props.profile.inst_page,
|
||||
icon: faInstagram,
|
||||
urlPrefix: "https://instagram.com",
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="grid">
|
||||
<div className="s4">
|
||||
<article className="primary-container">
|
||||
<i className="extra">account_circle</i>
|
||||
<div className="row">
|
||||
<Image
|
||||
className="circle"
|
||||
src={props.profile.avatar}
|
||||
alt=""
|
||||
width="512"
|
||||
height="512"
|
||||
style={{ blockSize: "7rem", inlineSize: "7rem" }}
|
||||
/>
|
||||
<div className="max">
|
||||
<h5>{props.profile.login}</h5>
|
||||
<p>{props.profile.status}</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{hasSocials ? (
|
||||
<article className="fill">
|
||||
<i className="extra">workspaces</i>
|
||||
<div className="row">
|
||||
{socials.map((item) => {
|
||||
return item.nickname != "" ? (
|
||||
<button
|
||||
className="large circle tertiary-container"
|
||||
key={item.name}
|
||||
onClick={() =>
|
||||
router.push(`${item.urlPrefix}/${item.nickname}`)
|
||||
}
|
||||
>
|
||||
<FontAwesomeIcon icon={item.icon} />
|
||||
</button>
|
||||
) : (
|
||||
""
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</article>
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
</div>
|
||||
<div className="s4">
|
||||
<article className="secondary-container">
|
||||
<i className="extra">avg_pace</i>
|
||||
<h5>Активность</h5>
|
||||
<div className="row">
|
||||
<div className="center-align">
|
||||
<h5 className="small">{props.profile.comment_count}</h5>
|
||||
<p>коммент</p>
|
||||
</div>
|
||||
<div className="center-align">
|
||||
<h5 className="small">{props.profile.video_count}</h5>
|
||||
<p>видео</p>
|
||||
</div>
|
||||
<div className="center-align">
|
||||
<h5 className="small">{props.profile.collection_count}</h5>
|
||||
<p>коллекций</p>
|
||||
</div>
|
||||
<div className="center-align">
|
||||
<h5 className="small">{props.profile.friend_count}</h5>
|
||||
<p>друзей</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div className="s4">
|
||||
<article className="tertiary-container">
|
||||
<i className="extra">show_chart</i>
|
||||
<div>
|
||||
<h5>Статистика</h5>
|
||||
<div>
|
||||
<p className="small">
|
||||
Просмотрено серий:{" "}
|
||||
<span className="bold">
|
||||
{props.profile.watched_episode_count}
|
||||
</span>
|
||||
</p>
|
||||
<p className="small">
|
||||
Время просмотра:{" "}
|
||||
<span className="bold">
|
||||
{convertMinutes(props.profile.watched_time)}
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<p>
|
||||
<i>play_arrow</i> Смотрю:{" "}
|
||||
<span className="bold">{props.profile.watching_count}</span>
|
||||
</p>
|
||||
<p>
|
||||
<i>note_stack</i> В Планах:{" "}
|
||||
<span className="bold">{props.profile.plan_count}</span>
|
||||
</p>
|
||||
<p>
|
||||
<i>done</i> Просмотрено:{" "}
|
||||
<span className="bold">
|
||||
{props.profile.completed_count}
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<i>schedule</i> Отложено:{" "}
|
||||
<span className="bold">{props.profile.hold_on_count}</span>
|
||||
</p>
|
||||
<p>
|
||||
<i>backspace</i> Брошено:{" "}
|
||||
<span className="bold">{props.profile.dropped_count}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
{lastWatched ? (
|
||||
<article className="grid">
|
||||
<div className="row s12">
|
||||
<i>tab_recent</i>
|
||||
<h5>Недавно просмотрено</h5>
|
||||
</div>
|
||||
<nav className="s12 scroll padding">
|
||||
{lastWatched.map((item) => {
|
||||
return (
|
||||
<ReleaseCard
|
||||
key={item.id}
|
||||
id={item.id}
|
||||
title={item.title_ru}
|
||||
poster={item.image}
|
||||
description={
|
||||
item.last_view_episode.name ||
|
||||
`${item.last_view_episode.position + 1} серия`
|
||||
}
|
||||
/>
|
||||
);
|
||||
})}
|
||||
</nav>
|
||||
</article>
|
||||
) : (
|
||||
<progress></progress>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
};
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
|
|
@ -1,74 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { LogInNeeded } from "@/app/components/LogInNeeded/LogInNeeded";
|
||||
import ReleasesOverview from "../components/ReleasesOverview/ReleasesOverview";
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
import { endpoints } from "../api/config";
|
||||
import { useEffect, useState } from "react";
|
||||
import { getData } from "../api/api-utils";
|
||||
|
||||
export default function History() {
|
||||
const userStore = useUserStore();
|
||||
|
||||
const [releases, setReleases] = useState();
|
||||
const [page, setPage] = useState(0);
|
||||
|
||||
const [isNextPage, setIsNextPage] = useState(true);
|
||||
|
||||
async function fetchData(page = 0) {
|
||||
if (userStore.token) {
|
||||
const url = `${endpoints.user.favorites}?page=${page}&token=${userStore.token}`;
|
||||
const data = await getData(url);
|
||||
|
||||
if (data.content.length < 25) {
|
||||
setIsNextPage(false);
|
||||
} else {
|
||||
setIsNextPage(true);
|
||||
}
|
||||
|
||||
// Handle initial load (page 0) or subsequent pagination
|
||||
if (page === 0) {
|
||||
setReleases(data.content);
|
||||
} else {
|
||||
setReleases([...releases, ...data.content]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [userStore]);
|
||||
|
||||
useEffect(() => {
|
||||
if (releases) {
|
||||
fetchData(page); // Use fetchData for pagination
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [page]);
|
||||
|
||||
return (
|
||||
<>
|
||||
{!userStore.isAuth ? (
|
||||
<LogInNeeded />
|
||||
) : !releases ? (
|
||||
<div className="center-align">
|
||||
<progress className="circle" />
|
||||
</div>
|
||||
) : releases.length > 0 ? (
|
||||
<ReleasesOverview
|
||||
page={page}
|
||||
setPage={setPage}
|
||||
releases={releases}
|
||||
isNextPage={isNextPage}
|
||||
/>
|
||||
) : (
|
||||
<div className="absolute padding primary center middle small-round">
|
||||
<i className="extra">sentiment_dissatisfied</i>
|
||||
<h5>Здесь пока ничего нет.</h5>
|
||||
<p>Добавьте любимое аниме, что бы его не потерять.</p>
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
/* @tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities; */
|
||||
|
||||
/* * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100dvh;
|
||||
} */
|
||||
|
||||
/* @layer utilities {
|
||||
.text-balance {
|
||||
text-wrap: balance;
|
||||
}
|
||||
} */
|
||||
|
||||
body,
|
||||
nav.left,
|
||||
main {
|
||||
transition: background 0.2s;
|
||||
transform-origin: left;
|
||||
min-height: 100dvh;
|
||||
}
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { LogInNeeded } from "@/app/components/LogInNeeded/LogInNeeded";
|
||||
import ReleasesOverview from "../components/ReleasesOverview/ReleasesOverview";
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
import { endpoints } from "../api/config";
|
||||
import { useEffect, useState } from "react";
|
||||
import { getData } from "../api/api-utils";
|
||||
|
||||
export default function History() {
|
||||
const userStore = useUserStore();
|
||||
|
||||
const [releases, setReleases] = useState();
|
||||
const [page, setPage] = useState(0);
|
||||
|
||||
const [isNextPage, setIsNextPage] = useState(true);
|
||||
|
||||
async function fetchData(page = 0) {
|
||||
if (userStore.token) {
|
||||
const url = `${endpoints.user.bookmarks.history}?page=${page}&token=${userStore.token}`;
|
||||
const data = await getData(url);
|
||||
|
||||
if (data.content.length < 25) {
|
||||
setIsNextPage(false);
|
||||
} else {
|
||||
setIsNextPage(true);
|
||||
}
|
||||
|
||||
// Handle initial load (page 0) or subsequent pagination
|
||||
if (page === 0) {
|
||||
setReleases(data.content);
|
||||
} else {
|
||||
setReleases([...releases, ...data.content]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
fetchData();
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [userStore]);
|
||||
|
||||
useEffect(() => {
|
||||
if (releases) {
|
||||
fetchData(page); // Use fetchData for pagination
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [page]);
|
||||
|
||||
return (
|
||||
<>
|
||||
{!userStore.isAuth ? (
|
||||
<LogInNeeded />
|
||||
) : (
|
||||
<ReleasesOverview
|
||||
page={page}
|
||||
setPage={setPage}
|
||||
releases={releases}
|
||||
isNextPage={isNextPage}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
// hooks/useCopyToClipboard.js
|
||||
|
||||
import { useState, useEffect } from "react";
|
||||
|
||||
function useCopyToClipboard() {
|
||||
const [isCopied, setIsCopied] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (isCopied) {
|
||||
setTimeout(() => {
|
||||
setIsCopied(false);
|
||||
}, 2500);
|
||||
}
|
||||
}, [isCopied]);
|
||||
|
||||
async function copyToClipboard(text) {
|
||||
if (!navigator.clipboard) {
|
||||
// Clipboard API not supported
|
||||
try {
|
||||
// Fallback for older browsers (like Firefox before v49)
|
||||
const input = document.createElement("input");
|
||||
document.body.appendChild(input);
|
||||
input.setAttribute("value", window.location.href);
|
||||
input.select();
|
||||
document.execCommand("copy");
|
||||
document.body.removeChild(input);
|
||||
setIsCopied(true);
|
||||
} catch (err) {
|
||||
console.error("Failed to copy text: ", err);
|
||||
setIsCopied(false);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
await navigator.clipboard.writeText(window.location.href);
|
||||
setIsCopied(true);
|
||||
} catch (err) {
|
||||
console.error("Failed to copy text: ", err);
|
||||
setIsCopied(false);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return [isCopied, copyToClipboard];
|
||||
}
|
||||
|
||||
export default useCopyToClipboard;
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
import "./globals.css";
|
||||
import { App } from "@/app/App";
|
||||
|
||||
export const metadata = {
|
||||
title: "AniX",
|
||||
description: "Неофициальное веб приложение для anixart",
|
||||
};
|
||||
|
||||
export default async function RootLayout({ children }) {
|
||||
return (
|
||||
<html lang="ru">
|
||||
<App>{children}</App>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { useUserStore } from "../store/user-store";
|
||||
import { endpoints } from "../api/config";
|
||||
import { authorize, isResponseOk } from "../api/api-utils";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useState, useEffect } from "react";
|
||||
|
||||
export default function LoginPage() {
|
||||
const userStore = useUserStore();
|
||||
const router = useRouter();
|
||||
const [authData, setAuthData] = useState({ email: "", password: "" });
|
||||
|
||||
useEffect(() => {
|
||||
if (userStore.isAuth) {
|
||||
router.push("/profile");
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
|
||||
const handleInput = (e) => {
|
||||
setAuthData({ ...authData, [e.target.name]: e.target.value });
|
||||
};
|
||||
const handleSubmit = async (e) => {
|
||||
e.preventDefault();
|
||||
const userData = await authorize(endpoints.user.auth, authData);
|
||||
if (isResponseOk(userData)) {
|
||||
userStore.login(
|
||||
userData,
|
||||
userData.profileToken.token,
|
||||
userData.profile.id,
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
let timer;
|
||||
if (userStore.user) {
|
||||
timer = setTimeout(() => {
|
||||
router.push("/profile");
|
||||
}, 1000);
|
||||
}
|
||||
return () => clearTimeout(timer);
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [userStore.user]);
|
||||
|
||||
return (
|
||||
<div className="absolute padding secondary-container center middle round">
|
||||
<i className="extra">login</i>
|
||||
<h5>Вход в аккаунт anixart.</h5>
|
||||
<form onSubmit={handleSubmit}>
|
||||
<div className="border field fill label large round">
|
||||
<input type="email" name="email" onInput={handleInput} />
|
||||
<label>логин</label>
|
||||
</div>
|
||||
<div className="border field fill label large round">
|
||||
<input type="password" name="password" onInput={handleInput} />
|
||||
<label>пароль</label>
|
||||
</div>
|
||||
<button className="small-round medium" type="submit">
|
||||
<i>login</i>
|
||||
<span>Войти</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import dynamic from "next/dynamic";
|
||||
|
||||
const IndexPage = dynamic(() => import("./components/Pages/IndexPage"), {
|
||||
ssr: false,
|
||||
});
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<IndexPage />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
"use client";
|
||||
import { UserProfile } from "@/app/components/UserProfile/UserProfile";
|
||||
import { endpoints } from "@/app/api/config";
|
||||
import { getData } from "@/app/api/api-utils";
|
||||
import { useEffect, useState } from "react";
|
||||
import { notFound } from "next/navigation";
|
||||
|
||||
export default function Profile(props) {
|
||||
const [profile, setProfile] = useState(null);
|
||||
|
||||
useEffect(() => {
|
||||
async function _getProfile() {
|
||||
const _profile = await getData(
|
||||
`${endpoints.user.profile}/${props.params.id}`,
|
||||
);
|
||||
setProfile(_profile);
|
||||
}
|
||||
_getProfile();
|
||||
}, [props.params.id]);
|
||||
|
||||
return (
|
||||
<>
|
||||
{profile ? (
|
||||
profile.profile ? (
|
||||
<UserProfile profile={profile.profile} />
|
||||
) : (
|
||||
notFound()
|
||||
)
|
||||
) : (
|
||||
<progress></progress>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
"use client";
|
||||
import { useUserStore } from "@/app/store/user-store";
|
||||
import { UserProfile } from "@/app/components/UserProfile/UserProfile";
|
||||
import { LogInNeeded } from "../components/LogInNeeded/LogInNeeded";
|
||||
|
||||
export default function Profile() {
|
||||
const userStore = useUserStore();
|
||||
|
||||
return (
|
||||
<>
|
||||
{userStore.isAuth ? (
|
||||
userStore.user ? (
|
||||
<UserProfile profile={userStore.user.profile} />
|
||||
) : (
|
||||
<progress></progress>
|
||||
)
|
||||
) : (
|
||||
<LogInNeeded />
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
"use client";
|
||||
|
||||
import { ReleasePlayer } from "@/app/components/Release/ReleasePlayer";
|
||||
import { ReleaseInfo } from "@/app/components/Release/ReleaseInfo";
|
||||
|
||||
export default function Release(props) {
|
||||
return (
|
||||
<>
|
||||
<ReleasePlayer id={props.params.id} />
|
||||
<span style={{ marginBlock: "2rem" }}></span>
|
||||
<ReleaseInfo id={props.params.id} />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
import dynamic from "next/dynamic";
|
||||
|
||||
const SearchPage = dynamic(() => import("../components/Pages/SearchPage"), {
|
||||
ssr: false,
|
||||
});
|
||||
|
||||
export default function Search() {
|
||||
return (
|
||||
<>
|
||||
<SearchPage />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
"use client";
|
||||
import { create } from "zustand";
|
||||
import { persist, createJSONStorage } from "zustand/middleware";
|
||||
|
||||
function saveSettings(dict) {
|
||||
localStorage.setItem("settings", JSON.stringify(dict));
|
||||
}
|
||||
|
||||
function loadSettings() {
|
||||
return JSON.parse(localStorage.getItem("settings"));
|
||||
}
|
||||
|
||||
export const useSettingsStore = create(
|
||||
persist(
|
||||
(set, get) => ({
|
||||
saveToHistory: true,
|
||||
setSettings: (dict) => {
|
||||
set(dict);
|
||||
},
|
||||
}),
|
||||
{
|
||||
name: "settings",
|
||||
},
|
||||
),
|
||||
);
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
"use client";
|
||||
import { create } from "zustand";
|
||||
import { getJWT, setJWT, removeJWT, getMe } from "@/app/api/api-utils";
|
||||
import { endpoints } from "@/app/api/config";
|
||||
|
||||
export const useUserStore = create((set, get) => ({
|
||||
isAuth: false,
|
||||
user: null,
|
||||
token: null,
|
||||
|
||||
login: (user, token, user_id) => {
|
||||
set({ isAuth: true, user, token });
|
||||
setJWT(token, user_id);
|
||||
},
|
||||
logout: () => {
|
||||
set({ isAuth: false, user: null, token: null });
|
||||
removeJWT();
|
||||
},
|
||||
checkAuth: async () => {
|
||||
const jwt = getJWT();
|
||||
if (jwt) {
|
||||
const me = await getMe(
|
||||
`${endpoints.user.profile}/${jwt.user_id}`,
|
||||
jwt.jwt,
|
||||
);
|
||||
get().login(me, jwt.jwt, jwt.user_id);
|
||||
} else {
|
||||
get().logout();
|
||||
}
|
||||
},
|
||||
}));
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"paths": {
|
||||
"@/*": ["./*"]
|
||||
}
|
||||
},
|
||||
"exclude": ["node_modules", "**/.next/**", "**/_next/**", "**/dist/**"]
|
||||
}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
output: "standalone",
|
||||
reactStrictMode: false,
|
||||
images: {
|
||||
remotePatterns: [
|
||||
{
|
||||
protocol: "https",
|
||||
hostname: "anixstatic.com",
|
||||
},
|
||||
{
|
||||
protocol: "https",
|
||||
hostname: "i.imgur.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
env: {
|
||||
API_URL: process.env.API_URL,
|
||||
},
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
4434
frontend/package-lock.json
generated
4434
frontend/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -1,26 +0,0 @@
|
|||
{
|
||||
"name": "frontend",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"docker": "next build && mkdir -p .next/standalone/public/_next && cp -r .next/static .next/standalone/public/_next/ && mv .next/standalone ./build && rm -rf .next",
|
||||
"lint": "next lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-svg-core": "^6.5.2",
|
||||
"@fortawesome/free-brands-svg-icons": "^6.5.2",
|
||||
"@fortawesome/react-fontawesome": "^0.2.0",
|
||||
"beercss": "^3.5.1",
|
||||
"material-dynamic-colors": "^1.1.0",
|
||||
"react": "^18",
|
||||
"react-dom": "^18",
|
||||
"next": "^14.2.2",
|
||||
"zustand": "^4.5.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"eslint-config-next": "14.2.2",
|
||||
"postcss": "^8"
|
||||
}
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
/** @type {import('postcss-load-config').Config} */
|
||||
const config = {
|
||||
plugins: {
|
||||
// tailwindcss: {},
|
||||
},
|
||||
};
|
||||
|
||||
export default config;
|
||||
Loading…
Add table
Reference in a new issue