updating the README.md

.env

@@ -6,6 +6,9 @@ ADMIN_HUGGING_FACE_USERNAME=""
 
 AI_TUBE_ROBOT_API="https://jbilcke-hf-ai-tube-robot.hf.space"
 
+UPSTASH_REDIS_REST_URL=""
+UPSTASH_REDIS_REST_TOKEN=""
+
 # ----------- CENSORSHIP -------
 ENABLE_CENSORSHIP=
 FINGERPRINT_KEY=

README.md

@@ -10,4 +10,62 @@ app_port: 3000
 
 # 🍿 AI Tube
 
-(To be continued)
+## FAQ
+
+### I don't like having to manually create a Hugging Face Dataset and edit files
+
+There will be a UI to edit them in the future
+
+### How often videos are generated?
+
+There is a script (call AI Tube Robot) which check the Hugging Face platform every 5 minutes for new content.
+However, once it starts generating a video, it will be kept busy for an hour or so (sometimes more),
+and during this time the other videos will wait patiently.
+
+### My video failed to generate! Is it lost?
+
+That's the beauty of the dataset system: as long as you keep your video in your dataset,
+and is not published yet (is not visible on the AI Tube home page), then for the AI Tube Robot it will still be marked as "TODO".
+
+So.. you have nothing to do! Things should repair themselves automatically at some point,
+although it can take a couple of days if the issue is more complex than it looks
+(eg. a server is down, there is a bug somewhere, disk is full etc)
+
+### I created a channel, but I don't see it in the list
+
+It can take multiple hours for a channel to be made publicly visible.
+This delay will be reduced in the future.
+
+### Videos are taking too long to generate
+
+AI Tube is about generating videos in the background, slowly.
+
+It's the whole concept: to generate multi-minutes videos, with lot of stuff like audio, speech etc
+(if you are only interested in generate a 2 to 4 sec silent video, I suggest you use RunwayML or Pika Labs).
+
+Moreover, currently there are only a few servers available:
+
+- text to speech: 1 server
+- sdxl: multi servers (hugging face cloud inference api)
+- stable video diffusion: 1 server
+- lavie: 1 server
+- hotshot xl: 1 server
+- musicgen: 1 server
+
+Which is why some time there is a longue queue of videos waiting to be generated, one after one.
+If this project gains traction, it might get more ressources in the future.
+
+### I don't hear music in my videos
+
+Could be two reasons, either you are missing a "# Music" paragraph block in your Channel and/or Video, or there just was a network or computing issue when your video was generated.
+
+This is all new technology based on research tools, so sometimes they can crash, be out of memory etc.. and not always restart automatically. I'm a team of one and I don't have the ressources to look into it right now, but I understand it can be a pain.
+
+### There are large gaps of silence between speech / commentary / dialogue
+
+This is a bug, it will be fixed in the future but I haven't had the opportunity to take a look yet (the cause is that I don't generate the video based on audio length yet).
+
+### Can I clone AI Tube or download it to run on my machine?
+
+AI Tube is designed to be a unique community and platform, not a downloadable tool or app.
+Maybe one day there will be an offline version (similar to how my latent browser project worked), but for the moment the focus is on developing it as a community rather than a tool that can be cloned, rebranded, wrapped into ads by someone else etc.

package-lock.json

@@ -31,6 +31,7 @@
         "@types/react": "18.2.15",
         "@types/react-dom": "18.2.7",
         "@types/uuid": "^9.0.2",
+        "@upstash/redis": "^1.25.2",
         "autoprefixer": "10.4.14",
         "class-variance-authority": "^0.6.1",
         "clsx": "^2.0.0",
@@ -1921,6 +1922,14 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@upstash/redis": {
+      "version": "1.25.2",
+      "resolved": "https://registry.npmjs.org/@upstash/redis/-/redis-1.25.2.tgz",
+      "integrity": "sha512-iI3jgvmDIbe4Px0PskB8lrn1NXz7ZQyGpW9Ehmonk6SEFqhqssqIB04VmlNh8zZUXwzy6G9DaIa5gIUM6B7DwA==",
+      "dependencies": {
+        "crypto-js": "^4.2.0"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.11.2",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
@@ -2863,6 +2872,11 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
+    },
     "node_modules/css-color-keywords": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",

package.json

@@ -32,6 +32,7 @@
     "@types/react": "18.2.15",
     "@types/react-dom": "18.2.7",
     "@types/uuid": "^9.0.2",
+    "@upstash/redis": "^1.25.2",
     "autoprefixer": "10.4.14",
     "class-variance-authority": "^0.6.1",
     "clsx": "^2.0.0",

src/app/interface/left-menu/index.tsx

@@ -5,6 +5,7 @@ import { MdVideoLibrary } from "react-icons/md"
 import { RiHome8Line } from "react-icons/ri"
 import { PiRobot } from "react-icons/pi"
 import { CgProfile } from "react-icons/cg"
+import { HiOutlineMusicNote } from "react-icons/hi"
 
 import { useStore } from "@/app/state/useStore"
 import { cn } from "@/lib/utils"
@@ -45,6 +46,16 @@ export function LeftMenu() {
             Channels
           </MenuItem>
         </Link>
+        {/*
+        <Link href="/music">
+          <MenuItem
+            icon={<HiOutlineMusicNote className="h-5 w-5" />}
+            selected={view === "public_music_videos"}
+            >
+            Music
+          </MenuItem>
+        </Link>
+        */}
       </div>
       <div className={cn(
         `flex flex-col w-full`,

src/app/views/public-music-videos-view/index.tsx

@@ -0,0 +1,46 @@
+"use client"
+
+import { useEffect, useTransition } from "react"
+
+import { useStore } from "@/app/state/useStore"
+import { cn } from "@/lib/utils"
+import { VideoInfo } from "@/types"
+import { getVideos } from "@/app/server/actions/ai-tube-hf/getVideos"
+import { VideoList } from "@/app/interface/video-list"
+
+export function PublicMusicVideosView() {
+  const [_isPending, startTransition] = useTransition()
+  const setView = useStore(s => s.setView)
+  const currentTag = useStore(s => s.currentTag)
+  const setPublicVideos = useStore(s => s.setPublicVideos)
+  const setPublicVideo = useStore(s => s.setPublicVideo)
+  const publicVideos = useStore(s => s.publicVideos)
+
+  useEffect(() => {
+    startTransition(async () => {
+      const videos = await getVideos({
+        sortBy: "date",
+        mandatoryTags: currentTag ? [currentTag] : [],
+        maxVideos: 25
+      })
+
+      setPublicVideos(videos)
+    })
+  }, [currentTag])
+
+  const handleSelect = (video: VideoInfo) => {
+    setView("public_video")
+    setPublicVideo(video)
+  }
+
+  return (
+    <div className={cn(
+     `sm:pr-4`
+    )}>
+      <VideoList
+        videos={publicVideos}
+        onSelect={handleSelect}
+      />
+    </div>
+  )
+}

src/app/views/public-video-view/index.tsx

@@ -21,7 +21,6 @@ const DefaultAvatar = dynamic(() => import("../../interface/default-avatar"), {
   loading: () => null,
 })
  
-
 export function PublicVideoView() {
   const video = useStore(s => s.publicVideo)
 

src/types.ts

@@ -431,6 +431,7 @@ export type InterfaceView =
   | "public_channels"
   | "public_channel" // public view of a channel
   | "public_video" // public view of a video
+  | "public_music_videos" // public music videos - it's a special category, because music is *cool*
   | "not_found"
 
 export type Settings = {