apps.js

const state = {
  file: {
    path: '',
    edit: false
  },
  fileEditors: [],
  newFileHandlers: [],
  fileSideBars: [],
  customFilesListIndicators: [],
  meta: {}
}

const actions = {
  // TODO move to app scope!
  /**
   * Open a file via webdav
   * @param {object} payload - filePath & client reference
   */
  openFile(context, payload) {
    return new Promise((resolve, reject) => {
      // TODO fix js-owncloud-client & change payload to filePath
      const filePath = payload.filePath
      context.commit('FETCH_FILE', filePath)
      // TODO fix js-owncloud-client & use global client
      const client = payload.client || false
      if (client) {
        client.files.getFileContents(filePath).then(resolve).catch(reject)
      } else {
        // if no client is given, implicit resolve without fetching the file...
        // useful for images
        resolve()
      }
    })
  },
  registerApp({ commit }, app) {
    commit('REGISTER_APP', app)
  },
  addFileAction({ commit }, action) {
    commit('ADD_FILE_ACTION', action)
  }
}

const mutations = {
  REGISTER_EXTENSION(state, extensionBundle) {
    const { app, extension } = extensionBundle
    const editor = {
      app,
      icon: extension.icon,
      img: extension.img,
      newTab: extension.newTab || false,
      routeName: extension.routeName,
      routes: extension.routes || [],
      extension: extension.extension,
      handler: extension.handler,
      canBeDefault: extension.canBeDefault === true
    }

    state.fileEditors.push(editor)

    if (extension.newFileMenu) {
      extension.newFileMenu.ext = extension.extension
      extension.newFileMenu.action = editor
      state.newFileHandlers.push(extension.newFileMenu)
    }
  },
  REGISTER_APP(state, appInfo) {
    if (appInfo.extensions) {
      appInfo.extensions.forEach((extension) => {
        this.commit('REGISTER_EXTENSION', {
          app: appInfo.id,
          extension
        })
      })
    }
    if (appInfo.fileSideBars) {
      // Merge in file side bars into global list
      // Reassign object in whole so that it updates the state properly
      const list = state.fileSideBars
      appInfo.fileSideBars.forEach((sideBar) => {
        list.push(sideBar)
      })
      state.fileSideBars = list
    }

    if (appInfo.filesListIndicators) {
      const indicators = state.customFilesListIndicators
      appInfo.filesListIndicators.forEach((indicator) => {
        indicators.push(indicator)
      })
      state.customFilesListIndicators = indicators
    }

    if (!appInfo.id) return
    // name: use id as fallback display name
    // icon: use empty box as fallback icon
    const app = {
      name: appInfo.name || appInfo.id,
      id: appInfo.id,
      icon: appInfo.icon || 'check_box_outline_blank',
      img: appInfo.img || null
    }
    state.meta[app.id] = app
  },
  FETCH_FILE(state, filePath) {
    state.file.path = filePath
  },

  LOAD_EXTENSION_CONFIG(state, { id, config }) {
    // make available in editors
    const editors = [...state.fileEditors]
    for (const editor of editors) {
      if (editor.app === id) {
        editor.config = config
      }
    }
    state.fileEditors = editors

    // make available in meta
    if (state.meta[id]) {
      const meta = { ...state.meta }
      meta[id].config = config
      state.meta = meta
    }
  }
}

const getters = {
  appIds: (state) => {
    return Object.keys(state.meta)
  },
  apps: (state) => {
    return state.meta
  },
  activeFile: (state) => {
    return state.file
  },
  newFileHandlers: (state) => {
    return state.newFileHandlers
  },
  fileSideBars: (state) => {
    return state.fileSideBars
  },
  customFilesListIndicators: (state) => state.customFilesListIndicators
}

export default {
  state,
  actions,
  mutations,
  getters
}