Compare commits

..

2 commits

Author SHA1 Message Date
ef64d693da remove IHBA link 2022-11-27 21:00:43 +00:00
669b3a41ca Add basic cypress tests 2022-11-27 20:56:12 +00:00
52 changed files with 1555 additions and 426 deletions

View file

@ -1,25 +0,0 @@
---
name: "Issue"
about: "Something isn't working as expected"
---
## Your setup
Frontend version:
[] stable
[] develop
[] custom (please elaborate)
## What were you trying to do?
## What did you expect to happen?
## What actually happened?
## Relative severity (does this prevent you from using the software as normal?)
[] I cannot use the software
[] I cannot use it as easily as I'd like
[] I can manage

View file

@ -31,13 +31,15 @@ var devMiddleware = require('webpack-dev-middleware')(compiler, {
var hotMiddleware = require('webpack-hot-middleware')(compiler)
// proxy api requests
Object.keys(proxyTable).forEach(function (context) {
var options = proxyTable[context]
if (typeof options === 'string') {
options = { target: options }
}
app.use(proxyMiddleware(context, options))
})
if (!process.env.NO_DEV_PROXY) {
Object.keys(proxyTable).forEach(function (context) {
var options = proxyTable[context]
if (typeof options === 'string') {
options = { target: options }
}
app.use(proxyMiddleware(context, options))
})
}
// handle fallback for HTML5 history API
app.use(require('connect-history-api-fallback')())

4
config/cypress.json Normal file
View file

@ -0,0 +1,4 @@
{
"target": "http://cypress.example.com",
"staticConfigPreference": false
}

View file

@ -1,14 +1,16 @@
// see http://vuejs-templates.github.io/webpack for documentation.
const path = require('path')
let settings = {}
const localSettings = process.env.CONFIG || './local.json'
console.log('Using settings', localSettings)
try {
settings = require('./local.json')
settings = require(localSettings)
if (settings.target && settings.target.endsWith('/')) {
// replacing trailing slash since it can conflict with some apis
// and that's how actual BE reports its url
settings.target = settings.target.replace(/\/$/, '')
}
console.log('Using local dev server settings (/config/local.json):')
console.log('Using local dev server settings:')
console.log(JSON.stringify(settings, null, 2))
} catch (e) {
console.log('Local dev server settings not found (/config/local.json)')
@ -38,11 +40,6 @@ module.exports = {
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/manifest.json': {
target,
changeOrigin: true,
cookieDomainRewrite: 'localhost'
},
'/api': {
target,
changeOrigin: true,

20
cypress.config.js Normal file
View file

@ -0,0 +1,20 @@
const { defineConfig } = require("cypress");
const config = require('./build/webpack.dev.conf');
module.exports = defineConfig({
e2e: {
baseUrl: "http://localhost:8080",
setupNodeEvents(on, config) {
// implement node event listeners here
},
viewportHeight: 1080,
viewportWidth: 1920,
},
component: {
devServer: {
framework: "vue",
bundler: "webpack",
webpackConfig: config
},
},
});

View file

@ -0,0 +1,34 @@
/// <reference types="cypress" />
describe('signing in', () => {
beforeEach(async () => {
cy.clearLocalStorage()
await indexedDB.deleteDatabase('localforage')
})
it('registers an oauth application', async () => {
cy.defaultIntercepts();
cy.intercept('POST', '/oauth/token', { fixture: 'oauth_token.json'}).as('createToken')
cy.intercept('/api/v1/accounts/verify_credentials', { fixture: 'user.json' }).as('verifyCredentials')
cy.visit('/')
cy.wait('@getInstance')
cy.get('input#username').type('testuser');
cy.get('input#password').type('testpassword');
cy.get('button[type="submit"]').click();
cy.wait('@createApp')
cy.wait('@createToken').then((interception) => {
console.log(interception.request)
const form = interception.request.body.split('\r\n---')
cy.expectHtmlFormEntryToBe(form, 'grant_type', 'client_credentials')
});
cy.wait('@createToken').then((interception) => {
console.log(interception.request)
const form = interception.request.body.split('\r\n---')
cy.expectHtmlFormEntryToBe(form, 'grant_type', 'password')
cy.expectHtmlFormEntryToBe(form, 'username', 'testuser')
cy.expectHtmlFormEntryToBe(form, 'password', 'testpassword')
});
cy.wait('@verifyCredentials')
});
})

View file

@ -0,0 +1,5 @@
{
"name": "Using fixtures to represent data",
"email": "hello@cypress.io",
"body": "Fixtures are a great way to mock data for responses to routes"
}

View file

@ -0,0 +1,26 @@
{
"masto_fe": {
"showInstanceSpecificPanel": true
},
"pleroma_fe": {
"alwaysShowSubjectInput": true,
"background": "/images/5cm.jpg",
"collapseMessageWithSubject": true,
"formattingOptionsEnabled": true,
"hidePostStats": false,
"hideSiteFavicon": true,
"hideUserStats": true,
"logo": "/static/logo.png",
"logoMask": false,
"redirectRootLogin": "/main/friends",
"redirectRootNoLogin": "/main/public",
"renderMisskeyMarkdown": true,
"scopeCopy": true,
"scopeOptionsEnabled": true,
"showInstanceSpecificPanel": true,
"showNavShortcuts": false,
"showPanelNavShortcuts": true,
"subjectLineBehavior": "email",
"theme": "ihatebeingalive"
}
}

View file

@ -0,0 +1,133 @@
{
"approval_required": false,
"avatar_upload_limit": 2000000,
"background_image": "/images/city.jpg",
"background_upload_limit": 4000000,
"banner_upload_limit": 4000000,
"description": "A Test Instace",
"description_limit": 5000,
"email": "somewhere@example.com",
"languages": [
"en",
"ja"
],
"max_toot_chars": 5000,
"pleroma": {
"metadata": {
"account_activation_required": false,
"features": [
"pleroma_api",
"akkoma_api",
"mastodon_api",
"mastodon_api_streaming",
"polls",
"v2_suggestions",
"pleroma_explicit_addressing",
"shareable_emoji_packs",
"multifetch",
"pleroma:api/v1/notifications:include_types_filter",
"editing",
"media_proxy",
"pleroma_emoji_reactions",
"exposable_reactions",
"profile_directory",
"akkoma:machine_translation",
"custom_emoji_reactions",
"pleroma:get:main/ostatus"
],
"federation": {
"enabled": true,
"exclusions": true,
"mrf_hashtag": {
"federated_timeline_removal": [],
"reject": [],
"sensitive": [
"nsfw"
]
},
"mrf_hellthread": {
"delist_threshold": 5,
"reject_threshold": 10
},
"mrf_keyword": {
"federated_timeline_removal": [],
"reject": [
"rejectme"
],
"replace": []
},
"mrf_policies": [
"SimplePolicy",
"HellthreadPolicy",
"KeywordPolicy",
"TagPolicy",
"InlineQuotePolicy",
"HashtagPolicy"
],
"mrf_simple": {
"accept": [],
"avatar_removal": [],
"banner_removal": [],
"federated_timeline_removal": [],
"followers_only": [],
"media_nsfw": [],
"media_removal": [],
"reject": [
"badinstance.com"
],
"reject_deletes": [],
"report_removal": []
},
"mrf_simple_info": {
"reject": {
"badinstance.com": {
"reason": "This instance is bad"
}
}
},
"quarantined_instances": [],
"quarantined_instances_info": {
"quarantined_instances": {}
}
},
"fields_limits": {
"max_fields": 10,
"max_remote_fields": 20,
"name_length": 512,
"value_length": 2048
},
"post_formats": [
"text/plain",
"text/html",
"text/markdown",
"text/bbcode",
"text/x.misskeymarkdown"
],
"privileged_staff": false
},
"stats": {
"mau": 27
},
"vapid_public_key": "BDgd8xcYuskwMLnr-3Gi-xOU_Jz9IOxhHIW0VWgBMM47wB8qfC_Hw26eNd3sGDSEoXk06ZY-L5qKHqLLNzZSdnw"
},
"poll_limits": {
"max_expiration": 31536000,
"max_option_chars": 200,
"max_options": 20,
"min_expiration": 0
},
"registrations": false,
"stats": {
"domain_count": 14557,
"status_count": 284658,
"user_count": 72
},
"thumbnail": "thumb.png",
"title": "Test Instance",
"upload_limit": 100000000,
"uri": "http://localhost:8080/",
"urls": {
"streaming_api": "ws://localhost:8080"
},
"version": "2.7.2 (compatible; Akkoma 3.4.0-118-g41241bbb-develop)"
}

View file

@ -0,0 +1 @@
<h4>Testing Panel</h4>

View file

@ -0,0 +1,141 @@
{
"metadata": {
"accountActivationRequired": false,
"features": [
"pleroma_api",
"akkoma_api",
"mastodon_api",
"mastodon_api_streaming",
"polls",
"v2_suggestions",
"pleroma_explicit_addressing",
"shareable_emoji_packs",
"multifetch",
"pleroma:api/v1/notifications:include_types_filter",
"editing",
"media_proxy",
"pleroma_emoji_reactions",
"exposable_reactions",
"profile_directory",
"akkoma:machine_translation",
"custom_emoji_reactions",
"pleroma:get:main/ostatus"
],
"federation": {
"enabled": true,
"exclusions": true,
"mrf_hashtag": {
"federated_timeline_removal": [],
"reject": [],
"sensitive": [
"nsfw"
]
},
"mrf_hellthread": {
"delist_threshold": 5,
"reject_threshold": 10
},
"quarantined_instances": [],
"quarantined_instances_info": {
"quarantined_instances": {}
}
},
"fieldsLimits": {
"maxFields": 10,
"maxRemoteFields": 20,
"nameLength": 512,
"valueLength": 2048
},
"invitesEnabled": true,
"localBubbleInstances": [
"bubble.example.com"
],
"mailerEnabled": true,
"nodeDescription": "A Test Instance",
"nodeName": "Test",
"pollLimits": {
"max_expiration": 31536000,
"max_option_chars": 200,
"max_options": 20,
"min_expiration": 0
},
"postFormats": [
"text/plain",
"text/html",
"text/markdown",
"text/bbcode",
"text/x.misskeymarkdown"
],
"private": false,
"restrictedNicknames": [
".well-known",
"~",
"about",
"activities",
"api",
"auth",
"check_password",
"dev",
"friend-requests",
"inbox",
"internal",
"main",
"media",
"nodeinfo",
"notice",
"oauth",
"objects",
"ostatus_subscribe",
"pleroma",
"proxy",
"push",
"registration",
"relay",
"settings",
"status",
"tag",
"user-search",
"user_exists",
"users",
"web",
"verify_credentials",
"update_credentials",
"relationships",
"search",
"confirmation_resend",
"mfa"
],
"skipThreadContainment": true,
"staffAccounts": [
"http://localhost:8080/users/admin"
],
"suggestions": {
"enabled": false
},
"uploadLimits": {
"avatar": 2000000,
"background": 4000000,
"banner": 4000000,
"general": 100000000
}
},
"openRegistrations": false,
"protocols": [
"activitypub"
],
"services": {
"inbound": [],
"outbound": []
},
"software": {
"name": "akkoma",
"version": "3.4.0-118-g41241bbb-develop"
},
"usage": {
"localPosts": 284658,
"users": {
"total": 72
}
},
"version": "2.0"
}

View file

@ -0,0 +1,9 @@
{
"id": "563419",
"name": "test app",
"website": null,
"redirect_uri": "urn:ietf:wg:oauth:2.0:oob",
"client_id": "TWhM-tNSuncnqN7DBJmoyeLnk6K3iJJ71KKXxgL1hPM",
"client_secret": "ZEaFUFmF0umgBX1qKJDjaU99Q31lDkOU8NutzTOoliw",
"vapid_key": "BCk-QqERU0q-CfYZjcuB6lnyyOYfJ2AifKqfeGIm7Z-HiTU5T9eTG5GxVA0_OH5mMlI4UkkDTpaZwozy0TzdZ2M="
}

View file

@ -0,0 +1,6 @@
{
"access_token": "ZA-Yj3aBD8U8Cm7lKUp-lm9O9BmDgdhHzDeqsY8tlL0",
"token_type": "Bearer",
"scope": "read write follow push",
"created_at": 1573979017
}

View file

@ -0,0 +1 @@
[]

198
cypress/fixtures/user.json Normal file
View file

@ -0,0 +1,198 @@
{
"acct": "test",
"akkoma": {
"instance": {
"favicon": "favicon.png",
"name": "cypress.example.com",
"nodeinfo": {
"metadata": {
"accountActivationRequired": false,
"features": [
"pleroma_api",
"akkoma_api",
"mastodon_api",
"mastodon_api_streaming",
"polls",
"v2_suggestions",
"pleroma_explicit_addressing",
"shareable_emoji_packs",
"multifetch",
"pleroma:api/v1/notifications:include_types_filter",
"editing",
"media_proxy",
"pleroma_emoji_reactions",
"exposable_reactions",
"profile_directory",
"akkoma:machine_translation",
"custom_emoji_reactions",
"pleroma:get:main/ostatus"
],
"federation": {
"enabled": true,
"exclusions": true
},
"fieldsLimits": {
"maxFields": 10,
"maxRemoteFields": 20,
"nameLength": 512,
"valueLength": 2048
},
"invitesEnabled": true,
"localBubbleInstances": [
"bubble.exaple.com"
],
"mailerEnabled": true,
"nodeDescription": "An Akkoma Instance",
"nodeName": "Test Instance",
"pollLimits": {
"max_expiration": 31536000,
"max_option_chars": 200,
"max_options": 20,
"min_expiration": 0
},
"postFormats": [
"text/plain",
"text/html",
"text/markdown",
"text/bbcode",
"text/x.misskeymarkdown"
],
"private": false,
"restrictedNicknames": [
".well-known",
"~",
"about",
"activities",
"api",
"auth",
"check_password",
"dev",
"friend-requests",
"inbox",
"internal",
"main",
"media",
"nodeinfo",
"notice",
"oauth",
"objects",
"ostatus_subscribe",
"pleroma",
"proxy",
"push",
"registration",
"relay",
"settings",
"status",
"tag",
"user-search",
"user_exists",
"users",
"web",
"verify_credentials",
"update_credentials",
"relationships",
"search",
"confirmation_resend",
"mfa"
],
"skipThreadContainment": true,
"staffAccounts": [
"http://cypress.example.com/users/test"
],
"suggestions": {
"enabled": false
},
"uploadLimits": {
"avatar": 2000000,
"background": 4000000,
"banner": 4000000,
"general": 100000000
}
},
"openRegistrations": false,
"protocols": [
"activitypub"
],
"services": {
"inbound": [],
"outbound": []
},
"software": {
"name": "akkoma",
"version": "3.4.0-136-g98d4d691-develop"
},
"usage": {
"localPosts": 284709,
"users": {
"total": 72
}
},
"version": "2.0"
}
}
},
"avatar": "3ba406a0f1ce44b2379029f322cacb77b78951f515495739bd65bbfcee297931.jpg",
"avatar_static": "3ba406a0f1ce44b2379029f322cacb77b78951f515495739bd65bbfcee297931.jpg",
"bot": false,
"created_at": "2018-11-27T18:04:50.000Z",
"display_name": "Test User",
"emojis": [
],
"fields": [
],
"follow_requests_count": 1,
"followers_count": 1,
"following_count": 1,
"fqn": "test@cypress.example.com",
"header": "header.gif",
"header_static": "header.gif",
"id": "1",
"last_status_at": "2022-11-27T15:17:03",
"locked": true,
"note": "A test user",
"pleroma": {
"allow_following_move": true,
"also_known_as": [],
"ap_id": "http://cypress.example.com/users/example",
"background_image": "something.jpg",
"deactivated": false,
"email": "somewhere@example.com",
"favicon": "/favicon.png",
"hide_favorites": true,
"hide_followers": true,
"hide_followers_count": false,
"hide_follows": true,
"hide_follows_count": false,
"is_admin": true,
"is_confirmed": true,
"is_moderator": true,
"is_suggested": false,
"notification_settings": {
"block_from_strangers": false,
"hide_notification_contents": false
},
"relationship": {},
"settings_store": {},
"skip_thread_containment": false,
"tags": [],
"unread_conversation_count": 2108,
"unread_notifications_count": 18
},
"source": {
"fields": [
],
"note": "Test user",
"pleroma": {
"actor_type": "Person",
"discoverable": true,
"no_rich_text": false,
"show_role": true
},
"privacy": "private",
"sensitive": false
},
"statuses_count": 10166,
"url": "http://cypress.example.com/users/test",
"username": "test"
}

View file

@ -0,0 +1,25 @@
// ***********************************************
// This example commands.js shows you how to
// create various custom commands and overwrite
// existing commands.
//
// For more comprehensive examples of custom
// commands please read more here:
// https://on.cypress.io/custom-commands
// ***********************************************
//
//
// -- This is a parent command --
// Cypress.Commands.add('login', (email, password) => { ... })
//
//
// -- This is a child command --
// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
//
//
// -- This is a dual command --
// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
//
//
// -- This will overwrite an existing command --
// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<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">
<title>Components App</title>
</head>
<body>
<div data-cy-root></div>
</body>
</html>

View file

@ -0,0 +1,19 @@
import './commands'
import Vuex from 'vuex'
import getStore from '../../src/store'
import { mount } from 'cypress/vue'
Cypress.Commands.add('mount', (component, options = {}) => {
// Setup options object
options.extensions = options.extensions || {}
options.extensions.plugins = options.extensions.plugins || []
// Use store passed in from options, or initialize a new one
options.store = options.store || getStore()
// Add Vuex plugin
options.extensions.plugins.push(Vuex)
return mount(component, options)
})

48
cypress/support/e2e.js Normal file
View file

@ -0,0 +1,48 @@
// ***********************************************************
// This example support/e2e.js is processed and
// loaded automatically before your test files.
//
// This is a great place to put global configuration and
// behavior that modifies Cypress.
//
// You can change the location of this file or turn off
// automatically serving support files with the
// 'supportFile' configuration option.
//
// You can read more here:
// https://on.cypress.io/configuration
// ***********************************************************
// Import commands.js using ES2015 syntax:
import './commands'
// Alternatively you can use CommonJS syntax:
// require('./commands')
Cypress.Commands.add('defaultIntercepts', () => {
const notAuthorized = {
body: { error: "not_authorized" },
statusCode: 403
}
cy.intercept('/api/pleroma/frontend_configurations', { fixture: 'frontend_configurations.json' });
cy.intercept('/instance/panel.html', { fixture: 'instance_panel.html' })
cy.intercept('/api/v1/instance', { fixture: 'instance.json' }).as('getInstance')
cy.intercept('/nodeinfo/2.0.json', { fixture: 'nodeinfo.json' })
cy.intercept('/api/v1/timelines/public*', { fixture: 'public_timeline.json' })
cy.intercept('/static/stickers.json', { body: {} })
cy.intercept('POST', 'http://cypress.example.com/oauth/token', notAuthorized);
cy.intercept('/api/v1/mutes', notAuthorized);
cy.intercept('/api/v1/announcements', notAuthorized);
cy.intercept('POST', 'http://cypress.example.com/api/v1/apps', { fixture: 'oauth_app.json' }).as('createApp');
});
Cypress.Commands.add('authenticatedIntercepts', () => {
cy.intercept('POST', '/oauth/token', { fixture: 'oauth_token.json'})
cy.intercept('/api/v1/announcements', { body: [] })
cy.intercept('/api/v1/mutes', { body: [] })
});
Cypress.Commands.add('expectHtmlFormEntryToBe', (form, key, value) => {
expect(form.find((line) => line.includes(`name="${key}"`))).to.include(value)
});

Binary file not shown.

View file

@ -9,10 +9,8 @@
<link rel="stylesheet" href="/static/font/tiresias.css">
<link rel="stylesheet" href="/static/font/css/lato.css">
<link rel="stylesheet" href="/static/mfm.css">
<link rel="stylesheet" href="/static/custom.css">
<!--server-generated-meta-->
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="manifest" href="/manifest.json">
</head>
<body class="hidden">
<noscript>To use Akkoma, please enable JavaScript.</noscript>

View file

@ -13,7 +13,8 @@
"test": "npm run unit && npm run e2e",
"stylelint": "stylelint src/**/*.scss",
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs",
"lint-fix": "eslint --fix --ext .js,.vue src test/unit/specs test/e2e/specs"
"lint-fix": "eslint --fix --ext .js,.vue src test/unit/specs test/e2e/specs",
"run:cypress": "CONFIG='./cypress.json' NO_DEV_SERVER=true yarn dev"
},
"dependencies": {
"@babel/runtime": "7.17.8",
@ -66,6 +67,7 @@
"cross-spawn": "^7.0.3",
"css-loader": "^6.7.2",
"custom-event-polyfill": "^1.0.7",
"cypress": "^11.2.0",
"eslint": "^7.32.0",
"eslint-config-standard": "^17.0.0",
"eslint-friendly-formatter": "^4.0.1",

View file

@ -393,10 +393,7 @@ const afterStoreSetup = async ({ store, i18n }) => {
getInstanceConfig({ store })
])
// Start fetching things that don't need to block the UI
store.dispatch('fetchMutes')
store.dispatch('startFetchingAnnouncements')
store.dispatch('startFetchingReports')
getTOS({ store })
getStickers({ store })

View file

@ -21,7 +21,7 @@ const BasicUserCard = {
toggleUserExpanded () {
this.userExpanded = !this.userExpanded
},
userProfileLink (user) {
userProfileLink(user) {
return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
}
}

View file

@ -16,6 +16,7 @@
class="fa-scale-110 fa-old-padding"
/>
</button>
{{ ' ' }}
<button
v-if="showPrivate"
class="button-unstyled scope"
@ -29,6 +30,7 @@
class="fa-scale-110 fa-old-padding"
/>
</button>
{{ ' ' }}
<button
v-if="showUnlisted"
class="button-unstyled scope"
@ -42,6 +44,7 @@
class="fa-scale-110 fa-old-padding"
/>
</button>
{{ ' ' }}
<button
v-if="showPublic"
class="button-unstyled scope"
@ -84,7 +87,6 @@
min-width: 1.3em;
min-height: 1.3em;
text-align: center;
margin-right: 0.4em;
&.selected svg {
color: $fallback--lightText;

View file

@ -73,7 +73,6 @@
.search-bar-input {
flex: 1 0 auto;
margin-left: 0.5em;
}
.cancel-search {

View file

@ -76,10 +76,6 @@
position: absolute;
right: 20px;
padding-right: 10px;
@media all and (max-width: 800px) {
display: none;
}
}
}
}

View file

@ -44,10 +44,6 @@
<div class="panel-body">
<SettingsModalContent v-if="modalOpenedOnce" />
</div>
<span
id="unscrolled-content"
class="extra-content"
/>
<div class="panel-footer settings-footer">
<Popover
class="export"
@ -57,7 +53,7 @@
:bound-to="{ x: 'container' }"
remove-padding
>
<template #trigger>
<template v-slot:trigger>
<button
class="btn button-default"
:title="$t('general.close')"
@ -69,7 +65,7 @@
/>
</button>
</template>
<template #content="{close}">
<template v-slot:content="{close}">
<div class="dropdown-menu">
<button
class="button-default dropdown-item dropdown-item-icon"
@ -107,11 +103,14 @@
<Checkbox
:model-value="!!expertLevel"
class="expertMode"
@update:modelValue="expertLevel = Number($event)"
>
{{ $t("settings.expert_mode") }}
</Checkbox>
<span
id="unscrolled-content"
class="extra-content"
/>
<button
v-if="currentUser"
class="button-default logout-button"

View file

@ -43,9 +43,7 @@ const ProfileTab = {
bannerPreview: null,
background: null,
backgroundPreview: null,
emailLanguage: this.$store.state.users.currentUser.language || '',
newPostTTLDays: this.$store.state.users.currentUser.status_ttl_days,
expirePosts: this.$store.state.users.currentUser.status_ttl_days !== null,
emailLanguage: this.$store.state.users.currentUser.language || ''
}
},
components: {
@ -125,8 +123,7 @@ const ProfileTab = {
display_name: this.newName,
fields_attributes: this.newFields.filter(el => el != null),
bot: this.bot,
show_role: this.showRole,
status_ttl_days: this.expirePosts ? this.newPostTTLDays : -1
show_role: this.showRole
/* eslint-enable camelcase */
}

View file

@ -4,10 +4,6 @@
margin: 0;
}
.expire-posts-days {
margin-left: 1em;
}
.visibility-tray {
padding-top: 5px;
}

View file

@ -89,20 +89,6 @@
{{ $t('settings.bot') }}
</Checkbox>
</p>
<p>
<Checkbox v-model="expirePosts">
{{ $t('settings.expire_posts_enabled') }}
</Checkbox>
<input
v-model="newPostTTLDays"
:disabled="!expirePosts"
type="number"
min="1"
max="730"
class="expire-posts-days"
:placeholder="$t('settings.expire_posts_input_placeholder')"
/>
</p>
<p>
<interface-language-switcher
:prompt-text="$t('settings.email_language')"

View file

@ -284,6 +284,7 @@
box-shadow: none;
background: transparent;
color: var(--faint, $fallback--faint);
align-self: stretch;
}
.theme-color-cl,
@ -317,11 +318,11 @@
.extra-content {
.apply-container {
padding-left: 15vw;
display: flex;
flex-direction: row;
justify-content: space-evenly;
justify-content: space-around;
flex-grow: 1;
.btn {
flex-grow: 1;
min-height: 2em;

View file

@ -958,22 +958,20 @@
v-if="isActive"
to="#unscrolled-content"
>
<div class="panel-body settings-footer">
<div class="apply-container">
<button
class="btn button-default submit"
:disabled="!themeValid"
@click="setCustomTheme"
>
{{ $t('general.apply') }}
</button>
<button
class="btn button-default"
@click="clearAll"
>
{{ $t('settings.style.switcher.reset') }}
</button>
</div>
<div class="apply-container">
<button
class="btn button-default submit"
:disabled="!themeValid"
@click="setCustomTheme"
>
{{ $t('general.apply') }}
</button>
<button
class="btn button-default"
@click="clearAll"
>
{{ $t('settings.style.switcher.reset') }}
</button>
</div>
</teleport>
</div>

View file

@ -42,10 +42,6 @@
display: flex;
padding: var(--status-margin, $status-margin);
.content {
overflow: hidden;
}
> * {
min-width: 0;
}

View file

@ -352,25 +352,22 @@
</div>
</div>
<div class="content">
<StatusContent
ref="content"
class="status-content"
:status="status"
:no-heading="noHeading"
:highlight="highlight"
:focused="isFocused"
:controlled-showing-tall="controlledShowingTall"
:controlled-expanding-subject="controlledExpandingSubject"
:controlled-showing-long-subject="controlledShowingLongSubject"
:controlled-toggle-showing-tall="controlledToggleShowingTall"
:controlled-toggle-expanding-subject="controlledToggleExpandingSubject"
:controlled-toggle-showing-long-subject="controlledToggleShowingLongSubject"
@mediaplay="addMediaPlaying($event)"
@mediapause="removeMediaPlaying($event)"
@parseReady="setHeadTailLinks"
/>
</div>
<StatusContent
ref="content"
:status="status"
:no-heading="noHeading"
:highlight="highlight"
:focused="isFocused"
:controlled-showing-tall="controlledShowingTall"
:controlled-expanding-subject="controlledExpandingSubject"
:controlled-showing-long-subject="controlledShowingLongSubject"
:controlled-toggle-showing-tall="controlledToggleShowingTall"
:controlled-toggle-expanding-subject="controlledToggleExpandingSubject"
:controlled-toggle-showing-long-subject="controlledToggleShowingLongSubject"
@mediaplay="addMediaPlaying($event)"
@mediapause="removeMediaPlaying($event)"
@parseReady="setHeadTailLinks"
/>
<div
v-if="inConversation && !isPreview && replies && replies.length"
@ -537,6 +534,6 @@
</div>
</template>
<script src="./status.js"></script>
<script src="./status.js" ></script>
<style src="./status.scss" lang="scss"></style>

View file

@ -68,6 +68,7 @@
.StatusContent {
flex: 1;
min-width: 0;
overflow: hidden;
img, video {
&.emoji {

View file

@ -6,13 +6,11 @@ import TimelineMenuTabs from '../timeline_menu_tabs/timeline_menu_tabs.vue'
import TimelineQuickSettings from './timeline_quick_settings.vue'
import { debounce, throttle, keyBy } from 'lodash'
import { library } from '@fortawesome/fontawesome-svg-core'
import { faCircleNotch, faCog, faPlus, faMinus } from '@fortawesome/free-solid-svg-icons'
import { faCircleNotch, faCog } from '@fortawesome/free-solid-svg-icons'
library.add(
faCircleNotch,
faCog,
faPlus,
faMinus
faCog
)
const Timeline = {
@ -92,15 +90,6 @@ const Timeline = {
},
showPanelNavShortcuts () {
return this.$store.getters.mergedConfig.showPanelNavShortcuts
},
currentUser () {
return this.$store.state.users.currentUser
},
tagData () {
return this.$store.state.tags.tags[this.tag]
},
tagFollowed () {
return this.$store.state.tags.tags[this.tag]?.following
}
},
created () {
@ -129,10 +118,6 @@ const Timeline = {
}
window.addEventListener('keydown', this.handleShortKey)
setTimeout(this.determineVisibleStatuses, 250)
if (this.tag) {
this.$store.dispatch('getTag', this.tag)
}
},
unmounted () {
window.removeEventListener('scroll', this.handleScroll)
@ -247,12 +232,6 @@ const Timeline = {
}, 200),
handleVisibilityChange () {
this.unfocused = document.hidden
},
followTag (tag) {
return this.$store.dispatch('followTag', tag)
},
unfollowTag (tag) {
return this.$store.dispatch('unfollowTag', tag)
}
},
watch: {

View file

@ -21,36 +21,6 @@
{{ $t('timeline.up_to_date') }}
</div>
<TimelineQuickSettings v-if="!embedded" />
<div
v-if="currentUser && tag !== undefined && tagData && !tagFollowed"
class="followTag"
>
<button
class="button-default"
:title="$t('timeline.follow_tag')"
@click="followTag(tag)"
>
<FAIcon
size="sm"
icon="plus"
/>
</button>
</div>
<div
v-if="currentUser && tag !== undefined && tagData && tagFollowed"
class="followTag"
>
<button
class="button-default"
:title="$t('timeline.unfollow_tag')"
@click="unfollowTag(tag)"
>
<FAIcon
size="sm"
icon="minus"
/>
</button>
</div>
</div>
<div :class="classes.body">
<div

View file

@ -67,17 +67,6 @@
icon="external-link-alt"
/>
</a>
<a
v-if="isOtherUser"
:href="user.statusnet_profile_url + '.rss'"
target="_blank"
class="button-unstyled external-link-button"
>
<FAIcon
class="icon"
icon="rss"
/>
</a>
<AccountActions
v-if="isOtherUser && loggedIn"
:user="user"

17
src/i18n.js Normal file
View file

@ -0,0 +1,17 @@
import 'custom-event-polyfill'
import './lib/event_target_polyfill.js'
import { createI18n } from 'vue-i18n'
import messages from './i18n/messages.js'
const currentLocale = (window.navigator.language || 'en').split('-')[0]
const i18n = createI18n({
// By default, use the browser locale, we will update it if neccessary
locale: 'en',
fallbackLocale: 'en',
messages: messages.default
})
messages.setLanguage(i18n, currentLocale)
export default i18n;

View file

@ -536,8 +536,6 @@
"enter_current_password_to_confirm": "Enter your current password to confirm your identity",
"expert_mode": "Show advanced",
"export_theme": "Save preset",
"expire_posts_enabled": "Delete posts after a set amount of days",
"expire_posts_input_placeholder": "Number of days",
"file_export_import": {
"backup_restore": "Settings backup",
"backup_settings": "Backup settings to file",
@ -1055,9 +1053,7 @@
"show_new": "Show new",
"socket_broke": "Realtime connection lost: CloseEvent code {0}",
"socket_reconnected": "Realtime connection established",
"up_to_date": "Up-to-date",
"follow_tag": "Follow hashtag",
"unfollow_tag": "Unfollow hashtag"
"up_to_date": "Up-to-date"
},
"toast": {
"no_translation_target_set": "No translation target language set - this may fail. Please set a target language in your settings."

View file

@ -1,113 +1,12 @@
import { createStore } from 'vuex'
import getStore from './store';
import i18n from './i18n';
import 'custom-event-polyfill'
import './lib/event_target_polyfill.js'
import interfaceModule from './modules/interface.js'
import instanceModule from './modules/instance.js'
import statusesModule from './modules/statuses.js'
import listsModule from './modules/lists.js'
import usersModule from './modules/users.js'
import apiModule from './modules/api.js'
import configModule from './modules/config.js'
import serverSideConfigModule from './modules/serverSideConfig.js'
import oauthModule from './modules/oauth.js'
import authFlowModule from './modules/auth_flow.js'
import mediaViewerModule from './modules/media_viewer.js'
import oauthTokensModule from './modules/oauth_tokens.js'
import reportsModule from './modules/reports.js'
import pollsModule from './modules/polls.js'
import postStatusModule from './modules/postStatus.js'
import announcementsModule from './modules/announcements.js'
import editStatusModule from './modules/editStatus.js'
import statusHistoryModule from './modules/statusHistory.js'
import tagModule from './modules/tags.js'
import { createI18n } from 'vue-i18n'
import createPersistedState from './lib/persisted_state.js'
import pushNotifications from './lib/push_notifications_plugin.js'
import messages from './i18n/messages.js'
import afterStoreSetup from './boot/after_store.js'
const currentLocale = (window.navigator.language || 'en').split('-')[0]
const i18n = createI18n({
// By default, use the browser locale, we will update it if neccessary
locale: 'en',
fallbackLocale: 'en',
messages: messages.default
})
messages.setLanguage(i18n, currentLocale)
const persistedStateOptions = {
paths: [
'config',
'users.lastLoginName',
'oauth'
]
};
(async () => {
if ('serviceWorker' in navigator) {
// declaring scope manually
navigator.serviceWorker.register('/sw-pleroma.js', {scope: '/'}).then((registration) => {
console.log('Service worker registration succeeded:', registration);
}, /*catch*/ (error) => {
console.error(`Service worker registration failed: ${error}`);
});
} else {
console.error('Service workers are not supported.');
}
let storageError = false
const plugins = [pushNotifications]
try {
const persistedState = await createPersistedState(persistedStateOptions)
plugins.push(persistedState)
} catch (e) {
console.error(e)
storageError = true
}
const store = createStore({
modules: {
i18n: {
getters: {
i18n: () => i18n.global
}
},
interface: interfaceModule,
instance: instanceModule,
// TODO refactor users/statuses modules, they depend on each other
users: usersModule,
statuses: statusesModule,
lists: listsModule,
api: apiModule,
config: configModule,
serverSideConfig: serverSideConfigModule,
oauth: oauthModule,
authFlow: authFlowModule,
mediaViewer: mediaViewerModule,
oauthTokens: oauthTokensModule,
reports: reportsModule,
polls: pollsModule,
postStatus: postStatusModule,
announcements: announcementsModule,
editStatus: editStatusModule,
statusHistory: statusHistoryModule,
tags: tagModule
},
plugins,
strict: false // Socket modifies itself, let's ignore this for now.
// strict: process.env.NODE_ENV !== 'production'
})
if (storageError) {
store.dispatch('pushGlobalNotice', { messageKey: 'errors.storage_unavailable', level: 'error' })
}
afterStoreSetup({ store, i18n })
const store = await getStore();
return afterStoreSetup({ store, i18n })
})()
// These are inlined by webpack's DefinePlugin

View file

@ -1,37 +0,0 @@
import { merge } from 'lodash'
const tags = {
state: {
// Contains key = id, value = number of trackers for this poll
tags: {}
},
mutations: {
setTag (state, { name, data }) {
state.tags[name] = data
}
},
actions: {
getTag ({ rootState, commit }, tagName) {
return rootState.api.backendInteractor.getHashtag({ tag: tagName }).then(tag => {
commit('setTag', { name: tagName, data: tag })
return tag
})
},
followTag (store, tagName) {
return store.rootState.api.backendInteractor.followHashtag({ tag: tagName })
.then((resp) => {
store.commit('setTag', { name: tagName, data: resp })
return resp
})
},
unfollowTag ({ rootState, commit }, tag) {
return rootState.api.backendInteractor.unfollowHashtag({ tag })
.then((resp) => {
commit('setTag', { name: tag, data: resp })
return resp
})
}
}
}
export default tags

View file

@ -562,6 +562,9 @@ const users = {
commit('addNewUsers', [user])
store.dispatch('fetchEmoji')
store.dispatch('fetchMutes')
store.dispatch('startFetchingAnnouncements')
store.dispatch('startFetchingReports')
getNotificationPermission()
.then(permission => commit('setNotificationPermission', permission))

View file

@ -108,9 +108,6 @@ const PLEROMA_EDIT_ANNOUNCEMENT_URL = id => `/api/v1/pleroma/admin/announcements
const PLEROMA_DELETE_ANNOUNCEMENT_URL = id => `/api/v1/pleroma/admin/announcements/${id}`
const AKKOMA_SETTING_PROFILE_URL = (name) => `/api/v1/akkoma/frontend_settings/pleroma-fe/${name}`
const AKKOMA_SETTING_PROFILE_LIST = `/api/v1/akkoma/frontend_settings/pleroma-fe`
const MASTODON_TAG_URL = (name) => `/api/v1/tags/${name}`
const MASTODON_FOLLOW_TAG_URL = (name) => `/api/v1/tags/${name}/follow`
const MASTODON_UNFOLLOW_TAG_URL = (name) => `/api/v1/tags/${name}/unfollow`
const oldfetch = window.fetch
@ -1552,29 +1549,6 @@ const listSettingsProfiles = ({ credentials }) => {
})
}
const getHashtag = ({ tag, credentials }) => {
return promisedRequest({
url: MASTODON_TAG_URL(tag),
credentials
})
}
const followHashtag = ({ tag, credentials }) => {
return promisedRequest({
url: MASTODON_FOLLOW_TAG_URL(tag),
method: 'POST',
credentials
})
}
const unfollowHashtag = ({ tag, credentials }) => {
return promisedRequest({
url: MASTODON_UNFOLLOW_TAG_URL(tag),
method: 'POST',
credentials
})
}
export const getMastodonSocketURI = ({ credentials, stream, args = {} }) => {
return Object.entries({
...(credentials
@ -1810,10 +1784,7 @@ const apiService = {
getReports,
updateReportStates,
addNoteToReport,
deleteNoteFromReport,
getHashtag,
followHashtag,
unfollowHashtag
deleteNoteFromReport
}
export default apiService

View file

@ -90,7 +90,6 @@ export const parseUser = (data) => {
output.bot = data.bot
if (data.akkoma) {
output.instance = data.akkoma.instance
output.status_ttl_days = data.akkoma.status_ttl_days
}
if (data.pleroma) {

View file

@ -77,6 +77,9 @@ const getToken = ({ clientId, clientSecret, instance, code }) => {
body: form
})
.then((data) => data.json())
.catch((e) => {
console.error(e);
});
}
export const getClientToken = ({ clientId, clientSecret, instance }) => {

84
src/store.js Normal file
View file

@ -0,0 +1,84 @@
import { createStore } from 'vuex'
import 'custom-event-polyfill'
import './lib/event_target_polyfill.js'
import interfaceModule from './modules/interface.js'
import instanceModule from './modules/instance.js'
import statusesModule from './modules/statuses.js'
import listsModule from './modules/lists.js'
import usersModule from './modules/users.js'
import apiModule from './modules/api.js'
import configModule from './modules/config.js'
import serverSideConfigModule from './modules/serverSideConfig.js'
import oauthModule from './modules/oauth.js'
import authFlowModule from './modules/auth_flow.js'
import mediaViewerModule from './modules/media_viewer.js'
import oauthTokensModule from './modules/oauth_tokens.js'
import reportsModule from './modules/reports.js'
import pollsModule from './modules/polls.js'
import postStatusModule from './modules/postStatus.js'
import announcementsModule from './modules/announcements.js'
import editStatusModule from './modules/editStatus.js'
import statusHistoryModule from './modules/statusHistory.js'
import i18n from './i18n';
import createPersistedState from './lib/persisted_state.js'
import pushNotifications from './lib/push_notifications_plugin.js'
const persistedStateOptions = {
paths: [
'config',
'users.lastLoginName',
'oauth'
]
};
const getStore = async () => {
let storageError = false
const plugins = [pushNotifications]
try {
const persistedState = await createPersistedState(persistedStateOptions)
plugins.push(persistedState)
} catch (e) {
console.error(e)
storageError = true
}
const store = createStore({
modules: {
i18n: {
getters: {
i18n: () => i18n.global
}
},
interface: interfaceModule,
instance: instanceModule,
// TODO refactor users/statuses modules, they depend on each other
users: usersModule,
statuses: statusesModule,
lists: listsModule,
api: apiModule,
config: configModule,
serverSideConfig: serverSideConfigModule,
oauth: oauthModule,
authFlow: authFlowModule,
mediaViewer: mediaViewerModule,
oauthTokens: oauthTokensModule,
reports: reportsModule,
polls: pollsModule,
postStatus: postStatusModule,
announcements: announcementsModule,
editStatus: editStatusModule,
statusHistory: statusHistoryModule
},
plugins,
strict: false // Socket modifies itself, let's ignore this for now.
})
if (storageError) {
store.dispatch('pushGlobalNotice', { messageKey: 'errors.storage_unavailable', level: 'error' })
}
return store;
};
export default getStore;

View file

@ -1,4 +0,0 @@
/* THIS IS A PLACEHOLDER FILE
place a css file at $static_dir/static/custom.css
to apply custom styles to your frontend
*/

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

103
static/logo.svg Executable file → Normal file
View file

@ -1,34 +1,71 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 362.83 362.83">
<defs>
<style>
.cls-1 {
fill: #462d7a;
}
.cls-2 {
stroke: #2c1e50;
}
.cls-2, .cls-3 {
stroke-miterlimit: 10;
}
.cls-3 {
stroke: #fff;
}
</style>
</defs>
<g id="Layer_9" data-name="Layer 9">
<path class="cls-2" d="M269.3,197.19c-5.77-11.54-85.59,16.83-154.76,27.39-21.09,3.22-38.13,4.31-47.3,4.75-.74,2.91-1.76,7.02-2.87,11.97-1.93,8.6-2.89,12.89-2.6,13.78,3.3,9.95,59.73-.88,99.18-7.64,32.67-5.6,115.14-18.96,114.61-30.77-.03-.69-1.11-4.01-3.27-10.65-1.78-5.47-2.67-8.2-2.98-8.83Z"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg4485"
width="512"
height="512"
viewBox="0 0 512 512"
sodipodi:docname="logo.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata4491">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs4489" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1274"
inkscape:window-height="1410"
id="namedview4487"
showgrid="false"
inkscape:zoom="1.2636719"
inkscape:cx="305.99333"
inkscape:cy="304.30809"
inkscape:window-x="1280"
inkscape:window-y="22"
inkscape:window-maximized="0"
inkscape:current-layer="g4612"
inkscape:document-rotation="0" />
<g
id="g4612">
<g
id="g850"
transform="matrix(0.99659595,0,0,0.99659595,0.37313949,0.87143746)">
<path
style="opacity:1;fill:#fba457;fill-opacity:1;stroke:#009bff;stroke-width:0;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.175879"
d="m 194.75841,124.65165 a 20.449443,20.449443 0 0 0 -20.44944,20.44945 v 242.24725 h 65.28091 v -262.6967 z"
id="path4497" />
<path
style="fill:#fba457;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 272.6236,124.65165 V 256 h 45.61799 a 20.449443,20.449443 0 0 0 20.44944,-20.44945 v -110.8989 z"
id="path4516" />
<path
style="opacity:1;fill:#fba457;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 272.6236,322.06744 v 65.28091 h 45.61799 a 20.449443,20.449443 0 0 0 20.44944,-20.44945 v -44.83146 z"
id="path4516-5" />
</g>
</g>
<g id="Layer_6" data-name="Layer 6">
<path class="cls-1" d="M115.2,131.89c6.26-6.54,20.19-20.63,42.39-26.14,15.79-3.92,28.51-1.28,33.51,0,83.72,21.41,116.03,201.78,77.79,226.32-10.28,6.6-26.86,2.7-36.77-3.3-32.63-19.78-29.3-72.87-44.44-73.73-5.11-.29-7.15,5.8-20.91,24.94-19.63,27.3-31.49,43.44-49.21,50.87-2.53,1.06-26.91,12.07-41.84,1.23-38.55-28-2.96-155.84,39.49-200.18Zm56.31,10.45c-27.39-.52-46.38,38.21-37.98,54.55,10.09,19.62,65.5,18.26,74.77-3.3,7.21-16.78-11.38-50.77-36.79-51.24Z"/>
</g>
<g id="Layer_4" data-name="Layer 4">
<path d="M68.93,86.51c-6.55,27.74,252.45,113.97,267.56,89.66,9.24-14.87-64.9-83.62-163.53-97.57-39.06-5.52-100.95-5.14-104.03,7.91Z"/>
</g>
<g id="Layer_5" data-name="Layer 5">
<path class="cls-3" d="M138.96,93.76c.41-5.25,6.51-5.74,28.85-19.42,26.97-16.51,28.85-22.38,56.86-40.83,30.07-19.81,48.46-31.94,54.82-26.61,9.72,8.15-25.18,43.33-21.31,99.35,.87,12.61,3.12,17.79-.86,23.01-18.25,23.95-120.07-13.68-118.35-35.5Z"/>
</g>
</svg>
</svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

646
yarn.lock

File diff suppressed because it is too large Load diff