Use custom format method

Author: szakarias

pkg/_pub_shared/lib/format/number_format.dart

@@ -15,6 +15,19 @@ String formatWithSuffix(int value) {
   }
 }
 
+String formatWithThousandSeperators(int value) {
+  final reversed = value.toString().split('').reversed.toList();
+  final buffer = StringBuffer();
+  for (int j = 0; j < reversed.length; j++) {
+    if (j > 0 && j % 3 == 0) {
+      buffer.write(',');
+    }
+    buffer.write(reversed[j]);
+  }
+
+  return buffer.toString().split('').reversed.join();
+}
+
 String _toFixed(int value, int d) {
   return (((value * 10) ~/ d) / 10).toStringAsFixed(1);
 }

pkg/_pub_shared/test/format/number_format_test.dart

@@ -66,4 +66,18 @@ void main() {
     expect(formatWith3SignificantDigits(19000000000),
         (value: '19.0', suffix: 'B'));
   });
+
+  test('Number with thousand seperators', () {
+    // expect(formatWithThousandSeperators(1), '1');
+    expect(formatWithThousandSeperators(10), '10');
+    expect(formatWithThousandSeperators(100), '100');
+    expect(formatWithThousandSeperators(1000), '1,000');
+    expect(formatWithThousandSeperators(10000), '10,000');
+    expect(formatWithThousandSeperators(100000), '100,000');
+    expect(formatWithThousandSeperators(1000000), '1,000,000');
+    expect(formatWithThousandSeperators(10000000), '10,000,000');
+    expect(formatWithThousandSeperators(100000000), '100,000,000');
+    expect(formatWithThousandSeperators(1000000000), '1,000,000,000');
+    expect(formatWithThousandSeperators(10000000000), '10,000,000,000');
+  });
 }

pkg/web_app/lib/src/widget/weekly_sparkline/widget.dart

@@ -1,6 +1,7 @@
 import 'dart:math';
 
 import 'package:_pub_shared/format/encoding.dart';
+import 'package:_pub_shared/format/number_format.dart';
 import 'package:intl/intl.dart';
 import 'package:web/web.dart';
 
@@ -146,7 +147,7 @@ void drawChart(Element svg, HTMLDivElement toolTip, HTMLDivElement chartSubText,
     final coords = computeCoordinates(selectedDay.date, selectedDay.downloads);
     sparklineSpot.setAttribute('cy', '${coords.$2}');
     sparklineCursor.setAttribute('transform', 'translate(${coords.$1}, 0)');
-    toolTip.text = '${NumberFormat('#,###').format(selectedDay.downloads)}';
+    toolTip.text = '${formatWithThousandSeperators(selectedDay.downloads)}';
 
     final startDate = selectedDay.date.subtract(Duration(days: 7));
     chartSubText.text =