V3.2.0 aniplay now airin

Noname968 · Apr 9, 2024 · e6834c9 · e6834c9
1 parent f4c92f4
commit e6834c9
Show file tree

Hide file tree

Showing 11 changed files with 7,303 additions and 10,773 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,13 +14,13 @@
     "@headlessui/react": "^1.7.17",
     "@next/bundle-analyzer": "^14.1.0",
     "@nextui-org/react": "^2.2.10",
-    "@vidstack/react": "^1.10.9",
+    "@vidstack/react": "^1.11.17",
     "axios": "^1.6.5",
     "disqus-react": "^1.1.5",
     "framer-motion": "^10.18.0",
-    "hls.js": "^1.5.6",
+    "hls.js": "^1.5.7",
     "ioredis": "^5.3.2",
-    "media-icons": "^0.10.0",
+    "media-icons": "^1.1.4",
     "mongoose": "^8.1.1",
     "next": "^14.1.0",
     "next-auth": "^4.24.6",

diff --git a/src/app/anime/watch/[[...watchid]]/page.js b/src/app/anime/watch/[[...watchid]]/page.js
@@ -6,7 +6,6 @@ import Navbarcomponent from "@/components/navbar/Navbar";
 import PlayerComponent from "@/components/videoplayer/PlayerComponent";
 import Animecards from "@/components/CardComponent/Animecards";
 import { createWatchEp, getEpisode } from "@/lib/EpHistoryfunctions";
-import DisqusComments from "@/components/comments/DisqusComments";
 import { WatchPageInfo } from "@/lib/AnilistUser";
 import { getAuthSession } from "../../../api/auth/[...nextauth]/route";
 import { redis } from '@/lib/rediscache';
@@ -93,17 +92,6 @@ async function AnimeWatch({ params, searchParams }) {
           {data?.status === 'RELEASING' &&
             <NextAiringDate nextAiringEpisode={data?.nextAiringEpisode} />
           }
-         <div className="p-1">
-         <DisqusComments
-            key={epId}
-            post={{
-              id: id,
-              title: data?.title?.english || data?.title?.romaji,
-              episode: epNum,
-              name: "Airinz",
-            }}
-          />
-         </div>
         </div>
         <div className="h-full lg:flex lg:flex-col md:max-lg:w-full gap-10">
         {/* <div className="rounded-lg hidden lg:block lg:max-w-[280px] xl:max-w-[380px] w-[100%] xl:overflow-y-scroll xl:overflow-x-hidden overflow-hidden scrollbar-hide overflow-y-hidden">

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -2,16 +2,15 @@
 @tailwind components;
 @tailwind utilities;
 
-/* @font-face {
+@font-face {
     font-family: "28 Days Later";
     src: url('../static-fonts/28 Days Later.ttf');
 }
 
-.aniplay{
+.Airin{
     font-family: "28 Days Later";
-} */
+}
 
-#disqus_thread { color-scheme: none; }
 /* 
 html {
     scroll-behavior: smooth !important;

diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -43,16 +43,12 @@ function Footer() {
             <footer className="bg-[#151518] mt-10">
                 <div className="mx-auto w-full lg:max-w-[85%] p-4 py-6 lg:pt-8 lg:pb-3">
                     <div className="lg:flex lg:justify-between">
-                        <div className="mb-6 lg:mb-0 flex flex-col lg:flex-row lg:items-center lg:gap-6">
-                            <Link href="/" className="flex items-center w-fit">
-                                {/* <p className={`Airin self-center text-3xl font-medium whitespace-nowrap dark:text-white`}>
-                                    Airin
-                                    </p> */}
-                                    <Image src='/logo.svg' width={50} height={50} className="w-32 h-20 "/>
-                            </Link>
-                            <p className="lg:text-[0.8rem] text-[0.7rem] text-[#ffffffb2] lg:w-[480px]">
-                                This site does not store any files on our server, we are linked
-                                to the media which is hosted on 3rd party services.
+                        <div class="mb-6 lg:mb-0">
+                            <Link class="flex items-center w-fit" href="/">
+                                <p class="Airin self-center !text-4xl tracking-wider font-medium whitespace-nowrap dark:text-white">Airin</p>
+                                </Link>
+                            <p class="lg:text-[0.8rem] text-[0.7rem] text-[#ffffffb2] lg:w-[520px]">
+                                This site does not store any files on our server, we are linked to the media which is hosted on 3rd party services.
                             </p>
                         </div>
                         <div className="grid grid-cols-2 lg:gap-16 sm:gap-6 sm:grid-cols-2">

diff --git a/src/components/comments/DisqusComments.js b/src/components/comments/DisqusComments.js
diff --git a/src/components/navbar/Navbar.js b/src/components/navbar/Navbar.js
@@ -110,15 +110,13 @@ function Navbarcomponent({ home = false }) {
             <div className={styles.navleft}>
                 <div className={styles.logoContainer}>
                     <Link href="/" className={styles.logoLink}>
-                        {/* Airin */}
-                        <Image src='/logo.svg' width={50} height={50} className="w-32 !h-12 "/>
+                        Airin
                     </Link>
                 </div>
                 <div className={styles.navItemsContainer}>
                     <Link href="/anime/catalog" className={styles.navItem}>Catalog</Link>
                     <Link href="/anime/catalog?sortby=TRENDING_DESC" className={styles.navItem}>Trending</Link>
                     <Link href="/anime/catalog?format=MOVIE" className={styles.navItem}>Movies</Link>
-                    <Link href="https://community.Airinnow.live" className={styles.navItem}>Community</Link>
                 </div>
             </div>
             <div className={styles.navright}>

diff --git a/src/components/videoplayer/VidstackPlayer/player.js b/src/components/videoplayer/VidstackPlayer/player.js
@@ -13,7 +13,7 @@ import {
 import { useRouter } from "next/navigation";
 import VideoProgressSave from '../../../utils/VideoProgressSave';
 import { VideoLayout } from "./components/layouts/video-layout";
-import { DefaultVideoKeyboardActionDisplay } from '@vidstack/react/player/layouts/default';
+// import { DefaultVideoKeyboardActionDisplay } from '@vidstack/react/player/layouts/default';
 import '@vidstack/react/player/styles/default/keyboard.css';
 import { updateEp } from "@/lib/EpHistoryfunctions";
 import { saveProgress } from "@/lib/AnilistUser";
@@ -261,7 +261,7 @@ function Player({ dataInfo, id, groupedEp, src, session, savedep, subtitles, thu
         thumbnails={thumbnails ? process.env.NEXT_PUBLIC_PROXY_URI + '/' + thumbnails[0]?.src : ""}
         groupedEp={groupedEp}
       />
-      <DefaultVideoKeyboardActionDisplay
+      {/* <DefaultVideoKeyboardActionDisplay
         icons={{
           Play: null,
           Pause: null,
@@ -277,7 +277,7 @@ function Player({ dataInfo, id, groupedEp, src, session, savedep, subtitles, thu
           SeekForward: FastForwardIcon,
           SeekBackward: FastBackwardIcon,
         }}
-      />
+      /> */}
     </MediaPlayer>
   )
 }

diff --git a/src/styles/Navbar.module.css b/src/styles/Navbar.module.css
@@ -58,13 +58,13 @@
 }
 
 .logoLink {
-    font-size: 2rem;
+    font-size: 2.2rem;
     margin: 4px 0 0 0;
     line-height: normal;
+    letter-spacing: 1px;
     text-decoration: none;
 }
 
-
 .navItemsContainer {
     display: flex;
     gap: 15px;