easier way to control the number of pages

.env

@@ -13,6 +13,7 @@ RENDERING_ENGINE="INFERENCE_API"
 # - GROQ
 LLM_ENGINE="INFERENCE_API"
 
+# set this to control the number of pages
 NEXT_PUBLIC_MAX_NB_PAGES="2"
 
 # Not implemented for the Inference API yet - you can submit a PR if you have some ideas

src/app/interface/login/index.tsx

@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button"
 import { useOAuth } from "@/lib/useOAuth"
 
 export function Login() {
-  const { canLogin, login, isLoggedIn, oauthResult } = useOAuth({ debug: true })
+  const { canLogin, login, isLoggedIn, oauthResult } = useOAuth({ debug: false })
   
   useEffect(() => {
     if (!oauthResult) {

src/app/main.tsx

@@ -12,6 +12,7 @@ import { Page } from "./interface/page"
 import { GeneratedPanel } from "@/types"
 import { joinWords } from "@/lib/joinWords"
 import { getStoryContinuation } from "./queries/getStoryContinuation"
+import { MAX_NB_PAGES, NB_TOTAL_PANELS_TO_GENERATE } from "@/config"
 
 export default function Main() {
   const [_isPending, startTransition] = useTransition()
@@ -68,7 +69,8 @@ export default function Main() {
       const newPanelsPrompts: string[] = []
       const newCaptions: string[] = []
 
-      const nbPanelsToGenerate = 1
+      // we always generate panels 2 by 2
+      const nbPanelsToGenerate = 2
 
       for (
         let currentPanel = 0;
@@ -160,15 +162,7 @@ export default function Main() {
             style={{
               width: `${zoomLevel}%`
             }}>
-            <Page page={0} />
-
-            {/* there are too many people using the AI comic factory right now
-            so I'm going to disable the second page
-            */}
-            {/*
-              disabled as the comic factory cannot scale right now
-              <Page page={1} />
-            */}
+            {Array(MAX_NB_PAGES).fill(0).map((_, i) => <Page key={i} page={i} />)}
           </div>
         </div>
       </div>

src/config.ts

@@ -4,3 +4,5 @@ export const MAX_NB_PAGES = getValidNumber(process.env.NEXT_PUBLIC_MAX_NB_PAGES,
 
 // TODO: this one should be dynamic and depend upon the page layout type
 export const NB_PANELS_PER_PAGE = 4
+
+export const NB_TOTAL_PANELS_TO_GENERATE = MAX_NB_PAGES * NB_PANELS_PER_PAGE