fix admin elixir

- Added possibility for administrators to have analytics (Matomo, Plausible supported) and error handling (Sentry supported) on front-end.
 - Redesigned federation admin section with dedicated instance pages
 - Allow to filter moderation reports by domain
 - Added a button to go to past events of a group if it has no upcoming events
 - Add Überauth CAS Strategy
 - Add a CLI command to delete actors
 
 - Changed mailer library from Bamboo to Swoosh, should fix emails being considered spam. **Some configuration changes are required, see below.**
 - Expose some fields to ActivityStreams event representation: `isOnline`, `remainingAttendeeCapacity` and `participantCount`
 - Expose a new field to ActivityStreams group representation: `memberCount`
 - Improve group creation errors feedback
 - Only display locality in event card
 - Stale groups are now excluded from group search
 - Event default visibility is now set according to group privacy setting
 - Remove Koena Connect button
 - Hide the whole metadata block if group has no description
 - Increase task timeout in Refresher to 60 seconds
 - Allow webfinger to be fetched over http (not https) in dev mode
 - Improve reactions when approving/rejecting an instance follow
 - Improve instance admin view for mobile
 - Allow to reject instance following
 - Allow instance to have non-standard ports
 - Add pagination to the instances list
 - Eventually fetch actors in mentions
 - Improve IdentityPicker, JoinGroupWithAccount and ActorInline components
 - Various group and posts improvements
 - Update schema.graphql file
 - Add "Accept-Language" header to sentry request metadata
 - Hide address blocks when address has no real data
 - Remove obsolete attribute type="text/css" from <style> tags
 - Improve actor cards integration
 - Use upstream dependencies for Ueberauth providers
 - Include ongoing events in search
 - Send push notification into own task
 - Add appropriate timeouts for Repo.transactions
 - Add a proper error message when adding an instance follow that doesn't respond
 - Allow the instance to be followed from Mastodon (through relays)
 - Remove unused fragment from FETCH_PERSON GraphQL query
 
 - Fixed actor refreshment being impossible
 - Fixed ical export for undefined datetimes
 - Fixed parsing links with hashtag characters
 - Fixed fetching link details from Twitter
 - Fixed Thunderbird accessing ICS feed endpoint with special `Accept` HTTP header
 - Make sure every ICS/Feed caches are emptied when modifying entities
 - Fixed time issues with DST changes
 - Fixed group preview card not truncating description
 - Fixed redirection after login
 - Fixed user admin section showing button to confirm user when the user is already confirmed
 - Fixed creating event from group view not always setting the group as organizer
 - Fixed invalid addresses blocking event metadata preview rendering
 - Fixed group deletion with comments that caused foreign key issues
 - Fixed incoming Accept activities from participations we don't already have
 - Fixed resources that didn't have metadata size limits
 - Properly fallback to UTC when sending notifications and the user doesn't have a timezone setting set
 - Fix posts creation
 - Fix rejecting instance follow
 - Fix pagination of group events
 - Add proper fallback for when a TZ isn't registered
 - Hide side of report modal on low width screens
 - Fix Telegram Logo being replaced with Mastodon logo in ShareGroupModal
 - Change URL for Mastodon Share Manager
 - Fix receiving Flag activities on federated events
 - Fix activity notifications by preloading user.activity_settings
 - Fix text overflow on group card description
 - Exclude tags with more than 40 characters from being extracted
 - Avoid duplicate tags with different casing
 - Fix invalid HTML (<div> inside <label>)
 - Fix latest group not refreshing in admin section
 - Add missing "relay@" part of federated address to follow
 - Fix Ueberauth use of CSRF with session
 - Fix being an administrator when using 3rd-party auth provider
 - Make sure activity recipient can't be nil
 - Make sure users can't create profiles or groups with non-valid patterns
 - Add description field to address representation
 - Make sure prompt show the correct message and not just "Continue?" in mix mode
 - Make sure activity notification recaps can't be sent multiple times
 - Fix group notification of new event being sent multiple times
 - Fix links to group page in group membership emails and participation
 - Fix clicking on map crashing the app
 
 - Arabic
 - Basque
 - Belarusian
 - Bengali
 - Catalan
 - Chinese (Traditional)
 - Croatian
 - Czech
 - Danish
 - Dutch
 - Esperanto
 - Finnish
 - French
 - Gaelic
 - Galician
 - German
 - Hebrew
 - Hungarian
 - Indonesian
 - Italian
 - Japanese
 - Kabyle
 - Kannada
 - Norwegian Nynorsk
 - Occitan
 - Persian
 - Polish
 - Portuguese
 - Portuguese (Brazil)
 - Russian
 - Slovenian
 - Spanish
 - Swedish
 - Welsh
 -----BEGIN PGP SIGNATURE-----
 
 iQIzBAABCAAdFiEExMITpfxOHHCvHn8FoGG53eDKB3MFAmKCI7kACgkQoGG53eDK
 B3M0cg//U3F1oCzg8piPaIAUGgXTx7yOZ+rRO8tHX63+whg6Yu7vu09G8Hm7iyVD
 t2CuzEwKNKdgwUV4XG6CJfban20p/lBhGupQvCpIUOBZ6gKn6m2j7KAHj2/GbEot
 um+Dqu/ktIZN+2vc48nH7HGgcO1c/oCzUE3nH0HYWA9GCVGIAIz+alHszOl9CtL/
 TFpgrF5ygRtk4Z4W/hg6j94PP4IpdCybob8/mgN8eZeF4VbaiCGBdsxl5jai+nqE
 wgebLqyyDAmnE/aW1E64TTLlRP8eZwmNkfxuyI5bjMX8sgvML/ZEcKmcIHPh7tby
 5+pEDnRPg8vnqI5SnkaNH2/77WWY0zPQRFsIV4NFnbMuqZ8fumIC9ke/RXEDGMfS
 ZQi0mWpTT6xZC/XyrjfcaGrV3JY/mrkEXUxFlEwMNm3dGnHKSGCgHIz4gPoQw5U+
 wxPyi+wcnmeHTbic7A89aGH3a4H2BF+f2iZeTrA+XyyopU/7Pr9xgzEHL/3Y/9wA
 +d/hJffLjOM5stg1Zqcndv9LxEFcTtjYBfIeV5kPLVc35s7IbmvoJizFBDrAWisj
 qLsmk9Tg2ODXCN9jIGto1YqQwBWUSYAfYgMzLyvLG1yb8mSBlhWUp/a3uZcekCUL
 qDOLNiiFKdD4TIjV/8Nst0YIHR3g4K2NtftjO92NWx2XeRBcS+w=
 =aZJM
 -----END PGP SIGNATURE-----

Merge tag '2.1.0' into chapril

- Added an event category field. Administrators can extend the pre-configured list of categories through configuration.
- Added possibility for administrators to have analytics (Matomo, Plausible supported) and error handling (Sentry supported) on front-end.
- Redesigned federation admin section with dedicated instance pages
- Allow to filter moderation reports by domain
- Added a button to go to past events of a group if it has no upcoming events
- Add Überauth CAS Strategy
- Add a CLI command to delete actors

- Changed mailer library from Bamboo to Swoosh, should fix emails being considered spam. **Some configuration changes are required, see below.**
- Expose some fields to ActivityStreams event representation: `isOnline`, `remainingAttendeeCapacity` and `participantCount`
- Expose a new field to ActivityStreams group representation: `memberCount`
- Improve group creation errors feedback
- Only display locality in event card
- Stale groups are now excluded from group search
- Event default visibility is now set according to group privacy setting
- Remove Koena Connect button
- Hide the whole metadata block if group has no description
- Increase task timeout in Refresher to 60 seconds
- Allow webfinger to be fetched over http (not https) in dev mode
- Improve reactions when approving/rejecting an instance follow
- Improve instance admin view for mobile
- Allow to reject instance following
- Allow instance to have non-standard ports
- Add pagination to the instances list
- Eventually fetch actors in mentions
- Improve IdentityPicker, JoinGroupWithAccount and ActorInline components
- Various group and posts improvements
- Update schema.graphql file
- Add "Accept-Language" header to sentry request metadata
- Hide address blocks when address has no real data
- Remove obsolete attribute type="text/css" from <style> tags
- Improve actor cards integration
- Use upstream dependencies for Ueberauth providers
- Include ongoing events in search
- Send push notification into own task
- Add appropriate timeouts for Repo.transactions
- Add a proper error message when adding an instance follow that doesn't respond
- Allow the instance to be followed from Mastodon (through relays)
- Remove unused fragment from FETCH_PERSON GraphQL query

- Fixed actor refreshment being impossible
- Fixed ical export for undefined datetimes
- Fixed parsing links with hashtag characters
- Fixed fetching link details from Twitter
- Fixed Thunderbird accessing ICS feed endpoint with special `Accept` HTTP header
- Make sure every ICS/Feed caches are emptied when modifying entities
- Fixed time issues with DST changes
- Fixed group preview card not truncating description
- Fixed redirection after login
- Fixed user admin section showing button to confirm user when the user is already confirmed
- Fixed creating event from group view not always setting the group as organizer
- Fixed invalid addresses blocking event metadata preview rendering
- Fixed group deletion with comments that caused foreign key issues
- Fixed incoming Accept activities from participations we don't already have
- Fixed resources that didn't have metadata size limits
- Properly fallback to UTC when sending notifications and the user doesn't have a timezone setting set
- Fix posts creation
- Fix rejecting instance follow
- Fix pagination of group events
- Add proper fallback for when a TZ isn't registered
- Hide side of report modal on low width screens
- Fix Telegram Logo being replaced with Mastodon logo in ShareGroupModal
- Change URL for Mastodon Share Manager
- Fix receiving Flag activities on federated events
- Fix activity notifications by preloading user.activity_settings
- Fix text overflow on group card description
- Exclude tags with more than 40 characters from being extracted
- Avoid duplicate tags with different casing
- Fix invalid HTML (<div> inside <label>)
- Fix latest group not refreshing in admin section
- Add missing "relay@" part of federated address to follow
- Fix Ueberauth use of CSRF with session
- Fix being an administrator when using 3rd-party auth provider
- Make sure activity recipient can't be nil
- Make sure users can't create profiles or groups with non-valid patterns
- Add description field to address representation
- Make sure prompt show the correct message and not just "Continue?" in mix mode
- Make sure activity notification recaps can't be sent multiple times
- Fix group notification of new event being sent multiple times
- Fix links to group page in group membership emails and participation
- Fix clicking on map crashing the app

- Arabic
- Basque
- Belarusian
- Bengali
- Catalan
- Chinese (Traditional)
- Croatian
- Czech
- Danish
- Dutch
- Esperanto
- Finnish
- French
- Gaelic
- Galician
- German
- Hebrew
- Hungarian
- Indonesian
- Italian
- Japanese
- Kabyle
- Kannada
- Norwegian Nynorsk
- Occitan
- Persian
- Polish
- Portuguese
- Portuguese (Brazil)
- Russian
- Slovenian
- Spanish
- Swedish
- Welsh

.gitlab-ci.yml

@@ -32,7 +32,6 @@ variables:
   APP_VERSION: "${CI_COMMIT_REF_NAME}"
   APP_ASSET: "${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}_${ARCH}.tar.gz"
   CYPRESS_INSTALL_BINARY: 0
-  HEX_MIRROR: https://cdn.jsdelivr.net/hex
 
 cache:
   key: "${CI_COMMIT_REF_SLUG}-${CI_COMMIT_SHORT_SHA}"
@@ -239,15 +238,13 @@ build-docker-tag:
 
 # Packaging app for amd64
 package-app:
-  image: hexpm/elixir:1.13.4-erlang-24.3.2-${OS}
+  image: mobilizon/buildpack:1.13.4-erlang-24.3.3-debian-buster
   stage: package
-  before_script:
-    - apt-get update && apt-get install -yq build-essential git curl cmake
   variables: &release-variables
     MIX_ENV: "prod"
     DEBIAN_FRONTEND: noninteractive
     TZ: Etc/UTC
-    APP_ASSET: "${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}_${ARCH}_${OS}.tar.gz"
+    APP_ASSET: "${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}_${ARCH}.tar.gz"
   script: &release-script
     - mix local.hex --force
     - mix local.rebar --force
@@ -266,9 +263,6 @@ package-app:
     expire_in: 2 days
     paths:
       - ${APP_ASSET}
-  parallel:
-    matrix:
-      - OS: ["debian-bullseye-20210902", "debian-buster-20210902", "ubuntu-focal-20211006", "ubuntu-bionic-20210930"]
 
 package-app-dev:
   stage: package
@@ -291,9 +285,8 @@ multi-arch-release:
     DOCKER_TLS_VERIFY: 1
     DOCKER_CERT_PATH: "$DOCKER_TLS_CERTDIR/client"
     DOCKER_DRIVER: overlay2
-    APP_ASSET: "${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}_${ARCH}_${OS}.tar.gz"
-    # For now, arm and arm64 are only build for debian bullseye version
-    OS: debian-bullseye
+    APP_ASSET: "${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}_${ARCH}.tar.gz"
+    OS: debian-buster
   services:
     - docker:20.10.12-dind
   cache: {}

.ncignore

@@ -0,0 +1 @@
+deps

.tool-versions

@@ -1,2 +1,2 @@
-elixir 1.13.3-otp-24
+elixir 1.13.4-otp-24
 erlang 24.3.3

CHANGELOG.md

@@ -1,13 +1,237 @@
 # Changelog
+
 All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 2.1.0 - 2022-05-16
+
+### Added
+
+- Added an event category field. Administrators can extend the pre-configured list of categories through configuration.
+- Added possibility for administrators to have analytics (Matomo, Plausible supported) and error handling (Sentry supported) on front-end.
+- Redesigned federation admin section with dedicated instance pages
+- Allow to filter moderation reports by domain
+- Added a button to go to past events of a group if it has no upcoming events
+- Add Überauth CAS Strategy
+- Add a CLI command to delete actors
+
+### Changed
+
+- Changed mailer library from Bamboo to Swoosh, should fix emails being considered spam. **Some configuration changes are required, see below.**
+- Expose some fields to ActivityStreams event representation: `isOnline`, `remainingAttendeeCapacity` and `participantCount`
+- Expose a new field to ActivityStreams group representation: `memberCount`
+- Improve group creation errors feedback
+- Only display locality in event card
+- Stale groups are now excluded from group search
+- Event default visibility is now set according to group privacy setting
+- Remove Koena Connect button
+- Hide the whole metadata block if group has no description
+- Increase task timeout in Refresher to 60 seconds
+- Allow webfinger to be fetched over http (not https) in dev mode
+- Improve reactions when approving/rejecting an instance follow
+- Improve instance admin view for mobile
+- Allow to reject instance following
+- Allow instance to have non-standard ports
+- Add pagination to the instances list
+- Eventually fetch actors in mentions
+- Improve IdentityPicker, JoinGroupWithAccount and ActorInline components
+- Various group and posts improvements
+- Update schema.graphql file
+- Add "Accept-Language" header to sentry request metadata
+- Hide address blocks when address has no real data
+- Remove obsolete attribute type="text/css" from <style> tags
+- Improve actor cards integration
+- Use upstream dependencies for Ueberauth providers
+- Include ongoing events in search
+- Send push notification into own task
+- Add appropriate timeouts for Repo.transactions
+- Add a proper error message when adding an instance follow that doesn't respond
+- Allow the instance to be followed from Mastodon (through relays)
+- Remove unused fragment from FETCH_PERSON GraphQL query
+
+### Fixed
+
+- Fixed actor refreshment being impossible
+- Fixed ical export for undefined datetimes
+- Fixed parsing links with hashtag characters
+- Fixed fetching link details from Twitter
+- Fixed Thunderbird accessing ICS feed endpoint with special `Accept` HTTP header
+- Make sure every ICS/Feed caches are emptied when modifying entities
+- Fixed time issues with DST changes
+- Fixed group preview card not truncating description
+- Fixed redirection after login
+- Fixed user admin section showing button to confirm user when the user is already confirmed
+- Fixed creating event from group view not always setting the group as organizer
+- Fixed invalid addresses blocking event metadata preview rendering
+- Fixed group deletion with comments that caused foreign key issues
+- Fixed incoming Accept activities from participations we don't already have
+- Fixed resources that didn't have metadata size limits
+- Properly fallback to UTC when sending notifications and the user doesn't have a timezone setting set
+- Fix posts creation
+- Fix rejecting instance follow
+- Fix pagination of group events
+- Add proper fallback for when a TZ isn't registered
+- Hide side of report modal on low width screens
+- Fix Telegram Logo being replaced with Mastodon logo in ShareGroupModal
+- Change URL for Mastodon Share Manager
+- Fix receiving Flag activities on federated events
+- Fix activity notifications by preloading user.activity_settings
+- Fix text overflow on group card description
+- Exclude tags with more than 40 characters from being extracted
+- Avoid duplicate tags with different casing
+- Fix invalid HTML (<div> inside <label>)
+- Fix latest group not refreshing in admin section
+- Add missing "relay@" part of federated address to follow
+- Fix Ueberauth use of CSRF with session
+- Fix being an administrator when using 3rd-party auth provider
+- Make sure activity recipient can't be nil
+- Make sure users can't create profiles or groups with non-valid patterns
+- Add description field to address representation
+- Make sure prompt show the correct message and not just "Continue?" in mix mode
+- Make sure activity notification recaps can't be sent multiple times
+- Fix group notification of new event being sent multiple times
+- Fix links to group page in group membership emails and participation
+- Fix clicking on map crashing the app
+
+### Translations
+
+- Arabic
+- Basque
+- Belarusian
+- Bengali
+- Catalan
+- Chinese (Traditional)
+- Croatian
+- Czech
+- Danish
+- Dutch
+- Esperanto
+- Finnish
+- French
+- Gaelic
+- Galician
+- German
+- Hebrew
+- Hungarian
+- Indonesian
+- Italian
+- Japanese
+- Kabyle
+- Kannada
+- Norwegian Nynorsk
+- Occitan
+- Persian
+- Polish
+- Portuguese
+- Portuguese (Brazil)
+- Russian
+- Slovenian
+- Spanish
+- Swedish
+- Welsh
+
+## 2.1.0-rc.6 - 2022-05-11
+
+Changes since rc.5:
+
+- Allow the instance to be followed from Mastodon (through relays)
+- Make sure activity recipient can't be nil
+- Make sure users can't create profiles or groups with non-valid patterns
+- Add description field to address representation
+- Make sure prompt show the correct message and not just "Continue?" in mix mode
+- Add a CLI command to delete actors
+- Make sure activity notification recaps can't be sent multiple times
+- Fix group notification of new event being sent multiple times
+- Fix links to group page in group membership emails and participation
+- Fix clicking on map crashing the app
+- Remove unused fragment from FETCH_PERSON GraphQL query
+
+## 2.1.0-rc.5 - 2022-05-06
+
+Changes since rc.4:
+
+- Add appropriate timeouts for Repo.transactions
+- Remove OS-specific packages
+- Remove refresh instance triggers
+- Add a proper error message when adding an instance follow that doesn't respond
+
+## 2.1.0-rc.4 - 2022-05-03
+
+Changes since rc.3:
+
+- Use upstream dependencies for Ueberauth providers
+- Fix Ueberauth use of CSRF with session
+- Fix being an administrator when using 3rd-party auth provider
+- Include ongoing events in search
+- Send push notification into own task
+- Add Überauth CAS Strategy
+
+## 2.1.0-rc.3 - 2022-04-24
+
+Changes since rc.2:
+
+- Fix activity notifications by preloading user.activity_settings
+- Add "Accept-Language" header to sentry request metadata
+- Hide address blocks when address has no real data
+- Fix text overflow on group card description
+- Exclude tags with more than 40 characters from being extracted
+- Avoid duplicate tags with different casing
+- Fix invalid HTML (<div> inside <label>)
+- Remove attribute type="text/css" from <style> tags
+- Improve actor cards integration
+- Fix latest group not refreshing in admin section
+- Add missing "relay@" part of federated address to follow
+
+## 2.1.0-rc.2 - 2022-04-20
+
+Changes since rc.1:
+
+- Hide the whole metadata block if group has no description
+- Increase task timeout in Refresher to 60 seconds
+- Allow webfinger to be fetched over http (not https) in dev mode
+- Fix rejecting instance follow
+- Allow instance to have non-standard ports
+- Improve reactions when approving/rejecting an instance follow
+- Improve instance admin view for mobile
+- Allow to reject instance following
+- Fix pagination of group events
+- Add pagination to the instances list
+- Upgrade deps
+- Eventually fetch actors in mentions
+- Add proper fallback for when a TZ isn't registered
+- Improve IdentityPicker
+- Hide side of report modal on low width screens
+- Improve JoinGroupWithAccount component
+- Various group and posts improvements
+- Fix Telegram Logo being replaced with Mastodon logo in ShareGroupModal
+- Change URL to Mastodon Share Manager
+- Improve ActorInline component
+- Avoid assuming we're on Debian-based in release build
+- Fix receiving Flag activities on federated events
+- Update schema.graphql file
+
+## 2.1.0-rc.1 - 2022-04-18
+
+Changes since beta.3:
+
+- Fix posts creation
+- Fix some typespecs
+- Remove Koena Connect button
+- Update dependencies
+
+## 2.1.0-beta.3 - 2022-04-09
+
+Changes since beta.2:
+
+- Add Fedora and Alpine builds
+
 ## 2.1.0-beta.2 - 2022-04-08
 
 Changes since beta.1 :
-* Build release packages for several distributions (Debian Bullseye, Debian Buster, Ubuntu Focal, Ubuntu Bionic) because of libc version changes
+
+- Build release packages for several distributions (Debian Bullseye, Debian Buster, Ubuntu Focal, Ubuntu Bionic) because of libc version changes
 
 ## 2.1.0-beta.1 - 2022-04-07
 
@@ -20,6 +244,7 @@ Changes since beta.1 :
 - Added a button to go to past events of a group if it has no upcoming events
 
 ### Changed
+
 - Changed mailer library from Bamboo to Swoosh, should fix emails being considered spam. **Some configuration changes are required, see below.**
 - Expose some fields to ActivityStreams event representation: `isOnline`, `remainingAttendeeCapacity` and `participantCount`
 - Expose a new field to ActivityStreams group representation: `memberCount`
@@ -100,6 +325,7 @@ Changes since beta.1 :
 - Fixed the admin page when a group/profile/user was not found
 - Fixed group members pagination on admin group profile view
 - Fixed admin edition of the instance's language
+
 ### Translations
 
 - Croatian
@@ -272,7 +498,6 @@ Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/mai
 - Slovenian
 - Spanish
 
-
 ## 2.0.0-rc.3 - 2021-11-22
 
 This lists changes since 2.0.0-rc.3. Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/main/UPGRADE.md#upgrading-from-13-to-20) file as well.
@@ -293,11 +518,13 @@ This lists changes since 2.0.0-rc.1. Please read the [UPGRADE.md](https://framag
 - Improve MyEvents page description text
 
 ### Fixed
+
 - Fix spacing in organizer picker
 - Increase number of close events and follow group events
 - Fix accessing user profile in admin section
 - Set initial values for some EventMetadata elements, fixing submitting them right away with no value
 - Avoid giving an error page if the apollo futureParticipations query is undefined
+
 ### Translations
 
 - German
@@ -318,6 +545,7 @@ This lists changes since 2.0.0-beta.2. Please read the [UPGRADE.md](https://fram
 - Add "formerType" and "delete" attributes on Tombstones ActivityPub objects representation
 
 ### Fixed
+
 - Fixed creating group activities when creating events with some fields
 - Move release package at correct path for CI upload
 - Fixed event contacts that were not exposed and fetched over federation
@@ -336,6 +564,7 @@ This lists changes since 2.0.0-beta.2. Please read the [UPGRADE.md](https://fram
 ## 2.0.0-beta.2 - 2021-11-15
 
 This lists changes since 2.0.0-beta.1. Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/main/UPGRADE.md#upgrading-from-13-to-20) file as well.
+
 ### Added
 
 - Group followers and members get an notification email by default when a group publishes a new event (subject to activity notification settings)
@@ -372,6 +601,7 @@ This lists changes since 2.0.0-beta.1. Please read the [UPGRADE.md](https://fram
 ## 2.0.0-beta.1 - 2021-11-09
 
 Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/main/UPGRADE.md#upgrading-from-13-to-20) file as well.
+
 ### Added
 
 - Added possibility to follow groups and be notified from new upcoming events
@@ -436,6 +666,7 @@ Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/mai
 ### Security
 
 - Fixed private messages sent as event replies from Mastodon that were shown publically as public comments. They are now discarded.
+
 ### Translations
 
 - Czech
@@ -503,7 +734,7 @@ Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/mai
 ### Fixed
 
 - Fixed links contained in event & post description that didn't open in new tabs
-- Add back missing RSS/ical links on public group pages 
+- Add back missing RSS/ical links on public group pages
 - Fixed links to Framacolibri forum
 - Fixed drafts and restricted visibility events & posts listed on group page
 - Fixed notification page on Safari
@@ -525,7 +756,6 @@ Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/mai
 - Fixed token refreshment issues
 - Fixed search from 404 page
 
-
 ### Translations
 
 - Catalan
@@ -551,9 +781,10 @@ Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/mai
 - Fixed group discussions with deleted comments
 
 ## 1.2.2 - 2021-07-01
+
 ### Changed
 
-- Improved UI for participations when message is too long 
+- Improved UI for participations when message is too long
 
 ### Fixed
 
@@ -561,7 +792,7 @@ Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/mai
 - Fixed crash when trying to notify activities not from groups
 - Fixed imagemagick missing from Dockerfile
 - Fixed push notifications for group, members & post activities
-- Fixed ellipsis in DiscussionListView 
+- Fixed ellipsis in DiscussionListView
 - Fixed submission button for posts not visible on mobile
 - Fixed remote profile suspension
 
@@ -577,6 +808,7 @@ Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/mai
 - Fixed compatibility check in Notification section for service workers
 
 ## 1.2.0 - 2021-06-29
+
 ### Added
 
 - **Notifications for various group and event activity, both by email and browser push notifications. Daily and weekly digests are also available.**
@@ -591,7 +823,7 @@ Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/mai
 - **Various improvements to mobile views**
 - Make JWT access tokens short-lived
 - Disabled Cldr warning that the `Cldr.Plug.AcceptLanguage` plug didn't many any known locale
-- Replaced GraphiQL web interface with graphql-playground 
+- Replaced GraphiQL web interface with graphql-playground
 
 ### Removed
 
@@ -751,7 +983,7 @@ Please read the [UPGRADE.md](https://framagit.org/framasoft/mobilizon/-/blob/mai
 ### Changed
 
 - Added an unique index on the addresses url
-- Added org.opencontainers.image.source annotation to the Docker image 
+- Added org.opencontainers.image.source annotation to the Docker image
 - Improved the moderation action logs interface
 
 ### Fixes
@@ -872,7 +1104,7 @@ This version introduces a new way to install and host Mobilizon : Elixir releas
 - Fixed getting metadata from tweets when creating a resource
 - Fixed bad handling of duplicate usernames
 - Fixed handling of bad URIs to proxify
-- Fixed creating discussion with title containing only spaces 
+- Fixed creating discussion with title containing only spaces
 - Fixed registering new user account with same email as unconfirmed
 - Fixed handling changing default actor unlogged
 - Fixed handling getting organized events from an actor when not authorized
@@ -944,6 +1176,7 @@ This version introduces a new way to install and host Mobilizon : Elixir releas
 - Hungarian
 - Russian
 - Spanish
+
 ## 1.1.0-rc.1 - 2021-03-29
 
 ### Added
@@ -969,7 +1202,7 @@ This version introduces a new way to install and host Mobilizon : Elixir releas
 - Fixed getting metadata from tweets when creating a resource
 - Fixed bad handling of duplicate usernames
 - Fixed handling of bad URIs to proxify
-- Fixed creating discussion with title containing only spaces 
+- Fixed creating discussion with title containing only spaces
 - Fixed registering new user account with same email as unconfirmed
 - Fixed handling changing default actor unlogged
 - Fixed handling getting organized events from an actor when not authorized
@@ -991,11 +1224,13 @@ This version introduces a new way to install and host Mobilizon : Elixir releas
 ## 1.1.0-beta.6 - 2021-03-17
 
 ### Fixed
+
 - Fixed a typo in range/radius showing the wrong radius for close events on homepage
 
 ## 1.1.0-beta.5 - 2021-03-17
 
 ### Fixed
+
 - Fixed a typo in range/radius preventing close events from showing up
 
 ## 1.1.0-beta.4 - 2021-03-17
@@ -1009,15 +1244,18 @@ This version introduces a new way to install and host Mobilizon : Elixir releas
 ## 1.1.0-beta.3 - 2021-03-16
 
 ### Fixed
+
 - Handle ActivityPub Fetcher returning text that's not JSON
 - Fix accessing a group profile when not a member
 
 ## 1.1.0-beta.2 - 2021-03-16
 
 ### Fixed
+
 - Fixed geospatial configuration only being evaluated at compile-time, not at runtime
 
 ### Translations
+
 - Slovenian
 
 ## 1.1.0-beta.1 - 2021-03-10
@@ -1159,23 +1397,23 @@ This version introduces a new way to install and host Mobilizon : Elixir releas
 
 ### Special operations
 
-* **Reattach media files to their entity.**
+- **Reattach media files to their entity.**
   When media files were uploaded and added in events and posts bodies, they were only attached to the profile that uploaded them, not to the event or post. This task attaches them back to their entity so that the command to clean orphan media files doesn't remove them.
 
-  * Source install
+  - Source install
     `MIX_ENV=prod mix mobilizon.maintenance.fix_unattached_media_in_body`
-  * Docker
+  - Docker
     `docker-compose exec mobilizon mobilizon_ctl maintenance.fix_unattached_media_in_body`
 
-* **Refresh remote profiles to save avatars locally**
+- **Refresh remote profiles to save avatars locally**
   Profile avatars and banners were previously only proxified and cached. Now we save them locally. Refreshing all remote actors will save profile media locally instead.
 
-  * Source install
+  - Source install
     `MIX_ENV=prod mix mobilizon.actors.refresh --all`
-  * Docker
+  - Docker
     `docker-compose exec mobilizon mobilizon_ctl actors.refresh --all`
 
-* **imagemagick and webp are now a required dependency** to build Mobilizon.
+- **imagemagick and webp are now a required dependency** to build Mobilizon.
   Optimized versions of Mobilizon's pictures are now produced during front-end build.
   See [the documentation](https://docs.joinmobilizon.org/administration/dependencies/#misc) to make sure these dependencies are installed.
 
@@ -1218,7 +1456,7 @@ This version introduces a new way to install and host Mobilizon : Elixir releas
 - Fixed error message not showing up when you are already an anonymous participant for an event
 - Fixed error message not showing up when you pick an username already in user for a new profile or a group
 - Fixed translations not fallbacking properly to english when not found
-- 
+-
 
 ### Security
 
@@ -1227,6 +1465,7 @@ This version introduces a new way to install and host Mobilizon : Elixir releas
 ### Translations
 
 Updated translations:
+
 - Catalan
 - Dutch
 - English
@@ -1399,20 +1638,21 @@ Updated translations:
 
 ### Special operations
 
-* We added `application/ld+json` as acceptable MIME type for ActivityPub requests, so you'll need to recompile the `mime` library we use before recompiling Mobilizon:
-    ```
-    MIX_ENV=prod mix deps.clean mime --build
-    ```
+- We added `application/ld+json` as acceptable MIME type for ActivityPub requests, so you'll need to recompile the `mime` library we use before recompiling Mobilizon:
 
-* The [nginx configuration](https://framagit.org/framasoft/mobilizon/-/blob/main/support/nginx/mobilizon.conf) has been changed with improvements and support for custom error pages.
+  ```
+  MIX_ENV=prod mix deps.clean mime --build
+  ```
 
-* The cmake dependency has been added (see [our documentation](https://docs.joinmobilizon.org/administration/dependencies/#basic-tools))
+- The [nginx configuration](https://framagit.org/framasoft/mobilizon/-/blob/main/support/nginx/mobilizon.conf) has been changed with improvements and support for custom error pages.
+
+- The cmake dependency has been added (see [our documentation](https://docs.joinmobilizon.org/administration/dependencies/#basic-tools))
 
 ### Added
 
 - Possibility to login using LDAP
 - Possibility to login using OAuth providers
-- Enabled group features in production mode 
+- Enabled group features in production mode
   - including posts (that can be public, unlisted, or restricted to your group members)
   - resources (collections of links, with folders, accessible to your group members)
   - discussions (group private and organized chats)
@@ -1436,11 +1676,12 @@ Updated translations:
 ### Security
 
 - Fix group settings being accessible and editable by non-group-admins (thx @pigpig for reporting this responsibly)
-- Fix events being editable by profiles without permissions (thx @pigpig for reporting this responsibly) 
+- Fix events being editable by profiles without permissions (thx @pigpig for reporting this responsibly)
 
 ## [1.0.0-beta.3] - 2020-06-24
 
 ### Special operations
+
 Config has moved from `.env` files to a more traditional way to handle things in the Elixir world, with `.exs` files.
 
 To migrate existing configuration, you can simply run `mix mobilizon.instance gen` and fill in the adequate values previously in `.env` files (you don't need to perform the operations to create the database).
@@ -1450,6 +1691,7 @@ A minimal file template [is available](https://framagit.org/framasoft/mobilizon/
 Also make sure to remove the `EnvironmentFile=` line from the systemd service and set `Environment=MIX_ENV=prod` instead. See [the updated file](https://framagit.org/framasoft/mobilizon/blob/main/support/systemd/mobilizon.service).
 
 ### Added
+
 - Possibility to participate to an event without an account (confirmation through email required)
 - Possibility to participate to a remote event (being redirected by providing federated identity)
 - Possibility to add a note as a participant when event participation is manually validated (required when participating without an account)
@@ -1466,6 +1708,7 @@ Also make sure to remove the `EnvironmentFile=` line from the systemd service an
 - Allow user to change language
 
 ### Changed
+
 - Configuration handling (see above)
 - Improved a bit color theme
 - Signature validation also now checks if `Date` header has acceptable values
@@ -1476,6 +1719,7 @@ Also make sure to remove the `EnvironmentFile=` line from the systemd service an
 - Improved public event page
 
 ### Fixed
+
 - Fixed URL search
 - Fixed content accessed through URL search being public
 - Fix event links in some emails
@@ -1483,17 +1727,21 @@ Also make sure to remove the `EnvironmentFile=` line from the systemd service an
 ## [1.0.0-beta.2] - 2019-12-18
 
 ### Special operations
+
 These two operations couldn't be handled during migrations.
 They are optional, but you won't be able to search or get participant stats on existing events if they are not executed.
 These commands will be removed in Mobilizon 1.0.0-beta.3.
 
 In order to populate search index for existing events, you need to run the following command (with prod environment):
-* `mix mobilizon.setup_search`
+
+- `mix mobilizon.setup_search`
 
 In order to move participant stats to the event table for existing events, you need to run the following command (with prod environment):
-* `mix mobilizon.move_participant_stats`
+
+- `mix mobilizon.move_participant_stats`
 
 ### Added
+
 - Federation is active
 - Added an interface for admins to view and manage instance followers and followings
 - Ability to comment below events
@@ -1518,6 +1766,7 @@ In order to move participant stats to the event table for existing events, you n
 - Upgraded frontend and backend dependencies
 
 ### Changed
+
 - Move participant stats to event table **(read special instructions above)**
 - Limit length (20 characters) and number (10) of tags allowed
 - Added some backend changes and validation for field length
@@ -1531,6 +1780,7 @@ In order to move participant stats to the event table for existing events, you n
 - Also consider the PeerTube `CommentsEnabled` property to know if you can reply to an event
 
 ### Fixed
+
 - Fix event URL validation and check if hostname is correct before showing it
 - Fix participations stats on the MyEvents page
 - Fix event description lists margin
@@ -1560,8 +1810,11 @@ In order to move participant stats to the event table for existing events, you n
 - Fixed event HTML representation when `GET` request has no `Accept` header
 
 ### Security
+
 - Sanitize event title to avoid XSS
 
 ## [1.0.0-beta.1] - 2019-10-15
+
 ### Added
+
 - Initial release

README.md

@@ -20,7 +20,7 @@ Mobilizon is your federated organization and mobilization platform. Gather peopl
 
 Mobilizon is a tool designed to create platforms for managing communities and events. Its purpose is to help as many people as possible to free themselves from Facebook groups and events, from Meetup, etc.
 
-The Mobilizon software is under a Free licence, so anyone can host a Mobilizon server, called an instance. These instances may federate with each other, so any person with an account on *ExampleMeet* will be able to register to an event created on *SpecimenEvent*.
+The Mobilizon software is under a Free licence, so anyone can host a Mobilizon server, called an instance. These instances may federate with each other, so any person with an account on _ExampleMeet_ will be able to register to an event created on _SpecimenEvent_.
 
 ## ✨ Features
 
@@ -33,7 +33,7 @@ You will have the power to create multiple identities from the same account, lik
 
 ### 📅 Events and groups
 
-Create your events and make sure they will appeal to everybody. 
+Create your events and make sure they will appeal to everybody.
 Privacy settings and participants roles are supported.
 There's no lock-in, you can interact with the event without registration.
 
@@ -46,23 +46,26 @@ We appreciate any contribution to Mobilizon. Check our [CONTRIBUTING](CONTRIBUTI
 ## Links
 
 ### Learn more
-  * 🌐 Official website: [https://joinmobilizon.org](https://joinmobilizon.org)
-  * 🔢 Pick an instance [https://mobilizon.org](https://mobilizon.org)
-  * 💻 Source: [https://framagit.org/framasoft/mobilizon](https://framagit.org/framasoft/mobilizon)
-  * 📜 Documentation [https://docs.joinmobilizon.org](https://docs.joinmobilizon.org)
-  
+
+- 🌐 Official website: [https://joinmobilizon.org](https://joinmobilizon.org)
+- 🔢 Pick an instance [https://mobilizon.org](https://mobilizon.org)
+- 💻 Source: [https://framagit.org/framasoft/mobilizon](https://framagit.org/framasoft/mobilizon)
+- 📜 Documentation [https://docs.joinmobilizon.org](https://docs.joinmobilizon.org)
+
 ### Discuss
-  * 💬 Element/Matrix: [https://matrix.to/#/#Mobilizon:matrix.org](https://matrix.to/#/#Mobilizon:matrix.org)
-  * 🗣️ Forum: [https://framacolibri.org/c/mobilizon](https://framacolibri.org/c/mobilizon)
+
+- 💬 Element/Matrix: [https://matrix.to/#/#Mobilizon:matrix.org](https://matrix.to/#/#Mobilizon:matrix.org)
+- 🗣️ Forum: [https://framacolibri.org/c/mobilizon](https://framacolibri.org/c/mobilizon)
 
 ### Follow
-  * 🐘 Mastodon: [https://framapiaf.org/@mobilizon](https://framapiaf.org/@mobilizon)
-  * 🐦 Twitter [https://twitter.com/@joinmobilizon](https://twitter.com/@joinmobilizon)
-  
+
+- 🐘 Mastodon: [https://framapiaf.org/@mobilizon](https://framapiaf.org/@mobilizon)
+- 🐦 Twitter [https://twitter.com/@joinmobilizon](https://twitter.com/@joinmobilizon)
+
 Note: Most federation code comes from [Pleroma](https://pleroma.social), which is `Copyright © 2017-2018 Pleroma Authors - AGPL-3.0`.
 
-
 ## ❤️ Supports of our crowdfunding
+
 ---
 
 We have run [a crowdfunding campaign](https://framablog.org/2019/05/14/mobilizon-lets-finance-a-software-to-free-our-events-from-facebook/) to pave the road to the version 1.0.0 of Mobilizon. Thanks to everyone who pitched in and shared the news around! The list of [everyone who donated is available here](https://joinmobilizon.org/hall-of-fame).

SECURITY.md

@@ -5,15 +5,15 @@ Framasoft, the Mobilizon maintainer team and community take all security bugs in
 
 ### Goals
 
-* Mobilizon users can understand the distinctions between public data and private data/metadata on Mobilizon.
+- Mobilizon users can understand the distinctions between public data and private data/metadata on Mobilizon.
 
-* Users always know where their private data/metadata resides, who has access to it, and are able to access, export, and delete it.
+- Users always know where their private data/metadata resides, who has access to it, and are able to access, export, and delete it.
 
-* Protect private user data/metadata, not just from hackers but also (as much as is possible) from other users, instance admins, community moderators, and external applications.
+- Protect private user data/metadata, not just from hackers but also (as much as is possible) from other users, instance admins, community moderators, and external applications.
 
-* Secure from malicious creation, alteration or deletion of public data.
+- Secure from malicious creation, alteration or deletion of public data.
 
-* GDPR compliance.
+- GDPR compliance.
 
 Framasoft is both a developer of open-source/free/libre self-hosted software, and a service provider with users in the European Union. As a result, we are putting user privacy, data sovereignty, and GDPR compliance into our security plans, including asking both the Framasoft community and outside hackers to review our approaches and implementations.
 
@@ -21,11 +21,11 @@ Framasoft is both a developer of open-source/free/libre self-hosted software, an
 
 [Mobilizon](https://joinmobilizon.org) will be challenging to keep secure, as it is:
 
-* open source, both back-end and front-end
+- open source, both back-end and front-end
 
-* self-hosted by diverse organisations and individuals
+- self-hosted by diverse organisations and individuals
 
-* federated (data is transmitted between different hosted instances)
+- federated (data is transmitted between different hosted instances)
 
 This means there are more attack surfaces compared to typical proprietary, centralised platforms, but also means that hackers and even users can review every part of Mobilizon and make sure that it works as expected. This should result in more secure software, and higher trust in the application and its ecosystem.
 
@@ -33,14 +33,14 @@ This means there are more attack surfaces compared to typical proprietary, centr
 
 We are committed to working with security researchers to verify, reproduce, and respond to legitimate reported vulnerabilities. You can help us by following these simple guidelines:
 
-* Alert us about the vulnerability as soon as you become aware of it by emailing the lead maintainer at tcit+mobilizon@framasoft.org.
-* Provide details needed to reproduce and validate the vulnerability and a Proof of Concept (PoC) as soon as possible
-* Act in good faith to avoid privacy violations, destruction of data, and interruption or degradation of services
-* Do not access or modify users’ private data, without explicit permission of the owner. Only interact with your own accounts or test accounts for security research purposes;
-* Contact Framasoft or a maintainer of the Mobilizon project (or the instance admin) immediately if you do inadvertently encounter user data. Do not view, alter, save, store, transfer, or otherwise access the data, and immediately purge any local information upon reporting the vulnerability;
-* The lead maintainer will acknowledge your email within 48 hours, and will send a more detailed response within 48 hours indicating the next steps in handling your report. After the initial reply to your report, the security team will endeavor to keep you informed of the progress towards a fix and full announcement, and may ask for additional information or guidance.
-* Give us time to confirm, determine the affected versions and prepare fixes to correct the issue before disclosing it to other parties (if after waiting a reasonable amount of time, we are clearly unable or unwilling to do anything about it, please do hold us accountable!)
-* Please test against a local instance of the software, and refrain from running any Denial of Service or automated testing tools against Framasoft's (and our partners') infrastructure
+- Alert us about the vulnerability as soon as you become aware of it by emailing the lead maintainer at tcit+mobilizon@framasoft.org.
+- Provide details needed to reproduce and validate the vulnerability and a Proof of Concept (PoC) as soon as possible
+- Act in good faith to avoid privacy violations, destruction of data, and interruption or degradation of services
+- Do not access or modify users’ private data, without explicit permission of the owner. Only interact with your own accounts or test accounts for security research purposes;
+- Contact Framasoft or a maintainer of the Mobilizon project (or the instance admin) immediately if you do inadvertently encounter user data. Do not view, alter, save, store, transfer, or otherwise access the data, and immediately purge any local information upon reporting the vulnerability;
+- The lead maintainer will acknowledge your email within 48 hours, and will send a more detailed response within 48 hours indicating the next steps in handling your report. After the initial reply to your report, the security team will endeavor to keep you informed of the progress towards a fix and full announcement, and may ask for additional information or guidance.
+- Give us time to confirm, determine the affected versions and prepare fixes to correct the issue before disclosing it to other parties (if after waiting a reasonable amount of time, we are clearly unable or unwilling to do anything about it, please do hold us accountable!)
+- Please test against a local instance of the software, and refrain from running any Denial of Service or automated testing tools against Framasoft's (and our partners') infrastructure
 
 Note : Please report security bugs in third-party modules to the person or team maintaining the module.
 

UPGRADE.md

@@ -9,10 +9,11 @@ The change is already applied. You may remove the `MOBILIZON_SMTP_HOSTNAME` envi
 ### Release and source mode
 
 In your configuration file under `config :mobilizon, Mobilizon.Web.Email.Mailer`,
-* Change `Bamboo.SMTPAdapter` to `Swoosh.Adapters.SMTP`,
-* rename the `server` key to `relay`
-* remove the `hostname` key,
-* the default value of the username and password fields is an empty string and no longer `nil`.
+
+- Change `Bamboo.SMTPAdapter` to `Swoosh.Adapters.SMTP`,
+- rename the `server` key to `relay`
+- remove the `hostname` key,
+- the default value of the username and password fields is an empty string and no longer `nil`.
 
 ```diff
  config :mobilizon, Mobilizon.Web.Email.Mailer,
@@ -40,7 +41,9 @@ In your configuration file under `config :mobilizon, Mobilizon.Web.Email.Mailer`
 # Upgrading from 1.3 to 2.0
 
 Requirements dependencies depend on the way Mobilizon is installed.
+
 ## New Elixir version requirement
+
 ### Docker and Release install
 
 You are already using latest Elixir version in the release tarball and Docker images.
@@ -56,17 +59,19 @@ Mobilizon 2.0 uses data based on [timezone-boundary-builder](https://github.com/
 ### Docker install
 
 The geographic timezone data is already bundled into the image, you have nothing to do.
+
 ### Release install
 
 In order to keep the release tarballs light, the geographic timezone data is not bundled directly. You need to download the data :
-* either raw from Github, but **requires an extra ~1Gio of memory** to process the data
+
+- either raw from Github, but **requires an extra ~1Gio of memory** to process the data
 
   ```sh
   sudo -u mobilizon mkdir /var/lib/mobilizon/timezones
   sudo -u mobilizon ./bin/mobilizon_ctl tz_world.update
   ```
 
-* either already processed from our own distribution server
+- either already processed from our own distribution server
 
   ```sh
   sudo -u mobilizon mkdir /var/lib/mobilizon/timezones
@@ -74,6 +79,7 @@ In order to keep the release tarballs light, the geographic timezone data is not
   ```
 
 In both cases, ~700Mio of disk will be used. You may use the following configuration to specify where the data is expected if you decide to change it from the default location (`/var/lib/mobilizon/timezones`) :
+
 ```elixir
 config :tz_world, data_dir: "/some/place"
 ```
@@ -81,14 +87,15 @@ config :tz_world, data_dir: "/some/place"
 ### Source install
 
 You need to download the data :
-* either raw from Github, but **requires an extra ~1Gio of memory** to process the data
+
+- either raw from Github, but **requires an extra ~1Gio of memory** to process the data
 
   ```sh
   sudo -u mobilizon mkdir /var/lib/mobilizon/timezones
   sudo -u mobilizon mix mobilizon.tz_world.update
   ```
 
-* either already processed from our own distribution server
+- either already processed from our own distribution server
 
   ```sh
   sudo -u mobilizon mkdir /var/lib/mobilizon/timezones
@@ -96,6 +103,7 @@ You need to download the data :
   ```
 
 In both cases, ~700Mio of disk will be used. You may use the following configuration to specify where the data is expected:
+
 ```elixir
 config :tz_world, data_dir: "/some/place"
 ```
@@ -114,14 +122,18 @@ Files in this folder are temporary and are cleaned once an hour.
 ## New optional dependencies
 
 These are optional, installing them will allow Mobilizon to export to PDF and ODS as well. Mobilizon 2.0 allows to export the participant list, but more is planned.
+
 ### Docker
+
 Everything is included in our Docker image.
+
 ### Release and source install
 
 New optional Python dependencies:
-* `Python` >= 3.6
-* `weasyprint` for PDF export (with [a few extra dependencies](https://doc.courtbouillon.org/weasyprint/stable/first_steps.html))
-* `pyexcel-ods3` for ODS export (no extra dependencies)
+
+- `Python` >= 3.6
+- `weasyprint` for PDF export (with [a few extra dependencies](https://doc.courtbouillon.org/weasyprint/stable/first_steps.html))
+- `pyexcel-ods3` for ODS export (no extra dependencies)
 
 Both can be installed through pip. You need to enable and configure exports for PDF and ODS in the configuration afterwards. Read [the dedicated docs page about this](https://docs.joinmobilizon.org/administration/configure/exports/).
 
@@ -130,35 +142,41 @@ Both can be installed through pip. You need to enable and configure exports for
 The 1.1 version of Mobilizon brings Elixir releases support. An Elixir release is a self-contained directory that contains all of Mobilizon's code (front-end and backend), it's dependencies, as well as the Erlang Virtual Machine and runtime (only the parts you need). As long as the release has been assembled on the same OS and architecture, it can be deploy and run straight away. [Read more about releases](https://elixir-lang.org/getting-started/mix-otp/config-and-releases.html#releases).
 
 ## Comparison
+
 Migrating to releases means:
-* You only get a precompiled binary, so you avoid compilation times when updating
-* No need to have Elixir/NodeJS installed on the system
-* Code/data/config location is more common (/opt, /var/lib, /etc)
-* More efficient, as only what you need from the Elixir/Erlang standard libraries is included and all of the code is directly preloaded
-* You can't hardcode modifications in Mobilizon's code
+
+- You only get a precompiled binary, so you avoid compilation times when updating
+- No need to have Elixir/NodeJS installed on the system
+- Code/data/config location is more common (/opt, /var/lib, /etc)
+- More efficient, as only what you need from the Elixir/Erlang standard libraries is included and all of the code is directly preloaded
+- You can't hardcode modifications in Mobilizon's code
 
 Staying on source releases means:
-* You need to recompile everything with each update
-* Compiling frontend and backend has higher system requirements than just running Mobilizon
-* You can change things in Mobilizon's code and recompile right away to test changes
+
+- You need to recompile everything with each update
+- Compiling frontend and backend has higher system requirements than just running Mobilizon
+- You can change things in Mobilizon's code and recompile right away to test changes
 
 ## Releases
+
 If you want to migrate to releases, [we provide a full guide](https://docs.joinmobilizon.org/administration/upgrading/source_to_release/). You may do this at any time.
 
 ## Source install
+
 To stay on a source release, you just need to check the following things:
-* Rename your configuration file `config/prod.secret.exs` to `config/runtime.exs`.
-* If your config file includes `server: true` under `Mobilizon.Web.Endpoint`, remove it.
-    ```diff
-    config :mobilizon, Mobilizon.Web.Endpoint,
-    - server: true,
-    ```
-* The uploads default directory is now `/var/lib/mobilizon/uploads`. To keep it in the previous `uploads/` directory, just add the following line to `config/runtime.exs`:
+
+- Rename your configuration file `config/prod.secret.exs` to `config/runtime.exs`.
+- If your config file includes `server: true` under `Mobilizon.Web.Endpoint`, remove it.
+  ```diff
+  config :mobilizon, Mobilizon.Web.Endpoint,
+  - server: true,
+  ```
+- The uploads default directory is now `/var/lib/mobilizon/uploads`. To keep it in the previous `uploads/` directory, just add the following line to `config/runtime.exs`:
   ```elixir
   config :mobilizon, Mobilizon.Web.Upload.Uploader.Local, uploads: "uploads"
   ```
   Or you may use any other directory where the `mobilizon` user has write permissions.
-* The GeoIP database default directory is now `/var/lib/mobilizon/geo/GeoLite2-City.mmdb`. To keep it in the previous `priv/data/GeoLite2-City.mmdb` directory, just add the following line to `config/runtime.exs`:
+- The GeoIP database default directory is now `/var/lib/mobilizon/geo/GeoLite2-City.mmdb`. To keep it in the previous `priv/data/GeoLite2-City.mmdb` directory, just add the following line to `config/runtime.exs`:
   ```elixir
   config :geolix, databases: [
     %{
@@ -168,4 +186,4 @@ To stay on a source release, you just need to check the following things:
     }
   ]
   ```
-  Or you may use any other directory where the `mobilizon` user has read permissions.
+  Or you may use any other directory where the `mobilizon` user has read permissions.

config/config.exs

@@ -13,14 +13,14 @@ config :mobilizon,
 config :mobilizon, Mobilizon.Storage.Repo, types: Mobilizon.Storage.PostgresTypes
 
 config :mobilizon, :instance,
-  name: "My Mobilizon Instance",
-  description: "Change this to a proper description of your instance",
+  name: "Mobilizon du Chapril",
+  description: "Instance du Chapril",
   hostname: "localhost",
-  registrations_open: false,
+  registrations_open: true,
   registration_email_allowlist: [],
   registration_email_denylist: [],
   languages: [],
-  default_language: "en",
+  default_language: "fr",
   demo: false,
   repository: Mix.Project.config()[:source_url],
   allow_relay: true,
@@ -35,9 +35,9 @@ config :mobilizon, :instance,
   unconfirmed_user_grace_period_hours: 48,
   activity_expire_days: 365,
   activity_keep_number: 100,
-  enable_instance_feeds: false,
-  email_from: "noreply@localhost",
-  email_reply_to: "noreply@localhost"
+  enable_instance_feeds: true,
+  email_from: "noreply@mobilizon.chapril.org",
+  email_reply_to: "noreply@mobilizon.chapril.org"
 
 config :mobilizon, :groups, enabled: true
 config :mobilizon, :events, creation: true
@@ -90,7 +90,7 @@ config :mobilizon, Mobilizon.Web.Upload.Uploader.Local, uploads: "/var/lib/mobil
 
 config :tz_world, data_dir: "/var/lib/mobilizon/timezones"
 
-config :mobilizon, Timex.Gettext, default_locale: "en"
+config :mobilizon, Timex.Gettext, default_locale: "fr"
 
 config :mobilizon, :media_proxy,
   enabled: true,
@@ -342,7 +342,9 @@ config :mobilizon, Mobilizon.Service.Notifier.Push, enabled: true
 config :mobilizon, :exports,
   path: "/var/lib/mobilizon/uploads/exports",
   formats: [
-    Mobilizon.Service.Export.Participants.CSV
+    Mobilizon.Service.Export.Participants.CSV,
+    Mobilizon.Service.Export.Participants.PDF,
+    Mobilizon.Service.Export.Participants.ODS
   ]
 
 config :mobilizon, :analytics, providers: []

config/prod.exs

@@ -16,29 +16,29 @@ config :logger, level: :info
 # Load all locales in production
 config :mobilizon, :cldr,
   locales: [
-    "ar",
-    "be",
-    "bn",
-    "ca",
-    "cs",
-    "cy",
-    "de",
+#    "ar",
+#    "be",
+#    "bn",
+#    "ca",
+#    "cs",
+#    "cy",
+#    "de",
     "en",
-    "es",
-    "fa",
-    "fi",
+#    "es",
+#    "fa",
+#    "fi",
     "fr",
-    "gd",
-    "gl",
-    "hu",
-    "id",
-    "it",
-    "ja",
-    "nl",
-    "nn",
-    "pl",
-    "pt",
-    "ru",
-    "sv",
-    "zh_Hant"
+#    "gd",
+#    "gl",
+#    "hu",
+#    "id",
+#    "it",
+#    "ja",
+#    "nl",
+#    "nn",
+#    "pl",
+#    "pt",
+#    "ru",
+#    "sv",
+#    "zh_Hant"
   ]

docker/multiarch/Dockerfile

@@ -32,7 +32,7 @@ WORKDIR /mobilizon
 
 # Elixir release
 RUN source /root/.bashrc && \
-    HEX_MIRROR="https://cdn.jsdelivr.net/hex" mix deps.get --only prod && \
+    mix deps.get --only prod && \
     mix compile  && \
     mix phx.digest.clean --all && \
     mix release --path release/mobilizon && \

docker/production/Dockerfile

@@ -20,7 +20,7 @@ COPY mix.exs mix.lock ./
 ENV MIX_ENV=prod
 RUN mix local.hex --force \
     && mix local.rebar --force \
-    && HEX_MIRROR="https://cdn.jsdelivr.net/hex" mix deps.get
+    && mix deps.get
 
 COPY lib ./lib
 COPY priv ./priv

js/.gitignore

@@ -23,3 +23,4 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+.yarn

js/.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+#yarnPath: .yarn/releases/yarn-3.1.1.cjs

js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobilizon",
-  "version": "2.1.0-beta.2",
+  "version": "2.1.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -18,7 +18,7 @@
     "@mdi/font": "^6.1.95",
     "@sentry/tracing": "^6.16.1",
     "@sentry/vue": "^6.16.1",
-    "@tailwindcss/line-clamp": "^0.3.0",
+    "@tailwindcss/line-clamp": "^0.4.0",
     "@tiptap/core": "^2.0.0-beta.41",
     "@tiptap/extension-blockquote": "^2.0.0-beta.25",
     "@tiptap/extension-bold": "^2.0.0-beta.24",
@@ -116,7 +116,7 @@
     "jest-junit": "^13.0.0",
     "mock-apollo-client": "^1.1.0",
     "prettier": "^2.2.1",
-    "prettier-eslint": "^13.0.0",
+    "prettier-eslint": "^14.0.0",
     "sass": "^1.34.1",
     "sass-loader": "^12.0.0",
     "ts-jest": "27",
@@ -125,5 +125,6 @@
     "vue-i18n-extract": "^2.0.4",
     "vue-template-compiler": "^2.6.11",
     "webpack-cli": "^4.7.0"
-  }
+  },
+  "packageManager": "yarn@3.1.1"
 }

js/public/img/mobilizon_logo.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.16 46.78">
+    <title>Mobilizon Logo</title>
+    <g data-name="header">
+        <path d="M0 45.82l3.18-40.8a29.88 29.88 0 015.07-.36 27.74 27.74 0 014.95.36l4.86 17.16a92.19 92.19 0 012.34 10.08h.36a92.19 92.19 0 012.34-10.08L28 5.02a29.23 29.23 0 015-.36 29.23 29.23 0 015 .36l3.18 40.8a13.61 13.61 0 01-3.63.42 23.41 23.41 0 01-3.63-.24l-1.2-19.92q-.36-5.52-.48-12.84h-.44l-7.32 26.51a25.62 25.62 0 01-4 .3 23.36 23.36 0 01-3.84-.3L9.36 13.24H9q-.3 8.94-.48 12.84L7.26 46a22.47 22.47 0 01-3.6.24A13.75 13.75 0 010 45.82zM74 31.06q0 8-4.26 12.3a12.21 12.21 0 01-9 3.42 12.21 12.21 0 01-9-3.42q-4.26-4.26-4.26-12.3t4.24-12.31a12.21 12.21 0 019-3.42 12.21 12.21 0 019 3.42Q74 23.02 74 31.06zM60.75 20.98q-5.67 0-5.67 10.08t5.67 10.08q5.67 0 5.67-10.08t-5.67-10.08zM103.2 19.75q2.7 4.11 2.7 11.28T102 42.31a13.18 13.18 0 01-10 4.11 31.41 31.41 0 01-11.34-2V2.2l.4-.45h2.76A4 4 0 0187 2.83a5.38 5.38 0 01.93 3.57v11.94a12.08 12.08 0 017.56-2.7 8.71 8.71 0 017.71 4.11zm-9.72 2a7.28 7.28 0 00-5.58 2.82v16a15 15 0 004.08.54 5.25 5.25 0 004.68-2.67q1.68-2.67 1.68-7.59 0-9.03-4.86-9.1zM121 22v23.94a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3V24.75q0-3.24-2.7-3.24h-.72a9.32 9.32 0 01-.3-2.58 10.7 10.7 0 01.3-2.7 39.63 39.63 0 014.38-.24h1a5.19 5.19 0 014 1.62A6.27 6.27 0 01121 22z" />
+        <path d="M119.82.84a7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.93 7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.93z" fill="#fff" />
+        <path d="M139.08 40.42h2a10.23 10.23 0 01.6 3.18 9.24 9.24 0 01-.18 2.1 38.47 38.47 0 01-5.64.54q-6.48 0-6.48-7v-37l.36-.42h2.88a3.94 3.94 0 013.12 1.05 5.52 5.52 0 01.9 3.57v31.31q-.02 2.67 2.44 2.67zM155.94 22v23.94a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3V24.75q0-3.24-2.7-3.24h-.72a9.32 9.32 0 01-.3-2.58 10.7 10.7 0 01.3-2.7 39.63 39.63 0 014.38-.24h1a5.19 5.19 0 014.05 1.62 6.27 6.27 0 011.43 4.39z" />
+        <path d="M154.8 2.84a7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.93 7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.93z" fill="#fff" />
+        <path d="M163.08 39.22l8.76-11.82q1.32-1.8 4.8-5.7l-.18-.3a63.09 63.09 0 01-7.74.42H163a9.79 9.79 0 01-.24-2.34 15.8 15.8 0 01.42-3.3h20.4a16.31 16.31 0 011 4.26 4.1 4.1 0 01-.78 2.34L175 34.66a64.65 64.65 0 01-4.56 5.7l.18.24q3.12-.3 5.22-.3h2.58a15.35 15.35 0 006.12-.9 9.4 9.4 0 01.72 3.12q0 3.42-4.32 3.42h-18a14.27 14.27 0 01-.9-3.93 5.08 5.08 0 011.04-2.79zM215.88 31.06q0 8-4.26 12.3a13.63 13.63 0 01-18.06 0q-4.26-4.26-4.26-12.3t4.26-12.31a13.63 13.63 0 0118.06 0q4.26 4.27 4.26 12.31zm-13.29-10.08q-5.67 0-5.67 10.08t5.67 10.08q5.67 0 5.67-10.08t-5.67-10.08zM247 25.84v13.32a11 11 0 001.2 5.64 7 7 0 01-4.41 1.56q-2.43 0-3.33-1.14a5.69 5.69 0 01-.9-3.54V27.4a7.74 7.74 0 00-.72-3.87 2.78 2.78 0 00-2.58-1.17 8.62 8.62 0 00-6.3 3v20.58a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3v-29.7l.42-.36h2.76q3.42 0 4.08 3.6 4.38-3.84 8.73-3.84t6.42 2.82a12.17 12.17 0 012.07 7.38z" />
+        <path d="M57.26 10.75a7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.84 7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.84zM198.26 10.75a7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.84 7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.84z" fill="#fff" />
+    </g>
+</svg>

js/src/assets/mobilizon_logo_original.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.16 46.78">
+    <title>Mobilizon Logo</title>
+    <g data-name="header">
+        <path d="M0 45.82l3.18-40.8a29.88 29.88 0 015.07-.36 27.74 27.74 0 014.95.36l4.86 17.16a92.19 92.19 0 012.34 10.08h.36a92.19 92.19 0 012.34-10.08L28 5.02a29.23 29.23 0 015-.36 29.23 29.23 0 015 .36l3.18 40.8a13.61 13.61 0 01-3.63.42 23.41 23.41 0 01-3.63-.24l-1.2-19.92q-.36-5.52-.48-12.84h-.44l-7.32 26.51a25.62 25.62 0 01-4 .3 23.36 23.36 0 01-3.84-.3L9.36 13.24H9q-.3 8.94-.48 12.84L7.26 46a22.47 22.47 0 01-3.6.24A13.75 13.75 0 010 45.82zM74 31.06q0 8-4.26 12.3a12.21 12.21 0 01-9 3.42 12.21 12.21 0 01-9-3.42q-4.26-4.26-4.26-12.3t4.24-12.31a12.21 12.21 0 019-3.42 12.21 12.21 0 019 3.42Q74 23.02 74 31.06zM60.75 20.98q-5.67 0-5.67 10.08t5.67 10.08q5.67 0 5.67-10.08t-5.67-10.08zM103.2 19.75q2.7 4.11 2.7 11.28T102 42.31a13.18 13.18 0 01-10 4.11 31.41 31.41 0 01-11.34-2V2.2l.4-.45h2.76A4 4 0 0187 2.83a5.38 5.38 0 01.93 3.57v11.94a12.08 12.08 0 017.56-2.7 8.71 8.71 0 017.71 4.11zm-9.72 2a7.28 7.28 0 00-5.58 2.82v16a15 15 0 004.08.54 5.25 5.25 0 004.68-2.67q1.68-2.67 1.68-7.59 0-9.03-4.86-9.1zM121 22v23.94a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3V24.75q0-3.24-2.7-3.24h-.72a9.32 9.32 0 01-.3-2.58 10.7 10.7 0 01.3-2.7 39.63 39.63 0 014.38-.24h1a5.19 5.19 0 014 1.62A6.27 6.27 0 01121 22z" />
+        <path d="M119.82.84a7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.93 7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.93z" fill="#fff" />
+        <path d="M139.08 40.42h2a10.23 10.23 0 01.6 3.18 9.24 9.24 0 01-.18 2.1 38.47 38.47 0 01-5.64.54q-6.48 0-6.48-7v-37l.36-.42h2.88a3.94 3.94 0 013.12 1.05 5.52 5.52 0 01.9 3.57v31.31q-.02 2.67 2.44 2.67zM155.94 22v23.94a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3V24.75q0-3.24-2.7-3.24h-.72a9.32 9.32 0 01-.3-2.58 10.7 10.7 0 01.3-2.7 39.63 39.63 0 014.38-.24h1a5.19 5.19 0 014.05 1.62 6.27 6.27 0 011.43 4.39z" />
+        <path d="M154.8 2.84a7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.93 7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.93z" fill="#fff" />
+        <path d="M163.08 39.22l8.76-11.82q1.32-1.8 4.8-5.7l-.18-.3a63.09 63.09 0 01-7.74.42H163a9.79 9.79 0 01-.24-2.34 15.8 15.8 0 01.42-3.3h20.4a16.31 16.31 0 011 4.26 4.1 4.1 0 01-.78 2.34L175 34.66a64.65 64.65 0 01-4.56 5.7l.18.24q3.12-.3 5.22-.3h2.58a15.35 15.35 0 006.12-.9 9.4 9.4 0 01.72 3.12q0 3.42-4.32 3.42h-18a14.27 14.27 0 01-.9-3.93 5.08 5.08 0 011.04-2.79zM215.88 31.06q0 8-4.26 12.3a13.63 13.63 0 01-18.06 0q-4.26-4.26-4.26-12.3t4.26-12.31a13.63 13.63 0 0118.06 0q4.26 4.27 4.26 12.31zm-13.29-10.08q-5.67 0-5.67 10.08t5.67 10.08q5.67 0 5.67-10.08t-5.67-10.08zM247 25.84v13.32a11 11 0 001.2 5.64 7 7 0 01-4.41 1.56q-2.43 0-3.33-1.14a5.69 5.69 0 01-.9-3.54V27.4a7.74 7.74 0 00-.72-3.87 2.78 2.78 0 00-2.58-1.17 8.62 8.62 0 00-6.3 3v20.58a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3v-29.7l.42-.36h2.76q3.42 0 4.08 3.6 4.38-3.84 8.73-3.84t6.42 2.82a12.17 12.17 0 012.07 7.38z" />
+        <path d="M57.26 10.75a7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.84 7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.84zM198.26 10.75a7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.84 7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.84z" fill="#fff" />
+    </g>
+</svg>

js/src/components/Account/ActorCard.vue

@@ -31,7 +31,11 @@
       </p>
       <div
         v-if="full"
-        :class="{ 'line-clamp-3': limit }"
+        class="only-first-child"
+        :class="{
+          'line-clamp-3': limit,
+          'line-clamp-10': !limit,
+        }"
         v-html="actor.summary"
       />
     </div>
@@ -95,3 +99,8 @@ export default class ActorCard extends Vue {
   displayName = displayName;
 }
 </script>
+<style scoped>
+.only-first-child ::v-deep :not(:first-child) {
+  display: none;
+}
+</style>

js/src/components/Account/ActorInline.vue

@@ -1,16 +1,19 @@
 <template>
-  <div class="actor-inline">
-    <div class="actor-avatar">
-      <figure class="image is-24x24" v-if="actor.avatar">
+  <div class="inline-flex items-start">
+    <div class="flex-none mr-2">
+      <figure class="image is-48x48" v-if="actor.avatar">
         <img class="is-rounded" :src="actor.avatar.url" alt="" />
       </figure>
-      <b-icon v-else size="is-medium" icon="account-circle" />
+      <b-icon v-else size="is-large" icon="account-circle" />
     </div>
 
-    <div class="actor-name">
-      <p>
+    <div class="flex-auto">
+      <p class="text-base line-clamp-3 md:line-clamp-2 max-w-xl">
         {{ displayName(actor) }}
       </p>
+      <p class="text-sm text-gray-500 truncate">
+        @{{ usernameWithDomain(actor) }}
+      </p>
     </div>
   </div>
 </template>

js/src/components/Account/ProfileOnboarding.vue

@@ -41,8 +41,8 @@
           )
         }}
       </p>
-      <div class="has-text-centered">
-        <code>{{ `${currentActor.preferredUsername}@${domain}` }}</code>
+      <div class="has-text-centered has-text-primary has-background-success">
+        <pre>{{ `${currentActor.preferredUsername}@${domain}` }}</pre>
       </div>
     </div>
   </div>

js/src/components/Editor.vue

@@ -566,7 +566,7 @@ $color-white: #eee;
     }
     &.is-selected,
     &:hover {
-      background-color: rgba($color-white, 0.2);
+      background-color: rgba(#eee, 0.2);
     }
     &.is-empty {
       opacity: 0.5;
@@ -583,7 +583,7 @@ $color-white: #eee;
   padding: 0;
   font-size: 1rem;
   text-align: inherit;
-  color: $color-white;
+  color: #eee;
   border-radius: 5px;
 }
 

js/src/components/Event/DateCalendarIcon.vue

@@ -54,10 +54,13 @@ export default class DateCalendarIcon extends Vue {
 
 <style lang="scss" scoped>
 div.datetime-container {
+  background: #fff;
+  border: 1px solid $borders;
   border-radius: 8px;
   display: flex;
   flex-direction: column;
   justify-content: center;
+  padding: 8px;
   text-align: center;
   overflow-y: hidden;
   overflow-x: hidden;

js/src/components/Event/EventParticipationCard.vue

@@ -546,4 +546,11 @@ article.box {
   }
   padding: 0;
 }
+.content h3.event-title-card {
+  line-height: 1em;
+  margin-top: 0.5em;
+}
+.participation-actor {
+  margin-top: 1em;
+}
 </style>

js/src/components/Event/ShareEventModal.vue

@@ -190,7 +190,7 @@ export default class ShareEventModal extends Vue {
   }
 
   get mastodonShareUrl(): string {
-    return `https://toot.karamoff.dev/?text=${encodeURIComponent(
+    return `https://toot.kytta.dev/?text=${encodeURIComponent(
       this.basicTextToEncode
     )}`;
   }

js/src/components/Footer.vue

@@ -40,6 +40,11 @@
           $t("About")
         }}</router-link>
       </li>
+      <li>
+        <a href="https://www.chapril.org/Mentions-legales.html">
+          Mentions légales
+        </a>
+      </li>
       <li>
         <router-link :to="{ name: RouteName.TERMS }">{{
           $t("Terms")
@@ -49,11 +54,14 @@
         <a
           rel="external"
           hreflang="en"
-          href="https://framagit.org/framasoft/mobilizon/blob/main/LICENSE"
+          href="https://forge.april.org/Chapril/mobilizon.chapril.org-mobilizon/src/branch/chapril/LICENSE"
         >
           {{ $t("License") }}
         </a>
       </li>
+      <li>
+        <a href="mailto:mobilizon-support@chapril.org">{{ $t("Contact") }}</a>
+      </li>
       <li>
         <a href="#navbar">{{ $t("Back to top") }}</a>
       </li>

js/src/components/Group/GroupCard.vue

@@ -31,15 +31,11 @@
           </span>
         </div>
       </div>
-      <div
-        class="content mb-2 line-clamp-3"
-        dir="auto"
-        v-html="group.summary"
-      />
+      <div class="mb-2 line-clamp-3" dir="auto" v-html="group.summary" />
       <div>
         <inline-address
           class="has-text-grey-dark"
-          v-if="group.physicalAddress"
+          v-if="group.physicalAddress && addressFullName(group.physicalAddress)"
           :physicalAddress="group.physicalAddress"
         />
         <p class="has-text-grey-dark">
@@ -65,6 +61,7 @@ import { displayName, IGroup, usernameWithDomain } from "@/types/actor";
 import LazyImageWrapper from "@/components/Image/LazyImageWrapper.vue";
 import RouteName from "../../router/name";
 import InlineAddress from "@/components/Address/InlineAddress.vue";
+import { addressFullName } from "@/types/address.model";
 
 @Component({
   components: {
@@ -80,6 +77,8 @@ export default class GroupCard extends Vue {
   usernameWithDomain = usernameWithDomain;
 
   displayName = displayName;
+
+  addressFullName = addressFullName;
 }
 </script>
 <style lang="scss" scoped>

js/src/components/Group/JoinGroupWithAccount.vue

@@ -10,7 +10,7 @@
 import { Component, Prop, Vue } from "vue-property-decorator";
 import RedirectWithAccount from "@/components/Utils/RedirectWithAccount.vue";
 import { FETCH_GROUP } from "@/graphql/group";
-import { IGroup } from "@/types/actor";
+import { displayName, IGroup } from "@/types/actor";
 
 @Component({
   components: { RedirectWithAccount },
@@ -52,7 +52,7 @@ export default class JoinGroupWithAccount extends Vue {
   }
 
   get groupTitle(): undefined | string {
-    return this.group?.name || this.group?.preferredUsername;
+    return this.group && displayName(this.group);
   }
 
   sentence = this.$t(

js/src/components/Group/ShareGroupModal.vue

@@ -117,7 +117,7 @@ import { Component, Prop, Vue, Ref } from "vue-property-decorator";
 import { GroupVisibility } from "@/types/enums";
 import DiasporaLogo from "../Share/DiasporaLogo.vue";
 import MastodonLogo from "../Share/MastodonLogo.vue";
-import TelegramLogo from "../Share/MastodonLogo.vue";
+import TelegramLogo from "../Share/TelegramLogo.vue";
 import { displayName, IGroup } from "@/types/actor";
 
 @Component({
@@ -177,7 +177,7 @@ export default class ShareGroupModal extends Vue {
   }
 
   get mastodonShareUrl(): string {
-    return `https://toot.karamoff.dev/?text=${encodeURIComponent(
+    return `https://toot.kytta.dev/?text=${encodeURIComponent(
       this.basicTextToEncode
     )}`;
   }

js/src/components/Logo.vue

@@ -1,34 +1,12 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.16 46.78">
-    <title>Mobilizon Logo</title>
-    <g data-name="header">
-      <path
-        d="M0 45.82l3.18-40.8a29.88 29.88 0 015.07-.36 27.74 27.74 0 014.95.36l4.86 17.16a92.19 92.19 0 012.34 10.08h.36a92.19 92.19 0 012.34-10.08L28 5.02a29.23 29.23 0 015-.36 29.23 29.23 0 015 .36l3.18 40.8a13.61 13.61 0 01-3.63.42 23.41 23.41 0 01-3.63-.24l-1.2-19.92q-.36-5.52-.48-12.84h-.44l-7.32 26.51a25.62 25.62 0 01-4 .3 23.36 23.36 0 01-3.84-.3L9.36 13.24H9q-.3 8.94-.48 12.84L7.26 46a22.47 22.47 0 01-3.6.24A13.75 13.75 0 010 45.82zM74 31.06q0 8-4.26 12.3a12.21 12.21 0 01-9 3.42 12.21 12.21 0 01-9-3.42q-4.26-4.26-4.26-12.3t4.24-12.31a12.21 12.21 0 019-3.42 12.21 12.21 0 019 3.42Q74 23.02 74 31.06zM60.75 20.98q-5.67 0-5.67 10.08t5.67 10.08q5.67 0 5.67-10.08t-5.67-10.08zM103.2 19.75q2.7 4.11 2.7 11.28T102 42.31a13.18 13.18 0 01-10 4.11 31.41 31.41 0 01-11.34-2V2.2l.4-.45h2.76A4 4 0 0187 2.83a5.38 5.38 0 01.93 3.57v11.94a12.08 12.08 0 017.56-2.7 8.71 8.71 0 017.71 4.11zm-9.72 2a7.28 7.28 0 00-5.58 2.82v16a15 15 0 004.08.54 5.25 5.25 0 004.68-2.67q1.68-2.67 1.68-7.59 0-9.03-4.86-9.1zM121 22v23.94a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3V24.75q0-3.24-2.7-3.24h-.72a9.32 9.32 0 01-.3-2.58 10.7 10.7 0 01.3-2.7 39.63 39.63 0 014.38-.24h1a5.19 5.19 0 014 1.62A6.27 6.27 0 01121 22z"
-      />
-      <path
-        d="M119.82.84a7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.93 7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.93z"
-        fill="#fff"
-      />
-      <path
-        d="M139.08 40.42h2a10.23 10.23 0 01.6 3.18 9.24 9.24 0 01-.18 2.1 38.47 38.47 0 01-5.64.54q-6.48 0-6.48-7v-37l.36-.42h2.88a3.94 3.94 0 013.12 1.05 5.52 5.52 0 01.9 3.57v31.31q-.02 2.67 2.44 2.67zM155.94 22v23.94a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3V24.75q0-3.24-2.7-3.24h-.72a9.32 9.32 0 01-.3-2.58 10.7 10.7 0 01.3-2.7 39.63 39.63 0 014.38-.24h1a5.19 5.19 0 014.05 1.62 6.27 6.27 0 011.43 4.39z"
-      />
-      <path
-        d="M154.8 2.84a7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.93 7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.93z"
-        fill="#fff"
-      />
-      <path
-        d="M163.08 39.22l8.76-11.82q1.32-1.8 4.8-5.7l-.18-.3a63.09 63.09 0 01-7.74.42H163a9.79 9.79 0 01-.24-2.34 15.8 15.8 0 01.42-3.3h20.4a16.31 16.31 0 011 4.26 4.1 4.1 0 01-.78 2.34L175 34.66a64.65 64.65 0 01-4.56 5.7l.18.24q3.12-.3 5.22-.3h2.58a15.35 15.35 0 006.12-.9 9.4 9.4 0 01.72 3.12q0 3.42-4.32 3.42h-18a14.27 14.27 0 01-.9-3.93 5.08 5.08 0 011.04-2.79zM215.88 31.06q0 8-4.26 12.3a13.63 13.63 0 01-18.06 0q-4.26-4.26-4.26-12.3t4.26-12.31a13.63 13.63 0 0118.06 0q4.26 4.27 4.26 12.31zm-13.29-10.08q-5.67 0-5.67 10.08t5.67 10.08q5.67 0 5.67-10.08t-5.67-10.08zM247 25.84v13.32a11 11 0 001.2 5.64 7 7 0 01-4.41 1.56q-2.43 0-3.33-1.14a5.69 5.69 0 01-.9-3.54V27.4a7.74 7.74 0 00-.72-3.87 2.78 2.78 0 00-2.58-1.17 8.62 8.62 0 00-6.3 3v20.58a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3v-29.7l.42-.36h2.76q3.42 0 4.08 3.6 4.38-3.84 8.73-3.84t6.42 2.82a12.17 12.17 0 012.07 7.38z"
-      />
-      <path
-        d="M57.26 10.75a7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.84 7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.84zM198.26 10.75a7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.84 7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.84z"
-        fill="#fff"
-      />
-    </g>
-  </svg>
+  <img src="img/pics/logo_chapril_mobilizon.png" alt="logo chapril" />
 </template>
 
 <script lang="ts">
 import { Component, Prop, Vue } from "vue-property-decorator";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+// import MobilizonLogo from "../assets/logo_chapril_mobilizon.png";
 
 @Component
 export default class Logo extends Vue {

js/src/components/Map.vue

@@ -142,7 +142,9 @@ export default class Map extends Vue {
   }
 
   updateDraggableMarkerPosition(e: LatLng): void {
-    this.updateDraggableMarkerCallback(e, this.zoom);
+    if (this.updateDraggableMarkerCallback) {
+      this.updateDraggableMarkerCallback(e, this.zoom);
+    }
   }
 
   updateZoom(zoom: number): void {

js/src/components/NavBar.vue

@@ -11,7 +11,11 @@
         :to="{ name: RouteName.HOME }"
         :aria-label="$t('Home')"
       >
-        <logo />
+        <img
+          src="/img/long_logo_chapril_mobilizon.png"
+          alt="logo mobilizon"
+          style="width: 5em"
+        />
       </b-navbar-item>
     </template>
     <template slot="start">
@@ -52,23 +56,17 @@
           >{{ $t("Create") }}</b-button
         >
       </b-navbar-item>
-      <b-navbar-item
-        v-if="config && config.features.koenaConnect"
-        class="koena"
-        tag="a"
-        href="https://mediation.koena.net/framasoft/mobilizon/"
-        target="_blank"
-        rel="noopener external"
-        hreflang="fr"
-      >
-        <img
-          src="/img/koena-a11y.svg"
-          width="150"
-          alt="Contact accessibilité"
-        />
-      </b-navbar-item>
     </template>
     <template slot="end">
+      <b-navbar-item
+        href="https://www.chapril.org"
+        :aria-label="'www.chapril.org'"
+      >
+        <img
+          src="/img/pics/logo_chapril_mobilizon.png"
+          alt="logo chapril mobilizon"
+        />
+      </b-navbar-item>
       <b-navbar-item tag="div">
         <search-field @navbar-search="mobileNavbarActive = false" />
       </b-navbar-item>
@@ -148,8 +146,8 @@
           v-if="currentUser.role === ICurrentUserRole.ADMINISTRATOR"
           tag="router-link"
           :to="{ name: RouteName.ADMIN_DASHBOARD }"
-          >{{ $t("Administration") }}</b-navbar-item
-        >
+          >{{ $t("Administration") }}
+        </b-navbar-item>
 
         <b-navbar-item
           tag="span"
@@ -381,15 +379,6 @@ nav {
     background-color: inherit;
   }
 
-  .koena {
-    padding-top: 0;
-    padding-bottom: 0;
-    & > img {
-      max-height: 4rem;
-      padding-top: 0.2rem;
-    }
-  }
-
   .identity-wrapper {
     display: flex;
 

js/src/components/Post/PostListItem.vue

@@ -9,7 +9,7 @@
       :rounded="true"
       style="height: 120px"
     />
-    <div class="title-info-wrapper has-text-grey-dark">
+    <div class="title-info-wrapper has-text-grey-dark px-1">
       <h3 class="post-minimalist-title" :lang="post.language">
         {{ post.title }}
       </h3>

js/src/components/Post/SharePostModal.vue

@@ -179,7 +179,7 @@ export default class SharePostModal extends Vue {
   }
 
   get mastodonShareUrl(): string {
-    return `https://toot.karamoff.dev/?text=${encodeURIComponent(
+    return `https://toot.kytta.dev/?text=${encodeURIComponent(
       this.basicTextToEncode
     )}`;
   }

js/src/components/Report/ReportModal.vue

@@ -9,7 +9,7 @@
       :class="{ 'is-titleless': !title }"
     >
       <div class="media">
-        <div class="media-left">
+        <div class="media-left hidden md:block">
           <b-icon icon="alert" type="is-warning" size="is-large" />
         </div>
         <div class="media-content">

js/src/components/SearchField.vue

@@ -1,18 +1,22 @@
 <template>
-  <label for="navSearchField">
-    <span class="visually-hidden">{{ defaultPlaceHolder }}</span>
+  <b-field label-for="navSearchField" class="-mt-2">
     <b-input
-      custom-class="searchField"
+      :placeholder="defaultPlaceHolder"
+      type="search"
       id="navSearchField"
       icon="magnify"
-      type="search"
+      icon-clickable
       rounded
+      custom-class="searchField"
       dir="auto"
-      :placeholder="defaultPlaceHolder"
       v-model="search"
       @keyup.native.enter="enter"
-    />
-  </label>
+    >
+    </b-input>
+    <template #label>
+      <span class="sr-only">{{ defaultPlaceHolder }}</span>
+    </template>
+  </b-field>
 </template>
 <script lang="ts">
 import { Component, Prop, Vue } from "vue-property-decorator";
@@ -47,6 +51,7 @@ label span.visually-hidden {
 input.searchField {
   box-shadow: none;
   border-color: #b5b5b5;
+  border-radius: 9999px !important;
 
   &::placeholder {
     color: gray;

js/src/components/Utils/EmptyContent.vue

@@ -9,7 +9,7 @@
       <!-- @slot Mandatory title -->
       <slot />
     </h2>
-    <p v-show="$slots.desc">
+    <p v-show="$slots.desc" :class="descriptionClasses">
       <!-- @slot Optional description -->
       <slot name="desc" />
     </p>
@@ -21,6 +21,8 @@ import { Component, Prop, Vue } from "vue-property-decorator";
 @Component
 export default class EmptyContent extends Vue {
   @Prop({ type: String, required: true }) icon!: string;
+  @Prop({ type: String, required: false, default: "" })
+  descriptionClasses!: string;
   @Prop({ type: Boolean, required: false, default: false }) inline!: boolean;
   @Prop({ type: Boolean, required: false, default: false }) center!: boolean;
 }

js/src/components/Utils/Subtitle.vue

@@ -17,10 +17,8 @@ h2 {
   margin: 15px 0 30px;
 
   span {
-    background: $secondary;
     display: inline;
     padding: 3px 8px;
-    color: #3a384c;
     font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
       serif;
     font-weight: 400;

js/src/graphql/actor.ts

@@ -34,16 +34,6 @@ export const FETCH_PERSON = gql`
       feedTokens {
         token
       }
-      organizedEvents {
-        total
-        elements {
-          id
-          uuid
-          title
-          beginsOn
-          status
-        }
-      }
     }
   }
   ${ACTOR_FRAGMENT}

js/src/graphql/admin.ts

@@ -74,6 +74,7 @@ export const INSTANCE_FRAGMENT = gql`
   fragment InstanceFragment on Instance {
     domain
     hasRelay
+    relayAddress
     followerStatus
     followedStatus
     eventCount
@@ -131,15 +132,6 @@ export const ADD_INSTANCE = gql`
   ${INSTANCE_FRAGMENT}
 `;
 
-export const ADD_RELAY = gql`
-  mutation addRelay($address: String!) {
-    addRelay(address: $address) {
-      ...relayFragment
-    }
-  }
-  ${RELAY_FRAGMENT}
-`;
-
 export const REMOVE_RELAY = gql`
   mutation removeRelay($address: String!) {
     removeRelay(address: $address) {

js/src/graphql/config.ts

@@ -71,7 +71,6 @@ export const CONFIG = gql`
       features {
         groups
         eventCreation
-        koenaConnect
       }
       restrictions {
         onlyAdminCanCreateGroups

js/src/graphql/post.ts

@@ -98,7 +98,7 @@ export const FETCH_POST = gql`
 export const CREATE_POST = gql`
   mutation CreatePost(
     $title: String!
-    $body: String
+    $body: String!
     $attributedToId: ID!
     $visibility: PostVisibility
     $draft: Boolean

js/src/i18n/en_US.json

@@ -1321,5 +1321,14 @@
   "You may now close this page or {return_to_the_homepage}.": "You may now close this page or {return_to_the_homepage}.",
   "This group is a remote group, it's possible the original instance has more informations.": "This group is a remote group, it's possible the original instance has more informations.",
   "View the group profile on the original instance": "View the group profile on the original instance",
-  "View past events": "View past events"
+  "View past events": "View past events",
+  "Get informed of the upcoming public events": "Get informed of the upcoming public events",
+  "Join": "Join",
+  "Become part of the community and start organizing events": "Become part of the community and start organizing events",
+  "Follow requests will be approved by a group moderator": "Follow requests will be approved by a group moderator",
+  "Follow request pending approval": "Follow request pending approval",
+  "Your membership is pending approval": "Your membership is pending approval",
+  "Activate notifications": "Activate notifications",
+  "Deactivate notifications": "Deactivate notifications",
+  "Membership requests will be approved by a group moderator": "Membership requests will be approved by a group moderator"
 }

js/src/i18n/es.json

@@ -55,6 +55,7 @@
   "Account settings": "Configuración de la cuenta",
   "Actions": "Acciones",
   "Activate browser push notifications": "Activar notificaciones push del navegador",
+  "Activate notifications": "Activar notificaciones",
   "Activated": "Activado",
   "Active": "Activo",
   "Activity": "Actividad",
@@ -136,6 +137,7 @@
   "Back to top": "Volver arriba",
   "Back to user list": "Volver a la lista de usuarios",
   "Banner": "Pancarta",
+  "Become part of the community and start organizing events": "Forma parte de la comunidad y empieza a organizar eventos",
   "Before you can login, you need to click on the link inside it to validate your account.": "Antes de iniciar sesión, debe hacer clic en el enlace que se encuentra dentro para validar su cuenta.",
   "Begins on": "Comienza en",
   "Big Blue Button": "Big Blue Button",
@@ -241,6 +243,7 @@
   "Date and time": "Fecha y hora",
   "Date and time settings": "Configuración de fecha y hora",
   "Date parameters": "Parámetros de fecha",
+  "Deactivate notifications": "Activar notificaciones",
   "Decline": "Rechazar",
   "Decrease": "Disminución",
   "Default": "Valor predeterminados",
@@ -367,6 +370,8 @@
   "Follow": "Seguir",
   "Follow a new instance": "Seguir una nueva instancia",
   "Follow instance": "Seguir instancia",
+  "Follow request pending approval": "Seguir solicitud pendiente de aprobación",
+  "Follow requests will be approved by a group moderator": "Las solicitudes de seguimiento serán aprobadas por un moderador del grupo",
   "Follow status": "Seguir estado",
   "Followed": "Seguidos",
   "Followed, pending response": "Seguido, pendiente de respuesta",
@@ -394,6 +399,7 @@
   "General information": "Información general",
   "General settings": "Configuración general",
   "Geolocation was not determined in time.": "La geolocalización no se determinó a tiempo.",
+  "Get informed of the upcoming public events": "Infórmese de los próximos eventos públicos",
   "Getting location": "Obtener ubicación",
   "Getting there": "Llegar allí",
   "Glossary": "Glosario",
@@ -487,6 +493,7 @@
   "It is possible that the content is not accessible on this instance, because this instance has blocked the profiles or groups behind this content.": "Es posible que el contenido no sea accesible en esta instancia, porque esta instancia ha bloqueado los perfiles o grupos detrás de este contenido.",
   "Italic": "Cursiva",
   "Jitsi Meet": "Jitsi Meet",
+  "Join": "Unirse",
   "Join <b>{instance}</b>, a Mobilizon instance": "Únase a <b> {instance} </b>, una instancia de Mobilizon",
   "Join group": "Unirse al grupo",
   "Join group {group}": "Unirse al grupo {group}",
@@ -535,6 +542,7 @@
   "Member": "Miembro",
   "Members": "Miembros",
   "Members-only post": "Publicación solo para miembros",
+  "Membership requests will be approved by a group moderator": "Las solicitudes de membresía serán aprobadas por un moderador del grupo",
   "Memberships": "Miembros",
   "Mentions": "Menciones",
   "Message": "Mensaje",
@@ -1191,6 +1199,7 @@
   "Your email is being changed": "Su correo electrónico está siendo cambiado",
   "Your email will only be used to confirm that you're a real person and send you eventual updates for this event. It will NOT be transmitted to other instances or to the event organizer.": "Su correo electrónico solo se utilizará para confirmar que es una persona real y enviarle actualizaciones eventuales para este evento. NO se transmitirá a otras instancias ni al organizador del evento.",
   "Your federated identity": "Su identidad federada",
+  "Your membership is pending approval": "Su membresía está pendiente de aprobación",
   "Your membership was approved by {profile}.": "Su adesión fue aprobada por {profile}.",
   "Your participation has been confirmed": "Su participación ha sido confirmada",
   "Your participation has been rejected": "Su participación ha sido rechazada",

js/src/i18n/fr_FR.json

@@ -1312,5 +1312,14 @@
   "No instance found.": "Aucune instance trouvée.",
   "This group is a remote group, it's possible the original instance has more informations.": "Ce groupe est un groupe distant, il est possible que l'instance d'origine ait plus d'informations.",
   "View the group profile on the original instance": "Afficher le profil du groupe sur l'instance d'origine",
-  "View past events": "Voir les événements passés"
+  "View past events": "Voir les événements passés",
+  "Get informed of the upcoming public events": "Soyez informé⋅e des événements publics à venir",
+  "Join": "Rejoindre",
+  "Become part of the community and start organizing events": "Faites partie de la communauté et commencez à organiser des événements",
+  "Follow requests will be approved by a group moderator": "Les demandes de suivi seront approuvées par un⋅e modérateur⋅ice du groupe",
+  "Follow request pending approval": "Demande de suivi en attente d'approbation",
+  "Your membership is pending approval": "Votre adhésion est en attente d'approbation",
+  "Activate notifications": "Activer les notifications",
+  "Deactivate notifications": "Désactiver les notifications",
+  "Membership requests will be approved by a group moderator": "Les demandes d'adhésion seront approuvées par un⋅e modérateur⋅ice du groupe"
 }

js/src/i18n/gd.json

@@ -55,6 +55,7 @@
   "Account settings": "Roghainnean a’ chunntais",
   "Actions": "Gnìomhan",
   "Activate browser push notifications": "Gnìomhaich brathan putaidh a’ bhrabhsair",
+  "Activate notifications": "Gnìomhaich na brathan",
   "Activated": "An gnìomh",
   "Active": "Gnìomhach",
   "Activity": "Gnìomhachd",
@@ -103,6 +104,7 @@
   "Anonymous participant": "Freastalaiche gun ainm",
   "Anonymous participants will be asked to confirm their participation through e-mail.": "Thèid iarraidh air freastalaichean gun ainm gun dearbh iad an com-pàirteachadh air a’ phost-d.",
   "Anonymous participations": "Com-pàirteachaidhean gun ainm",
+  "Any category": "Roinn-seòrsa sam bith",
   "Any day": "Latha sam bith",
   "Any type": "Seòrsa sam bith",
   "Anyone can join freely": "Faodaidh neach sam bith a dhol an sàs ann gu saor",
@@ -135,6 +137,7 @@
   "Back to top": "Air ais gun bhàrr",
   "Back to user list": "Air ais gu liosta nan cleachdaichean",
   "Banner": "Bratach",
+  "Become part of the community and start organizing events": "Faigh ballrachd sa choimhearsnachd agus tòisich air tachartasan a chur air dòigh",
   "Before you can login, you need to click on the link inside it to validate your account.": "Mus urrainn dhut clàradh a-steach, feumaidh tu briogadh air a’ cheangal ’na broinn gus an cunntas agad a dhearbhadh.",
   "Begins on": "Tòisichidh e aig",
   "Big Blue Button": "Big Blue Button",
@@ -158,6 +161,7 @@
   "Cancel my participation…": "Sguir dhen chom-pàirteachadh agam…",
   "Cancelled": "Chaidh a chur gu neoini",
   "Cancelled: Won't happen": "Sguireadh dheth: Cha tachair seo",
+  "Category": "Roinn-seòrsa",
   "Change": "Atharraich",
   "Change email": "Atharraich am post-d",
   "Change my email": "Atharraich am post-d agam",
@@ -192,7 +196,7 @@
   "Confirm my particpation": "Dearbh an com-pàirteachadh agam",
   "Confirm participation": "Dearbh an com-pàirteachadh",
   "Confirm user": "Dearbh an cleachdaiche",
-  "Confirmed": "Air a dhearbhachadh",
+  "Confirmed": "Air a dhearbhadh",
   "Confirmed at": "Chaidh a dhearbhachadh",
   "Confirmed: Will happen": "Air dearbhadh: Tachraidh seo",
   "Congratulations, your account is now created!": "Meal do naidheachd, chaidh an cunntas agad a chruthachadh!",
@@ -239,6 +243,7 @@
   "Date and time": "Ceann-là ’s àm",
   "Date and time settings": "Roghainnean a’ chinn-là ’s an ama",
   "Date parameters": "Paramadairean a’ chinn-là",
+  "Deactivate notifications": "Cuir na brathan à gnìomh",
   "Decline": "Diùlt",
   "Decrease": "Lùghdaich",
   "Default": "Bun-roghainn",
@@ -365,6 +370,8 @@
   "Follow": "Lean air",
   "Follow a new instance": "Lean air ionstans ùr",
   "Follow instance": "Lean air an ionstans",
+  "Follow request pending approval": "Iarrtas leantainn ri aontachadh",
+  "Follow requests will be approved by a group moderator": "Thèid aontachadh ri iarrtasan leantainn le maor a’ bhuidhinn",
   "Follow status": "Staid na leantainn",
   "Followed": "’Ga leantainn leinne",
   "Followed, pending response": "’Ga leantainn leinne, a’ feitheamh air freagairt",
@@ -392,6 +399,7 @@
   "General information": "Fiosrachadh coitcheann",
   "General settings": "Roghainnean coitcheann",
   "Geolocation was not determined in time.": "Cha deach leis a’ gheò-lorgadh ri àm.",
+  "Get informed of the upcoming public events": "Faigh naidheachdan mu thachartasan poblach ri thighinn",
   "Getting location": "A’ faighinn an ionaid",
   "Getting there": "Mar a gheibh thu ann",
   "Glossary": "Briathrachan",
@@ -436,6 +444,7 @@
   "I want to approve every participation request": "Tha mi airson aontachadh ris a h-uile iarrtas air com-pàirteachadh",
   "I've been mentionned in a comment under an event": "Chaidh iomradh a thoirt orm ann am beachd fo thachartas",
   "I've been mentionned in a group discussion": "Chaidh iomradh a thoirt orm ann an deasbad buidhinn",
+  "I've clicked on X, then on Y": "Briog mi air X ’s an uairsin air Y",
   "ICS feed for events": "Inbhir ICS dha na tachartasan",
   "ICS/WebCal Feed": "Inbhir ICS/WebCal",
   "IP Address": "Seòladh IP",
@@ -484,6 +493,7 @@
   "It is possible that the content is not accessible on this instance, because this instance has blocked the profiles or groups behind this content.": "Dh’fhaoidte nach gabh an t-susbaint inntrigeadh air an ionstans seo on a bhac an t-ionstans seo na pròifilean no buidhnean a tha air cùlaibh na susbainte seo.",
   "Italic": "Eadailteach",
   "Jitsi Meet": "Jitsi Meet",
+  "Join": "Faigh ballrachd",
   "Join <b>{instance}</b>, a Mobilizon instance": "Faigh ballrachd air <b>{instance}</b>, seo ionstans Mobilizon",
   "Join group": "Faigh ballrachd sa bhuidheann",
   "Join group {group}": "Faigh ballrachd sa bhuidheann {group}",
@@ -532,6 +542,7 @@
   "Member": "Ball",
   "Members": "Buill",
   "Members-only post": "Post do bhuill a-mhàin",
+  "Membership requests will be approved by a group moderator": "Thèid aontachadh ri iarrtasan ballrachd le maor a’ bhuidhinn",
   "Memberships": "Ballrachdan",
   "Mentions": "Iomraidhean",
   "Message": "Teachdaireachd",
@@ -818,6 +829,7 @@
   "Search": "Lorg",
   "Search events, groups, etc.": "Lorg tachartasan, buidhnean is msaa.",
   "Searching…": "’Ga lorg…",
+  "Select a category": "Tagh roinn-seòrsa",
   "Select a language": "Tagh cànan",
   "Select a radius": "Tagh astar",
   "Select a timezone": "Tagh roinn-tìde",
@@ -825,6 +837,7 @@
   "Select the activities for which you wish to receive an email or a push notification.": "Tagh na gnìomhachdan dhan fhaigh thu post-d no brath putaidh.",
   "Send": "Cuir",
   "Send email": "Cuir post-d",
+  "Send feedback": "Cuir do bheachd thugainn",
   "Send notification e-mails": "Cuir puist-d bhrathan",
   "Send password reset": "Cuir ath-shuidheachadh an fhacail-fhaire",
   "Send the confirmation email again": "Cuir am post-d dearbhaidh a-rithist",
@@ -851,6 +864,7 @@
   "Skip to main content": "Thoir leum gun phrìomh shusbaint",
   "Social": "Sòisealta",
   "Some terms, technical or otherwise, used in the text below may cover concepts that are difficult to grasp. We have provided a glossary here to help you understand them better:": "Tha cuid dhe na faclan a tha ’gan cleachdadh san teacsa gu h-ìosal, co-dhiù an e faclan teicnigeach a th’ annta gus nach e, mu bheachdan a tha caran doirbh a thuigsinn ma dh’fhaoidte. Rinn sinn briathrachan ach am bhiod e na b’ fhasa dhut an tuigsinn:",
+  "Sorry, we wen't able to save your feedback. Don't worry, we'll try to fix this issue anyway.": "Tha sinn duilich ach cha b’ urrainn dhuinn do bheachd a shàbhaladh. Na gabh dragh, feuchaidh sinn gun càraich sinn an duilgheadas co-dhiù.",
   "Starts on…": "Àm-tòiseachaidh…",
   "Status": "Staid",
   "Stop following instance": "Na lean tuilleadh air an ionstans",
@@ -870,6 +884,7 @@
   "Terms": "Teirmichean",
   "Terms of service": "Teirmichean na seirbheise",
   "Text": "Teacsa",
+  "Thanks a lot, your feedback was submitted!": "Mòran taing, chaidh do bheachdan a chur thugainn!",
   "That you follow or of which you are a member": "A tha thu a’ leantainn orra no ’nad bhall ann",
   "The Big Blue Button video teleconference URL": "URL co-labhairt video Big Blue Button",
   "The Google Meet video teleconference URL": "URL co-labhairt video Google Meet",
@@ -943,6 +958,7 @@
   "This event has been cancelled.": "Chaidh an tachartas seo a chur gu neoini.",
   "This event is accessible only through it's link. Be careful where you post this link.": "Cha ghabh an tachartas seo inntrigeadh ach leis a’ cheangal aige. Thoir an aire mus postaich thu an ceangal seo am badeigin.",
   "This group doesn't have a description yet.": "Chan eil tuairisgeul aig a’ bhuidheann seo fhathast.",
+  "This group is a remote group, it's possible the original instance has more informations.": "’S e buidheann cèin a tha seo agus dh’fhaoidte gu bheil barrachd fiosrachaidh aig an ionstans tùsail.",
   "This group is accessible only through it's link. Be careful where you post this link.": "Cha ghabh an tachartas seo inntrigeadh ach leis a’ cheangal aige. Thoir an aire mus postaich thu an ceangal seo am badeigin.",
   "This group is invite-only": "Feumaidh tu cuireadh airson ballrachd fhaighinn sa bhuidheann seo",
   "This group was not found": "Cha deach am buidheann seo a lorg",
@@ -1044,6 +1060,8 @@
   "View less": "Seall nas lugha",
   "View more": "Seall barrachd",
   "View page on {hostname} (in a new window)": "Seall an duilleag air {hostname} (ann an uinneag ùr)",
+  "View past events": "Seall na tachartasan san àm a dh’fhalbh",
+  "View the group profile on the original instance": "Faic pròifil a’ buidhinn air an ionstans tùsail",
   "Visibility was set to an unknown value.": "Chaidh luach nach aithne dhuinn a shuidheachadh air an t-so-fhaicsinneachd.",
   "Visibility was set to private.": "Chaidh so-fhaicsinneachd phrìobhaideach a shuidheachadh air.",
   "Visibility was set to public.": "Chaidh so-fhaicsinneachd phoblach a shuidheachadh air.",
@@ -1051,6 +1069,7 @@
   "Visible everywhere on the web (public)": "Chithear air feadh an lìn e (poblach)",
   "Waiting for organization team approval.": "A’ feitheamh air aontachadh leis an sgioba eagrachaidh.",
   "Warning": "Rabhadh",
+  "We collect your feedback and the error information in order to improve this service.": "Cruinnichidh sinn do bheachdan agus am fiosrachadh mun mhearachd ach an doir sinn piseach air an t-seirbheis seo.",
   "We couldn't save your participation inside this browser. Not to worry, you have successfully confirmed your participation, we just couldn't save it's status in this browser because of a technical issue.": "Cha b’ urrainn dhuinn an com-pàirteachadh agad a shàbhaladh sa bhrabhsair seo. Na gabh dragh, dhearbh thu gun gabh thu pàirt ann ach cha b’ urrainn dhuinn sin a shàbhaladh sa bhrabhsair seo ri linn duilgheadas teicnigeach.",
   "We improve this software thanks to your feedback. To let us know about this issue, two possibilities (both unfortunately require user account creation):": "Bheir sinn piseach air a’ bhathar-bhog le taic do bheachdan. Tha dà dhòigh ann airson innse dhuinn mu dhèidhinn na trioblaide seo (gu mì-fhortanach, feumaidh tu cunntas a chruthachadh dhaibh):",
   "We just sent an email to {email}": "Tha sinn air post-d a chur gu {email}",
@@ -1066,6 +1085,7 @@
   "Welcome back!": "Fàilte air ais!",
   "Welcome to Mobilizon, {username}!": "Fàilte gu Mobilizon, {username}!",
   "What can I do to help?": "Dè nì mi airson cuideachadh?",
+  "What happened?": "Dè thachair?",
   "Wheelchair accessibility": "Inntrigeadh cathrach-cuibhle",
   "When a moderator from the group creates an event and attributes it to the group, it will show up here.": "Nuair a chruthaicheas maor a’ bhuidhinn tachartas le iomruineadh dhan bhuidheann, nochdaidh e an-seo.",
   "When the event is private, you'll need to share the link around.": "Nuair a bhios an tachartas prìobhaideach, feumaidh tu fhèin an ceangal a cho-roinneadh.",
@@ -1124,7 +1144,9 @@
   "You have one event tomorrow.": "Bidh {count} tachartas agad a-màireach| Bidh {count} thachartas agad a-màireach| Bidh {count} tachartasan agad a-màireach| Bidh {count} tachartas agad a-màireach",
   "You haven't interacted with other instances yet.": "Cha do rinn thu eadar-ghnìomh le ionstans sam bith eile fhathast.",
   "You invited {member}.": "Thug thu cuireadh dha {member}.",
+  "You may also:": "’S urrainn dhut cuideachd:",
   "You may clear all participation information for this device with the buttons below.": "’S urrainn dhut gach fiosrachadh mun chom-pàirteachadh a shuathadh bàn on uidheam seo leis na putanan gu h-ìosal.",
+  "You may now close this page or {return_to_the_homepage}.": "’S urrainn dhut an duilleag seo a dhùnadh a-nis no {return_to_the_homepage}.",
   "You may now close this window, or {return_to_event}.": "’S urrainn dhut an uinneag seo a dhùnadh a-nis no {return_to_event}.",
   "You may show some members as contacts.": "Faodaidh tu cuid a bhuill a shealltainn ’nan luchd-aithne.",
   "You moved the folder {resource} into {new_path}.": "Ghluais thu am pasgan {resource} gu {new_path}.",
@@ -1176,6 +1198,7 @@
   "Your email is being changed": "Tha am post-d agad ’ga atharrachadh",
   "Your email will only be used to confirm that you're a real person and send you eventual updates for this event. It will NOT be transmitted to other instances or to the event organizer.": "Cha dèid am post-d agad a chleachdadh ach airson dearbhadh gur e neach a th’ annad agus airson naidheachdan a chur thugad mun tachartas seo. ’S ann NACH DÈID a thar-chur gu ionstansan eile no gu eagraiche an tachartais.",
   "Your federated identity": "An dearbh-aithne co-naisgte agad",
+  "Your membership is pending approval": "Tha do bhallrachd a’ feitheamh ri aontachadh",
   "Your membership was approved by {profile}.": "Dh’aontaich {profile} gum faigh thu ballrachd.",
   "Your participation has been confirmed": "Chaidh an com-pàirteachadh agad a dhearbhadh",
   "Your participation has been rejected": "Chaidh an com-pàirteachadh agad a dhiùltadh",
@@ -1226,6 +1249,7 @@
   "profile@instance": "ainm@ionstans",
   "report #{report_number}": "gearan #{report_number}",
   "return to the event's page": "till gu duilleag an tachartais",
+  "return to the homepage": "tilleadh dhan duilleag-dhachaigh",
   "terms of service": "teirmichean na seirbheise",
   "with another identity…": "le dearbh-aithne eile…",
   "your notification settings": "roghainnean nam brathan",

js/src/i18n/he.json

@@ -258,10 +258,16 @@
   "Previous page": "הדף הקודם",
   "Privacy Policy": "מדיניות פרטיות",
   "Private event": "אירוע פרטי",
+  "Private feeds": "היזנים פרטיים",
+  "Profiles": "פרופילים",
   "Public RSS/Atom Feed": "ערוץ RSS/Atom פומבי",
+  "Public comment moderation": "בקרת תגובות פומביות",
   "Public event": "אירוע פומבי",
+  "Public feeds": "היזנים פומביים",
   "Public iCal Feed": "ערוץ iCal פומבי",
   "Publish": "פרסום",
+  "Published events with <b>{comments}</b> comments and <b>{participations}</b> confirmed participations": "אירועים שפורסמו שיש להם <b>{comments}</b> תגובות ו־<b>{participations}</b> אישורי השתתפות",
+  "RSS/Atom Feed": "היזן רסס/אטום",
   "Region": "אזור",
   "Registration is allowed, anyone can register.": "ההרשמה מאופשרת, כל אחד.ת יכול.ה להירשם.",
   "Registration is closed.": "ההרשמה סגורה.",
@@ -272,9 +278,11 @@
   "Report": "דיווח",
   "Report this comment": "דיווח על תגובה זו",
   "Report this event": "דיווח על אירוע זה",
+  "Reported": "מדווח",
   "Reported by": "דווח על־ידי",
   "Reported by someone on {domain}": "דווח על־ידי מישהו.י מהאתר {domain}",
   "Reported by {reporter}": "דווח על־ידי {reporter}",
+  "Reported identity": "זהות מדווחת",
   "Reports": "דיווחים",
   "Reset my password": "איפוס הססמה שלי",
   "Resolved": "נפתר",
@@ -287,6 +295,7 @@
   "Searching…": "מחפש…",
   "Send email": "שליחת דוא\"ל",
   "Send the report": "שליחת הדיווח",
+  "Set an URL to a page with your own terms.": "הגדרת קישור לעמוד עם תנאים משלך.",
   "Settings": "הגדרות",
   "Share this event": "שיתוף אירוע זה",
   "Show map": "הצגת מפה",
@@ -294,6 +303,8 @@
   "Show the time when the event begins": "הצגת זמן תחילת האירוע",
   "Show the time when the event ends": "הצגת זמן סיום האירוע",
   "Sign up": "הרשמה",
+  "Starts on…": "מתחיל ב…",
+  "Status": "מצב",
   "Street": "רחוב",
   "Tentative: Will be confirmed later": "לא סופי: יאושר בהמשך",
   "Terms": "תנאים",
@@ -304,5 +315,27 @@
   "The event has been created as a draft": "האירוע נוצר כטיוטה",
   "The event has been published": "האירוע פורסם",
   "The event has been updated": "האירוע עודכן",
-  "The event has been updated and published": "האירוע עודכן ופורסם"
+  "The event has been updated and published": "האירוע עודכן ופורסם",
+  "The event organiser has chosen to validate manually participations. Do you want to add a little note to explain why you want to participate to this event?": "בקשות השתתפות מאושרות ידנית על־ידי מארגנ.ת האירוע. האם ברצונך להוסיף הערה עם הסבר מדוע את.ה רוצה להשתתף באירוע זה?",
+  "The event organizer didn't add any description.": "מארגנ.ת האירוע לא הוסיפ.ה תיאור.",
+  "The event organizer manually approves participations. Since you've chosen to participate without an account, please explain why you want to participate to this event.": "בקשות השתתפות מאושרות ידנית על־ידי מארגנ.ת האירוע. היות ובחרת להשתתף ללא חשבון, אנא צרפ.י הסבר מדוע את.ה רוצה להשתתף באירוע זה.",
+  "The event title will be ellipsed.": "כותרת האירוע תוצג באופן מקוצר עם שלוש נקודות בסוף.",
+  "The page you're looking for doesn't exist.": "העמוד שחיפשת לא קיים.",
+  "The password was successfully changed": "הססמה שונתה בהצלחה",
+  "The report will be sent to the moderators of your instance. You can explain why you report this content below.": "הדיווח יישלח למנהלים.ות של השרת שלך. ניתן להסביר למטה את סיבת הדיווח של תוכן זה.",
+  "The {default_terms} will be used. They will be translated in the user's language.": "ייעשה שימוש ב{default_terms}. הם יתורגמו לשפה של המשתמש.ת.",
+  "There are {participants} participants.": "יש {participants} משתתפים.ות.",
+  "There will be no way to recover your data.": "לא תהיה אפשרות לשחזר את המידע שלך.",
+  "These events may interest you": "האירועים האלה עשויים לעניין אותך",
+  "This Mobilizon instance and this event organizer allows anonymous participations, but requires validation through email confirmation.": "שרת מוביליזון זה ואירוע זה מאפשרים בקשת השתתפות ללא חשבון, אך נדרש אימות באמצעות דואר אלקטרוני.",
+  "This information is saved only on your computer. Click for details": "מידע זה נשמר רק על המחשב שלך. לפרטים לחצ.י",
+  "This instance isn't opened to registrations, but you can register on other instances.": "שרת זה אינו פתוח להרשמה, אך ניתן להירשם בשרתים אחרים.",
+  "This is a demonstration site to test Mobilizon.": "זהו אתר הדגמה לצורך בדיקה של מוביליזון.",
+  "This will delete / anonymize all content (events, comments, messages, participations…) created from this identity.": "הדבר ימחק / יהפוך לאנונימי את כל התוכן (אירועים, תגובות, הודעות, אישורי השתתפות…) שנוצר מתוך זהות זו.",
+  "Title": "כותרת",
+  "To confirm, type your event title \"{eventTitle}\"": "לאישור, נא להזין את כותרת האירוע \"{eventTitle}\"",
+  "To confirm, type your identity username \"{preferredUsername}\"": "לאישור, נא להזין את שם המשתמש.ת שלך \"{preferredUsername}\"",
+  "Transfer to {outsideDomain}": "העברה לשרת {outsideDomain}",
+  "Type": "סוג",
+  "URL": "קישור"
 }

js/src/types/actor/actor.model.ts

@@ -68,7 +68,7 @@ export function usernameWithDomain(actor: IActor, force = false): string {
 }
 
 export function displayName(actor: IActor): string {
-  return actor.name != null && actor.name !== ""
+  return actor && actor.name != null && actor.name !== ""
     ? actor.name
     : usernameWithDomain(actor);
 }

js/src/types/address.model.ts

@@ -65,80 +65,93 @@ export class Address implements IAddress {
   }
 
   get poiInfos(): IPoiInfo {
-    /* generate name corresponding to poi type */
-    let name = "";
-    let alternativeName = "";
-    let poiIcon: IPOIIcon = poiIcons.default;
-    // Google Maps doesn't have a type
-    if (this.type == null && this.description === this.street) {
-      this.type = "house";
-    }
-    switch (this.type) {
-      case "house":
-        name = this.description;
-        alternativeName = [this.postalCode, this.locality, this.country]
-          .filter((zone) => zone)
-          .join(", ");
-        poiIcon = poiIcons.defaultAddress;
-        break;
-      case "street":
-      case "secondary":
-        name = this.description;
-        alternativeName = [this.postalCode, this.locality, this.country]
-          .filter((zone) => zone)
-          .join(", ");
-        poiIcon = poiIcons.defaultStreet;
-        break;
-      case "zone":
-      case "city":
-      case "administrative":
-        name = this.postalCode
-          ? `${this.description} (${this.postalCode})`
-          : this.description;
-        alternativeName = [this.region, this.country]
-          .filter((zone) => zone)
-          .join(", ");
-        poiIcon = poiIcons.defaultAdministrative;
-        break;
-      default:
-        // POI
-        name = this.description;
-        alternativeName = "";
-        if (this.street && this.street.trim()) {
-          alternativeName = `${this.street}`;
-          if (this.locality) {
-            alternativeName += ` (${this.locality})`;
-          }
-        } else if (this.locality && this.locality.trim()) {
-          alternativeName = `${this.locality}, ${this.region}, ${this.country}`;
-        } else if (this.region && this.region.trim()) {
-          alternativeName = `${this.region}, ${this.country}`;
-        } else if (this.country && this.country.trim()) {
-          alternativeName = this.country;
-        }
-        poiIcon = this.iconForPOI;
-        break;
-    }
-    return { name, alternativeName, poiIcon };
+    return addressToPoiInfos(this);
   }
 
   get fullName(): string {
-    const { name, alternativeName } = this.poiInfos;
-    if (name && alternativeName) {
-      return `${name}, ${alternativeName}`;
-    }
-    if (name) {
-      return name;
-    }
-    return "";
+    return addressFullName(this);
   }
 
   get iconForPOI(): IPOIIcon {
-    if (this.type == null) {
-      return poiIcons.default;
-    }
-    const type = this.type.split(":").pop() || "";
-    if (poiIcons[type]) return poiIcons[type];
-    return poiIcons.default;
+    return iconForAddress(this);
   }
 }
+
+export function addressToPoiInfos(address: IAddress): IPoiInfo {
+  /* generate name corresponding to poi type */
+  let name = "";
+  let alternativeName = "";
+  let poiIcon: IPOIIcon = poiIcons.default;
+  let addressType = address.type;
+  // Google Maps doesn't have a type
+  if (address.type == null && address.description === address.street) {
+    addressType = "house";
+  }
+  switch (addressType) {
+    case "house":
+      name = address.description;
+      alternativeName = [address.postalCode, address.locality, address.country]
+        .filter((zone) => zone)
+        .join(", ");
+      poiIcon = poiIcons.defaultAddress;
+      break;
+    case "street":
+    case "secondary":
+      name = address.description;
+      alternativeName = [address.postalCode, address.locality, address.country]
+        .filter((zone) => zone)
+        .join(", ");
+      poiIcon = poiIcons.defaultStreet;
+      break;
+    case "zone":
+    case "city":
+    case "administrative":
+      name = address.postalCode
+        ? `${address.description} (${address.postalCode})`
+        : address.description;
+      alternativeName = [address.region, address.country]
+        .filter((zone) => zone)
+        .join(", ");
+      poiIcon = poiIcons.defaultAdministrative;
+      break;
+    default:
+      // POI
+      name = address.description;
+      alternativeName = "";
+      if (address.street && address.street.trim()) {
+        alternativeName = `${address.street}`;
+        if (address.locality) {
+          alternativeName += ` (${address.locality})`;
+        }
+      } else if (address.locality && address.locality.trim()) {
+        alternativeName = `${address.locality}, ${address.region}, ${address.country}`;
+      } else if (address.region && address.region.trim()) {
+        alternativeName = `${address.region}, ${address.country}`;
+      } else if (address.country && address.country.trim()) {
+        alternativeName = address.country;
+      }
+      poiIcon = iconForAddress(address);
+      break;
+  }
+  return { name, alternativeName, poiIcon };
+}
+
+export function iconForAddress(address: IAddress): IPOIIcon {
+  if (address.type == null) {
+    return poiIcons.default;
+  }
+  const type = address.type.split(":").pop() || "";
+  if (poiIcons[type]) return poiIcons[type];
+  return poiIcons.default;
+}
+
+export function addressFullName(address: IAddress): string {
+  const { name, alternativeName } = addressToPoiInfos(address);
+  if (name && alternativeName) {
+    return `${name}, ${alternativeName}`;
+  }
+  if (name) {
+    return name;
+  }
+  return "";
+}

js/src/types/config.model.ts

@@ -95,7 +95,6 @@ export interface IConfig {
   features: {
     eventCreation: boolean;
     groups: boolean;
-    koenaConnect: boolean;
   };
   restrictions: {
     onlyAdminCanCreateGroups: boolean;

js/src/types/instance.model.ts

@@ -3,6 +3,7 @@ import { InstanceFollowStatus } from "./enums";
 export interface IInstance {
   domain: string;
   hasRelay: boolean;
+  relayAddress: string | null;
   followerStatus: InstanceFollowStatus;
   followedStatus: InstanceFollowStatus;
   personCount: number;

js/src/utils/auth.ts

@@ -140,4 +140,5 @@ export const SELECTED_PROVIDERS: { [key: string]: string } = {
   google: "Google",
   keycloak: "Keycloak",
   ldap: "LDAP",
+  cas: "CAS",
 };

js/src/variables.scss

@@ -2,6 +2,13 @@
 @import "~bulma/sass/utilities/initial-variables.sass";
 @import "~bulma/sass/utilities/derived-variables.sass";
 
+
+// chapril colors
+$chapril_blue: #2e5281;
+$chapril_blue_light: #bcd0e5;
+$chapril_orange: #ff5e00;
+$chapril_grey: #5f5f5f;
+// other
 $bleuvert: #1e7d97;
 $jaune: #ffd599;
 $violet: #424056;
@@ -20,78 +27,79 @@ $violet-3: #3c376e;
 /**
  * Borders
  */
-$borders: #d7d6de;
-$backgrounds: #ecebf2;
+$borders: mix($chapril_blue, #d7d6de);
+$backgrounds: mix($chapril_blue, #ecebf2);
 
 /**
  * Text
  */
-$purple-1: #757199;
+$purple-1: mix($chapril_blue, #757199);
 
 /**
  * Background
  */
-$purple-2: #cdcaea;
-$purple-3: #e6e4f4;
+$purple-2: mix($chapril_blue, #cdcaea);
+$purple-3: mix($chapril_blue, #e6e4f4);
 
-$orange-2: #ed8d07;
-$orange-3: #d35204;
+$orange-2: mix($chapril_blue, #ed8d07);
+$orange-3: mix($chapril_blue, #d35204);
 
-$yellow-1: #ffd599;
-$yellow-2: #fff1de;
-$yellow-3: #fbd5cb;
-$yellow-4: #f7ba30;
+$yellow-1: mix($chapril_blue, #fff1e8);
+$yellow-2: mix($chapril_blue, #fff1de);
+$yellow-3: mix($chapril_blue, #fff8f6);
+$yellow-4: mix($chapril_blue, #b4f0ff);
 
-$primary: $bleuvert;
+$primary: $chapril_blue;
 $primary-invert: findColorInvert($primary);
-$secondary: $jaune;
+$secondary: lighten($chapril_blue, 20%);
 $secondary-invert: findColorInvert($secondary);
 
-$background-color: $violet-2;
+$background-color: mix($chapril_blue, $violet-2);
+$background-color-darker: darken($background-color,10%);
 
-$success: #0d8758;
+$success: mix($chapril_blue, #0d8758);
 $success-invert: findColorInvert($success);
-$info: #36bcd4;
+$info: mix($chapril_blue, #36bcd4);
 $info-invert: findColorInvert($info);
-$danger: #cd2026;
+$danger: mix($chapril_blue, #ff2e54);
 $danger-invert: findColorInvert($danger);
 $link: $primary;
 $link-invert: $primary-invert;
-$text: $violet-1;
-$grey: #757575;
+$text: mix($chapril_blue, $violet-1);
 
 $colors: map-merge(
-  $colors,
-  (
-    "primary": (
-      $primary,
-      $primary-invert,
-    ),
-    "secondary": (
-      $secondary,
-      $secondary-invert,
-    ),
-    "success": (
-      $success,
-      $success-invert,
-    ),
-    "info": (
-      $info,
-      $info-invert,
-    ),
-    "danger": (
-      $danger,
-      $danger-invert,
-    ),
-    "link": (
-      $link,
-      $link-invert,
-    ),
-    "grey": (
-      $grey,
-      findColorInvert($grey),
-    ),
-  )
+                $colors,
+                (
+                        "primary": (
+                                $primary,
+                                $primary-invert,
+                        ),
+                        "secondary": (
+                                $secondary,
+                                $secondary-invert,
+                        ),
+                        "success": (
+                                $success,
+                                $success-invert,
+                        ),
+                        "info": (
+                                $info,
+                                $info-invert,
+                        ),
+                        "danger": (
+                                $danger,
+                                $danger-invert,
+                        ),
+                        "link": (
+                                $link,
+                                $link-invert,
+                        ),
+
+                        "grey": (
+                                $grey,
+                                findColorInvert($grey),
+                        ),
+                )
 );
 
 // Navbar
@@ -103,7 +111,7 @@ $navbar-height: 4rem;
 $footer-padding: 3rem 1.5rem 1rem;
 $footer-background-color: $background-color;
 
-$body-background-color: #efeef4;
+$body-background-color: mix( $chapril_blue, #efeef4);
 $fullhd-enabled: false;
 $hero-body-padding-medium: 6rem 1.5rem;
 
@@ -112,22 +120,26 @@ main > .container {
   min-height: 70vh;
 }
 
-$title-color: #3c376e;
+$title-color: $chapril_blue;
 $title-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
-  serif;
+serif;
 $title-weight: 700;
 $title-size: 40px;
 $title-sub-size: 45px;
 $title-sup-size: 30px;
 
-$subtitle-color: #3a384c;
+$subtitle-color: $chapril_grey;
 $subtitle-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
-  serif;
+serif;
 $subtitle-weight: 400;
 $subtitle-size: 32px;
 $subtitle-sub-size: 30px;
 $subtitle-sup-size: 15px;
 
+.title {
+  margin: 30px auto 45px;
+}
+
 .subtitle {
   background: $secondary;
   display: inline;

js/src/variables_original.scss

@@ -0,0 +1,140 @@
+@import "~bulma/sass/utilities/functions.sass";
+@import "~bulma/sass/utilities/initial-variables.sass";
+@import "~bulma/sass/utilities/derived-variables.sass";
+
+$bleuvert: #1e7d97;
+$jaune: #ffd599;
+$violet: #424056;
+
+/**
+ * Text body, paragraphs
+ */
+$violet-1: #3a384c;
+$violet-2: #474467;
+
+/**
+ * Titles, dark borders, buttons
+ */
+$violet-3: #3c376e;
+
+/**
+ * Borders
+ */
+$borders: #d7d6de;
+$backgrounds: #ecebf2;
+
+/**
+ * Text
+ */
+$purple-1: #757199;
+
+/**
+ * Background
+ */
+$purple-2: #cdcaea;
+$purple-3: #e6e4f4;
+
+$orange-2: #ed8d07;
+$orange-3: #d35204;
+
+$yellow-1: #ffd599;
+$yellow-2: #fff1de;
+$yellow-3: #fbd5cb;
+$yellow-4: #f7ba30;
+
+$primary: $bleuvert;
+$primary-invert: findColorInvert($primary);
+$secondary: $jaune;
+$secondary-invert: findColorInvert($secondary);
+
+$background-color: $violet-2;
+
+$success: #0d8758;
+$success-invert: findColorInvert($success);
+$info: #36bcd4;
+$info-invert: findColorInvert($info);
+$danger: #ff2e54;
+$danger-invert: findColorInvert($danger);
+$link: $primary;
+$link-invert: $primary-invert;
+$text: $violet-1;
+
+$colors: map-merge(
+  $colors,
+  (
+    "primary": (
+      $primary,
+      $primary-invert,
+    ),
+    "secondary": (
+      $secondary,
+      $secondary-invert,
+    ),
+    "success": (
+      $success,
+      $success-invert,
+    ),
+    "info": (
+      $info,
+      $info-invert,
+    ),
+    "danger": (
+      $danger,
+      $danger-invert,
+    ),
+    "link": (
+      $link,
+      $link-invert,
+    ),
+  )
+);
+
+// Navbar
+$navbar-background-color: $secondary;
+$navbar-item-color: $background-color;
+$navbar-height: 4rem;
+
+// Footer
+$footer-padding: 3rem 1.5rem 1rem;
+$footer-background-color: $background-color;
+
+$body-background-color: #efeef4;
+$fullhd-enabled: false;
+$hero-body-padding-medium: 6rem 1.5rem;
+
+main > .container {
+  background: $body-background-color;
+  min-height: 70vh;
+}
+
+$title-color: #3c376e;
+$title-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
+  serif;
+$title-weight: 700;
+$title-size: 40px;
+$title-sub-size: 45px;
+$title-sup-size: 30px;
+
+$subtitle-color: #3a384c;
+$subtitle-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
+  serif;
+$subtitle-weight: 400;
+$subtitle-size: 32px;
+$subtitle-sub-size: 30px;
+$subtitle-sup-size: 15px;
+
+.title {
+  margin: 30px auto 45px;
+}
+
+.subtitle {
+  background: $secondary;
+  display: inline;
+  padding: 3px 8px;
+  margin: 15px auto 30px;
+}
+
+//$input-border-color: #dbdbdb;
+$breadcrumb-item-color: $primary;
+$checkbox-background-color: #fff;
+$title-color: $violet-3;

js/src/views/Account/IdentityPicker.vue

@@ -4,7 +4,7 @@
       <p class="modal-card-title">{{ $t("Pick an identity") }}</p>
     </header>
     <section class="modal-card-body">
-      <div class="list is-hoverable">
+      <div class="list is-hoverable list-none">
         <a
           class="list-item"
           v-for="identity in identities"
@@ -12,7 +12,7 @@
           :class="{
             'is-active': currentIdentity && identity.id === currentIdentity.id,
           }"
-          @click="changeCurrentIdentity(identity)"
+          @click="currentIdentity = identity"
         >
           <div class="media">
             <img
@@ -60,10 +60,11 @@ export default class IdentityPicker extends Vue {
 
   identities: IActor[] = [];
 
-  currentIdentity: IActor = this.value;
+  get currentIdentity(): IActor {
+    return this.value;
+  }
 
-  changeCurrentIdentity(identity: IActor): void {
-    this.currentIdentity = identity;
+  set currentIdentity(identity: IActor) {
     this.$emit("input", identity);
   }
 }

js/src/views/Account/Profile.vue

@@ -1,160 +0,0 @@
-<template>
-  <section class="container">
-    <div v-if="person">
-      <div class="card-image" v-if="person.banner">
-        <figure class="image">
-          <img :src="person.banner.url" />
-        </figure>
-      </div>
-      <div class="card-content">
-        <div class="media">
-          <div class="media-left">
-            <figure class="image is-48x48" v-if="person.avatar">
-              <img :src="person.avatar.url" />
-            </figure>
-          </div>
-          <div class="media-content">
-            <p class="title">{{ person.name }}</p>
-            <p class="subtitle">@{{ person.preferredUsername }}</p>
-          </div>
-        </div>
-        <div class="content">
-          <vue-simple-markdown :source="person.summary"></vue-simple-markdown>
-        </div>
-
-        <b-dropdown hoverable has-link aria-role="list">
-          <button class="button is-primary" slot="trigger">
-            {{ $t("Public feeds") }}
-            <b-icon icon="menu-down"></b-icon>
-          </button>
-
-          <b-dropdown-item aria-role="listitem">
-            <a :href="feedUrls('atom', true)">
-              {{ $t("Public RSS/Atom Feed") }}
-            </a>
-          </b-dropdown-item>
-          <b-dropdown-item aria-role="listitem">
-            <a :href="feedUrls('ics', true)">
-              {{ $t("Public iCal Feed") }}
-            </a>
-          </b-dropdown-item>
-        </b-dropdown>
-
-        <b-dropdown
-          hoverable
-          has-link
-          aria-role="list"
-          v-if="person.feedTokens.length > 0"
-        >
-          <button class="button is-info" slot="trigger">
-            {{ $t("Private feeds") }}
-            <b-icon icon="menu-down"></b-icon>
-          </button>
-
-          <b-dropdown-item aria-role="listitem">
-            <a :href="feedUrls('atom', false)">
-              {{ $t("RSS/Atom Feed") }}
-            </a>
-          </b-dropdown-item>
-          <b-dropdown-item aria-role="listitem">
-            <a :href="feedUrls('ics', false)">
-              {{ $t("iCal Feed") }}
-            </a>
-          </b-dropdown-item>
-        </b-dropdown>
-        <a
-          class="button"
-          v-if="currentActor.id === person.id"
-          @click="createToken"
-        >
-          {{ $t("Create token") }}
-        </a>
-      </div>
-      <section v-if="person.organizedEvents.length > 0">
-        <h2 class="subtitle">
-          {{ $t("Organized") }}
-        </h2>
-        <div class="columns">
-          <EventCard
-            v-for="event in person.organizedEvents"
-            :event="event"
-            :options="{ hideDetails: true, organizerActor: person }"
-            :key="event.uuid"
-            class="column is-one-third"
-          />
-        </div>
-        <div class="field is-grouped">
-          <p class="control">
-            <a
-              class="button"
-              @click="deleteProfile()"
-              v-if="currentActor && currentActor.id === person.id"
-            >
-              {{ $t("Delete") }}
-            </a>
-          </p>
-        </div>
-      </section>
-    </div>
-  </section>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-import EventCard from "@/components/Event/EventCard.vue";
-import { FETCH_PERSON, CURRENT_ACTOR_CLIENT } from "../../graphql/actor";
-import { MOBILIZON_INSTANCE_HOST } from "../../api/_entrypoint";
-import { IPerson } from "../../types/actor";
-import { CREATE_FEED_TOKEN_ACTOR } from "../../graphql/feed_tokens";
-
-@Component({
-  apollo: {
-    person: {
-      query: FETCH_PERSON,
-      variables() {
-        return {
-          username: this.$route.params.name,
-        };
-      },
-    },
-    currentActor: {
-      query: CURRENT_ACTOR_CLIENT,
-    },
-  },
-  components: {
-    EventCard,
-  },
-  metaInfo() {
-    return {
-      title: this.$t("Profile") as string,
-    };
-  },
-})
-export default class Profile extends Vue {
-  @Prop({ type: String, required: true }) name!: string;
-
-  person!: IPerson;
-
-  currentActor!: IPerson;
-
-  feedUrls(format: "ics" | "webcal:" | "atom", isPublic = true): string {
-    let url = format === "ics" ? "webcal:" : "";
-    url += `//${MOBILIZON_INSTANCE_HOST}/`;
-    if (isPublic === true) {
-      url += `@${this.person.preferredUsername}/feed/`;
-    } else {
-      url += `events/going/${this.person.feedTokens[0].token}/`;
-    }
-    return url + (format === "ics" ? "ics" : "atom");
-  }
-
-  async createToken(): Promise<void> {
-    const { data } = await this.$apollo.mutate({
-      mutation: CREATE_FEED_TOKEN_ACTOR,
-      variables: { actor_id: this.person.id },
-    });
-
-    this.person.feedTokens.push(data);
-  }
-}
-</script>

js/src/views/Admin/AdminGroupProfile.vue

@@ -14,8 +14,8 @@
         },
       ]"
     />
-    <div class="actor-card">
-      <p v-if="group.suspended">
+    <div>
+      <p v-if="group.suspended" class="mx-auto max-w-sm block mb-2">
         <actor-card
           :actor="group"
           :full="true"
@@ -24,6 +24,7 @@
         />
       </p>
       <router-link
+        class="mx-auto max-w-sm block mb-2"
         v-else
         :to="{
           name: RouteName.GROUP,
@@ -572,16 +573,3 @@ export default class AdminGroupProfile extends Vue {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-table,
-section {
-  margin: 2rem 0;
-}
-
-.actor-card {
-  background: #fff;
-  padding: 1.5rem;
-  border-radius: 10px;
-}
-</style>

js/src/views/Admin/Instance.vue

@@ -8,7 +8,9 @@
       ]"
     />
     <h1 class="text-2xl">{{ instance.domain }}</h1>
-    <div class="grid md:grid-cols-4 gap-2 content-center text-center mt-2">
+    <div
+      class="grid md:grid-cols-2 xl:grid-cols-4 gap-2 content-center text-center mt-2"
+    >
       <div class="bg-gray-50 rounded-xl p-8">
         <router-link
           :to="{
@@ -64,8 +66,11 @@
         <span class="text-sm block">{{ $t("Uploaded media size") }}</span>
       </div>
     </div>
-    <div class="mt-3 grid md:grid-cols-2 gap-4" v-if="instance.hasRelay">
-      <div class="border bg-white p-6 shadow-md rounded-md">
+    <div class="mt-3 grid xl:grid-cols-2 gap-4">
+      <div
+        class="border bg-white p-6 shadow-md rounded-md"
+        v-if="instance.hasRelay"
+      >
         <button
           @click="removeInstanceFollow"
           v-if="instance.followedStatus == InstanceFollowStatus.APPROVED"
@@ -88,7 +93,10 @@
           {{ $t("Follow instance") }}
         </button>
       </div>
-      <div class="border bg-white p-6 shadow-md rounded-md">
+      <div v-else class="md:h-48 py-16 text-center opacity-50">
+        {{ $t("Only Mobilizon instances can be followed") }}
+      </div>
+      <div class="border bg-white p-6 shadow-md rounded-md flex flex-col gap-2">
         <button
           @click="acceptInstance"
           v-if="instance.followerStatus == InstanceFollowStatus.PENDING"
@@ -98,19 +106,16 @@
         </button>
         <button
           @click="rejectInstance"
-          v-else-if="instance.followerStatus != InstanceFollowStatus.NONE"
+          v-if="instance.followerStatus != InstanceFollowStatus.NONE"
           class="bg-red-700 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-gray-400 focus:ring-offset-2 focus:ring-offset-gray-50 text-white hover:text-white font-semibold h-12 px-6 rounded-lg w-full flex items-center justify-center sm:w-auto"
         >
           {{ $t("Reject follow") }}
         </button>
-        <p v-else>
+        <p v-if="instance.followerStatus == InstanceFollowStatus.NONE">
           {{ $t("This instance doesn't follow yours.") }}
         </p>
       </div>
     </div>
-    <div v-else class="md:h-48 py-16 text-center opacity-50">
-      {{ $t("Only Mobilizon instances can be followed") }}
-    </div>
   </div>
 </template>
 <script lang="ts">
@@ -124,7 +129,6 @@ import {
 import { Component, Prop, Vue } from "vue-property-decorator";
 import { formatBytes } from "@/utils/datetime";
 import RouteName from "@/router/name";
-import { SnackbarProgrammatic as Snackbar } from "buefy";
 import { IInstance } from "@/types/instance.model";
 import { ApolloCache, gql, Reference } from "@apollo/client/core";
 import { InstanceFollowStatus } from "@/types/enums";
@@ -154,38 +158,61 @@ export default class Instance extends Vue {
 
   async acceptInstance(): Promise<void> {
     try {
+      const { instance } = this;
       await this.$apollo.mutate({
         mutation: ACCEPT_RELAY,
         variables: {
-          address: `relay@${this.domain}`,
+          address: this.instance.relayAddress,
+        },
+        update(cache: ApolloCache<any>) {
+          cache.writeFragment({
+            id: cache.identify(instance as unknown as Reference),
+            fragment: gql`
+              fragment InstanceFollowerStatus on Instance {
+                followerStatus
+              }
+            `,
+            data: {
+              followerStatus: InstanceFollowStatus.APPROVED,
+            },
+          });
         },
       });
-    } catch (e: any) {
-      if (e.message) {
-        Snackbar.open({
-          message: e.message,
-          type: "is-danger",
-          position: "is-bottom",
-        });
+    } catch (error: any) {
+      if (error.graphQLErrors && error.graphQLErrors.length > 0) {
+        this.$notifier.error(error.graphQLErrors[0].message);
       }
     }
   }
 
+  /**
+   * Reject instance follow
+   */
   async rejectInstance(): Promise<void> {
     try {
+      const { instance } = this;
       await this.$apollo.mutate({
         mutation: REJECT_RELAY,
         variables: {
-          address: `relay@${this.domain}`,
+          address: this.instance.relayAddress,
+        },
+        update(cache: ApolloCache<any>) {
+          cache.writeFragment({
+            id: cache.identify(instance as unknown as Reference),
+            fragment: gql`
+              fragment InstanceFollowerStatus on Instance {
+                followerStatus
+              }
+            `,
+            data: {
+              followerStatus: InstanceFollowStatus.NONE,
+            },
+          });
         },
       });
-    } catch (e: any) {
-      if (e.message) {
-        Snackbar.open({
-          message: e.message,
-          type: "is-danger",
-          position: "is-bottom",
-        });
+    } catch (error: any) {
+      if (error.graphQLErrors && error.graphQLErrors.length > 0) {
+        this.$notifier.error(error.graphQLErrors[0].message);
       }
     }
   }
@@ -199,24 +226,23 @@ export default class Instance extends Vue {
           domain: this.domain,
         },
       });
-    } catch (err: any) {
-      if (err.message) {
-        Snackbar.open({
-          message: err.message,
-          type: "is-danger",
-          position: "is-bottom",
-        });
+    } catch (error: any) {
+      if (error.graphQLErrors && error.graphQLErrors.length > 0) {
+        this.$notifier.error(error.graphQLErrors[0].message);
       }
     }
   }
 
+  /**
+   * Stop following instance
+   */
   async removeInstanceFollow(): Promise<void> {
     const { instance } = this;
     try {
       await this.$apollo.mutate({
         mutation: REMOVE_RELAY,
         variables: {
-          address: `relay@${this.domain}`,
+          address: this.instance.relayAddress,
         },
         update(cache: ApolloCache<any>) {
           cache.writeFragment({
@@ -232,13 +258,9 @@ export default class Instance extends Vue {
           });
         },
       });
-    } catch (e: any) {
-      if (e.message) {
-        Snackbar.open({
-          message: e.message,
-          type: "is-danger",
-          position: "is-bottom",
-        });
+    } catch (error: any) {
+      if (error.graphQLErrors && error.graphQLErrors.length > 0) {
+        this.$notifier.error(error.graphQLErrors[0].message);
       }
     }
   }

js/src/views/Admin/Instances.vue

@@ -21,6 +21,11 @@
               <b-button type="is-primary" native-type="submit">{{
                 $t("Add an instance")
               }}</b-button>
+              <b-loading
+                :is-full-page="true"
+                v-model="followInstanceLoading"
+                :can-cancel="false"
+              />
             </p>
           </b-field>
         </b-field>
@@ -124,6 +129,17 @@
             </p>
           </div>
         </router-link>
+        <b-pagination
+          v-show="instances.total > INSTANCES_PAGE_LIMIT"
+          :total="instances.total"
+          v-model="instancePage"
+          :per-page="INSTANCES_PAGE_LIMIT"
+          :aria-next-label="$t('Next page')"
+          :aria-previous-label="$t('Previous page')"
+          :aria-page-label="$t('Page')"
+          :aria-current-label="$t('Current page')"
+        >
+        </b-pagination>
       </div>
       <div v-else-if="instances && instances.elements.length == 0">
         <empty-content icon="lan-disconnect" :inline="true">
@@ -160,9 +176,10 @@ import {
   InstanceFilterFollowStatus,
   InstanceFollowStatus,
 } from "@/types/enums";
-import { SnackbarProgrammatic as Snackbar } from "buefy";
 const { isNavigationFailure, NavigationFailureType } = VueRouter;
 
+const INSTANCES_PAGE_LIMIT = 10;
+
 @Component({
   apollo: {
     instances: {
@@ -171,7 +188,7 @@ const { isNavigationFailure, NavigationFailureType } = VueRouter;
       variables() {
         return {
           page: this.instancePage,
-          limit: 10,
+          limit: INSTANCES_PAGE_LIMIT,
           filterDomain: this.filterDomain,
           filterFollowStatus: this.followStatus,
         };
@@ -190,6 +207,8 @@ const { isNavigationFailure, NavigationFailureType } = VueRouter;
 export default class Follows extends Vue {
   RouteName = RouteName;
 
+  followInstanceLoading = false;
+
   newRelayAddress = "";
 
   instances!: Paginate<IInstance>;
@@ -204,6 +223,8 @@ export default class Follows extends Vue {
 
   InstanceFollowStatus = InstanceFollowStatus;
 
+  INSTANCES_PAGE_LIMIT = INSTANCES_PAGE_LIMIT;
+
   data(): Record<string, unknown> {
     return {
       debouncedUpdateDomainFilter: debounce(this.updateDomainFilter, 500),
@@ -242,6 +263,7 @@ export default class Follows extends Vue {
 
   async followInstance(e: Event): Promise<void> {
     e.preventDefault();
+    this.followInstanceLoading = true;
     const domain = this.newRelayAddress.trim(); // trim to fix copy and paste domain name spaces and tabs
     try {
       await this.$apollo.mutate<{ relayFollowings: Paginate<IFollower> }>({
@@ -251,18 +273,18 @@ export default class Follows extends Vue {
         },
       });
       this.newRelayAddress = "";
+      this.followInstanceLoading = false;
       this.$router.push({
         name: RouteName.INSTANCE,
         params: { domain },
       });
-    } catch (err: any) {
-      if (err.message) {
-        Snackbar.open({
-          message: err.message,
-          type: "is-danger",
-          position: "is-bottom",
-        });
+    } catch (error: any) {
+      if (error.message) {
+        if (error.graphQLErrors && error.graphQLErrors.length > 0) {
+          this.$notifier.error(error.graphQLErrors[0].message);
+        }
       }
+      this.followInstanceLoading = false;
     }
   }
 

js/src/views/Event/Edit.vue

@@ -523,7 +523,6 @@ h2.subtitle {
   span {
     padding: 5px 7px;
     display: inline;
-    background: $secondary;
   }
 }
 

js/src/views/Event/Event.vue

@@ -24,10 +24,14 @@
                     :actor="event.organizerActor"
                     :inline="true"
                   >
-                    <i18n path="By {username}" dir="auto">
-                      <span dir="ltr" slot="username"
-                        >@{{ usernameWithDomain(event.organizerActor) }}</span
-                      >
+                    <i18n
+                      path="By {username}"
+                      dir="auto"
+                      class="block truncate max-w-xs md:max-w-sm"
+                    >
+                      <span dir="ltr" slot="username">{{
+                        displayName(event.organizerActor)
+                      }}</span>
                     </i18n>
                   </popover-actor-card>
                 </div>
@@ -36,9 +40,23 @@
                     :actor="event.attributedTo"
                     :inline="true"
                   >
-                    <i18n path="By {group}" dir="auto">
-                      <span dir="ltr" slot="group"
-                        >@{{ usernameWithDomain(event.attributedTo) }}</span
+                    <i18n
+                      path="By {group}"
+                      dir="auto"
+                      class="block truncate max-w-xs md:max-w-sm"
+                    >
+                      <router-link
+                        :to="{
+                          name: RouteName.GROUP,
+                          params: {
+                            preferredUsername: usernameWithDomain(
+                              event.attributedTo
+                            ),
+                          },
+                        }"
+                        dir="ltr"
+                        slot="group"
+                        >{{ displayName(event.attributedTo) }}</router-link
                       >
                     </i18n>
                   </popover-actor-card>
@@ -474,7 +492,13 @@ import {
 } from "../../graphql/event";
 import { CURRENT_ACTOR_CLIENT, PERSON_STATUS_GROUP } from "../../graphql/actor";
 import { EventModel, IEvent } from "../../types/event.model";
-import { IActor, IPerson, Person, usernameWithDomain } from "../../types/actor";
+import {
+  displayName,
+  IActor,
+  IPerson,
+  Person,
+  usernameWithDomain,
+} from "../../types/actor";
 import { GRAPHQL_API_ENDPOINT } from "../../api/_entrypoint";
 import DateCalendarIcon from "../../components/Event/DateCalendarIcon.vue";
 import MultiCard from "../../components/Event/MultiCard.vue";
@@ -659,6 +683,8 @@ export default class Event extends EventMixin {
 
   usernameWithDomain = usernameWithDomain;
 
+  displayName = displayName;
+
   RouteName = RouteName;
 
   observer!: IntersectionObserver;

js/src/views/Event/GroupEvents.vue

@@ -18,7 +18,7 @@
       <h1 class="title" v-if="group">
         {{
           $t("{group}'s events", {
-            group: group.name || group.preferredUsername,
+            group: displayName(group),
           })
         }}
       </h1>
@@ -78,7 +78,7 @@
         <b-pagination
           class="mt-4"
           :total="group.organizedEvents.total"
-          v-model="eventsPage"
+          v-model="page"
           :per-page="EVENTS_PAGE_LIMIT"
           :aria-next-label="$t('Next page')"
           :aria-previous-label="$t('Previous page')"
@@ -91,17 +91,15 @@
   </div>
 </template>
 <script lang="ts">
-import { Component } from "vue-property-decorator";
-import { mixins } from "vue-class-component";
+import { Component, Vue } from "vue-property-decorator";
 import RouteName from "@/router/name";
 import Subtitle from "@/components/Utils/Subtitle.vue";
 import GroupedMultiEventMinimalistCard from "@/components/Event/GroupedMultiEventMinimalistCard.vue";
 import { PERSON_MEMBERSHIPS } from "@/graphql/actor";
-import GroupMixin from "@/mixins/group";
 import { IMember } from "@/types/actor/member.model";
 import { FETCH_GROUP_EVENTS } from "@/graphql/event";
 import EmptyContent from "../../components/Utils/EmptyContent.vue";
-import { displayName, usernameWithDomain } from "../../types/actor";
+import { displayName, IGroup, usernameWithDomain } from "../../types/actor";
 
 const EVENTS_PAGE_LIMIT = 10;
 
@@ -127,10 +125,11 @@ const EVENTS_PAGE_LIMIT = 10;
           name: this.$route.params.preferredUsername,
           beforeDateTime: this.showPassedEvents ? new Date() : null,
           afterDateTime: this.showPassedEvents ? null : new Date(),
-          organisedEventsPage: this.eventsPage,
+          organisedEventsPage: this.page,
           organisedEventsLimit: EVENTS_PAGE_LIMIT,
         };
       },
+      update: (data) => data.group,
     },
   },
   components: {
@@ -144,15 +143,27 @@ const EVENTS_PAGE_LIMIT = 10;
     const { group } = this;
     return {
       title: this.$t("{group} events", {
-        group: group?.name || usernameWithDomain(group),
+        group: displayName(group),
       }) as string,
     };
   },
 })
-export default class GroupEvents extends mixins(GroupMixin) {
+export default class GroupEvents extends Vue {
+  group!: IGroup;
+
   memberships!: IMember[];
 
-  eventsPage = 1;
+  get page(): number {
+    return parseInt((this.$route.query.page as string) || "1", 10);
+  }
+
+  set page(page: number) {
+    this.$router.push({
+      name: RouteName.GROUP_EVENTS,
+      query: { ...this.$route.query, page: page.toString() },
+    });
+    this.$apollo.queries.group.refetch();
+  }
 
   usernameWithDomain = usernameWithDomain;
 
@@ -170,14 +181,11 @@ export default class GroupEvents extends mixins(GroupMixin) {
   }
 
   get showPassedEvents(): boolean {
-    return (
-      this.$route.query.future !== undefined &&
-      this.$route.query.future.toString() === "false"
-    );
+    return this.$route.query.future === "false";
   }
 
   set showPassedEvents(value: boolean) {
-    this.$router.push({ query: { future: this.showPassedEvents.toString() } });
+    this.$router.replace({ query: { future: (!value).toString() } });
   }
 }
 </script>

js/src/views/Group/Group.vue

@@ -27,11 +27,11 @@
           <div class="title-container">
             <h1 v-if="group.name">{{ group.name }}</h1>
             <b-skeleton v-else :animated="true" />
-            <small
+            <span
               dir="ltr"
               class="has-text-grey-dark"
               v-if="group.preferredUsername"
-              >@{{ usernameWithDomain(group) }}</small
+              >@{{ usernameWithDomain(group) }}</span
             >
             <b-skeleton v-else :animated="true" />
             <br />
@@ -78,7 +78,7 @@
                 >
               </p>
             </div>
-            <div class="buttons">
+            <div class="flex gap-2">
               <b-button
                 outlined
                 icon-left="timeline-text"
@@ -101,78 +101,123 @@
                 }"
                 >{{ $t("Group settings") }}</b-button
               >
-              <b-tooltip
-                v-if="
-                  (!isCurrentActorAGroupMember || previewPublic) &&
-                  group.openness === Openness.INVITE_ONLY
-                "
-                :label="$t('This group is invite-only')"
-                position="is-bottom"
-              >
-                <b-button disabled type="is-primary">{{
-                  $t("Join group")
-                }}</b-button></b-tooltip
-              >
-              <b-button
-                v-else-if="
-                  ((!isCurrentActorAGroupMember &&
-                    !isCurrentActorAPendingGroupMember) ||
-                    previewPublic) &&
-                  currentActor.id
-                "
-                @click="joinGroup"
-                @keyup.enter="joinGroup"
-                type="is-primary"
-                :disabled="previewPublic"
-                >{{ $t("Join group") }}</b-button
+              <b-dropdown
+                aria-role="list"
+                trap-focus
+                v-show="showJoinButton && showFollowButton"
               >
+                <template #trigger>
+                  <b-button
+                    :label="$t('Follow')"
+                    type="is-primary"
+                    icon-left="rss"
+                    icon-right="menu-down"
+                  />
+                </template>
+
+                <b-dropdown-item
+                  aria-role="listitem"
+                  class="p-0"
+                  custom
+                  :focusable="false"
+                  :disabled="
+                    isCurrentActorPendingFollow && currentActor.id !== undefined
+                  "
+                >
+                  <button class="media py-4 px-2 w-full" @click="followGroup">
+                    <b-icon class="media-left" icon="rss" />
+                    <div class="media-content">
+                      <h3 class="font-medium text-lg">{{ $t("Follow") }}</h3>
+                      <p class="whitespace-normal md:whitespace-nowrap text-sm">
+                        {{ $t("Get informed of the upcoming public events") }}
+                      </p>
+                      <p
+                        v-if="
+                          doesGroupManuallyApprovesFollowers &&
+                          !isCurrentActorPendingFollow
+                        "
+                        class="whitespace-normal md:whitespace-nowrap text-sm italic"
+                      >
+                        {{
+                          $t(
+                            "Follow requests will be approved by a group moderator"
+                          )
+                        }}
+                      </p>
+                      <p
+                        v-if="isCurrentActorPendingFollow && currentActor.id"
+                        class="whitespace-normal md:whitespace-nowrap text-sm italic"
+                      >
+                        {{ $t("Follow request pending approval") }}
+                      </p>
+                    </div>
+                  </button>
+                </b-dropdown-item>
+
+                <b-dropdown-item
+                  aria-role="listitem"
+                  class="p-0 border-t border-solid"
+                  custom
+                  :focusable="false"
+                  :disabled="
+                    isGroupInviteOnly || isCurrentActorAPendingGroupMember
+                  "
+                >
+                  <button class="media py-4 px-2 w-full" @click="joinGroup">
+                    <b-icon
+                      class="media-left"
+                      icon="account-multiple-plus"
+                    ></b-icon>
+                    <div class="media-content">
+                      <h3 class="font-medium text-lg">{{ $t("Join") }}</h3>
+                      <div v-if="showJoinButton">
+                        <p
+                          class="whitespace-normal md:whitespace-nowrap text-sm"
+                        >
+                          {{
+                            $t(
+                              "Become part of the community and start organizing events"
+                            )
+                          }}
+                        </p>
+                        <p
+                          v-if="isGroupInviteOnly"
+                          class="whitespace-normal md:whitespace-nowrap text-sm italic"
+                        >
+                          {{ $t("This group is invite-only") }}
+                        </p>
+                        <p
+                          v-if="
+                            areGroupMembershipsModerated &&
+                            !isCurrentActorAPendingGroupMember
+                          "
+                          class="whitespace-normal md:whitespace-nowrap text-sm italic"
+                        >
+                          {{
+                            $t(
+                              "Membership requests will be approved by a group moderator"
+                            )
+                          }}
+                        </p>
+                        <p
+                          v-if="isCurrentActorAPendingGroupMember"
+                          class="whitespace-normal md:whitespace-nowrap text-sm italic"
+                        >
+                          {{ $t("Your membership is pending approval") }}
+                        </p>
+                      </div>
+                    </div>
+                  </button>
+                </b-dropdown-item>
+              </b-dropdown>
               <b-button
                 outlined
-                v-else-if="isCurrentActorAPendingGroupMember"
+                v-if="isCurrentActorAPendingGroupMember"
                 @click="leaveGroup"
                 @keyup.enter="leaveGroup"
                 type="is-primary"
                 >{{ $t("Cancel membership request") }}</b-button
               >
-              <b-button
-                tag="router-link"
-                :to="{
-                  name: RouteName.GROUP_JOIN,
-                  params: { preferredUsername: usernameWithDomain(group) },
-                }"
-                v-else-if="!isCurrentActorAGroupMember || previewPublic"
-                :disabled="previewPublic"
-                type="is-primary"
-                >{{ $t("Join group") }}</b-button
-              >
-              <b-button
-                v-if="
-                  ((!isCurrentActorFollowing && !isCurrentActorAGroupMember) ||
-                    previewPublic) &&
-                  !isCurrentActorPendingFollow &&
-                  currentActor.id
-                "
-                @click="followGroup"
-                @keyup.enter="followGroup"
-                type="is-primary"
-                :disabled="isCurrentActorPendingFollow"
-                >{{ $t("Follow") }}</b-button
-              >
-              <b-button
-                tag="router-link"
-                :to="{
-                  name: RouteName.GROUP_FOLLOW,
-                  params: { preferredUsername: usernameWithDomain(group) },
-                }"
-                v-else-if="
-                  !isCurrentActorPendingFollow &&
-                  !isCurrentActorFollowing &&
-                  previewPublic
-                "
-                :disabled="previewPublic"
-                type="is-primary"
-                >{{ $t("Follow") }}</b-button
-              >
               <b-button
                 outlined
                 v-if="isCurrentActorPendingFollow && currentActor.id"
@@ -192,12 +237,20 @@
                 v-if="isCurrentActorFollowing"
                 @click="toggleFollowNotify"
                 @keyup.enter="toggleFollowNotify"
+                class="notification-button p-1.5"
+                outlined
                 :icon-left="
                   isCurrentActorFollowingNotify
                     ? 'bell-outline'
                     : 'bell-off-outline'
                 "
-              ></b-button>
+              >
+                <span class="sr-only">{{
+                  isCurrentActorFollowingNotify
+                    ? $t("Activate notifications")
+                    : $t("Deactivate notifications")
+                }}</span>
+              </b-button>
               <b-button
                 outlined
                 icon-left="share"
@@ -308,28 +361,6 @@
               )
             }}
           </b-message>
-          <b-message
-            v-if="
-              !isCurrentActorAGroupMember &&
-              !isCurrentActorAPendingGroupMember &&
-              !isCurrentActorPendingFollow &&
-              !isCurrentActorFollowing
-            "
-            type="is-info"
-            has-icon
-            class="m-3"
-          >
-            <i18n
-              path="Following the group will allow you to be informed of the {group_upcoming_public_events}, whereas joining the group means you will {access_to_group_private_content_as_well}, including group discussions, group resources and members-only posts."
-            >
-              <b slot="group_upcoming_public_events">{{
-                $t("group's upcoming public events")
-              }}</b>
-              <b slot="access_to_group_private_content_as_well">{{
-                $t("access to the group's private content as well")
-              }}</b>
-            </i18n>
-          </b-message>
         </div>
       </header>
     </div>
@@ -506,6 +537,12 @@
               $t("View full profile")
             }}</a>
           </b-message>
+          <event-metadata-block
+            :title="$t('About')"
+            v-if="group.summary && group.summary !== '<p></p>'"
+          >
+            <div dir="auto" v-html="group.summary" />
+          </event-metadata-block>
           <event-metadata-block :title="$t('Members')" icon="account-group">
             {{
               $tc("{count} members", group.members.total, {
@@ -521,9 +558,10 @@
             "
           >
             <div class="address-wrapper">
-              <span v-if="!physicalAddress">{{
-                $t("No address defined")
-              }}</span>
+              <span
+                v-if="!physicalAddress || !addressFullName(physicalAddress)"
+                >{{ $t("No address defined") }}</span
+              >
               <div class="address" v-if="physicalAddress">
                 <div>
                   <address dir="auto">
@@ -553,17 +591,6 @@
         </div>
       </aside>
       <div class="main-content">
-        <section>
-          <subtitle>{{ $t("About") }}</subtitle>
-          <div
-            dir="auto"
-            v-html="group.summary"
-            v-if="group.summary && group.summary !== '<p></p>'"
-          />
-          <empty-content v-else-if="group" icon="image-text" :inline="true">
-            {{ $t("This group doesn't have a description yet.") }}
-          </empty-content>
-        </section>
         <section>
           <subtitle>{{ $t("Upcoming events") }}</subtitle>
           <div
@@ -577,7 +604,12 @@
               class="organized-event"
             />
           </div>
-          <empty-content v-else-if="group" icon="calendar" :inline="true">
+          <empty-content
+            v-else-if="group"
+            icon="calendar"
+            :inline="true"
+            description-classes="flex flex-col items-stretch"
+          >
             {{ $t("No public upcoming events") }}
             <template #desc>
               <template v-if="isCurrentActorFollowing">
@@ -594,7 +626,7 @@
               </template>
               <b-button
                 tag="router-link"
-                class="my-2"
+                class="my-2 self-center"
                 type="is-text"
                 :to="{
                   name: RouteName.GROUP_EVENTS,
@@ -621,8 +653,8 @@
             >
           </div>
         </section>
-        <section>
-          <subtitle>{{ $t("Latest posts") }}</subtitle>
+        <section class="flex flex-col items-stretch">
+          <subtitle class="ml-0">{{ $t("Latest posts") }}</subtitle>
 
           <multi-post-list-item
             v-if="
@@ -642,13 +674,16 @@
             {{ $t("No posts yet") }}
           </empty-content>
           <b-skeleton animated v-else-if="$apollo.loading"></b-skeleton>
-          <router-link
+          <b-button
+            class="self-center my-2"
             v-if="posts.total > 0"
+            tag="router-link"
+            type="is-text"
             :to="{
               name: RouteName.POSTS,
               params: { preferredUsername: usernameWithDomain(group) },
             }"
-            >{{ $t("View all posts") }}</router-link
+            >{{ $t("View all posts") }}</b-button
           >
         </section>
       </div>
@@ -705,7 +740,7 @@ import DiscussionListItem from "@/components/Discussion/DiscussionListItem.vue";
 import MultiPostListItem from "@/components/Post/MultiPostListItem.vue";
 import ResourceItem from "@/components/Resource/ResourceItem.vue";
 import FolderItem from "@/components/Resource/FolderItem.vue";
-import { Address } from "@/types/address.model";
+import { Address, addressFullName } from "@/types/address.model";
 import Invitations from "@/components/Group/Invitations.vue";
 import addMinutes from "date-fns/addMinutes";
 import { CONFIG } from "@/graphql/config";
@@ -786,6 +821,8 @@ export default class Group extends mixins(GroupMixin) {
 
   displayName = displayName;
 
+  addressFullName = addressFullName;
+
   PostVisibility = PostVisibility;
 
   Openness = Openness;
@@ -806,25 +843,38 @@ export default class Group extends mixins(GroupMixin) {
   }
 
   async joinGroup(): Promise<void> {
-    const [group, currentActorId] = [
-      usernameWithDomain(this.group),
-      this.currentActor.id,
-    ];
-    this.$apollo.mutate({
-      mutation: JOIN_GROUP,
-      variables: {
-        groupId: this.group.id,
-      },
-      refetchQueries: [
-        {
-          query: PERSON_STATUS_GROUP,
-          variables: {
-            id: currentActorId,
-            group,
-          },
+    if (!this.currentActor?.id) {
+      this.$router.push({
+        name: RouteName.GROUP_JOIN,
+        params: { preferredUsername: usernameWithDomain(this.group) },
+      });
+      return;
+    }
+    try {
+      const [group, currentActorId] = [
+        usernameWithDomain(this.group),
+        this.currentActor.id,
+      ];
+      await this.$apollo.mutate({
+        mutation: JOIN_GROUP,
+        variables: {
+          groupId: this.group.id,
         },
-      ],
-    });
+        refetchQueries: [
+          {
+            query: PERSON_STATUS_GROUP,
+            variables: {
+              id: currentActorId,
+              group,
+            },
+          },
+        ],
+      });
+    } catch (error: any) {
+      if (error.graphQLErrors && error.graphQLErrors.length > 0) {
+        this.$notifier.error(error.graphQLErrors[0].message);
+      }
+    }
   }
 
   protected async openLeaveGroupModal(): Promise<void> {
@@ -870,6 +920,13 @@ export default class Group extends mixins(GroupMixin) {
   }
 
   async followGroup(): Promise<void> {
+    if (!this.currentActor?.id) {
+      this.$router.push({
+        name: RouteName.GROUP_FOLLOW,
+        params: { preferredUsername: usernameWithDomain(this.group) },
+      });
+      return;
+    }
     try {
       const [group, currentActorId] = [
         usernameWithDomain(this.group),
@@ -1088,6 +1145,41 @@ export default class Group extends mixins(GroupMixin) {
       }),
     };
   }
+
+  get showFollowButton(): boolean {
+    return (
+      (!this.isCurrentActorFollowing || this.previewPublic) &&
+      this.currentActor?.id !== undefined
+    );
+  }
+
+  get showJoinButton(): boolean {
+    return (
+      (!this.isCurrentActorAGroupMember || this.previewPublic) &&
+      this.currentActor?.id !== undefined
+    );
+  }
+
+  get isGroupInviteOnly(): boolean {
+    return (
+      (!this.isCurrentActorAGroupMember || this.previewPublic) &&
+      this.group?.openness === Openness.INVITE_ONLY
+    );
+  }
+
+  get areGroupMembershipsModerated(): boolean {
+    return (
+      (!this.isCurrentActorAGroupMember || this.previewPublic) &&
+      this.group?.openness === Openness.MODERATED
+    );
+  }
+
+  get doesGroupManuallyApprovesFollowers(): boolean {
+    return (
+      (!this.isCurrentActorAGroupMember || this.previewPublic) &&
+      this.group?.manuallyApprovesFollowers
+    );
+  }
 }
 </script>
 <style lang="scss" scoped>
@@ -1380,4 +1472,7 @@ div.container {
   height: 60vh;
   width: 100%;
 }
+button.button.notification-button ::v-deep span.icon.is-small {
+  margin: 0 !important;
+}
 </style>

js/src/views/Home.vue

@@ -13,9 +13,9 @@
           </h1>
           <p
             v-html="
-              $t('Join <b>{instance}</b>, a Mobilizon instance', {
+              `${$t('Join <b>{instance}</b>, a Mobilizon instance', {
                 instance: config.name,
-              })
+              })}.`
             "
           />
           <p class="instance-description">{{ config.description }}</p>
@@ -29,7 +29,15 @@
               tag="router-link"
               :to="{ name: RouteName.REGISTER }"
               v-if="config.registrationsOpen"
-              >{{ $t("Create an account") }}</b-button
+            >
+              <i class="mdi mdi-account"></i>
+              {{ $t("Create an account") }}</b-button
+            >
+            <a
+              class="button is-light"
+              :title="config.contact"
+              href="mailto:mobilizon-support@chapril.org"
+              >{{ $t("Contact") }}</a
             >
             <!-- We don't invite to find other instances yet -->
             <!-- <b-button v-else type="is-link" tag="a" href="https://joinmastodon.org">{{ $t('Find an instance') }}</b-button> -->
@@ -613,12 +621,12 @@ export default class Home extends Vue {
 @import "~bulma/sass/utilities/mixins.sass";
 
 main > div > .container {
-  background: $white;
+  background: #eee;
   padding: 1rem 0.5rem 3rem;
 }
 
 .search-autocomplete {
-  border: 1px solid #dbdbdb;
+  border: 1px solid $borders;
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -726,8 +734,6 @@ section.hero {
   }
 
   .container.section {
-    background: $white;
-
     @include tablet {
       margin-top: -4rem;
     }
@@ -746,7 +752,7 @@ section.hero {
 }
 
 #homepage {
-  background: $white;
+  background: #eee;
 }
 
 .home-separator {

js/src/views/Posts/Post.vue

@@ -15,7 +15,9 @@
                 v-if="post.draft"
                 >{{ $t("Draft") }}</b-tag
               >
-              <h1 class="title" :lang="post.language">{{ post.title }}</h1>
+              <h1 class="title text-3xl" :lang="post.language">
+                {{ post.title }}
+              </h1>
             </div>
             <p class="metadata">
               <router-link
@@ -441,7 +443,6 @@ article.post {
       h1.title {
         margin: 0;
         font-weight: 500;
-        font-size: 38px;
         font-family: "Roboto", "Helvetica", "Arial", serif;
       }
 

js/src/views/User/Login.vue

@@ -18,7 +18,9 @@
             $t(
               "Error while login with {provider}. Retry or login another way.",
               {
-                provider: $route.query.provider,
+                provider:
+                  SELECTED_PROVIDERS[$route.query.provider] ||
+                  "unknown provider",
               }
             )
           }}</b-message
@@ -31,7 +33,9 @@
             $t(
               "Error while login with {provider}. This login provider doesn't exist.",
               {
-                provider: $route.query.provider,
+                provider:
+                  SELECTED_PROVIDERS[$route.query.provider] ||
+                  "unknown provider",
               }
             )
           }}</b-message
@@ -136,6 +140,7 @@ import {
   initializeCurrentActor,
   NoIdentitiesException,
   saveUserData,
+  SELECTED_PROVIDERS,
 } from "../../utils/auth";
 import { ILogin } from "../../types/login.model";
 import {
@@ -198,6 +203,8 @@ export default class Login extends Vue {
     email: validateEmailField,
   };
 
+  SELECTED_PROVIDERS = SELECTED_PROVIDERS;
+
   submitted = false;
 
   mounted(): void {

js/src/views/User/ProviderValidation.vue

@@ -46,7 +46,7 @@ export default class ProviderValidate extends Vue {
           id: userId,
           email: userEmail,
           isLoggedIn: true,
-          role: ICurrentUserRole.USER,
+          role: userRole,
         },
       });
       const { data } = await this.$apollo.query<{ loggedUser: IUser }>({

js/src/views/User/Register.vue

@@ -348,10 +348,8 @@ export default class Register extends Vue {
 }
 
 h2.title {
-  color: $primary;
   font-size: 2.5rem;
   text-decoration: underline;
-  text-decoration-color: $secondary;
   display: inline;
 }
 

js/src/views/User/ResendConfirmation.vue

@@ -97,11 +97,13 @@ export default class ResendConfirmation extends Vue {
     e.preventDefault();
     this.error = false;
 
+    console.log("this.credentials.email", this.credentials.email);
+    console.log("this.email", this.email);
     try {
       await this.$apollo.mutate({
         mutation: RESEND_CONFIRMATION_EMAIL,
         variables: {
-          email: this.credentials.email,
+          email: this.credentials.email || this.email,
         },
       });
     } catch (err) {

js/src/views/User/SettingsOnboard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="section container">
+  <div class="section container bg-white">
     <h1 class="title">{{ $t("Let's define a few settings") }}</h1>
     <b-steps v-model="stepIndex" :has-navigation="false">
       <b-step-item step="1" :label="$t('Settings')">
@@ -93,6 +93,7 @@ export default class SettingsOnboard extends Vue {
 </script>
 <style scoped lang="scss">
 .section.container {
+  background: white;
   .has-text-centered.section.buttons {
     justify-content: center;
   }

js/tailwind.config.js

@@ -16,6 +16,9 @@ module.exports = {
         secondary: withOpacityValue("--color-secondary"),
         "violet-title": withOpacityValue("--color-violet-title"),
       },
+      lineClamp: {
+        10: "10",
+      },
     },
   },
   plugins: [require("@tailwindcss/line-clamp")],

js/tests/unit/specs/components/Comment/__snapshots__/CommentTree.spec.ts.snap

@@ -67,7 +67,7 @@ exports[`CommentTree renders an empty comment tree 1`] = `
     </article>
   </form>
   <transition-group-stub tag="div" name="comment-empty-list">
-    <empty-content-stub icon="comment" inline="true"><span>No comments yet</span></empty-content-stub>
+    <empty-content-stub icon="comment" descriptionclasses="" inline="true"><span>No comments yet</span></empty-content-stub>
   </transition-group-stub>
 </div>
 `;

js/tests/unit/specs/components/Post/__snapshots__/PostListItem.spec.ts.snap

@@ -3,7 +3,7 @@
 exports[`PostListItem renders post list item with basic informations 1`] = `
 <a href="/p/my-blog-post-some-uuid" class="post-minimalist-card-wrapper" dir="auto">
   <!---->
-  <div class="title-info-wrapper has-text-grey-dark">
+  <div class="title-info-wrapper has-text-grey-dark px-1">
     <h3 lang="en" class="post-minimalist-title">
       My Blog Post
     </h3>
@@ -17,7 +17,7 @@ exports[`PostListItem renders post list item with basic informations 1`] = `
 exports[`PostListItem renders post list item with publisher name 1`] = `
 <a href="/p/my-blog-post-some-uuid" class="post-minimalist-card-wrapper" dir="auto">
   <!---->
-  <div class="title-info-wrapper has-text-grey-dark">
+  <div class="title-info-wrapper has-text-grey-dark px-1">
     <h3 lang="en" class="post-minimalist-title">
       My Blog Post
     </h3>
@@ -31,7 +31,7 @@ exports[`PostListItem renders post list item with publisher name 1`] = `
 exports[`PostListItem renders post list item with tags 1`] = `
 <a href="/p/my-blog-post-some-uuid" class="post-minimalist-card-wrapper" dir="auto">
   <!---->
-  <div class="title-info-wrapper has-text-grey-dark">
+  <div class="title-info-wrapper has-text-grey-dark px-1">
     <h3 lang="en" class="post-minimalist-title">
       My Blog Post
     </h3>

js/tests/unit/specs/mocks/config.ts

@@ -54,7 +54,6 @@ export const configMock = {
         __typename: "Features",
         eventCreation: true,
         groups: true,
-        koenaConnect: false,
       },
       restrictions: {
         __typename: "Restrictions",

js/vue.config.js

@@ -6,6 +6,14 @@ module.exports = {
     // remove the prefetch plugin
     config.plugins.delete("prefetch");
   },
+  configureWebpack: (config) => {
+    const miniCssExtractPlugin = config.plugins.find(
+      (plugin) => plugin.constructor.name === "MiniCssExtractPlugin"
+    );
+    if (miniCssExtractPlugin) {
+      miniCssExtractPlugin.options.linkType = false;
+    }
+  },
   pwa: {
     themeColor: "#ffd599", //not required for service worker, but place theme color here if manifest.json doesn't change the color
     workboxPluginMode: "InjectManifest",

lib/federation/activity_pub/actions/update.ex

@@ -28,7 +28,7 @@ defmodule Mobilizon.Federation.ActivityPub.Actions.Update do
     Logger.debug("updating an activity")
     Logger.debug(inspect(args))
 
-    case Managable.update(old_entity, args, additional) do
+    case Managable.update(old_entity, args, Map.put(additional, :local, local)) do
       {:ok, entity, update_data} ->
         {:ok, activity} = create_activity(update_data, local)
         maybe_federate(activity)

lib/federation/activity_pub/audience.ex

@@ -228,13 +228,13 @@ defmodule Mobilizon.Federation.ActivityPub.Audience do
     |> Enum.uniq()
   end
 
-  defp add_event_contacts(%Event{contacts: contacts}) do
+  defp add_event_contacts(%Event{contacts: contacts}) when is_list(contacts) do
     contacts
     |> Enum.map(& &1.url)
     |> Enum.uniq()
   end
 
-  defp add_event_contacts(%Event{}), do: []
+  defp add_event_contacts(_), do: []
 
   defp process_mention({_, mentioned_actor}), do: mentioned_actor.url
 

lib/federation/activity_pub/publisher.ex

@@ -8,7 +8,9 @@ defmodule Mobilizon.Federation.ActivityPub.Publisher do
   alias Mobilizon.Federation.ActivityPub.{Activity, Federator, Relay, Transmogrifier, Visibility}
   alias Mobilizon.Federation.HTTPSignatures.Signature
   require Logger
-  import Mobilizon.Federation.ActivityPub.Utils, only: [remote_actors: 1]
+
+  import Mobilizon.Federation.ActivityPub.Utils,
+    only: [remote_actors: 1, create_full_domain_string: 1]
 
   @doc """
   Publish an activity to all appropriated audiences inboxes
@@ -77,7 +79,7 @@ defmodule Mobilizon.Federation.ActivityPub.Publisher do
           Tesla.Env.result()
   def publish_one(%{inbox: inbox, json: json, actor: actor, id: id}) do
     Logger.info("Federating #{id} to #{inbox}")
-    %URI{host: host, path: path} = URI.parse(inbox)
+    %URI{path: path} = uri = URI.new!(inbox)
 
     digest = Signature.build_digest(json)
     date = Signature.generate_date_header()
@@ -87,7 +89,7 @@ defmodule Mobilizon.Federation.ActivityPub.Publisher do
     signature =
       Signature.sign(actor, %{
         "(request-target)": "post #{path}",
-        host: host,
+        host: create_full_domain_string(uri),
         "content-length": byte_size(json),
         digest: digest,
         date: date
@@ -108,13 +110,17 @@ defmodule Mobilizon.Federation.ActivityPub.Publisher do
   @spec convert_followers_in_recipients(list(String.t())) :: {list(String.t()), list(String.t())}
   defp convert_followers_in_recipients(recipients) do
     Enum.reduce(recipients, {recipients, []}, fn recipient, {recipients, follower_actors} = acc ->
-      case Actors.get_actor_by_followers_url(recipient) do
-        %Actor{} = group ->
-          {Enum.filter(recipients, fn recipient -> recipient != group.followers_url end),
-           follower_actors ++ Actors.list_external_followers_for_actor(group)}
+      if is_nil(recipient) do
+        acc
+      else
+        case Actors.get_actor_by_followers_url(recipient) do
+          %Actor{} = group ->
+            {Enum.filter(recipients, fn recipient -> recipient != group.followers_url end),
+             follower_actors ++ Actors.list_external_followers_for_actor(group)}
 
-        nil ->
-          acc
+          nil ->
+            acc
+        end
       end
     end)
   end
@@ -126,19 +132,23 @@ defmodule Mobilizon.Federation.ActivityPub.Publisher do
   @spec convert_members_in_recipients(list(String.t())) :: {list(String.t()), list(Actor.t())}
   defp convert_members_in_recipients(recipients) do
     Enum.reduce(recipients, {recipients, []}, fn recipient, {recipients, member_actors} = acc ->
-      case Actors.get_group_by_members_url(recipient) do
-        # If the group is local just add external members
-        %Actor{domain: domain} = group when is_nil(domain) ->
-          {Enum.filter(recipients, fn recipient -> recipient != group.members_url end),
-           member_actors ++ Actors.list_external_actors_members_for_group(group)}
+      if is_nil(recipient) do
+        acc
+      else
+        case Actors.get_group_by_members_url(recipient) do
+          # If the group is local just add external members
+          %Actor{domain: domain} = group when is_nil(domain) ->
+            {Enum.filter(recipients, fn recipient -> recipient != group.members_url end),
+             member_actors ++ Actors.list_external_actors_members_for_group(group)}
 
-        # If it's remote add the remote group actor as well
-        %Actor{} = group ->
-          {Enum.filter(recipients, fn recipient -> recipient != group.members_url end),
-           member_actors ++ Actors.list_external_actors_members_for_group(group) ++ [group]}
+          # If it's remote add the remote group actor as well
+          %Actor{} = group ->
+            {Enum.filter(recipients, fn recipient -> recipient != group.members_url end),
+             member_actors ++ Actors.list_external_actors_members_for_group(group) ++ [group]}
 
-        _ ->
-          acc
+          _ ->
+            acc
+        end
       end
     end)
   end

lib/federation/activity_pub/refresher.ex

@@ -10,6 +10,8 @@ defmodule Mobilizon.Federation.ActivityPub.Refresher do
   alias Mobilizon.Federation.ActivityPub.{Fetcher, Relay, Transmogrifier, Utils}
   require Logger
 
+  @collection_element_task_processing_time 60_000
+
   @doc """
   Refresh a remote profile
   """
@@ -158,7 +160,7 @@ defmodule Mobilizon.Federation.ActivityPub.Refresher do
 
     items
     |> Enum.map(fn item -> Task.async(fn -> handling_element(item) end) end)
-    |> Task.await_many()
+    |> Task.await_many(@collection_element_task_processing_time)
 
     Logger.debug("Finished processing a collection")
     :ok
@@ -189,8 +191,8 @@ defmodule Mobilizon.Federation.ActivityPub.Refresher do
   defp process_collection(_, _), do: :error
 
   # If we're handling an activity
-  @spec handling_element(map()) :: {:ok, any, struct} | :error
-  @spec handling_element(String.t()) :: {:ok, struct} | {:ok, atom, struct} | {:error, any()}
+  @spec handling_element(map() | String.t()) ::
+          {:ok, any, struct} | {:ok, struct} | {:ok, atom, struct} | {:error, any()} | :error
   defp handling_element(%{"type" => activity_type} = data)
        when activity_type in ["Create", "Update", "Delete"] do
     object = get_in(data, ["object"])

lib/federation/activity_pub/relay.ex

@@ -14,9 +14,9 @@ defmodule Mobilizon.Federation.ActivityPub.Relay do
   alias Mobilizon.Federation.ActivityPub.{Actions, Activity, Transmogrifier}
   alias Mobilizon.Federation.ActivityPub.Actor, as: ActivityPubActor
   alias Mobilizon.Federation.WebFinger
-  alias Mobilizon.Service.Workers.Background
-
   alias Mobilizon.GraphQL.API.Follows
+  alias Mobilizon.Service.Workers.Background
+  import Mobilizon.Federation.ActivityPub.Utils, only: [create_full_domain_string: 1]
 
   require Logger
 
@@ -172,14 +172,17 @@ defmodule Mobilizon.Federation.ActivityPub.Relay do
   defp fetch_actor("http://" <> address), do: fetch_actor(address)
 
   defp fetch_actor(address) do
-    %URI{host: host} = URI.parse("http://" <> address)
+    %URI{host: host} = uri = URI.parse("http://" <> address)
 
     cond do
       String.contains?(address, "@") ->
         check_actor(address)
 
       !is_nil(host) ->
-        check_actor("relay@#{host}")
+        uri
+        |> create_full_domain_string()
+        |> then(&Kernel.<>("relay@", &1))
+        |> check_actor()
 
       true ->
         {:error, :bad_url}

lib/federation/activity_pub/transmogrifier.ex

@@ -41,7 +41,8 @@ defmodule Mobilizon.Federation.ActivityPub.Transmogrifier do
       params = %{
         reporter_id: params["reporter"].id,
         reported_id: params["reported"].id,
-        comments_ids: params["comments"] |> Enum.map(& &1.id),
+        comments_ids:
+          if(params["comments"], do: params["comments"] |> Enum.map(& &1.id), else: []),
         content: params["content"] || "",
         additional: %{
           "cc" => [params["reported"].url]
@@ -406,6 +407,13 @@ defmodule Mobilizon.Federation.ActivityPub.Transmogrifier do
            Actions.Update.update(old_actor, object_data, false, %{updater_actor: author}) do
       {:ok, activity, new_actor}
     else
+      {:error, :update_not_allowed} ->
+        Logger.warn("Activity tried to update an actor that's local or not a group",
+          activity: params
+        )
+
+        :error
+
       e ->
         Sentry.capture_message("Error while handling an Update activity",
           extra: %{params: params}
@@ -614,19 +622,25 @@ defmodule Mobilizon.Federation.ActivityPub.Transmogrifier do
         {:error, :unknown_actor}
 
       {:ok, %Actor{} = actor} ->
-        case is_group_object_gone(object_id) do
-          {:ok, object} ->
-            if Utils.origin_check_from_id?(actor_url, object_id) ||
-                 Permission.can_delete_group_object?(actor, object) do
-              Actions.Delete.delete(object, actor, false)
-            else
-              Logger.warn("Object origin check failed")
-              :error
-            end
+        # If the actor itself is being deleted, no need to check anything other than the object being remote
+        if remote_actor_is_being_deleted(data) do
+          Actions.Delete.delete(actor, actor, false)
+        else
+          case is_group_object_gone(object_id) do
+            # The group object is no longer there, we can remove the element
+            {:ok, entity} ->
+              if Utils.origin_check_from_id?(actor_url, object_id) ||
+                   Permission.can_delete_group_object?(actor, entity) do
+                Actions.Delete.delete(entity, actor, false)
+              else
+                Logger.warn("Object origin check failed")
+                :error
+              end
 
-          {:error, err} ->
-            Logger.debug(inspect(err))
-            {:error, err}
+            {:error, err} ->
+              Logger.debug(inspect(err))
+              {:error, err}
+          end
         end
     end
   end
@@ -1207,4 +1221,9 @@ defmodule Mobilizon.Federation.ActivityPub.Transmogrifier do
         moderator.domain == group.domain
     end
   end
+
+  defp remote_actor_is_being_deleted(%{"object" => object} = data) do
+    object_id = Utils.get_url(object)
+    Utils.get_actor(data) == object_id and not Utils.are_same_origin?(object_id, Endpoint.url())
+  end
 end

lib/federation/activity_pub/types/actors.ex

@@ -1,7 +1,7 @@
 defmodule Mobilizon.Federation.ActivityPub.Types.Actors do
   @moduledoc false
   alias Mobilizon.Actors
-  alias Mobilizon.Actors.{Actor, Follower, Member, MemberRole}
+  alias Mobilizon.Actors.{Actor, Follower, Member}
   alias Mobilizon.Federation.ActivityPub.{Actions, Audience, Permission, Relay}
   alias Mobilizon.Federation.ActivityPub.Types.Entity
   alias Mobilizon.Federation.ActivityStream
@@ -45,25 +45,30 @@ defmodule Mobilizon.Federation.ActivityPub.Types.Actors do
   def update(%Actor{} = old_actor, args, additional) do
     updater_actor = Map.get(args, :updater_actor) || Map.get(additional, :updater_actor)
 
-    case Actors.update_actor(old_actor, args) do
-      {:ok, %Actor{} = new_actor} ->
-        GroupActivity.insert_activity(new_actor,
-          subject: "group_updated",
-          old_group: old_actor,
-          updater_actor: updater_actor
-        )
+    if Map.get(additional, :local, false) == true or not match?(%Actor{domain: nil}, old_actor) or
+         match?(%Actor{type: :Group}, old_actor) do
+      case Actors.update_actor(old_actor, args) do
+        {:ok, %Actor{} = new_actor} ->
+          GroupActivity.insert_activity(new_actor,
+            subject: "group_updated",
+            old_group: old_actor,
+            updater_actor: updater_actor
+          )
 
-        actor_as_data = Convertible.model_to_as(new_actor)
-        Cachex.del(:activity_pub, "actor_#{new_actor.preferred_username}")
-        audience = Audience.get_audience(new_actor)
+          actor_as_data = Convertible.model_to_as(new_actor)
+          Cachex.del(:activity_pub, "actor_#{new_actor.preferred_username}")
+          audience = Audience.get_audience(new_actor)
 
-        additional = Map.merge(additional, %{"actor" => (updater_actor || old_actor).url})
+          additional = Map.merge(additional, %{"actor" => (updater_actor || old_actor).url})
 
-        update_data = make_update_data(actor_as_data, Map.merge(audience, additional))
-        {:ok, new_actor, update_data}
+          update_data = make_update_data(actor_as_data, Map.merge(audience, additional))
+          {:ok, new_actor, update_data}
 
-      {:error, %Ecto.Changeset{} = err} ->
-        {:error, err}
+        {:error, %Ecto.Changeset{} = err} ->
+          {:error, err}
+      end
+    else
+      {:error, :update_not_allowed}
     end
   end
 
@@ -244,7 +249,7 @@ defmodule Mobilizon.Federation.ActivityPub.Types.Actors do
           Actor.t(),
           ActivityStreams.t(),
           Member.t(),
-          MemberRole.t()
+          atom()
         ) ::
           {:ok, ActivityStreams.t(), Member.t()}
   defp approve_if_default_role_is_member(

lib/federation/activity_pub/types/events.ex

@@ -3,7 +3,7 @@ defmodule Mobilizon.Federation.ActivityPub.Types.Events do
   alias Mobilizon.Actors
   alias Mobilizon.Actors.Actor
   alias Mobilizon.Events, as: EventsManager
-  alias Mobilizon.Events.{Event, Participant, ParticipantRole}
+  alias Mobilizon.Events.{Event, Participant}
   alias Mobilizon.Federation.ActivityPub.{Actions, Audience, Permission}
   alias Mobilizon.Federation.ActivityPub.Types.Entity
   alias Mobilizon.Federation.ActivityStream
@@ -191,7 +191,7 @@ defmodule Mobilizon.Federation.ActivityPub.Types.Events do
           Event.t(),
           ActivityStreams.t(),
           Participant.t(),
-          ParticipantRole.t()
+          atom()
         ) :: {:ok, ActivityStreams.t(), Participant.t()} | {:accept, any()}
   defp approve_if_default_role_is_participant(event, activity_data, participant, role) do
     case event do
@@ -217,7 +217,7 @@ defmodule Mobilizon.Federation.ActivityPub.Types.Events do
     end
   end
 
-  @spec do_approve(Event.t(), ActivityStreams.t(), Particpant.t(), ParticipantRole.t(), map()) ::
+  @spec do_approve(Event.t(), ActivityStreams.t(), Particpant.t(), atom(), map()) ::
           {:accept, any} | {:ok, ActivityStreams.t(), Participant.t()}
   defp do_approve(event, activity_data, participant, role, additionnal) do
     cond do
@@ -267,12 +267,22 @@ defmodule Mobilizon.Federation.ActivityPub.Types.Events do
         Map.merge(args, %{
           description: description,
           mentions: mentions,
-          tags: tags
+          # Exclude tags with length > 40
+          tags: Enum.filter(tags, &exclude_too_long_tags/1)
         })
       else
         args
       end
 
+    # Make sure we don't have duplicate (with different casing) tags
+    args =
+      Map.update(
+        args,
+        :tags,
+        [],
+        &Enum.uniq_by(&1, fn tag -> tag |> tag_to_string() |> String.downcase() end)
+      )
+
     # Check that we can only allow anonymous participation if our instance allows it
     {_, options} =
       Map.get_and_update(
@@ -292,4 +302,16 @@ defmodule Mobilizon.Federation.ActivityPub.Types.Events do
     |> Map.update(:tags, [], &ConverterUtils.fetch_tags/1)
     |> Map.update(:contacts, [], &ConverterUtils.fetch_actors/1)
   end
+
+  @spec exclude_too_long_tags(%{title: String.t()} | String.t()) :: boolean()
+  defp exclude_too_long_tags(tag) do
+    tag
+    |> tag_to_string()
+    |> String.length()
+    |> Kernel.<(40)
+  end
+
+  @spec tag_to_string(%{title: String.t()} | String.t()) :: String.t()
+  defp tag_to_string(%{title: tag}), do: tag
+  defp tag_to_string(tag), do: tag
 end

lib/federation/activity_pub/types/members.ex

@@ -1,7 +1,7 @@
 defmodule Mobilizon.Federation.ActivityPub.Types.Members do
   @moduledoc false
   alias Mobilizon.Actors
-  alias Mobilizon.Actors.{Actor, Member, MemberRole}
+  alias Mobilizon.Actors.{Actor, Member}
   alias Mobilizon.Federation.ActivityPub.Actions
   alias Mobilizon.Federation.ActivityStream
   alias Mobilizon.Federation.ActivityStream.Convertible
@@ -89,8 +89,8 @@ defmodule Mobilizon.Federation.ActivityPub.Types.Members do
   @spec check_admins_left?(
           String.t() | integer,
           String.t() | integer,
-          MemberRole.t(),
-          MemberRole.t()
+          atom(),
+          atom()
         ) :: boolean
   defp check_admins_left?(member_id, group_id, current_role, updated_role) do
     Actors.is_only_administrator?(member_id, group_id) && current_role == :administrator &&

lib/federation/activity_pub/utils.ex

@@ -672,8 +672,15 @@ defmodule Mobilizon.Federation.ActivityPub.Utils do
   @doc """
   Converts PEM encoded keys to a public key representation
   """
+  @spec pem_to_public_key_pem(String.t()) :: String.t()
+  def pem_to_public_key_pem(pem) do
+    public_key = pem_to_public_key(pem)
+    public_key = :public_key.pem_entry_encode(:RSAPublicKey, public_key)
+    :public_key.pem_encode([public_key])
+  end
+
   @spec pem_to_public_key(String.t()) :: {:RSAPublicKey, any(), any()}
-  def pem_to_public_key(pem) do
+  defp pem_to_public_key(pem) do
     [key_code] = :public_key.pem_decode(pem)
     key = :public_key.pem_entry_decode(key_code)
 
@@ -686,14 +693,8 @@ defmodule Mobilizon.Federation.ActivityPub.Utils do
     end
   end
 
-  @spec pem_to_public_key_pem(String.t()) :: String.t()
-  def pem_to_public_key_pem(pem) do
-    public_key = pem_to_public_key(pem)
-    public_key = :public_key.pem_entry_encode(:RSAPublicKey, public_key)
-    :public_key.pem_encode([public_key])
-  end
-
-  def make_signature(actor, id, date) do
+  @spec make_signature(Actor.t(), String.t(), DateTime.t()) :: list({atom(), String.t()})
+  defp make_signature(actor, id, date) do
     uri = URI.parse(id)
 
     signature =
@@ -780,4 +781,16 @@ defmodule Mobilizon.Federation.ActivityPub.Utils do
       params
     end
   end
+
+  @schemes_with_no_port ["http", "https"]
+
+  def create_full_domain_string(%URI{host: host, port: nil}), do: host
+
+  def create_full_domain_string(%URI{host: host, port: port}) do
+    if port in Enum.map(@schemes_with_no_port, &URI.default_port/1) do
+      host
+    else
+      "#{host}:#{port}"
+    end
+  end
 end

lib/federation/activity_stream/converter/actor.ex

@@ -17,6 +17,7 @@ defmodule Mobilizon.Federation.ActivityStream.Converter.Actor do
   alias Mobilizon.Service.RichMedia.Parser
   alias Mobilizon.Web.Upload
   import Mobilizon.Federation.ActivityStream.Converter.Utils, only: [get_address: 1]
+  import Mobilizon.Federation.ActivityPub.Utils, only: [create_full_domain_string: 1]
 
   @behaviour Converter
 
@@ -54,7 +55,7 @@ defmodule Mobilizon.Federation.ActivityStream.Converter.Actor do
       outbox_url: data["outbox"],
       following_url: data["following"],
       followers_url: data["followers"],
-      domain: URI.parse(data["id"]).host,
+      domain: data["id"] |> URI.new!() |> create_full_domain_string(),
       manually_approves_followers: data["manuallyApprovesFollowers"],
       type: data["type"],
       visibility: if(Map.get(data, "discoverable", false) == true, do: :public, else: :unlisted),
@@ -191,5 +192,5 @@ defmodule Mobilizon.Federation.ActivityStream.Converter.Actor do
     Map.put(res, "location", AddressConverter.model_to_as(physical_address))
   end
 
-  defp maybe_add_physical_address(res, %ActorModel{physical_address: _}), do: res
+  defp maybe_add_physical_address(res, _), do: res
 end

lib/federation/activity_stream/converter/discussion.ex

@@ -48,12 +48,8 @@ defmodule Mobilizon.Federation.ActivityStream.Converter.Discussion do
   @impl Converter
   @spec as_to_model_data(map) :: map() | {:error, atom()}
   def as_to_model_data(%{"type" => "Note", "name" => name} = object) when is_valid_string(name) do
-    case extract_actors(object) do
-      %{actor_id: actor_id, creator_id: creator_id} ->
-        %{actor_id: actor_id, creator_id: creator_id, title: name, url: object["id"]}
-
-      {:error, error} ->
-        {:error, error}
+    with %{actor_id: actor_id, creator_id: creator_id} <- extract_actors(object) do
+      %{actor_id: actor_id, creator_id: creator_id, title: name, url: object["id"]}
     end
   end
 

lib/federation/activity_stream/converter/flag.ex

@@ -67,33 +67,9 @@ defmodule Mobilizon.Federation.ActivityStream.Converter.Flag do
   def as_to_model(%{"object" => objects} = object) do
     with {:ok, %Actor{} = reporter} <-
            ActivityPubActor.get_or_fetch_actor_by_url(object["actor"]),
-         %Actor{} = reported <-
-           Enum.reduce_while(objects, nil, fn url, _ ->
-             case ActivityPubActor.get_or_fetch_actor_by_url(url) do
-               {:ok, %Actor{} = actor} ->
-                 {:halt, actor}
-
-               _ ->
-                 {:cont, nil}
-             end
-           end),
-         event <-
-           Enum.reduce_while(objects, nil, fn url, _ ->
-             case Events.get_event_by_url(url) do
-               %Event{} = event ->
-                 {:halt, event}
-
-               _ ->
-                 {:cont, nil}
-             end
-           end),
-
-         # Remove the reported actor and the event from the object list.
-         comments <-
-           Enum.filter(objects, fn url ->
-             !(url == reported.url || (!is_nil(event) && event.url == url))
-           end),
-         comments <- Enum.map(comments, &Discussions.get_comment_from_url/1) do
+         %Actor{} = reported <- find_reported(objects),
+         event <- find_event(objects),
+         comments <- find_comments(objects, reported, event) do
       %{
         "reporter" => reporter,
         "uri" => object["id"],
@@ -104,4 +80,41 @@ defmodule Mobilizon.Federation.ActivityStream.Converter.Flag do
       }
     end
   end
+
+  @spec find_reported(list(String.t())) :: Actor.t() | nil
+  defp find_reported(objects) do
+    Enum.reduce_while(objects, nil, fn url, _ ->
+      case ActivityPubActor.get_or_fetch_actor_by_url(url) do
+        {:ok, %Actor{} = actor} ->
+          {:halt, actor}
+
+        _ ->
+          {:cont, nil}
+      end
+    end)
+  end
+
+  # Remove the reported actor and the event from the object list.
+  @spec find_comments(list(String.t()), Actor.t() | nil, Event.t() | nil) :: list(Comment.t())
+  defp find_comments(objects, reported, event) do
+    objects
+    |> Enum.filter(fn url ->
+      !((!is_nil(reported) && url == reported.url) || (!is_nil(event) && event.url == url))
+    end)
+    |> Enum.map(&Discussions.get_comment_from_url/1)
+    |> Enum.filter(& &1)
+  end
+
+  @spec find_event(list(String.t())) :: Event.t() | nil
+  defp find_event(objects) do
+    Enum.reduce_while(objects, nil, fn url, _ ->
+      case Events.get_event_by_url(url) do
+        %Event{} = event ->
+          {:halt, event}
+
+        _ ->
+          {:cont, nil}
+      end
+    end)
+  end
 end