4a:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4b:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4c:T4c77,'use client'; import { useCallback, useEffect, useMemo, useState, type ComponentProps } from 'react'; import NumberFlow from '@number-flow/react'; import { Area, AreaChart, CartesianGrid, ReferenceDot, ReferenceLine, XAxis, YAxis } from 'recharts'; import type { IconSet } from './forecast-icons'; import { ForecastScreens, type ForecastAction, type OpenForecastDay } from './forecast-screens'; import { forecastDays, type ForecastDay } from '@/lib/wxcn/forecast-days.js'; import type { ForecastType, LocationInput, TidePoint, TidePrediction, TideReading, TideUnit } from '@/lib/wxcn/types.js'; import { sampleTideSeries, sampleTideTime, sampleTides } from '@/lib/wxcn/tides.js'; import { tideState, tideTimestamp } from '@/lib/wxcn/tide-state.js'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart'; export type TideForecastProps = { interactive?: boolean; iconType?: IconSet; timeZone?: string; type?: ForecastType; size?: 'sm' | 'default' | 'lg'; density?: 'compact' | 'comfortable'; className?: string; unit?: TideUnit; location?: LocationInput; predictions?: TidePrediction[]; example?: boolean; series?: TidePoint[]; reading?: TideReading | null; at?: number; sourceLabel?: string; }; const defaultLocation: LocationInput = { label: 'Galveston Pier 21, TX', latitude: 29.31, longitude: -94.7933, station: '8771450', timeZone: 'America/Chicago' }; const chartConfig = { height: { label: 'Tide level', color: 'var(--chart-1)' } }; type ChartPoint = { time: number; height: number }; const formatTime = (value: string | number, timeZone: string) => new Intl.DateTimeFormat('en-US', { hour: 'numeric', minute: '2-digit', timeZone }).format(typeof value === 'string' ? tideTimestamp(value) : value); const formatDateTime = (value: string, timeZone: string) => new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit', timeZone }).format(tideTimestamp(value)); function TideTooltipContent({ onHover, displayTimeZone, unit, ...props }: ComponentProps & { onHover: (point: ChartPoint | null) => void; displayTimeZone: string; unit: TideUnit; }) { const payloadPoint = props.payload?.[0]?.payload as Partial | undefined; useEffect(() => { onHover( payloadPoint?.time !== undefined && payloadPoint.height !== undefined ? { time: payloadPoint.time, height: payloadPoint.height } : null ); }, [onHover, payloadPoint?.height, payloadPoint?.time]); const symbol = unit === 'meter' ? 'm' : 'ft'; const convertedHeight = (value: number) => (value * (unit === 'meter' ? 0.3048 : 1)).toFixed(1); return ( payloadPoint?.time === undefined ? 'Tide level' : formatTime(payloadPoint.time, displayTimeZone) } formatter={(value) => `${convertedHeight(Number(value))} ${symbol}`} /> ); } export function TideForecast({ interactive = false, iconType, timeZone, type = 'summary', size = 'default', density = 'comfortable', className = '', unit = 'ft', location = defaultLocation, predictions = sampleTides, example, series, reading = null, at, sourceLabel = 'Sample tides' }: TideForecastProps) { const [visitorTimeZone, setVisitorTimeZone] = useState('UTC'); const [clock, setClock] = useState(null); const [hovered, setHovered] = useState(null); const [dayHovered, setDayHovered] = useState(null); useEffect(() => { setVisitorTimeZone(Intl.DateTimeFormat().resolvedOptions().timeZone); setClock(Date.now()); const timer = window.setInterval(() => setClock(Date.now()), 60_000); return () => window.clearInterval(timer); }, []); const displayTimeZone = timeZone ?? location.timeZone ?? visitorTimeZone; const isSample = example ?? predictions === sampleTides; const now = at ?? (isSample ? sampleTideTime : (clock ?? 0)); const tide = useMemo( () => tideState(predictions, series ?? (isSample ? sampleTideSeries : []), reading, now), [predictions, series, isSample, reading, now] ); const chartData = useMemo(() => { const curveData = tide.points.filter( (point: ChartPoint) => point.time >= now - 12 * 60 * 60 * 1000 && point.time <= now + 18 * 60 * 60 * 1000 ); if (tide.predicted !== null && !curveData.some((point: ChartPoint) => point.time === now)) { return [...curveData, { time: now, height: tide.predicted }].sort( (a: ChartPoint, b: ChartPoint) => a.time - b.time ); } return curveData; }, [now, tide.points, tide.predicted]); const domain = useMemo(() => { const values = chartData.map((point: ChartPoint) => point.height); if (tide.level !== null) values.push(tide.level); if (!values.length) return [0, 1] as [number, number]; const low = Math.min(...values); const high = Math.max(...values); const padding = Math.max(0.15, (high - low) * 0.2); return [low - padding, high + padding] as [number, number]; }, [chartData, tide.level]); const height = (value: number) => (value * (unit === 'meter' ? 0.3048 : 1)).toFixed(1); const symbol = unit === 'meter' ? 'm' : 'ft'; const chartHeight = size === 'sm' ? 64 : size === 'lg' ? 144 : 112; const handleHover = useCallback((point: ChartPoint | null) => setHovered(point), []); const handleDayHover = useCallback((point: ChartPoint | null) => setDayHovered(point), []); const days = useMemo( () => forecastDays( tide.events .filter((event) => { const eventTime = tideTimestamp(event.time); return eventTime >= now && eventTime < now + 7 * 86400000; }) .map((event) => ({ time: tideTimestamp(event.time), label: formatTime(event.time, displayTimeZone), summary: `${event.type === 'H' ? 'High' : 'Low'} tide · ${height(Number(event.height))} ${symbol}`, details: `Predicted ${event.type === 'H' ? 'high' : 'low'} tide, ${height(Number(event.height))} ${symbol} above MLLW.` })), displayTimeZone ), [now, tide.events, displayTimeZone, symbol, unit] ); if ( !isSample && (predictions.length > 0 || (series?.length ?? 0) > 0) && at === undefined && clock === null ) { return ( Tides {location.label}

Loading current tide time…

); } function pointsForDay(day: ForecastDay) { const key = new Intl.DateTimeFormat('en-CA', { timeZone: displayTimeZone, year: 'numeric', month: '2-digit', day: '2-digit' }); return tide.points.filter((point) => key.format(point.time) === day.key); } function dailyDomain(points: ChartPoint[]): [number, number] { const values = points.map((point) => point.height); if (!values.length) return [0, 1]; const low = Math.min(...values); const high = Math.max(...values); const padding = Math.max(0.15, (high - low) * 0.2); return [low - padding, high + padding]; } function cardView( day: ForecastDay | undefined, action: ForecastAction, openDay: OpenForecastDay ) { const events = day ? tide.events.filter((event) => day.entries.some((entry) => entry.time === tideTimestamp(event.time)) ) : predictions; const viewNow = day ? day.entries[0].time : now; const viewTide = day ? tideState(events, series ?? (isSample ? sampleTideSeries : []), null, viewNow) : tide; const viewChartData = day ? pointsForDay(day) : chartData; const viewDomain = day ? dailyDomain(viewChartData) : domain; const viewHovered = day ? dayHovered && viewChartData.some((point) => point.time === dayHovered.time) ? dayHovered : null : hovered; const updateHover = day ? handleDayHover : handleHover; const viewDisplayedLevel = viewHovered?.height ?? viewTide.level; const viewDisplayedTime = viewHovered?.time ?? (day ? viewNow : viewTide.observed ? tideTimestamp(viewTide.observed.time) : now); const viewIndicatorTime = viewHovered?.time ?? (day ? viewDisplayedTime : now); const viewIndicatorLevel = viewHovered?.height ?? viewTide.predicted; const viewTimeParts = new Intl.DateTimeFormat('en-US', { hour: 'numeric', minute: '2-digit', timeZone: displayTimeZone }).formatToParts(viewDisplayedTime); const neighbors = (

{[ { label: 'Previous', event: viewTide.previous }, { label: 'Next', event: viewTide.next } ].map(({ label, event }) => (

{label} {event ? (event.type === 'H' ? 'high tide' : 'low tide') : 'tide'}

{event ? formatTime(event.time, displayTimeZone) : 'Unavailable'}

{event ? (

{height(Number(event.height))} {symbol}

) : null}

))}

); return ( <> {day?.label ?? 'Tides'} {location.label} {action(false)} {viewTide.events.length || viewTide.points.length ? ( <>

{viewHovered ? 'Predicted water level' : !day && isSample ? 'Example water level' : viewTide.observed ? 'Current water level' : viewTide.predicted !== null ? 'Predicted water level' : 'High/low predictions only'}

{viewDisplayedLevel === null ? ( '—' ) : ( )} {symbol}

{viewHovered ? 'Selected time' : viewTide.next ? viewTide.next.type === 'H' ? 'Rising toward high tide' : 'Falling toward low tide' : 'Tide outlook'}

{formatTime(viewDisplayedTime, displayTimeZone)}

{size === 'sm' ? neighbors : null}

{viewChartData.length > 1 ? ( <> { const index = Number(state.activeTooltipIndex); const point = Number.isInteger(index) ? viewChartData[index] : undefined; updateHover(point ?? null); }} onMouseLeave={() => updateHover(null)} > } /> {viewIndicatorLevel !== null && viewIndicatorTime >= viewChartData[0].time && viewIndicatorTime <= viewChartData[viewChartData.length - 1].time ? ( <> ) : null}

{formatTime(viewChartData[0].time, displayTimeZone)} {size !== 'sm' ? ( MLLW · {viewTide.points.length ? 'predicted curve' : 'extrema only'} ) : null} {formatTime(viewChartData.at(-1)!.time, displayTimeZone)}

) : null}

{size !== 'sm' ? neighbors : null} {type !== 'simple' ? (

{(viewTide.events as TidePrediction[]) .filter((event: TidePrediction) => tideTimestamp(event.time) > viewNow) .slice(0, type === 'detailed' ? 6 : density === 'compact' ? 2 : 4) .map((event: TidePrediction) => (

{event.type === 'H' ? 'High tide' : 'Low tide'} {formatDateTime(event.time, displayTimeZone)} {height(Number(event.height))} {symbol}

))}

) : null} ) : (

No tide predictions available.

)} {!day && sourceLabel ? (

{sourceLabel}

) : null} ); } const upcomingSummary = (availableHeight: number) => { const events = tide.events .filter((event) => tideTimestamp(event.time) >= now) .slice(0, size === 'lg' ? 12 : Math.max(1, Math.floor(availableHeight / 36))); return (

{events.length ? ( events.map((event) => (

{event.type === 'H' ? 'High tide' : 'Low tide'} {formatDateTime(event.time, displayTimeZone)} {height(Number(event.height))} {symbol}

)) ) : (

No upcoming tide predictions available.

)}

); }; return ( cardView(undefined, action, openDay)} detail={(day, action) => cardView(day, action, () => {})} /> ); } export default TideForecast; 4d:T2191,'use client'; import { useEffect, useLayoutEffect, useRef, useState, type ReactNode } from 'react'; import { CardAction, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { ForecastIcon, type IconSet } from './forecast-icons'; import type { ForecastDay } from '@/lib/wxcn/forecast-days.js'; export type ForecastAction = (onSurface: boolean) => ReactNode; export type OpenForecastDay = (time: string, trigger: HTMLElement) => void; export interface ForecastScreensProps { interactive: boolean; days: ForecastDay[]; title: string; density: string; sourceLabel: string; summary?: (availableHeight: number) => ReactNode; daySummary?: (day: ForecastDay) => ReactNode; actionLabel?: string; summaryTitle?: string; showWeek?: boolean; iconType?: IconSet; flush?: boolean; detail: (day: ForecastDay, action: ForecastAction) => ReactNode; children: ( openDay: OpenForecastDay, action: ForecastAction, overviewVisible: boolean ) => ReactNode; } export function ForecastScreens({ interactive, days, title, summary, daySummary, actionLabel = 'View week', summaryTitle = 'Upcoming tides', showWeek = true, iconType, flush = false, detail, children }: ForecastScreensProps) { const [screen, setScreen] = useState<'overview' | 'week' | 'day'>('overview'); const [selectedKey, setSelectedKey] = useState(''); const [availableHeight, setAvailableHeight] = useState(0); const surface = useRef(null); const table = useRef(null); const host = useRef(null); const fromWeek = useRef(false); const originIndex = useRef(0); const originTrigger = useRef(null); const focusTarget = useRef<'surface' | 'origin' | 'day' | null>(null); const selected = days.find((day) => day.key === selectedKey); const active = interactive && (screen !== 'day' || selected) ? screen : 'overview'; useEffect(() => { if (active !== screen) setScreen('overview'); }, [active, screen]); useLayoutEffect(() => { if (active !== 'week' || !table.current) return; const node = table.current; const update = () => setAvailableHeight(node.clientHeight); const observer = new ResizeObserver(update); observer.observe(node); update(); return () => observer.disconnect(); }, [active]); useLayoutEffect(() => { const target = focusTarget.current; if (!target) return; if (target === 'surface') { surface.current?.focus({ preventScroll: true }); focusTarget.current = null; return; } if ((target === 'day' && active !== 'week') || (target === 'origin' && active !== 'overview')) return; // Wait for the retained overview or resized detail surface to become visible. let frame = requestAnimationFrame(() => { frame = requestAnimationFrame(() => { const trigger = target === 'day' ? host.current?.querySelector(`[data-forecast-day="${selectedKey}"]`) : originTrigger.current?.isConnected ? originTrigger.current : host.current?.querySelectorAll('button')[originIndex.current]; trigger?.focus({ preventScroll: true }); if (document.activeElement === trigger) focusTarget.current = null; }); }); return () => cancelAnimationFrame(frame); }, [active, selectedKey, availableHeight]); function open(next: 'week' | 'day', trigger: HTMLElement, key = '') { if (active === 'overview') { host.current = trigger.closest('[data-slot=card]'); originTrigger.current = trigger; originIndex.current = host.current ? [...host.current.querySelectorAll('button')].indexOf(trigger as HTMLButtonElement) : 0; } fromWeek.current = active === 'week'; setSelectedKey(key); focusTarget.current = 'surface'; setScreen(next); } const openDay: OpenForecastDay = (time, trigger) => { const day = days.find((day) => day.entries.some((entry) => entry.time === Date.parse(time))); if (day) open('day', trigger, day.key); }; function back() { if (active === 'day' && fromWeek.current) { focusTarget.current = 'day'; setScreen('week'); } else { focusTarget.current = 'origin'; setScreen('overview'); } } const weekAction: ForecastAction = (onSurface) => interactive && showWeek ? ( ) : null; const backAction: ForecastAction = (onSurface) => ( ); return ( <>

{children(openDay, weekAction, active === 'overview')}

{active !== 'overview' && (

{ if (event.key === 'Escape') { event.preventDefault(); back(); } }} className={`absolute inset-0 z-10 flex min-h-0 flex-col overflow-hidden rounded-[inherit] bg-card text-card-foreground outline-none ${active === 'day' && flush ? 'gap-0' : active === 'week' ? 'gap-2 py-3' : 'gap-[var(--card-spacing,var(--wxcn-spacing,1.5rem))] py-[var(--card-spacing,var(--wxcn-spacing,1.5rem))]'}`} > {active === 'day' && selected ? ( detail(selected, backAction) ) : ( <> {summary ? summaryTitle : `${title} • Week`} {backAction(false)}

{summary ? ( summary(availableHeight) ) : (

{days.map((day) => ( ))}

)}

)} ); } 4e:T8c1,import { IconPlaceholder } from '@/components/icon-placeholder'; export type IconName = 'arrowUp' | 'arrowDown' | 'weather' | 'sun' | 'moon' | 'tide' | 'wind' | 'rain' | 'snow'; export type IconSet = 'lucide' | 'tabler' | 'phosphor' | 'hugeicons' | 'remixicon'; export type ForecastIconProps = { name: IconName; iconSet?: IconSet; className?: string }; export function ForecastIcon({ name, className = 'size-5' }: ForecastIconProps) { switch (name) { case 'arrowUp': return ; case 'arrowDown': return ; case 'weather': return ; case 'sun': return ; case 'moon': return ; case 'tide': return ; case 'wind': return ; case 'rain': return ; case 'snow': return ; } } 4f:T5ea,export type CardSize = 'sm' | 'default' | 'lg'; export type CardDensity = 'compact' | 'comfortable'; export type ForecastType = 'summary' | 'detailed' | 'simple'; export type IconSet = 'hugeicons' | 'phosphor-svelte' | 'lucide' | 'tabler' | 'remix'; export type WeatherUnit = 'fahrenheit' | 'celsius'; export type TideUnit = 'ft' | 'meter'; export type LocationInput = { label?: string; latitude: number; longitude: number; station?: string; timeZone?: string; }; export type WeatherPeriod = { name: string; startTime: string; endTime?: string; temperature: number; temperatureUnit: string; windSpeed: string; windDirection: string; shortForecast: string; detailedForecast: string; isDaytime: boolean; }; export type TidePrediction = { time: string; height: string; type: 'H' | 'L'; }; export type MoonForecast = { date: string; phaseName: string; /** Astronomical phase cycle: 0 new, 0.25 first quarter, 0.5 full. */ phase?: number; illumination: number; age: number; nextFullMoon: string; nextNewMoon: string; }; /** Feet above MLLW. Prefer ISO 8601 timestamps with an explicit offset. */ export type TidePoint = { time: string; height: string }; export type TideReading = TidePoint; /** Current observed conditions; daily extrema use temperatureUnit and the location's calendar day. */ export type CurrentWeather = WeatherPeriod & { observedAt: string; highToday?: number; lowToday?: number; }; export type WeatherBackground = 'none' | 'realistic' | 'dithered' | 'gradient'; 50:T74a,export type ForecastEntry = { time: number; label: string; summary: string; details: string }; export type ForecastDay = { key: string; label: string; entries: ForecastEntry[] }; /** Group supplied periods in the location's calendar, without inventing missing days. */ export function forecastDays(entries: ForecastEntry[], timeZone: string): ForecastDay[] { const key = new Intl.DateTimeFormat('en-CA', { timeZone, year: 'numeric', month: '2-digit', day: '2-digit' }); const label = new Intl.DateTimeFormat('en-US', { timeZone, weekday: 'short', month: 'short', day: 'numeric' }); const days = new Map(); for (const entry of entries .filter((e) => Number.isFinite(e.time)) .toSorted((a, b) => a.time - b.time)) { const id = key.format(entry.time); if (!days.has(id)) days.set(id, { key: id, label: label.format(entry.time), entries: [] }); days.get(id)!.entries.push(entry); } return [...days.values()].slice(0, 7); } /** Resolve noon on a forecast calendar date in the location's time zone, including DST. */ export function forecastDayNoon(key: string, timeZone: string): number { const noon = Date.parse(`${key}T12:00:00Z`); const format = new Intl.DateTimeFormat('en-US', { timeZone, year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', hourCycle: 'h23' }); let instant = noon; for (let attempt = 0; attempt < 3; attempt++) { const parts = Object.fromEntries( format.formatToParts(instant).map(({ type, value }) => [type, value]) ); const wallTime = Date.UTC( Number(parts.year), Number(parts.month) - 1, Number(parts.day), Number(parts.hour), Number(parts.minute), Number(parts.second) ); const correction = noon - wallTime; instant += correction; if (!correction) break; } return instant; } 51:Tab8,import type { LocationInput, TidePrediction } from './types.js'; type NoaaPrediction = { t: string; v: string; type: 'H' | 'L'; }; type NoaaResponse = { predictions: NoaaPrediction[]; }; export async function fetchTidePredictions(location: LocationInput, date = new Date()) { if (!location.station) { throw new Error('NOAA tide predictions require a CO-OPS station id.'); } const begin = date.toISOString().slice(0, 10).replaceAll('-', ''); const url = new URL('https://api.tidesandcurrents.noaa.gov/api/prod/datagetter'); url.search = new URLSearchParams({ product: 'predictions', application: 'wxcn', begin_date: begin, range: '168', datum: 'MLLW', station: location.station, time_zone: 'gmt', units: 'english', interval: 'hilo', format: 'json' }).toString(); const response = await fetch(url); if (!response.ok) { throw new Error(`NOAA tide lookup failed with ${response.status}`); } const data = (await response.json()) as NoaaResponse; return data.predictions.map((prediction) => ({ time: prediction.t.replace(' ', 'T') + 'Z', height: prediction.v, type: prediction.type })) satisfies TidePrediction[]; } export const sampleTides: TidePrediction[] = [ { time: '2026-09-06T02:12:00-05:00', height: '1.8', type: 'H' }, { time: '2026-09-06T08:28:00-05:00', height: '0.4', type: 'L' }, { time: '2026-09-06T14:49:00-05:00', height: '1.5', type: 'H' }, { time: '2026-09-06T21:07:00-05:00', height: '0.3', type: 'L' }, { time: '2026-09-07T02:49:00-05:00', height: '1.8', type: 'H' }, { time: '2026-09-07T09:05:00-05:00', height: '0.4', type: 'L' }, { time: '2026-09-07T15:26:00-05:00', height: '1.5', type: 'H' }, { time: '2026-09-07T21:44:00-05:00', height: '0.3', type: 'L' }, { time: '2026-09-08T03:26:00-05:00', height: '1.8', type: 'H' }, { time: '2026-09-08T09:42:00-05:00', height: '0.4', type: 'L' }, { time: '2026-09-08T16:03:00-05:00', height: '1.5', type: 'H' }, { time: '2026-09-08T22:21:00-05:00', height: '0.3', type: 'L' }, { time: '2026-09-09T04:03:00-05:00', height: '1.8', type: 'H' }, { time: '2026-09-09T10:19:00-05:00', height: '0.4', type: 'L' }, { time: '2026-09-09T16:40:00-05:00', height: '1.5', type: 'H' }, { time: '2026-09-09T22:58:00-05:00', height: '0.3', type: 'L' } ]; export const sampleTideTime = Date.parse('2026-09-06T16:30:00Z'); // Illustrative six-minute samples, used only by the labeled coastal example. export const sampleTideSeries = Array.from({ length: 241 }, (_, i) => { const time = Date.parse('2026-09-06T05:00:00Z') + i * 360000; return { time: new Date(time).toISOString(), height: ( 0.95 + 0.65 * Math.cos(((time - Date.parse('2026-09-06T07:12:00Z')) / (12.6 * 3600000)) * 2 * Math.PI) ).toFixed(3) }; }); 52:T65b,import type { TidePrediction, TideReading, TidePoint } from './types.js'; // Offset-free legacy NOAA values are station wall times; all new API data uses UTC. export function tideTimestamp(time: string) { return Date.parse(/[zZ]|[+-]\d\d:\d\d$/.test(time) ? time : time.replace(' ', 'T') + 'Z'); } export function tideState( predictions: TidePrediction[], series: TidePoint[], reading: TideReading | null, now: number ) { const events = predictions .filter((p) => Number.isFinite(tideTimestamp(p.time)) && Number.isFinite(Number(p.height))) .toSorted((a, b) => tideTimestamp(a.time) - tideTimestamp(b.time)); const previous = events.filter((p) => tideTimestamp(p.time) <= now).at(-1); const next = events.find((p) => tideTimestamp(p.time) > now); const points = series .map((p) => ({ time: tideTimestamp(p.time), height: Number(p.height) })) .filter((p) => Number.isFinite(p.time) && Number.isFinite(p.height)) .toSorted((a, b) => a.time - b.time); const before = points.filter((p) => p.time <= now).at(-1), after = points.find((p) => p.time >= now); const predicted = before && after ? before.height + (after.height - before.height) * (after.time === before.time ? 0 : (now - before.time) / (after.time - before.time)) : null; const observed = reading && reading.height.trim() && Number.isFinite(Number(reading.height)) && now - tideTimestamp(reading.time) >= 0 && now - tideTimestamp(reading.time) <= 30 * 60000 ? reading : null; return { events, previous, next, points, predicted, observed, level: observed ? Number(observed.height) : predicted }; } 49:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","@number-flow/react@^0.5.8",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40number-flow%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@number-flow/react@^0.5.8"}]]}]}]]}],["$","$L4a",null,{"namespace":"@wxcn","registryDependencies":["card","badge","chart","button"]}]]}],null]}],["$","$L4b",null,{"files":[{"path":"packages/react/src/components/wxcn/tide-forecast.tsx","content":"$4c","type":"registry:component","target":"@components/wxcn/tide-forecast.tsx"},{"path":"packages/react/src/components/wxcn/forecast-screens.tsx","content":"$4d","type":"registry:component","target":"@components/wxcn/forecast-screens.tsx"},{"path":"packages/react/src/icons/forecast-icons.tsx","content":"$4e","type":"registry:component","target":"@components/wxcn/forecast-icons.tsx"},{"path":"packages/core/src/types.ts","content":"$4f","type":"registry:lib","target":"@lib/wxcn/types.ts"},{"path":"packages/core/src/forecast-days.ts","content":"$50","type":"registry:lib","target":"@lib/wxcn/forecast-days.ts"},{"path":"packages/core/src/tides.ts","content":"$51","type":"registry:lib","target":"@lib/wxcn/tides.ts"},{"path":"packages/core/src/tide-state.ts","content":"$52","type":"registry:lib","target":"@lib/wxcn/tide-state.ts"}],"className":"h-[70svh] min-h-80"}]]}]