sprightlyWhiteLionmain.tsx9 matches
6const EARNINGS_RATE_PER_MINUTE = 6;78function formatTime(timestamp: number): string {9return new Date(timestamp).toLocaleString('en-US', {10year: 'numeric',17}1819function formatDuration(minutes: number): string {20const hours = Math.floor(minutes / 60);21const remainingMinutes = Math.round(minutes % 60);25}2627function App() {28const [startTime, setStartTime] = useState<number | null>(null);29const [totalEarnings, setTotalEarnings] = useState(0);42}, []);4344async function fetchInitialData() {45try {46const response = await fetch('/load-data');53}5455function startStudySession() {56setStartTime(Date.now());57}5859async function endStudySession() {60if (!startTime) return;6186}8788async function clearEarnings() {89try {90const response = await fetch('/clear-earnings', { method: 'POST' });208};209210function client() {211createRoot(document.getElementById("root")).render(<App />);212}213if (typeof document !== "undefined") { client(); }214215export default async function server(request: Request): Promise<Response> {216const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");217const KEY = "sprightlyWhiteLion";
survivalRPGAdventuremain.tsx3 matches
201};202203function App() {204const [state, setState] = useState(initialState);205const [backgroundImage, setBackgroundImage] = useState(363}364365function client() {366createRoot(document.getElementById("root")).render(<App />);367}368if (typeof document !== "undefined") { client(); }369370export default async function server(request: Request): Promise<Response> {371return new Response(`372<html>
cerebrascoderWebAppmain.tsx1 match
1export default async function server(request: Request): Promise<Response> {2return new Response(`3<!DOCTYPE html>
18```1920⚠️ For the notification to be sent it needs to be published (`publish` function).2122## Use helper2324Executes specified functions that can modify the notification. Can be used to streamline authentication, apply common operations, etc.2526```ts40```4142You can pass it multiple functions.4344## Functions4546### `toServer(url)` - optional120```121122Alternatively you can use dedicated functions: `.withMinPriority()`, `.withLowPriority()`, `.withDefaultPriority()`, `.withHighPriority()`, `.withMaxPriority()`123124```ts
1export default function (req: any) {2// Simple validation to ensure this is an n8n webhook3if (req && req[0]?.webhookUrl?.includes('n8n.cloud')) {
unassumingAzureLungfishmain.tsx11 matches
24);2526function Hero({27prompt,28setPrompt,4546<p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">47Turn your ideas into fully functional apps in{" "}48<span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">49less than a second116}117118function App() {119const previewRef = React.useRef<HTMLDivElement>(null);120const [prompt, setPrompt] = useState("");170});171172function handleStarterPromptClick(promptItem: typeof prompts[number]) {173setLoading(true);174setTimeout(() => handleSubmit(promptItem.prompt), 0);175}176177async function handleSubmit(e: React.FormEvent | string) {178if (typeof e !== "string") {179e.preventDefault();226}227228function handleVersionChange(direction: "back" | "forward") {229const { currentVersionIndex, versions } = versionHistory;230if (direction === "back" && currentVersionIndex > 0) {974);975976function client() {977const path = window.location.pathname;978const root = createRoot(document.getElementById("root")!);1010}10111012function extractCodeFromFence(text: string): string {1013const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);1014return htmlMatch ? htmlMatch[1].trim() : text;1015}10161017async function generateCode(prompt: string, currentCode: string) {1018const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);1019if (starterPrompt) {1060}10611062export default async function cerebras_coder(req: Request): Promise<Response> {1063// Dynamic import for SQLite to avoid client-side import1064const { 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">
cheerfulTurquoiseAnacondamain.tsx2 matches
4title: "Todo App",5code: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>",7performance: {8tokensPerSecond: 2298.56,26title: "Markdown Editor",27code: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\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>",29performance: {30tokensPerSecond: 4092.96,
fascinatingBrownKrillmain.tsx11 matches
24);2526function Hero({27prompt,28setPrompt,4546<p className="text-[#bababa] text-center max-w-[25ch] mx-auto my-4 font-dm-sans">47Turn your ideas into fully functional apps in{" "}48<span className="relative w-fit text-fuchsia-400 z-10 italic font-semibold rounded-full">49less than a second116}117118function App() {119const previewRef = React.useRef<HTMLDivElement>(null);120const [prompt, setPrompt] = useState("");170});171172function handleStarterPromptClick(promptItem: typeof prompts[number]) {173setLoading(true);174setTimeout(() => handleSubmit(promptItem.prompt), 0);175}176177async function handleSubmit(e: React.FormEvent | string) {178if (typeof e !== "string") {179e.preventDefault();226}227228function handleVersionChange(direction: "back" | "forward") {229const { currentVersionIndex, versions } = versionHistory;230if (direction === "back" && currentVersionIndex > 0) {974);975976function client() {977const path = window.location.pathname;978const root = createRoot(document.getElementById("root")!);1010}10111012function extractCodeFromFence(text: string): string {1013const htmlMatch = text.match(/```html\n([\s\S]*?)\n```/);1014return htmlMatch ? htmlMatch[1].trim() : text;1015}10161017async function generateCode(prompt: string, currentCode: string) {1018const starterPrompt = STARTER_PROMPTS.find(p => p.prompt === prompt);1019if (starterPrompt) {1060}10611062export default async function cerebras_coder(req: Request): Promise<Response> {1063// Dynamic import for SQLite to avoid client-side import1064const { 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">
4const cacheKey = "donation_data_cache";56// Utility functions for formatting7function formatDate(dateString: string): string {8return new Date(dateString).toLocaleString("en-US", {9year: "numeric",16}1718function formatCurrency(amount: number, currencyCode: string): string {19return new Intl.NumberFormat("en-US", {20style: "currency",23}2425function formatGoalAmount(amount: number): string {26if (amount >= 1000000) {27return `${Math.round(amount / 1000000)}M`;33}3435function calculateBarWidth(totalRaised: number, goalAmount: number): string {36const percentage = (totalRaised / goalAmount) * 100;37return `${Math.min(Math.round(percentage), 100)}%`;38}3940async function fetchAndCacheData() {41try {42console.log("Fetching URL:", url);86}8788async function getFullData() {89const data = await fetchAndCacheData();90const donationGoal = data.checkoutLink.checkout_link_data.donation_goal;106}107108async function getDonationProgress() {109const data = await fetchAndCacheData();110const donationGoal = data.checkoutLink.checkout_link_data.donation_goal;120}121122async function getCheckoutDetails() {123const data = await fetchAndCacheData();124return Response.json({129}130131async function getCampaignInfo() {132const data = await fetchAndCacheData();133const linkData = data.checkoutLink.checkout_link_data;140}141142async function getScrapedData() {143const data = await fetchAndCacheData();144const donationGoal = data.checkoutLink.checkout_link_data.donation_goal;156}157158function getDemoData() {159const goalAmount = 1000000; // $100,00160const totalRaised = Math.floor(Math.random() * goalAmount);169}170171function get2023Data() {172const goalAmount = 1000000;173const totalRaised = 1654700;182}183184async function getHtmlView() {185const scrapedData = await getScrapedData();186const demoData = await getDemoData();253}254255async function getFundraiserHtml() {256const scrapedData = await getScrapedData();257const demoData = await getDemoData();374});375}376async function finalGoal() {377const goalAmount = 1000000;378const totalRaised = 729438;398};399400export default async function(req: Request): Promise<Response> {401const { pathname } = new URL(req.url);402const handler = router[pathname];
blob_adminmain.tsx8 matches
13}1415function Tooltip({ children, content }: TooltipProps) {16const [isVisible, setIsVisible] = useState(false);17const tooltipRef = useRef<HTMLDivElement>(null);52}5354function formatBytes(bytes: number, decimals = 2) {55if (bytes === 0) return "0 Bytes";56const k = 1024;61}6263function copyToClipboard(text: string) {64navigator.clipboard.writeText(text).then(() => {65console.log("Text copied to clipboard");69}7071function ActionMenu({ blob, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {72const [isOpen, setIsOpen] = useState(false);73const menuRef = useRef(null);7677useEffect(() => {78function handleClickOutside(event) {79if (menuRef.current && !menuRef.current.contains(event.target)) {80event.stopPropagation();158}159160function BlobItem({ blob, onSelect, isSelected, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {161const [isLoading, setIsLoading] = useState(false);162const decodedKey = decodeURIComponent(blob.key);219}220221function App({ initialEmail, initialProfile }) {222const encodeKey = (key: string) => encodeURIComponent(key);223const decodeKey = (key: string) => decodeURIComponent(key);645}646647function client() {648const initialEmail = document.getElementById("root").getAttribute("data-email");649const initialProfile = JSON.parse(document.getElementById("root").getAttribute("data-profile"));
