ci(release): publish latest release

Author: hello-happy-puppy

RELEASE

@@ -1,6 +1,6 @@
 IPFS hash of the deployment:
-- CIDv0: `QmVjGEHerSD81dhou2gzGRJFYnKcbVf5oZbXuQuRWL8NuA`
-- CIDv1: `bafybeidnzs75ddd5ysduzxa4goru7tjgruipttu4gegc6vc7gx6i66fbfu`
+- CIDv0: `QmaR8WRjuT9xkFxFJTTQ4BFXvA8BfkgA2XHcADdWe8cAeN`
+- CIDv1: `bafybeiftoh7zj7xup6f3aee5tkqqm7ubp5vbvspvyt5oi4xcxmwutbt7am`
 
 The latest release is always mirrored at [app.uniswap.org](https://app.uniswap.org).
 
@@ -10,5 +10,5 @@ You can also access the Uniswap Interface from an IPFS gateway.
 Your Uniswap settings are never remembered across different URLs.
 
 IPFS gateways:
-- https://bafybeidnzs75ddd5ysduzxa4goru7tjgruipttu4gegc6vc7gx6i66fbfu.ipfs.dweb.link/
-- [ipfs://QmVjGEHerSD81dhou2gzGRJFYnKcbVf5oZbXuQuRWL8NuA/](ipfs://QmVjGEHerSD81dhou2gzGRJFYnKcbVf5oZbXuQuRWL8NuA/)
+- https://bafybeiftoh7zj7xup6f3aee5tkqqm7ubp5vbvspvyt5oi4xcxmwutbt7am.ipfs.dweb.link/
+- [ipfs://QmaR8WRjuT9xkFxFJTTQ4BFXvA8BfkgA2XHcADdWe8cAeN/](ipfs://QmaR8WRjuT9xkFxFJTTQ4BFXvA8BfkgA2XHcADdWe8cAeN/)

VERSION

@@ -1 +1 @@
-web/5.149.1
+web/5.149.2

apps/web/src/components/Charts/utils.test.ts

@@ -0,0 +1,13 @@
+import { getCurrentUTCTimestamp } from '~/components/Charts/utils'
+
+describe('getCurrentUTCTimestamp', () => {
+  it('returns whole integer seconds, not a fractional value', () => {
+    // Date.now() is millisecond-precision; lightweight-charts UTCTimestamp must be an integer second.
+    vi.spyOn(Date, 'now').mockReturnValue(1781279676509)
+
+    const result = getCurrentUTCTimestamp()
+
+    expect(result).toBe(1781279676)
+    expect(Number.isInteger(result)).toBe(true)
+  })
+})

apps/web/src/components/Charts/utils.tsx

@@ -87,9 +87,11 @@ export function withUTCTimestamp<T extends { timestamp: number }>(entry: T): T &
   return { ...entry, time: entry.timestamp as UTCTimestamp }
 }
 
-/** Current time as lightweight-charts UTCTimestamp (seconds since epoch). */
+/** Current time as lightweight-charts UTCTimestamp (whole seconds since epoch). */
 export function getCurrentUTCTimestamp(): UTCTimestamp {
-  return (Date.now() / 1000) as UTCTimestamp
+  // lightweight-charts requires integer UTCTimestamps; Date.now() is millisecond-precision,
+  // so floor to whole seconds to avoid fractional times in the chart series.
+  return Math.floor(Date.now() / 1000) as UTCTimestamp
 }
 
 /**

apps/web/src/hooks/useTokenPriceChartData.test.ts

@@ -5,6 +5,7 @@ import { ChartType, DataQuality, PriceChartType } from '~/components/Charts/util
 import {
   getCalculatedPricePercentChange,
   getDisplayedPricePercentChange,
+  toStrictlyAscendingByTime,
   useTokenPriceChartData,
 } from '~/hooks/useTokenPriceChartData'
 import { renderHook } from '~/test-utils/render'
@@ -245,6 +246,33 @@ describe('useTokenPriceChartData', () => {
     expect(result.current.dataQuality).toBe(DataQuality.VALID)
     expect(result.current.entries[0].value).toBe(9)
   })
+
+  it('produces strictly ascending timestamps when CoinGecko returns a duplicate trailing timestamp', () => {
+    // Upstream CoinGecko history can end with two points at the same second. lightweight-charts
+    // requires strictly-ascending times; a zero delta breaks curved-line interpolation and paints
+    // a spurious diagonal line/wedge across the chart.
+    mockUseTokenPriceHistoryQuery.mockReturnValue(
+      makeCoinGeckoResult([
+        priceHistoryEntry(1000, 20),
+        priceHistoryEntry(2000, 21),
+        priceHistoryEntry(3000, 22),
+        priceHistoryEntry(3000, 22),
+      ]),
+    )
+
+    const { result } = renderHook(() =>
+      useTokenPriceChartData({
+        variables: BASE_VARIABLES,
+        skip: false,
+        priceChartType: PriceChartType.LINE,
+      }),
+    )
+
+    const times = result.current.entries.map((entry) => entry.time)
+    for (let i = 1; i < times.length; i++) {
+      expect(times[i]).toBeGreaterThan(times[i - 1])
+    }
+  })
 })
 
 function point(time: number, close: number): PriceChartData {
@@ -286,3 +314,21 @@ describe('getDisplayedPricePercentChange', () => {
     ).toBe(300)
   })
 })
+
+describe('toStrictlyAscendingByTime', () => {
+  it('collapses duplicate timestamps, keeping the latest value', () => {
+    const result = toStrictlyAscendingByTime([point(1000, 10), point(2000, 11), point(3000, 12), point(3000, 13)])
+    expect(result.map((entry) => entry.time)).toEqual([1000, 2000, 3000])
+    expect(result[result.length - 1].value).toBe(13)
+  })
+
+  it('drops out-of-order timestamps', () => {
+    const result = toStrictlyAscendingByTime([point(1000, 10), point(3000, 12), point(2000, 11)])
+    expect(result.map((entry) => entry.time)).toEqual([1000, 3000])
+  })
+
+  it('leaves already-ascending data untouched', () => {
+    const entries = [point(1000, 10), point(2000, 11), point(3000, 12)]
+    expect(toStrictlyAscendingByTime(entries)).toEqual(entries)
+  })
+})

apps/web/src/hooks/useTokenPriceChartData.ts

@@ -36,6 +36,27 @@ function toPriceChartData(ohlc: GraphQLApi.CandlestickOhlcFragment): PriceChartD
   return { time, value: close.value, open: open.value, high: high.value, low: low.value, close: close.value }
 }
 
+/**
+ * Enforces the strictly-ascending timestamps lightweight-charts requires. Upstream price history
+ * (e.g. CoinGecko) occasionally returns a duplicate trailing timestamp; a zero time delta breaks
+ * the curved line/area interpolation and paints a spurious diagonal line and filled wedge across
+ * the chart. Duplicates collapse to the latest value; any out-of-order point is dropped.
+ */
+export function toStrictlyAscendingByTime(entries: PriceChartData[]): PriceChartData[] {
+  const result: PriceChartData[] = []
+  let lastTime: number | undefined
+  for (const entry of entries) {
+    if (lastTime === undefined || entry.time > lastTime) {
+      result.push(entry)
+      lastTime = entry.time
+    } else if (entry.time === lastTime) {
+      result[result.length - 1] = entry
+    }
+    // entry.time < lastTime (out of order) -> drop
+  }
+  return result
+}
+
 const CANDLESTICK_FALLBACK_THRESHOLD = 0.1
 
 export function useTokenPriceChartData({
@@ -209,6 +230,11 @@ export function useTokenPriceChartData({
       }
     }
 
+    // Sanitize timestamps before appending: drop duplicate/out-of-order points so the chart's
+    // curved interpolation doesn't break, and so the granularity calc below isn't poisoned by a
+    // zero delta between two identical trailing timestamps.
+    entries = toStrictlyAscendingByTime(entries)
+
     // Append current price to end of array to ensure data freshness and that each time period ends with same price
     if (currentPrice && entries.length > 1) {
       const lastEntry = entries[entries.length - 1]