Fix frontend git url

Unsure if marking single notifications as seen is possible with masto

src/boot/after_store.js

@@ -67,14 +67,26 @@ const resolveLanguage = (instanceLanguages) => {
 
 const getInstanceConfig = async ({ store }) => {
   try {
-    const res = await preloadFetch('/api/v1/instance')
+    const res = await preloadFetch('/api/v2/instance')
     if (res.ok) {
       const data = await res.json()
-      const textlimit = data.max_toot_chars
-      const vapidPublicKey = data.pleroma.vapid_public_key
+      const textlimit = data.configuration.statuses.max_characters
+      const vapidPublicKey = data.configuration.vapid.public_key
 
       store.dispatch('setInstanceOption', { name: 'textlimit', value: textlimit })
-      store.dispatch('setInstanceOption', { name: 'accountApprovalRequired', value: data.approval_required })
+      const uploadLimits = {
+        general: data.configuration.media_attachments.video_size_limit,
+        avatar: "2097152",
+        background: "2097152",
+        banner: "2097152"
+      }
+      store.dispatch('setInstanceOption', { name: 'uploadlimit', value: parseInt(uploadLimits.general) })
+      store.dispatch('setInstanceOption', { name: 'avatarlimit', value: parseInt(uploadLimits.avatar) })
+      store.dispatch('setInstanceOption', { name: 'backgroundlimit', value: parseInt(uploadLimits.background) })
+      store.dispatch('setInstanceOption', { name: 'bannerlimit', value: parseInt(uploadLimits.banner) })
+
+      store.dispatch('setInstanceOption', { name: 'postFormats', value: data.configuration.statuses.supported_mime_types })
+      store.dispatch('setInstanceOption', { name: 'accountApprovalRequired', value: data.registrations.approval_required })
       // don't override cookie if set
       if (!Cookies.get('userLanguage')) {
         store.dispatch('setOption', { name: 'interfaceLanguage', value: resolveLanguage(data.languages) })
@@ -83,6 +95,8 @@ const getInstanceConfig = async ({ store }) => {
       if (vapidPublicKey) {
         store.dispatch('setInstanceOption', { name: 'vapidPublicKey', value: vapidPublicKey })
       }
+
+      resolveStaffAccounts({ store, accounts: [data.contact.account.id] })
     } else {
       throw (res)
     }
@@ -269,42 +283,33 @@ const getNodeInfo = async ({ store }) => {
     if (res.ok) {
       const data = await res.json()
       const metadata = data.metadata
-      const features = metadata.features
       store.dispatch('setInstanceOption', { name: 'name', value: metadata.nodeName })
-      store.dispatch('setInstanceOption', { name: 'registrationOpen', value: data.openRegistrations })
-      store.dispatch('setInstanceOption', { name: 'mediaProxyAvailable', value: features.includes('media_proxy') })
-      store.dispatch('setInstanceOption', { name: 'safeDM', value: features.includes('safe_dm_mentions') })
-      store.dispatch('setInstanceOption', { name: 'pollsAvailable', value: features.includes('polls') })
-      store.dispatch('setInstanceOption', { name: 'editingAvailable', value: features.includes('editing') })
+      store.dispatch('setInstanceOption', { name: 'registrationOpen', value: false }) // registration should be done through the default interface
+      store.dispatch('setInstanceOption', { name: 'mediaProxyAvailable', value: false })
+      store.dispatch('setInstanceOption', { name: 'safeDM', value: false })
+      store.dispatch('setInstanceOption', { name: 'pollsAvailable', value: true })
+      store.dispatch('setInstanceOption', { name: 'editingAvailable', value: true })
       store.dispatch('setInstanceOption', { name: 'pollLimits', value: metadata.pollLimits })
       store.dispatch('setInstanceOption', { name: 'mailerEnabled', value: metadata.mailerEnabled })
-      store.dispatch('setInstanceOption', { name: 'translationEnabled', value: features.includes('akkoma:machine_translation') })
+      store.dispatch('setInstanceOption', { name: 'translationEnabled', value: false }) // idk
 
-      const uploadLimits = metadata.uploadLimits
-      store.dispatch('setInstanceOption', { name: 'uploadlimit', value: parseInt(uploadLimits.general) })
-      store.dispatch('setInstanceOption', { name: 'avatarlimit', value: parseInt(uploadLimits.avatar) })
-      store.dispatch('setInstanceOption', { name: 'backgroundlimit', value: parseInt(uploadLimits.background) })
-      store.dispatch('setInstanceOption', { name: 'bannerlimit', value: parseInt(uploadLimits.banner) })
-      store.dispatch('setInstanceOption', { name: 'fieldsLimits', value: metadata.fieldsLimits })
+      store.dispatch('setInstanceOption', { name: 'fieldsLimits', value: 6 }) // todo: expose this on the backend
 
-      store.dispatch('setInstanceOption', { name: 'restrictedNicknames', value: metadata.restrictedNicknames })
-      store.dispatch('setInstanceOption', { name: 'postFormats', value: metadata.postFormats })
+      store.dispatch('setInstanceOption', { name: 'restrictedNicknames', value: [] })
 
-      const suggestions = metadata.suggestions
-      store.dispatch('setInstanceOption', { name: 'suggestionsEnabled', value: suggestions.enabled })
-      store.dispatch('setInstanceOption', { name: 'suggestionsWeb', value: suggestions.web })
+      store.dispatch('setInstanceOption', { name: 'suggestionsEnabled', value: true })
+      store.dispatch('setInstanceOption', { name: 'suggestionsWeb', value: true })
 
       const software = data.software
       store.dispatch('setInstanceOption', { name: 'backendVersion', value: software.version })
       store.dispatch('setInstanceOption', { name: 'pleromaBackend', value: software.name === 'pleroma' })
 
-      const priv = metadata.private
-      store.dispatch('setInstanceOption', { name: 'private', value: priv })
+      store.dispatch('setInstanceOption', { name: 'private', value: false })
 
       const frontendVersion = window.___pleromafe_commit_hash
       store.dispatch('setInstanceOption', { name: 'frontendVersion', value: frontendVersion })
 
-      const federation = metadata.federation
+      const federation = {}
 
       store.dispatch('setInstanceOption', {
         name: 'tagPolicyAvailable',
@@ -314,7 +319,7 @@ const getNodeInfo = async ({ store }) => {
       })
 
       store.dispatch('setInstanceOption', { name: 'federationPolicy', value: federation })
-      store.dispatch('setInstanceOption', { name: 'localBubbleInstances', value: metadata.localBubbleInstances })
+      store.dispatch('setInstanceOption', { name: 'localBubbleInstances', value: [] })
       store.dispatch('setInstanceOption', {
         name: 'federating',
         value: typeof federation.enabled === 'undefined'
@@ -322,14 +327,11 @@ const getNodeInfo = async ({ store }) => {
           : federation.enabled
       })
 
-      store.dispatch('setInstanceOption', { name: 'publicTimelineVisibility', value: metadata.publicTimelineVisibility })
-      store.dispatch('setInstanceOption', { name: 'federatedTimelineAvailable', value: metadata.federatedTimelineAvailable })
+      store.dispatch('setInstanceOption', { name: 'publicTimelineVisibility', value: { bubble: false, local: true, federated: true } })
+      store.dispatch('setInstanceOption', { name: 'federatedTimelineAvailable', value: true })
 
       const accountActivationRequired = metadata.accountActivationRequired
-      store.dispatch('setInstanceOption', { name: 'accountActivationRequired', value: accountActivationRequired })
-
-      const accounts = metadata.staffAccounts
-      resolveStaffAccounts({ store, accounts })
+      store.dispatch('setInstanceOption', { name: 'accountActivationRequired', value: true })
     } else {
       throw (res)
     }
@@ -367,7 +369,7 @@ const afterStoreSetup = async ({ store, i18n }) => {
 
   FaviconService.initFaviconService()
 
-  const overrides = window.___pleromafe_dev_overrides || {}
+  const overrides = window.___pleromafe_dev_overrides || { target: 'https://wetdry.world/' }
   const server = (typeof overrides.target !== 'undefined') ? overrides.target : window.location.origin
   store.dispatch('setInstanceOption', { name: 'server', value: server })
 

src/components/announcement/announcement.vue

@@ -44,20 +44,6 @@
         >
           {{ $t('announcements.mark_as_read_action') }}
         </button>
-        <button
-          v-if="currentUser && currentUser.role === 'admin'"
-          class="btn button-default"
-          @click="enterEditMode"
-        >
-          {{ $t('announcements.edit_action') }}
-        </button>
-        <button
-          v-if="currentUser && currentUser.role === 'admin'"
-          class="btn button-default"
-          @click="deleteAnnouncement"
-        >
-          {{ $t('announcements.delete_action') }}
-        </button>
       </div>
       <div
         v-else

src/components/announcements_page/announcements_page.vue

@@ -6,46 +6,6 @@
       </div>
     </div>
     <div class="panel-body">
-      <section
-        v-if="currentUser && currentUser.role === 'admin'"
-      >
-        <div class="post-form">
-          <div class="heading">
-            <h4>{{ $t('announcements.post_form_header') }}</h4>
-          </div>
-          <div class="body">
-            <announcement-editor
-              :announcement="newAnnouncement"
-              :disabled="posting"
-            />
-          </div>
-          <div class="footer">
-            <button
-              class="btn button-default post-button"
-              :disabled="posting"
-              @click.prevent="postAnnouncement"
-            >
-              {{ $t('announcements.post_action') }}
-            </button>
-            <div
-              v-if="error"
-              class="alert error"
-            >
-              {{ $t('announcements.post_error', { error }) }}
-              <button
-                class="button-unstyled"
-                @click="clearError"
-              >
-                <FAIcon
-                  class="fa-scale-110 fa-old-padding"
-                  icon="times"
-                  :title="$t('announcements.close_error')"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-      </section>
       <section
         v-for="announcement in announcements"
         :key="announcement.id"

src/components/desktop_nav/desktop_nav.vue

@@ -167,7 +167,7 @@
         </button>
         <a
           v-if="currentUser && currentUser.role === 'admin'"
-          href="/pleroma/admin/#/login-pleroma"
+          :href="'https://' + $store.getters.instanceDomain + '/admin/dashboard'"
           class="nav-icon"
           target="_blank"
           @click.stop

src/components/follow_request_card/follow_request_card.js

@@ -46,7 +46,7 @@ const FollowRequestCard = {
       this.$store.dispatch('decrementFollowRequestsCount')
 
       const notifId = this.findFollowRequestNotificationId()
-      this.$store.dispatch('markSingleNotificationAsSeen', { id: notifId })
+      //this.$store.dispatch('markSingleNotificationAsSeen', { id: notifId })
       this.$store.dispatch('updateNotification', {
         id: notifId,
         updater: notification => {

src/components/notification/notification.js

@@ -89,7 +89,7 @@ const Notification = {
     doApprove () {
       this.$store.state.api.backendInteractor.approveUser({ id: this.user.id })
       this.$store.dispatch('removeFollowRequest', this.user)
-      this.$store.dispatch('markSingleNotificationAsSeen', { id: this.notification.id })
+      //this.$store.dispatch('markSingleNotificationAsSeen', { id: this.notification.id })
       this.$store.dispatch('updateNotification', {
         id: this.notification.id,
         updater: notification => {

src/components/post_status_form/post_status_form.vue

@@ -73,50 +73,6 @@
           <p>{{ $t('post_status.edit_remote_warning') }}</p>
           <p>{{ $t('post_status.edit_unsupported_warning') }}</p>
         </div>
-        <div
-          v-if="!disablePreview"
-          class="preview-heading faint"
-        >
-          <a
-            class="preview-toggle faint"
-            @click.stop.prevent="togglePreview"
-          >
-            {{ $t('post_status.preview') }}
-            <FAIcon :icon="showPreview ? 'chevron-left' : 'chevron-right'" />
-          </a>
-          <div
-            v-show="previewLoading"
-            class="preview-spinner"
-          >
-            <FAIcon
-              class="fa-old-padding"
-              spin
-              icon="circle-notch"
-            />
-          </div>
-        </div>
-        <div
-          v-if="showPreview"
-          class="preview-container"
-        >
-          <div
-            v-if="!preview"
-            class="preview-status"
-          >
-            {{ $t('general.loading') }}
-          </div>
-          <div
-            v-else-if="preview.error"
-            class="preview-status preview-error"
-          >
-            {{ preview.error }}
-          </div>
-          <StatusContent
-            v-else
-            :status="preview"
-            class="preview-status"
-          />
-        </div>
         <EmojiInput
           v-if="subjectVisible"
           ref="subject-emoji-input"

src/components/settings_modal/tabs/general_tab.js

@@ -104,7 +104,6 @@ const GeneralTab = {
       get: function () { return this.$store.getters.mergedConfig.profile },
       set: function (val) {
         this.$store.dispatch('setOption', { name: 'profile', value: val })
-        this.$store.dispatch('getSettingsProfile')
       }
     },
     settingsVersion () {
@@ -144,12 +143,10 @@ const GeneralTab = {
     },
     loadSettingsProfile (name) {
       this.$store.commit('setOption', { name: 'profile', value: name })
-      this.$store.dispatch('getSettingsProfile', true)
     },
     createSettingsProfile () {
       this.$store.dispatch('setOption', { name: 'profile', value: this.newProfileName })
       this.$store.dispatch('setOption', { name: 'profileVersion', value: 1 })
-      this.$store.dispatch('syncSettings')
       this.newProfileName = ''
     },
     forceSync () {

src/components/settings_modal/tabs/version_tab.js

@@ -1,6 +1,6 @@
 import { extractCommit } from 'src/services/version/version.service'
 
-const pleromaFeCommitUrl = 'https://akkoma.dev/AkkomaGang/pleroma-fe/commit/'
+const pleromaFeCommitUrl = 'https://akkoma.dev/esm/akkoma-fe/commit/'
 const pleromaBeCommitUrl = 'https://akkoma.dev/AkkomaGang/akkoma/commit/'
 
 const VersionTab = {
@@ -16,7 +16,7 @@ const VersionTab = {
       return pleromaFeCommitUrl + this.frontendVersion
     },
     backendVersionLink () {
-      return pleromaBeCommitUrl + extractCommit(this.backendVersion)
+      return 'https://github.com/TheEssem/mastodon'
     }
   }
 }

src/components/side_drawer/side_drawer.vue

@@ -163,7 +163,7 @@
           @click="toggleDrawer"
         >
           <a
-            href="/pleroma/admin/#/login-pleroma"
+            :href="'https://' + $store.getters.instanceDomain + '/admin/dashboard'"
             target="_blank"
           >
             <FAIcon

src/components/who_to_follow/who_to_follow.js

@@ -16,7 +16,7 @@ const WhoToFollow = {
   methods: {
     showWhoToFollow (reply) {
       reply.forEach((i, index) => {
-        this.$store.state.api.backendInteractor.fetchUser({ id: i.acct })
+        this.$store.state.api.backendInteractor.fetchUser({ id: i.id })
           .then((externalUser) => {
             if (!externalUser.error) {
               this.$store.commit('addNewUsers', [externalUser])

src/components/who_to_follow_panel/who_to_follow_panel.js

@@ -9,11 +9,12 @@ function showWhoToFollow (panel, reply) {
     let user = shuffled[index]
     let img = user.avatar || this.$store.state.instance.defaultAvatar
     let name = user.acct
+    let id = user.id
 
     toFollow.img = img
     toFollow.name = name
 
-    panel.$store.state.api.backendInteractor.fetchUser({ id: name })
+    panel.$store.state.api.backendInteractor.fetchUser({ id })
       .then((externalUser) => {
         if (!externalUser.error) {
           panel.$store.commit('addNewUsers', [externalUser])

src/modules/announcements.js

@@ -48,7 +48,6 @@ const announcements = {
           return store.rootState.api.backendInteractor.fetchAnnouncements()
         }
 
-        const all = await store.rootState.api.backendInteractor.adminFetchAnnouncements()
         const visible = await store.rootState.api.backendInteractor.fetchAnnouncements()
         const visibleObject = visible.reduce((a, c) => {
           a[c.id] = c
@@ -56,7 +55,7 @@ const announcements = {
         }, {})
         const getWithinVisible = announcement => visibleObject[announcement.id]
 
-        all.forEach(announcement => {
+        visible.forEach(announcement => {
           const visibleAnnouncement = getWithinVisible(announcement)
           if (!visibleAnnouncement) {
             announcement.inactive = true
@@ -65,7 +64,7 @@ const announcements = {
           }
         })
 
-        return all
+        return visible
       }
 
       return getAnnouncements()

src/modules/config.js

@@ -75,7 +75,7 @@ export const defaultState = {
   highlight: {},
   interfaceLanguage: browserLocale,
   hideScopeNotice: false,
-  useStreamingApi: false,
+  useStreamingApi: true,
   sidebarRight: undefined, // instance default
   subjectLineBehavior: undefined, // instance default
   alwaysShowSubjectInput: undefined, // instance default
@@ -217,9 +217,6 @@ const config = {
     },
     setOption ({ commit, dispatch }, { name, value, manual }) {
       commit('setOption', { name, value })
-      if (manual === true) {
-        dispatch('syncSettings')
-      }
       switch (name) {
         case 'theme':
           setPreset(value)

src/modules/instance.js

@@ -35,7 +35,7 @@ const defaultState = {
   hideWordFilteredPosts: false,
   hidePostStats: false,
   hideBotIndication: false,
-  hideSiteFavicon: false,
+  hideSiteFavicon: true,
   hideSiteName: false,
   hideUserStats: false,
   muteBotStatuses: false,
@@ -177,22 +177,19 @@ const instance = {
 
     async getCustomEmoji ({ commit, state }) {
       try {
-        const res = await window.fetch('/api/v1/pleroma/emoji')
+        const res = await window.fetch('/api/v1/custom_emojis')
         if (res.ok) {
           const result = await res.json()
-          const values = Array.isArray(result) ? Object.assign({}, ...result) : result
-          const emoji = Object.entries(values).map(([key, value]) => {
-            const imageUrl = value.image_url
-            return {
-              displayText: key,
-              imageUrl: imageUrl ? state.server + imageUrl : value,
-              tags: imageUrl ? value.tags.sort((a, b) => a > b ? 1 : 0) : ['utf'],
-              replacement: `:${key}: `
-            }
-            // Technically could use tags but those are kinda useless right now,
-            // should have been "pack" field, that would be more useful
-          }).sort((a, b) => a.displayText.toLowerCase() > b.displayText.toLowerCase() ? 1 : -1)
-          commit('setInstanceOption', { name: 'customEmoji', value: emoji })
+          const emoji = []
+          for (const emojiobj of result) {
+            emoji.push({
+              displayText: emojiobj.shortcode,
+              imageUrl: emojiobj.url,
+              tags: emojiobj.category ? [`pack:${emojiobj.category.toLowerCase()}`] : ['pack:custom'],
+              replacement: `:${emojiobj.shortcode}: `
+            })
+          }
+          commit('setInstanceOption', { name: 'customEmoji', value: emoji.sort((a, b) => a.displayText.toLowerCase() > b.displayText.toLowerCase() ? 1 : -1) })
         } else {
           throw (res)
         }

src/modules/statuses.js

@@ -349,6 +349,7 @@ const addNewNotifications = (state, { dispatch, notifications, older, visibleNot
     // Only add a new notification if we don't have one for the same action
     if (!state.notifications.idStore.hasOwnProperty(notification.id)) {
       updateNotificationsMinMaxId(state, notification)
+      notification.seen = false
 
       state.notifications.data.push(notification)
       state.notifications.idStore[notification.id] = notification
@@ -544,7 +545,7 @@ export const mutations = {
       count: reaction.count + 1,
       me: true,
       accounts: [
-        ...reaction.accounts,
+        //...reaction.accounts,
         currentUser
       ]
     }
@@ -704,11 +705,11 @@ const statuses = {
     },
     markSingleNotificationAsSeen ({ rootState, commit }, { id }) {
       commit('markSingleNotificationAsSeen', { id })
-      apiService.markNotificationsAsSeen({
+      /*apiService.markNotificationsAsSeen({
         single: true,
         id,
         credentials: rootState.users.currentUser.credentials
-      })
+      })*/
     },
     dismissNotificationLocal ({ rootState, commit }, { id }) {
       commit('dismissNotification', { id })
@@ -734,7 +735,7 @@ const statuses = {
       if (!currentUser) return
 
       commit('addOwnReaction', { id, emoji, currentUser })
-      rootState.api.backendInteractor.reactWithEmoji({ id, emoji }).then(
+      rootState.api.backendInteractor.reactWithEmoji({ id, emoji: emoji.replaceAll(':', '') }).then(
         ok => {
           dispatch('fetchEmojiReactionsBy', id)
         }
@@ -745,16 +746,16 @@ const statuses = {
       if (!currentUser) return
 
       commit('removeOwnReaction', { id, emoji, currentUser })
-      rootState.api.backendInteractor.unreactWithEmoji({ id, emoji }).then(
+      rootState.api.backendInteractor.unreactWithEmoji({ id, emoji: emoji.replaceAll(':', '') }).then(
         ok => {
           dispatch('fetchEmojiReactionsBy', id)
         }
       )
     },
     fetchEmojiReactionsBy ({ rootState, commit }, id) {
-      rootState.api.backendInteractor.fetchEmojiReactions({ id }).then(
-        emojiReactions => {
-          commit('addEmojiReactionsBy', { id, emojiReactions, currentUser: rootState.users.currentUser })
+      rootState.api.backendInteractor.fetchStatus({ id }).then(
+        status => {
+          commit('addEmojiReactionsBy', { id, emojiReactions: status.emoji_reactions, currentUser: rootState.users.currentUser })
         }
       )
     },

src/modules/users.js

@@ -679,9 +679,6 @@ const users = {
               store.dispatch('setLayoutWidth', windowWidth())
               store.dispatch('setLayoutHeight', windowHeight())
               store.dispatch('getSupportedTranslationlanguages')
-              store.dispatch('getSettingsProfile')
-              store.dispatch('listSettingsProfiles')
-              store.dispatch('startFetchingConfig')
               store.dispatch('startFetchingAnnouncements')
               if (user.role === 'admin' || user.role === 'moderator') {
                 store.dispatch('startFetchingReports')

src/services/api/api.service.js

@@ -20,7 +20,7 @@ const ADMIN_USERS_URL = '/api/v1/pleroma/admin/users'
 const SUGGESTIONS_URL = '/api/v1/suggestions'
 const NOTIFICATION_SETTINGS_URL = '/api/pleroma/notification_settings'
 const NOTIFICATION_READ_URL = '/api/v1/pleroma/notifications/read'
-const ADMIN_REPORTS_URL = '/api/v1/pleroma/admin/reports'
+const ADMIN_REPORTS_URL = '/api/v1/admin/reports'
 const ADMIN_REPORT_NOTES_URL = id => `/api/v1/pleroma/admin/reports/${id}/notes`
 const ADMIN_REPORT_NOTE_URL = (report, note) => `/api/v1/pleroma/admin/reports/${report}/notes/${note}`
 
@@ -99,9 +99,9 @@ const MASTODON_STREAMING = '/api/v1/streaming'
 const MASTODON_KNOWN_DOMAIN_LIST_URL = '/api/v1/instance/peers'
 const MASTODON_ANNOUNCEMENTS_URL = '/api/v1/announcements'
 const MASTODON_ANNOUNCEMENTS_DISMISS_URL = id => `/api/v1/announcements/${id}/dismiss`
-const PLEROMA_EMOJI_REACTIONS_URL = id => `/api/v1/pleroma/statuses/${id}/reactions`
-const PLEROMA_EMOJI_REACT_URL = (id, emoji) => `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
-const PLEROMA_EMOJI_UNREACT_URL = (id, emoji) => `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
+const PLEROMA_EMOJI_REACTIONS_URL = id => `/api/v1/statuses/${id}/reactions`
+const PLEROMA_EMOJI_REACT_URL = (id, emoji) => `/api/v1/statuses/${id}/react/${emoji}`
+const PLEROMA_EMOJI_UNREACT_URL = (id, emoji) => `/api/v1/statuses/${id}/unreact/${emoji}`
 const PLEROMA_BACKUP_URL = '/api/v1/pleroma/backups'
 const PLEROMA_ANNOUNCEMENTS_URL = '/api/v1/pleroma/admin/announcements'
 const PLEROMA_POST_ANNOUNCEMENT_URL = '/api/v1/pleroma/admin/announcements'
@@ -113,6 +113,7 @@ 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 MASTODON_FOLLOWED_TAGS_URL = '/api/v1/followed_tags'
+const MASTODON_MARKERS_URL = '/api/v1/markers'
 
 const oldfetch = window.fetch
 
@@ -647,7 +648,7 @@ const getReports = ({ state, limit, page, pageSize, credentials }) => {
   url = url + (args ? '?' + args : '')
   return fetch(url, { headers: authHeaders(credentials) })
     .then((data) => data.json())
-    .then((data) => data?.reports?.map(parseReport) ?? [])
+    .then((data) => data?.map(parseReport) ?? [])
 }
 
 const updateReportStates = ({ credentials, reports }) => {
@@ -715,6 +716,16 @@ const fetchTimeline = ({
   const isNotifications = timeline === 'notifications'
   const params = []
 
+  let markers = {}
+  let markerPromise = Promise.resolve()
+  if (isNotifications) {
+    markerPromise = fetch(`${MASTODON_MARKERS_URL}?timeline=notifications`, { headers: authHeaders(credentials) })
+      .then((data) => data.json())
+      .then((data) => {
+        markers = data.notifications
+      })
+  }
+
   let url = timelineUrls[timeline]
 
   if (timeline === 'user' || timeline === 'media' || timeline === 'replies') {
@@ -781,6 +792,7 @@ const fetchTimeline = ({
         throw new Error(data.error)
       }
       if (!data.errors) {
+        if (isNotifications) data.map((val) => val.last_read = markers.last_read_id)
         return { data: data.map(isNotifications ? parseNotification : parseStatus), pagination }
       } else {
         data.status = status
@@ -1277,13 +1289,15 @@ const suggestions = ({ credentials }) => {
 const markNotificationsAsSeen = ({ id, credentials, single = false }) => {
   const body = new FormData()
 
-  if (single) {
+  /*if (single) {
     body.append('id', id)
   } else {
     body.append('max_id', id)
-  }
+  }*/
 
-  return fetch(NOTIFICATION_READ_URL, {
+  body.append('notifications[last_read_id]', id)
+
+  return fetch(MASTODON_MARKERS_URL, {
     body,
     headers: authHeaders(credentials),
     method: 'POST'
@@ -1341,7 +1355,7 @@ const fetchEmojiReactions = ({ id, credentials }) => {
 const reactWithEmoji = ({ id, emoji, credentials }) => {
   return promisedRequest({
     url: PLEROMA_EMOJI_REACT_URL(id, encodeURIComponent(emoji)),
-    method: 'PUT',
+    method: 'POST',
     credentials
   }).then(parseStatus)
 }
@@ -1349,7 +1363,7 @@ const reactWithEmoji = ({ id, emoji, credentials }) => {
 const unreactWithEmoji = ({ id, emoji, credentials }) => {
   return promisedRequest({
     url: PLEROMA_EMOJI_UNREACT_URL(id, encodeURIComponent(emoji)),
-    method: 'DELETE',
+    method: 'POST',
     credentials
   }).then(parseStatus)
 }

src/services/entity_normalizer/entity_normalizer.service.js

@@ -127,6 +127,34 @@ export const parseUser = (data) => {
       } else {
         output.role = 'member'
       }
+    } else {
+      output.relationship = {
+        muting: [],
+        blocking: [],
+        followed_by: [],
+        following: []
+      }
+
+      output.rights = {
+        moderator: false,
+        admin: false
+      }
+
+      // todo: find a better way to map masto roles to akkoma roles
+      const roles = data.roles
+      if (roles) {
+        if (!roles[0]) {
+          output.role = 'member'
+        } else if (roles[0].id === "1") {
+          output.role = 'moderator'
+          output.rights.moderator = true
+        } else if (roles[0].id === "2" || roles[0].id === "3") {
+          output.role = 'admin'
+          output.rights.admin = true
+        } else {
+          output.role = 'member'
+        }
+      }
     }
 
     if (data.source) {
@@ -298,6 +326,10 @@ export const parseStatus = (data) => {
     } else {
       output.text = data.content
       output.summary = data.spoiler_text
+      output.emoji_reactions = data.reactions
+      output.statusnet_conversation_id = data.conversation_id
+      // todo: properly check if post is visible
+      output.parent_visible = true
     }
 
     if (data.akkoma) {
@@ -406,14 +438,16 @@ export const parseStatus = (data) => {
 export const parseNotification = (data) => {
   const mastoDict = {
     'favourite': 'like',
-    'reblog': 'repeat'
+    'reblog': 'repeat',
+    'reaction': 'pleroma:emoji_reaction'
   }
   const masto = !data.hasOwnProperty('ntype')
   const output = {}
 
   if (masto) {
     output.type = mastoDict[data.type] || data.type
-    output.seen = data.pleroma.is_seen
+    // todo: figure out how to tell if a notification has been seen or not
+    output.seen = data.last_read && data.id <= data.last_read
     if (data.status) {
       output.status = isStatusNotification(output.type) ? parseStatus(data.status) : null
       output.action = output.status // TODO: Refactor, this is unneeded
@@ -444,15 +478,12 @@ export const parseNotification = (data) => {
 export const parseReport = (data) => {
   const report = {}
 
-  report.account = parseUser(data.account)
-  report.actor = parseUser(data.actor)
+  report.account = parseUser(data.target_account.account)
+  report.actor = parseUser(data.account.account)
   report.statuses = data.statuses.map(parseStatus)
-  report.notes = data.notes.map(note => {
-    note.user = parseUser(note.user)
-    return note
-  })
-  report.state = data.state
-  report.content = data.content
+  report.notes = []
+  report.state = data.action_taken ? "closed" : "open"
+  report.content = data.comment
   report.created_at = data.created_at
   report.id = data.id
 

src/services/new_api/oauth.js

@@ -10,9 +10,9 @@ export const getOrCreateApp = ({ clientId, clientSecret, instance, commit }) =>
   const url = `${instance}/api/v1/apps`
   const form = new window.FormData()
 
-  form.append('client_name', `PleromaFE_${window.___pleromafe_commit_hash}_${(new Date()).toISOString()}`)
+  form.append('client_name', "AkkomaFE")
   form.append('redirect_uris', REDIRECT_URI)
-  form.append('scopes', 'read write follow push admin')
+  form.append('scopes', 'read write follow push admin:read admin:write')
 
   return window.fetch(url, {
     method: 'POST',
@@ -28,7 +28,7 @@ const login = ({ instance, clientId }) => {
     response_type: 'code',
     client_id: clientId,
     redirect_uri: REDIRECT_URI,
-    scope: 'read write follow push admin'
+    scope: 'read write follow push admin:read admin:write'
   }
 
   const dataString = reduce(data, (acc, v, k) => {

static/config.json

@@ -1,6 +1,6 @@
 {
   "alwaysShowSubjectInput": true,
-  "background": "/static/aurora_borealis.jpg",
+  "background": "/static/wdwskyboxbanner.png",
   "collapseMessageWithSubject": false,
   "greentext": false,
   "hideFilteredStatuses": false,
@@ -8,15 +8,15 @@
   "hidePostStats": false,
   "hideSitename": false,
   "hideUserStats": false,
-  "loginMethod": "password",
-  "logo": "/static/logo.svg",
+  "loginMethod": "token",
+  "logo": "/static/logo.png",
   "logoMargin": ".1em",
-  "logoMask": true,
+  "logoMask": false,
   "logoLeft": false,
   "nsfwCensorImage": "",
   "postContentType": "text/plain",
   "redirectRootLogin": "/main/friends",
-  "redirectRootNoLogin": "/main/all",
+  "redirectRootNoLogin": "/main/public",
   "showFeaturesPanel": true,
   "showInstanceSpecificPanel": false,
   "sidebarRight": false,

static/terms-of-service.html

@@ -1,5 +1,3 @@
-<h4>Terms of Service</h4>
+<p>This is Akkoma-FE modified to work on top of Mastodon/Chuckya. Note that while most of it should work fine, there are still a few differences between Akkoma and Mastodon that may cause things to break.<p>
 
-<p>This is a placeholder, overwrite this by putting a file at <pre>$STATIC_DIR/static/terms-of-service.html</pre><p>
-
-<p>See the <a href="https://docs.akkoma.dev/main/backend/configuration/static_dir/">Static Directory</a> docs for more info.</p>
+<p>Source code: <a href="https://akkoma.dev/esm/akkoma-fe">https://akkoma.dev/esm/akkoma-fe</a></p>