[2.x] feat(admin): collapsible extension categories, health widget & abandoned package support

extensions/akismet/composer.json

@@ -33,7 +33,7 @@
         },
         "flarum-extension": {
             "title": "Akismet",
-            "category": "feature",
+            "category": "moderation",
             "icon": {
                 "image": "icon.jpg",
                 "backgroundSize": "cover",

extensions/approval/composer.json

@@ -33,7 +33,7 @@
         },
         "flarum-extension": {
             "title": "Approval",
-            "category": "feature",
+            "category": "moderation",
             "icon": {
                 "name": "fas fa-check",
                 "backgroundColor": "#ABDC88",

extensions/bbcode/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "BBCode",
-            "category": "feature",
+            "category": "formatting",
             "icon": {
                 "name": "fas fa-bold",
                 "backgroundColor": "#238C59",

extensions/embed/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Embed",
-            "category": "feature",
+            "category": "formatting",
             "icon": {
                 "name": "fas fa-code",
                 "backgroundColor": "#B9D233",

extensions/emoji/composer.json

@@ -27,7 +27,7 @@
         },
         "flarum-extension": {
             "title": "Emoji",
-            "category": "feature",
+            "category": "formatting",
             "icon": {
                 "image": "icon.svg",
                 "backgroundColor": "#FECC4D"

extensions/flags/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Flags",
-            "category": "feature",
+            "category": "moderation",
             "icon": {
                 "name": "fas fa-flag",
                 "backgroundColor": "#D659B5",

extensions/gdpr/composer.json

@@ -40,7 +40,7 @@
         },
         "flarum-extension": {
             "title": "GDPR Data Management",
-            "category": "feature",
+            "category": "moderation",
             "icon": {
                 "image": "resources/logo.svg",
                 "backgroundColor": "#EBF1FD",

extensions/likes/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Likes",
-            "category": "feature",
+            "category": "discussion",
             "icon": {
                 "name": "far fa-thumbs-up",
                 "backgroundColor": "#3A649D",

extensions/lock/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Lock",
-            "category": "feature",
+            "category": "moderation",
             "icon": {
                 "name": "fas fa-lock",
                 "backgroundColor": "#ddd",

extensions/markdown/composer.json

@@ -27,7 +27,7 @@
         },
         "flarum-extension": {
             "title": "Markdown",
-            "category": "feature",
+            "category": "formatting",
             "icon": {
                 "image": "icon.svg",
                 "backgroundColor": "#000",

extensions/mentions/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Mentions",
-            "category": "feature",
+            "category": "discussion",
             "optional-dependencies": [
                 "flarum/tags"
             ],

extensions/messages/composer.json

@@ -24,7 +24,7 @@
     "extra": {
         "flarum-extension": {
             "title": "Messages",
-            "category": "feature",
+            "category": "discussion",
             "optional-dependencies": [
                 "flarum/tags"
             ],

extensions/nicknames/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Nicknames",
-            "category": "feature",
+            "category": "discussion",
             "icon": {
                 "name": "fas fa-user-tag",
                 "backgroundColor": "#8E4529",

extensions/pusher/composer.json

@@ -36,7 +36,7 @@
         },
         "flarum-extension": {
             "title": "Pusher",
-            "category": "feature",
+            "category": "infrastructure",
             "icon": {
                 "image": "icon.png",
                 "backgroundSize": "46% 63%",

extensions/realtime/composer.json

@@ -33,7 +33,7 @@
         },
         "flarum-extension": {
             "title": "Realtime",
-            "category": "feature",
+            "category": "infrastructure",
             "icon": {
                 "image": "resources/assets/logo.svg",
                 "backgroundColor": "#E3E7F1",

extensions/statistics/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Statistics",
-            "category": "feature",
+            "category": "analytics",
             "icon": {
                 "name": "fas fa-chart-bar",
                 "backgroundColor": "#6932d1",

extensions/statistics/js/src/admin/components/MiniStatisticsWidget.tsx

@@ -3,6 +3,7 @@ import app from 'flarum/admin/app';
 import DashboardWidget, { IDashboardWidgetAttrs } from 'flarum/admin/components/DashboardWidget';
 import LoadingIndicator from 'flarum/common/components/LoadingIndicator';
 import Link from 'flarum/common/components/Link';
+import Icon from 'flarum/common/components/Icon';
 
 import abbreviateNumber from 'flarum/common/utils/abbreviateNumber';
 
@@ -46,7 +47,10 @@ export default class MiniStatisticsWidget extends DashboardWidget {
   content() {
     return (
       <div className="StatisticsWidget-table">
-        <h4 className="StatisticsWidget-title">{app.translator.trans('flarum-statistics.admin.statistics.mini_heading')}</h4>
+        <h4 className="StatisticsWidget-title">
+          <Icon name="fas fa-chart-bar" />
+          {app.translator.trans('flarum-statistics.admin.statistics.mini_heading')}
+        </h4>
 
         <div className="StatisticsWidget-entities">
           <div className="StatisticsWidget-labels">

extensions/statistics/less/admin.less

@@ -6,12 +6,23 @@
   padding: 0;
 
   &--mini {
-    padding-top: 20px;
+    padding-top: 0;
   }
 
   &-title {
-    margin: 0 20px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin: 0;
+    padding: 16px 20px 12px;
+    font-size: 13px;
+    font-weight: 600;
     color: var(--muted-color);
+
+    .icon {
+      font-size: 12px;
+      opacity: 0.7;
+    }
   }
 
   &-entities {

extensions/sticky/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Sticky",
-            "category": "feature",
+            "category": "discussion",
             "icon": {
                 "name": "fas fa-thumbtack",
                 "backgroundColor": "#D13E32",

extensions/subscriptions/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Subscriptions",
-            "category": "feature",
+            "category": "discussion",
             "optional-dependencies": [
                 "flarum/approval"
             ],

extensions/suspend/composer.json

@@ -32,7 +32,7 @@
         },
         "flarum-extension": {
             "title": "Suspend",
-            "category": "feature",
+            "category": "moderation",
             "icon": {
                 "name": "fas fa-ban",
                 "backgroundColor": "#ddd",

extensions/tags/composer.json

@@ -37,7 +37,7 @@
         },
         "flarum-extension": {
             "title": "Tags",
-            "category": "feature",
+            "category": "discussion",
             "icon": {
                 "name": "fas fa-tags",
                 "backgroundColor": "#F28326",

framework/core/js/src/admin/AdminApplication.tsx

@@ -45,6 +45,7 @@ export interface Extension {
     };
   };
   require?: Record<string, string>;
+  suggest?: Record<string, string>;
   abandoned?: boolean | string;
 }
 
@@ -56,6 +57,7 @@ export enum DatabaseDriver {
 
 export interface AdminApplicationData extends ApplicationData {
   extensions: Record<string, Extension>;
+  installedPackages: string[];
   settings: Record<string, string>;
   modelStatistics: Record<string, { total: number }>;
   displayNameDrivers: string[];
@@ -91,9 +93,16 @@ export default class AdminApplication extends Application {
   registry = new AdminRegistry();
 
   extensionCategories: Record<string, number> = {
-    feature: 30,
-    theme: 20,
-    language: 10,
+    feature: 100,
+    moderation: 90,
+    discussion: 80,
+    authentication: 70,
+    formatting: 60,
+    infrastructure: 55,
+    analytics: 52,
+    other: 50,
+    theme: 40,
+    language: 30,
   };
 
   history: IHistory = {