app-devtools 0.16.0 → 0.18.0

package/dist/main.js

@@ -1774,7 +1774,8 @@ function klona(val) {
 }
 
 const [callsStore, setCallsStore] = createStore({
-  calls: {}
+  calls: {},
+  lastAddedCallID: ""
 });
 let config = {
   callsProcessor: []
@@ -1843,6 +1844,7 @@ function addCall(request) {
             subType: request.subType
           };
         }
+        draft.lastAddedCallID = callID;
         const call = draft.calls[callID];
         assertIsNotNullish(call);
         if (call.requests.length > 100) {
@@ -2002,13 +2004,17 @@ const ApiExplorerMenu = () => {
         ...value
       });
     }
-    return searchItems({
-      items: filtered,
+    const sortedItems = sortBy(filtered, item => {
+      return item.requests.at(-1)?.startTime || 0;
+    });
+    const searchedItems = searchItems({
+      items: sortedItems,
       searchQuery: callSearch.trim(),
       getStringToMatch(item) {
         return item.name;
       }
     });
+    return searchedItems;
   }, 'id');
   const _currentCallId = createMemo(() => uiStore.selectedCall);
   return (() => {
@@ -2926,7 +2932,7 @@ const RequestDetails = () => {
     if (_selectedCallId()) {
       selectedCall = callsStore.calls[_selectedCallId()];
     } else {
-      selectedCall = Object.values(callsStore.calls).at(-1);
+      selectedCall = callsStore.calls[callsStore.lastAddedCallID];
     }
     const selectedRequest = _selectedRequestId() && selectedCall?.requests.find(request => request.id === _selectedRequestId()) || selectedCall?.requests.at(-1);
     if (selectedRequest && selectedCall) {
@@ -3224,7 +3230,7 @@ const Timeline = () => {
   const selectedCall = createMemo(() => {
     const selectedCallId = uiStore.selectedCall;
     if (!selectedCallId) {
-      const callsEntries = Object.values(callsStore.calls).at(-1);
+      const callsEntries = callsStore.calls[callsStore.lastAddedCallID];
       return callsEntries || null;
     }
     if (selectedCallId) {
@@ -3576,7 +3582,6 @@ function initializeApp() {
   dayjs.extend(relativeTime);
   if (isInitialized) {
     unmountApp();
-    isInitialized = false;
     return;
   }
   isInitialized = true;
@@ -3590,6 +3595,7 @@ function initializeApp() {
   unmount = render(() => createComponent(Root, {}), devToolsRoot);
 }
 function unmountApp() {
+  isInitialized = false;
   unmount();
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-devtools",
-  "version": "0.16.0",
+  "version": "0.18.0",
   "description": "",
   "packageManager": "pnpm@6.29.1",
   "license": "MIT",