Add sparkline

Author: brendt

composer.json

@@ -15,20 +15,24 @@
         }
     ],
     "require": {
-        "php": "^8.1"
+        "php": "^8.1",
+        "illuminate/collections": "^9.43",
+        "ramsey/uuid": "^4.6",
+        "spatie/period": "^2.3"
     },
     "require-dev": {
         "friendsofphp/php-cs-fixer": "^3.13",
+        "larapack/dd": "^1.1",
         "phpunit/phpunit": "^9.5"
     },
     "autoload": {
         "psr-4": {
-            "Brendt\\Sparkline\\": "src"
+            "Brendt\\SparkLine\\": "src"
         }
     },
     "autoload-dev": {
         "psr-4": {
-            "Brendt\\Sparkline\\Tests\\": "tests"
+            "Brendt\\SparkLine\\Tests\\": "tests"
         }
     },
     "scripts": {

src/SparkLine.php

@@ -2,8 +2,9 @@
 
 declare(strict_types=1);
 
-namespace App\SparkLine;
+namespace Brendt\SparkLine;
 
+use DateTimeImmutable;
 use Illuminate\Support\Collection;
 use Ramsey\Uuid\Uuid;
 use Spatie\Period\Period;
@@ -26,23 +27,23 @@ public static function new(Collection $days): self
     public function __construct(Collection $days)
     {
         $this->days = $days
-            ->sortBy(fn (SparkLineDay $day) => $day->day->timestamp)
-            ->mapWithKeys(fn (SparkLineDay $day) => [$day->day->format('Y-m-d') => $day]);
+            ->sortBy(fn(SparkLineDay $day) => $day->day->getTimestamp())
+            ->mapWithKeys(fn(SparkLineDay $day) => [$day->day->format('Y-m-d') => $day]);
 
         $this->maxValue = $this->resolveMaxValueFromDays();
         $this->maxItemAmount = $this->resolveMaxItemAmountFromDays();
     }
 
     public function getTotal(): int
     {
-        return $this->days->sum(fn (SparkLineDay $day) => $day->count) ?? 0;
+        return $this->days->sum(fn(SparkLineDay $day) => $day->count) ?? 0;
     }
 
     public function getPeriod(): Period
     {
         return Period::make(
-            now()->subDays($this->maxItemAmount),
-            now(),
+            new DateTimeImmutable("-{$this->maxItemAmount} days"),
+            new DateTimeImmutable('now'),
         );
     }
 
@@ -94,14 +95,22 @@ public function withColors(string ...$colors): self
 
     public function make(): string
     {
-        return view('sparkLine', [
-            'coordinates' => $this->resolveCoordinates(),
-            'colors' => $this->resolveColors(),
-            'width' => $this->width,
-            'height' => $this->height,
-            'strokeWidth' => $this->strokeWidth,
-            'id' => Uuid::uuid4()->toString(),
-        ])->render();
+        $coordinates = $this->resolveCoordinates();
+        $colors = $this->resolveColors();
+        $width = $this->width;
+        $height = $this->height;
+        $strokeWidth = $this->strokeWidth;
+        $id = Uuid::uuid4()->toString();
+
+        ob_start();
+
+        include __DIR__ . '/sparkLine.view.php';
+
+        $svg = ob_get_contents();
+
+        ob_end_clean();
+
+        return $svg;
     }
 
     public function __toString(): string
@@ -129,7 +138,7 @@ private function resolveMaxValueFromDays(): int
         }
 
         return $this->days
-            ->sortByDesc(fn (SparkLineDay $day) => $day->count)
+            ->sortByDesc(fn(SparkLineDay $day) => $day->count)
             ->first()
             ->count;
     }
@@ -144,7 +153,7 @@ private function resolveCoordinates(): string
         $step = floor($this->width / $this->maxItemAmount);
 
         return collect(range(0, $this->maxItemAmount))
-            ->map(fn (int $days) => now()->subDays($days)->format('Y-m-d'))
+            ->map(fn(int $days) => (new DateTimeImmutable("-{$days} days"))->format('Y-m-d'))
             ->reverse()
             ->mapWithKeys(function (string $key) {
                 /** @var SparkLineDay|null $day */
@@ -157,7 +166,7 @@ private function resolveCoordinates(): string
                 ];
             })
             ->values()
-            ->map(fn (int $count, int $index) => $index * $step . ',' . $count)
+            ->map(fn(int $count, int $index) => $index * $step . ',' . $count)
             ->implode(' ');
     }
 }

src/SparkLineDay.php

@@ -2,22 +2,22 @@
 
 declare(strict_types=1);
 
-namespace App\SparkLine;
+namespace Brendt\SparkLine;
 
-use Carbon\Carbon;
+use DateTimeImmutable;
 
 final class SparkLineDay
 {
     public function __construct(
         public readonly int $count,
-        public readonly Carbon $day,
+        public readonly DateTimeImmutable $day,
     ) {
     }
 
     public function rebase(int $base, int $max): self
     {
         return new self(
-            count: $this->count * ($base / $max),
+            count: (int) floor($this->count * ($base / $max)),
             day: $this->day,
         );
     }

src/sparkLine.blade.php

@@ -0,0 +1,29 @@
+<svg width="<?= $width ?>" height="<?= $height ?>">
+    <defs>
+        <linearGradient id="gradient-<?= $id ?>" x1="0" x2="0" y1="1" y2="0">
+            <?php
+                foreach ($colors as $percentage => $color) {
+                    echo <<<HTML
+                    <stop offset="{$percentage}%" stop-color="{$color}"></stop>
+                    HTML;
+
+                    echo PHP_EOL;
+                }
+            ?>
+        </linearGradient>
+        <mask id="sparkline-<?= $id ?>" x="0" y="0" width="<?= $width ?>" height="<?= $height - 2 ?>">
+            <polyline
+                transform="translate(0, <?= $height - 2 ?>) scale(1,-1)"
+                points="<?= $coordinates ?>"
+                fill="transparent"
+                stroke="<?= $colors[0] ?>"
+                stroke-width="<?= $strokeWidth ?>"
+            >
+            </polyline>
+        </mask>
+    </defs>
+
+    <g transform="translate(0, 0)">
+        <rect x="0" y="0" width="<?= $width ?>" height="<?= $height ?>" style="stroke: none; fill: url(#gradient-<?= $id ?>); mask: url(#sparkline-<?= $id ?>)"></rect>
+    </g>
+</svg>

src/sparkLine.view.php

@@ -2,12 +2,35 @@
 
 declare(strict_types=1);
 
-namespace Brendt\Sparkline\Tests;
+namespace Brendt\SparkLine\Tests;
 
-final class SparkLineTest
+use Brendt\SparkLine\SparkLine;
+use Brendt\SparkLine\SparkLineDay;
+use DateTimeImmutable;
+use Illuminate\Support\Collection;
+use PHPUnit\Framework\TestCase;
+
+final class SparkLineTest extends TestCase
 {
+    private function days(): Collection
+    {
+        return collect([
+            new SparkLineDay(
+                count: 1,
+                day: new DateTimeImmutable('-2 days')
+            ),
+            new SparkLineDay(
+                count: 2,
+                day: new DateTimeImmutable('-1 day')
+            ),
+        ]);
+    }
+
     /** @test */
-    public function it_generates_a_sparkline()
+    public function it_creates_a_sparkline(): void
     {
+        $sparkLine = SparkLine::new($this->days())->make();
+
+        $this->assertStringContainsString('<svg', $sparkLine);
     }
 }