Merge b90ac18196 into 43a7fbdcb1

Currently translated at 100.0% (830 of 830 strings)

Translation: FreeTube/Translations
Translate-URL: https://hosted.weblate.org/projects/free-tube/translations/sr/

src/main/index.js

@@ -1173,6 +1173,11 @@ function runApp() {
 
   let resourcesCleanUpDone = false
 
+  app.on('before-quit', () => {
+    // Prevent closing the app with open fullscreen videos causing the app to start in fullscreen on next load
+    window?.webContents.executeJavascript('if (document.fullscreenElement?.player) await document.exitFullscreen()')
+  })
+
   app.on('window-all-closed', () => {
     // Clean up resources (datastores' compaction + Electron cache and storage data clearing)
     cleanUpResources().finally(() => {

src/renderer/components/ft-profile-bubble/ft-profile-bubble.js

@@ -1,6 +1,7 @@
 import { defineComponent } from 'vue'
 import { sanitizeForHtmlId } from '../../helpers/accessibility'
 import { MAIN_PROFILE_ID } from '../../../constants'
+import { getFirstCharacter } from '../../helpers/strings'
 
 export default defineComponent({
   name: 'FtProfileBubble',
@@ -24,6 +25,9 @@ export default defineComponent({
   },
   emits: ['click'],
   computed: {
+    locale: function () {
+      return this.$i18n.locale.replace('_', '-')
+    },
     isMainProfile: function () {
       return this.profileId === MAIN_PROFILE_ID
     },
@@ -31,7 +35,9 @@ export default defineComponent({
       return 'profileBubble' + sanitizeForHtmlId(this.profileId)
     },
     profileInitial: function () {
-      return this?.profileName?.length > 0 ? Array.from(this.translatedProfileName)[0].toUpperCase() : ''
+      return this.profileName
+        ? getFirstCharacter(this.translatedProfileName, this.locale).toUpperCase()
+        : ''
     },
     translatedProfileName: function () {
       return this.isMainProfile ? this.$t('Profile.All Channels') : this.profileName

src/renderer/components/ft-profile-edit/ft-profile-edit.js

@@ -8,6 +8,7 @@ import FtButton from '../../components/ft-button/ft-button.vue'
 import { MAIN_PROFILE_ID } from '../../../constants'
 import { calculateColorLuminance, colors } from '../../helpers/colors'
 import { showToast } from '../../helpers/utils'
+import { getFirstCharacter } from '../../helpers/strings'
 
 export default defineComponent({
   name: 'FtProfileEdit',
@@ -47,11 +48,16 @@ export default defineComponent({
     }
   },
   computed: {
+    locale: function () {
+      return this.$i18n.locale.replace('_', '-')
+    },
     colorValues: function () {
       return colors.map(color => color.value)
     },
     profileInitial: function () {
-      return this?.profileName?.length > 0 ? Array.from(this.translatedProfileName)[0].toUpperCase() : ''
+      return this.profileName
+        ? getFirstCharacter(this.translatedProfileName, this.locale).toUpperCase()
+        : ''
     },
     activeProfile: function () {
       return this.$store.getters.getActiveProfile

src/renderer/components/ft-profile-selector/ft-profile-selector.js

@@ -5,6 +5,7 @@ import FtCard from '../../components/ft-card/ft-card.vue'
 import FtIconButton from '../../components/ft-icon-button/ft-icon-button.vue'
 import { showToast } from '../../helpers/utils'
 import { MAIN_PROFILE_ID } from '../../../constants'
+import { getFirstCharacter } from '../../helpers/strings'
 
 export default defineComponent({
   name: 'FtProfileSelector',
@@ -19,6 +20,9 @@ export default defineComponent({
     }
   },
   computed: {
+    locale: function () {
+      return this.$i18n.locale.replace('_', '-')
+    },
     profileList: function () {
       return this.$store.getters.getProfileList
     },
@@ -26,12 +30,15 @@ export default defineComponent({
       return this.$store.getters.getActiveProfile
     },
     activeProfileInitial: function () {
-      // use Array.from, so that emojis don't get split up into individual character codes
-      return this.activeProfile?.name?.length > 0 ? Array.from(this.translatedProfileName(this.activeProfile))[0].toUpperCase() : ''
+      return this.activeProfile?.name
+        ? getFirstCharacter(this.translatedProfileName(this.activeProfile), this.locale).toUpperCase()
+        : ''
     },
     profileInitials: function () {
       return this.profileList.map((profile) => {
-        return profile?.name?.length > 0 ? Array.from(this.translatedProfileName(profile))[0].toUpperCase() : ''
+        return profile?.name
+          ? getFirstCharacter(this.translatedProfileName(profile), this.locale).toUpperCase()
+          : ''
       })
     }
   },

src/renderer/components/ft-subscribe-button/ft-subscribe-button.js

@@ -6,6 +6,7 @@ import FtButton from '../../components/ft-button/ft-button.vue'
 
 import { MAIN_PROFILE_ID } from '../../../constants'
 import { deepCopy, showToast } from '../../helpers/utils'
+import { getFirstCharacter } from '../../helpers/strings'
 
 export default defineComponent({
   name: 'FtSubscribeButton',
@@ -45,9 +46,14 @@ export default defineComponent({
     }
   },
   computed: {
+    locale: function () {
+      return this.$i18n.locale.replace('_', '-')
+    },
     profileInitials: function () {
       return this.profileDisplayList.map((profile) => {
-        return profile?.name?.length > 0 ? Array.from(profile.name)[0].toUpperCase() : ''
+        return profile.name
+          ? getFirstCharacter(profile.name, this.locale).toUpperCase()
+          : ''
       })
     },
 

src/renderer/helpers/strings.js

@@ -52,3 +52,31 @@ export function translateWindowTitle(title, i18n) {
       return null
   }
 }
+
+/**
+ * Returns the first user-perceived character,
+ * respecting language specific rules and
+ * emojis made up of multiple codepoints
+ * like flags, families and skin tone modifiers.
+ * @param {string} text
+ * @param {string} locale
+ * @returns {string}
+ */
+export function getFirstCharacter(text, locale) {
+  if (text.length === 0) {
+    return ''
+  }
+
+  // Firefox only received support for Intl.Segmenter support in version 125 (2024-04-16)
+  // so fallback to Array.from just in case.
+  // TODO: Remove fallback in the future
+  if (Intl.Segmenter) {
+    const segmenter = new Intl.Segmenter([locale, 'en'], { granularity: 'grapheme' })
+
+    // Use iterator directly as we only need the first segment
+    const firstSegment = segmenter.segment(text)[Symbol.iterator]().next().value
+    return firstSegment.segment
+  } else {
+    return Array.from(text)[0]
+  }
+}

static/locales/pt.yaml

@@ -276,6 +276,9 @@ Settings:
       Open Link: Abrir ligação
       Ask Before Opening Link: Perguntar antes de abrir a ligação
       No Action: Nenhuma ação
+    Auto Load Next Page:
+      Label: Carregar seguinte automaticamente
+      Tooltip: Carrega as páginas e comentários automaticamente.
   Theme Settings:
     Theme Settings: 'Configurações de tema'
     Match Top Bar with Main Color: 'Utilizar cor principal na barra superior'
@@ -633,6 +636,7 @@ Settings:
     Set Password: Definir palavra-passe
     Remove Password: Remover palavra-passe
   Expand All Settings Sections: Expandir todas as secções de configurações
+  Sort Settings Sections (A-Z): Ordenar definições (A-Z)
 About:
   #On About page
   About: 'Acerca'
@@ -974,6 +978,13 @@ Playlist:
   Playlist: Lista de reprodução
   Sort By:
     Sort By: Ordenar por
+    AuthorAscending: Autor (A-Z)
+    DateAddedNewest: Últimas adições primeiro
+    DateAddedOldest: Primeiras adições primeiro
+    AuthorDescending: Autor (Z-A)
+    VideoTitleAscending: Título (A-Z)
+    VideoTitleDescending: Título (Z-A)
+    Custom: Personalizado
 Toggle Theatre Mode: 'Alternar modo cinema'
 Change Format:
   Change Media Formats: 'Alterar formatos multimédia'
@@ -1192,3 +1203,6 @@ Age Restricted:
 Feed:
   Feed Last Updated: 'Última atualização de {feedName}: {date}'
   Refresh Feed: Recarregar {subscriptionName}
+Display Label: '{label}: {value}'
+Moments Ago: há momentos
+checkmark: ✓

static/locales/sr.yaml

@@ -608,6 +608,7 @@ Settings:
     Enter Password To Unlock: Унесите лозинку да бисте откључали подешавања
     Unlock: Откључај
   Expand All Settings Sections: Прошири све одељке подешавања
+  Sort Settings Sections (A-Z): Сортирање одељка подешавања (A-Z)
 About:
   #On About page
   About: 'О апликацији'