biome format --write

src/components/still-image/still-image-emoji-popover.vue

@@ -56,51 +56,54 @@
 </template>
 
 <script>
-  import { assign } from 'lodash'
+import { assign } from 'lodash'
 
-  import StillImage from './still-image.vue'
-  import Popover from 'components/popover/popover.vue'
-  import SelectComponent from 'components/select/select.vue'
-  import { useInterfaceStore } from 'src/stores/interface'
+import StillImage from './still-image.vue'
+import Popover from 'components/popover/popover.vue'
+import SelectComponent from 'components/select/select.vue'
+import { useInterfaceStore } from 'src/stores/interface'
 
-  export default {
-    components: { StillImage, Popover, SelectComponent },
-    props: {
-      shortcode: {
-        type: String,
-        required: true
-      },
-      isLocal: {
-        type: Boolean,
-        required: true
-      }
+export default {
+  components: { StillImage, Popover, SelectComponent },
+  props: {
+    shortcode: {
+      type: String,
+      required: true,
     },
-    data() {
-      return {
-        knownLocalPacks: { },
-        packName: ""
-      }
+    isLocal: {
+      type: Boolean,
+      required: true,
     },
-    computed: {
-      isUserAdmin () {
-        return this.$store.state.users.currentUser.rights.admin
-      }
+  },
+  data() {
+    return {
+      knownLocalPacks: {},
+      packName: '',
+    }
+  },
+  computed: {
+    isUserAdmin() {
+      return this.$store.state.users.currentUser.rights.admin
     },
-    methods: {
-      displayError (msg) {
-        useInterfaceStore().pushGlobalNotice({
-          messageKey: 'admin_dash.emoji.error',
-          messageArgs: [msg],
-          level: 'error'
-        })
-      },
-      copyToLocalPack() {
-        this.$store.state.api.backendInteractor.addNewEmojiFile({
+  },
+  methods: {
+    displayError(msg) {
+      useInterfaceStore().pushGlobalNotice({
+        messageKey: 'admin_dash.emoji.error',
+        messageArgs: [msg],
+        level: 'error',
+      })
+    },
+    copyToLocalPack() {
+      this.$store.state.api.backendInteractor
+        .addNewEmojiFile({
           packName: this.packName,
           file: this.$attrs.src,
           shortcode: this.shortcode,
-          filename: ""
-        }).then(resp => resp.json()).then(resp => {
+          filename: '',
+        })
+        .then((resp) => resp.json())
+        .then((resp) => {
           if (resp.error !== undefined) {
             this.displayError(resp.error)
             return
@@ -108,57 +111,76 @@
           useInterfaceStore().pushGlobalNotice({
             messageKey: 'admin_dash.emoji.copied_successfully',
             messageArgs: [this.shortcode, this.packName],
-            level: 'success'
+            level: 'success',
           })
 
           this.$refs.emojiPopover.hidePopover()
           this.packName = ''
         })
-      },
+    },
 
-      // Copied from emoji_tab.js
-      loadPacksPaginated (listFunction) {
-        const pageSize = 25
-        const allPacks = {}
+    // Copied from emoji_tab.js
+    loadPacksPaginated(listFunction) {
+      const pageSize = 25
+      const allPacks = {}
 
-        return listFunction({ instance: this.$store.state.instance.server, page: 1, pageSize: 0 })
-          .then(data => data.json())
-          .then(data => {
-            if (data.error !== undefined) { return Promise.reject(data.error) }
+      return listFunction({
+        instance: this.$store.state.instance.server,
+        page: 1,
+        pageSize: 0,
+      })
+        .then((data) => data.json())
+        .then((data) => {
+          if (data.error !== undefined) {
+            return Promise.reject(data.error)
+          }
 
-            let resultingPromise = Promise.resolve({})
-            for (let i = 0; i < Math.ceil(data.count / pageSize); i++) {
-              resultingPromise = resultingPromise.then(() => listFunction({ instance: this.$store.state.instance.server, page: i, pageSize })
-              ).then(data => data.json()).then(pageData => {
-                if (pageData.error !== undefined) { return Promise.reject(pageData.error) }
+          let resultingPromise = Promise.resolve({})
+          for (let i = 0; i < Math.ceil(data.count / pageSize); i++) {
+            resultingPromise = resultingPromise
+              .then(() =>
+                listFunction({
+                  instance: this.$store.state.instance.server,
+                  page: i,
+                  pageSize,
+                }),
+              )
+              .then((data) => data.json())
+              .then((pageData) => {
+                if (pageData.error !== undefined) {
+                  return Promise.reject(pageData.error)
+                }
 
                 assign(allPacks, pageData.packs)
               })
-            }
+          }
 
-            return resultingPromise
-          })
-          .then(() => allPacks)
-          .catch(data => {
-            this.displayError(data)
-          })
-      },
-      fetchEmojiPacksIfAdmin() {
-        if (!this.isUserAdmin) return
+          return resultingPromise
+        })
+        .then(() => allPacks)
+        .catch((data) => {
+          this.displayError(data)
+        })
+    },
+    fetchEmojiPacksIfAdmin() {
+      if (!this.isUserAdmin) return
 
-        this.loadPacksPaginated(this.$store.state.api.backendInteractor.listEmojiPacks)
-            .then(allPacks => {
-              // Sort by key
-              const sorted = Object.keys(allPacks).sort().reduce((acc, key) => {
-                if (key.length === 0) return acc
-                acc[key] = allPacks[key]
-                return acc
-              }, {})
-              this.knownLocalPacks = sorted
-            })
-      }
-    }
-  }
+      this.loadPacksPaginated(
+        this.$store.state.api.backendInteractor.listEmojiPacks,
+      ).then((allPacks) => {
+        // Sort by key
+        const sorted = Object.keys(allPacks)
+          .sort()
+          .reduce((acc, key) => {
+            if (key.length === 0) return acc
+            acc[key] = allPacks[key]
+            return acc
+          }, {})
+        this.knownLocalPacks = sorted
+      })
+    },
+  },
+}
 </script>
 
 <style>

src/components/still-image/still-image.js

@@ -9,38 +9,41 @@ const StillImage = {
     'height',
     'width',
     'dataSrc',
-    'loading'
+    'loading',
   ],
-  data () {
+  data() {
     return {
       // for lazy loading, see loadLazy()
       realSrc: this.src,
-      stopGifs: this.$store.getters.mergedConfig.stopGifs
+      stopGifs: this.$store.getters.mergedConfig.stopGifs,
     }
   },
   computed: {
-    animated () {
+    animated() {
       if (!this.realSrc) {
         return false
       }
 
-      return this.stopGifs && (this.mimetype === 'image/gif' || this.realSrc.endsWith('.gif'))
+      return (
+        this.stopGifs &&
+        (this.mimetype === 'image/gif' || this.realSrc.endsWith('.gif'))
+      )
     },
-    style () {
-      const appendPx = (str) => /\d$/.test(str) ? str + 'px' : str
+    style() {
+      const appendPx = (str) => (/\d$/.test(str) ? str + 'px' : str)
       return {
         height: this.height ? appendPx(this.height) : null,
-        width: this.width ? appendPx(this.width) : null
+        width: this.width ? appendPx(this.width) : null,
       }
-    }
+    },
   },
   methods: {
-    loadLazy () {
+    loadLazy() {
       if (this.dataSrc) {
         this.realSrc = this.dataSrc
       }
     },
-    onLoad () {
+    onLoad() {
       if (!this.realSrc) {
         return
       }
@@ -55,18 +58,18 @@ const StillImage = {
       canvas.height = height
       canvas.getContext('2d').drawImage(image, 0, 0, width, height)
     },
-    onError () {
+    onError() {
       this.imageLoadError && this.imageLoadError()
-    }
+    },
   },
   watch: {
-    src () {
+    src() {
       this.realSrc = this.src
     },
-    dataSrc () {
+    dataSrc() {
       this.$el.removeAttribute('data-loaded')
-    }
-  }
+    },
+  },
 }
 
 export default StillImage