[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_244":245,"_246":247},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_123":-5,"_19":124,"_125":126,"_127":128,"_129":130,"_131":132,"_21":133,"_134":-5,"_135":-5,"_136":24,"_137":138,"_139":83,"_140":-5,"_141":-5,"_142":143},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","aytajg","name","ANCHORED-VWAP","branchName","main","path","frontend/index.html","project",{"_32":71,"_13":14,"_36":72,"_73":-5,"_74":24,"_75":76,"_77":76,"_78":-5,"_79":-5,"_30":67,"_80":81,"_82":83,"_84":-5,"_85":-5,"_86":26,"_40":41,"_87":88,"_89":90,"_91":92,"_93":-5,"_94":95,"_96":95,"_97":98,"_99":98,"_100":98,"_101":95,"_102":95,"_52":103,"_104":105,"_106":107,"_108":24},"file",{"_62":63,"_13":64,"_65":21,"_66":24,"_70":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60},"id","9e959578-53ae-11f1-a85a-ee650bb23af1","branchId","de15f7c0-53ad-11f1-862a-ee650bb23af1","createdAt",["D",1779214487487],"version",7,"orgId","019e416c-d24f-735b-b0ad-5f2694549a92","parentId","9b5ab15e-53ae-11f1-8bd1-ee650bb23af1","incomingCommitId","aiChatMessageId","e67af2dd-0997-4544-a87e-537b2fe2c3b6","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":67,"_40":41,"_11":12,"_68":69},{"_62":63,"_13":64,"_65":21,"_66":24},"pull","merge","revert","multiple","commits",[61],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5},"fileId","9e92b498-53ae-11f1-a85a-ee650bb23af1","index.html","fileType","deleted","38c2ae40-401c-430b-ad9f-5f15f196a472","avatar","https://avatars.githubusercontent.com/u/210577132?v=4","deletedAtVersion","de155f18-53ad-11f1-862a-ee650bb23af1",["D",1779214164558],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","99b38998-53ae-11f1-83c5-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","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",{"_11":12,"_122":69},"org",{"_11":12,"_118":12,"_68":69,"_30":67,"_119":120,"_121":24},"branch",{"_38":109,"_13":16,"_32":35,"_110":71,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":14,"_117":12},"isOwned",13,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":71,"_13":14,"_36":239,"_73":-5,"_74":24,"_75":76,"_77":76,"_78":-5,"_79":-5,"_30":67,"_80":81,"_82":83,"_84":-5,"_85":-5,"_86":26,"_40":41,"_87":88,"_89":90,"_91":240,"_93":-5,"_94":95,"_96":95,"_97":98,"_99":98,"_100":98,"_101":95,"_102":95,"_52":241,"_104":242,"_106":243,"_108":24},"tree",[164,171,172],"files",[164,165,166,167,168,169,170,171,172],"counts",{"_153":26,"_154":155,"_156":26,"_157":158,"_159":160},"contents",[],{"_32":144,"_34":35,"_62":63,"_13":64,"_145":146,"_65":21,"_38":26,"_42":147,"_36":148,"_149":39,"_150":-5,"_17":151},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"9e92b2f4-53ae-11f1-a85a-ee650bb23af1","content","\n\n \n \n \n Anchored VWAP\n \n ⚓\">\n \n \n

\n \n \n \n\n","9b592762-53ae-11f1-8bd1-ee650bb23af1",["D",1779214487487],"branchVersion","label",[152,64],"frontend","pulls","branches",1,"forks","envVars",{"_161":26,"_163":26},"connections",{"_161":26,"_162":26},"count","unfilledCount","emptyCount",{"_32":234,"_13":152,"_62":147,"_42":-5,"_34":35,"_149":235,"_176":83,"_36":236,"_38":26,"_65":231,"_145":-5,"_66":24,"_150":-5,"_180":237,"_17":238},{"_32":228,"_13":211,"_62":205,"_42":147,"_34":35,"_149":229,"_176":83,"_36":230,"_38":26,"_65":231,"_145":-5,"_66":24,"_150":-5,"_180":232,"_17":233},{"_32":220,"_13":221,"_62":222,"_42":205,"_34":35,"_149":223,"_176":83,"_36":224,"_38":26,"_65":195,"_145":225,"_66":24,"_150":-5,"_180":226,"_17":227},{"_32":212,"_13":213,"_62":214,"_42":205,"_34":35,"_149":215,"_176":83,"_36":216,"_38":26,"_65":195,"_145":217,"_66":24,"_150":-5,"_180":218,"_17":219},{"_32":202,"_13":203,"_62":204,"_42":205,"_34":35,"_149":206,"_176":83,"_36":207,"_38":26,"_65":195,"_145":208,"_66":24,"_150":-5,"_180":209,"_17":210},{"_32":144,"_13":64,"_62":63,"_42":147,"_34":35,"_149":39,"_176":83,"_36":199,"_38":26,"_65":21,"_145":146,"_66":24,"_150":-5,"_180":200,"_17":201},{"_32":190,"_13":191,"_62":192,"_42":147,"_34":35,"_149":193,"_176":83,"_36":194,"_38":26,"_65":195,"_145":196,"_66":24,"_150":-5,"_180":197,"_17":198},{"_32":183,"_13":184,"_62":185,"_42":-5,"_34":35,"_149":109,"_176":83,"_36":186,"_38":26,"_65":21,"_145":187,"_66":24,"_150":-5,"_180":188,"_17":189},{"_32":173,"_13":174,"_62":81,"_42":-5,"_34":35,"_149":175,"_176":83,"_36":177,"_38":26,"_65":178,"_145":179,"_66":24,"_150":-5,"_180":181,"_17":182},"99b388ee-53ae-11f1-83c5-ee650bb23af1","index.ts",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","children",[],[174],"de7ddbbe-53ae-11f1-a85a-ee650bb23af1","README.md","de7ddc86-53ae-11f1-a85a-ee650bb23af1",["D",1779214594725],"# ⚓ Anchored VWAP\n\nInteractive **Anchored Volume Weighted Average Price** (AVWAP) chart tool powered by Yahoo Finance data.\n\n## Features\n\n- **Click to anchor** — Click any candle on the chart to set the VWAP anchor point\n- **All asset types** — Stocks, ETFs, Crypto, Forex, Futures\n- **Two timeframes** — 5-minute (5 days of data) and Daily (1 year of data)\n- **Symbol search** — Autocomplete search for any Yahoo Finance symbol\n- **Real-time VWAP calculation** — `AVWAP = Σ(TP × Volume) / Σ(Volume)` from anchor forward\n\n## How to Use\n\n1. Search for a symbol (e.g., `AAPL`, `BTC-USD`, `EURUSD=X`)\n2. Select a timeframe (5 min or Daily)\n3. **Click any candle** on the chart to set the anchor point\n4. The golden AVWAP line will appear from that point forward\n5. Click \"Clear Anchor\" to remove the VWAP line\n\n## Architecture\n\n```mermaid\ngraph LR\n A[Browser] --> B[Hono Server]\n B --> C[Yahoo Finance API]\n C --> B\n B --> A\n A --> D[Lightweight Charts]\n D --> E[Click → Anchor VWAP]\n```\n\n## Tech Stack\n\n- **Backend**: Hono (TypeScript)\n- **Frontend**: React 18 + TradingView Lightweight Charts\n- **Data**: Yahoo Finance v8 API\n- **Styling**: Twind (Tailwind CSS)\n",[],[184],"a126c41a-53ae-11f1-8bd1-ee650bb23af1","index.tsx","a126c514-53ae-11f1-8bd1-ee650bb23af1",8,["D",1779214491818],"script","/** @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",[],[152,191],["D",1779214487487],[],[152,64],"b203f3b6-53ae-11f1-83c5-ee650bb23af1","SearchBar.tsx","b203f47e-53ae-11f1-83c5-ee650bb23af1","a3760adc-53ae-11f1-8bd1-ee650bb23af1",11,["D",1779214520114],"/** @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",[],[152,211,203],"components","c6b94040-53ae-11f1-a85a-ee650bb23af1","Chart.tsx","c6b940ea-53ae-11f1-a85a-ee650bb23af1",12,["D",1779214554856],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef, useCallback } from \"https://esm.sh/react@18.2.0\";\n\ninterface Candle {\n time: number;\n open: number;\n high: number;\n low: number;\n close: number;\n volume: number;\n}\n\ninterface ChartData {\n symbol: string;\n currency: string;\n exchangeName: string;\n instrumentType: string;\n candles: Candle[];\n}\n\n// Calculate anchored VWAP from a given index\nfunction calcAnchoredVWAP(candles: Candle[], anchorIdx: number) {\n const vwapData: { time: number; value: number }[] = [];\n let cumTPV = 0; // cumulative (typical price * volume)\n let cumVol = 0; // cumulative volume\n\n for (let i = anchorIdx; i < candles.length; i++) {\n const c = candles[i];\n const tp = (c.high + c.low + c.close) / 3;\n cumTPV += tp * c.volume;\n cumVol += c.volume;\n if (cumVol > 0) {\n vwapData.push({ time: c.time, value: Number((cumTPV / cumVol).toFixed(4)) });\n }\n }\n return vwapData;\n}\n\nexport function Chart({ symbol, interval }: { symbol: string; interval: \"5m\" | \"1d\" }) {\n const containerRef = useRef(null);\n const chartRef = useRef(null);\n const candleSeriesRef = useRef(null);\n const volumeSeriesRef = useRef(null);\n const vwapSeriesRef = useRef(null);\n const candlesRef = useRef([]);\n const [anchorTime, setAnchorTime] = useState(null);\n const [status, setStatus] = useState(\"Loading...\");\n const [chartInfo, setChartInfo] = useState<{ symbol: string; currency: string } | null>(null);\n const lwcModuleRef = useRef(null);\n\n const range = interval === \"5m\" ? \"5d\" : \"1y\";\n\n // Load lightweight-charts dynamically\n const getLWC = useCallback(async () => {\n if (lwcModuleRef.current) return lwcModuleRef.current;\n lwcModuleRef.current = await import(\"https://esm.sh/lightweight-charts@4.1.3\");\n return lwcModuleRef.current;\n }, []);\n\n // Initialize chart\n useEffect(() => {\n let disposed = false;\n\n (async () => {\n const lwc = await getLWC();\n if (disposed || !containerRef.current) return;\n\n // Clean up previous chart\n if (chartRef.current) {\n chartRef.current.remove();\n chartRef.current = null;\n }\n\n const chart = lwc.createChart(containerRef.current, {\n layout: {\n background: { color: \"#0a0a1a\" },\n textColor: \"#9ca3af\",\n },\n grid: {\n vertLines: { color: \"#1f2937\" },\n horzLines: { color: \"#1f2937\" },\n },\n crosshair: {\n mode: lwc.CrosshairMode.Normal,\n },\n rightPriceScale: {\n borderColor: \"#374151\",\n },\n timeScale: {\n borderColor: \"#374151\",\n timeVisible: interval === \"5m\",\n secondsVisible: false,\n },\n width: containerRef.current.clientWidth,\n height: containerRef.current.clientHeight,\n });\n\n const candleSeries = chart.addCandlestickSeries({\n upColor: \"#22c55e\",\n downColor: \"#ef4444\",\n borderDownColor: \"#ef4444\",\n borderUpColor: \"#22c55e\",\n wickDownColor: \"#ef4444\",\n wickUpColor: \"#22c55e\",\n });\n\n const volumeSeries = chart.addHistogramSeries({\n color: \"#3b82f6\",\n priceFormat: { type: \"volume\" },\n priceScaleId: \"\",\n });\n\n volumeSeries.priceScale().applyOptions({\n scaleMargins: { top: 0.8, bottom: 0 },\n });\n\n chartRef.current = chart;\n candleSeriesRef.current = candleSeries;\n volumeSeriesRef.current = volumeSeries;\n\n // Handle resize\n const resizeObserver = new ResizeObserver((entries) => {\n if (entries[0] && chartRef.current) {\n const { width, height } = entries[0].contentRect;\n chartRef.current.applyOptions({ width, height });\n }\n });\n resizeObserver.observe(containerRef.current);\n\n // Click handler for anchoring\n chart.subscribeClick((param: any) => {\n if (!param.time) return;\n // Find the candle index by time\n const candles = candlesRef.current;\n const clickedTime = typeof param.time === \"object\"\n ? new Date(param.time.year, param.time.month - 1, param.time.day).getTime() / 1000\n : param.time;\n const idx = candles.findIndex((c) => c.time === clickedTime);\n if (idx >= 0) {\n setAnchorTime(clickedTime);\n drawVWAP(candles, idx);\n }\n });\n\n return () => {\n resizeObserver.disconnect();\n };\n })();\n\n return () => {\n disposed = true;\n if (chartRef.current) {\n chartRef.current.remove();\n chartRef.current = null;\n }\n };\n }, [interval]);\n\n // Draw VWAP line\n const drawVWAP = useCallback(async (candles: Candle[], anchorIdx: number) => {\n const lwc = await getLWC();\n if (!chartRef.current) return;\n\n // Remove old VWAP line\n if (vwapSeriesRef.current) {\n chartRef.current.removeSeries(vwapSeriesRef.current);\n vwapSeriesRef.current = null;\n }\n\n const vwapData = calcAnchoredVWAP(candles, anchorIdx);\n if (vwapData.length === 0) return;\n\n const vwapSeries = chartRef.current.addLineSeries({\n color: \"#f59e0b\",\n lineWidth: 2,\n lineStyle: lwc.LineStyle.Solid,\n title: \"AVWAP\",\n priceLineVisible: true,\n lastValueVisible: true,\n });\n\n vwapSeries.setData(vwapData);\n\n // Add anchor marker\n candleSeriesRef.current?.setMarkers([{\n time: candles[anchorIdx].time,\n position: \"belowBar\",\n color: \"#f59e0b\",\n shape: \"arrowUp\",\n text: \"⚓ Anchor\",\n }]);\n\n vwapSeriesRef.current = vwapSeries;\n }, [getLWC]);\n\n // Fetch data\n useEffect(() => {\n let cancelled = false;\n\n (async () => {\n setStatus(\"Loading...\");\n setAnchorTime(null);\n\n // Remove old vwap and markers\n if (vwapSeriesRef.current && chartRef.current) {\n chartRef.current.removeSeries(vwapSeriesRef.current);\n vwapSeriesRef.current = null;\n }\n if (candleSeriesRef.current) {\n candleSeriesRef.current.setMarkers([]);\n }\n\n try {\n const resp = await fetch(`/api/chart?symbol=${encodeURIComponent(symbol)}&interval=${interval}&range=${range}`);\n const data: ChartData = await resp.json();\n if (cancelled) return;\n\n if ((data as any).error) {\n setStatus((data as any).error);\n return;\n }\n\n const candles = data.candles;\n candlesRef.current = candles;\n\n if (candleSeriesRef.current) {\n candleSeriesRef.current.setData(\n candles.map((c) => ({ time: c.time, open: c.open, high: c.high, low: c.low, close: c.close })),\n );\n }\n\n if (volumeSeriesRef.current) {\n volumeSeriesRef.current.setData(\n candles.map((c) => ({\n time: c.time,\n value: c.volume,\n color: c.close >= c.open ? \"rgba(34,197,94,0.3)\" : \"rgba(239,68,68,0.3)\",\n })),\n );\n }\n\n if (chartRef.current) {\n chartRef.current.timeScale().fitContent();\n }\n\n setChartInfo({ symbol: data.symbol, currency: data.currency });\n setStatus(\"\");\n } catch (err) {\n if (!cancelled) setStatus(\"Failed to load data\");\n }\n })();\n\n return () => { cancelled = true; };\n }, [symbol, interval, range]);\n\n // Clear anchor\n const clearAnchor = () => {\n setAnchorTime(null);\n if (vwapSeriesRef.current && chartRef.current) {\n chartRef.current.removeSeries(vwapSeriesRef.current);\n vwapSeriesRef.current = null;\n }\n if (candleSeriesRef.current) {\n candleSeriesRef.current.setMarkers([]);\n }\n };\n\n return (\n

\n {/* Status bar */}\n {(status || chartInfo || anchorTime) && (\n

\n {status && {status}}\n {chartInfo && !status && (\n \n {chartInfo.symbol} · {chartInfo.currency} · {interval === \"5m\" ? \"5 min\" : \"Daily\"}\n \n )}\n {anchorTime && (\n \n ⚓ Clear Anchor\n \n )}\n

\n )}\n

\n );\n}\n",[],[152,211,213],"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",[],[152,211,221],"a3760a1e-53ae-11f1-8bd1-ee650bb23af1",9,["D",1779214495694],"directory",[166,167,168],[152,211],"9b592654-53ae-11f1-8bd1-ee650bb23af1",6,["D",1779214482084],[165,169,170],[152],["D",1779214164558],["D",1789501878689],{"_11":12,"_122":69},{"_11":12,"_118":12,"_68":69,"_30":67,"_119":120,"_121":24},{"_38":109,"_13":16,"_32":35,"_110":71,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":14,"_117":12},"ctx",{"_52":-5,"_141":277,"_278":279,"_280":281,"_282":24,"_283":24,"_284":24,"_285":83,"_286":-5,"_287":-7,"_288":-7,"_289":26,"_290":24,"_291":24,"_292":-5,"_293":24,"_294":24,"_295":24,"_296":-5},"ENV",{"_248":249,"_250":251,"_252":16,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276},"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