Feat statistics code

extension/manage/js/index.js

@@ -200,7 +200,7 @@ function renderTopCratesChart(topCratesObj) {
 }
 
 
-async function renderV2(now, yearAgo) {
+async function renderCharts(now, yearAgo) {
     const { timeline } = await Statistics.load();
 
     const data = timeline.filter(([time]) => {
@@ -245,17 +245,13 @@ async function renderV2(now, yearAgo) {
     });
 
     renderSearchTimes(data.length);
-
     renderHeatmap(heatMapData, now, yearAgo);
-
     renderHistogram(weeksObj, datesObj, hoursObj)
-
     renderSearchStats(typeDataObj, typeTotal);
-
     renderTopCratesChart(topCratesObj);
 }
 
-async function yearList() {
+async function renderYearList() {
     const y = new Date().getFullYear();
     const year = document.querySelector(".filter-list");
 
@@ -281,17 +277,16 @@ async function yearList() {
             const time = moment(e.target.innerText);
             const now = time.endOf('year').valueOf();
             const yearAgo = time.startOf('year').valueOf();
-            await renderV2(now, yearAgo);
+            await renderCharts(now, yearAgo);
         }
     });
 }
 
 (async () => {
+    await tryMigrateLegacyStatisticsToTimeline();
+    
     const now = moment().valueOf();
     const yearAgo = moment().startOf('day').subtract(1, 'year').valueOf();
-    const statistics = await storage.getItem("statistics");
-    await replaceStatisticsWithTimeline(statistics);
-
-    await renderV2(now, yearAgo);
-    await yearList();
+    await renderCharts(now, yearAgo);
+    await renderYearList();
 })();

extension/statistics.js

@@ -175,31 +175,16 @@ class Statistics {
 }
 
 /**
- * Generate an array based on the size of each value in the statistics
- * @param {Object} obj // statistics data
- * @returns {Array}
+ * Migrate the legacy statistics storage format to timeline format.
  */
-function createStatisticsArray(obj) {
-    const arr = [];
-    for (let [item, value] of Object.entries(obj)) {
-        if (value) {
-            for (let i = 1; i <= value; i++) {
-                arr.push(item);
-            }
-        }
-    }
-    return arr;
-}
-
-/**
- * Replace the statistics storage format with a timeline
- * @param {Object} statistics 
- */
-async function replaceStatisticsWithTimeline(statistics = {}) {
+async function tryMigrateLegacyStatisticsToTimeline() {
+    const statistics = await storage.getItem("statistics");
+    // Those calendar, crates, hours, type data are legacy.
     const { timeline = [], calendarData, cratesData, hoursData, typeData } = statistics;
+    // If no legacy data, we needn't migrate.
     if (!calendarData) return;
 
-    const data = [];
+    const migratedData = [];
 
     // Get the minimum timestamp in the timeline data，default is the timestamp of the current date
     const minTime = timeline.reduce((pre, [time]) => {
@@ -210,16 +195,34 @@ async function replaceStatisticsWithTimeline(statistics = {}) {
         const time = moment(date).valueOf();
         if (time < minTime) {
             for (let i = 1; i <= value; i++) {
-                data.push([time, null, null]);
+                migratedData.push([time, null, null]);
             }
         }
     }
 
-    const typeArr = createStatisticsArray(typeData);
-    const hoursArr = createStatisticsArray(hoursData);
-    const cratesArr = createStatisticsArray(cratesData);
+    /**
+     * Generate an array based on keys of the object and the size of each key's value.
+     * 
+     * For example, unfoldObjectKeysIntoArray({"a": 3, "b": 2}) will get
+     * this: ["a", "a", "a", "b", "b"]
+     */
+    function unfoldObjectKeysIntoArray(obj) {
+        const arr = [];
+        for (let [item, value] of Object.entries(obj)) {
+            if (value) {
+                for (let i = 1; i <= value; i++) {
+                    arr.push(item);
+                }
+            }
+        }
+        return arr;
+    }
 
-    data.forEach((item) => {
+    const typeArr = unfoldObjectKeysIntoArray(typeData);
+    const hoursArr = unfoldObjectKeysIntoArray(hoursData);
+    const cratesArr = unfoldObjectKeysIntoArray(cratesData);
+
+    migratedData.forEach((item) => {
         if (hoursArr.length) {
             const hourIndex = Math.floor(Math.random() * hoursArr.length)
             item[0] = moment(item[0]).set('hour', hoursArr[hourIndex]).valueOf();
@@ -243,7 +246,8 @@ async function replaceStatisticsWithTimeline(statistics = {}) {
     })
 
     statistics.timeline = statistics.timeline || [];
-    statistics.timeline.unshift(...data);
+    // Prepend migrated data into timeline.
+    statistics.timeline.unshift(...migratedData);
 
     await Statistics.prototype.save.apply(statistics)
 }