From cf85b00c0a074625747ab0b1cb7e9c3fc99d7be3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 4 Aug 2026 15:59:52 +0300
Subject: [PATCH] optional chaining

---
 src/components/chat_list_item/chat_list_item.js           | 2 +-
 src/components/chat_message/chat_message.js               | 2 +-
 src/components/chat_message/chat_message.vue              | 2 +-
 src/components/chat_title/chat_title.vue                  | 2 +-
 src/components/desktop_nav/desktop_nav.vue                | 2 +-
 src/components/follow_request_card/follow_request_card.js | 2 +-
 src/components/popover/popover.js                         | 2 +-
 src/components/quote/quote_form.js                        | 4 ++--
 src/components/settings_modal/admin_tabs/emoji_tab.vue    | 6 +++---
 .../settings_modal/helpers/vertical_tab_switcher.jsx      | 2 +-
 src/components/settings_modal/tabs/appearance_tab.js      | 2 +-
 .../settings_modal/tabs/data_import_export_tab.js         | 2 +-
 .../settings_modal/tabs/mutes_and_blocks_tab.js           | 2 +-
 src/components/side_drawer/side_drawer.vue                | 2 +-
 src/components/status/status.js                           | 8 ++++----
 src/components/status/status.vue                          | 4 ++--
 src/components/tab_switcher/tab_switcher.jsx              | 2 +-
 src/components/timeline/timeline.js                       | 2 +-
 .../unicode_domain_indicator/unicode_domain_indicator.vue | 2 +-
 src/components/user_card/user_card.vue                    | 2 +-
 src/services/errors/errors.js                             | 2 +-
 src/services/theme_data/theme_data.service.js             | 4 ++--
 .../user_profile_link_generator.js                        | 2 +-
 src/stores/announcements.js                               | 2 +-
 src/stores/interface.js                                   | 2 +-
 test/fixtures/setup_test.js                               | 2 +-
 26 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/src/components/chat_list_item/chat_list_item.js b/src/components/chat_list_item/chat_list_item.js
index c95895def..8bb2afd93 100644
--- a/src/components/chat_list_item/chat_list_item.js
+++ b/src/components/chat_list_item/chat_list_item.js
@@ -39,7 +39,7 @@ const ChatListItem = {
     messageForStatusContent() {
       const message = this.chat.lastMessage
       const messageEmojis = message ? message.emojis : []
-      const isYou = message && message.account_id === this.currentUser.id
+      const isYou = message?.account_id === this.currentUser.id
       const content = message ? this.attachmentInfo || message.content : ''
       const messagePreview = isYou
         ? `<i>${this.$t('chats.you')}</i> ${content}`
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 78be870b4..aabdec31f 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -111,7 +111,7 @@ const ChatMessage = {
         const user = this.$store.getters.findUser(
           this.message.in_reply_to_user_id,
         )
-        return user && user.screen_name_ui
+        return user?.screen_name_ui
       }
     },
     replyProfileLink() {
diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue
index b772a9b20..394cce4b7 100644
--- a/src/components/chat_message/chat_message.vue
+++ b/src/components/chat_message/chat_message.vue
@@ -53,7 +53,7 @@
           :user-screen-name="message.in_reply_to_screen_name"
         />
         <!-- v-if is there because status might not be loaded yet -->
-        <template v-if="customReplyTo && customReplyTo.text.trim().length > 0">
+        <template v-if="customReplyTo?.text.trim().length > 0">
           :
           <StatusBody
             class="reply-body faint"
diff --git a/src/components/chat_title/chat_title.vue b/src/components/chat_title/chat_title.vue
index 764e0de61..905a32d85 100644
--- a/src/components/chat_title/chat_title.vue
+++ b/src/components/chat_title/chat_title.vue
@@ -16,7 +16,7 @@
     <RichContent
       v-if="user"
       class="username"
-      :title="'@'+(user && user.screen_name_ui)"
+      :title="'@'+(user?.screen_name_ui)"
       :html="htmlTitle"
       :emoji="user.emoji || []"
       :allow-non-square-emoji="allowNonSquareEmoji"
diff --git a/src/components/desktop_nav/desktop_nav.vue b/src/components/desktop_nav/desktop_nav.vue
index 477a7634d..3883b3c6f 100644
--- a/src/components/desktop_nav/desktop_nav.vue
+++ b/src/components/desktop_nav/desktop_nav.vue
@@ -50,7 +50,7 @@
             />
           </button>
           <button
-            v-if="currentUser && currentUser.role === 'admin'"
+            v-if="currentUser?.role === 'admin'"
             class="button-unstyled nav-icon"
             target="_blank"
             :title="$t('nav.administration')"
diff --git a/src/components/follow_request_card/follow_request_card.js b/src/components/follow_request_card/follow_request_card.js
index c2e10c242..294dd2472 100644
--- a/src/components/follow_request_card/follow_request_card.js
+++ b/src/components/follow_request_card/follow_request_card.js
@@ -29,7 +29,7 @@ const FollowRequestCard = {
           notif.from_profile.id === this.user.id &&
           notif.type === 'follow_request',
       )
-      return notif && notif.id
+      return notif?.id
     },
     showApproveConfirmDialog() {
       this.showingApproveConfirmDialog = true
diff --git a/src/components/popover/popover.js b/src/components/popover/popover.js
index 9a06c4e69..9e881991c 100644
--- a/src/components/popover/popover.js
+++ b/src/components/popover/popover.js
@@ -411,7 +411,7 @@ const Popover = {
     if (!scrollable) scrollable = window
     this.scrollable = scrollable
     let parent = this.$parent
-    while (parent && parent.$.type.name !== 'Popover') {
+    while (parent?.$.type.name !== 'Popover') {
       parent = parent.$parent
     }
     this.parentPopover = parent
diff --git a/src/components/quote/quote_form.js b/src/components/quote/quote_form.js
index cffae123b..cd6f9a709 100644
--- a/src/components/quote/quote_form.js
+++ b/src/components/quote/quote_form.js
@@ -89,7 +89,7 @@ export default {
       this.error = false
 
       const notice = this.noticeRegex.exec(value)
-      if (notice && notice.length === 4) {
+      if (notice?.length === 4) {
         this.$emit('update:id', notice[3])
       } else if (value) {
         this.loading = true
@@ -102,7 +102,7 @@ export default {
             type: 'statuses',
           })
           .then((data) => {
-            if (data && data.statuses && data.statuses.length === 1) {
+            if (data?.statuses && data.statuses.length === 1) {
               this.$emit('update:id', data.statuses[0].id)
             } else {
               this.handleError(true)
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index b118e0c52..c3bcd75b4 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -343,7 +343,7 @@
           <li>
             <div class="meta-buttons">
               <button
-                v-if="pack && pack.remote === undefined"
+                v-if="pack?.remote === undefined"
                 class="button button-default btn"
                 type="button"
                 @click="savePackMetadata"
@@ -351,7 +351,7 @@
                 {{ $t('admin_dash.emoji.save_meta') }}
               </button>
               <button
-                v-if="pack && pack.remote === undefined"
+                v-if="pack?.remote === undefined"
                 class="button button-default btn"
                 type="button"
                 @click="savePackMetadata"
@@ -374,7 +374,7 @@
           class="emoji-list setting-list"
         >
           <EmojiEditingPopover
-            v-if="pack && pack.remote === undefined"
+            v-if="pack?.remote === undefined"
             class="emoji-item"
             placement="bottom"
             new-upload
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index 61ed6bee1..996939c00 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -47,7 +47,7 @@ export default {
       // In case of controlled component
       if (this.activeTab) {
         return this.slots().findIndex(
-          (slot) => slot && slot.props && this.activeTab === slot.props.key,
+          (slot) => slot?.props && this.activeTab === slot.props.key,
         )
       } else {
         return this.active
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 0fe9bc022..518345d9e 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -236,7 +236,7 @@ const AppearanceTab = {
     },
     stylePalettes() {
       const ruleset = useInterfaceStore().styleDataUsed || []
-      if (!ruleset && ruleset.length === 0) return
+      if (!ruleset?.length === 0) return
       const meta = ruleset.find((x) => x.component === '@meta')
       const result = ruleset
         .filter((x) => x.component.startsWith('@palette'))
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.js b/src/components/settings_modal/tabs/data_import_export_tab.js
index 4554f4a1f..7fc6adefd 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@@ -95,7 +95,7 @@ const DataImportExportTab = {
       return users
         .map((user) => {
           // check is it's a local user
-          if (user && user.is_local) {
+          if (user?.is_local) {
             // append the instance address
             return user.screen_name + '@' + location.hostname
           }
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index c45d6ad76..61d3e42f7 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -81,7 +81,7 @@ const MutesAndBlocks = {
       return users
         .map((user) => {
           // check is it's a local user
-          if (user && user.is_local) {
+          if (user?.is_local) {
             // append the instance address
             return user.screen_name + '@' + location.hostname
           }
diff --git a/src/components/side_drawer/side_drawer.vue b/src/components/side_drawer/side_drawer.vue
index e0b7331c6..c810d93a0 100644
--- a/src/components/side_drawer/side_drawer.vue
+++ b/src/components/side_drawer/side_drawer.vue
@@ -220,7 +220,7 @@
           </router-link>
         </li>
         <li
-          v-if="currentUser && currentUser.role === 'admin'"
+          v-if="currentUser?.role === 'admin'"
           @click="toggleDrawer"
         >
           <button
diff --git a/src/components/status/status.js b/src/components/status/status.js
index fb37a7faf..0236570cd 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -316,11 +316,11 @@ const Status = {
       return (
         (status.muted && !status.thread_muted) ||
         // Reprööt of a muted post according to BE
-        (reblog && reblog.muted && !reblog.thread_muted) ||
+        (reblog?.muted && !reblog.thread_muted) ||
         // Muted user
         relationship.muting ||
         // Muted user of a reprööt
-        (relationshipReblog && relationshipReblog.muting)
+        (relationshipReblog?.muting)
       )
     },
     shouldNotMute() {
@@ -333,7 +333,7 @@ const Status = {
           // Don't mute user's posts on user timeline (except reblogs)
           ((!reblog && status.user.id === this.profileUserId) ||
             // Same as above but also allow self-reblogs
-            (reblog && reblog.user.id === this.profileUserId))) ||
+            (reblog?.user.id === this.profileUserId))) ||
           // Don't mute statuses in muted conversation when said conversation is opened
           (this.inConversation && status.thread_muted)) &&
         // No excuses if post has muted words
@@ -374,7 +374,7 @@ const Status = {
         const user = this.$store.getters.findUser(
           this.status.in_reply_to_user_id,
         )
-        return user && user.screen_name_ui
+        return user?.screen_name_ui
       }
     },
     combinedFavsAndRepeatsUsers() {
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index da9fbe7ab..c1d340975 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -225,7 +225,7 @@
                   />
                 </button>
                 <button
-                  v-if="inThreadForest && replies && replies.length && !simpleTree"
+                  v-if="inThreadForest && replies?.length && !simpleTree"
                   class="button-unstyled"
                   :title="threadShowing ? $t('status.thread_hide') : $t('status.thread_show')"
                   :aria-expanded="threadShowing ? 'true' : 'false'"
@@ -426,7 +426,7 @@
           />
 
           <div
-            v-if="inConversation && !isPreview && replies && replies.length"
+            v-if="inConversation && !isPreview && replies?.length"
             class="replies"
           >
             <button
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index 07327af27..2c86983d8 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -47,7 +47,7 @@ export default {
       // In case of controlled component
       if (this.activeTab) {
         return this.slots().findIndex(
-          (slot) => slot && slot.props && this.activeTab === slot.props.key,
+          (slot) => slot?.props && this.activeTab === slot.props.key,
         )
       } else {
         return this.active
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 8c5f4f251..17065a9ef 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -231,7 +231,7 @@ const Timeline = {
             tag: this.tag,
           })
           .then(({ statuses }) => {
-            if (statuses && statuses.length === 0) {
+            if (statuses?.length === 0) {
               this.bottomedOut = true
             }
           })
diff --git a/src/components/unicode_domain_indicator/unicode_domain_indicator.vue b/src/components/unicode_domain_indicator/unicode_domain_indicator.vue
index a979cc51d..08125694d 100644
--- a/src/components/unicode_domain_indicator/unicode_domain_indicator.vue
+++ b/src/components/unicode_domain_indicator/unicode_domain_indicator.vue
@@ -1,6 +1,6 @@
 <template>
   <FAIcon
-    v-if="user && user.screen_name_ui_contains_non_ascii"
+    v-if="user?.screen_name_ui_contains_non_ascii"
     icon="code"
     :title="$t('unicode_domain_indicator.tooltip')"
   />
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 7f8c68fd2..e6c6485f7 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -68,7 +68,7 @@
               >
                 <button
                   v-if="editable"
-                  :disabled="newName && newName.length === 0"
+                  :disabled="newName?.length === 0"
                   class="btn button-unstyled edit-banner-button"
                   @click="changeBanner"
                 >
diff --git a/src/services/errors/errors.js b/src/services/errors/errors.js
index ccbae9b3e..5fbb8da11 100644
--- a/src/services/errors/errors.js
+++ b/src/services/errors/errors.js
@@ -14,7 +14,7 @@ export function StatusCodeError(statusCode, body, options, response) {
   this.name = 'StatusCodeError'
   this.statusCode = statusCode
   this.statusText = body.error || body.errors || body
-  this.details = JSON && JSON.stringify ? JSON.stringify(body) : body
+  this.details = JSON.stringify(body)
   this.errorData = body.error || body.errors
   this.message = this.statusCode + ' - ' + this.statusText
   this.error = body // legacy attribute
diff --git a/src/services/theme_data/theme_data.service.js b/src/services/theme_data/theme_data.service.js
index 201cd9ab4..65c177f98 100644
--- a/src/services/theme_data/theme_data.service.js
+++ b/src/services/theme_data/theme_data.service.js
@@ -231,7 +231,7 @@ export const SLOT_ORDERED = topoSort(
   Object.entries(SLOT_INHERITANCE)
     .sort(
       ([, aV], [, bV]) =>
-        ((aV && aV.priority) || 0) - ((bV && bV.priority) || 0),
+        ((aV?.priority) || 0) - ((bV && bV.priority) || 0),
     )
     .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {}),
 )
@@ -408,7 +408,7 @@ export const getColors = (sourceColors, sourceOpacity) =>
           delete outputColor.a
         } else {
           // Otherwise try to assign opacity
-          if (dependencyColor && dependencyColor.a === 0) {
+          if (dependencyColor?.a === 0) {
             // transparent dependency shall make dependents transparent too
             outputColor.a = 0
           } else {
diff --git a/src/services/user_profile_link_generator/user_profile_link_generator.js b/src/services/user_profile_link_generator/user_profile_link_generator.js
index 8f4ab7e58..45cd0ea99 100644
--- a/src/services/user_profile_link_generator/user_profile_link_generator.js
+++ b/src/services/user_profile_link_generator/user_profile_link_generator.js
@@ -11,6 +11,6 @@ const generateProfileLink = (id, screenName, restrictedNicknames) => {
   }
 }
 
-const isExternal = (screenName) => screenName && screenName.includes('@')
+const isExternal = (screenName) => screenName?.includes('@')
 
 export default generateProfileLink
diff --git a/src/stores/announcements.js b/src/stores/announcements.js
index a5f3e4d8e..b09655755 100644
--- a/src/stores/announcements.js
+++ b/src/stores/announcements.js
@@ -74,7 +74,7 @@ export const useAnnouncementsStore = defineStore('announcements', {
       } catch (error) {
         // If and only if backend does not support announcements, it would return 404.
         // In this case, silently ignores it.
-        if (error && error.statusCode === 404) {
+        if (error?.statusCode === 404) {
           this.supportsAnnouncements = false
         } else {
           throw error
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 654cc55fd..87ef65865 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -790,7 +790,7 @@ export const normalizeThemeData = (input) => {
   // New theme presets don't have 'theme' property, they use 'source'
 
   let out // shout, shout let it all out
-  if (themeSource && themeSource.themeEngineVersion === CURRENT_VERSION) {
+  if (themeSource?.themeEngineVersion === CURRENT_VERSION) {
     // There are some themes in wild that have completely broken source
     out = { ...(themeData || {}), ...themeSource }
   } else {
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index 1a04b9549..b3804b102 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -132,7 +132,7 @@ export const waitForEvent = (
   return vi.waitFor(
     () => {
       const e = wrapper.emitted(event)
-      if (e && e.length >= timesEmitted) {
+      if (e?.length >= timesEmitted) {
         return
       }
       throw new Error('event is not emitted')