{
const url = Deno.env.get("SUPABASE_URL")!;
const key = Deno.env.get("SUPABASE_SERVICE_ROLE_KEY")!;
const supabase = createClient(url, key);
// 1) fetch all dreams AFTER April 20, 2025 missing an image
const { data: dreams, error: fetchError } = await supabase
.from("dreams")
.select("id, title, description")
.is("image_url", null)
.is("enhanced_description", null)
.gt("created_at", "2025-04-20T00:00:00Z");
if (fetchError) {
console.error("Failed to fetch dreams:", fetchError);
return new Response(fetchError.message, { status: 500 });
}
console.log(`Found ${dreams.length} dreams to backfill`);
// 2) invoke your edge function for each, passing both id and description
for (const d of dreams) {
const payload = {
dreamId: d.id,
description: `${d.title} – ${d.description}`,
};
console.log("Invoking generate-dream-image for:", d.id);
const { data, error } = await supabase.functions.invoke(
"generate-dream-image",
{ body: payload, headers: { Authorization: `Bearer ${key}` } },
);
if (error) {
console.error(`Invocation error for ${d.id}:`, error);
} else {
console.log(`Invocation response for ${d.id}:`, data);
}
}
return new Response(JSON.stringify({ backfilled: dreams.length }), {
headers: { "Content-Type": "application/json" },
});
});
```
### src/pages/Index.tsx
```typescript
import { useRef, useState, useEffect } from "react";
import { ArrowRight, Download } from "lucide-react";
import { Button } from "@/components/ui/button";
import { motion } from "framer-motion";
// import DreamScene from "@/components/dream-journal/dream-scene";
import { FeatureGrid } from "@/components/dream-journal/feature-grid";
import { TestimonialSlider } from "@/components/dream-journal/testimonial-slider";
import { ParticleField } from "@/components/dream-journal/particle-field";
import { DreamStatistics } from "@/components/dream-journal/dream-statistics";
import { DreamImageGenerator } from "@/components/dream-journal/dream-image-generator";
import { DreamSharing } from "@/components/dream-journal/dream-sharing";
import { DreamAnalysis } from "@/components/dream-journal/dream-analysis";
import { MobileAppPreview } from "@/components/dream-journal/mobile-app-preview";
import { AppStoreBadges } from "@/components/ui/app-store-badges";
import { Brain, BarChart, Sparkles, Share2 } from "lucide-react";
import { Navigation } from "@/components/Navigation";
import { useAuth } from "@/hooks/useAuth";
import { useNavigate } from "react-router-dom";
import {
getDeviceType,
getMobileDownloadUrl,
type DeviceType,
} from "@/utils/device-detection";
export default function Index() {
const heroRef = useRef(null);
const { loading } = useAuth();
const navigate = useNavigate();
const [deviceType, setDeviceType] = useState("web");
// Detect device type on mount
useEffect(() => {
setDeviceType(getDeviceType());
}, []);
// Handle "Download Now" - smart routing based on device
const handleDownloadNow = () => {
if (deviceType === "web") {
// Store sign-up preference in sessionStorage so Auth page knows to show sign-up form
sessionStorage.setItem("auth-mode", "signup");
navigate("/auth");
} else {
// Redirect to appropriate app store
const downloadUrl = getMobileDownloadUrl(deviceType);
window.open(downloadUrl, "_blank");
}
};
// Handle "Sign Up Free" - navigate to auth page in sign-up mode
const handleSignUpFree = () => {
// Store sign-up preference in sessionStorage so Auth page knows to show sign-up form
sessionStorage.setItem("auth-mode", "signup");
navigate("/auth");
};
return (
{/* Particle Background */}
{/* Hero Section */}
{/* Temporarily disabled DreamScene */}
{/*
{/* Left side - Value proposition and CTAs */}
Track Your Dreams,
{/* Bold CTAs */}
{/* CTA Buttons Row */}
Track Your Dreams,
Transform Your Mind
Join hundreds using AI-powered dream analysis to unlock insights into their subconscious mind and improve mental wellness.
{/* Social Proof */}
Free to start
Explore the community
AI insights
{/* Primary CTA - Download Now */}