[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_218":219,"_220":221},"routes/_app.x.$handle.$name",{"_104":103,"_37":50,"_112":94,"_32":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_26":-5,"_124":-5,"_125":-5,"_126":30,"_127":128,"_129":63,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":30},"version",11,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","e67af2dd-0997-4544-a87e-537b2fe2c3b6","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/SearchBar.tsx","latestPath","fileId","b203f47e-53ae-11f1-83c5-ee650bb23af1","name","SearchBar.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useRef, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\n\ninterface SearchResult {\n symbol: string;\n name: string;\n type: string;\n exchange: string;\n}\n\nexport function SearchBar({ onSelect }: { onSelect: (symbol: string) => void }) {\n const [query, setQuery] = useState(\"\");\n const [results, setResults] = useState([]);\n const [isOpen, setIsOpen] = useState(false);\n const [loading, setLoading] = useState(false);\n const debounceRef = useRef(null);\n const containerRef = useRef(null);\n\n // Close dropdown on outside click\n useEffect(() => {\n const handler = (e: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n setIsOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", handler);\n return () => document.removeEventListener(\"mousedown\", handler);\n }, []);\n\n const search = useCallback(async (q: string) => {\n if (q.length < 1) { setResults([]); return; }\n setLoading(true);\n try {\n const resp = await fetch(`/api/search?q=${encodeURIComponent(q)}`);\n const data = await resp.json();\n setResults(data.results || []);\n setIsOpen(true);\n } catch {\n setResults([]);\n } finally {\n setLoading(false);\n }\n }, []);\n\n const handleInput = (e: Event) => {\n const val = (e.target as HTMLInputElement).value;\n setQuery(val);\n if (debounceRef.current) clearTimeout(debounceRef.current);\n debounceRef.current = window.setTimeout(() => search(val), 300);\n };\n\n const handleSelect = (sym: string) => {\n setQuery(sym);\n setIsOpen(false);\n onSelect(sym);\n };\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"Enter\" && query.trim()) {\n setIsOpen(false);\n onSelect(query.trim().toUpperCase());\n }\n };\n\n const typeEmoji: Record = {\n EQUITY: \"📈\",\n ETF: \"📦\",\n CRYPTOCURRENCY: \"🪙\",\n CURRENCY: \"💱\",\n FUTURES: \"📊\",\n INDEX: \"🏛️\",\n };\n\n return (\n

\n 🔍\n results.length > 0 && setIsOpen(true)}\n placeholder=\"Search symbol (AAPL, BTC-USD, EURUSD=X)\"\n class=\"bg-transparent outline-none text-sm text-white placeholder-gray-500 w-64\"\n />\n {loading && ...}\n

\n\n {isOpen && results.length > 0 && (\n

\n {results.map((r) => (\n handleSelect(r.symbol)}\n >\n {typeEmoji[r.type] || \"📄\"}\n

{r.symbol}

{r.name}

\n {r.exchange}\n \n ))}\n

\n )}\n

\n );\n}\n","createdAt",["D",1779214520114],"branchVersion","branchId","de15f7c0-53ad-11f1-862a-ee650bb23af1","id","de155f18-53ad-11f1-862a-ee650bb23af1","ANCHORED-VWAP",["D",1779214164558],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","38c2ae40-401c-430b-ad9f-5f15f196a472","pinnedFileId","99b38998-53ae-11f1-83c5-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e416c-d24f-735b-b0ad-5f2694549a92","tursoName","de155f1853ad11f1862aee650bb23af1","tursoHostname","de155f1853ad11f1862aee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789501878689],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_111":107},"org",{"_104":103,"_105":103,"_106":107,"_19":59,"_108":109,"_110":30},"branch",{"_13":93,"_37":94,"_48":47,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":50,"_102":103},"isOwned",13,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","aytajg","handle","displayName","avatar","https://avatars.githubusercontent.com/u/210577132?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":213,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":214,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":215,"_88":216,"_90":217,"_92":30},"tree",[164,170],"files",[164,165,166,167,168,169,170],"counts",{"_153":67,"_154":155,"_156":67,"_157":158,"_159":160},"contents",[134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":146,"_37":147,"_35":148,"_138":-5,"_46":47,"_45":149,"_140":63,"_43":150,"_13":67,"_39":151,"_41":-5,"_29":30,"_144":-5,"_32":152},{"_48":136,"_37":137,"_35":61,"_138":-5,"_46":47,"_45":139,"_140":63,"_43":141,"_13":67,"_39":142,"_41":143,"_29":30,"_144":-5,"_32":145},"99b388ee-53ae-11f1-83c5-ee650bb23af1","index.ts","parentId",5,"latest",["D",1779214479321],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve frontend\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ─── Yahoo Finance API ───────────────────────────────────────────────\n\napp.get(\"/api/chart\", async (c) => {\n const symbol = c.req.query(\"symbol\") || \"AAPL\";\n const interval = c.req.query(\"interval\") || \"1d\"; // \"5m\" or \"1d\"\n const range = c.req.query(\"range\") || \"6mo\"; // depends on interval\n\n // Yahoo Finance v8 chart API\n const url = `https://query1.finance.yahoo.com/v8/finance/chart/${encodeURIComponent(symbol)}`\n + `?interval=${interval}&range=${range}&includePrePost=false`;\n\n const resp = await fetch(url, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36\",\n },\n });\n\n if (!resp.ok) {\n return c.json({ error: `Yahoo Finance error: ${resp.status}` }, 400);\n }\n\n const data = await resp.json();\n const result = data?.chart?.result?.[0];\n if (!result) {\n return c.json({ error: \"No data found for this symbol\" }, 404);\n }\n\n const timestamps = result.timestamp || [];\n const quote = result.indicators?.quote?.[0] || {};\n const { open, high, low, close, volume } = quote;\n\n // Build OHLCV candles\n const candles = [];\n for (let i = 0; i < timestamps.length; i++) {\n if (open[i] == null || high[i] == null || low[i] == null || close[i] == null) continue;\n candles.push({\n time: timestamps[i],\n open: Number(open[i].toFixed(4)),\n high: Number(high[i].toFixed(4)),\n low: Number(low[i].toFixed(4)),\n close: Number(close[i].toFixed(4)),\n volume: volume[i] || 0,\n });\n }\n\n const meta = result.meta || {};\n return c.json({\n symbol: meta.symbol,\n currency: meta.currency,\n exchangeName: meta.exchangeName,\n instrumentType: meta.instrumentType,\n candles,\n });\n});\n\n// Search / autocomplete symbols\napp.get(\"/api/search\", async (c) => {\n const q = c.req.query(\"q\") || \"\";\n if (q.length < 1) return c.json({ results: [] });\n\n const url = `https://query1.finance.yahoo.com/v1/finance/search?q=${encodeURIComponent(q)}"esCount=8&newsCount=0`;\n const resp = await fetch(url, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36\",\n },\n });\n\n if (!resp.ok) return c.json({ results: [] });\n const data = await resp.json();\n const results = (data.quotes || []).map((q: any) => ({\n symbol: q.symbol,\n name: q.shortname || q.longname || q.symbol,\n type: q.quoteType,\n exchange: q.exchange,\n }));\n\n return c.json({ results });\n});\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n","label",[137],"9b592654-53ae-11f1-8bd1-ee650bb23af1","frontend","9b592762-53ae-11f1-8bd1-ee650bb23af1",6,["D",1779214482084],"directory",[147],"pulls","branches",1,"forks","envVars",{"_161":67,"_163":67},"connections",{"_161":67,"_162":67},"count","unfilledCount","emptyCount",{"_48":146,"_37":147,"_35":148,"_138":-5,"_46":47,"_45":149,"_140":63,"_43":210,"_13":67,"_39":151,"_41":-5,"_29":30,"_144":-5,"_172":211,"_32":212},{"_48":205,"_37":196,"_35":192,"_138":148,"_46":47,"_45":206,"_140":63,"_43":207,"_13":67,"_39":151,"_41":-5,"_29":30,"_144":-5,"_172":208,"_32":209},{"_48":197,"_37":198,"_35":199,"_138":192,"_46":47,"_45":200,"_140":63,"_43":201,"_13":67,"_39":40,"_41":202,"_29":30,"_144":-5,"_172":203,"_32":204},{"_48":191,"_37":38,"_35":36,"_138":192,"_46":47,"_45":14,"_140":63,"_43":193,"_13":67,"_39":40,"_41":42,"_29":30,"_144":-5,"_172":194,"_32":195},{"_48":183,"_37":184,"_35":185,"_138":148,"_46":47,"_45":186,"_140":63,"_43":187,"_13":67,"_39":26,"_41":188,"_29":30,"_144":-5,"_172":189,"_32":190},{"_48":175,"_37":176,"_35":177,"_138":148,"_46":47,"_45":178,"_140":63,"_43":179,"_13":67,"_39":40,"_41":180,"_29":30,"_144":-5,"_172":181,"_32":182},{"_48":136,"_37":137,"_35":61,"_138":-5,"_46":47,"_45":139,"_140":63,"_43":171,"_13":67,"_39":142,"_41":143,"_29":30,"_144":-5,"_172":173,"_32":174},["D",1779214479321],"children",[],[137],"a126c41a-53ae-11f1-8bd1-ee650bb23af1","index.tsx","a126c514-53ae-11f1-8bd1-ee650bb23af1",8,["D",1779214491818],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\ncreateRoot(root).render();\n",[],[147,176],"9e92b2f4-53ae-11f1-a85a-ee650bb23af1","index.html","9e92b498-53ae-11f1-a85a-ee650bb23af1",7,["D",1779214487487],"\n\n \n \n \n Anchored VWAP\n \n ⚓\">\n \n \n

\n \n \n \n\n",[],[147,184],"b203f3b6-53ae-11f1-83c5-ee650bb23af1","a3760adc-53ae-11f1-8bd1-ee650bb23af1",["D",1779214520114],[],[147,196,38],"components","a95f6308-53ae-11f1-8bd1-ee650bb23af1","App.tsx","a95f6434-53ae-11f1-8bd1-ee650bb23af1",10,["D",1779214505606],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { SearchBar } from \"./SearchBar.tsx\";\nimport { Chart } from \"./Chart.tsx\";\n\nexport function App() {\n const [symbol, setSymbol] = useState(\"AAPL\");\n const [interval, setInterval_] = useState<\"5m\" | \"1d\">(\"1d\");\n\n const handleSymbolSelect = useCallback((sym: string) => {\n setSymbol(sym);\n }, []);\n\n return (\n

\n {/* Header */}\n

\n ⚓\n Anchored VWAP\n

\n\n \n\n {/* Interval Toggle */}\n

\n setInterval_(\"5m\")}\n >\n 5 min\n \n setInterval_(\"1d\")}\n >\n Daily\n \n

\n\n

\n Click any candle to anchor VWAP\n view source\n

\n\n {/* Chart */}\n

\n \n

\n );\n}\n",[],[147,196,198],"a3760a1e-53ae-11f1-8bd1-ee650bb23af1",9,["D",1779214495694],[166,167],[147,196],["D",1779214482084],[165,168,169],[147],["D",1779214164558],["D",1789501878689],{"_104":103,"_111":107},{"_104":103,"_105":103,"_106":107,"_19":59,"_108":109,"_110":30},{"_13":93,"_37":94,"_48":47,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":50,"_102":103},"ctx",{"_86":-5,"_131":251,"_252":253,"_254":255,"_256":30,"_257":30,"_258":30,"_259":63,"_260":-5,"_261":-7,"_262":-7,"_263":67,"_264":30,"_265":30,"_266":-5,"_267":30,"_268":30,"_269":30,"_270":-5},"ENV",{"_222":223,"_224":225,"_226":94,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250},"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"]

Diff · v11