drdeee/fluffy

Join the community - Follow me on Mastodon - Translate FluffyChat - Translate the website - Website - Famedly Matrix SDK - Server hosting and professional support

FluffyChat is a multi-platform Matrix client written in Dart/Flutter. It compiles to native code von Android, iOS, macOS, Windows and Linux and renders with Skia on the web. FluffyChat is just a hobby project from the developers of Famedly and licensed under AGPLv3. It follows a design philosophy to be minimalistic, inclusive and easy to use.

How to build

1. Install flutter

2. Clone the repo:

git clone --recurse-submodules https://gitlab.com/famedly/fluffychat
cd fluffychat

3. Choose your target platform below and enable support for it.

4. Debug with: flutter run

Android

• Install CMake from the SDK Manager

• Install ninja:

sudo apt install ninja-build

• Build with: flutter build apk

iOS / iPadOS

• With xcode you can't build a release version without our cert. :-/ Use flutter run --profile to have a working version on your iOS device.

Web

• Enable web support in Flutter: https://flutter.dev/docs/get-started/web

• Build with:

./scripts/prepare-web.sh
flutter build web --release

• Optionally configure by serving a config.json at the same path as fluffychat. An example can be found at config.sample.json. None of these values have to exist, the ones stated here are the default ones. If you e.g. only want to change the default homeserver, then only modify the default_homeserver key.

Desktop (Linux, Windows, macOS)

• Enable Desktop support in Flutter: https://flutter.dev/desktop

• Build with one of these:

flutter build linux --release
flutter build windows --release
flutter build macos --release

How to add translations for your language

You can use Weblate to translate the app to your language:

https://hosted.weblate.org/projects/fluffychat/

If you want to get your translated strings approved, please ask in our support room!

1. Replace the non-translated string in the codebase:

Text("Hello world"),

with a method call:

Text(L10n.of(context).helloWorld),

and add the following import if missing:

import 'package:flutter_gen/gen_l10n/l10n.dart';

2. Add the string to /lib/l10n/l10n_en.arb:

(The following example need to be sorounded by the usual json {} and after the @@locale key)

Example A:

"helloWorld": "Hello World!",
"@helloWorld": {
  "description": "The conventional newborn programmer greeting"
}

Example B:

"hello": "Hello {userName}",
"@hello": {
  "description": "A message with a single parameter",
  "placeholders": {
    "userName": {
      "type": “String”,
      “example”: “Bob”
    }
  }
}

3. For testing just run a regular build without extras

Android push notifications without FCM

Fluffychat has the ability to receive push notifications on android without FCM via the UnifiedPush project, e.g. using gotify as push backend. As the project is still pretty new there might still be some bugs, overall it seems to be working, though.

While UnifiedPush also supports p2p push via NoProvider2Push here the gotify setup will be outlined. Adapt re-write proxies accordingly, if you want to use a different push provider.

For self-hosted push with gotify you have to install and configure gotify-server with UnifiedPush support.

Next, you add the repo.unifiedpush.org repository to fdroid and install the gotify client via it. Log into your gotify account and push notifications should work!

Matrix-specific re-write proxy

Until MSC2970 is figured out we unfortunately need another simple re-write proxy. By default the one at https://matrix.gateway.unifiedpush.org is used, however you can easily self-host it. For that, add to your nginx config on the same domain you serve gotify the following:

resolver 8.8.8.8;

location /_matrix/push/v1/notify {
    set $target '';
    if ($request_method = GET ) {
        return 200 '{"gateway":"matrix"}';
    }
    access_by_lua_block {
        local cjson = require("cjson")
        ngx.req.read_body()
        local body = ngx.req.get_body_data()
        local parsedBody = cjson.decode(body)
        ngx.var.target = parsedBody["notification"]["devices"][1]["pushkey"]
        ngx.req.set_body_data(body)
    }
    proxy_set_header Content-Type application/json;
    proxy_set_header Host $host;
    proxy_pass $target;
}

Special thanks to

• Fabiyamada is a graphics designer from Brasil and has made the fluffychat logo and the banner. Big thanks for her great designs.

• Advocatux has made the Spanish translation with great love and care. He always stands by my side and supports my work with great commitment.

• Thanks to MTRNord and Sorunome for developing.

• Thanks to Mark for all his support and the chat background.

• Also thanks to all translators and testers! With your help, fluffychat is now available in more than 12 languages.

• Noto Emoji Font for the awesome emojis.