\n Quarter Price Auction Viewer\n

\n {lastUpdated && (\n

\n Last updated: {lastUpdated.toLocaleString()}\n

\n )}\n

\n\n

\n {/* Search Input */}\n

\n setSearchTerm(e.target.value)}\n />\n 🔍\n {searchTerm && (\n setSearchTerm(\"\")}\n >\n ✕\n \n )}\n

\n\n {/* Auction Selector */}\n setSelectedAuctionId(e.target.value)}\n value={selectedAuctionId || \"\"}\n >\n \n {filteredAuctions.map((auction) => (\n \n ))}\n \n\n {/* Search Results Count */}\n {searchTerm && (\n

\n Found {filteredAuctions.length} matching auctions\n

\n )}\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n {loading && (\n

\n )}\n\n {!loading && selectedAuctionData && (\n

\n {selectedAuctionData.items.map((item) => (\n \n {item.imageUrl && (\n \n )}\n

\n {item.title}\n

\n\n

\n {item.description}\n

\n\n

\n \n ${item.currentBid.replace(\"$\", \"\")}\n \n \n {item.bidCount} bids\n \n

\n ))}\n

\n )}\n\n {!loading && selectedAuctionData &&\n selectedAuctionData.items.length === 0 && (\n

\n No items found for this auction\n

\n )}\n\n

\n \n View Source\n \n

\n \n );\n}\n\n// Client-side initialization\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\n// Server-side handler\nasync function server(request: Request): Promise {\n // Handle API requests\n if (request.url.endsWith(\"/api/cached-data\")) {\n const { blob } = await import(\"https://esm.town/v/std/blob?v=13\");\n\n try {\n const cache = await blob.getJSON(\"auction_cache\");\n return new Response(JSON.stringify({ success: true, cache }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(\n JSON.stringify({\n success: false,\n error: \"Failed to fetch cache\" + error,\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Serve the main HTML page\n return new Response(\n `\n \n \n \n Quarter Price Auction Viewer\n \n \n \n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\n body {\n margin: 0;\n font-family: system-ui, -apple-system, sans-serif;\n }\n `;\n\nexport default server;\n","label",[130],"3a3c1b12-11a4-11f0-9dc6-569c3dd06744",["D",1743805749749],[27],"3a398190-11a4-11f0-9e5f-569c3dd06744","scanner.cron.ts","ff4842f2-11a2-11f0-a809-569c3dd06744",115,["D",1743805749736],3,"interval","import { DOMParser } from \"jsr:@b-fuze/deno-dom\";\nimport type { Auction, AuctionItem } from \"./types.d.ts\";\n\nasync function getAuctions(): Promise {\n const response = await fetch(\"https://www.quarterpriceauction.com/auctions\", {\n headers: {\n \"User-Agent\":\n \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36\",\n },\n });\n const html = await response.text();\n const parser = new DOMParser();\n const document = parser.parseFromString(html, \"text/html\");\n\n if (!document) {\n throw new Error(\"Failed to parse HTML\");\n }\n\n const auctionElements = document.querySelectorAll(\".auction\");\n const auctions: Auction[] = [];\n\n for (const auctionElement of auctionElements) {\n const linkElement = auctionElement.querySelector(\"a[href^='/auctions/']\");\n if (!linkElement) continue;\n\n const href = linkElement.getAttribute(\"href\");\n const id = href?.split(\"/\").pop() || \"\";\n const titleElement = auctionElement.querySelector(\".auctionTitle\");\n const title = titleElement?.textContent?.trim() || \"\";\n\n auctions.push({\n id,\n title,\n url: `https://www.quarterpriceauction.com${href}`,\n });\n }\n\n return auctions;\n}\n\nfunction parseAuctionItems(html: string, auctionId: string): AuctionItem[] {\n const parser = new DOMParser();\n const document = parser.parseFromString(html, \"text/html\");\n\n if (!document) {\n throw new Error(\"Failed to parse HTML\");\n }\n\n const itemElements = document.querySelectorAll(\".item\");\n const items: AuctionItem[] = [];\n\n for (const itemElement of itemElements) {\n const lotNumberElement = itemElement.querySelector(\".lotNumber\");\n const titleElement = itemElement.querySelector(\".title\");\n const retailPriceElement = itemElement.querySelector(\".retailPrice\");\n const conditionElement = itemElement.querySelector(\".condition\");\n const currentBidElement = itemElement.querySelector(\".currentBid\");\n const bidCountElement = itemElement.querySelector(\".bidCount\");\n const imageElement = itemElement.querySelector(\"img\");\n\n const lotNumber = lotNumberElement?.textContent?.trim() || \"\";\n const title = titleElement?.textContent?.trim() || \"\";\n const retailPrice = retailPriceElement?.textContent?.trim() || \"\";\n const condition = conditionElement?.textContent?.trim() || \"\";\n const currentBid = currentBidElement?.textContent?.trim() || \"\";\n const bidCount = bidCountElement?.textContent?.trim() || \"\";\n const imageUrl = imageElement?.getAttribute(\"src\") || \"\";\n\n items.push({\n lotNumber,\n title,\n retailPrice,\n condition,\n currentBid,\n bidCount,\n imageUrl,\n auctionId,\n });\n }\n\n return items;\n}\n\nfunction getTotalPages(html: string): number {\n const parser = new DOMParser();\n const document = parser.parseFromString(html, \"text/html\");\n\n if (!document) {\n throw new Error(\"Failed to parse HTML\");\n }\n\n // Look for pagination elements\n const paginationLinks = document.querySelectorAll(\".pagination a\");\n\n if (paginationLinks.length === 0) {\n return 1; // If no pagination, assume single page\n }\n\n // Try to find the last page number from pagination\n let maxPage = 1;\n\n for (const link of paginationLinks) {\n const pageText = link.textContent?.trim();\n if (pageText && /^\\d+$/.test(pageText)) {\n const pageNum = parseInt(pageText, 10);\n if (pageNum > maxPage) {\n maxPage = pageNum;\n }\n }\n }\n\n return maxPage;\n}\n\nasync function fetchAuctionPage(\n auctionId: string,\n page: number = 1,\n): Promise {\n const url =\n `https://www.quarterpriceauction.com/auctions/${auctionId}/?page=${page}`;\n const response = await fetch(url, {\n headers: {\n \"User-Agent\":\n \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36\",\n },\n });\n\n if (!response.ok) {\n throw new Error(\n `Failed to fetch page ${page} for auction ${auctionId}: ${response.status}`,\n );\n }\n\n return await response.text();\n}\n\nasync function processBatch(\n auction: Auction,\n pageNumbers: number[],\n): Promise {\n try {\n const pagePromises = pageNumbers.map((pageNum) =>\n fetchAuctionPage(auction.id, pageNum)\n .then((html) => parseAuctionItems(html, auction.id))\n .catch((error) => {\n console.error(\n `Error processing page ${pageNum} of auction ${auction.id}:`,\n error,\n );\n return [];\n })\n );\n\n const results = await Promise.all(pagePromises);\n return results.flat();\n } catch (error) {\n console.error(`Error processing batch for auction ${auction.id}:`, error);\n return [];\n }\n}\n\nasync function getAllItemsForAuction(auction: Auction): Promise {\n try {\n // Get first page to determine total pages\n const firstPageHtml = await fetchAuctionPage(auction.id, 1);\n const totalPages = getTotalPages(firstPageHtml);\n const BATCH_SIZE = 5;\n\n console.log(\n `Processing auction ${auction.id} - Total pages: ${totalPages}`,\n );\n\n // Create array of page numbers [1, 2, 3, ...]\n const pageNumbers = Array.from({ length: totalPages }, (_, i) => i + 1);\n\n // Split page numbers into batches\n const batches: number[][] = [];\n for (let i = 0; i < pageNumbers.length; i += BATCH_SIZE) {\n batches.push(pageNumbers.slice(i, i + BATCH_SIZE));\n }\n\n const allItems: AuctionItem[] = [];\n\n // Process batches sequentially, but pages within batch concurrently\n for (const [batchIndex, batch] of batches.entries()) {\n console.log(\n `Processing batch ${\n batchIndex + 1\n }/${batches.length} for auction ${auction.id}`,\n );\n const batchItems = await processBatch(auction, batch);\n allItems.push(...batchItems);\n\n // Add a small delay between batches to be nice to the server\n if (batchIndex < batches.length - 1) {\n await new Promise((resolve) => setTimeout(resolve, 1000));\n }\n }\n\n return allItems;\n } catch (error) {\n console.error(`Error processing auction ${auction.id}:`, error);\n return [];\n }\n}\n\nexport async function getAllAuctionsAndItems(): Promise<\n { auctions: Auction[]; items: AuctionItem[] }\n> {\n const auctions = await getAuctions();\n console.log(`Found ${auctions.length} auctions`);\n\n const allItems: AuctionItem[] = [];\n\n // Process auctions sequentially\n for (const auction of auctions) {\n console.log(`Processing auction: ${auction.title} (${auction.id})`);\n const auctionItems = await getAllItemsForAuction(auction);\n allItems.push(...auctionItems);\n\n // Add a small delay between auctions\n if (auctions.indexOf(auction) < auctions.length - 1) {\n await new Promise((resolve) => setTimeout(resolve, 2000));\n }\n }\n\n return {\n auctions,\n items: allItems,\n };\n}\n",[144],"c97dc9de-11a3-11f0-b960-569c3dd06744","fetcher.ts","e834a416-11a2-11f0-9186-569c3dd06744",110,["D",1743805560554],1,"async function fetchAndCacheAuctions() {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const BASE_URL = \"https://wolf--9dd585f0f2d711efaf6e569c3dd06744.web.val.run\";\n\n try {\n // Fetch all auctions\n const auctionsResponse = await fetch(`${BASE_URL}/auctions`);\n const auctionsData = await auctionsResponse.json();\n\n if (!auctionsData.success) {\n throw new Error(\"Failed to fetch auctions\");\n }\n\n // For each auction, fetch its items\n const auctionsWithItems = await Promise.all(\n auctionsData.auctions.map(async (auction) => {\n const itemsResponse = await fetch(`${BASE_URL}/auctions/${auction.id}`);\n const itemsData = await itemsResponse.json();\n return {\n auction: auction,\n items: itemsData.success ? itemsData.items : [],\n };\n }),\n );\n\n // Store in blob with timestamp\n await blob.setJSON(\"auction_cache\", {\n timestamp: new Date().toISOString(),\n data: auctionsWithItems,\n });\n\n return { success: true, message: \"Cache updated successfully\" };\n } catch (error) {\n return { success: false, error: error.message };\n }\n}\n\n// Handler for both cron and HTTP requests\nexport default async function handler(request: Request) {\n const result = await fetchAndCacheAuctions();\n\n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n}\n",[153],"3a361992-11a4-11f0-9ce7-569c3dd06744","api.http.ts",114,["D",1743805749732],2,"import { Hono } from \"https://deno.land/x/hono@v4.3.11/mod.ts\";\nimport type { Auction, AuctionItem } from \"./types.d.ts\";\nimport { getAllAuctionsAndItems } from \"./scanner.cron.ts\";\n\nconst app = new Hono();\n\n// Cache the results in memory to avoid repeated scraping\nlet cachedData: {\n auctions: Auction[];\n items: AuctionItem[];\n lastUpdated: Date | null;\n} = {\n auctions: [],\n items: [],\n lastUpdated: null,\n};\n\n// Get all auctions\napp.get(\"/auctions\", async (c) => {\n try {\n const data = await getAllAuctionsAndItems();\n\n cachedData = {\n ...data,\n lastUpdated: new Date(),\n };\n\n return c.json({\n success: true,\n lastUpdated: cachedData.lastUpdated,\n auctions: data.auctions,\n });\n } catch (error) {\n return c.json({\n success: false,\n error: error.message,\n }, 500);\n }\n});\n\n// Get specific auction with its items\napp.get(\"/auctions/:id\", async (c) => {\n try {\n const auctionId = c.req.param(\"id\");\n\n // Use cached data if available\n if (cachedData.auctions.length > 0) {\n const auction = cachedData.auctions.find((a) => a.id === auctionId);\n const items = cachedData.items.filter((item) =>\n item.auctionId === auctionId\n );\n\n if (!auction) {\n return c.json({\n success: false,\n error: \"Auction not found\",\n }, 404);\n }\n\n return c.json({\n success: true,\n lastUpdated: cachedData.lastUpdated,\n auction,\n items,\n });\n }\n\n // If no cached data, fetch fresh data\n const data = await getAllAuctionsAndItems();\n cachedData = {\n ...data,\n lastUpdated: new Date(),\n };\n\n const auction = data.auctions.find((a) => a.id === auctionId);\n const items = data.items.filter((item) => item.auctionId === auctionId);\n\n if (!auction) {\n return c.json({\n success: false,\n error: \"Auction not found\",\n }, 404);\n }\n\n return c.json({\n success: true,\n lastUpdated: cachedData.lastUpdated,\n auction,\n items,\n });\n } catch (error) {\n return c.json({\n success: false,\n error: error.message,\n }, 500);\n }\n});\n\n// Force refresh the cache\napp.post(\"/refresh\", async (c) => {\n try {\n const data = await getAllAuctionsAndItems();\n cachedData = {\n ...data,\n lastUpdated: new Date(),\n };\n\n return c.json({\n success: true,\n message: \"Cache refreshed successfully\",\n lastUpdated: cachedData.lastUpdated,\n });\n } catch (error) {\n if (error instanceof Error) {\n return c.json({\n success: false,\n error: error.message,\n }, 500);\n }\n }\n});\n\nexport default app.fetch;\n","qpa",[161],"pulls","branches","forks","envVars",{"_175":61,"_177":61},"connections",{"_175":61,"_176":61},"count","unfilledCount","emptyCount",{"_41":160,"_31":161,"_29":54,"_132":-5,"_39":40,"_38":162,"_134":24,"_36":196,"_13":164,"_32":136,"_34":165,"_23":24,"_138":166,"_184":197,"_26":198},{"_41":152,"_31":153,"_29":154,"_132":-5,"_39":40,"_38":155,"_134":56,"_36":193,"_13":157,"_32":33,"_34":158,"_23":24,"_138":-5,"_184":194,"_26":195},{"_41":143,"_31":144,"_29":145,"_132":-5,"_39":40,"_38":146,"_134":24,"_36":190,"_13":148,"_32":149,"_34":150,"_23":24,"_138":-5,"_184":191,"_26":192},{"_41":140,"_31":27,"_29":30,"_132":-5,"_39":40,"_38":14,"_134":56,"_36":187,"_13":61,"_32":33,"_34":35,"_23":24,"_138":-5,"_184":188,"_26":189},{"_41":129,"_31":130,"_29":131,"_132":-5,"_39":40,"_38":133,"_134":56,"_36":183,"_13":61,"_32":136,"_34":137,"_23":24,"_138":-5,"_184":185,"_26":186},["D",1743805569618],"children",[],[130],["D",1743805749749],[],[27],["D",1743805749736],[],[144],["D",1743805560554],[],[153],["D",1743805749732],[],[161],["D",1740418217557],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},{"_13":59,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"ctx",{"_77":-5,"_121":236,"_237":238,"_239":240,"_241":24,"_242":24,"_243":24,"_244":56,"_245":-5,"_246":-7,"_247":-7,"_248":61,"_249":24,"_250":24,"_251":-5,"_252":24,"_253":24,"_254":24,"_255":-5},"ENV",{"_207":208,"_209":210,"_211":84,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v116