Val Town Code Search

townieIllustratorPrompt main.tsx4 matches

@charmaine•Updated 3 months ago

3First ask a user what app they would like you to illustrate. Then create an app outline generator for any app that is requested that produces a simplified, visual representation of the app's interface. 
4
5Core Functionality
6
7- Accept an app name as input (e.g., "Zoom", "Slack", "Discord")
8- Generate a single val that renders a minimal, branded mockup of the app's main interface
9- Allow the user to export a png screenshot with transparent background with rounded corners (8px radius)
10- Move the `html2canvas` import inside the `client()` function.
11- Wrap the `exportAsPNG` function in a `useEffect` hook to ensure it's only defined on the client-side.
12- Use dynamic import for `html2canvas` inside the `exportAsPNG` function.
13- Make sure html2canvas is only loaded and used on the client-side
14

townieIllustratorPrompt README.md4 matches

@charmaine•Updated 3 months ago

6First ask a user what app they would like you to illustrate. Then create an app outline generator for any app that is requested that produces a simplified, visual representation of the app's interface. 
7
8Core Functionality
9
10- Accept an app name as input (e.g., "Zoom", "Slack", "Discord")
11- Generate a single val that renders a minimal, branded mockup of the app's main interface
12- Allow the user to export a png screenshot with transparent background with rounded corners (8px radius)
13- Move the `html2canvas` import inside the `client()` function.
14- Wrap the `exportAsPNG` function in a `useEffect` hook to ensure it's only defined on the client-side.
15- Use dynamic import for `html2canvas` inside the `exportAsPNG` function.
16- Make sure html2canvas is only loaded and used on the client-side
17

preciseScarletHerring main.tsx3 matches

@stevekrouse•Updated 3 months ago

3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5function App() {
6  const [messages, setMessages] = useState([]);
7  const [input, setInput] = useState("");
71}
72
73function client() {
74  createRoot(document.getElementById("root")).render(<App />);
75}
79}
80
81export default async function server(request: Request): Promise<Response> {
82  if (request.method === "POST" && new URL(request.url).pathname === "/chat") {
83    const { messages } = await request.json();

cerebrasTemplate main.tsx3 matches

@stevekrouse•Updated 3 months ago

3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5function App() {
6  const [messages, setMessages] = useState([]);
7  const [input, setInput] = useState("");
71}
72
73function client() {
74  createRoot(document.getElementById("root")).render(<App />);
75}
79}
80
81export default async function server(request: Request): Promise<Response> {
82  if (request.method === "POST" && new URL(request.url).pathname === "/chat") {
83    const { messages } = await request.json();

victoriousGreenLynx main.tsx3 matches

@stevekrouse•Updated 3 months ago

3import React, { useState, useEffect, useRef } from "https://esm.sh/react@18.2.0";
4
5function App() {
6  const [messages, setMessages] = useState([]);
7  const [input, setInput] = useState("");
81}
82
83function client() {
84  createRoot(document.getElementById("root")).render(<App />);
85}
89}
90
91export default async function server(request: Request): Promise<Response> {
92  if (request.method === "POST" && new URL(request.url).pathname === "/chat") {
93    const { messages } = await request.json();

masterfulPeachHookworm main.tsx3 matches

@stevekrouse•Updated 3 months ago

3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5function App() {
6  const [messages, setMessages] = useState([]);
7  const [input, setInput] = useState("");
71}
72
73function client() {
74  createRoot(document.getElementById("root")).render(<App />);
75}
79}
80
81export default async function server(request: Request): Promise<Response> {
82  if (request.method === "POST" && new URL(request.url).pathname === "/chat") {
83    const { messages, sassy } = await request.json();

knowledgeableTomatoCrawdad main.tsx3 matches

@stevekrouse•Updated 3 months ago

3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function App() {
6  const [messages, setMessages] = useState([]);
7  const [input, setInput] = useState("");
79}
80
81function client() {
82  createRoot(document.getElementById("root")).render(<App />);
83}
87}
88
89export default async function server(request: Request): Promise<Response> {
90  if (request.method === "POST" && new URL(request.url).pathname === "/chat") {
91    const { messages } = await request.json();

considerateTealRoundworm main.tsx11 matches

@stevekrouse•Updated 3 months ago

26const PoweredByInfo = "";
27
28function Hero({
29  prompt,
30  setPrompt,
47
48      <p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">
49        Turn your ideas into fully functional apps in{" "}
50        <span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">
51          less than a second!
121}
122
123function App() {
124  const previewRef = React.useRef<HTMLDivElement>(null);
125  const [prompt, setPrompt] = useState("");
175  });
176
177  function handleStarterPromptClick(promptItem: typeof prompts[number]) {
178    setLoading(true);
179    setTimeout(() => handleSubmit(promptItem.prompt), 0);
180  }
181
182  async function handleSubmit(e: React.FormEvent | string) {
183    if (typeof e !== "string") {
184      e.preventDefault();
231  }
232
233  function handleVersionChange(direction: "back" | "forward") {
234    const { currentVersionIndex, versions } = versionHistory;
235    if (direction === "back" && currentVersionIndex > 0) {
920);
921
922function client() {
923  const path = window.location.pathname;
924  const root = createRoot(document.getElementById("root")!);
956}
957
958function extractCodeFromFence(text: string): string {
959  const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);
960  return htmlMatch ? htmlMatch[1].trim() : text;
961}
962
963async function generateCode(prompt: string, currentCode: string) {
964  const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);
965  if (starterPrompt) {
1006}
1007
1008export default async function cerebras_coder(req: Request): Promise<Response> {
1009  // Dynamic import for SQLite to avoid client-side import
1010  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
1109        <meta property="og:site_name" content="Cerebras Coder">
1110        <meta property="og:url" content="https://cerebrascoder.com"/>
1111        <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1112        <meta property="og:type" content="website">
1113        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">

blissfulBrownSmelt main.tsx2 matches

@charmaine•Updated 3 months ago

34}
35
36async function detectTechnologies(email_address: string): Promise<ShovelResponse> {
37  const domain = email_address.split("@")[1];
38
57}
58
59export async function newUserWelcomeEmail(req: Request): Promise<Response> {
60  // if (req.method === "GET") return html(welcomeEmail);
61  if (req.headers.get("clerkNonSensitive") !== Deno.env.get("clerkNonSensitive"))

adventurousTealSalmon main.tsx11 matches

@stevekrouse•Updated 3 months ago

26const PoweredByInfo = "";
27
28function Hero({
29  prompt,
30  setPrompt,
47
48      <p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">
49        Turn your ideas into fully functional apps in{" "}
50        <span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">
51          less than a second
121}
122
123function App() {
124  const previewRef = React.useRef<HTMLDivElement>(null);
125  const [prompt, setPrompt] = useState("");
175  });
176
177  function handleStarterPromptClick(promptItem: typeof prompts[number]) {
178    setLoading(true);
179    setTimeout(() => handleSubmit(promptItem.prompt), 0);
180  }
181
182  async function handleSubmit(e: React.FormEvent | string) {
183    if (typeof e !== "string") {
184      e.preventDefault();
231  }
232
233  function handleVersionChange(direction: "back" | "forward") {
234    const { currentVersionIndex, versions } = versionHistory;
235    if (direction === "back" && currentVersionIndex > 0) {
920);
921
922function client() {
923  const path = window.location.pathname;
924  const root = createRoot(document.getElementById("root")!);
956}
957
958function extractCodeFromFence(text: string): string {
959  const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);
960  return htmlMatch ? htmlMatch[1].trim() : text;
961}
962
963async function generateCode(prompt: string, currentCode: string) {
964  const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);
965  if (starterPrompt) {
1006}
1007
1008export default async function cerebras_coder(req: Request): Promise<Response> {
1009  // Dynamic import for SQLite to avoid client-side import
1010  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
1109        <meta property="og:site_name" content="Cerebras Coder">
1110        <meta property="og:url" content="https://cerebrascoder.com"/>
1111        <meta property="og:description" content="Turn your ideas into fully functional apps in less than a second – powered by Llama3.3-70b on Cerebras's super-fast wafer chips. Code is 100% open-source, hosted on Val Town."">
1112        <meta property="og:type" content="website">
1113        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">

« Previous

1...1208 1209 1210 1211 1212 1213 1214...1858

Projects

View all 18 projects

getFileEmail4 file matches

@shouser•Updated 2 weeks ago

A helper function to build a file's email

tuna8 file matches

@jxnblk•Updated 2 weeks ago

Simple functional CSS library for Val Town

Users

View all 2 users

@webup70 projects

Updated 5 mins ago

LangChain (https://langchain.com) Ambassador, KubeSphere (https://kubesphere.io) Ambassador, CNCF OpenFunction (https://openfunction.dev) TOC Member.

@lost19911 project

Updated 7 mins ago

import { OpenAI } from "https://esm.town/v/std/openai"; export default async function(req: Request): Promise<Response> { if (req.method === "OPTIONS") { return new Response(null, { headers: { "Access-Control-Allow-Origin": "*",

Documentation

View all 29 documentation results

Val Town Code SearchReturn to Val Town

townieIllustratorPromptmain.tsx4 matches

townieIllustratorPromptREADME.md4 matches

preciseScarletHerringmain.tsx3 matches

cerebrasTemplatemain.tsx3 matches

victoriousGreenLynxmain.tsx3 matches

masterfulPeachHookwormmain.tsx3 matches

knowledgeableTomatoCrawdadmain.tsx3 matches

considerateTealRoundwormmain.tsx11 matches

blissfulBrownSmeltmain.tsx2 matches

adventurousTealSalmonmain.tsx11 matches

Projects

getFileEmail4 file matches

tuna8 file matches

Users

@webup70 projects

@lost19911 project

Documentation

Val Town Code Search Return to Val Town

townieIllustratorPrompt main.tsx4 matches

townieIllustratorPrompt README.md4 matches

preciseScarletHerring main.tsx3 matches

cerebrasTemplate main.tsx3 matches

victoriousGreenLynx main.tsx3 matches

masterfulPeachHookworm main.tsx3 matches

knowledgeableTomatoCrawdad main.tsx3 matches

considerateTealRoundworm main.tsx11 matches

blissfulBrownSmelt main.tsx2 matches

adventurousTealSalmon main.tsx11 matches