removing support for Replicate

.env

@@ -1,15 +1,3 @@
-# ------------- IMAGE API CONFIG --------------
-# Supported values:
-# - REPLICATE
-# - VIDEOCHAIN
-RENDERING_ENGINE="REPLICATE"
-
-VIDEOCHAIN_API_URL="http://localhost:7860"
-VIDEOCHAIN_API_TOKEN=
-
-REPLICATE_API_TOKEN=
-REPLICATE_API_MODEL="lucataco/sdxl-panoramic"
-REPLICATE_API_MODEL_VERSION="76acc4075d0633dcb3823c1fed0419de21d42001b65c816c7b5b9beff30ec8cd"
 
 # ----------- CENSORSHIP -------
 # Due to abuse by users, I've had to add a censorship/fingerprinting mechanism
@@ -19,7 +7,7 @@ MODERATION_KEY=
 
 # ----------- COMMUNITY SHARING (OPTIONAL, YOU DON'T NEED THIS IN LOCAL) -----------
 NEXT_PUBLIC_ENABLE_COMMUNITY_SHARING="false"
-# You don't need those community sharing options to run Panoremix
+# You don't need those community sharing options to run Text-to-panorama
 # locally or on your own server (they are meant to be used by the Hugging Face team)
 COMMUNITY_API_URL=
 COMMUNITY_API_TOKEN=

.nvmrc

@@ -1 +1 @@
-v18.16.0
+v20.9.0

README.md

@@ -1,11 +1,11 @@
 ---
-title: Panoremix
-emoji: 👩‍🎨
-colorFrom: blue
-colorTo: yellow
+title: Text to panorama
+emoji: 👩🏞️
+colorFrom: yellow
+colorTo: green
 sdk: docker
 pinned: true
 app_port: 3000
 ---
 
-# Panoremix
+# Text to panorama

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@jbilcke/panoremix",
-  "version": "0.0.0",
+  "name": "@jbilcke/text-to-panorama",
+  "version": "0.0.2",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,69 +9,68 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@huggingface/inference": "^2.6.1",
-    "@photo-sphere-viewer/core": "^5.1.7",
-    "@photo-sphere-viewer/markers-plugin": "^5.1.7",
-    "@photo-sphere-viewer/video-plugin": "^5.1.7",
-    "@photo-sphere-viewer/virtual-tour-plugin": "^5.1.7",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-avatar": "^1.0.3",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-dialog": "^1.0.4",
-    "@radix-ui/react-dropdown-menu": "^2.0.5",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-menubar": "^1.0.3",
-    "@radix-ui/react-popover": "^1.0.6",
-    "@radix-ui/react-select": "^1.2.2",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-toast": "^1.1.4",
-    "@radix-ui/react-tooltip": "^1.0.6",
-    "@react-pdf/renderer": "^3.1.12",
+    "@gradio/client": "1.2.1",
+    "@photo-sphere-viewer/core": "5.1.7",
+    "@photo-sphere-viewer/markers-plugin": "5.1.7",
+    "@photo-sphere-viewer/video-plugin": "5.1.7",
+    "@photo-sphere-viewer/virtual-tour-plugin": "5.1.7",
+    "@radix-ui/react-accordion": "1.1.2",
+    "@radix-ui/react-avatar": "1.0.3",
+    "@radix-ui/react-checkbox": "1.0.4",
+    "@radix-ui/react-collapsible": "1.0.3",
+    "@radix-ui/react-dialog": "1.0.4",
+    "@radix-ui/react-dropdown-menu": "2.0.5",
+    "@radix-ui/react-icons": "1.3.0",
+    "@radix-ui/react-label": "2.0.2",
+    "@radix-ui/react-menubar": "1.0.3",
+    "@radix-ui/react-popover": "1.0.6",
+    "@radix-ui/react-select": "1.2.2",
+    "@radix-ui/react-separator": "1.0.3",
+    "@radix-ui/react-slider": "1.1.2",
+    "@radix-ui/react-slot": "1.0.2",
+    "@radix-ui/react-switch": "1.0.3",
+    "@radix-ui/react-toast": "1.1.4",
+    "@radix-ui/react-tooltip": "1.0.6",
+    "@react-pdf/renderer": "3.1.12",
     "@types/node": "20.4.2",
     "@types/react": "18.2.15",
     "@types/react-dom": "18.2.7",
-    "@types/uuid": "^9.0.2",
+    "@types/uuid": "9.0.2",
     "autoprefixer": "10.4.14",
-    "class-variance-authority": "^0.6.1",
-    "clsx": "^2.0.0",
-    "cmdk": "^0.2.0",
-    "cookies-next": "^2.1.2",
-    "date-fns": "^2.30.0",
+    "class-variance-authority": "0.6.1",
+    "clsx": "2.0.0",
+    "cmdk": "0.2.0",
+    "cookies-next": "2.1.2",
+    "date-fns": "2.30.0",
     "eslint": "8.45.0",
     "eslint-config-next": "13.4.10",
-    "html2canvas": "^1.4.1",
-    "lucide-react": "^0.260.0",
+    "html2canvas": "1.4.1",
+    "lucide-react": "0.260.0",
     "next": "13.4.10",
-    "photo-sphere-viewer-lensflare-plugin": "^1.1.1",
-    "pick": "^0.0.1",
+    "photo-sphere-viewer-lensflare-plugin": "1.1.1",
+    "pick": "0.0.1",
     "postcss": "8.4.26",
     "react": "18.2.0",
-    "react-circular-progressbar": "^2.1.0",
+    "react-circular-progressbar": "2.1.0",
     "react-dom": "18.2.0",
-    "react-photo-sphere-viewer": "^3.3.5-psv5.1.4",
-    "react-virtualized-auto-sizer": "^1.0.20",
-    "replicate": "^0.17.0",
-    "sbd": "^1.0.19",
-    "sharp": "^0.32.5",
-    "styled-components": "^6.0.7",
-    "tailwind-merge": "^1.13.2",
+    "react-photo-sphere-viewer": "3.3.5-psv5.1.4",
+    "react-virtualized-auto-sizer": "1.0.20",
+    "sbd": "1.0.19",
+    "sharp": "0.32.5",
+    "styled-components": "6.0.7",
+    "tailwind-merge": "1.13.2",
     "tailwindcss": "3.3.3",
-    "tailwindcss-animate": "^1.0.6",
-    "tesseract.js": "^4.1.2",
-    "ts-node": "^10.9.1",
+    "tailwindcss-animate": "1.0.6",
+    "tesseract.js": "4.1.2",
+    "ts-node": "10.9.1",
     "typescript": "5.1.6",
-    "usehooks-ts": "^2.9.1",
-    "uuid": "^9.0.0",
-    "zustand": "^4.4.1"
+    "usehooks-ts": ".9.1",
+    "uuid": "9.0.0",
+    "zustand": "4.4.1"
   },
   "devDependencies": {
-    "@types/qs": "^6.9.7",
-    "@types/react-virtualized": "^9.21.22",
-    "@types/sbd": "^1.0.3"
+    "@types/qs": "6.9.7",
+    "@types/react-virtualized": "9.21.22",
+    "@types/sbd": "1.0.3"
   }
 }

src/app/engine/community.ts

@@ -219,8 +219,8 @@ export async function deletePost({
   }
 
   if (moderationKey !== secretModerationKey) {
-    console.error(`invalid moderation key, operation denied! please ask a Panoremix admin for the mdoeration key`)
-    throw new Error(`invalid moderation key, operation denied! please ask a Panoremix admin for the mdoeration key`)
+    console.error(`invalid moderation key, operation denied! please ask a Text-to-panorama admin for the mdoeration key`)
+    throw new Error(`invalid moderation key, operation denied! please ask a Text-to-panorama admin for the mdoeration key`)
   }
 
   try {

src/app/engine/render.ts

@@ -1,22 +1,11 @@
 "use server"
 
-import Replicate, { Prediction } from "replicate"
 
-import { RenderRequest, RenderedScene, RenderingEngine } from "@/types"
+import { RenderRequest, RenderedScene } from "@/types"
 import { generateSeed } from "@/lib/generateSeed"
 import { sleep } from "@/lib/sleep"
 import { filterOutBadWords } from "./censorship"
 
-const renderingEngine = `${process.env.RENDERING_ENGINE || ""}` as RenderingEngine
-
-const replicateToken = `${process.env.REPLICATE_API_TOKEN || ""}`
-const replicateModel = `${process.env.REPLICATE_API_MODEL || ""}`
-const replicateModelVersion = `${process.env.REPLICATE_API_MODEL_VERSION || ""}`
-
-// note: there is no / at the end in the variable
-// so we have to add it ourselves if needed
-const apiUrl = process.env.VIDEOCHAIN_API_URL
-
 export async function newRender({
   prompt,
   clearCache,
@@ -49,7 +38,7 @@ export async function newRender({
    }
 
   try {
-    console.log(`calling POST ${apiUrl}/render with prompt: ${prompt}`)
+    console.log(`calling Gradio space with prompt: ${prompt}`)
 
     const request = {
       prompt,

src/app/firehose/page.tsx

@@ -43,7 +43,7 @@ export default function FirehosePage() {
         )}>
         <div className="w-full flex flex-col items-center overflow-y-scroll">
           <div className="flex flex-col space-y-2 pt-18 mb-6">
-            <h1 className="text-4xl md:text-6xl lg:text-[70px] xl:text-[100px] text-cyan-700">🌐 Panoremix</h1>
+            <h1 className="text-4xl md:text-6xl lg:text-[70px] xl:text-[100px] text-cyan-700">🌐 Text-to-panorama</h1>
             <h2 className="text-3xl mb-6">Generate cool panoramas using AI!</h2>
             <h2 className="text-2xl">Latest locations synthesized:</h2>
           </div>

src/app/generate/page.tsx

@@ -19,12 +19,12 @@ export default function GeneratePage() {
   const [_isPending, startTransition] = useTransition()
   const postId = (searchParams.get("postId") as string) || ""
 
-  const prompt = useStore(state => state.prompt)
-  const setPrompt = useStore(state => state.setPrompt)
-  const setRendered = useStore(state => state.setRendered)
-  const renderedScene = useStore(state => state.renderedScene)
-  const isLoading = useStore(state => state.isLoading)
-  const setLoading = useStore(state => state.setLoading)
+  const prompt = useStore(s => s.prompt)
+  const setPrompt = useStore(s => s.setPrompt)
+  const setRendered = useStore(s => s.setRendered)
+  const renderedScene = useStore(s => s.renderedScene)
+  const isLoading = useStore(s => s.isLoading)
+  const setLoading = useStore(s => s.setLoading)
 
   // keep a ref in sync
   const renderedRef = useRef<RenderedScene>()
@@ -93,6 +93,9 @@ export default function GeneratePage() {
           setLoading(false)
         } else {
           console.log("panorama finished:", newRendered)
+          /*
+          let's disable the community for now
+          
           try {
             await postToCommunity({
               prompt,
@@ -102,6 +105,7 @@ export default function GeneratePage() {
           } catch (err) {
             console.log("failed to post to community, but it's no big deal")
           }
+          */
           setRendered(newRendered)
           setLoading(false)
         }

src/app/interface/about/index.tsx

@@ -15,14 +15,14 @@ export function About() {
       </DialogTrigger>
       <DialogContent className="sm:max-w-[425px]">
         <DialogHeader>
-          <DialogTitle>The Panoremix</DialogTitle>
+          <DialogTitle>Text-to-panorama</DialogTitle>
           <DialogDescription className="w-full text-center text-lg font-bold text-stone-800">
-            What is Panoremix?
+            What is this app?
           </DialogDescription>
         </DialogHeader>
         <div className="grid gap-4 py-4 text-stone-800">
           <p className="">
-            Panoremix is a free and open-source application made to generate panoramas.
+            Text-to-panorama is a free and open-source application made to generate panoramas.
          </p>
          <p>
          👉 The stable diffusion model used to generate the images is <a className="text-stone-600 underline" href="https://huggingface.co/stabilityai/stable-diffusion-xl-base-1.0" target="_blank">SDXL 1.0</a>.

src/app/interface/bottom-bar/index.tsx

@@ -4,9 +4,9 @@ import { cn } from "@/lib/utils"
 import { About } from "../about"
 
 export function BottomBar() {
-  // const prompt = useStore(state => state.prompt)
-  // const renderedScene = useStore(state => state.renderedScene)
-  // const setRendered = useStore(state => state.setRendered)
+  // const prompt = useStore(s => s.prompt)
+  // const renderedScene = useStore(s => s.renderedScene)
+  // const setRendered = useStore(s => s.setRendered)
 
   const isLoading = false
 

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

@@ -8,13 +8,13 @@ import { Input } from "@/components/ui/input"
 import { useStore } from "@/app/store"
 import { Button } from "@/components/ui/button"
 export function TopMenu() {
-  const prompt = useStore(state => state.prompt)
+  const prompt = useStore(s => s.prompt)
 
-  const setPrompt = useStore(state => state.setPrompt)
-  const setRendered = useStore(state => state.setRendered)
+  const setPrompt = useStore(s => s.setPrompt)
+  const setRendered = useStore(s => s.setRendered)
 
-  const isLoading = useStore(state => state.isLoading)
-  const setLoading = useStore(state => state.setLoading)
+  const isLoading = useStore(s => s.isLoading)
+  const setLoading = useStore(s => s.setLoading)
 
   const searchParams = useSearchParams()
 

src/app/layout.tsx

@@ -6,7 +6,7 @@ const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
   // alternative title: Panomania? Teleportal? Panoportal
-  title: 'Panoremix: generate panoramas from text! Powered by Hugging Face 🤗',
+  title: 'Text-to-panorama: generate panoramas from text! Powered by Hugging Face 🤗',
   description: 'Generate panoramas from text! Powered by Hugging Face 🤗',
 }