Use translations (#9)

Author: Feichtmeier

.github/images/screenshot_dark_linux.png

@@ -1,20 +1,12 @@
-# Pulse - Weather and news app for the Ubuntu Desktop
+### Pulse - Weather app for the Linux Desktop
 
-WIP - Soon available as snap.
+[![Get it from the Snap Store](https://snapcraft.io/static/images/badges/en/snap-store-black.svg)](https://snapcraft.io/pulse)
 
-| | |
-|-|-|
-|![screenshot_dark_linux](.github/images/screenshot_dark_linux.png)|![screenshot_light_linux](.github/images/screenshot_light_linux.png)|
+![screenshot_dark_linux](.github/images/screenshot_dark_linux.png)
 
-## Pulse Level 1
+### Api Key
 
-- [X] Display weather of current location
-- [X] Display weather of a location X
-- [ ] Save your favorite locations
-- [ ] Filter per day/week
-- [ ] Show news in your location
-- [ ] Show news of location X
-- [ ] Filter news by topic/location
+Requires an api key from [openweathermap](https://openweathermap.org) which you need to create yourself (free tier) in your own account.
 
 ## Build
 
@@ -30,13 +22,3 @@ sudo apt -y install git curl cmake meson make clang libgtk-3-dev pkg-config && m
 ```
 
 </details>
-
-### Api Key
-
-Requires an api key from [openweathermap](https://openweathermap.org) which you need to create yourself (free tier) in your own account. If you did, create the file `apikey.json` under `/assets/` and add your api key as the value of the property `apiKey`.
-
-```json
-{
-    "apiKey": "YOUR_API_KEY_HERE"
-}
-```

.github/images/screenshot_light_linux.png

@@ -0,0 +1,5 @@
+arb-dir: lib/src/l10n
+template-arb-file: app_en.arb
+output-localization-file: app_localizations.dart
+nullable-getter: false
+untranslated-messages-file: needs_translation.json

README.md

@@ -7,6 +7,7 @@ import 'package:yaru/yaru.dart';
 
 import '../../constants.dart';
 import '../../weather.dart';
+import '../l10n/l10n.dart';
 import '../weather/weather_model.dart';
 import 'side_bar.dart';
 
@@ -16,7 +17,9 @@ class App extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
-      title: kAppTitle,
+      localizationsDelegates: AppLocalizations.localizationsDelegates,
+      supportedLocales: supportedLocales,
+      onGenerateTitle: (context) => 'MusicPod',
       debugShowCheckedModeBanner: false,
       theme: yaruLight,
       darkTheme: yaruDark.copyWith(
@@ -51,6 +54,12 @@ class AppPage extends StatefulWidget with WatchItStatefulWidgetMixin {
 class _AppPageState extends State<AppPage> {
   @override
   void initState() {
+    YaruWindow.of(context).onClose(
+      () async {
+        await di.reset();
+        return true;
+      },
+    );
     di<WeatherModel>().loadWeather();
     super.initState();
   }

l10n.yaml

@@ -2,18 +2,18 @@ import 'package:flutter/material.dart';
 import 'package:yaru/yaru.dart';
 
 import '../build_context_x.dart';
+import '../l10n/l10n.dart';
 
 class OfflinePage extends StatelessWidget {
   const OfflinePage({super.key});
 
   @override
   Widget build(BuildContext context) {
-    final theme = context.theme;
     return YaruDetailPage(
       backgroundColor: Colors.transparent,
       appBar: YaruWindowTitleBar(
         border: BorderSide.none,
-        title: const Text('Offline'),
+        title: Text(context.l10n.offline),
         backgroundColor: Colors.transparent,
         leading: Navigator.of(context).canPop() == true
             ? const YaruBackButton(

lib/src/app/app.dart

@@ -0,0 +1,13 @@
+{
+    "@@locale": "de",
+    "save": "Speichern",
+    "openWeatherApiKey": "OpenWeather API Schlüssel",
+    "offline": "Keine Netzwerkverbindung",
+    "cityName": "Ortsnamen",
+    "cityNotFound": "Ort nicht gefunden",
+    "enterACityName": "Bitte gib einen Ort ein",
+    "enterValidApiKey": "Bitte gib einen (gültigen) API Schlüssel ein",
+    "hourly": "Stündlich",
+    "daily": "Täglich",
+    "now": "Jetzt"
+}

lib/src/app/offline_page.dart

@@ -0,0 +1,13 @@
+{
+    "@@locale": "en",
+    "save": "Save",
+    "openWeatherApiKey": "OpenWeather API key",
+    "offline": "Offline",
+    "cityName": "City name",
+    "cityNotFound": "City not found",
+    "enterACityName": "Please enter a city name",
+    "enterValidApiKey": "Please enter a (valid) API key",
+    "hourly": "Hourly",
+    "daily": "Daily",
+    "now": "Now"
+}

lib/src/l10n/app_de.arb

@@ -0,0 +1,13 @@
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:flutter/widgets.dart';
+
+export 'package:flutter_gen/gen_l10n/app_localizations.dart';
+
+final List<Locale> supportedLocales = {
+  const Locale('en'), // make sure 'en' comes first (#216)
+  ...List.of(AppLocalizations.supportedLocales)..remove(const Locale('en')),
+}.toList();
+
+extension LocalizationsContext on BuildContext {
+  AppLocalizations get l10n => AppLocalizations.of(this);
+}

lib/src/l10n/app_en.arb

@@ -4,6 +4,7 @@ import 'package:yaru/yaru.dart';
 
 import '../../../string_x.dart';
 import '../../build_context_x.dart';
+import '../../l10n/l10n.dart';
 import '../weather_model.dart';
 
 class CitySearchField extends StatefulWidget with WatchItStatefulWidgetMixin {
@@ -65,12 +66,12 @@ class _CitySearchFieldState extends State<CitySearchField> {
         prefixIconConstraints:
             const BoxConstraints(minWidth: 35, minHeight: 30),
         filled: true,
-        hintText: 'City name',
+        hintText: context.l10n.cityName,
         errorText: widget.watchError
             ? (error?.cityNotFound == true
-                ? 'City not found'
+                ? context.l10n.cityNotFound
                 : error?.emptyCity == true
-                    ? 'Please enter a city name'
+                    ? context.l10n.enterACityName
                     : error)
             : null,
         errorMaxLines: 10,