working on component

Author: skydiver

composer.json

@@ -38,7 +38,7 @@
  "extra": {
  "laravel": {
  "providers": [
- "Skydiver\\LaravelDashboardpackagist\\PackagistTileServiceProvider"
+ "Skydiver\\LaravelDashboardPackagist\\PackagistTileServiceProvider"
  ]
  }
  },

resources/views/header-type.blade.php

@@ -1,18 +1,19 @@
 <x-dashboard-tile :position="$position">
- @includeWhen($showLogo, 'dashboard-npm-tile::npm-logo')
+ @includeWhen($showLogo, 'dashboard-packagist-tile::packagist-logo')
  <div class="relative h-full flex items-center">
  <div class="w-full text-center text-gray-800">
- <div class="text-gray-600">{{ $package }}</div>
- <div class="text-xs text-gray-500" style="font-size: 0.5rem">
- @include('dashboard-npm-tile::header-type', ['type' => $type])
+ <div class="text-gray-600" style="font-size: 0.7rem">{{ $package }}</div>
+ <div class="my-3">
+ <div class="text-3xl font-semibold">{{ number_format($packageInfo['package']['downloads']['total']) }}</div>
+ <div class="text-xs text-gray-500" style="font-size: 0.6rem">Total</div>
  </div>
- <div class="my-3 font-semibold text-3xl tracking-wide leading-none">{{ number_format($packageInfo['downloads']) }}</div>
- <div class="text-xs text-gray-600" style="font-size: 0.6rem">
- @if ($packageInfo['start'] !== $packageInfo['end'])
- <span>{{ $packageInfo['start'] }} ~ {{ $packageInfo['end'] }}</span>
- @else
- <span>{{ $packageInfo['start'] }}</span>
- @endif
+ <div class="flex flex-row text-xs text-gray-600" style="font-size: 0.6rem">
+ @foreach (['monthly', 'daily'] as $value)
+  <div class="w-1/2 flex flex-col">
+  <div class="flex justify-center font-semibold">{{ number_format($packageInfo['package']['downloads'][$value]) }}</div>
+  <div class="font-semibold text-gray-500">{{ ucfirst($value) }}</div>
+ </div>
+ @endforeach
  </div>
  </div>
  <div class="absolute bottom-0 right-0 text-xs text-gray-500 text-right" style="font-size: 0.5rem">Updated at: {{ $packageInfo['updated_at'] }}</div>

resources/views/npm-logo.blade.php

@@ -0,0 +1,15 @@
+<div class="absolute top-0 right-0 mt-4 mr-4">
+ <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 764.05 629.67">
+ <g>
+ <path d="M76.62,357.52v68.42a4.58,4.58,0,0,1-6.73,4L5.45,395.78a4.58,4.58,0,0,1,0-8.09l64.44-34.21a4.58,4.58,0,0,1,6.73,4Z" fill="#e1743f" stroke="#e1743f" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.04"/>
+ <path d="M488,596.62V355.35l-5.32-1.28L439,374.3v230h41.3a7.67,7.67,0,0,0,7.7-7.64S488,596.63,488,596.62Z" fill="#c25934" stroke="#c25934" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.04"/>
+ <path d="M761,332c.27.8-32.74-60.77-32.74-60.77L683,322.89Z" fill="#e1743f" stroke="#e1743f" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.04"/>
+ <path d="M251.59,104.92h-38a11.72,11.72,0,0,0-6.43,1.92L75.87,193a11.72,11.72,0,0,0-5.29,9.79V614.93A11.72,11.72,0,0,0,82.3,626.65h78.2a11.72,11.72,0,0,0,8.28-3.43L250,542,87.16,296.46a11.72,11.72,0,0,1,3.3-16.24q.37-.24.75-.46l101.15-56.5a11.72,11.72,0,0,0,6-10.23V168a11.72,11.72,0,0,1,3-7.88Z" fill="#c25934" stroke="#c25934" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.04"/>
+ <path d="M431.85,626.65H318.32a7.67,7.67,0,0,1-6.32-3.33L84.94,292.86a7.67,7.67,0,0,1,2-10.66q.27-.18.55-.34l110.84-61.91V365.6a7.67,7.67,0,0,0,7.64,7.67l233,1V619.51a7.14,7.14,0,0,1-7.14,7.14Z" fill="#e1743f" stroke="#e1743f" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.04"/>
+ <path d="M336.35,79.33a3,3,0,0,1-3-3V6a3,3,0,0,1,4.45-2.66l131,70.27a3,3,0,0,1-1.43,5.68Z" fill="#c25934"/>
+ <path d="M336.35,6l131,70.27h-131V6m0-6a6,6,0,0,0-6,6V76.31a6,6,0,0,0,6,6h131A6,6,0,0,0,470.17,71L339.2.72A6,6,0,0,0,336.35,0Z" fill="#c25934"/><polygon points="728.34 271.11 631.18 259.04 581.6 306.21 583.8 318.93 627.18 386.74 728.34 271.11" fill="#c25934" stroke="#c25934" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.04"/>
+ <path d="M626.39,387.08,583.8,318.93l-30-173.58a14.08,14.08,0,0,0-5.13-8.64L470.94,75.1H321.41a12.9,12.9,0,0,0-5.24,1.11l-64.58,28.7L439,374.3l43.66-20.23Z" fill="#e1743f" stroke="#e1743f" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.04"/>
+ <path d="M198.36,365.6V168.5a13,13,0,0,1,3.38-8.74l49.86-54.85L439,374.3l-233-1a7.67,7.67,0,0,1-7.64-7.7Z" fill="#e68c59" stroke="#e68c59" stroke-linecap="round" stroke-linejoin="round" stroke-width="6.04"/>
+ </g>
+ </svg>
+</div>

resources/views/package-tile.blade.php

@@ -1,6 +1,6 @@
 <?php
 
-namespace Skydiver\LaravelDashboardNpm;
+namespace Skydiver\LaravelDashboardPackagist;
 
 use Carbon\Carbon;
 use Livewire\Component;
@@ -9,36 +9,30 @@
 
 class BaseComponent extends Component
 {
- const API_BASE_URL = 'https://api.npmjs.org';
+ const API_BASE_URL = 'https://packagist.org';
  const DEFAULT_CACHE_TIMEOUT = 600;
- const DEFAULT_TYPE = 'last-month';
- const VALID_TYPES = [
- 'last-day',
- 'last-week',
- 'last-month',
- ];
-
- public function fetchPackageDownloads(string $package = null) :array
+
+ public function fetchPackageInfo(string $package = null) :array
  {
  $package = $package ?? $this->package;
- $type = in_array($this->type, self::VALID_TYPES) ? $this->type : self::DEFAULT_TYPE;
 
- $cacheKey = sprintf('dashboard-npm-tile-%s-%s', $this->type, $package);
+ $cacheKey = sprintf('dashboard-packagist-tile-%s', $package);
  $cacheTimeout = $this->cacheTimeout ?? self::DEFAULT_CACHE_TIMEOUT;
 
  if ($this->forceRefresh === true) {
  Cache::forget($cacheKey);
  }
 
- $downloads = Cache::remember($cacheKey, $cacheTimeout, function () use ($type, $package) {
- $apiUrl = sprintf('%s/downloads/point/%s/%s', self::API_BASE_URL, $type, $package);
+ $packageInfo = Cache::remember($cacheKey, $cacheTimeout, function () use ($package) {
+ $apiUrl = sprintf('%s/packages/%s.json', self::API_BASE_URL, $package);
 
  $response = Http::get($apiUrl);
  $packageInfo = $response->json();
+
  $packageInfo['updated_at'] = Carbon::now()->toDateTimeString();
  return $packageInfo;
  });
 
- return $downloads;
+ return $packageInfo;
  }
 }

resources/views/packagist-logo.blade.php

@@ -6,7 +6,6 @@ class PackagistPackageTileComponent extends BaseComponent
 {
  public $position;
  public $package;
- public $type;
  public $cacheTimeout;
  public $forceRefresh;
  public $showLogo;
@@ -16,19 +15,20 @@ class PackagistPackageTileComponent extends BaseComponent
  public function mount(
  string $position,
  string $package,
- string $type = null,
  int $cacheTimeout = null,
  bool $forceRefresh = false,
  bool $showLogo = true
  ) {
  $this->position = $position;
  $this->package = $package;
- $this->type = $type;
  $this->cacheTimeout = $cacheTimeout;
  $this->forceRefresh = $forceRefresh;
  $this->showLogo = $showLogo;
 
- $this->packageInfo = $this->fetchPackageDownloads();
+ $this->packageInfo = $this->fetchPackageInfo();
+
+ dd($this->packageInfo);
+
  }
 
  public function render()