Val Town Code Search

money_counter main.tsx7 matches

@arfan•Updated 3 months ago

3   SINGLE-FILE VAL CODE
4   1) Imports React, once.
5   2) Declares CSS + server() function
6   3) Declares the <App/> React component
7   4) Declares client() to mount <App/>
298
299/* ------------------------------------------------
300  2) server() function: returns the HTML skeleton
301------------------------------------------------ */
302export default async function server(request: Request): Promise<Response> {
303  return new Response(
304    `
328  3) The React App
329------------------------------------------------ */
330function App() {
331  // States for inputs
332  const [entryName, setEntryName] = useState("#");
365
366  // Helpers
367  function formatNumber(num) {
368    return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
369  }
370  function formatCurrency(num) {
371    return `$${num.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, "$&,")}`;
372  }
897  4) Mount the React <App/> client-side
898------------------------------------------------ */
899function client() {
900  createRoot(document.getElementById("root")).render(<App />);
901}

tasks_test1 main.tsx4 matches

@arfan•Updated 3 months ago

149const SCHEMA_VERSION = 1;
150
151function TaskManager() {
152  const [tasks, setTasks] = React.useState([]);
153  const [isAddTaskModalOpen, setIsAddTaskModalOpen] = React.useState(false);
547}
548
549function App() {
550  return (
551    <div className="min-h-screen p-8">
555}
556
557function client() {
558  createRoot(document.getElementById("root")).render(<App />);
559}
563}
564
565export default async function server(request: Request): Promise<Response> {
566  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
567  const KEY = "tasks_test1";

helpfulTealTapir main.tsx11 matches

@vishu44•Updated 3 months ago

24);
25
26function Hero({
27  prompt,
28  setPrompt,
45
46      <p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">
47        Turn your ideas into fully functional apps in{" "}
48        <span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">
49          less than a second
116}
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
170  });
171
172  function handleStarterPromptClick(promptItem: typeof prompts[number]) {
173    setLoading(true);
174    setTimeout(() => handleSubmit(promptItem.prompt), 0);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
226  }
227
228  function handleVersionChange(direction: "back" | "forward") {
229    const { currentVersionIndex, versions } = versionHistory;
230    if (direction === "back" && currentVersionIndex > 0) {
974);
975
976function client() {
977  const path = window.location.pathname;
978  const root = createRoot(document.getElementById("root")!);
1010}
1011
1012function extractCodeFromFence(text: string): string {
1013  const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);
1014  return htmlMatch ? htmlMatch[1].trim() : text;
1015}
1016
1017async function generateCode(prompt: string, currentCode: string) {
1018  const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);
1019  if (starterPrompt) {
1060}
1061
1062export default async function cerebras_coder(req: Request): Promise<Response> {
1063  // Dynamic import for SQLite to avoid client-side import
1064  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
1163        <meta property="og:site_name" content="Cerebras Coder">
1164        <meta property="og:url" content="https://cerebrascoder.com"/>
1165        <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."">
1166        <meta property="og:type" content="website">
1167        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">

vigilantAmaranthDragonfly main.tsx11 matches

@vishu44•Updated 3 months ago

24);
25
26function Hero({
27  prompt,
28  setPrompt,
45
46      <p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">
47        Turn your ideas into fully functional apps in{" "}
48        <span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">
49          less than a second
116}
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
170  });
171
172  function handleStarterPromptClick(promptItem: typeof prompts[number]) {
173    setLoading(true);
174    setTimeout(() => handleSubmit(promptItem.prompt), 0);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
226  }
227
228  function handleVersionChange(direction: "back" | "forward") {
229    const { currentVersionIndex, versions } = versionHistory;
230    if (direction === "back" && currentVersionIndex > 0) {
974);
975
976function client() {
977  const path = window.location.pathname;
978  const root = createRoot(document.getElementById("root")!);
1010}
1011
1012function extractCodeFromFence(text: string): string {
1013  const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);
1014  return htmlMatch ? htmlMatch[1].trim() : text;
1015}
1016
1017async function generateCode(prompt: string, currentCode: string) {
1018  const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);
1019  if (starterPrompt) {
1060}
1061
1062export default async function cerebras_coder(req: Request): Promise<Response> {
1063  // Dynamic import for SQLite to avoid client-side import
1064  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
1163        <meta property="og:site_name" content="Cerebras Coder">
1164        <meta property="og:url" content="https://cerebrascoder.com"/>
1165        <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."">
1166        <meta property="og:type" content="website">
1167        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">

protectiveWhiteToad main.tsx11 matches

@vishu44•Updated 3 months ago

24);
25
26function Hero({
27  prompt,
28  setPrompt,
45
46      <p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">
47        Turn your ideas into fully functional apps in{" "}
48        <span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">
49          less than a second
116}
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
170  });
171
172  function handleStarterPromptClick(promptItem: typeof prompts[number]) {
173    setLoading(true);
174    setTimeout(() => handleSubmit(promptItem.prompt), 0);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
226  }
227
228  function handleVersionChange(direction: "back" | "forward") {
229    const { currentVersionIndex, versions } = versionHistory;
230    if (direction === "back" && currentVersionIndex > 0) {
974);
975
976function client() {
977  const path = window.location.pathname;
978  const root = createRoot(document.getElementById("root")!);
1010}
1011
1012function extractCodeFromFence(text: string): string {
1013  const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);
1014  return htmlMatch ? htmlMatch[1].trim() : text;
1015}
1016
1017async function generateCode(prompt: string, currentCode: string) {
1018  const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);
1019  if (starterPrompt) {
1060}
1061
1062export default async function cerebras_coder(req: Request): Promise<Response> {
1063  // Dynamic import for SQLite to avoid client-side import
1064  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
1163        <meta property="og:site_name" content="Cerebras Coder">
1164        <meta property="og:url" content="https://cerebrascoder.com"/>
1165        <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."">
1166        <meta property="og:type" content="website">
1167        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">

philosophicalSapphirePtarmigan main.tsx11 matches

@vishu44•Updated 3 months ago

24);
25
26function Hero({
27  prompt,
28  setPrompt,
45
46      <p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">
47        Turn your ideas into fully functional apps in{" "}
48        <span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">
49          less than a second
116}
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
170  });
171
172  function handleStarterPromptClick(promptItem: typeof prompts[number]) {
173    setLoading(true);
174    setTimeout(() => handleSubmit(promptItem.prompt), 0);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
226  }
227
228  function handleVersionChange(direction: "back" | "forward") {
229    const { currentVersionIndex, versions } = versionHistory;
230    if (direction === "back" && currentVersionIndex > 0) {
974);
975
976function client() {
977  const path = window.location.pathname;
978  const root = createRoot(document.getElementById("root")!);
1010}
1011
1012function extractCodeFromFence(text: string): string {
1013  const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);
1014  return htmlMatch ? htmlMatch[1].trim() : text;
1015}
1016
1017async function generateCode(prompt: string, currentCode: string) {
1018  const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);
1019  if (starterPrompt) {
1060}
1061
1062export default async function cerebras_coder(req: Request): Promise<Response> {
1063  // Dynamic import for SQLite to avoid client-side import
1064  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
1163        <meta property="og:site_name" content="Cerebras Coder">
1164        <meta property="og:url" content="https://cerebrascoder.com"/>
1165        <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."">
1166        <meta property="og:type" content="website">
1167        <meta property="og:image" content="https://stevekrouse-blob_admin.web.val.run/api/public/CerebrasCoderOG.jpg">

delightfulCoralCapybara main.tsx3 matches

@Scoder•Updated 3 months ago

3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function MediaPreparationCalculator() {
6  const [mediaType, setMediaType] = useState('nutrient_agar');
7  const [totalVolume, setTotalVolume] = useState(1000);
219}
220
221function client() {
222  createRoot(document.getElementById("root")).render(<MediaPreparationCalculator />);
223}
224if (typeof document !== "undefined") { client(); }
225
226export default async function server(request: Request): Promise<Response> {
227  return new Response(`
228    <html>

loyalOrangeCanidae main.tsx11 matches

@vishu44•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">

eeee_fork main.tsx3 matches

@johndevor•Updated 3 months ago

3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function HelloWorld() {
6  return (
7    <div style={{
56}
57
58function client() {
59  createRoot(document.getElementById("root")).render(<HelloWorld />);
60}
62if (typeof document !== "undefined") { client(); }
63
64export default async function server(request: Request) {
65  return new Response(`
66    <html>

unsplashSourceReimplementation main.tsx3 matches

@pinjasaur•Updated 3 months ago

5 */
6
7// Custom function to extract root domain
8function extractRootDomain(hostname: string): string {
9  // Split the hostname by dots
10  const parts = hostname.split(".");
17}
18
19export default async function server(request: Request): Promise<Response> {
20  // Allowed root hostnames configuration
21  const ALLOWED_HOSTNAMES = [

« Previous

1...1066 1067 1068 1069 1070 1071 1072...1725

Projects

View all 18 projects

getFileEmail4 file matches

@shouser•Updated 1 week ago

A helper function to build a file's email

tuna8 file matches

@jxnblk•Updated 1 week ago

Simple functional CSS library for Val Town

Users

View all 2 users

@webup70 projects

Updated 6 mins ago

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

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 32 documentation results

Val Town Code Search Return to Val Town

money_counter main.tsx7 matches

tasks_test1 main.tsx4 matches

helpfulTealTapir main.tsx11 matches

vigilantAmaranthDragonfly main.tsx11 matches

protectiveWhiteToad main.tsx11 matches

philosophicalSapphirePtarmigan main.tsx11 matches

delightfulCoralCapybara main.tsx3 matches

loyalOrangeCanidae main.tsx11 matches

eeee_fork main.tsx3 matches

unsplashSourceReimplementation main.tsx3 matches

Projects

getFileEmail4 file matches

tuna8 file matches

Users

@webup70 projects

@lost19911 project

Documentation

Val Town Code SearchReturn to Val Town

money_countermain.tsx7 matches

tasks_test1main.tsx4 matches

helpfulTealTapirmain.tsx11 matches

vigilantAmaranthDragonflymain.tsx11 matches

protectiveWhiteToadmain.tsx11 matches

philosophicalSapphirePtarmiganmain.tsx11 matches

delightfulCoralCapybaramain.tsx3 matches

loyalOrangeCanidaemain.tsx11 matches

eeee_forkmain.tsx3 matches

unsplashSourceReimplementationmain.tsx3 matches

Projects

getFileEmail4 file matches

tuna8 file matches

Users

@webup70 projects

@lost19911 project

Documentation

Val Town Code Search Return to Val Town

money_counter main.tsx7 matches

tasks_test1 main.tsx4 matches

helpfulTealTapir main.tsx11 matches

vigilantAmaranthDragonfly main.tsx11 matches

protectiveWhiteToad main.tsx11 matches

philosophicalSapphirePtarmigan main.tsx11 matches

delightfulCoralCapybara main.tsx3 matches

loyalOrangeCanidae main.tsx11 matches

eeee_fork main.tsx3 matches

unsplashSourceReimplementation main.tsx3 matches