Improve loading speed for updater page

resources/js/components/updater/Release.vue

@@ -19,7 +19,7 @@
             </div>
         </div>
         <div class="card-body">
-            <div v-html="release.body"></div>
+            <div v-html="body"></div>
         </div>
 
         <confirmation-modal
@@ -66,6 +66,14 @@ export default {
             return this.confirmationPrompt.type === 'downgrade'
                 ? __('Are you sure you want to downgrade to :version?', attrs)
                 : __('Are you sure you want to update to :version?', attrs)
+        },
+
+        body() {
+            return markdown(this.release.body)
+                .replaceAll('[new]', '<span class="label" style="background: #5bc0de;">NEW</span>')
+                .replaceAll('[fix]', '<span class="label" style="background: #5cb85c;">FIX</span>')
+                .replaceAll('[break]', '<span class="label" style="background: #d9534f;">BREAK</span>')
+                .replaceAll('[na]', '<span class="label" style="background: #e8e8e8;">N/A</span>')
         }
     },
 

resources/js/components/updater/Updater.vue

@@ -132,19 +132,16 @@
             },
 
             latestVersion() {
-                return this.latestRelease.version;
+                return this.latestRelease && this.latestRelease.version;
             },
 
             canUpdateToLatestVersion() {
-                return this.latestVersion.canUpdate && this.showActions && ! this.onLatestVersion;
+                return this.latestVersion && this.latestVersion.canUpdate && this.showActions && ! this.onLatestVersion;
             }
         },
 
-        mounted() {
-            this.getChangelog();
-        },
-
         created() {
+            this.getChangelog();
             this.$events.$on('composer-finished', this.composerFinished);
         },
 

src/Updater/Changelog.php

@@ -4,7 +4,6 @@
 
 use Carbon\Carbon;
 use Facades\Statamic\Marketplace\Marketplace;
-use Statamic\Updater\Presenters\GithubReleasePresenter;
 
 abstract class Changelog
 {
@@ -29,14 +28,18 @@ abstract public function item();
      */
     public function get()
     {
-        return Marketplace::releases($this->item())->map(function ($release, $index) {
+        $type = null;
+
+        return Marketplace::releases($this->item())->map(function ($release, $index) use (&$type) {
+            $type = $type === 'downgrade' ? $type : $this->parseReleaseType($release['version'], $index);
+
             return (object) [
                 'version' => $release['version'],
-                'type' => $this->parseReleaseType($release['version'], $index),
+                'type' => $type,
                 'latest' => $index === 0,
                 'licensed' => $this->isLicensed($release['version']),
                 'date' => Carbon::parse($release['date'])->format(config('statamic.cp.date_format')),
-                'body' => (string) new GithubReleasePresenter($release['changelog']),
+                'body' => $release['changelog'],
             ];
         });
     }

src/Updater/Presenters/GithubReleasePresenter.php

@@ -5,6 +5,7 @@
 use Statamic\Support\Html;
 use Statamic\Support\Str;
 
+/** @deprecated */
 class GithubReleasePresenter
 {
     /**

tests/Composer/ChangelogTests.php

@@ -46,7 +46,7 @@ public function it_can_get_changelog_contents()
 
         collect($contents)->each(function ($release) {
             $this->assertEquals('2018: November 6th', $release->date);
-            $this->assertContainsHtml($release->body);
+            $this->assertIsString($release->body);
         });
     }