This repository has been archived on 2026-07-27. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
aniwatch-api/public/index.html
T
Ritesh Ghosh 46f688ac12 Aniwatch API Version 2 (#66)
BREAKING CHANGE:

* chore: remove files that are not necessary for api v2

* test: update existing tests to use  pkg

* feat: organized aniwatch api envs and add more info about them

* feat: update tsconfig to include strict noUnsed params

* feat(api homepage): revamp api home page

* feat: update wani kuni image

* feat: add dot img

* feat: use hono cors

* feat: use hono rate limiter

* build: remove unnecessary deps, add ones needed and update description

* feat: add hianime routes and their handlers

* feat: update vercel deployment file

* docs: update logo and scraper docs, add envs section

* feat: update main server file

* feat: update peronal deployments caution section
2024-10-06 01:13:23 +05:30

277 lines
8.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Aniwatch API</title>
<meta name="content-language" content="en">
<!-- <meta http-equiv="Content-Security-Policy"
content="default-src 'self' https://api-aniwatch.onrender.com; style-src 'unsafe-inline'; img-src 'self' https://raw.githubusercontent.com https://img.shields.io https://contrib.rocks"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="Aniwatch API">
<meta name="theme-color" content="#d5b3ff">
<meta name="color-scheme" content="dark">
<link rel="canonical" href="https://api-aniwatch.onrender.com">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta property="og:image"
content="https://raw.githubusercontent.com/ghoshRitesh12/aniwatch-api/refs/heads/main/public/img/hianime_v2.png">
<meta property="og:url" content="https://api-aniwatch.onrender.com">
<meta property="og:image:width" content="500">
<meta property="og:image:height" content="500">
<meta property="og:site_name" content="aniwatch">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_image">
<meta name="twitter:site" content="@aniwatch-api">
<meta name="twitter:title" content="Aniwatch API">
<meta name="twitter:description" content="Node.js API for obtaining anime information from hianime.to">
<meta name="twitter:image:src"
content="https://raw.githubusercontent.com/ghoshRitesh12/aniwatch-api/refs/heads/main/public/img/hianime_v2.png">
<meta name="keywords" content="hianime api scraper anime aniwatch node express typescript">
<meta property="og:title" content="Aniwatch API">
<meta name="description" content="Node.js API for obtaining anime information from hianime.to">
<meta property="og:description" content="Node.js API for obtaining anime information from hianime.to">
<link rel="shortcut icon"
href="https://raw.githubusercontent.com/ghoshRitesh12/aniwatch-api/refs/heads/main/public/img/hianime_v2.png">
<style>
* {
--accent: #d5b3ff;
box-sizing: border-box;
font-family: sans-serif;
transition:
0.15s ease scale,
0.15s ease width,
0.15s ease height,
0.15s ease gap;
}
html {
color-scheme: dark;
height: 100%;
}
body {
display: flex;
flex-direction: column;
font-family: sans-serif;
background-color: #151518;
padding: 0rem 1rem 0 1rem;
min-height: 98vh;
}
section {
margin-block: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
position: relative;
isolation: isolate;
}
section::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
inset: -2rem 0 0 0;
isolation: isolate;
z-index: -1;
background-color: #7300ff;
opacity: .35;
border-radius: 50%;
filter: blur(12rem);
}
@media (min-width: 640px) {
section::before {
background-color: #7300ffbb;
opacity: .3;
}
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
width: 100%;
min-height: 100%;
isolation: isolate;
z-index: -1;
}
.overlay .child {
background-position: center center;
background-size: cover;
position: absolute;
inset: 0;
opacity: .4;
filter: blur(5rem);
background-image: url(https://raw.githubusercontent.com/ghoshRitesh12/aniwatch-api/refs/heads/main/public/img/wano_kuni.png);
}
@media (min-width: 640px) {
.overlay .child {
opacity: .35;
filter: blur(8rem);
}
}
.overlay::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: url("https://hianime.to/images/live-thumb.png") repeat;
}
h2 {
color: var(--accent);
margin-top: 0;
font-size: 1.65rem;
font-weight: 600;
text-align: center;
text-wrap: balance;
}
a {
line-height: 1.3;
text-wrap: balance;
color: var(--accent);
}
img {
object-fit: cover;
max-width: 100%;
font-size: .9rem;
}
#anime_girl {
width: 100%;
max-width: 10rem;
}
@media (min-width: 640px) {
#anime_girl {
max-width: 12rem;
}
}
.img-wrapper {
aspect-ratio: 1/1;
max-width: 12rem;
border-radius: 1rem;
overflow: hidden;
width: fit-content;
margin: 1rem auto 1.5rem auto;
}
.api-stats-container {
display: flex;
gap: .2rem .5rem;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.api-stats-container a {
flex-shrink: 0;
user-select: none;
}
.contributors {
margin-top: 1rem;
text-align: center;
}
</style>
</head>
<!--
IMPORTANT:
1. The hosted version of this API is only meant to demo the API and would have rate-limiting enabled to minimise bandwidth
consumption. It is recommended to deploy your own instance for personal use by customizing the API as you need it to be.
2. This API is just an unofficial API for hianime.to and is in no other way officially related to the same.
3. The content that this API provides is not mine, nor is it hosted by me. These belong to their respective owners. This
API just demonstrates how to build an API that scrapes websites and uses their content.
-->
<body>
<span class="overlay">
<span class="child"></span>
</span>
<section>
<h2>
Welcome to the unofficial
<a href="https://hianime.to/home" style="text-underline-offset: 3px;">hianime.to</a>
API
<span style="-webkit-text-fill-color: var(--accent)">⚔️</span>
</h2>
<div class="api-stats-container">
<a href="https://github.com/ghoshRitesh12/aniwatch-api/stargazers">
<img src="https://img.shields.io/github/stars/ghoshRitesh12/aniwatch-api?style=social" alt="Stars"
decoding="async">
</a>
<a href="https://github.com/ghoshRitesh12/aniwatch-api/network/members">
<img src="https://img.shields.io/github/forks/ghoshRitesh12/aniwatch-api?style=social" alt="Forks"
decoding="async">
</a>
<a href="https://github.com/ghoshRitesh12/aniwatch-api/issues?q=is%3Aissue+is%3Aopen+">
<img src="https://img.shields.io/github/issues/ghoshRitesh12/aniwatch-api?style=social&logo=github" alt="Issues"
decoding="async">
</a>
<a href="https://github.com/ghoshRitesh12/aniwatch-api/releases/latest">
<img
src="https://img.shields.io/github/v/release/ghoshRitesh12/aniwatch-api?display_name=release&style=social&logo=github"
alt="Version" decoding="async">
</a>
</div>
<div style="text-align: center;">
<div class="img-wrapper">
<img draggable="false" id="anime_girl"
src="https://raw.githubusercontent.com/ghoshRitesh12/aniwatch-api/refs/heads/main/public/img/hianime_v2.png"
alt="kawai_anime_girl" decoding="async" fetchpriority="high" style="user-select: none;" />
</div>
<div style="display: flex; align-items: center; gap: .5rem; text-underline-offset: 3px;">
<a href="https://github.com/ghoshRitesh12/aniwatch-api/releases/latest" rel="noopener noreferer">
Checkout latest changelogs
</a>
<span style="font-size: .9rem;"></span>
<a href="https://github.com/ghoshRitesh12/aniwatch-api#documentation" rel="noopener noreferer">
Visit docs for more information
</a>
</div>
</div>
<div class="contributors">
<p style="text-wrap: balance; line-height: 1.2;">Thanks to the following people for keeping this
project alive and
relevant.</p>
<a href="https://github.com/ghoshRitesh12/aniwatch-api/graphs/contributors"
style="display: block; margin-bottom: 1rem; user-select: none;">
<img src="https://contrib.rocks/image?repo=ghoshRitesh12/aniwatch-api" alt="Contributors" decoding="async">
</a>
</div>
</section>
</body>
</html>