koel/resources/assets/js/stores/userStore.ts

import { without } from 'lodash'
import md5 from 'blueimp-md5'

import { httpService } from '@/services'
import stub from '@/stubs/user'
import { reactive } from 'vue'

export interface UpdateCurrentProfileData {
  current_password: string | null
  name: string
  email: string
  new_password?: string
}

interface UserFormData {
  name: string
  email: string
  is_admin: boolean
}

export interface CreateUserData extends UserFormData {
  password: string
}

export interface UpdateUserData extends UserFormData {
  password?: string
}

export const userStore = {
  state: reactive({
    users: [] as User[],
    current: stub
  }),

  init (users: User[], currentUser: User) {
    this.all = users
    this.current = currentUser

    // Set the avatar for each of the users…
    this.all.forEach(user => this.setAvatar(user))

    // …and the current user as well.
    this.setAvatar()
  },

  get all () {
    return this.state.users
  },

  set all (value: User[]) {
    this.state.users = value
  },

  byId (id: number) {
    return this.all.find(user => user.id === id)
  },

  get current () {
    return this.state.current
  },

  set current (user: User) {
    this.state.current = user
  },

  /**
   * Set a user's avatar using Gravatar's service.
   *
   * @param {?User} user The user. If null, the current user.
   */
  setAvatar (user?: User) {
    user = user || this.current
    user.avatar = `https://www.gravatar.com/avatar/${md5(user.email)}?s=256&d=mp`
  },

  login: async (email: string, password: string) => await httpService.post<User>('me', { email, password }),
  logout: async () => await httpService.delete('me'),
  getProfile: async () => await httpService.get<User>('me'),

  async updateProfile (data: UpdateCurrentProfileData) {
    await httpService.put('me', data)

    this.current.name = data.name
    this.current.email = data.email
    this.setAvatar()
  },

  async store (data: CreateUserData) {
    const user = await httpService.post<User>('user', data)
    this.setAvatar(user)
    this.all.unshift(user)

    return user
  },

  async update (user: User, data: UpdateUserData) {
    await httpService.put(`user/${user.id}`, data)
    this.setAvatar(user)
    ;[user.name, user.email, user.is_admin] = [data.name, data.email, data.is_admin]
  },

  async destroy (user: User) {
    await httpService.delete(`user/${user.id}`)
    this.all = without(this.all, user)

    // Mama, just killed a man
    // Put a gun against his head
    // Pulled my trigger, now he's dead
    // Mama, life had just begun
    // But now I've gone and thrown it all away
    // Mama, oooh
    // Didn't mean to make you cry
    // If I'm not back again this time tomorrow
    // Carry on, carry on, as if nothing really matters
    //
    // Too late, my time has come
    // Sends shivers down my spine
    // Body's aching all the time
    // Goodbye everybody - I've got to go
    // Gotta leave you all behind and face the truth
    // Mama, oooh
    // I don't want to die
    // I sometimes wish I'd never been born at all
  }
}