readded seek buttons and vercel support

components/watch/new-player/components/buttons.tsx

@@ -29,6 +29,8 @@ import {
   VolumeHighIcon,
   VolumeLowIcon,
   PreviousIcon,
+  SeekForward10Icon,
+  SeekBackward10Icon,
 } from "@vidstack/react/icons";
 import { useRouter } from "next/router";
 import { Navigation } from "../player";
@@ -64,6 +66,50 @@ export function Play({ tooltipPlacement }: MediaButtonProps) {
   );
 }
 
+export function SeekForwardButton({
+  tooltipPlacement
+}: MediaButtonProps) {
+  const currentTime = useMediaState("currentTime");
+  const remote = useMediaRemote();
+  return (
+    <Tooltip.Root>
+      <Tooltip.Trigger asChild>
+        <button
+          className={buttonClass}
+          onClick={() => { remote.seek(currentTime + 10) }}
+        >
+          <SeekForward10Icon className="w-8 h-8" />
+        </button>
+      </Tooltip.Trigger>
+      <Tooltip.Content className={tooltipClass} placement={tooltipPlacement}>
+          Forward 10 Seconds
+      </Tooltip.Content>
+    </Tooltip.Root>
+  )
+}
+
+export function SeekBackwardButton({
+  tooltipPlacement
+}: MediaButtonProps) {
+  const currentTime = useMediaState("currentTime");
+  const remote = useMediaRemote();
+  return (
+    <Tooltip.Root>
+      <Tooltip.Trigger asChild>
+        <button
+          className={buttonClass}
+          onClick={() => { remote.seek(currentTime - 10) }}
+        >
+          <SeekForward10Icon className="w-8 h-8" />
+        </button>
+      </Tooltip.Trigger>
+      <Tooltip.Content className={tooltipClass} placement={tooltipPlacement}>
+          Backward 10 Seconds
+      </Tooltip.Content>
+    </Tooltip.Root>
+  )
+}
+
 export function NextEpisode({
   tooltipPlacement,
   navigation,

components/watch/new-player/components/layouts/video-layout.tsx

@@ -136,6 +136,9 @@ export function VideoLayout({
           {!!track?.subtitles?.length && (
             <Buttons.Caption tooltipPlacement="top" />
           )}
+          <Buttons.SeekBackwardButton tooltipPlacement="top" />
+          <Buttons.SeekForwardButton tooltipPlacement="top" />
+          <div className="ml-4"/>
           <Menus.Settings placement="top end" tooltipPlacement="top" />
           {!isMobile && !isFullscreen && (
             <Buttons.TheaterButton tooltipPlacement="top" />

package.json

@@ -5,7 +5,7 @@
   "founder": "Factiven",
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "npx prisma generate && next build",
     "export": "next build && next export",
     "start": "next start",
     "type-check": "tsc",