\n \n \n\n","label",[155,64],"frontend","pulls","branches",1,"forks",2,"envVars",{"_165":158,"_167":26},"connections",{"_165":26,"_166":26},"count","unfilledCount","emptyCount",{"_32":242,"_13":234,"_62":227,"_42":-5,"_34":35,"_148":160,"_149":84,"_36":243,"_38":26,"_65":215,"_151":-5,"_66":24,"_153":-5,"_185":244,"_17":245},{"_32":235,"_13":236,"_62":237,"_42":227,"_34":35,"_148":181,"_149":84,"_36":238,"_38":160,"_65":183,"_151":239,"_66":24,"_153":-5,"_185":240,"_17":241},{"_32":225,"_13":226,"_62":82,"_42":227,"_34":35,"_148":228,"_149":84,"_36":229,"_38":39,"_65":230,"_151":231,"_66":24,"_153":-5,"_185":232,"_17":233},{"_32":218,"_13":219,"_62":220,"_42":-5,"_34":35,"_148":221,"_149":84,"_36":222,"_38":160,"_65":215,"_151":-5,"_66":24,"_153":-5,"_185":223,"_17":224},{"_32":213,"_13":155,"_62":147,"_42":-5,"_34":35,"_148":39,"_149":84,"_36":214,"_38":26,"_65":215,"_151":-5,"_66":24,"_153":-5,"_185":216,"_17":217},{"_32":206,"_13":207,"_62":208,"_42":147,"_34":35,"_148":181,"_149":84,"_36":209,"_38":160,"_65":183,"_151":210,"_66":24,"_153":-5,"_185":211,"_17":212},{"_32":199,"_13":200,"_62":201,"_42":147,"_34":35,"_148":181,"_149":84,"_36":202,"_38":160,"_65":183,"_151":203,"_66":24,"_153":-5,"_185":204,"_17":205},{"_32":146,"_13":64,"_62":63,"_42":147,"_34":35,"_148":39,"_149":84,"_36":196,"_38":26,"_65":21,"_151":152,"_66":24,"_153":-5,"_185":197,"_17":198},{"_32":188,"_13":189,"_62":190,"_42":147,"_34":35,"_148":191,"_149":84,"_36":192,"_38":26,"_65":183,"_151":193,"_66":24,"_153":-5,"_185":194,"_17":195},{"_32":178,"_13":179,"_62":180,"_42":-5,"_34":35,"_148":181,"_149":84,"_36":182,"_38":26,"_65":183,"_151":184,"_66":24,"_153":-5,"_185":186,"_17":187},"c4294efa-5cb5-11f1-b95d-1607ee4eb77e","main.ts","c4294fc2-5cb5-11f1-b95d-1607ee4eb77e",21,["D",1780207117487],"script","","children",[],[179],"1e49ebc2-5cb3-11f1-a71d-1607ee4eb77e","main.tsx","1e49ec9e-5cb3-11f1-a71d-1607ee4eb77e",5,["D",1780205980205],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0\";\nimport { App } from \"./App.tsx\";\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[155,189],["D",1780205976360],[],[155,64],"c429b336-5cb5-11f1-b95d-1607ee4eb77e","StockModal.tsx","2b3632dc-5cb3-11f1-8213-1607ee4eb77e",["D",1780207117487],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Store {\n storeId: string;\n storeName: string;\n address: string;\n city: string;\n state: string;\n zip: string;\n quantity: number;\n inStock: boolean;\n price: number;\n itemLocation: string;\n distance: number;\n}\n\nexport function StockModal(\n { sku, retailer, title, onClose }: {\n sku: string;\n retailer: string;\n title: string;\n onClose: () => void;\n },\n) {\n const [zip, setZip] = useState(localStorage.getItem(\"hc_zip\") || \"80019\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [item, setItem] = useState(null);\n const [stores, setStores] = useState([]);\n const [onlyInStock, setOnlyInStock] = useState(false);\n\n async function check(e?: React.FormEvent) {\n e?.preventDefault();\n setLoading(true);\n setError(null);\n localStorage.setItem(\"hc_zip\", zip);\n try {\n const r = await fetch(\n `/api/stock?retailer=${encodeURIComponent(retailer)}&sku=${encodeURIComponent(sku)}&zip=${encodeURIComponent(zip)}`,\n );\n const data = await r.json();\n if (!data.success) throw new Error(data.error || \"Lookup failed\");\n setItem(data.item);\n setStores(data.stores || []);\n } catch (err) {\n setError(String(err));\n setStores([]);\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n check();\n // eslint-disable-next-line\n }, []);\n\n const shown = (onlyInStock ? stores.filter((s) => s.inStock) : stores)\n .slice()\n .sort((a, b) => Number(b.inStock) - Number(a.inStock) || a.distance - b.distance);\n const inStockCount = stores.filter((s) => s.inStock).length;\n\n return (\n \n e.stopPropagation()}\n >\n

{title}

SKU {sku} · {retailer.replace(/_/g, \" \")}

\n \n ×\n \n

\n\n

\n ZIP\n setZip(e.target.value)}\n className=\"border border-gray-300 rounded-lg px-3 py-1.5 w-28 text-sm\"\n placeholder=\"80019\"\n />\n \n {loading ? \"Checking…\" : \"Check stock\"}\n \n {stores.length > 0 && (\n \n setOnlyInStock(e.target.checked)}\n />\n In stock only\n \n )}\n \n\n

\n {error && (\n

{error}

\n )}\n\n {!error && item && (\n

\n {inStockCount} of{\" \"}\n {stores.length} stores in stock · retail ${item.retailPrice}\n

\n )}\n\n

\n {shown.map((s) => (\n

\n \n

\n {s.storeName}{\" \"}\n · {s.distance.toFixed(1)} mi\n

\n {s.address}, {s.city} {s.zip}\n {s.itemLocation && · {s.itemLocation}}\n

\n {s.inStock\n ? (\n <>\n

{s.quantity} in stock

${s.price}

\n \n )\n :

Out

}\n

\n ))}\n {!loading && shown.length === 0 && !error && (\n

No stores to show.

\n )}\n

\n \n \n );\n}\n",[],[155,200],"c4298c44-5cb5-11f1-b95d-1607ee4eb77e","App.tsx","3a4cf9cc-5cb3-11f1-b5b8-1607ee4eb77e",["D",1780207117487],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { StockModal } from \"./StockModal.tsx\";\n\ninterface Lead {\n id: string;\n retailer: string;\n sku: string;\n title: string;\n imageUrl: string | null;\n originalPrice: string;\n clearancePrice: string;\n discountPercent: number;\n productUrl: string | null;\n createdAt: string;\n}\n\nconst RETAILER_BADGE: Record = {\n home_depot: \"bg-orange-100 text-orange-700\",\n lowes: \"bg-blue-100 text-blue-700\",\n walmart: \"bg-sky-100 text-sky-700\",\n};\n\nfunction DealCard({ lead, onCheck }: { lead: Lead; onCheck: (l: Lead) => void }) {\n return (\n

\n {lead.imageUrl\n ? {lead.title}

\n : 📦}\n \n -{lead.discountPercent}%\n \n

\n \n {lead.retailer.replace(/_/g, \" \")}\n \n

{lead.title}

\n ${lead.clearancePrice}\n ${lead.originalPrice}\n

\n onCheck(lead)}\n className=\"flex-1 bg-emerald-600 hover:bg-emerald-700 text-white text-xs font-semibold py-1.5 rounded-lg\"\n >\n 📍 Check stock\n \n {lead.productUrl && (\n \n ↗\n \n )}\n

SKU {lead.sku}

\n );\n}\n\nexport function App() {\n const [leads, setLeads] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [page, setPage] = useState(1);\n const [sort, setSort] = useState(\"newest\");\n const [total, setTotal] = useState(0);\n const [totalPages, setTotalPages] = useState(1);\n const [query, setQuery] = useState(\"\");\n const [active, setActive] = useState(null);\n\n const limit = 24;\n\n async function load() {\n setLoading(true);\n setError(null);\n try {\n const r = await fetch(`/api/leads?limit=${limit}&page=${page}&sort=${sort}`);\n const data = await r.json();\n if (!data.success) throw new Error(data.error || \"Failed to load\");\n setLeads(data.data);\n setTotal(data.pagination.total);\n setTotalPages(data.pagination.totalPages);\n } catch (err) {\n setError(String(err));\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n load();\n // eslint-disable-next-line\n }, [page, sort]);\n\n const filtered = query.trim()\n ? leads.filter((l) =>\n (l.title + \" \" + l.sku).toLowerCase().includes(query.toLowerCase())\n )\n : leads;\n\n return (\n

🏷️ Hidden Clearances

\n setQuery(e.target.value)}\n placeholder=\"Filter this page…\"\n className=\"border border-gray-300 rounded-lg px-3 py-1.5 text-sm w-44\"\n />\n { setPage(1); setSort(e.target.value); }}\n className=\"border border-gray-300 rounded-lg px-3 py-1.5 text-sm bg-white\"\n >\n \n \n \n \n \n

\n\n {error && (\n

\n {error}\n

\n If this is an auth error, the HC_TOKEN env var likely expired — refresh it.\n

\n )}\n\n {loading\n ?

Loading deals…

\n : (\n

\n {filtered.map((l) => )}\n

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

\n setPage((p) => p - 1)}\n className=\"px-4 py-1.5 border rounded-lg text-sm disabled:opacity-40 bg-white\"\n >\n ← Prev\n \n \n Page {page} / {totalPages} · {total.toLocaleString()} deals\n \n = totalPages}\n onClick={() => setPage((p) => p + 1)}\n className=\"px-4 py-1.5 border rounded-lg text-sm disabled:opacity-40 bg-white\"\n >\n Next →\n \n

\n )}\n\n \n\n {active && (\n setActive(null)}\n />\n )}\n

\n );\n}\n",[],[155,207],"1bfd9e5e-5cb3-11f1-a71d-1607ee4eb77e",["D",1780205976360],"directory",[173,174,175,176],[155],"658271f0-5cb6-11f1-a195-1607ee4eb77e","bot","5f8e9fda-5cb6-11f1-953a-1607ee4eb77e",25,["D",1780207388193],[],[219],"58df63e0-5cb6-11f1-a941-1607ee4eb77e","index.ts","d07bf077-9d5a-4ae3-9517-740217646ddb",22,["D",1780207366990],"http","import { Hono } from \"npm:hono\";\nimport { cors } from \"npm:hono/cors\";\nimport {\n parseVal,\n readFile,\n serveFile,\n} from \"https://esm.town/v/std/utils/index.ts\";\nimport { getLeads, getStock } from \"./hc.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// --- Frontend ---\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\napp.get(\n \"/frontend/*\",\n (c) => serveFile(new URL(c.req.url).pathname, import.meta.url),\n);\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---------------------------------------------------------------------------\n// API (consumed by the frontend AND by external clients such as a Discord bot)\n// ---------------------------------------------------------------------------\n\n// Allow any origin to call the API (a bot calls server-to-server, but this also\n// lets you test from other web tools without CORS headaches).\napp.use(\"/api/*\", cors());\n\n// Optional API-key protection. If you set the BOT_API_KEY env var, every /api\n// request must send it as `x-api-key: ` (or `?key=`). If the env var\n// is unset, the API stays open (keeps the existing frontend working as-is).\napp.use(\"/api/*\", async (c, next) => {\n const required = Deno.env.get(\"BOT_API_KEY\");\n if (!required) return next(); // auth disabled\n const provided = c.req.header(\"x-api-key\") ?? c.req.query(\"key\");\n if (provided !== required) {\n return c.json({\n success: false,\n error: \"Unauthorized: missing or invalid API key\",\n }, 401);\n }\n return next();\n});\n\n// --- API: health check (handy for the bot to verify the token works) ---\napp.get(\"/api/health\", async (c) => {\n try {\n // A tiny leads call doubles as a token-validity check.\n await getLeads({ limit: 1, page: 1, sort: \"newest\" });\n return c.json({\n success: true,\n status: \"ok\",\n time: new Date().toISOString(),\n });\n } catch (e) {\n return c.json({ success: false, status: \"error\", error: String(e) }, 502);\n }\n});\n\n// --- API: list deals/leads ---\napp.get(\"/api/leads\", async (c) => {\n try {\n const limit = Number(c.req.query(\"limit\") ?? 24);\n const page = Number(c.req.query(\"page\") ?? 1);\n const sort = c.req.query(\"sort\") ?? \"newest\";\n return c.json(await getLeads({ limit, page, sort }));\n } catch (e) {\n return c.json({ success: false, error: String(e) }, 502);\n }\n});\n\n// --- API: per-store stock for a SKU at a zip ---\n// /api/stock?retailer=home_depot&sku=336764660&zip=80019\napp.get(\"/api/stock\", async (c) => {\n try {\n const sku = c.req.query(\"sku\");\n const zip = c.req.query(\"zip\");\n if (!sku || !zip) {\n return c.json({ success: false, error: \"sku and zip are required\" }, 400);\n }\n // normalize retailer slug: API path uses \"homedepot\", leads use \"home_depot\"\n const retailer = (c.req.query(\"retailer\") ?? \"home_depot\").replace(\n /_/g,\n \"\",\n );\n return c.json(await getStock(retailer, sku, zip));\n } catch (e) {\n return c.json({ success: false, error: String(e) }, 502);\n }\n});\n\nexport default app.fetch;",[],[234,226],"backend","c42971f0-5cb5-11f1-b95d-1607ee4eb77e","hc.ts","f8bbc754-5cb2-11f1-985e-1607ee4eb77e",["D",1780207117487],"// Thin client for the HiddenClearances API.\n// The Bearer token is a Supabase JWT that EXPIRES (~1hr). When deals stop loading,\n// refresh HC_TOKEN with a fresh token (copy the `authorization` Bearer value from a\n// logged-in request on https://www.hiddenclearances.com).\n\nconst BASE = \"https://api.hiddenclearances.com/api/v1\";\n\nfunction token(): string {\n const t = Deno.env.get(\"HC_TOKEN\");\n if (!t) throw new Error(\"Missing HC_TOKEN env var\");\n return t.replace(/^Bearer\\s+/i, \"\").trim();\n}\n\nasync function hcFetch(path: string): Promise {\n return fetch(`${BASE}${path}`, {\n headers: {\n \"authorization\": `Bearer ${token()}`,\n \"accept\": \"*/*\",\n \"origin\": \"https://www.hiddenclearances.com\",\n \"referer\": \"https://www.hiddenclearances.com/\",\n \"user-agent\":\n \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36\",\n },\n });\n}\n\nexport interface Lead {\n id: string;\n retailer: string;\n sku: string;\n title: string;\n imageUrl: string | null;\n originalPrice: string;\n clearancePrice: string;\n discountPercent: number;\n productUrl: string | null;\n createdAt: string;\n expiresAt: string;\n}\n\nexport async function getLeads(\n { limit = 24, page = 1, sort = \"newest\" }: { limit?: number; page?: number; sort?: string },\n) {\n const qs = new URLSearchParams({ limit: String(limit), page: String(page), sort });\n const r = await hcFetch(`/leads?${qs}`);\n if (!r.ok) throw new Error(`leads ${r.status}: ${await r.text()}`);\n return r.json();\n}\n\n// retailer: \"homedepot\" | \"lowes\" | \"walmart\"\nexport async function getStock(retailer: string, sku: string, zip: string) {\n const qs = new URLSearchParams({ sku, zip });\n const r = await hcFetch(`/${retailer}/stock?${qs}`);\n if (!r.ok) throw new Error(`stock ${r.status}: ${await r.text()}`);\n return r.json();\n}\n",[],[234,236],"f8bbf0e4-5cb2-11f1-985e-1607ee4eb77e",["D",1780205917205],[169,170],[234],["D",1780205843164],["D",1789515657103],{"_11":12,"_124":69},{"_11":12,"_119":120,"_68":69,"_30":67,"_121":122,"_123":24},{"_38":110,"_13":16,"_32":35,"_111":71,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"ctx",{"_52":-5,"_143":284,"_285":286,"_287":288,"_289":24,"_290":24,"_291":24,"_292":84,"_293":-5,"_294":-7,"_295":-7,"_296":26,"_297":24,"_298":24,"_299":-5,"_300":24,"_301":24,"_302":24,"_303":-5},"ENV",{"_255":256,"_257":258,"_259":16,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

History · index.html