/** @jsxImportSource npm:hono@3/jsx */ import { generateMovieMashup } from "https://esm.town/v/dthyresson/generateMovieMashup"; import { MOVIES } from "https://esm.town/v/dthyresson/movies"; import * as fal from "npm:@fal-ai/serverless-client"; import { Hono } from "npm:hono"; import { sqlite } from "https://esm.town/v/std/sqlite"; import { sql, desc, eq } from "npm:drizzle-orm"; import { drizzle } from "npm:drizzle-orm/libsql"; import { integer, sqliteTable, text } from "npm:drizzle-orm/sqlite-core"; const db = drizzle(sqlite as any); // await sqlite.execute(` // DROP TABLE movie_mashups; // `); await sqlite.execute(` CREATE TABLE IF NOT EXISTS movie_mashups ( id INTEGER PRIMARY KEY AUTOINCREMENT, createdAt TIMESTAMP DEFAULT CURRENT_TIMESTAMP, first_movie_id TEXT NOT NULL, first_movie_title TEXT NOT NULL, first_movie_photo TEXT, second_movie_id TEXT NOT NULL, second_movie_title TEXT NOT NULL, second_movie_photo TEXT, mashup_text TEXT, posterUrl TEXT); `); const movie_mashups = sqliteTable("movie_mashups", { id: integer("id").primaryKey(), createdAt: text("createdAt").default("CURRENT_TIMESTAMP"), first_movie_id: text("first_movie_id").notNull(), first_movie_title: text("first_movie_title").notNull(), first_movie_photo: text("first_movie_photo").notNull(), second_movie_id: text("second_movie_id").notNull(), second_movie_title: text("second_movie_title").notNull(), second_movie_photo: text("second_movie_photo").notNull(), mashup_text: text("mashup_text").notNull(), posterUrl: text("posterUrl").notNull() }); const app = new Hono(); fal.config({ // Can also be auto-configured using environment variables: credentials: Deno.env.get("FAL_KEY"), }); const MovieCard = ({ movie, size, }: { movie: any; size?: string }) => { const photoSize = size === "lg" ? "w-32" : size === "md" ? "w-24" : "w-16"; return (

{movie.title}

); }; app.get("/", (c) => { return c.html( Movie Mashup

Movie Mashup!

Start by picking a movie...

{MOVIES.map((movie) => ( ))}

, ); }); app.get("/pick/:first_movie", (c) => { const firstMovieId = c.req.param("first_movie"); const firstMovie = MOVIES.find(m => m.id === firstMovieId); if (!firstMovie) return c.text("Movie not found", 404); const filteredMovies = MOVIES.filter(m => m.id !== firstMovieId); return c.html( Movie Mashup

You picked {" "} {firstMovie.title}. Pick a second movie to mashup ...

{filteredMovies.map((secondMovie) => ( ))}

, ); }); app.get("/mashup/:first_movie/:second_movie", async (c) => { const firstMovieId = c.req.param("first_movie"); const secondMovieId = c.req.param("second_movie"); const firstMovie = MOVIES.find(m => m.id === firstMovieId); const secondMovie = MOVIES.find(m => m.id === secondMovieId); if (!firstMovie || !secondMovie) return c.text("Movie not found", 404); const content = await generateMovieMashup(firstMovie, secondMovie); const prompt = ` Artistic style of a movie poster with title and tagline and imagery depicts the following movie treatment: ${content} `; const result: any = await fal.run("fal-ai/fast-lightning-sdxl", { input: { prompt } }); const posterUrl = result.images[0].url; const movieMashup = await db.insert(movie_mashups).values({ first_movie_id: firstMovie.id, first_movie_title: firstMovie.title, first_movie_photo: firstMovie.photo, second_movie_id: secondMovie.id, second_movie_title: secondMovie.title, second_movie_photo: secondMovie.photo, mashup_text: content, posterUrl: posterUrl }); console.log(movieMashup) const mashups = await db.select().from(movie_mashups).orderBy(desc(movie_mashups.id)); console.log(mashups); return c.html( Movie Mashup: {firstMovie.title} and {secondMovie.title}

{firstMovie.title} mashed with{" "} {secondMovie.title}

{content}

Mashup Again! Swap... Pick new movies ...

History

{mashup.first_movie_title} - {mashup.second_movie_title}

, ); }); app.get("/movie_mashup/:id", async (c) => { const id = c.req.param("id"); if (!id) return c.text("Movie mashup not found", 404); const movieMashup = await db.select().from(movie_mashups).where(eq(movie_mashups.id, id)).limit(1); console.log(movieMashup); const firstMovie = {id: movieMashup[0].first_movie_id, title: movieMashup[0].first_movie_tile, photo: movieMashup[0].first_movie_photo} const secondMovie = {id: movieMashup[0].second_movie_id, title: movieMashup[0].second_movie_tile, photo: movieMashup[0].second_movie_photo} const posterUrl = movieMashup[0].posterUrl; const content = movieMashup[0].mashup_text; const mashups = await db.select().from(movie_mashups).orderBy(desc(movie_mashups.id)); console.log(mashups); return c.html( Movie Mashup: {firstMovie.title} and {secondMovie.title}

{firstMovie.title} mashed with{" "} {secondMovie.title}

{content}

Mashup Again! Swap... Pick new movies ...

History

{mashup.first_movie_title} - {mashup.second_movie_title}

, ); }); app.get("/movie_mashups", async (c) => { const mashups = await db.select().from(movie_mashups).orderBy(desc(movie_mashups.id)); return c.html( Movie Mashups

{mashup.first_movie_title} - {mashup.second_movie_title}

)}); export default app.fetch;

movieMashup

Version 267