Introduce group basic federation, event new page and notifications

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2020-02-18 08:57:00 +01:00 · 2020-02-18 08:57:00 +01:00 · 4144e9ffd0
commit 4144e9ffd0
parent 300ef8f245
416 changed files with 32220 additions and 16750 deletions
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@ -38,7 +38,7 @@ lint:
    - mix format --check-formatted --dry-run || export EXITVALUE=1
    - cd js
    - yarn install
-    - yarn run lint || export EXITVALUE=1
+    #- yarn run lint || export EXITVALUE=1
    - yarn run build
    - cd ../
    - exit $EXITVALUE
@ -62,8 +62,8 @@ deps:
 exunit:
  stage: test
  services:
-  - name: mdillon/postgis:11
-    alias: postgres
+    - name: mdillon/postgis:11
+      alias: postgres
  before_script:
    - cd js
    - yarn install
@ -77,31 +77,30 @@ exunit:
  script:
    - mix coveralls

-#cypress:
-#  stage: test
-#  services:
-#  - name: mdillon/postgis:11
-#    alias: postgres
-#  script:
-#    - mix deps.get
-#    - cd js
-#    - yarn install
-#    - npx cypress install # just to be sure
-#    - yarn run build
-#    - cd ../
-#    - MIX_ENV=e2e mix ecto.create
-#    - MIX_ENV=e2e mix ecto.migrate
-#    - MIX_ENV=e2e mix run priv/repo/e2e.seed.exs
-#    - MIX_ENV=e2e mix phx.server &
-#    - cd js
-#    - npx wait-on http://localhost:4000
-#    - if [ -z "$CYPRESS_KEY" ]; then npx cypress run; else npx cypress run --record --parallel --key $CYPRESS_KEY; fi
-#  artifacts:
-#    expire_in: 2 day
-#    paths:
-#      - js/tests/e2e/screenshots/**/*.png
-#      - js/tests/e2e/videos/**/*.mp4
-
+cypress:
+  stage: test
+  services:
+    - name: mdillon/postgis:11
+      alias: postgres
+  script:
+    - mix deps.get
+    - cd js
+    - yarn install
+    - npx cypress install # just to be sure
+    - yarn run build
+    - cd ../
+    - MIX_ENV=e2e mix ecto.create
+    - MIX_ENV=e2e mix ecto.migrate
+    - MIX_ENV=e2e mix run priv/repo/e2e.seed.exs
+    - MIX_ENV=e2e mix phx.server &
+    - cd js
+    - npx wait-on http://localhost:4000
+    - if [ -z "$CYPRESS_KEY" ]; then npx cypress run; else npx cypress run --record --parallel --key $CYPRESS_KEY; fi
+  artifacts:
+    expire_in: 2 day
+    paths:
+      - js/tests/e2e/screenshots/**/*.png
+      - js/tests/e2e/videos/**/*.mp4

 pages:
  stage: deploy
--- a/config/config.exs
+++ b/config/config.exs
@ -46,7 +46,7 @@ config :mobilizon, Mobilizon.Web.Endpoint,
  ],
  secret_key_base: "1yOazsoE0Wqu4kXk3uC5gu3jDbShOimTCzyFL3OjCdBmOXMyHX87Qmf3+Tu9s0iM",
  render_errors: [view: Mobilizon.Web.ErrorView, accepts: ~w(html json)],
-  pubsub: [name: Mobilizon.PubSub, adapter: Phoenix.PubSub.PG2],
+  pubsub_server: Mobilizon.PubSub,
  cache_static_manifest: "priv/static/manifest.json"

 # Upload configuration
@ -115,6 +115,8 @@ config :guardian, Guardian.DB,
  # default: 60 minutes
  sweep_interval: 60

+config :elixir, :time_zone_database, Tzdata.TimeZoneDatabase
+
 config :geolix,
  databases: [
    %{
@ -204,7 +206,26 @@ config :mobilizon, :anonymous,
 config :mobilizon, Oban,
  repo: Mobilizon.Storage.Repo,
  prune: {:maxlen, 10_000},
-  queues: [default: 10, search: 20, background: 5]
+  queues: [default: 10, search: 5, mailers: 10, background: 5]
+
+config :mobilizon, :rich_media,
+  parsers: [
+    Mobilizon.Service.RichMedia.Parsers.OEmbed,
+    Mobilizon.Service.RichMedia.Parsers.OGP,
+    Mobilizon.Service.RichMedia.Parsers.TwitterCard,
+    Mobilizon.Service.RichMedia.Parsers.Fallback
+  ]
+
+config :mobilizon, Mobilizon.Service.ResourceProviders,
+  types: [],
+  providers: %{}
+
+config :mobilizon, :external_resource_providers, %{
+  "https://drive.google.com/" => :google_drive,
+  "https://docs.google.com/document/" => :google_docs,
+  "https://docs.google.com/presentation/" => :google_presentation,
+  "https://docs.google.com/spreadsheets/" => :google_spreadsheets
+}

 # Import environment specific config. This must remain at the bottom
 # of this file so it overrides the configuration defined above.
--- a/config/dev.exs
+++ b/config/dev.exs
@ -19,7 +19,16 @@ config :mobilizon, Mobilizon.Web.Endpoint,
  code_reloader: true,
  check_origin: false,
  watchers: [
-    yarn: ["run", "dev", cd: Path.expand("../js", __DIR__)]
+    # yarn: ["run", "dev", cd: Path.expand("../js", __DIR__)]
+    node: [
+      "node_modules/webpack/bin/webpack.js",
+      "--mode",
+      "development",
+      "--watch-stdin",
+      "--config",
+      "node_modules/@vue/cli-service/webpack.config.js",
+      cd: Path.expand("../js", __DIR__)
+    ]
  ]

 # ## SSL Support
@ -80,7 +89,7 @@ config :mobilizon, :instance,
  email_reply_to: System.get_env("MOBILIZON_INSTANCE_EMAIL"),
  registrations_open: System.get_env("MOBILIZON_INSTANCE_REGISTRATIONS_OPEN") == "true"

-config :mobilizon, :activitypub, sign_object_fetches: false
+# config :mobilizon, :activitypub, sign_object_fetches: false

 require Logger

--- a/config/e2e.exs
+++ b/config/e2e.exs
@ -14,11 +14,24 @@ config :mobilizon, Mobilizon.Web.Endpoint,
  debug_errors: true,
  code_reloader: false,
  check_origin: false,
-  # Somehow this can't be merged properly with the dev config some we got this…
+  # Somehow this can't be merged properly with the dev config so we got this…
  watchers: [
    yarn: [cd: Path.expand("../js", __DIR__)]
  ]

-config :mobilizon, sql_sandbox: true
+require Logger

-config :mobilizon, Mobilizon.Storage.Repo, pool: Ecto.Adapters.SQL.Sandbox
+cond do
+  System.get_env("INSTANCE_CONFIG") &&
+      File.exists?("./config/#{System.get_env("INSTANCE_CONFIG")}") ->
+    import_config System.get_env("INSTANCE_CONFIG")
+
+  System.get_env("DOCKER", "false") == "false" && File.exists?("./config/e2e.secret.exs") ->
+    import_config "e2e.secret.exs"
+
+  System.get_env("DOCKER", "false") == "true" ->
+    Logger.info("Using environment configuration for Docker")
+
+  true ->
+    Logger.error("No configuration file found")
+end
--- a/config/test.exs
+++ b/config/test.exs
@ -46,10 +46,12 @@ config :exvcr,

 config :mobilizon, Mobilizon.Service.Geospatial, service: Mobilizon.Service.Geospatial.Mock

-config :mobilizon, Oban, queues: false, prune: :disabled
+config :mobilizon, Oban, queues: false, prune: :disabled, crontab: false

 config :mobilizon, Mobilizon.Web.Auth.Guardian, secret_key: "some secret"

+config :mobilizon, :activitypub, sign_object_fetches: false
+
 if System.get_env("DOCKER", "false") == "false" && File.exists?("./config/test.secret.exs") do
  import_config "test.secret.exs"
 end
--- a/docker/tests/Dockerfile
+++ b/docker/tests/Dockerfile
@ -3,9 +3,9 @@ LABEL maintainer="Thomas Citharel <tcit@tcit.fr>"

 ENV REFRESHED_AT=2019-12-17
 RUN apt-get update -yq && apt-get install -yq build-essential inotify-tools postgresql-client git curl gnupg xvfb libgtk-3-dev libnotify-dev libgconf-2-4 libnss3 libxss1 libasound2 python3-pip
-RUN curl -sL https://deb.nodesource.com/setup_10.x | bash && apt-get install nodejs -yq
+RUN curl -sL https://deb.nodesource.com/setup_12.x | bash && apt-get install nodejs -yq
 RUN npm install -g yarn wait-on
 RUN apt-get clean && rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/*
 RUN mix local.hex --force && mix local.rebar --force
 RUN pip3 install mkdocs mkdocs-material pymdown-extensions pygments mkdocs-git-revision-date-localized-plugin
-RUN curl http://geolite.maxmind.com/download/geoip/database/GeoLite2-City.tar.gz --output GeoLite2-City.tar.gz -s && tar zxf GeoLite2-City.tar.gz && mkdir -p /usr/share/GeoIP && mv GeoLite2-City_*/GeoLite2-City.mmdb /usr/share/GeoIP/GeoLite2-City.mmdb
+RUN curl https://dbip.mirror.framasoft.org/files/dbip-city-lite-latest.mmdb --output GeoLite2-City.mmdb -s && mkdir -p /usr/share/GeoIP && mv GeoLite2-City.mmdb /usr/share/GeoIP/
--- a/js/.browserslistrc
+++ b/js/.browserslistrc
@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead
--- a/js/.editorconfig
+++ b/js/.editorconfig
@ -0,0 +1,7 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 100
--- a/js/.eslintrc.js
+++ b/js/.eslintrc.js
@ -0,0 +1,59 @@
+module.exports = {
+  root: true,
+
+  env: {
+    node: true,
+  },
+
+  extends: [
+    "plugin:vue/essential",
+    "@vue/airbnb",
+    "@vue/typescript/recommended",
+    "plugin:cypress/recommended",
+    "plugin:prettier/recommended",
+    "prettier",
+    "eslint:recommended",
+    "@vue/prettier",
+    "@vue/prettier/@typescript-eslint",
+  ],
+
+  plugins: ["prettier"],
+
+  parserOptions: {
+    ecmaVersion: 2020,
+  },
+
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-underscore-dangle": [
+      "error",
+      {
+        allow: ["__typename"],
+      },
+    ],
+    "@typescript-eslint/no-explicit-any": "off",
+    "cypress/no-unnecessary-waiting": "off",
+    "vue/max-len": [
+      "error",
+      {
+        ignoreStrings: true,
+        template: 170,
+        code: 100,
+      },
+    ],
+    "prettier/prettier": "error",
+    "@typescript-eslint/interface-name-prefix": "off",
+    "@typescript-eslint/no-use-before-define": "off",
+    "import/prefer-default-export": "off",
+  },
+
+  ignorePatterns: ["src/typings/*.d.ts", "vue.config.js"],
+
+  overrides: [{
+    files: ["**/__tests__/*.{j,t}s?(x)", "**/tests/unit/**/*.spec.{j,t}s?(x)"],
+    env: {
+      mocha: true,
+    },
+  }],
+};
--- a/js/.gitignore
+++ b/js/.gitignore
@ -2,12 +2,12 @@
 node_modules
 /dist

-/tests/e2e/reports/
-/tests/e2e/screenshots/
 /tests/e2e/videos/
-selenium-debug.log
+/tests/e2e/screenshots/

-styleguide/
+# local env files
+.env.local
+.env.*.local

 # Log files
 npm-debug.log*
@ -21,5 +21,4 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
-*.sw*
-
+*.sw?
--- a/js/.postcssrc.js
+++ b/js/.postcssrc.js
@ -1,5 +0,0 @@
-module.exports = {
-  plugins: {
-    autoprefixer: {},
-  },
-};
--- a/js/README.md
+++ b/js/README.md
@ -0,0 +1,41 @@
+# mobilizon
+
+## Project setup
+
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+
+```
+yarn build
+```
+
+### Run your unit tests
+
+```
+yarn test:unit
+```
+
+### Run your end-to-end tests
+
+```
+yarn test:e2e
+```
+
+### Lints and fixes files
+
+```
+yarn lint
+```
+
+### Customize configuration
+
+See [Configuration Reference](https://cli.vuejs.org/config/).
--- a/js/apollo.config.js
+++ b/js/apollo.config.js
@ -0,0 +1,12 @@
+// apollo.config.js
+module.exports = {
+  client: {
+    service: {
+      name: "Mobilizon",
+      // URL to the GraphQL API
+      url: "http://localhost:4000/api",
+    },
+    // Files processed by the extension
+    includes: ["src/**/*.vue", "src/**/*.js"],
+  },
+};
--- a/js/babel.config.js
+++ b/js/babel.config.js
@ -1,7 +1,3 @@
 module.exports = {
-  presets: [
-    [
-        "@vue/app", {useBuiltIns: "entry"}
-    ]
-  ]
+  presets: ["@vue/cli-plugin-babel/preset"],
 };
--- a/js/config/global.requires.js
+++ b/js/config/global.requires.js
@ -1,19 +0,0 @@
-import Vue from 'vue';
-import VueI18n from 'vue-i18n';
-import Buefy from 'buefy';
-import 'bulma/css/bulma.min.css';
-import 'buefy/dist/buefy.min.css';
-import filters from '@/filters';
-
-Vue.use(VueI18n);
-Vue.use(Buefy);
-Vue.use(filters);
-
-Vue.component('router-link', {
-    props: {
-      tag: { type: String, default: 'a' }
-    },
-    render(createElement) {
-      return createElement(this.tag, {}, this.$slots.default)
-    }
-});
--- a/js/config/styleguide.root.js
+++ b/js/config/styleguide.root.js
@ -1,18 +0,0 @@
-import VueI18n from 'vue-i18n'
-import messages from '@/i18n/index';
-
-const language = (window.navigator).userLanguage || window.navigator.language;
-const i18n = new VueI18n({
-    locale: language.replace('-', '_'), // set locale
-    messages, // set locale messages
-  });
-
-  export default previewComponent => {
-    // https://vuejs.org/v2/guide/render-function.html
-    return {
-      i18n,
-      render(createElement) {
-        return createElement(previewComponent)
-      }
-    }
-  }
--- a/js/cypress.json
+++ b/js/cypress.json
@ -4,4 +4,4 @@
  "baseUrl": "http://localhost:4000",
  "viewportWidth": 1920,
  "viewportHeight": 1080
-}
+}
--- a/js/docs/components.md
+++ b/js/docs/components.md
--- a/js/docs/directives.md
+++ b/js/docs/directives.md
@ -1 +0,0 @@
-No directives right now.
--- a/js/docs/index.md
+++ b/js/docs/index.md
@ -1,3 +0,0 @@
-# Introduction
-
-This page presents the various Vue.js components used in the front-end for Mobilizon.
--- a/js/fragmentTypes.json
+++ b/js/fragmentTypes.json
@ -1,21 +1,39 @@
-{"__schema":
-  {"types":[
-    {
-      "possibleTypes":[
-        {"name":"Person"},
-        {"name":"Group"}
-        ],
-        "name":"Actor",
-        "kind":"INTERFACE"
-    },
-    {
-      "possibleTypes":[
-        {"name":"Event"},
-        {"name":"Person"},
-        {"name":"Group"}
-      ],
-      "name":"SearchResult",
-      "kind":"UNION"}
-  ]
+{
+  "__schema": {
+    "types": [
+      {
+        "kind": "INTERFACE",
+        "name": "ActionLogObject",
+        "possibleTypes": [
+          {
+            "name": "Event"
+          },
+          {
+            "name": "Comment"
+          },
+          {
+            "name": "Report"
+          },
+          {
+            "name": "ReportNote"
+          }
+        ]
+      },
+      {
+        "kind": "INTERFACE",
+        "name": "Actor",
+        "possibleTypes": [
+          {
+            "name": "Person"
+          },
+          {
+            "name": "Group"
+          },
+          {
+            "name": "Application"
+          }
+        ]
+      }
+    ]
  }
 }
--- a/js/get_union_json.ts
+++ b/js/get_union_json.ts
@ -1,9 +1,9 @@
-const fetch = require('node-fetch');
-const fs = require('fs');
+const fetch = require("node-fetch");
+const fs = require("fs");

-fetch(`http://localhost:4001`, {
-  method: 'POST',
-  headers: { 'Content-Type': 'application/json' },
+fetch(`http://localhost:4000/api`, {
+  method: "POST",
+  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    variables: {},
    query: `
@ -21,18 +21,16 @@ fetch(`http://localhost:4001`, {
    `,
  }),
 })
-  .then(result => result.json())
-  .then(result => {
+  .then((result) => result.json())
+  .then((result) => {
    // here we're filtering out any type information unrelated to unions or interfaces
-    const filteredData = result.data.__schema.types.filter(
-      type => type.possibleTypes !== null,
-    );
+    const filteredData = result.data.__schema.types.filter((type) => type.possibleTypes !== null);
    result.data.__schema.types = filteredData;
-    fs.writeFile('./fragmentTypes.json', JSON.stringify(result.data), err => {
+    fs.writeFile("./fragmentTypes.json", JSON.stringify(result.data), (err) => {
      if (err) {
-        console.error('Error writing fragmentTypes file', err);
+        console.error("Error writing fragmentTypes file", err);
      } else {
-        console.log('Fragment types successfully extracted!');
+        console.log("Fragment types successfully extracted!");
      }
    });
  });
--- a/js/package.json
+++ b/js/package.json
@ -1,98 +1,100 @@
 {
  "name": "mobilizon",
-  "version": "1.0.0-beta.1",
-  "license": "AGPL-3.0",
+  "version": "0.1.0",
  "private": true,
  "scripts": {
-    "build": "vue-cli-service build --modern",
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit",
    "test:e2e": "vue-cli-service test:e2e",
-    "lint": "vue-cli-service lint",
-    "analyze-bundle": "yarn run build -- --report-json && webpack-bundle-analyzer ../priv/static/report.json",
-    "dev": "vue-cli-service build --watch",
-    "styleguide": "vue-cli-service styleguidist",
-    "styleguide:build": "vue-cli-service styleguidist:build",
-    "vue-i18n-extract": "vue-i18n-extract",
-    "graphql:get-schema": "graphql get-schema",
-    "i18n-extract": "vue-i18n-extract report -v './src/**/*.?(ts|vue)' -l './src/i18n/en_US.json' -o output.json"
+    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@absinthe/socket": "^0.2.1",
    "@absinthe/socket-apollo-link": "^0.2.1",
-    "@mdi/font": "^4.5.95",
+    "@mdi/font": "^5.0.45",
    "apollo-absinthe-upload-link": "^1.5.0",
-    "apollo-cache-inmemory": "^1.5.1",
-    "apollo-client": "^2.5.1",
-    "apollo-link": "^1.2.11",
-    "apollo-link-http": "^1.5.16",
+    "apollo-cache": "^1.3.5",
+    "apollo-cache-inmemory": "^1.6.6",
+    "apollo-client": "^2.6.10",
+    "apollo-link": "^1.2.14",
+    "apollo-link-error": "^1.1.13",
+    "apollo-link-http": "^1.5.17",
    "apollo-link-ws": "^1.0.19",
    "apollo-utilities": "^1.3.2",
    "buefy": "^0.8.2",
    "bulma-divider": "^0.2.0",
-    "graphql": "^14.5.8",
-    "graphql-tag": "^2.10.1",
-    "intersection-observer": "^0.7.0",
+    "core-js": "^3.6.4",
+    "eslint-plugin-cypress": "^2.10.3",
+    "graphql": "^15.0.0",
+    "graphql-tag": "^2.10.3",
+    "intersection-observer": "^0.10.0",
    "javascript-time-ago": "^2.0.4",
    "leaflet": "^1.4.0",
-    "leaflet.locatecontrol": "^0.70.0",
+    "leaflet.locatecontrol": "^0.72.0",
    "lodash": "^4.17.11",
    "ngeohash": "^0.6.3",
    "phoenix": "^1.4.11",
-    "register-service-worker": "^1.6.2",
+    "register-service-worker": "^1.7.1",
    "tippy.js": "4.3.5",
    "tiptap": "^1.26.0",
    "tiptap-extensions": "^1.28.0",
-    "vue": "^2.6.10",
-    "vue-apollo": "^3.0.0-rc.6",
-    "vue-class-component": "^7.0.2",
+    "v-tooltip": "2.0.2",
+    "vue": "^2.6.11",
+    "vue-apollo": "^3.0.3",
+    "vue-class-component": "^7.2.3",
    "vue-i18n": "^8.14.0",
    "vue-meta": "^2.3.1",
-    "vue-property-decorator": "^8.1.0",
-    "vue-router": "^3.0.6",
+    "vue-property-decorator": "^8.4.1",
+    "vue-router": "^3.1.6",
    "vue-scrollto": "^2.17.1",
-    "vue2-leaflet": "^2.0.3"
+    "vue2-leaflet": "^2.0.3",
+    "vuedraggable": "^2.23.2"
  },
  "devDependencies": {
-    "@types/chai": "^4.2.3",
+    "@types/chai": "^4.2.11",
+    "@types/javascript-time-ago": "^2.0.1",
    "@types/leaflet": "^1.5.2",
    "@types/leaflet.locatecontrol": "^0.60.7",
    "@types/lodash": "^4.14.141",
-    "@types/mocha": "^7.0.1",
-    "@vue/cli-plugin-babel": "^4.0.3",
-    "@vue/cli-plugin-e2e-cypress": "^4.0.3",
-    "@vue/cli-plugin-pwa": "^4.0.3",
-    "@vue/cli-plugin-router": "^4.0.3",
-    "@vue/cli-plugin-typescript": "^4.0.3",
-    "@vue/cli-plugin-unit-mocha": "^4.0.3",
-    "@vue/cli-service": "^4.0.3",
-    "@vue/eslint-config-typescript": "^5.0.0",
-    "@vue/test-utils": "^1.0.0-beta.31",
-    "apollo-link-error": "^1.1.12",
-    "chai": "^4.2.0",
-    "dotenv-webpack": "^1.7.0",
-    "eslint": "^6.5.1",
+    "@types/mocha": "^5.2.4",
+    "@types/ngeohash": "^0.6.2",
+    "@types/prosemirror-inputrules": "^1.0.2",
+    "@types/prosemirror-model": "^1.7.2",
+    "@types/prosemirror-state": "^1.2.4",
+    "@types/prosemirror-view": "^1.11.4",
+    "@types/vuedraggable": "^2.23.0",
+    "@typescript-eslint/eslint-plugin": "^2.26.0",
+    "@typescript-eslint/parser": "^2.26.0",
+    "@vue/cli-plugin-babel": "~4.4.1",
+    "@vue/cli-plugin-e2e-cypress": "~4.4.1",
+    "@vue/cli-plugin-eslint": "~4.4.1",
+    "@vue/cli-plugin-pwa": "~4.4.1",
+    "@vue/cli-plugin-router": "~4.4.1",
+    "@vue/cli-plugin-typescript": "~4.4.1",
+    "@vue/cli-plugin-unit-mocha": "~4.4.1",
+    "@vue/cli-service": "~4.4.1",
+    "@vue/eslint-config-airbnb": "^5.0.2",
+    "@vue/eslint-config-prettier": "^6.0.0",
+    "@vue/eslint-config-typescript": "^5.0.2",
+    "@vue/test-utils": "1.0.3",
+    "chai": "^4.1.2",
+    "eslint": "^6.7.2",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-prettier": "^3.1.3",
+    "eslint-plugin-vue": "^6.2.2",
    "graphql-cli": "^3.0.12",
-    "node-sass": "^4.11.0",
-    "sass-loader": "^8.0.0",
-    "tslint": "^6.0.0",
-    "tslint-config-airbnb": "^5.11.2",
-    "typescript": "^3.6.3",
-    "vue-cli-plugin-styleguidist": "^4.0.1",
-    "vue-cli-plugin-webpack-bundle-analyzer": "^2.0.0",
+    "node-sass": "^4.12.0",
+    "prettier": "2.0.5",
+    "prettier-eslint": "^10.1.1",
+    "sass-loader": "^8.0.2",
+    "typescript": "~3.9.3",
+    "vue-cli-plugin-styleguidist": "~4.24.0",
    "vue-i18n-extract": "^1.0.2",
    "vue-svg-inline-loader": "^1.3.0",
-    "vue-template-compiler": "^2.6.10",
-    "webpack": "^4.41.0"
-  },
-  "resolutions": {
-    "prosemirror-model": "1.8.2"
-  },
-  "browserslist": [
-    ">0.25%",
-    "ie 11",
-    "not op_mini all"
-  ],
-  "engines": {
-    "node": ">=10.0.0"
+    "vue-svg-loader": "^0.16.0",
+    "vue-template-compiler": "^2.6.11",
+    "webpack-cli": "^3.3.11"
  }
 }
--- a/js/public/favicon.ico
+++ b/js/public/favicon.ico
--- a/js/public/img/icons/android-chrome-192x192
+++ b/js/public/img/icons/android-chrome-192x192
--- a/js/public/img/icons/android-chrome-maskable-512x512.png
+++ b/js/public/img/icons/android-chrome-maskable-512x512.png
--- a/js/public/img/icons/apple-touch-icon-120x120.png
+++ b/js/public/img/icons/apple-touch-icon-120x120.png
--- a/js/public/img/icons/apple-touch-icon-152x152.png
+++ b/js/public/img/icons/apple-touch-icon-152x152.png
--- a/js/public/img/icons/apple-touch-icon-152x152.png.png
+++ b/js/public/img/icons/apple-touch-icon-152x152.png.png
--- a/js/public/img/icons/apple-touch-icon-180x180.png
+++ b/js/public/img/icons/apple-touch-icon-180x180.png
--- a/js/public/img/icons/apple-touch-icon-60x60.png
+++ b/js/public/img/icons/apple-touch-icon-60x60.png
--- a/js/public/img/icons/apple-touch-icon-76x76.png
+++ b/js/public/img/icons/apple-touch-icon-76x76.png
--- a/js/public/img/icons/apple-touch-icon.png
+++ b/js/public/img/icons/apple-touch-icon.png
--- a/js/public/img/icons/mstile-150x150.png
+++ b/js/public/img/icons/mstile-150x150.png
--- a/js/public/img/icons/safari-pinned-tab.svg
+++ b/js/public/img/icons/safari-pinned-tab.svg
@ -0,0 +1,149 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="16.000000pt" height="16.000000pt" viewBox="0 0 16.000000 16.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,16.000000) scale(0.000320,-0.000320)"
+fill="#000000" stroke="none">
+<path d="M18 46618 c45 -75 122 -207 122 -211 0 -2 25 -45 55 -95 30 -50 55
+-96 55 -102 0 -5 5 -10 10 -10 6 0 10 -4 10 -9 0 -5 73 -135 161 -288 89 -153
+173 -298 187 -323 14 -25 32 -57 41 -72 88 -149 187 -324 189 -335 2 -7 8 -13
+13 -13 5 0 9 -4 9 -10 0 -5 46 -89 103 -187 175 -302 490 -846 507 -876 8 -16
+20 -36 25 -45 28 -46 290 -498 339 -585 13 -23 74 -129 136 -236 61 -107 123
+-215 137 -240 14 -25 29 -50 33 -56 5 -5 23 -37 40 -70 18 -33 38 -67 44 -75
+11 -16 21 -33 63 -109 14 -25 29 -50 33 -56 4 -5 21 -35 38 -65 55 -100 261
+-455 269 -465 4 -5 14 -21 20 -35 15 -29 41 -75 103 -180 24 -41 52 -88 60
+-105 9 -16 57 -100 107 -185 112 -193 362 -626 380 -660 8 -14 23 -38 33 -55
+11 -16 23 -37 27 -45 4 -8 26 -46 48 -85 23 -38 53 -90 67 -115 46 -81 64
+-113 178 -310 62 -107 121 -210 132 -227 37 -67 56 -99 85 -148 16 -27 32 -57
+36 -65 4 -8 15 -27 25 -42 9 -15 53 -89 96 -165 44 -76 177 -307 296 -513 120
+-206 268 -463 330 -570 131 -227 117 -203 200 -348 36 -62 73 -125 82 -140 10
+-15 21 -34 25 -42 4 -8 20 -37 36 -65 17 -27 38 -65 48 -82 49 -85 64 -111 87
+-153 13 -25 28 -49 32 -55 4 -5 78 -134 165 -285 87 -151 166 -288 176 -305
+10 -16 26 -43 35 -59 9 -17 125 -217 257 -445 132 -229 253 -441 270 -471 17
+-30 45 -79 64 -108 18 -29 33 -54 33 -57 0 -2 20 -37 44 -77 24 -40 123 -212
+221 -383 97 -170 190 -330 205 -355 16 -25 39 -65 53 -90 13 -25 81 -144 152
+-265 70 -121 137 -238 150 -260 12 -22 37 -65 55 -95 18 -30 43 -73 55 -95 12
+-22 48 -85 80 -140 77 -132 163 -280 190 -330 13 -22 71 -123 130 -225 59
+-102 116 -199 126 -217 10 -17 29 -50 43 -72 15 -22 26 -43 26 -45 0 -2 27
+-50 60 -106 33 -56 60 -103 60 -105 0 -2 55 -98 90 -155 8 -14 182 -316 239
+-414 13 -22 45 -79 72 -124 27 -46 49 -86 49 -89 0 -2 14 -24 30 -48 16 -24
+30 -46 30 -49 0 -5 74 -135 100 -176 5 -8 24 -42 43 -75 50 -88 58 -101 262
+-455 104 -179 199 -345 213 -370 14 -25 28 -49 32 -55 4 -5 17 -26 28 -45 10
+-19 62 -109 114 -200 114 -197 133 -230 170 -295 16 -27 33 -57 38 -65 17 -28
+96 -165 103 -180 4 -8 16 -28 26 -45 10 -16 77 -131 148 -255 72 -124 181
+-313 243 -420 62 -107 121 -209 131 -227 35 -62 323 -560 392 -678 38 -66 83
+-145 100 -175 16 -30 33 -59 37 -65 4 -5 17 -27 29 -47 34 -61 56 -100 90
+-156 17 -29 31 -55 31 -57 0 -2 17 -32 39 -67 21 -35 134 -229 251 -433 117
+-203 235 -407 261 -451 27 -45 49 -85 49 -88 0 -4 8 -19 19 -34 15 -21 200
+-341 309 -533 10 -19 33 -58 51 -87 17 -29 31 -54 31 -56 0 -2 25 -44 55 -94
+30 -50 55 -95 55 -98 0 -4 6 -15 14 -23 7 -9 27 -41 43 -71 17 -30 170 -297
+342 -594 171 -296 311 -542 311 -547 0 -5 5 -9 10 -9 6 0 10 -4 10 -10 0 -5
+22 -47 49 -92 27 -46 58 -99 68 -118 24 -43 81 -140 93 -160 5 -8 66 -114 135
+-235 69 -121 130 -227 135 -235 12 -21 259 -447 283 -490 10 -19 28 -47 38
+-62 11 -14 19 -29 19 -32 0 -3 37 -69 83 -148 99 -170 305 -526 337 -583 13
+-22 31 -53 41 -70 11 -16 22 -37 26 -45 7 -14 82 -146 103 -180 14 -24 181
+-311 205 -355 13 -22 46 -80 75 -130 29 -49 64 -110 78 -135 14 -25 51 -88 82
+-140 31 -52 59 -102 63 -110 4 -8 18 -33 31 -55 205 -353 284 -489 309 -535
+17 -30 45 -78 62 -106 18 -28 36 -60 39 -72 4 -12 12 -22 17 -22 5 0 9 -4 9
+-10 0 -5 109 -197 241 -427 133 -230 250 -431 259 -448 51 -90 222 -385 280
+-485 37 -63 78 -135 92 -160 14 -25 67 -117 118 -205 51 -88 101 -175 111
+-193 34 -58 55 -95 149 -257 51 -88 101 -173 110 -190 9 -16 76 -131 147 -255
+72 -124 140 -241 151 -260 61 -108 281 -489 355 -615 38 -66 77 -133 87 -150
+35 -63 91 -161 100 -175 14 -23 99 -169 128 -220 54 -97 135 -235 142 -245 4
+-5 20 -32 35 -60 26 -48 238 -416 276 -480 10 -16 26 -46 37 -65 30 -53 382
+-661 403 -695 10 -16 22 -37 26 -45 4 -8 26 -48 50 -88 24 -41 43 -75 43 -77
+0 -2 22 -40 50 -85 27 -45 50 -84 50 -86 0 -3 38 -69 83 -147 84 -142 302
+-520 340 -587 10 -19 34 -60 52 -90 18 -30 44 -75 57 -100 14 -25 45 -79 70
+-120 25 -41 56 -96 70 -121 14 -25 77 -133 138 -240 62 -107 122 -210 132
+-229 25 -43 310 -535 337 -581 11 -19 26 -45 34 -59 17 -32 238 -414 266 -460
+11 -19 24 -41 28 -49 3 -7 75 -133 160 -278 84 -146 153 -269 153 -274 0 -5 5
+-9 10 -9 6 0 10 -4 10 -10 0 -5 82 -150 181 -322 182 -314 201 -346 240 -415
+12 -21 80 -139 152 -263 71 -124 141 -245 155 -270 14 -25 28 -49 32 -55 6 -8
+145 -248 220 -380 37 -66 209 -362 229 -395 11 -19 24 -42 28 -49 4 -8 67
+-118 140 -243 73 -125 133 -230 133 -233 0 -2 15 -28 33 -57 19 -29 47 -78 64
+-108 17 -30 53 -93 79 -139 53 -90 82 -141 157 -272 82 -142 115 -199 381
+-659 142 -245 268 -463 281 -485 12 -22 71 -125 132 -230 60 -104 172 -298
+248 -430 76 -132 146 -253 156 -270 11 -16 22 -36 26 -44 3 -8 30 -54 60 -103
+29 -49 53 -91 53 -93 0 -3 18 -34 40 -70 22 -36 40 -67 40 -69 0 -2 37 -66 81
+-142 45 -77 98 -168 119 -204 20 -36 47 -81 58 -100 12 -19 27 -47 33 -62 6
+-16 15 -28 20 -28 5 0 9 -4 9 -9 0 -6 63 -118 140 -251 77 -133 140 -243 140
+-245 0 -2 18 -33 41 -70 22 -37 49 -83 60 -101 10 -19 29 -51 40 -71 25 -45
+109 -189 126 -218 7 -11 17 -29 22 -40 6 -11 22 -38 35 -60 14 -22 37 -62 52
+-90 14 -27 35 -62 45 -77 11 -14 19 -29 19 -32 0 -3 18 -35 40 -71 22 -36 40
+-67 40 -69 0 -2 19 -35 42 -72 23 -38 55 -94 72 -124 26 -47 139 -244 171
+-298 6 -9 21 -36 34 -60 28 -48 37 -51 51 -19 6 12 19 36 29 52 10 17 27 46
+38 65 11 19 104 181 208 360 103 179 199 345 213 370 14 25 42 74 64 109 21
+34 38 65 38 67 0 2 18 33 40 69 22 36 40 67 40 69 0 3 177 310 199 346 16 26
+136 234 140 244 2 5 25 44 52 88 27 44 49 81 49 84 0 2 18 34 40 70 22 36 40
+67 40 69 0 2 20 36 43 77 35 58 169 289 297 513 9 17 50 86 90 155 40 69 86
+150 103 180 16 30 35 62 41 70 6 8 16 24 22 35 35 64 72 129 167 293 59 100
+116 199 127 220 11 20 30 53 41 72 43 72 1070 1850 1121 1940 14 25 65 113
+113 195 48 83 96 166 107 185 10 19 28 50 38 68 11 18 73 124 137 235 64 111
+175 303 246 427 71 124 173 299 225 390 52 91 116 202 143 248 27 45 49 85 49
+89 0 4 6 14 14 22 7 9 28 43 46 76 26 47 251 436 378 655 11 19 29 51 40 70
+11 19 101 176 201 348 99 172 181 317 181 323 0 5 5 9 10 9 6 0 10 5 10 11 0
+6 8 23 18 37 11 15 32 52 49 82 16 30 130 228 253 440 122 212 234 405 248
+430 13 25 39 70 57 100 39 65 69 117 130 225 25 44 50 87 55 95 12 19 78 134
+220 380 61 107 129 224 150 260 161 277 222 382 246 425 15 28 47 83 71 123
+24 41 43 78 43 83 0 5 4 9 8 9 4 0 13 12 19 28 7 15 23 45 36 67 66 110 277
+478 277 483 0 3 6 13 14 21 7 9 27 41 43 71 17 30 45 80 63 110 34 57 375 649
+394 685 6 11 16 27 22 35 6 8 26 42 44 75 18 33 41 74 51 90 10 17 24 41 32
+55 54 97 72 128 88 152 11 14 19 28 19 30 0 3 79 141 175 308 96 167 175 305
+175 308 0 3 6 13 14 21 7 9 26 39 41 66 33 60 276 483 338 587 24 40 46 80 50
+88 4 8 13 24 20 35 14 23 95 163 125 215 11 19 52 91 92 160 40 69 80 139 90
+155 9 17 103 179 207 360 105 182 200 346 211 365 103 181 463 802 489 845 7
+11 15 27 19 35 4 8 29 51 55 95 64 110 828 1433 848 1470 9 17 24 41 33 55 9
+14 29 48 45 77 15 28 52 93 82 145 30 51 62 107 71 123 17 30 231 398 400 690
+51 88 103 179 115 202 12 23 26 48 32 55 6 7 24 38 40 68 17 30 61 107 98 170
+37 63 84 144 103 180 19 36 41 72 48 81 8 8 14 18 14 21 0 4 27 51 59 106 32
+55 72 124 89 154 16 29 71 125 122 213 51 88 104 180 118 205 13 25 28 50 32
+55 4 6 17 26 28 45 11 19 45 80 77 135 31 55 66 116 77 135 11 19 88 152 171
+295 401 694 620 1072 650 1125 11 19 87 152 170 295 83 143 158 273 166 288 9
+16 21 36 26 45 6 9 31 52 55 96 25 43 54 94 66 115 11 20 95 164 186 321 91
+157 173 299 182 315 9 17 26 46 37 65 12 19 66 114 121 210 56 96 108 186 117
+200 8 14 24 40 34 59 24 45 383 664 412 713 5 9 17 29 26 45 15 28 120 210
+241 419 36 61 68 117 72 125 4 8 12 23 19 34 35 57 245 420 262 453 11 20 35
+61 53 90 17 29 32 54 32 56 0 3 28 51 62 108 33 57 70 119 80 138 10 19 23 42
+28 50 5 8 32 53 59 100 27 47 149 258 271 470 122 212 234 405 248 430 30 53
+62 108 80 135 6 11 15 27 19 35 4 8 85 150 181 315 96 165 187 323 202 350 31
+56 116 202 130 225 5 8 25 42 43 75 19 33 92 159 162 280 149 257 157 271 202
+350 19 33 38 67 43 75 9 14 228 392 275 475 12 22 55 96 95 165 40 69 80 139
+90 155 24 42 202 350 221 383 9 15 27 47 41 72 14 25 75 131 136 236 61 106
+121 210 134 232 99 172 271 470 279 482 5 8 23 40 40 70 18 30 81 141 142 245
+60 105 121 210 135 235 14 25 71 124 127 220 56 96 143 247 194 335 51 88 96
+167 102 175 14 24 180 311 204 355 23 43 340 590 356 615 5 8 50 87 101 175
+171 301 517 898 582 1008 25 43 46 81 46 83 0 2 12 23 27 47 14 23 40 67 56
+97 16 30 35 62 42 70 7 8 15 22 18 30 4 8 20 38 37 65 16 28 33 57 37 65 6 12
+111 196 143 250 5 8 55 95 112 193 57 98 113 195 126 215 12 20 27 46 32 57 6
+11 14 27 20 35 5 8 76 130 156 270 80 140 165 287 187 325 23 39 52 90 66 115
+13 25 30 52 37 61 8 8 14 18 14 21 0 4 41 77 92 165 50 87 175 302 276 478
+101 176 208 360 236 408 28 49 67 117 86 152 19 35 41 70 48 77 6 6 12 15 12
+19 0 7 124 224 167 291 12 21 23 40 23 42 0 2 21 40 46 83 26 43 55 92 64 109
+54 95 327 568 354 614 19 30 45 75 59 100 71 128 82 145 89 148 4 2 8 8 8 13
+0 5 42 82 94 172 311 538 496 858 518 897 14 25 40 70 58 100 18 30 42 71 53
+90 10 19 79 139 152 265 73 127 142 246 153 265 10 19 43 76 72 125 29 50 63
+108 75 130 65 116 80 140 87 143 4 2 8 8 8 12 0 8 114 212 140 250 6 8 14 24
+20 35 5 11 54 97 108 190 l100 170 -9611 3 c-5286 1 -9614 -1 -9618 -5 -5 -6
+-419 -719 -619 -1068 -89 -155 -267 -463 -323 -560 -38 -66 -81 -140 -95 -165
+-31 -56 -263 -457 -526 -910 -110 -190 -224 -388 -254 -440 -29 -52 -61 -109
+-71 -125 -23 -39 -243 -420 -268 -465 -11 -19 -204 -352 -428 -740 -224 -388
+-477 -826 -563 -975 -85 -148 -185 -322 -222 -385 -37 -63 -120 -207 -185
+-320 -65 -113 -177 -306 -248 -430 -72 -124 -172 -297 -222 -385 -51 -88 -142
+-245 -202 -350 -131 -226 -247 -427 -408 -705 -65 -113 -249 -432 -410 -710
+-160 -278 -388 -673 -506 -877 -118 -205 -216 -373 -219 -373 -3 0 -52 82
+-109 183 -58 100 -144 250 -192 332 -95 164 -402 696 -647 1120 -85 149 -228
+396 -317 550 -212 365 -982 1700 -1008 1745 -10 19 -43 76 -72 125 -29 50 -64
+110 -77 135 -14 25 -63 110 -110 190 -47 80 -96 165 -110 190 -14 25 -99 171
+-188 325 -89 154 -174 300 -188 325 -13 25 -64 113 -112 195 -48 83 -140 242
+-205 355 -65 113 -183 317 -263 454 -79 137 -152 264 -163 282 -50 89 -335
+583 -354 614 -12 19 -34 58 -50 85 -15 28 -129 226 -253 440 -124 215 -235
+408 -247 430 -12 22 -69 121 -127 220 -58 99 -226 389 -373 645 -148 256 -324
+561 -392 678 -67 117 -134 232 -147 255 -13 23 -33 59 -46 80 l-22 37 -9615 0
+-9615 0 20 -32z"/>
+</g>
+</svg>
--- a/js/public/index.html
+++ b/js/public/index.html
@ -1,20 +1,23 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-  <%= VUE_APP_INJECT_COMMENT %>
-</head>
-
-<body>
-  <noscript>
-    <strong>We're sorry but mobilizon doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-  </noscript>
-  <div id="app"></div>
-  <!-- built files will be auto injected -->
-</body>
-
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <title><%= htmlWebpackPlugin.options.title %></title>
+    <!-- <%= VUE_APP_INJECT_COMMENT %> -->
+    <meta name="server-injected-data" />
+  </head>
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
+        properly without JavaScript enabled. Please enable it to
+        continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
 </html>
--- a/js/public/manifest.json
+++ b/js/public/manifest.json
@ -1,20 +0,0 @@
-{
-  "name": "Mobilizon",
-  "short_name": "mobilizon",
-  "icons": [
-    {
-      "src": "/img/icons/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/img/icons/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ],
-  "start_url": "/",
-  "display": "standalone",
-  "background_color": "#FAB12D",
-  "theme_color": "#424056"
-}
--- a/js/public/robots.txt
+++ b/js/public/robots.txt
@ -1,2 +1,2 @@
 User-agent: *
-Allow: /
+Disallow:
--- a/js/src/@types/v-tooltip/index.d.ts
+++ b/js/src/@types/v-tooltip/index.d.ts
@ -0,0 +1 @@
+declare module "v-tooltip";
--- a/js/src/@types/vuedraggable/index.d.ts
+++ b/js/src/@types/vuedraggable/index.d.ts
@ -0,0 +1,57 @@
+declare module "vuedraggable" {
+  import Vue, { ComponentOptions } from "vue";
+
+  export interface DraggedContext<T> {
+    index: number;
+    futureIndex: number;
+    element: T;
+  }
+
+  export interface DropContext<T> {
+    index: number;
+    component: Vue;
+    element: T;
+  }
+
+  export interface Rectangle {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+    width: number;
+    height: number;
+  }
+
+  export interface MoveEvent<T> {
+    originalEvent: DragEvent;
+    dragged: Element;
+    draggedContext: DraggedContext<T>;
+    draggedRect: Rectangle;
+    related: Element;
+    relatedContext: DropContext<T>;
+    relatedRect: Rectangle;
+    from: Element;
+    to: Element;
+    willInsertAfter: boolean;
+    isTrusted: boolean;
+  }
+
+  export interface ChangeEvent<T> {
+    added: {
+      newIndex: number;
+      element: T;
+    };
+    removed: {
+      oldIndex: number;
+      element: T;
+    };
+    moved: {
+      newIndex: number;
+      oldIndex: number;
+    };
+  }
+
+  const draggableComponent: ComponentOptions<Vue>;
+
+  export default draggableComponent;
+}
--- a/js/src/App.vue
+++ b/js/src/App.vue
@ -2,12 +2,39 @@
  <div id="mobilizon">
    <NavBar />
    <div class="container" v-if="config && config.demoMode">
-      <b-message type="is-danger" :title="$t('Warning').toLocaleUpperCase()" closable aria-close-label="Close">
-        <p v-html="`${$t('This is a demonstration site to test the beta version of Mobilizon.')} ${$t('<b>Please do not use it in any real way.</b>')}`" />
+      <b-message
+        type="is-danger"
+        :title="$t('Warning').toLocaleUpperCase()"
+        closable
+        aria-close-label="Close"
+      >
+        <p
+          v-html="
+            `${$t('This is a demonstration site to test the beta version of Mobilizon.')} ${$t(
+              '<b>Please do not use it in any real way.</b>'
+            )}`
+          "
+        />
        <p>
-          <span v-html="$t('Mobilizon is under development, we will add new features to this site during regular updates, until the release of <b>version 1 of the software in the first half of 2020</b>.')" />
-          <i18n path="In the meantime, please consider that the software is not (yet) finished. More information {onBlog}.">
-            <a slot="onBlog" :href="$i18n.locale === 'fr' ? 'https://framablog.org/?p=18268' : 'https://framablog.org/?p=18299'">{{ $t('on our blog') }}</a>
+          <span
+            v-html="
+              $t(
+                'Mobilizon is under development, we will add new features to this site during regular updates, until the release of <b>version 1 of the software in the first half of 2020</b>.'
+              )
+            "
+          />
+          <i18n
+            path="In the meantime, please consider that the software is not (yet) finished. More information {onBlog}."
+          >
+            <a
+              slot="onBlog"
+              :href="
+                $i18n.locale === 'fr'
+                  ? 'https://framablog.org/?p=18268'
+                  : 'https://framablog.org/?p=18299'
+              "
+              >{{ $t("on our blog") }}</a
+            >
          </i18n>
        </p>
      </b-message>
@ -22,20 +49,15 @@
 </template>

 <script lang="ts">
-import NavBar from '@/components/NavBar.vue';
-import { Component, Vue } from 'vue-property-decorator';
-import {
-  AUTH_ACCESS_TOKEN,
-  AUTH_USER_EMAIL,
-  AUTH_USER_ID,
-  AUTH_USER_ROLE,
-} from '@/constants';
-import { CURRENT_USER_CLIENT, UPDATE_CURRENT_USER_CLIENT } from '@/graphql/user';
-import Footer from '@/components/Footer.vue';
-import Logo from '@/components/Logo.vue';
-import { initializeCurrentActor } from '@/utils/auth';
-import { CONFIG } from '@/graphql/config';
-import { IConfig } from '@/types/config.model';
+import { Component, Vue } from "vue-property-decorator";
+import NavBar from "./components/NavBar.vue";
+import { AUTH_ACCESS_TOKEN, AUTH_USER_EMAIL, AUTH_USER_ID, AUTH_USER_ROLE } from "./constants";
+import { CURRENT_USER_CLIENT, UPDATE_CURRENT_USER_CLIENT } from "./graphql/user";
+import Footer from "./components/Footer.vue";
+import Logo from "./components/Logo.vue";
+import { initializeCurrentActor } from "./utils/auth";
+import { CONFIG } from "./graphql/config";
+import { IConfig } from "./types/config.model";
@Component({
  apollo: {
    currentUser: {
@ -46,7 +68,7 @@ import { IConfig } from '@/types/config.model';
  components: {
    Logo,
    NavBar,
-    'mobilizon-footer': Footer,
+    "mobilizon-footer": Footer,
  },
 })
 export default class App extends Vue {
@ -65,7 +87,7 @@ export default class App extends Vue {
    const role = localStorage.getItem(AUTH_USER_ROLE);

    if (userId && userEmail && accessToken && role) {
-      return await this.$apollo.mutate({
+      return this.$apollo.mutate({
        mutation: UPDATE_CURRENT_USER_CLIENT,
        variables: {
          id: userId,
@ -85,7 +107,7 @@ export default class App extends Vue {

 /* Bulma imports */
@import "~bulma/bulma";
-@import '~bulma-divider';
+@import "~bulma-divider";

 /* Buefy imports */
@import "~buefy/src/scss/buefy";
@ -94,31 +116,34 @@ export default class App extends Vue {
 $mdi-font-path: "~@mdi/font/fonts";
@import "~@mdi/font/scss/materialdesignicons";

-.fade-enter-active, .fade-leave-active {
-  transition: opacity .5s;
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s;
 }
-.fade-enter, .fade-leave-to {
+.fade-enter,
+.fade-leave-to {
  opacity: 0;
 }

-  body {
-    // background: #f7f8fa;
-    background: $body-background-color;
-    font-family: BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
+body {
+  // background: #f7f8fa;
+  background: $body-background-color;
+  font-family: BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans",
+    "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

-    /*main {*/
-    /*  margin: 1rem auto 0;*/
-    /*}*/
-  }
+  /*main {*/
+  /*  margin: 1rem auto 0;*/
+  /*}*/
+}

-  #mobilizon > .container > .message {
-    margin: 1rem auto auto;
-    .message-header {
-      button.delete {
-        background: #4a4a4a;
-      }
-
-      color: #111;
+#mobilizon > .container > .message {
+  margin: 1rem auto auto;
+  .message-header {
+    button.delete {
+      background: #4a4a4a;
    }
+
+    color: #111;
  }
+}
 </style>
--- a/js/src/apollo/user.ts
+++ b/js/src/apollo/user.ts
@ -1,19 +1,19 @@
-import { ApolloCache } from 'apollo-cache';
-import { NormalizedCacheObject } from 'apollo-cache-inmemory';
-import { ICurrentUserRole } from '@/types/current-user.model';
+import { ApolloCache } from "apollo-cache";
+import { NormalizedCacheObject } from "apollo-cache-inmemory";
+import { ICurrentUserRole } from "@/types/current-user.model";

-export function buildCurrentUserResolver(cache: ApolloCache<NormalizedCacheObject>) {
+export default function buildCurrentUserResolver(cache: ApolloCache<NormalizedCacheObject>) {
  cache.writeData({
    data: {
      currentUser: {
-        __typename: 'CurrentUser',
+        __typename: "CurrentUser",
        id: null,
        email: null,
        isLoggedIn: false,
        role: ICurrentUserRole.USER,
      },
      currentActor: {
-        __typename: 'CurrentActor',
+        __typename: "CurrentActor",
        id: null,
        preferredUsername: null,
        name: null,
@ -24,31 +24,49 @@ export function buildCurrentUserResolver(cache: ApolloCache<NormalizedCacheObjec

  return {
    Mutation: {
-      updateCurrentUser: (_, { id, email, isLoggedIn, role }, { cache }) => {
+      updateCurrentUser: (
+        _: any,
+        {
+          id,
+          email,
+          isLoggedIn,
+          role,
+        }: { id: string; email: string; isLoggedIn: boolean; role: string },
+        { cache: localCache }: { cache: ApolloCache<NormalizedCacheObject> }
+      ) => {
        const data = {
          currentUser: {
            id,
            email,
            isLoggedIn,
            role,
-            __typename: 'CurrentUser',
+            __typename: "CurrentUser",
          },
        };

-        cache.writeData({ data });
+        localCache.writeData({ data });
      },
-      updateCurrentActor: (_, { id, preferredUsername, avatar, name }, { cache }) => {
+      updateCurrentActor: (
+        _: any,
+        {
+          id,
+          preferredUsername,
+          avatar,
+          name,
+        }: { id: string; preferredUsername: string; avatar: string; name: string },
+        { cache: localCache }: { cache: ApolloCache<NormalizedCacheObject> }
+      ) => {
        const data = {
          currentActor: {
            id,
            preferredUsername,
            avatar,
            name,
-            __typename: 'CurrentActor',
+            __typename: "CurrentActor",
          },
        };

-        cache.writeData({ data });
+        localCache.writeData({ data });
      },
    },
  };
--- a/js/src/apollo/utils.ts
+++ b/js/src/apollo/utils.ts
@ -0,0 +1,63 @@
+import { IntrospectionFragmentMatcher, NormalizedCacheObject } from "apollo-cache-inmemory";
+import { IError, errors, defaultError, refreshSuggestion } from "@/utils/errors";
+import { AUTH_ACCESS_TOKEN, AUTH_REFRESH_TOKEN } from "@/constants";
+import { REFRESH_TOKEN } from "@/graphql/auth";
+import { saveTokenData } from "@/utils/auth";
+import { ApolloClient } from "apollo-client";
+
+export const fragmentMatcher = new IntrospectionFragmentMatcher({
+  introspectionQueryResultData: {
+    __schema: {
+      types: [
+        {
+          kind: "UNION",
+          name: "SearchResult",
+          possibleTypes: [{ name: "Event" }, { name: "Person" }, { name: "Group" }],
+        },
+        {
+          kind: "INTERFACE",
+          name: "Actor",
+          possibleTypes: [{ name: "Person" }, { name: "Group" }],
+        },
+      ],
+    },
+  },
+});
+
+export const computeErrorMessage = (message: any) => {
+  const error: IError = errors.reduce((acc, errorLocal) => {
+    if (RegExp(errorLocal.match).test(message)) {
+      return errorLocal;
+    }
+    return acc;
+  }, defaultError);
+
+  if (error.value === null) return null;
+  return error.suggestRefresh === false ? error.value : `${error.value}<br>${refreshSuggestion}`;
+};
+
+export async function refreshAccessToken(
+  apolloClient: ApolloClient<NormalizedCacheObject>
+): Promise<boolean> {
+  // Remove invalid access token, so the next request is not authenticated
+  localStorage.removeItem(AUTH_ACCESS_TOKEN);
+
+  const refreshToken = localStorage.getItem(AUTH_REFRESH_TOKEN);
+
+  console.log("Refreshing access token.");
+
+  try {
+    const res = await apolloClient.mutate({
+      mutation: REFRESH_TOKEN,
+      variables: {
+        refreshToken,
+      },
+    });