Update mail extension (#16214)

* Update mail extension

- add unreadonly for see recent mail action
- Initial commit

* rename \`see\` -> \`view\`

* Revert "rename \`see\` -> \`view\`"

* Update CHANGELOG.md and optimise images

---------

Co-authored-by: raycastbot <[email protected]>

extensions/mail/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Mail Changelog
 
+## [Improvement] - 2025-01-15
+
+- Add preference for `See Recent Mail`: `unreadonly` to show whether only unread messages.
+
 ## [Fix] - 2024-12-10
 
 [#15571](https://github.com/raycast/extensions/issues/15571): Properly handle the timeout error for loading messages for mailboxes and increase timeout.

extensions/mail/package.json

@@ -13,7 +13,8 @@
     "lukah",
     "stelo",
     "StevenRCE0",
-    "ridemountainpig"
+    "ridemountainpig",
+    "ViGeng"
   ],
   "categories": [
     "Applications",
@@ -88,7 +89,18 @@
       "name": "see-recent-mail",
       "title": "See Recent Mail",
       "description": "See recent unread messages.",
-      "mode": "view"
+      "mode": "view",
+      "preferences": [
+        {
+          "name": "unreadonly",
+          "label": "Only show unread messages",
+          "title": "Unread-Only",
+          "description": "Only show unread messages.",
+          "type": "checkbox",
+          "default": false,
+          "required": false
+        }
+      ]
     },
     {
       "name": "see-important-mail",

extensions/mail/src/see-recent-mail.tsx

@@ -1,14 +1,14 @@
-import { useCallback, useRef, useState } from "react";
-import { Color, Icon, List } from "@raycast/api";
+import { Color, Icon, List, getPreferenceValues } from "@raycast/api";
 import { useCachedPromise } from "@raycast/utils";
+import { useCallback, useRef, useState } from "react";
 
-import { Account, Mailbox } from "./types";
 import { MessageListItem } from "./components";
 import { getAccounts } from "./scripts/accounts";
 import { getMessages } from "./scripts/messages";
+import { Account, Mailbox } from "./types";
 import { invoke } from "./utils";
-import { isInbox } from "./utils/mailbox";
 import { Cache } from "./utils/cache";
+import { isInbox } from "./utils/mailbox";
 
 export default function SeeRecentMail() {
   const [account, setAccount] = useState<Account>();
@@ -26,7 +26,7 @@ export default function SeeRecentMail() {
         if (!mailbox) {
           return [];
         }
-        return getMessages(account, mailbox, true);
+        return getMessages(account, mailbox, getPreferenceValues().unreadonly);
       }),
     );