/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import React, { useState } from "https://esm.sh/react@18.2.0"; const hallmarkTemplate = { "variables": { "female_1": ["Santa's Daughter", "Country Gal", "Rancher", "Journalist", "Teacher", "Children's choir organizer"], "setting": ["a remote mountain retreat", "her hometown", "a cliche large american city", "Alaska"], "decision": ["spread christmas spirit", "relax and recharge", "gain a new perspective", "find her true love"], "male_1": [ "a lawyer", "a Doctor", "a Rich Businessman", "a CEO of a major company", "son of the CEO of a major company", "80s/90s sitcom star past their prime", ], "male_2": ["a country boy", "a prince of a small European country", "a rancher", "a farmer", "a small-town guy"], "helper": [ "local children", "christmas magic", "elves", "a mall santa who is actually the real santa", "a 'kid' played by a 20 year old woman", "a bearded homeless man named 'Nick'", "a christmas wish", ], "miracle": [ "it's snowing so they can get a christmas tree", "there is a shiny star", "they forgot to buy christmas presents but they appeared anyways", "she gets fired but gets a new job for christmas", "they can save the local small business that was going to close", ], "ending": [ "the camera pans out through a frost window into the night", "the two new lovers kiss in the snow ", "Everyone is happy in the north pole with santa himself", ], "place": ["orphanage", "skating rink", "bakery", "library", "playground"], }, "plot": " A 20-something decides to in . There she meets and she falls in love. Unbeknownst to her, her current fiance, has been secretly planning to shut down the , a place dear to her heart. With the help of , she discovers his true intentions and decides to break off the engagement. At the end of the movie, it's a christmas miracle when . The movie ends with the lovers sitting around a christmas tree singing a christmas carol and .", }; function getRandomFromList(list: string[]) { return list[Math.floor(Math.random() * list.length)]; } function generatePlot(template: string, variables: Record): string { let plot = template; const variableRegex = /<([^>]+)>/g; let match; while ((match = variableRegex.exec(template)) !== null) { const variableName = match[1]; const replacement = variables[variableName] ? getRandomFromList(variables[variableName]) : ""; plot = plot.replace(`<${variableName}>`, replacement); } return plot.trim(); } function App() { const [plot, setPlot] = useState("Click \"Generate Plot\" to create a Hallmark movie storyline"); const handleGenerate = () => { setPlot(generatePlot(hallmarkTemplate.plot, hallmarkTemplate.variables)); }; return (

🎄 Hallmark Movie Plot Generator 🎬

{plot}

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response( ` Hallmark Movie Plot Generator

`, { headers: { "content-type": "text/html", }, }, ); }

hallmarkMoviePlotGenerator