ran linter & upgraded dependencies & bumped version to v0.2.11

Author: roncodes

addon/components/widget/api-metrics.js

@@ -7,7 +7,7 @@ import { startOfDay, sub, format } from 'date-fns';
 export default class WidgetApiMetricsComponent extends Component {
     @service store;
     @service intl;
-    
+
     @tracked chartDateEnd = new Date();
     @tracked chartDateStart = startOfDay(sub(new Date(), { days: 7 }));
 
@@ -17,7 +17,7 @@ export default class WidgetApiMetricsComponent extends Component {
      */
     createTimeSeriesData(records, filterFn = () => true) {
         const filtered = records.filter(filterFn);
-        
+
         // If we have very few records, don't group - show each one
         if (filtered.length < 10) {
             return filtered.map((record) => ({
@@ -31,7 +31,7 @@ export default class WidgetApiMetricsComponent extends Component {
         filtered.forEach((record) => {
             const timestamp = new Date(record.created_at);
             const hourKey = format(timestamp, 'yyyy-MM-dd HH:00:00');
-            
+
             if (!grouped[hourKey]) {
                 grouped[hourKey] = 0;
             }
@@ -251,29 +251,29 @@ export default class WidgetApiMetricsComponent extends Component {
                 })
                 .then((webhookRequestLogs) => {
                     const records = webhookRequestLogs.toArray();
-                    
+
                     // Debug: Check first record
                     if (records.length > 0) {
                         console.log('[webhook-timing] First record:', {
                             duration: records[0].duration,
                             type: typeof records[0].duration,
                             parsed: parseFloat(records[0].duration || 0),
-                            ms: parseFloat(records[0].duration || 0) * 1000
+                            ms: parseFloat(records[0].duration || 0) * 1000,
                         });
                     }
-                    
+
                     const data = records.map((req) => {
                         // Duration might be a string, ensure it's parsed as float
                         const duration = req.duration;
-                        const durationFloat = typeof duration === 'string' ? parseFloat(duration) : (duration || 0);
+                        const durationFloat = typeof duration === 'string' ? parseFloat(duration) : duration || 0;
                         const durationMs = durationFloat * 1000;
-                        
+
                         return {
                             x: new Date(req.created_at),
                             y: durationMs,
                         };
                     });
-                    
+
                     console.log('[webhook-timing] Data points:', data.length, 'Sample:', data[0]);
 
                     // Show points if we have sparse data
@@ -380,7 +380,7 @@ export default class WidgetApiMetricsComponent extends Component {
                     },
                     ticks: {
                         color: '#6B7280',
-                        callback: function(value) {
+                        callback: function (value) {
                             // Show decimals for small values (< 10), whole numbers for larger
                             return value < 10 ? value.toFixed(2) : Math.round(value);
                         },

addon/controllers/api-keys/index.js

@@ -129,7 +129,7 @@ export default class ApiKeysIndexController extends Controller {
             cellComponent: 'click-to-reveal',
             cellComponentArgs: {
                 clickToCopy: true,
-                wrapperClass: 'w-72'
+                wrapperClass: 'w-72',
             },
         },
         {

addon/extension.js

@@ -2,8 +2,8 @@ import { Widget, ExtensionComponent } from '@fleetbase/ember-core/contracts';
 
 export default {
     setupExtension(app, universe) {
-        const menuService = universe.getService('universe/menu-service');
-        const widgetService = universe.getService('universe/widget-service');
+        const menuService = universe.getService('menu');
+        const widgetService = universe.getService('widget');
 
         // Register in header menu
         menuService.registerHeaderMenuItem('Developers', 'console.developers', { icon: 'code', priority: 2 });

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/dev-engine",
-    "version": "0.2.10",
+    "version": "0.2.11",
     "description": "Fleetbase Developers extension provides a module for managing developer resources such as API keys, webhooks, sockets, events and logs.",
     "fleetbase": {
         "route": "developers"
@@ -42,8 +42,8 @@
     },
     "dependencies": {
         "@babel/core": "^7.23.2",
-        "@fleetbase/ember-core": "latest",
-        "@fleetbase/ember-ui": "latest",
+        "@fleetbase/ember-core": "^0.3.7",
+        "@fleetbase/ember-ui": "^0.3.12",
         "@fortawesome/ember-fontawesome": "^2.0.0",
         "@fortawesome/fontawesome-svg-core": "6.4.0",
         "@fortawesome/free-brands-svg-icons": "6.4.0",