forked from AkkomaGang/akkoma-fe
Compare commits
2 commits
Author | SHA1 | Date | |
---|---|---|---|
ef64d693da | |||
669b3a41ca |
52 changed files with 1555 additions and 426 deletions
|
@ -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
|
|
@ -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
4
config/cypress.json
Normal file
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"target": "http://cypress.example.com",
|
||||
"staticConfigPreference": false
|
||||
}
|
|
@ -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
20
cypress.config.js
Normal 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
|
||||
},
|
||||
},
|
||||
});
|
34
cypress/e2e/auth/auth.cy.js
Normal file
34
cypress/e2e/auth/auth.cy.js
Normal 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')
|
||||
});
|
||||
})
|
5
cypress/fixtures/example.json
Normal file
5
cypress/fixtures/example.json
Normal 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"
|
||||
}
|
26
cypress/fixtures/frontend_configurations.json
Normal file
26
cypress/fixtures/frontend_configurations.json
Normal 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"
|
||||
}
|
||||
}
|
133
cypress/fixtures/instance.json
Normal file
133
cypress/fixtures/instance.json
Normal 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)"
|
||||
}
|
1
cypress/fixtures/instance_panel.html
Normal file
1
cypress/fixtures/instance_panel.html
Normal file
|
@ -0,0 +1 @@
|
|||
<h4>Testing Panel</h4>
|
141
cypress/fixtures/nodeinfo.json
Normal file
141
cypress/fixtures/nodeinfo.json
Normal 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"
|
||||
}
|
9
cypress/fixtures/oauth_app.json
Normal file
9
cypress/fixtures/oauth_app.json
Normal 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="
|
||||
}
|
6
cypress/fixtures/oauth_token.json
Normal file
6
cypress/fixtures/oauth_token.json
Normal file
|
@ -0,0 +1,6 @@
|
|||
{
|
||||
"access_token": "ZA-Yj3aBD8U8Cm7lKUp-lm9O9BmDgdhHzDeqsY8tlL0",
|
||||
"token_type": "Bearer",
|
||||
"scope": "read write follow push",
|
||||
"created_at": 1573979017
|
||||
}
|
1
cypress/fixtures/public_timeline.json
Normal file
1
cypress/fixtures/public_timeline.json
Normal file
|
@ -0,0 +1 @@
|
|||
[]
|
198
cypress/fixtures/user.json
Normal file
198
cypress/fixtures/user.json
Normal 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"
|
||||
}
|
25
cypress/support/commands.js
Normal file
25
cypress/support/commands.js
Normal 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) => { ... })
|
12
cypress/support/component-index.html
Normal file
12
cypress/support/component-index.html
Normal 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>
|
19
cypress/support/component.js
Normal file
19
cypress/support/component.js
Normal 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
48
cypress/support/e2e.js
Normal 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)
|
||||
});
|
BIN
cypress/videos/auth.cy.js.mp4
Normal file
BIN
cypress/videos/auth.cy.js.mp4
Normal file
Binary file not shown.
|
@ -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>
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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 })
|
||||
|
||||
|
|
|
@ -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)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -73,7 +73,6 @@
|
|||
|
||||
.search-bar-input {
|
||||
flex: 1 0 auto;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.cancel-search {
|
||||
|
|
|
@ -76,10 +76,6 @@
|
|||
position: absolute;
|
||||
right: 20px;
|
||||
padding-right: 10px;
|
||||
|
||||
@media all and (max-width: 800px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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 */
|
||||
}
|
||||
|
||||
|
|
|
@ -4,10 +4,6 @@
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.expire-posts-days {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.visibility-tray {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
|
|
@ -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')"
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -42,10 +42,6 @@
|
|||
display: flex;
|
||||
padding: var(--status-margin, $status-margin);
|
||||
|
||||
.content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
> * {
|
||||
min-width: 0;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -68,6 +68,7 @@
|
|||
.StatusContent {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
|
||||
img, video {
|
||||
&.emoji {
|
||||
|
|
|
@ -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: {
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
17
src/i18n.js
Normal 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;
|
|
@ -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."
|
||||
|
|
109
src/main.js
109
src/main.js
|
@ -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
|
||||
|
|
|
@ -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
|
|
@ -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))
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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
84
src/store.js
Normal 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;
|
|
@ -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
103
static/logo.svg
Executable file → Normal 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 |
Loading…
Reference in a new issue