chore: fix rendering user chart

Author: sheepzh

package.json

@@ -29,17 +29,17 @@
     "license": "MIT",
     "devDependencies": {
         "@commitlint/types": "^21.0.1",
-        "@crowdin/crowdin-api-client": "^1.55.1",
+        "@crowdin/crowdin-api-client": "^1.55.2",
         "@emotion/babel-plugin": "^11.13.5",
         "@rsdoctor/rspack-plugin": "^1.5.11",
-        "@rspack/cli": "^2.0.3",
-        "@rspack/core": "^2.0.3",
-        "@rstest/core": "^0.10.0",
-        "@rstest/coverage-istanbul": "^0.10.0",
+        "@rspack/cli": "^2.0.4",
+        "@rspack/core": "^2.0.4",
+        "@rstest/core": "^0.10.1",
+        "@rstest/coverage-istanbul": "^0.10.1",
         "@types/chrome": "0.1.42",
         "@types/decompress": "^4.2.7",
         "@types/firefox-webext-browser": "^143.0.0",
-        "@types/node": "^25.8.0",
+        "@types/node": "^25.9.1",
         "@vue/babel-plugin-jsx": "^2.0.1",
         "babel-loader": "^10.1.1",
         "commitlint": "^21.0.1",
@@ -50,11 +50,11 @@
         "husky": "^9.1.7",
         "jsdom": "^29.1.1",
         "jszip": "^3.10.1",
-        "knip": "^6.14.0",
-        "postcss": "^8.5.14",
+        "knip": "^6.14.1",
+        "postcss": "^8.5.15",
         "postcss-loader": "^8.2.1",
         "postcss-rtlcss": "^6.0.0",
-        "puppeteer": "^25.0.2",
+        "puppeteer": "^25.0.4",
         "ts-node": "^10.9.2",
         "tsconfig-paths": "^4.2.0",
         "typescript": "6.0.3",
@@ -63,7 +63,7 @@
     "dependencies": {
         "@element-plus/icons-vue": "^2.3.2",
         "@emotion/css": "^11.13.5",
-        "echarts": "^6.0.0",
+        "echarts": "^6.1.0",
         "element-plus": "2.14.0",
         "hash.js": "^1.1.7",
         "qrcode-generator": "^2.0.4",

script/user-chart/add.ts

@@ -113,10 +113,12 @@ function parseChrome(content: string): UserCount {
         if (!dateStr || !numberStr) {
             return
         }
-        // Replace '/' to '-', then rjust month and date
-        const date = dateStr.split('/').map(str => rjust(str, 2, '0')).join('-')
+        // Chrome CSV format: YYYY/M/D
+        const [, y, m, d] = /^(\d{4})\/(\d{1,2})\/(\d{1,2})$/.exec(dateStr.trim()) ?? []
+        if (!y || !m || !d) return
+        const date = `${y}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`
         const number = parseInt(numberStr)
-        date && number && (result[date] = number)
+        number && (result[date] = number)
     })
     return result
 }

script/user-chart/render.ts

@@ -16,8 +16,6 @@ type EcOption = ComposeOption<
     | GridComponentOption>
 const ALL_BROWSERS: Browser[] = ['firefox', 'chrome', 'edge']
 
-const POINT_COUNT = 500
-
 type OriginData = {
     [browser in Browser]: UserCount
 }
@@ -29,11 +27,13 @@ type ChartData = {
     }
 }
 
+const VALID_DATE_RE = /^\d{4}-\d{2}-\d{2}$/
+
 function preProcess(originData: OriginData): ChartData {
     // 1. sort dates
     const dateSet = new Set<string>()
     Object.values(originData).forEach(ud => Object.keys(ud).forEach(date => dateSet.add(date)))
-    let allDates = Array.from(dateSet).sort()
+    let allDates = Array.from(dateSet).filter(d => VALID_DATE_RE.test(d)).sort()
 
     // 2. smooth the count
     const ctx: { [browser in Browser]: SmoothContext } = {
@@ -45,20 +45,14 @@ function preProcess(originData: OriginData): ChartData {
     allDates.forEach(
         date => ALL_BROWSERS.forEach(b => ctx[b].process(originData[b][date]))
     )
-    const result: ChartData = {
+    return {
         xAxis: allDates,
         yAxises: {
             chrome: ctx.chrome.end(),
             firefox: ctx.firefox.end(),
             edge: ctx.edge.end(),
         }
     }
-
-    // 3. zoom
-    const reduction = Math.floor(Object.keys(allDates).length / POINT_COUNT)
-    result.xAxis = zoom(result.xAxis, reduction)
-    ALL_BROWSERS.forEach(b => result.yAxises[b] = zoom(result.yAxises[b], reduction))
-    return result
 }
 
 class SmoothContext {
@@ -109,19 +103,6 @@ class SmoothContext {
     }
 }
 
-function zoom<T>(data: T[], reduction: number): T[] {
-    let i = 0
-    const newData: T[] = []
-    while (i < data.length) {
-        const item = data[i]
-        if (item !== undefined) {
-            newData.push(item)
-        }
-        i += reduction
-    }
-    return newData
-}
-
 function render2Svg(chartData: ChartData): string {
     const { xAxis, yAxises } = chartData
     const chart: EChartsType = init(null, null, {