/* ============================================================ watchlist.jsx — neutral price watchlist (sellable build). No prescriptive buy/sell signals — each trader uses their own strategy. Tracks price + % today (auto), user-set entry/stop alerts, and free-form notes. window.WL kept API-compatible (grade is a no-op) so the sidebar alert/badge components keep working. ============================================================ */ (function () { const { useState, useMemo, useEffect, useRef } = React; const { Icon, Card, Drawer, Field } = window; const T = window.TL; // fetch latest price + % change from Twelve Data async function fetchTD(ticker, key) { const url = `https://api.twelvedata.com/time_series?symbol=${encodeURIComponent(ticker)}&interval=1day&outputsize=2&apikey=${key}`; const r = await fetch(url); const d = await r.json(); if (!d || d.status === 'error' || !Array.isArray(d.values) || !d.values.length) { throw new Error(d && d.message ? d.message : 'no data'); } // newest→oldest const closes = d.values.map(v => parseFloat(v.close)); const price = closes[0]; const prev = closes.length > 1 ? closes[1] : price; return { currentPrice: +price.toFixed(2), pctToday: prev ? +(((price - prev) / prev) * 100).toFixed(2) : null }; } // neutral "grade" — no signal verdict (kept for API compatibility) function grade() { return { g: null, label: '', sub: '', active: false }; } // price alerts the USER defines: entry zone, stop, big move function priceAlerts(w) { const a = []; const p = w.currentPrice; if (p != null && w.target != null && p <= w.target) a.push({ kind: 'target', text: `ถึงโซน entry ≤ ${T.fmtNum(w.target, 2)}` }); if (p != null && w.stop != null && p <= w.stop) a.push({ kind: 'stop', text: `หลุด stop ≤ ${T.fmtNum(w.stop, 2)}` }); if (w.pctToday != null && Math.abs(w.pctToday) >= 5) a.push({ kind: 'move', text: `${w.pctToday > 0 ? '+' : ''}${w.pctToday.toFixed(1)}% วันนี้` }); return a; } window.WL = { grade, priceAlerts, GRADES: {} }; // ---- form ----------------------------------------------------------- const blank = { ticker: '', note: '', target: null, stop: null, currentPrice: null, pctToday: null }; function WatchForm({ initial, onSave, onDelete, onClose }) { const [f, setF] = useState(() => ({ ...blank, ...(initial && initial !== 'new' ? initial : {}) })); const [copied, setCopied] = useState(false); const [preview, setPreview] = useState(null); const taRef = useRef(null); const set = (k, v) => setF(s => ({ ...s, [k]: v })); const num = (k) => (e) => { const v = e.target.value; set(k, v === '' ? null : parseFloat(v)); }; const save = () => { if (!f.ticker.trim()) return; onSave({ ...f, ticker: f.ticker.toUpperCase().trim() }); onClose(); }; const buildSummary = () => { const d = new Date(); const dateStr = d.toLocaleDateString('th-TH', { day: 'numeric', month: 'short', year: 'numeric' }); const L = []; L.push(`📌 $${(f.ticker || '').toUpperCase()} — Watchlist (${dateStr})`); L.push(''); if (f.currentPrice != null) L.push(`ราคา: $${T.fmtNum(f.currentPrice, 2)}${f.pctToday != null ? ` (${f.pctToday >= 0 ? '+' : ''}${f.pctToday.toFixed(2)}% วันนี้)` : ''}`); if (f.target != null) L.push(`Target เข้า: ≤ $${T.fmtNum(f.target, 2)}`); if (f.stop != null) L.push(`Stop: ≤ $${T.fmtNum(f.stop, 2)}`); if (f.note && f.note.trim()) { L.push(''); L.push(`📝 ${f.note.trim()}`); } L.push(''); L.push('#Fillbook #watchlist'); return L.join('\n'); }; const copySummary = () => { const txt = buildSummary(); setPreview(txt); setCopied(false); if (navigator.clipboard && window.isSecureContext) navigator.clipboard.writeText(txt).then(() => setCopied(true)).catch(() => {}); }; const copyFromPreview = () => { const txt = preview || ''; const done = () => { setCopied(true); }; if (navigator.clipboard && window.isSecureContext) { navigator.clipboard.writeText(txt).then(done).catch(() => { if (taRef.current) { taRef.current.focus(); taRef.current.select(); try { document.execCommand('copy'); done(); } catch (e) {} } }); } else if (taRef.current) { taRef.current.focus(); taRef.current.select(); try { document.execCommand('copy'); done(); } catch (e) {} } }; const shareX = () => { window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(buildSummary()), '_blank'); }; const up = f.pctToday != null && f.pctToday >= 0; return (
set('ticker', e.target.value)} />