Val Town Code Search

feeds main.tsx4 matches

@nate•Updated 3 months ago

6];
7
8export default async function(req: Request): Promise<Response> {
9  const host = "nate-feeds.web.val.run";
10  const endpoint = `https://${host}`;
43}
44
45function myFilter(text: string) {
46  for (const exclude in EXCLUDES) {
47    if (text.includes(exclude)) {
52}
53
54// Firehose Function to Filter Posts
55async function getFilteredPosts() {
56  return new Promise((resolve, reject) => {
57    const ws = new WebSocket(

wondrousPinkPerch main.tsx1 match

@stevekrouse•Updated 3 months ago

11});
12
13function getStripeCustomer(customerId: string) {
14  return stripe.customers.retrieve(customerId);
15}

STARTER_PROMPTS main.tsx2 matches

@ayouberrglitch•Updated 3 months ago

4    title: "Todo App",
5    code:
6      "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Task Master</title>\n    <link href=\"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css\" rel=\"stylesheet\">\n</head>\n<body class=\"bg-gray-100\">\n    <div class=\"max-w-md mx-auto mt-12 p-6 rounded-lg shadow-md bg-white\">\n        <div class=\"flex justify-between items-center mb-6\">\n            <h2 class=\"text-2xl font-bold\">Task Master</h2>\n            <span class=\"text-gray-600\">Manage your tasks efficiently</span>\n        </div>\n        <ul class=\"todo-list\" id=\"todo-list\"></ul>\n        <div class=\"add-todo mt-6 flex justify-between items-center\">\n            <input type=\"text\" id=\"todo-input\" placeholder=\"Add new task\" class=\"w-full py-2 pl-10 text-sm text-gray-800 border border-gray-400 rounded-lg focus:outline-none focus:ring-2 focus:ring-gray-600 bg-gray-50\">\n            <button type=\"button\" id=\"add-todo-btn\" class=\"ml-4 px-4 py-2 bg-green-500 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-green-700 hover:shadow-lg focus:bg-green-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-green-800 active:shadow-lg transition duration-150 ease-in-out\">Add Task</button>\n        </div>\n        <div class=\"mt-6 text-center text-gray-600\">\n            Built on <a href=\"https://cerebrascoder.com\" target=\"_blank\" class=\"text-gray-900 underline\">Cerebras Coder</a>\n        </div>\n    </div>\n\n    <script>\n        // Get the todo list and add todo button elements\n        const todoList = document.getElementById('todo-list');\n        const addTodoBtn = document.getElementById('add-todo-btn');\n        const todoInput = document.getElementById('todo-input');\n\n        // Load todos from local storage\n        let todos = JSON.parse(localStorage.getItem('todos')) || [];\n\n        // Function to render the todo list\n        function renderTodoList() {\n            todoList.innerHTML = '';\n            todos.forEach((todo, index) => {\n                const todoItem = document.createElement('li');\n                todoItem.innerHTML = `\n                    <div class=\"flex justify-between items-center py-4 border-b border-gray-300\">\n                        <div class=\"flex items-center\">\n                            <input type=\"checkbox\" id=\"todo-${index}\" class=\"mr-4\" ${todo.completed ? 'checked' : ''}>\n                            <span class=\"todo-text ${todo.completed ? 'text-gray-400 line-through' : 'text-gray-600'}\">${todo.text}</span>\n                        </div>\n                        <button type=\"button\" class=\"px-4 py-2 bg-red-500 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-red-700 hover:shadow-lg focus:bg-red-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-red-800 active:shadow-lg transition duration-150 ease-in-out delete-todo\" data-index=\"${index}\">Delete</button>\n                    </div>\n                `;\n                todoList.appendChild(todoItem);\n            });\n        }\n\n        // Render the initial todo list\n        renderTodoList();\n\n        // Add event listener to the add todo button\n        addTodoBtn.addEventListener('click', () => {\n            const todoText = todoInput.value.trim();\n            if (todoText) {\n                todos.push({ text: todoText, completed: false });\n                localStorage.setItem('todos', JSON.stringify(todos));\n                todoInput.value = '';\n                renderTodoList();\n            }\n        });\n\n        // Add event listener to the todo list\n        todoList.addEventListener('change', (e) => {\n            if (e.target.type === 'checkbox') {\n                const index = parseInt(e.target.id.split('-')[1]);\n                todos[index].completed = e.target.checked;\n                localStorage.setItem('todos', JSON.stringify(todos));\n                renderTodoList();\n            }\n        });\n\n        // Add event listener to the delete todo buttons\n        todoList.addEventListener('click', (e) => {\n            if (e.target.classList.contains('delete-todo')) {\n                const index = parseInt(e.target.dataset.index);\n                todos.splice(index, 1);\n                localStorage.setItem('todos', JSON.stringify(todos));\n                renderTodoList();\n            }\n        });\n    </script>\n</body>\n</html>",
7    performance: {
8      tokensPerSecond: 2298.56,
26    title: "Markdown Editor",
27    code:
28      "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Markdown Editor</title>\n    <link href=\"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css\" rel=\"stylesheet\">\n</head>\n<body class=\"bg-white\">\n    <div class=\"max-w-full mx-auto p-4 pt-6 md:p-6 lg:p-8\">\n        <h1 class=\"text-3xl text-center mb-4\">Markdown Editor</h1>\n        <div class=\"flex flex-row\">\n            <div class=\"editor p-4 rounded-lg border border-gray-200 w-full md:w-1/2\">\n                <textarea id=\"editor\" class=\"w-full h-screen p-2 border border-gray-200 rounded-lg\" placeholder=\"Type your Markdown here...\"></textarea>\n            </div>\n            <div class=\"preview p-4 rounded-lg border border-gray-200 w-full md:w-1/2 ml-2 md:ml-4 lg:ml-8\">\n                <div id=\"preview\"></div>\n            </div>\n        </div>\n        <p class=\"text-center mt-4\">Built on <a href=\"https://cerebrascoder.com\">Cerebras Coder</a></p>\n    </div>\n\n    <script>\n        const editor = document.getElementById('editor');\n        const preview = document.getElementById('preview');\n\n        // Initialize textarea with default markdown\n        const defaultMarkdown = `\n# Introduction to Markdown\nMarkdown is a lightweight markup language that is easy to read and write. It is often used for formatting text in plain text editors, chat applications, and even web pages.\n\n## Headers\nHeaders are denoted by the # symbol followed by a space. The number of # symbols determines the level of the header:\n# Heading 1\n## Heading 2\n### Heading 3\n\n## Emphasis\nYou can use emphasis to make your text **bold** or *italic*:\n*Italics*\n**Bold**\n\n## Lists\nYou can use lists to organize your text:\n* Item 1\n* Item 2\n* Item 3\nOr\n1. Item 1\n2. Item 2\n3. Item 3\n\n## Links\nYou can use links to reference external resources:\n[Google](https://www.google.com)\n\n## Images\nYou can use images to add visual content:\n![Markdown Logo](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/208px-Markdown-mark.svg.png)\n`;\n        editor.value = defaultMarkdown;\n\n        // Update preview on input\n        editor.addEventListener('input', () => {\n            const markdown = editor.value;\n            const html = markdownToHtml(markdown);\n            preview.innerHTML = html;\n        });\n\n        // Initialize preview with default markdown\n        const defaultHtml = markdownToHtml(defaultMarkdown);\n        preview.innerHTML = defaultHtml;\n\n        // Function to convert Markdown to HTML\n        function markdownToHtml(markdown) {\n            // Bold\n            markdown = markdown.replace(/\\*\\*(.*?)\\*\\*/g, '<b>$1</b>');\n\n            // Italic\n            markdown = markdown.replace(/\\*(.*?)\\*/g, '<i>$1</i>');\n\n            // Links\n            markdown = markdown.replace(/\\[(.*?)\\]\\((.*?)\\)/g, '<a href=\"$2\">$1</a>');\n\n            // Images\n            markdown = markdown.replace(/!\\[(.*?)\\]\\((.*?)\\)/g, '<img src=\"$2\" alt=\"$1\">');\n\n            // Headings\n            markdown = markdown.replace(/(^#{1,6} )(.*)/gm, (match, level, text) => {\n                return `<h${level.length}>${text}</h${level.length}>`;\n            });\n\n            // Lists\n            markdown = markdown.replace(/^(\\*|\\d+\\.) (.*)/gm, (match, marker, text) => {\n                if (marker.startsWith('*')) {\n                    return `<li>${text}</li>`;\n                } else {\n                    return `<li>${text}</li>`;\n                }\n            });\n\n            // Line breaks\n            markdown = markdown.replace(/\\n/g, '<br>');\n\n            // Fix for nested lists\n            markdown = markdown.replace(/<li><li>/g, '<li>');\n            markdown = markdown.replace(/<\\/li><\\/li>/g, '</li>');\n\n            // Wrap lists in ul\n            markdown = markdown.replace(/(<li>.*<\\/li>)/g, '<ul>$1</ul>');\n\n            return markdown;\n        }\n    </script>\n</body>\n</html>",
29    performance: {
30      tokensPerSecond: 4092.96,

cerebras_coder main.tsx11 matches

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

cerebras_coder main.tsx11 matches

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

cerebras_coder main.tsx11 matches

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

sprightlyWhiteLion main.tsx9 matches

@studywithai•Updated 3 months ago

6const EARNINGS_RATE_PER_MINUTE = 6;
7
8function formatTime(timestamp: number): string {
9  return new Date(timestamp).toLocaleString('en-US', {
10    year: 'numeric',
17}
18
19function formatDuration(minutes: number): string {
20  const hours = Math.floor(minutes / 60);
21  const remainingMinutes = Math.round(minutes % 60);
25}
26
27function App() {
28  const [startTime, setStartTime] = useState<number | null>(null);
29  const [totalEarnings, setTotalEarnings] = useState(0);
42  }, []);
43
44  async function fetchInitialData() {
45    try {
46      const response = await fetch('/load-data');
53  }
54
55  function startStudySession() {
56    setStartTime(Date.now());
57  }
58
59  async function endStudySession() {
60    if (!startTime) return;
61
86  }
87
88  async function clearEarnings() {
89    try {
90      const response = await fetch('/clear-earnings', { method: 'POST' });
208};
209
210function client() {
211  createRoot(document.getElementById("root")).render(<App />);
212}
213if (typeof document !== "undefined") { client(); }
214
215export default async function server(request: Request): Promise<Response> {
216  const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
217  const KEY = "sprightlyWhiteLion";

survivalRPGAdventure main.tsx3 matches

@ayeh•Updated 3 months ago

201};
202
203function App() {
204  const [state, setState] = useState(initialState);
205  const [backgroundImage, setBackgroundImage] = useState(
363}
364
365function client() {
366  createRoot(document.getElementById("root")).render(<App />);
367}
368if (typeof document !== "undefined") { client(); }
369
370export default async function server(request: Request): Promise<Response> {
371  return new Response(`
372    <html>

cerebrascoderWebApp main.tsx1 match

@ashokpds15•Updated 3 months ago

1export default async function server(request: Request): Promise<Response> {
2  return new Response(`
3    <!DOCTYPE html>

ntfy README.md5 matches

@lime•Updated 3 months ago

18```
19
20⚠️ For the notification to be sent it needs to be published (`publish` function).
21
22## Use helper
23
24Executes specified functions that can modify the notification. Can be used to streamline authentication, apply common operations, etc.
25
26```ts
40```
41
42You can pass it multiple functions.
43
44## Functions
45
46### `toServer(url)` - optional
120```
121
122Alternatively you can use dedicated functions: `.withMinPriority()`, `.withLowPriority()`, `.withDefaultPriority()`, `.withHighPriority()`, `.withMaxPriority()`
123
124```ts

« Previous

1...1019 1020 1021 1022 1023 1024 1025...1497

Projects

View all 10 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 1 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": "*",

Documentation

View all 32 documentation results

Val Town Code Search Return to Val Town

feeds main.tsx4 matches

wondrousPinkPerch main.tsx1 match

STARTER_PROMPTS main.tsx2 matches

cerebras_coder main.tsx11 matches

cerebras_coder main.tsx11 matches

cerebras_coder main.tsx11 matches

sprightlyWhiteLion main.tsx9 matches

survivalRPGAdventure main.tsx3 matches

cerebrascoderWebApp main.tsx1 match

ntfy README.md5 matches

Projects

getFileEmail4 file matches

tuna8 file matches

Users

@lost19911 project

Documentation

Val Town Code SearchReturn to Val Town

feedsmain.tsx4 matches

wondrousPinkPerchmain.tsx1 match

STARTER_PROMPTSmain.tsx2 matches

cerebras_codermain.tsx11 matches

cerebras_codermain.tsx11 matches

cerebras_codermain.tsx11 matches

sprightlyWhiteLionmain.tsx9 matches

survivalRPGAdventuremain.tsx3 matches

cerebrascoderWebAppmain.tsx1 match

ntfyREADME.md5 matches

Projects

getFileEmail4 file matches

tuna8 file matches

Users

@lost19911 project

Documentation

Val Town Code Search Return to Val Town

feeds main.tsx4 matches

wondrousPinkPerch main.tsx1 match

STARTER_PROMPTS main.tsx2 matches

cerebras_coder main.tsx11 matches

cerebras_coder main.tsx11 matches

cerebras_coder main.tsx11 matches

sprightlyWhiteLion main.tsx9 matches

survivalRPGAdventure main.tsx3 matches

cerebrascoderWebApp main.tsx1 match

ntfy README.md5 matches