change how durations are formatted to be i18n friendly

frontend/viewer/src/lib/activity/ActivityView.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { ICommitMetadata } from '$lib/dotnet-types/generated-types/SIL/Harmony/Core/ICommitMetadata';
   import { useHistoryService } from '$lib/services/history-service';
-  import { t } from 'svelte-i18n-lingui';
+  import { t, T } from 'svelte-i18n-lingui';
   import { useProjectContext } from '$lib/project-context.svelte';
   import { resource } from 'runed';
   import {SidebarTrigger} from '$lib/components/ui/sidebar';
@@ -70,16 +70,18 @@
             <span>{row.changeName}</span>
             <div class="text-sm text-muted-foreground">
               {#if row.previousTimestamp}
-                <FormatDuration start={new Date(row.timestamp)}
-                                end={new Date(row.previousTimestamp)}
-                                smallestUnit="seconds"
-                                options={{style: 'narrow'}}/>
-                {$t`before`}
+                <T msg="# before">
+                  <FormatDuration start={new Date(row.timestamp)}
+                                  end={new Date(row.previousTimestamp)}
+                                  smallestUnit="seconds"
+                                  options={{style: 'narrow'}}/>
+                </T>
               {:else}
-                <FormatDuration start={new Date(row.timestamp)}
-                                smallestUnit="seconds"
-                                options={{style: 'narrow'}}/>
-                {$t`ago`}
+                <T msg="# ago">
+                  <FormatDuration start={new Date(row.timestamp)}
+                                  smallestUnit="seconds"
+                                  options={{style: 'narrow'}}/>
+                </T>
               {/if}
             </div>
           </ListItem>
@@ -105,9 +107,7 @@
           {/if}
           {#if selectedRow.metadata.extraMetadata['SyncDate']}
             <span class="float-right">
-              {$t`Synced`}
-              {formatDuration({seconds: (new Date().getTime() - new Date(selectedRow.metadata.extraMetadata['SyncDate']).getTime()) / 1000}, 'seconds', {style: 'narrow'})}
-              {$t`ago`}
+              {$t`Synced ${formatDuration({seconds: (new Date().getTime() - new Date(selectedRow.metadata.extraMetadata['SyncDate']).getTime()) / 1000}, 'seconds', {style: 'narrow'})} ago`}
             </span>
           {/if}
         </div>

frontend/viewer/src/lib/history/HistoryView.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import * as Dialog from '$lib/components/ui/dialog';
-  import {t} from 'svelte-i18n-lingui';
+  import {T, t} from 'svelte-i18n-lingui';
   import EntryEditor from '../entry-editor/object-editors/EntryEditor.svelte';
   import ExampleEditorPrimitive from '../entry-editor/object-editors/ExampleEditorPrimitive.svelte';
   import SenseEditorPrimitive from '../entry-editor/object-editors/SenseEditorPrimitive.svelte';
@@ -78,18 +78,18 @@
                     <span>{row.changeName ?? $t`No change name`}</span>
                     <div class="text-sm text-muted-foreground">
                       {#if row.previousTimestamp}
-                        <FormatDuration
-                          start={new Date(row.timestamp)}
-                          end={new Date(row.previousTimestamp)}
-                          smallestUnit="seconds"
-                          options={{style: 'narrow'}}/>
-                        {$t`before`}
+                        <T msg="# before">
+                          <FormatDuration start={new Date(row.timestamp)}
+                                          end={new Date(row.previousTimestamp)}
+                                          smallestUnit="seconds"
+                                          options={{style: 'narrow'}}/>
+                        </T>
                       {:else}
-                        <FormatDuration
-                          start={new Date(row.timestamp)}
-                          smallestUnit="seconds"
-                          options={{style: 'narrow'}}/>
-                        {$t`ago`}
+                        <T msg="# ago">
+                          <FormatDuration start={new Date(row.timestamp)}
+                                          smallestUnit="seconds"
+                                          options={{style: 'narrow'}}/>
+                        </T>
                       {/if}
                     </div>
                   </ListItem>

frontend/viewer/src/locales/en.po

@@ -57,6 +57,16 @@ msgstr "{0} synced to FieldWorks. {1} synced to FieldWorks Lite."
 msgid "{num, plural, one {# change} other {# changes}}"
 msgstr "{num, plural, one {# change} other {# changes}}"
 
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# ago"
+msgstr "# ago"
+
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# before"
+msgstr "# before"
+
 #: src/lib/notifications/NotificationOutlet.svelte
 msgid "A new version of FieldWorks lite is available."
 msgstr "A new version of FieldWorks lite is available."
@@ -108,12 +118,6 @@ msgstr "Add part of"
 msgid "Add Sense"
 msgstr "Add Sense"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "ago"
-msgstr "ago"
-
 #: src/project/browse/BrowseView.svelte
 msgid "an entry"
 msgstr "an entry"
@@ -155,11 +159,6 @@ msgstr "Auto"
 msgid "Auto synchronizing"
 msgstr "Auto synchronizing"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "before"
-msgstr "before"
-
 #: src/project/browse/SortMenu.svelte
 msgid "Best match"
 msgstr "Best match"
@@ -1005,10 +1004,13 @@ msgid "Suggest your ideas"
 msgstr "Suggest your ideas"
 
 #: src/project/ProjectSidebar.svelte
-#: src/lib/activity/ActivityView.svelte
 msgid "Synced"
 msgstr "Synced"
 
+#: src/lib/activity/ActivityView.svelte
+msgid "Synced {0} ago"
+msgstr "Synced {0} ago"
+
 #: src/home/HomeView.svelte
 msgid "Synced with {0}"
 msgstr "Synced with {0}"

frontend/viewer/src/locales/es.po

@@ -62,6 +62,16 @@ msgstr "{0} sincronizado con FieldWorks. {1} sincronizado con FieldWorks Lite."
 msgid "{num, plural, one {# change} other {# changes}}"
 msgstr "{num, plural, one {# cambios} other {# cambios}}"
 
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# ago"
+msgstr ""
+
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# before"
+msgstr ""
+
 #: src/lib/notifications/NotificationOutlet.svelte
 msgid "A new version of FieldWorks lite is available."
 msgstr "Ya está disponible una nueva versión de FieldWorks lite."
@@ -113,12 +123,6 @@ msgstr "Añadir parte de"
 msgid "Add Sense"
 msgstr "Añadir sentido"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "ago"
-msgstr "hace"
-
 #: src/project/browse/BrowseView.svelte
 msgid "an entry"
 msgstr "una entrada"
@@ -160,11 +164,6 @@ msgstr "Auto"
 msgid "Auto synchronizing"
 msgstr "Sincronización automática"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "before"
-msgstr "antes de"
-
 #: src/project/browse/SortMenu.svelte
 msgid "Best match"
 msgstr "Mejor partido"
@@ -1010,10 +1009,13 @@ msgid "Suggest your ideas"
 msgstr ""
 
 #: src/project/ProjectSidebar.svelte
-#: src/lib/activity/ActivityView.svelte
 msgid "Synced"
 msgstr "Sincronizado"
 
+#: src/lib/activity/ActivityView.svelte
+msgid "Synced {0} ago"
+msgstr ""
+
 #: src/home/HomeView.svelte
 msgid "Synced with {0}"
 msgstr "Sincronizado con {0}"

frontend/viewer/src/locales/fr.po

@@ -62,6 +62,16 @@ msgstr "{0} synchronisé avec FieldWorks. {1} synchronisé avec FieldWorks Lite.
 msgid "{num, plural, one {# change} other {# changes}}"
 msgstr "{num, plural, one {# change} other {# changes}}"
 
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# ago"
+msgstr ""
+
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# before"
+msgstr ""
+
 #: src/lib/notifications/NotificationOutlet.svelte
 msgid "A new version of FieldWorks lite is available."
 msgstr "Une nouvelle version de FieldWorks lite est disponible."
@@ -113,12 +123,6 @@ msgstr "Ajouter une partie de"
 msgid "Add Sense"
 msgstr "Ajouter du sens"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "ago"
-msgstr "il y a"
-
 #: src/project/browse/BrowseView.svelte
 msgid "an entry"
 msgstr "une entrée"
@@ -160,11 +164,6 @@ msgstr "Auto"
 msgid "Auto synchronizing"
 msgstr "Synchronisation automatique"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "before"
-msgstr "avant"
-
 #: src/project/browse/SortMenu.svelte
 msgid "Best match"
 msgstr "Meilleure correspondance"
@@ -1010,10 +1009,13 @@ msgid "Suggest your ideas"
 msgstr ""
 
 #: src/project/ProjectSidebar.svelte
-#: src/lib/activity/ActivityView.svelte
 msgid "Synced"
 msgstr "Synchronisé"
 
+#: src/lib/activity/ActivityView.svelte
+msgid "Synced {0} ago"
+msgstr ""
+
 #: src/home/HomeView.svelte
 msgid "Synced with {0}"
 msgstr "Synchronisé avec {0}"

frontend/viewer/src/locales/id.po

@@ -62,6 +62,16 @@ msgstr "{0} disinkronkan ke FieldWorks. {1} disinkronkan ke FieldWorks Lite."
 msgid "{num, plural, one {# change} other {# changes}}"
 msgstr "{num, plural, one {# perubahan} other {# perubahan}}"
 
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# ago"
+msgstr ""
+
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# before"
+msgstr ""
+
 #: src/lib/notifications/NotificationOutlet.svelte
 msgid "A new version of FieldWorks lite is available."
 msgstr "Versi baru FieldWorks lite telah tersedia."
@@ -113,12 +123,6 @@ msgstr "Tambahkan bagian dari"
 msgid "Add Sense"
 msgstr "Tambahkan Sense"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "ago"
-msgstr "yang lalu"
-
 #: src/project/browse/BrowseView.svelte
 msgid "an entry"
 msgstr "sebuah entri"
@@ -160,11 +164,6 @@ msgstr "Otomatis"
 msgid "Auto synchronizing"
 msgstr "Sinkronisasi otomatis"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "before"
-msgstr "sebelum"
-
 #: src/project/browse/SortMenu.svelte
 msgid "Best match"
 msgstr "Pertandingan terbaik"
@@ -1010,10 +1009,13 @@ msgid "Suggest your ideas"
 msgstr ""
 
 #: src/project/ProjectSidebar.svelte
-#: src/lib/activity/ActivityView.svelte
 msgid "Synced"
 msgstr "Disinkronkan"
 
+#: src/lib/activity/ActivityView.svelte
+msgid "Synced {0} ago"
+msgstr ""
+
 #: src/home/HomeView.svelte
 msgid "Synced with {0}"
 msgstr "Disinkronkan dengan {0}"

frontend/viewer/src/locales/ko.po

@@ -62,6 +62,16 @@ msgstr "{0} FieldWorks에 동기화됨. {1} FieldWorks Lite에 동기화됨."
 msgid "{num, plural, one {# change} other {# changes}}"
 msgstr "{num, plural, one {#변경} other {#변경}}"
 
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# ago"
+msgstr ""
+
+#: src/lib/history/HistoryView.svelte
+#: src/lib/activity/ActivityView.svelte
+msgid "# before"
+msgstr ""
+
 #: src/lib/notifications/NotificationOutlet.svelte
 msgid "A new version of FieldWorks lite is available."
 msgstr "새로운 버전의 FieldWorks lite를 사용할 수 있습니다."
@@ -113,12 +123,6 @@ msgstr "의 일부를 추가합니다."
 msgid "Add Sense"
 msgstr "센스 추가"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "ago"
-msgstr "전"
-
 #: src/project/browse/BrowseView.svelte
 msgid "an entry"
 msgstr "항목"
@@ -160,11 +164,6 @@ msgstr "자동"
 msgid "Auto synchronizing"
 msgstr "자동 동기화"
 
-#: src/lib/history/HistoryView.svelte
-#: src/lib/activity/ActivityView.svelte
-msgid "before"
-msgstr "전에"
-
 #: src/project/browse/SortMenu.svelte
 msgid "Best match"
 msgstr "베스트 매치"
@@ -1010,10 +1009,13 @@ msgid "Suggest your ideas"
 msgstr ""
 
 #: src/project/ProjectSidebar.svelte
-#: src/lib/activity/ActivityView.svelte
 msgid "Synced"
 msgstr "동기화"
 
+#: src/lib/activity/ActivityView.svelte
+msgid "Synced {0} ago"
+msgstr ""
+
 #: src/home/HomeView.svelte
 msgid "Synced with {0}"
 msgstr "{0}으로 동기화"