build/vue-loader.conf.js

+// SPDX-FileCopyrightText: 2017-2018 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+// SPDX-License-Identifier: MIT
+
 'use strict'
 
 module.exports = {

build/webpack.base.conf.js

+// SPDX-FileCopyrightText: 2017-2018 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+// SPDX-License-Identifier: MIT
+//
+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
 'use strict'
 const path = require('path')
 const utils = require('./utils')
@@ -31,7 +37,8 @@ module.exports = {
     publicPath:
       process.env.NODE_ENV === 'production'
         ? config.build.assetsPublicPath
-        : config.dev.assetsPublicPath
+        : config.dev.assetsPublicPath,
+    hashFunction: 'sha512'
   },
   resolve: {
     extensions: ['.js', '.vue', '.json'],
@@ -65,22 +72,14 @@ module.exports = {
         }
       },
       {
-        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-        loader: 'url-loader',
+        test: /\.(png|jpe?g|gif)(\?.*)?$/,
+        loader: 'file-loader',
         exclude: [resolve('src/icons')],
         options: {
           limit: 10000,
           name: utils.assetsPath('img/[name].[hash:7].[ext]')
         }
       },
-      {
-        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          limit: 10000,
-          name: utils.assetsPath('media/[name].[hash:7].[ext]')
-        }
-      },
       {
         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
         loader: 'file-loader',

build/webpack.dev.conf.js

+// SPDX-FileCopyrightText: 2017-2018 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+// SPDX-License-Identifier: MIT
+//
+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
 'use strict'
 const path = require('path')
 const utils = require('./utils')
@@ -6,8 +12,6 @@ const config = require('../config')
 const merge = require('webpack-merge')
 const baseWebpackConfig = require('./webpack.base.conf')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
-const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
-const portfinder = require('portfinder')
 
 function resolve(dir) {
   return path.join(__dirname, '..', dir)
@@ -43,12 +47,11 @@ const devWebpackConfig = merge(baseWebpackConfig, {
       : false,
     publicPath: devEnv.ASSETS_PUBLIC_PATH,
     proxy: config.dev.proxyTable,
-    quiet: true, // necessary for FriendlyErrorsPlugin
     watchOptions: {
       poll: config.dev.poll
     },
     headers: {
-      'content-security-policy': "base-uri 'self'; frame-ancestors 'none'; img-src 'self' data: https:; media-src 'self' https:; style-src 'self' 'unsafe-inline'; font-src 'self'; manifest-src 'self'; script-src 'self';"
+      'content-security-policy': "base-uri 'self'; frame-ancestors 'none'; img-src 'self' data: https: http:; media-src 'self' https:; style-src 'self' 'unsafe-inline'; font-src 'self'; manifest-src 'self'; script-src 'self';"
     }
   },
   plugins: [
@@ -71,33 +74,5 @@ const devWebpackConfig = merge(baseWebpackConfig, {
 })
 
 module.exports = new Promise((resolve, reject) => {
-  portfinder.basePort = process.env.PORT || config.dev.port
-  portfinder.getPort((err, port) => {
-    if (err) {
-      reject(err)
-    } else {
-      // publish the new Port, necessary for e2e tests
-      process.env.PORT = port
-      // add port to devServer config
-      devWebpackConfig.devServer.port = port
-
-      // Add FriendlyErrorsPlugin
-      devWebpackConfig.plugins.push(
-        new FriendlyErrorsPlugin({
-          compilationSuccessInfo: {
-            messages: [
-              `Your application is running here: http://${
-                devWebpackConfig.devServer.host
-              }:${port}`
-            ]
-          },
-          onErrors: config.dev.notifyOnErrors
-            ? utils.createNotifierCallback()
-            : undefined
-        })
-      )
-
-      resolve(devWebpackConfig)
-    }
-  })
+  resolve(devWebpackConfig)
 })

build/webpack.prod.conf.js

+// SPDX-FileCopyrightText: 2017-2018 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+// SPDX-License-Identifier: MIT
+//
+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
 'use strict'
 const path = require('path')
 const utils = require('./utils')
@@ -5,9 +11,7 @@ const webpack = require('webpack')
 const config = require('../config')
 const merge = require('webpack-merge')
 const baseWebpackConfig = require('./webpack.base.conf')
-const CopyWebpackPlugin = require('copy-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
-const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin')
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
@@ -44,8 +48,8 @@ const webpackConfig = merge(baseWebpackConfig, {
     }),
     // extract css into its own file
     new MiniCssExtractPlugin({
-      filename: utils.assetsPath('css/[name].[contenthash:8].css'),
-      chunkFilename: utils.assetsPath('css/[name].[contenthash:8].css')
+      filename: '[name].[contenthash:8].css',
+      chunkFilename: '[name].[contenthash:8].css'
     }),
     // generate dist index.html with correct asset hash for caching.
     // you can customize output by editing /index.html
@@ -89,14 +93,6 @@ const webpackConfig = merge(baseWebpackConfig, {
     }),
     // keep module.id stable when vender modules does not change
     new webpack.HashedModuleIdsPlugin(),
-    // copy custom static assets
-    new CopyWebpackPlugin([
-      {
-        from: path.resolve(__dirname, '../static'),
-        to: config.build.assetsSubDirectory,
-        ignore: ['.*']
-      }
-    ])
   ],
   optimization: {
     splitChunks: {
@@ -156,28 +152,4 @@ if (config.build.productionGzip) {
   )
 }
 
-if (config.build.generateAnalyzerReport || config.build.bundleAnalyzerReport) {
-  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
-    .BundleAnalyzerPlugin
-
-  if (config.build.bundleAnalyzerReport) {
-    webpackConfig.plugins.push(
-      new BundleAnalyzerPlugin({
-        analyzerPort: 8080,
-        generateStatsFile: false
-      })
-    )
-  }
-
-  if (config.build.generateAnalyzerReport) {
-    webpackConfig.plugins.push(
-      new BundleAnalyzerPlugin({
-        analyzerMode: 'static',
-        reportFilename: 'bundle-report.html',
-        openAnalyzer: false
-      })
-    )
-  }
-}
-
 module.exports = webpackConfig

config/dev.env.js

+// SPDX-FileCopyrightText: 2017-2019 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+// SPDX-License-Identifier: MIT
+//
+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
 module.exports = {
   NODE_ENV: '"development"',
   ENV_CONFIG: '"dev"',
+  DISABLED_FEATURES: '[""]',
   ASSETS_PUBLIC_PATH: '/'
 }

config/index.js

+// SPDX-FileCopyrightText: 2017-2019 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+// SPDX-License-Identifier: MIT
+//
+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
 'use strict'
 // Template version: 1.2.6
 // see http://vuejs-templates.github.io/webpack for documentation.
@@ -65,7 +71,7 @@ module.exports = {
     /**
      * Source Maps
      */
-    productionSourceMap: false,
+    productionSourceMap: true,
     // https://webpack.js.org/configuration/devtool/#production
     devtool: 'source-map',
 

config/prod.env.js

+// SPDX-FileCopyrightText: 2017-2019 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+// SPDX-License-Identifier: MIT
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+
 module.exports = {
   NODE_ENV: '"production"',
   ENV_CONFIG: '"prod"',
   BASE_API: '"https://api-prod"',
+  DISABLED_FEATURES: '[""]',
   ASSETS_PUBLIC_PATH: '/pleroma/admin/'
 }

config/sit.env.js

+// SPDX-FileCopyrightText: 2017-2019 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+// SPDX-License-Identifier: MIT
+
 module.exports = {
   NODE_ENV: '"production"',
   ENV_CONFIG: '"sit"',

docker/docker-entrypoint.sh

+#!/bin/sh
+
+# SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+set -e
+envsubst "$(env | sed -e 's/=.*//' -e 's/^/\$/g')" < "/etc/nginx/nginx.conf.tpl" > "/etc/nginx/nginx.conf"
+exec "$@"

docker/nginx.conf.tpl

+# SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+# SPDX-License-Identifier: AGPL-3.0-only
+
+user  nginx;
+worker_processes  1;
+error_log  /var/log/nginx/error.log warn;
+pid        /tmp/nginx.pid;
+events {
+    worker_connections  1024;
+}
+http {
+    client_body_temp_path /tmp/client_temp;
+    proxy_temp_path       /tmp/proxy_temp_path;
+    fastcgi_temp_path     /tmp/fastcgi_temp;
+    uwsgi_temp_path       /tmp/uwsgi_temp;
+    scgi_temp_path        /tmp/scgi_temp;
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+    access_log  /var/log/nginx/access.log  main;
+    sendfile        on;
+    keepalive_timeout  65;
+    proxy_cache_path /tmp/pleroma-media-cache levels=1:2 keys_zone=pleroma_media_cache:10m max_size=10g
+                     inactive=720m use_temp_path=off;
+    server {
+        listen 80;
+        server_name _;
+        root /usr/share/nginx/html;
+        location / {
+        try_files $uri $uri/ /index.html;
+      }
+    }
+}

index.html

+<!--
+SPDX-FileCopyrightText: 2017-2019 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+SPDX-License-Identifier: MIT
+-->
+
 <!DOCTYPE html>
 <html>
   <head>
@@ -8,7 +13,6 @@
     <title>Admin FE</title>
   </head>
   <body>
-    <script src=<%= BASE_URL %>/tinymce4.7.5/tinymce.min.js></script>
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>

package.json

@@ -5,20 +5,13 @@
   "author": "Pan <panfree23@gmail.com>",
   "license": "MIT",
   "scripts": {
-    "dev": "cross-env BABEL_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
-    "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
-    "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
+    "dev": "cross-env BABEL_ENV=development NODE_OPTIONS=--openssl-legacy-provider webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "build:prod": "cross-env NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=production env_config=prod node build/build.js",
+    "build:sit": "cross-env NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=production env_config=sit node build/build.js",
     "lint": "eslint --ext .js,.vue src",
     "test": "jest",
     "test:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
-    "precommit": "lint-staged",
-    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"
-  },
-  "lint-staged": {
-    "src/**/*.{js,vue}": [
-      "eslint --fix",
-      "git add"
-    ]
+    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.json"
   },
   "keywords": [
     "vue",
@@ -29,108 +22,88 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/PanJiaChen/vue-element-admin.git"
+    "url": "git+https://git.pleroma.social/pleroma/admin-fe.git"
+  },
+  "resolutions": {
+    "prosemirror-model": "1.18.3"
   },
   "bugs": {
-    "url": "https://github.com/PanJiaChen/vue-element-admin/issues"
+    "url": "https://git.pleroma.social/pleroma/admin-fe/-/issues"
   },
   "dependencies": {
-    "@babel/runtime": "^7.3.4",
-    "axios": "0.18.0",
-    "clipboard": "1.7.1",
-    "codemirror": "5.39.2",
-    "driver.js": "0.8.1",
-    "dropzone": "5.2.0",
-    "echarts": "4.1.0",
-    "element-ui": "^2.7.0",
-    "file-saver": "1.3.8",
-    "fuse.js": "3.4.2",
-    "js-cookie": "2.2.0",
-    "jsonlint": "1.6.3",
-    "jszip": "3.1.5",
-    "lodash": "^4.17.11",
-    "lodash.debounce": "^4.0.8",
-    "moment": "^2.24.0",
+    "@babel/runtime": "7.19.0",
+    "axios": "0.27.2",
+    "clipboard": "2.0.11",
+    "element-ui": "2.15.12",
+    "js-cookie": "2.2.1",
+    "localforage": "1.10.0",
+    "lodash": "4.17.21",
+    "lodash.debounce": "4.0.8",
+    "marked": "0.8.2",
+    "luxon": "3.1.1",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
-    "numeral": "^2.0.6",
-    "screenfull": "4.0.0",
-    "showdown": "1.8.6",
-    "sortablejs": "1.7.0",
-    "tui-editor": "1.2.7",
-    "vue": "^2.6.8",
-    "vue-count-to": "1.0.13",
-    "vue-i18n": "^8.9.0",
-    "vue-router": "3.0.2",
-    "vue-splitpane": "1.0.2",
-    "vuedraggable": "^2.16.0",
-    "vuex": "3.0.1",
-    "xlsx": "^0.11.16"
+    "numeral": "2.0.6",
+    "tiptap": "1.32.2",
+    "tiptap-extensions": "1.35.2",
+    "vue": "2.7.8",
+    "vue-i18n": "8.28.2",
+    "vue-router": "3.6.5",
+    "vuex": "3.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.3.4",
-    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "@babel/plugin-transform-runtime": "^7.3.4",
-    "@babel/preset-env": "^7.3.4",
-    "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0-beta.2",
-    "@vue/babel-preset-jsx": "^1.0.0-beta.2",
-    "@vue/test-utils": "^1.0.0-beta.29",
-    "autoprefixer": "8.5.0",
+    "@babel/core": "7.19.1",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/plugin-transform-runtime": "7.19.1",
+    "@babel/preset-env": "7.19.1",
+    "@vue/babel-helper-vue-jsx-merge-props": "1.4.0",
+    "@vue/babel-preset-jsx": "1.4.0",
+    "@vue/test-utils": "1.3.3",
+    "autoprefixer": "10.4.16",
     "babel-eslint": "8.2.6",
     "babel-helper-vue-jsx-merge-props": "2.0.3",
-    "babel-jest": "^24.1.0",
-    "babel-loader": "^8.0.5",
-    "babel-plugin-dynamic-import-node-babel-7": "^2.0.7",
-    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
-    "chalk": "2.4.1",
+    "babel-jest": "25.5.1",
+    "babel-loader": "8.2.5",
+    "babel-plugin-dynamic-import-node-babel-7": "2.0.7",
+    "babel-plugin-transform-es2015-modules-commonjs": "6.26.2",
     "compression-webpack-plugin": "2.0.0",
-    "connect": "3.6.6",
-    "copy-webpack-plugin": "4.5.2",
-    "cross-env": "5.2.0",
-    "css-loader": "1.0.0",
+    "connect": "3.7.0",
+    "cross-env": "7.0.3",
+    "css-loader": "1.0.1",
     "eslint": "4.19.1",
     "eslint-friendly-formatter": "4.0.1",
-    "eslint-loader": "2.0.0",
+    "eslint-loader": "2.2.1",
     "eslint-plugin-vue": "4.7.1",
     "file-loader": "1.1.11",
-    "flush-promises": "^1.0.2",
-    "friendly-errors-webpack-plugin": "1.7.0",
+    "flush-promises": "1.0.2",
     "hash-sum": "1.0.2",
-    "html-webpack-plugin": "^3.2.0",
-    "husky": "0.14.3",
-    "jest": "^24.1.0",
-    "jest-transform-stub": "^2.0.0",
-    "lint-staged": "7.2.2",
-    "mini-css-extract-plugin": "0.4.1",
-    "node-notifier": "5.2.1",
-    "node-sass": "^4.7.2",
-    "optimize-css-assets-webpack-plugin": "5.0.0",
-    "ora": "3.0.0",
+    "html-webpack-plugin": "3.2.0",
+    "jest": "25.5.4",
+    "jest-transform-stub": "2.0.0",
+    "mini-css-extract-plugin": "0.12.0",
+    "sass": "1.57.1",
+    "optimize-css-assets-webpack-plugin": "5.0.8",
+    "ora": "3.4.0",
     "path-to-regexp": "2.4.0",
-    "portfinder": "1.0.13",
-    "postcss-import": "11.1.0",
-    "postcss-loader": "2.1.6",
-    "postcss-url": "7.3.2",
-    "rimraf": "2.6.2",
-    "sass-loader": "7.0.3",
-    "script-ext-html-webpack-plugin": "2.0.1",
+    "postcss": "8.4.20",
+    "postcss-loader": "4.3.0",
+    "postcss-url": "10.1.3",
+    "rimraf": "2.7.1",
+    "sass-loader": "7.3.1",
     "script-loader": "0.7.2",
-    "semver": "5.5.0",
-    "serve-static": "1.13.2",
-    "shelljs": "0.8.2",
-    "svg-sprite-loader": "3.8.0",
-    "svgo": "1.0.5",
-    "uglifyjs-webpack-plugin": "1.2.7",
-    "url-loader": "1.0.1",
-    "vue-jest": "4.0.0-beta.2",
-    "vue-loader": "15.3.0",
-    "vue-style-loader": "4.1.2",
-    "vue-template-compiler": "^2.6.8",
-    "webpack": "^4.29.6",
-    "webpack-bundle-analyzer": "2.13.1",
-    "webpack-cli": "^3.2.3",
-    "webpack-dev-server": "3.1.14",
-    "webpack-merge": "4.1.4"
+    "semver": "5.7.1",
+    "serve-static": "1.15.0",
+    "svg-sprite-loader": "3.9.2",
+    "svgo": "2.8.0",
+    "uglifyjs-webpack-plugin": "1.3.0",
+    "vue-jest": "4.0.1",
+    "vue-loader": "15.10.1",
+    "vue-style-loader": "4.1.3",
+    "vue-template-compiler": "2.7.8",
+    "webpack": "4.46.0",
+    "webpack-cli": "3.3.12",
+    "webpack-dev-server": "3.11.3",
+    "webpack-merge": "4.2.2"
   },
   "engines": {
     "node": ">= 6.0.0",
@@ -142,6 +115,7 @@
     "not ie <= 8"
   ],
   "jest": {
+    "coverageReporters": ["cobertura", "text-summary"],
     "moduleFileExtensions": [
       "js",
       "json",

renovate.json

+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:base"
+  ]
+}

src/App.vue

+<!--
+SPDX-FileCopyrightText: 2017-2019 PanJiaChen <https://github.com/PanJiaChen/vue-element-admin>
+SPDX-License-Identifier: MIT
+-->
+
 <template>
   <div id="app">
     <router-view/>

src/api/__mocks__/app.js

+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
+export async function needReboot(authHost, token) {
+  return Promise.resolve({ data: false })
+}
+
+export async function restartApp(authHost, token) {
+  return Promise.resolve()
+}

src/api/__mocks__/chat.js

+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
+export async function fetchChat(id, authHost, token) {
+  return Promise.resolve({ data: userChats[0] })
+}
+
+export async function fetchChatMessages(id, max_id, authHost, token) {
+  return Promise.resolve({ data: chatMessages })
+}
+
+export async function deleteChat(chat_id, message_id, authHost, token) {
+  return Promise.resolve({ data: userChats[0] })
+}
+
+export const userChats = [
+  {
+    id: '9y8e7ESoVUiKVMAoCW',
+    last_message: {
+      account_id: '9xUIiQfGrdPJDZe39s',
+      attachment: null,
+      card: null,
+      chat_id: '9y8e7ESoVUiKVMAoCW',
+      content: 'heyy',
+      created_at: '2020-09-11T00:07:13.000Z',
+      emojis: [],
+      id: '9z22Q9MzWiAk7GZnNY',
+      unread: false
+    },
+    receiver: {
+      acct: 'test10',
+      avatar: 'http://localhost:4000/images/avi.png',
+      avatar_static: 'http://localhost:4000/images/avi.png',
+      bot: false,
+      created_at: '2020-07-27T00:33:02.000Z',
+      display_name: 'test10',
+      emojis: [],
+      fields: [],
+      followers_count: 2,
+      following_count: 1,
+      header: 'http://localhost:4000/images/banner.png',
+      header_static: 'http://localhost:4000/images/banner.png',
+      id: '9xUj5WTmzSlFPN6OLg',
+      locked: false,
+      note: '',
+      pleroma: {
+        accepts_chat_messages: true,
+        ap_id: 'http://localhost:4000/users/test10',
+        background_image: null,
+        is_confirmed: true,
+        favicon: null,
+        hide_favorites: true,
+        hide_followers: false,
+        hide_followers_count: false,
+        hide_follows: false,
+        hide_follows_count: false,
+        is_admin: false,
+        is_moderator: true,
+        relationship: {},
+        skip_thread_containment: false,
+        tags: [
+          'mrf_tag:media-force-nsfw',
+          'mrf_tag:media-strip',
+          'mrf_tag:force-unlisted'
+        ]
+      },
+      source: {
+        fields: [],
+        note: '',
+        pleroma: {
+          actor_type: 'Person',
+          discoverable: false
+        },
+        sensitive: false
+      },
+      statuses_count: 20,
+      url: 'http://localhost:4000/users/test10',
+      username: 'test10'
+    },
+    sender: {
+      acct: 'mk',
+      avatar: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
+      avatar_static: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
+      bot: false,
+      created_at: '2020-07-26T19:37:31.000Z',
+      display_name: 'mk',
+      emojis: [],
+      fields: [
+        {
+          name: 'website',
+          value: '<a href="http://marykatefain.com" rel="ugc">marykatefain.com</a>'
+        }
+      ],
+      followers_count: 2,
+      following_count: 1,
+      header: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
+      header_static: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
+      id: '9xUIiQfGrdPJDZe39s',
+      locked: false,
+      note: 'a bio about me',
+      pleroma: {
+        accepts_chat_messages: true,
+        ap_id: 'https://localhost/users/mk',
+        background_image: null,
+        is_confirmed: true,
+        favicon: null,
+        hide_favorites: true,
+        hide_followers: false,
+        hide_followers_count: false,
+        hide_follows: false,
+        hide_follows_count: false,
+        is_admin: true,
+        is_moderator: false,
+        relationship: {},
+        skip_thread_containment: false,
+        tags: [
+          'verified'
+        ]
+      },
+      source: {
+        fields: [
+          {
+            name: 'website',
+            value: 'marykatefain.com'
+          }
+        ],
+        note: 'a bio about me',
+        pleroma: {
+          actor_type: 'Person',
+          discoverable: false
+        },
+        sensitive: false
+      },
+      statuses_count: 77,
+      url: 'https://localhost/users/mk',
+      username: 'mk'
+    },
+    unread: 0,
+    updated_at: '2020-09-11T00:07:13.000Z'
+  },
+  {
+    id: '9y8dwDAQzFBZIZJzEG',
+    last_message: {
+      account_id: '9xUIiQfGrdPJDZe39s',
+      attachment: null,
+      card: null,
+      chat_id: '9y8dwDAQzFBZIZJzEG',
+      content: 'hiiiiiiiiiiiiiiiiiii',
+      created_at: '2020-08-15T06:45:13.000Z',
+      emojis: [],
+      id: '9y8e4EZndDmfzA0lGa',
+      unread: false
+    },
+    receiver: {
+      acct: 'user2',
+      avatar: 'http://localhost:4000/media/5a702176cd5181f81532a42fafa87953db1586ca39a3c83cd3df1bc9b5cb7d07.png',
+      avatar_static: 'http://localhost:4000/media/5a702176cd5181f81532a42fafa87953db1586ca39a3c83cd3df1bc9b5cb7d07.png',
+      bot: false,
+      created_at: '2020-08-01T19:23:57.000Z',
+      display_name: 'User2',
+      emojis: [],
+      fields: [],
+      followers_count: 0,
+      following_count: 2,
+      header: 'http://localhost:4000/media/1b1fc87d56e4f94b0ca8eb23100c92f67371bfa37b2898cd804341ed1a2d5c84.jpg',
+      header_static: 'http://localhost:4000/media/1b1fc87d56e4f94b0ca8eb23100c92f67371bfa37b2898cd804341ed1a2d5c84.jpg',
+      id: '9xfhRuCIyydruc0Sh6',
+      locked: false,
+      note: 'Just me!',
+      pleroma: {
+        accepts_chat_messages: true,
+        ap_id: 'http://localhost:4000/users/user2',
+        background_image: null,
+        is_confirmed: false,
+        favicon: null,
+        hide_favorites: true,
+        hide_followers: false,
+        hide_followers_count: false,
+        hide_follows: false,
+        hide_follows_count: false,
+        is_admin: false,
+        is_moderator: false,
+        relationship: {},
+        skip_thread_containment: false,
+        tags: [
+          'mrf_tag:force-unlisted',
+          'mrf_tag:media-strip'
+        ]
+      },
+      source: {
+        fields: [],
+        note: 'Just me!',
+        pleroma: {
+          actor_type: 'Person',
+          discoverable: false
+        },
+        sensitive: false
+      },
+      statuses_count: 69,
+      url: 'http://localhost:4000/users/user2',
+      username: 'user2'
+    },
+    sender: {
+      acct: 'mk',
+      avatar: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
+      avatar_static: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
+      bot: false,
+      created_at: '2020-07-26T19:37:31.000Z',
+      display_name: 'mk',
+      emojis: [],
+      fields: [
+        {
+          name: 'website',
+          value: '<a href="http://marykatefain.com" rel="ugc">marykatefain.com</a>'
+        }
+      ],
+      followers_count: 2,
+      following_count: 1,
+      header: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
+      header_static: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
+      id: '9xUIiQfGrdPJDZe39s',
+      locked: false,
+      note: 'a bio about me',
+      pleroma: {
+        accepts_chat_messages: true,
+        ap_id: 'https://localhost/users/mk',
+        background_image: null,
+        is_confirmed: true,
+        favicon: null,
+        hide_favorites: true,
+        hide_followers: false,
+        hide_followers_count: false,
+        hide_follows: false,
+        hide_follows_count: false,
+        is_admin: true,
+        is_moderator: false,
+        relationship: {},
+        skip_thread_containment: false,
+        tags: [
+          'verified'
+        ]
+      },
+      source: {
+        fields: [
+          {
+            name: 'website',
+            value: 'marykatefain.com'
+          }
+        ],
+        note: 'a bio about me',
+        pleroma: {
+          actor_type: 'Person',
+          discoverable: false
+        },
+        sensitive: false
+      },
+      statuses_count: 77,
+      url: 'https://localhost/users/mk',
+      username: 'mk'
+    },
+    unread: 0,
+    updated_at: '2020-08-15T06:45:13.000Z'
+  },
+  {
+    id: '9y8dubemxq32fkkoeu',
+    last_message: null,
+    receiver: {
+      acct: 'mk',
+      avatar: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
+      avatar_static: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
+      bot: false,
+      created_at: '2020-07-26T19:37:31.000Z',
+      display_name: 'mk',
+      emojis: [],
+      fields: [
+        {
+          name: 'website',
+          value: '<a href="http://marykatefain.com" rel="ugc">marykatefain.com</a>'
+        }
+      ],
+      followers_count: 2,
+      following_count: 1,
+      header: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
+      header_static: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
+      id: '9xUIiQfGrdPJDZe39s',
+      locked: false,
+      note: 'a bio about me',
+      pleroma: {
+        accepts_chat_messages: true,
+        ap_id: 'https://localhost/users/mk',
+        background_image: null,
+        is_confirmed: true,
+        favicon: null,
+        hide_favorites: true,
+        hide_followers: false,
+        hide_followers_count: false,
+        hide_follows: false,
+        hide_follows_count: false,
+        is_admin: true,
+        is_moderator: false,
+        relationship: {},
+        skip_thread_containment: false,
+        tags: [
+          'verified'
+        ]
+      },
+      source: {
+        fields: [
+          {
+            name: 'website',
+            value: 'marykatefain.com'
+          }
+        ],
+        note: 'a bio about me',
+        pleroma: {
+          actor_type: 'Person',
+          discoverable: false
+        },
+        sensitive: false
+      },
+      statuses_count: 77,
+      url: 'https://localhost/users/mk',
+      username: 'mk'
+    },
+    sender: {
+      acct: 'mk',
+      avatar: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
+      avatar_static: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
+      bot: false,
+      created_at: '2020-07-26T19:37:31.000Z',
+      display_name: 'mk',
+      emojis: [],
+      fields: [
+        {
+          name: 'website',
+          value: '<a href="http://marykatefain.com" rel="ugc">marykatefain.com</a>'
+        }
+      ],
+      followers_count: 2,
+      following_count: 1,
+      header: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
+      header_static: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
+      id: '9xUIiQfGrdPJDZe39s',
+      locked: false,
+      note: 'a bio about me',
+      pleroma: {
+        accepts_chat_messages: true,
+        ap_id: 'https://localhost/users/mk',
+        background_image: null,
+        is_confirmed: true,
+        favicon: null,
+        hide_favorites: true,
+        hide_followers: false,
+        hide_followers_count: false,
+        hide_follows: false,
+        hide_follows_count: false,
+        is_admin: true,
+        is_moderator: false,
+        relationship: {},
+        skip_thread_containment: false,
+        tags: [
+          'verified'
+        ]
+      },
+      source: {
+        fields: [
+          {
+            name: 'website',
+            value: 'marykatefain.com'
+          }
+        ],
+        note: 'a bio about me',
+        pleroma: {
+          actor_type: 'Person',
+          discoverable: false
+        },
+        sensitive: false
+      },
+      statuses_count: 77,
+      url: 'https://localhost/users/mk',
+      username: 'mk'
+    },
+    unread: 0,
+    updated_at: '2020-08-15T06:43:29.000Z'
+  }
+]
+
+export const chatMessages = [
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'heyy',
+    created_at: '2020-09-11T00:07:13.000Z',
+    emojis: [],
+    id: '9z22Q9MzWiAk7GZnNY',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: {
+      description: null,
+      id: '-1990764178',
+      pleroma: {
+        mime_type: 'image/png'
+      },
+      preview_url: 'http://localhost:4000/media/b087b890b39aa8301f736e8b45c02213183986c8a994c2c99e921ae85afa17e4.png',
+      remote_url: 'http://localhost:4000/media/b087b890b39aa8301f736e8b45c02213183986c8a994c2c99e921ae85afa17e4.png',
+      text_url: 'http://localhost:4000/media/b087b890b39aa8301f736e8b45c02213183986c8a994c2c99e921ae85afa17e4.png',
+      type: 'image',
+      url: 'http://localhost:4000/media/b087b890b39aa8301f736e8b45c02213183986c8a994c2c99e921ae85afa17e4.png'
+    },
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: null,
+    created_at: '2020-09-10T20:35:33.000Z',
+    emojis: [],
+    id: '9z1jWuQNaq8Ef6fdOS',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'probably',
+    created_at: '2020-09-10T16:57:33.000Z',
+    emojis: [],
+    id: '9z1Q4eXb9kBYA8rNT6',
+    unread: false
+  },
+  {
+    account_id: '9xUj5WTmzSlFPN6OLg',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'That has got to be 20 by now',
+    created_at: '2020-09-10T16:57:29.000Z',
+    emojis: [],
+    id: '9z1Q4LQAF9wuraEfk8',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'I miss bars :(',
+    created_at: '2020-09-10T16:57:22.000Z',
+    emojis: [],
+    id: '9z1Q3gmlKEfEpnUdm4',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'Yeah tying to!',
+    created_at: '2020-09-10T16:57:15.000Z',
+    emojis: [],
+    id: '9z1Q307VxCiKVhs6eO',
+    unread: false
+  },
+  {
+    account_id: '9xUj5WTmzSlFPN6OLg',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'staying safe with covid and such?',
+    created_at: '2020-09-10T16:57:10.000Z',
+    emojis: [],
+    id: '9z1Q2Z56U3k6ePXIe1',
+    unread: false
+  },
+  {
+    account_id: '9xUj5WTmzSlFPN6OLg',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'how have you been?',
+    created_at: '2020-09-10T16:57:06.000Z',
+    emojis: [],
+    id: '9z1Q29XvQHLfSGowxU',
+    unread: false
+  },
+  {
+    account_id: '9xUj5WTmzSlFPN6OLg',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'so what are you doing?',
+    created_at: '2020-09-10T16:57:02.000Z',
+    emojis: [],
+    id: '9z1Q1lPb9aQYbUjxeD',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'crazy',
+    created_at: '2020-09-10T16:56:55.000Z',
+    emojis: [],
+    id: '9z1Q19zQHwVMXbD2DA',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'omg yeah same',
+    created_at: '2020-09-10T16:56:54.000Z',
+    emojis: [],
+    id: '9z1Q12zWJBQIpsCVtI',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'hahahaha',
+    created_at: '2020-09-10T16:56:51.000Z',
+    emojis: [],
+    id: '9z1Q0pyKiHkWSQXsjg',
+    unread: false
+  },
+  {
+    account_id: '9xUj5WTmzSlFPN6OLg',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'I think this is 13',
+    created_at: '2020-09-10T16:56:45.000Z',
+    emojis: [],
+    id: '9z1Q0Ft6sEBGXnpCb3',
+    unread: false
+  },
+  {
+    account_id: '9xUj5WTmzSlFPN6OLg',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'We need to keep typing until we hit 20',
+    created_at: '2020-09-10T16:56:42.000Z',
+    emojis: [],
+    id: '9z1PzywjrTyy08OMOO',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'That&#39;s nice',
+    created_at: '2020-09-10T16:56:03.000Z',
+    emojis: [],
+    id: '9z1PwOkJzs8orKsJDU',
+    unread: false
+  },
+  {
+    account_id: '9xUj5WTmzSlFPN6OLg',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'I&#39;ve been good! Keeping busy',
+    created_at: '2020-09-10T16:56:00.000Z',
+    emojis: [],
+    id: '9z1Pw7qmoaDASSljQv',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: '*been',
+    created_at: '2020-09-10T16:55:55.000Z',
+    emojis: [],
+    id: '9z1PvcWVHwZFIa2b0y',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'How have you ben?',
+    created_at: '2020-09-10T16:55:52.000Z',
+    emojis: [],
+    id: '9z1PvK4BuTE03YejNw',
+    unread: false
+  },
+  {
+    account_id: '9xUIiQfGrdPJDZe39s',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'Oh it&#39;s okay! No worries!',
+    created_at: '2020-09-10T16:55:44.000Z',
+    emojis: [],
+    id: '9z1Puc4hTDUJcOYW4O',
+    unread: false
+  },
+  {
+    account_id: '9xUj5WTmzSlFPN6OLg',
+    attachment: null,
+    card: null,
+    chat_id: '9y8e7ESoVUiKVMAoCW',
+    content: 'didn&#39;t mean to ignore you',
+    created_at: '2020-09-10T16:55:32.000Z',
+    emojis: [],
+    id: '9z1PtWGNamQTIvUspk',
+    unread: false
+  }
+]

src/api/__mocks__/emojiPacks.js

+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
+export async function addNewEmojiFile(packName, file, shortcode, filename, host, token) {
+  return Promise.resolve()
+}
+
+export function addressOfEmojiInPack(host, packName, name) {
+  return Promise.resolve()
+}
+
+export async function createPack(host, token, packName) {
+  return Promise.resolve()
+}
+
+export async function deleteEmojiFile(packName, shortcode, host, token) {
+  return Promise.resolve()
+}
+
+export async function deletePack(host, token, packName) {
+  return Promise.resolve()
+}
+
+export async function downloadFrom(instanceAddress, packName, as, host, token) {
+  return Promise.resolve()
+}
+
+export async function fetchPack(packName, page, pageSize, host, token) {
+  return Promise.resolve()
+}
+
+export async function importFromFS(host, token) {
+  return Promise.resolve()
+}
+
+export async function listPacks(page, pageSize, host, token) {
+  return Promise.resolve()
+}
+
+export async function listRemotePacks(instance, page, pageSize, host, token) {
+  return Promise.resolve()
+}
+
+export async function reloadEmoji(host, token) {
+  return Promise.resolve()
+}
+
+export async function savePackMetadata(host, token, packName, metadata) {
+  return Promise.resolve()
+}
+
+export async function updateEmojiFile(packName, shortcode, newShortcode, newFilename, force, host, token) {
+  return Promise.resolve()
+}

src/api/__mocks__/invites.js

+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
+let inviteTokens = [
+  { expires_at: '01-01-2020', id: 1, invite_type: 'one_time', max_use: 3, token: 'DCN8XyTsVEuz9_KuxPlkbH1RgMsMHepwmZE2gyX07Jw=', used: false, uses: 1 },
+  { expires_at: '02-02-2020', id: 2, invite_type: 'one_time', max_use: 1, token: 'KnJTHNedj2Mh14ckx06t-VfOuFL8oNA0nVAK1HLeLf4=', used: true, uses: 1 },
+  { expires_at: '03-03-2020', id: 3, invite_type: 'one_time', max_use: 5, token: 'P6F5ayP-rAMbxtmtGJwFJcd7Yk_D2g6UZRfh8EskRUc=', used: false, uses: 0 }
+]
+
+export async function generateInviteToken(max_use, expires_at, authHost, token) {
+  const newToken = {
+    expires_at: '2019-04-10',
+    id: 4,
+    invite_type: 'one_time',
+    max_use: 3,
+    token: 'JYl0SjXW8t-t-pLSZBnZLf6PwjCW-qy6Dq70jfUOuqk=',
+    used: false,
+    uses: 0
+  }
+  inviteTokens = [...inviteTokens, newToken]
+  return Promise.resolve({ data: newToken })
+}
+
+export async function inviteViaEmail(email, name, authHost, token) {
+  return Promise.resolve()
+}
+
+export async function listInviteTokens(authHost, token) {
+  return Promise.resolve({ data: {
+    invites: inviteTokens
+  }})
+}
+
+export async function revokeToken(tokenToRevoke, authHost, token) {
+  inviteTokens.splice(3, 1, { ...inviteTokens[3], used: true })
+  return Promise.resolve()
+}
+

src/api/__mocks__/login.js

+// SPDX-FileCopyrightText: 2019-2022 Pleroma Authors <https://pleroma.social>
+// SPDX-License-Identifier: AGPL-3.0-only
+
 const users = [
-  { username: 'bob', password: '123456' }
+  { username: 'bob', password: '123456', authHost: 'pleroma' }
 ]
 
-export async function loginByUsername(username, password) {
+export async function loginByUsername(username, password, authHost) {
   const user = users.find(user => user.username === username)
   const verifyPassword = user.password === password
+  const verifyHost = user.authHost === authHost
   const data = {
     'token_type': 'Bearer',
-    'scope': 'read write follow',
+    'scope': 'read write follow push admin',
     'refresh_token': 'foo123',
     'me': 'bob',
     'expires_in': 600,
     'access_token': 'bar123'
   }
 
-  return verifyPassword
+  return verifyPassword && verifyHost
     ? Promise.resolve({ data })
     : Promise.reject({ message: 'Invalid credentials' })
 }
@@ -42,7 +46,7 @@ export function getUserInfo(token, authHost) {
     'statuses_count': 0,
     'cover_photo': '',
     'hide_follows': false,
-    'pleroma': { 'confirmation_pending': false, 'deactivated': false, 'tags': ['force_nsfw'], 'is_admin': true },
+    'pleroma': { 'is_confirmed': true, 'is_active': true, 'tags': ['force_nsfw'], 'is_admin': true },
     'profile_image_url_original': '',
     'created_at': 'Fri Mar 01 15:15:19 +0000 2019',
     'fields': [],