Val Town Code Search

fileManagerApp main.tsx5 matches

@shivdwipgo•Updated 5 months ago

3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function FileManager() {
6  const [currentPath, setCurrentPath] = useState('/');
7  const [files, setFiles] = useState([]);
221}
222
223function client() {
224  // Add long press functionality
225  function addLongPressEvent(element, callback) {
226    let timer;
227    element.addEventListener('mousedown', () => {
251if (typeof document !== "undefined") { client(); }
252
253export default async function server(request: Request): Promise<Response> {
254  const { blob } = await import("https://esm.town/v/std/blob");
255  const url = new URL(request.url);

usefulGreenPenguin main.tsx3 matches

@erhardik•Updated 5 months ago

6const generateId = () => Math.random().toString(36).substring(2, 15);
7
8// CSS Definition (moved before server function)
9const css = `
10body {
50
51// Simple password hashing (for demonstration - use proper hashing in production)
52function hashPassword(password: string): string {
53  let hash = 0;
54  for (let i = 0; i < password.length; i++) {
62// Rest of the existing frontend code remains the same...
63
64export default async function server(request: Request): Promise<Response> {
65  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
66  const KEY = "usefulGreenPenguin";

cerebras_coder main.tsx11 matches

@Sushantkc•Updated 5 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">

gameTool main.tsx3 matches

@Mindsparkai•Updated 5 months ago

3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function GameTool() {
6  const [score, setScore] = useState(0);
7  const [time, setTime] = useState(60);
116}
117
118function client() {
119  createRoot(document.getElementById("root")).render(<GameTool />);
120}
121if (typeof document !== "undefined") { client(); }
122
123export default async function server(request: Request): Promise<Response> {
124  return new Response(`
125    <html>

Colourcodefinder main.tsx3 matches

@Surendra•Updated 5 months ago

3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function ColorPaletteSlider() {
6  const [hue, setHue] = useState(180);
7  const [saturation, setSaturation] = useState(50);
138}
139
140function client() {
141  createRoot(document.getElementById("root")).render(<ColorPaletteSlider />);
142}
143if (typeof document !== "undefined") { client(); }
144
145export default async function server(request: Request): Promise<Response> {
146  return new Response(`
147    <html>

colorPaletteSlider main.tsx3 matches

@Surendra•Updated 5 months ago

3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function ColorPaletteSlider() {
6  const [hue, setHue] = useState(180);
7  const [saturation, setSaturation] = useState(50);
138}
139
140function client() {
141  createRoot(document.getElementById("root")).render(<ColorPaletteSlider />);
142}
143if (typeof document !== "undefined") { client(); }
144
145export default async function server(request: Request): Promise<Response> {
146  return new Response(`
147    <html>

cerebras_coder main.tsx11 matches

@nirajgupta•Updated 5 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">

cerebras_coder main.tsx11 matches

@sanjay_9•Updated 5 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">

neatBlackSwift main.tsx10 matches

@druv33•Updated 5 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("");
171  });
172
173  function handleStarterPromptClick(promptItem: typeof prompts[number]) {
174    setLoading(true);
175    setTimeout(() => handleSubmit(promptItem.prompt), 0);
176  }
177
178  async function handleSubmit(e: React.FormEvent | string) {
179    if (typeof e !== "string") {
180      e.preventDefault();
227  }
228
229  function handleVersionChange(direction: "back" | "forward") {
230    const { currentVersionIndex, versions } = versionHistory;
231    if (direction === "back" && currentVersionIndex > 0) {
975);
976
977function client() {
978  const path = window.location.pathname;
979  const root = createRoot(document.getElementById("root")!);
1011}
1012
1013function extractCodeFromFence(text: string): string {
1014  const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);
1015  return htmlMatch ? htmlMatch[1].trim() : text;
1016}
1017
1018async function generateCode(prompt: string, currentCode: string) {
1019  const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);
1020  if (starterPrompt) {
1081}
1082
1083export default async function server(req: Request): Promise<Response> {
1084  // Dynamic import for SQLite to avoid client-side import
1085  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");

cerebras_coder main.tsx11 matches

@druv33•Updated 5 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">

« Previous

1...2303 2304 2305 2306 2307 2308 2309...2926

Projects

View all 18 vals

tuna9 file matches

@jxnblk•Updated 1 day ago

Simple functional CSS library for Val Town

getFileEmail4 file matches

@shouser•Updated 1 month ago

A helper function to build a file's email

Users

View all 2 users

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": "*",

@webup70 vals

Updated 3 weeks ago

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

Documentation

View all 29 documentation results

Val Town Code Search Return to Val Town

fileManagerApp main.tsx5 matches

usefulGreenPenguin main.tsx3 matches

cerebras_coder main.tsx11 matches

gameTool main.tsx3 matches

Colourcodefinder main.tsx3 matches

colorPaletteSlider main.tsx3 matches

cerebras_coder main.tsx11 matches

cerebras_coder main.tsx11 matches

neatBlackSwift main.tsx10 matches

cerebras_coder main.tsx11 matches

Projects

tuna9 file matches

getFileEmail4 file matches

Users

@lost19911 val

@webup70 vals

Documentation

Val Town Code SearchReturn to Val Town

fileManagerAppmain.tsx5 matches

usefulGreenPenguinmain.tsx3 matches

cerebras_codermain.tsx11 matches

gameToolmain.tsx3 matches

Colourcodefindermain.tsx3 matches

colorPaletteSlidermain.tsx3 matches

cerebras_codermain.tsx11 matches

cerebras_codermain.tsx11 matches

neatBlackSwiftmain.tsx10 matches

cerebras_codermain.tsx11 matches

Projects

tuna9 file matches

getFileEmail4 file matches

Users

@lost19911 val

@webup70 vals

Documentation

Val Town Code Search Return to Val Town

fileManagerApp main.tsx5 matches

usefulGreenPenguin main.tsx3 matches

cerebras_coder main.tsx11 matches

gameTool main.tsx3 matches

Colourcodefinder main.tsx3 matches

colorPaletteSlider main.tsx3 matches

cerebras_coder main.tsx11 matches

cerebras_coder main.tsx11 matches

neatBlackSwift main.tsx10 matches

cerebras_coder main.tsx11 matches