Merge pull request #2 from victorhuangwq/feat/reddit

Feat/reddit

Author: kstonekuan

.env.local.example

@@ -1,7 +1,12 @@
-# Google AI API Key
+# Google AI API Key (required)
 # Get your API key from https://aistudio.google.com/apikey
 GOOGLE_AI_API_KEY=your_google_ai_api_key_here
 
+# Google AI API Key for text generation (optional)
+# If present, this key will be used for text generation instead of the main key
+# Get your API key from https://aistudio.google.com/apikey
+GOOGLE_AI_TEXT_API_KEY=your_google_ai_text_api_key_here
+
 # Google Analytics Measurement ID
 # Get this from your Google Analytics 4 property settings
 # Format: G-XXXXXXXXXX

README.md

@@ -34,6 +34,7 @@ Transform your written stories into stunning visual manga or comic book pages us
 ## Features
 
 - **Multi-Style Generation**: Choose between Japanese manga or American comic book styles
+- **Import from Reddit**: Automatically fetch stories from Reddit by visiting `storytomanga.com/r/<subreddit>/comments/...`
 - **Character Consistency**: AI generates character reference sheets and maintains visual consistency across panels
 - **Progressive Display**: See character designs first, then comic pages as they're generated
 - **State Persistence**: Your work is automatically saved - refresh without losing progress
@@ -80,6 +81,14 @@ Edit `.env.local` and add your API key:
 GOOGLE_AI_API_KEY=your_actual_api_key_here
 ```
 
+**Optional**: If you want to use a separate API key for text generation (story analysis and chunking), you can also set:
+
+```
+GOOGLE_AI_TEXT_API_KEY=your_text_generation_api_key_here
+```
+
+If `GOOGLE_AI_TEXT_API_KEY` is provided, it will be used for text generation operations. If not, `GOOGLE_AI_API_KEY` will be used for all operations.
+
 ### 4. Run Development Server
 
 ```bash
@@ -110,6 +119,17 @@ Visit **[app.storytomanga.com](https://app.storytomanga.com)** or run locally:
    - Generates individual panels
 5. Download individual panels or create a shareable composite image
 
+## Importing from Reddit
+
+You can automatically load a story from a Reddit post by going to a URL with the path to the post.
+
+**Example:**
+```
+https://app.storytomanga.com/r/<subreddit>/comments/...
+```
+
+This will load the story from the URL and automatically start the comic generation process.
+
 ## Deployment to AWS Amplify
 
 1. Push your code to GitHub

next.config.ts

@@ -3,6 +3,19 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
 	serverExternalPackages: ["pino", "pino-pretty"],
 	outputFileTracingRoot: __dirname,
+	async headers() {
+		return [
+			{
+				source: "/(.*)",
+				headers: [
+					{
+						key: "Access-Control-Allow-Origin",
+						value: "*",
+					},
+				],
+			},
+		];
+	},
 };
 
 export default nextConfig;

package-lock.json

@@ -26,8 +26,8 @@
 	"devDependencies": {
 		"@biomejs/biome": "2.2.4",
 		"@tailwindcss/postcss": "4.1.13",
-		"@types/node": "24.3.1",
-		"@types/react": "19.1.12",
+		"@types/node": "24.4.0",
+		"@types/react": "19.1.13",
 		"@types/react-dom": "19.1.9",
 		"knip": "5.63.1",
 		"postcss": "8.5.6",