perf: tree-shake dependencies from server (#1647)

composables/masto/publish.ts

@@ -150,6 +150,8 @@ export function useUploadMediaAttachment(draftRef: Ref<Draft>) {
   }
 
   async function pickAttachments() {
+    if (process.server)
+      return
     const mimeTypes = currentInstance.value!.configuration?.mediaAttachments.supportedMimeTypes
     const files = await fileOpen({
       description: 'Attachments',

composables/tiptap.ts

@@ -1,3 +1,4 @@
+import type { Editor } from '@tiptap/vue-3'
 import { Extension, useEditor } from '@tiptap/vue-3'
 import Placeholder from '@tiptap/extension-placeholder'
 import Document from '@tiptap/extension-document'
@@ -27,6 +28,9 @@ export interface UseTiptapOptions {
 }
 
 export function useTiptap(options: UseTiptapOptions) {
+  if (process.server)
+    return { editor: ref<Editor | undefined>() }
+
   const {
     autofocus,
     content,

composables/tiptap/suggestion.ts

@@ -16,18 +16,20 @@ export { Emoji }
 export type CustomEmoji = (mastodon.v1.CustomEmoji & { custom: true })
 export const isCustomEmoji = (emoji: CustomEmoji | Emoji): emoji is CustomEmoji => !!(emoji as CustomEmoji).custom
 
-export const TiptapMentionSuggestion: Partial<SuggestionOptions> = {
-  pluginKey: new PluginKey('mention'),
-  char: '@',
-  async items({ query }) {
-    if (query.length === 0)
-      return []
+export const TiptapMentionSuggestion: Partial<SuggestionOptions> = process.server
+  ? {}
+  : {
+      pluginKey: new PluginKey('mention'),
+      char: '@',
+      async items({ query }) {
+        if (query.length === 0)
+          return []
 
-    const results = await useMastoClient().v2.search({ q: query, type: 'accounts', limit: 25, resolve: true })
-    return results.accounts
-  },
-  render: createSuggestionRenderer(TiptapMentionList),
-}
+        const results = await useMastoClient().v2.search({ q: query, type: 'accounts', limit: 25, resolve: true })
+        return results.accounts
+      },
+      render: createSuggestionRenderer(TiptapMentionList),
+    }
 
 export const TiptapHashtagSuggestion: Partial<SuggestionOptions> = {
   pluginKey: new PluginKey('hashtag'),
@@ -52,7 +54,7 @@ export const TiptapEmojiSuggestion: Partial<SuggestionOptions> = {
   pluginKey: new PluginKey('emoji'),
   char: ':',
   async items({ query }): Promise<(CustomEmoji | Emoji)[]> {
-    if (query.length === 0)
+    if (process.server || query.length === 0)
       return []
 
     if (currentCustomEmojis.value.emojis.length === 0)

composables/users.ts

@@ -19,7 +19,7 @@ import { useAsyncIDBKeyval } from '~/composables/idb'
 
 const mock = process.mock
 
-const initializeUsers = async (): Promise<Ref<UserLogin[]> | RemovableRef<UserLogin[]>> => {
+const initializeUsers = (): Promise<Ref<UserLogin[]> | RemovableRef<UserLogin[]>> | Ref<UserLogin[]> | RemovableRef<UserLogin[]> => {
   let defaultUsers = mock ? [mock.user] : []
 
   // Backward compatibility with localStorage
@@ -34,7 +34,7 @@ const initializeUsers = async (): Promise<Ref<UserLogin[]> | RemovableRef<UserLo
 
   const users = process.server
     ? ref<UserLogin[]>(defaultUsers)
-    : await useAsyncIDBKeyval<UserLogin[]>(STORAGE_KEY_USERS, defaultUsers, { deep: true })
+    : useAsyncIDBKeyval<UserLogin[]>(STORAGE_KEY_USERS, defaultUsers, { deep: true })
 
   if (removeUsersOnLocalStorage)
     globalThis.localStorage.removeItem(STORAGE_KEY_USERS)
@@ -42,7 +42,7 @@ const initializeUsers = async (): Promise<Ref<UserLogin[]> | RemovableRef<UserLo
   return users
 }
 
-const users = await initializeUsers()
+const users = process.server ? initializeUsers() as Ref<UserLogin[]> | RemovableRef<UserLogin[]> : await initializeUsers()
 const nodes = useLocalStorage<Record<string, any>>(STORAGE_KEY_NODES, {}, { deep: true })
 const currentUserHandle = useLocalStorage<string>(STORAGE_KEY_CURRENT_USER_HANDLE, mock ? mock.user.account.id : '')
 export const instanceStorage = useLocalStorage<Record<string, mastodon.v1.Instance>>(STORAGE_KEY_SERVERS, mock ? mock.server : {}, { deep: true })