cozy-bar 0.0.0-development

package/src/lib/reducers/content.js

@@ -0,0 +1,50 @@
+const SET_CONTENT = 'SET_CONTENT'
+const UNSET_CONTENT = 'UNSET_CONTENT'
+
+const getLastItemInMap = map => Array.from(map)[map.size - 1]
+
+// action creator
+export const setContent = (location, content, id) => ({
+  type: SET_CONTENT,
+  location,
+  content,
+  id
+})
+export const unsetContent = (location, id) => ({
+  type: UNSET_CONTENT,
+  location,
+  id
+})
+
+// reducer
+export const getDefaultState = () => ({
+  left: new Map(),
+  center: new Map(),
+  right: new Map(),
+  search: new Map()
+})
+
+export const reducer = (state = getDefaultState(), action) => {
+  if (!action.location || typeof action.id === undefined) return state
+  switch (action.type) {
+    case SET_CONTENT: {
+      const currentState = state[action.location]
+      currentState.set(action.id, action.content)
+      return { ...state, [action.location]: currentState }
+    }
+    case UNSET_CONTENT: {
+      const currentState = state[action.location]
+      if (!currentState.get(action.id)) {
+        return state
+      }
+      currentState.delete(action.id)
+      return { ...state, [action.location]: currentState }
+    }
+    default:
+      return state
+  }
+}
+
+// selectors
+export const getContent = (state, location) =>
+  getLastItemInMap(state[location]) && getLastItemInMap(state[location])[1]

package/src/lib/reducers/context.js

@@ -0,0 +1,86 @@
+import stack from 'lib/stack'
+import CLAUDY_ACTIONS from 'config/claudyActions.json'
+import { LOG_OUT } from 'lib/reducers/settings'
+import flag from 'cozy-flags'
+
+const FETCH_CONTEXT = 'FETCH_CONTEXT'
+const FETCH_CONTEXT_SUCCESS = 'FETCH_CONTEXT_SUCCESS'
+const RECEIVE_NO_CONTEXT = 'RECEIVE_NO_CONTEXT'
+
+// selectors
+export const getHelpLink = state => {
+  return state.helpLink
+}
+
+export const getClaudyActions = state => {
+  return state.claudyActions
+}
+export const shouldEnableClaudy = state => {
+  const claudyActions = getClaudyActions(state)
+  return !!claudyActions && !!claudyActions.length
+}
+
+// actions
+export const fetchContext = () => async (dispatch, getState) => {
+  dispatch({ type: FETCH_CONTEXT })
+  if (getState().context.contextNotExist) {
+    return dispatch({ type: FETCH_CONTEXT_SUCCESS, context: null })
+  }
+  try {
+    const context = await stack.get.context()
+    return dispatch({ type: FETCH_CONTEXT_SUCCESS, context })
+  } catch (error) {
+    if (error.status && error.status === 404) {
+      dispatch({ type: RECEIVE_NO_CONTEXT })
+    }
+    // eslint-disable-next-line no-console
+    console.warn('Cannot get Cozy context')
+    return null
+  }
+}
+
+// reducers
+const defaultState = {
+  claudyActions: [],
+  contextNotExist: false,
+  helpLink: null,
+  isFetching: false
+}
+
+const reducer = (state = defaultState, action) => {
+  switch (action.type) {
+    case FETCH_CONTEXT:
+      return { ...state, isFetching: true }
+    case FETCH_CONTEXT_SUCCESS: {
+      const attr =
+        action.context && action.context.data && action.context.data.attributes
+      const contextActions = flag('bar.claudy.force-all-actions')
+        ? Object.keys(CLAUDY_ACTIONS)
+        : attr && attr['claudy_actions']
+      // get an arrays of action
+      const claudyActions = contextActions
+        .map(slug => {
+          if (CLAUDY_ACTIONS.hasOwnProperty(slug)) {
+            // adding also the action slug
+            return Object.assign({}, CLAUDY_ACTIONS[slug], { slug })
+          }
+        })
+        .filter(action => action)
+      return {
+        ...state,
+        helpLink: (attr && attr['help_link']) || null,
+        claudyActions,
+        isFetching: false,
+        contextNotExist: false
+      }
+    }
+    case RECEIVE_NO_CONTEXT:
+      return { ...state, contextNotExist: true }
+    case LOG_OUT:
+      return defaultState
+    default:
+      return state
+  }
+}
+
+export default reducer

package/src/lib/reducers/index.js

@@ -0,0 +1,73 @@
+import { combineReducers } from 'redux'
+import * as content from 'lib/reducers/content'
+import * as locale from 'lib/reducers/locale'
+import * as theme from 'lib/reducers/theme'
+import * as unserializable from 'lib/reducers/unserializable'
+import appsReducer, * as apps from 'lib/reducers/apps'
+import settingsReducer, * as settings from 'lib/reducers/settings'
+import contextReducer, * as context from 'lib/reducers/context'
+
+const proxy = (attr, method) => {
+  return (state, ...args) => {
+    return method(state[attr], ...args)
+  }
+}
+
+const setContent = content.setContent
+const unsetContent = content.unsetContent
+const setLocale = locale.setLocale
+const setTheme = theme.setTheme
+const setWebviewContext = unserializable.setWebviewContext
+const fetchApps = apps.fetchApps
+const setInfos = apps.setInfos
+const fetchSettingsData = settings.fetchSettingsData
+const logOut = settings.logOut
+const fetchContext = context.fetchContext
+export {
+  setContent,
+  unsetContent,
+  setLocale,
+  setTheme,
+  setWebviewContext,
+  fetchApps,
+  setInfos,
+  fetchSettingsData,
+  logOut,
+  fetchContext
+}
+
+export const getContent = proxy('content', content.getContent)
+export const getLocale = proxy('locale', locale.getLocale)
+export const getTheme = proxy('theme', theme.getTheme)
+export const getApps = proxy('apps', apps.getApps)
+export const getHomeApp = proxy('apps', apps.getHomeApp)
+export const isFetchingApps = proxy('apps', apps.isFetchingApps)
+export const isCurrentApp = proxy('apps', apps.isCurrentApp)
+export const hasFetched = proxy('apps', apps.hasFetched)
+export const getStorageData = proxy('settings', settings.getStorageData)
+export const getSettingsAppURL = proxy('settings', settings.getSettingsAppURL)
+export const isSettingsBusy = proxy('settings', settings.isSettingsBusy)
+export const isFetchingSettings = proxy('settings', settings.isFetchingSettings)
+export const getHelpLink = proxy('context', context.getHelpLink)
+export const getClaudyActions = proxy('context', context.getClaudyActions)
+export const shouldEnableClaudy = proxy('context', context.shouldEnableClaudy)
+export const getWebviewContext = proxy(
+  'unserializable',
+  unserializable.getWebviewContext
+)
+
+// realtime handlers
+export const onRealtimeCreate = apps.receiveApp
+export const onRealtimeDelete = apps.deleteApp
+
+export const reducers = {
+  apps: appsReducer,
+  content: content.reducer,
+  context: contextReducer,
+  locale: locale.reducer,
+  settings: settingsReducer,
+  theme: theme.reducer,
+  unserializable: unserializable.reducer
+}
+
+export default combineReducers(reducers)

package/src/lib/reducers/locale.js

@@ -0,0 +1,22 @@
+export const SET_LOCALE = 'SET_LOCALE'
+
+// action creator
+export const setLocale = lang => ({
+  type: SET_LOCALE,
+  lang
+})
+
+const getDefaultLang = () => {
+  return document.documentElement.getAttribute('lang') || 'en'
+}
+
+export const reducer = (state = getDefaultLang(), action) => {
+  if (action.type === SET_LOCALE) {
+    return action.lang
+  } else {
+    return state
+  }
+}
+
+// selector
+export const getLocale = state => state

package/src/lib/reducers/settings.js

@@ -0,0 +1,111 @@
+import stack from 'lib/stack'
+
+const FETCH_SETTINGS = 'FETCH_SETTINGS'
+const FETCH_SETTINGS_BUSY = 'FETCH_SETTINGS_BUSY'
+const FETCH_SETTINGS_SUCCESS = 'FETCH_SETTINGS_SUCCESS'
+const RECEIVE_NO_CONTEXT = 'RECEIVE_NO_CONTEXT'
+const RECEIVE_STORAGE = 'RECEIVE_STORAGE'
+const RECEIVE_SETTINGS_URL = 'RECEIVE_SETTINGS_URL'
+
+export const LOG_OUT = 'LOG_OUT'
+
+const BUSY_DELAY = 450
+
+// selectors
+export const getStorageData = state => {
+  return state.storageData
+}
+export const getSettingsAppURL = state => {
+  return state.settingsAppURL
+}
+export const isSettingsBusy = state => {
+  return state.isBusy
+}
+export const isFetchingSettings = state => {
+  return state.isFetching
+}
+
+// actions
+const fetchStorageData = () => async dispatch => {
+  try {
+    const storageData = await stack.get.storageData()
+    return dispatch({ type: RECEIVE_STORAGE, storageData })
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn && console.warn('Cannot get Cozy storage informations')
+    return null
+  }
+}
+
+const fetchSettingsAppURL = () => async (dispatch, getState) => {
+  // If the `settings` app is available, it will used to add the links 'Profile' and 'Connected Devices'
+  if (getState().settings.settingsAppURL) {
+    return dispatch({
+      type: RECEIVE_SETTINGS_URL,
+      settingsAppURL: getState().settings.settingsAppURL
+    })
+  }
+  try {
+    const settingsAppURL = await stack.get.settingsAppURL()
+    return dispatch({ type: RECEIVE_SETTINGS_URL, settingsAppURL })
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn('Settings app is unavailable, settings links are disabled')
+    return null
+  }
+}
+
+export const fetchSettingsData = (displayBusy = true) => async dispatch => {
+  dispatch({ type: FETCH_SETTINGS })
+  // put the busy status after BUSY_DELAY secs
+  const busySpinner = setTimeout(() => {
+    // we do not display the busy status in the drawer
+    if (displayBusy) dispatch({ type: FETCH_SETTINGS_BUSY })
+  }, BUSY_DELAY)
+  await dispatch(fetchStorageData())
+  await dispatch(fetchSettingsAppURL())
+  clearTimeout(busySpinner)
+  dispatch({ type: FETCH_SETTINGS_SUCCESS })
+}
+
+export const logOut = () => async dispatch => {
+  dispatch({ type: LOG_OUT })
+  try {
+    await stack.logout()
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn('Error while logging out in the cozy-bar', e)
+  }
+}
+
+// reducers
+const defaultState = {
+  contextNotExist: false,
+  isFetching: false,
+  isBusy: false,
+  settingsAppURL: null,
+  storageData: null
+}
+
+const reducer = (state = defaultState, action) => {
+  switch (action.type) {
+    case FETCH_SETTINGS:
+      return { ...state, isFetching: true }
+    case FETCH_SETTINGS_BUSY:
+      return { ...state, isBusy: true }
+    case FETCH_SETTINGS_SUCCESS:
+      return { ...state, isFetching: false, isBusy: false }
+    case RECEIVE_NO_CONTEXT:
+      return { ...state, contextNotExist: true }
+    case RECEIVE_STORAGE:
+      return { ...state, storageData: action.storageData }
+    case RECEIVE_SETTINGS_URL:
+      return { ...state, settingsAppURL: action.settingsAppURL }
+    case LOG_OUT:
+      return defaultState
+    default:
+      return state
+  }
+}
+
+export default reducer

package/src/lib/reducers/theme.js

@@ -0,0 +1,48 @@
+const SET_THEME = 'SET_THEME'
+const DEFAULT_THEME = 'default'
+const PRIMARY_THEME = 'primary'
+const THEMES = [DEFAULT_THEME, PRIMARY_THEME]
+const EMPTY_OVERRIDES = {}
+
+// Theme state is { name, overrides }
+// where both have the form described in `setTheme`
+const DEFAULT_STATE = { name: DEFAULT_THEME, overrides: EMPTY_OVERRIDES }
+
+/**
+ * Change the cozy-bar theme
+ *
+ * Today, the value 'primary' will change the background color
+ * of the bar in the mobile view. It will then use the
+ * `--primaryColor` CSS variable and the `--primaryContrastTextColor`
+ * for the text.
+ *
+ * @function
+ * @param {String} name - either 'default' or 'primary'
+ * @param {Object} overrides - overrides of default values for the theme
+ *                             default to an empty object (no overrides)
+ *                             It will only overrides the values for the
+ *                             'primary' specific theme/view
+ * @param {Object} overrides.primaryColor - the background color
+ * @param {Object} overrides.primaryContrastTextColor - the text color
+ * @returns {Object} action `{ type: SET_THEME, theme: {name, overrides} }
+ */
+export const setTheme = (name, overrides = EMPTY_OVERRIDES) => ({
+  type: SET_THEME,
+  theme: { name, overrides }
+})
+
+export const getDefaultTheme = () => DEFAULT_STATE
+
+export const reducer = (state = getDefaultTheme(), action) => {
+  if (action.type === SET_THEME) {
+    if (THEMES.includes(action.theme.name)) {
+      return action.theme
+    }
+    return { ...action.theme, name: DEFAULT_THEME }
+  } else {
+    return state
+  }
+}
+
+// selector
+export const getTheme = state => state

package/src/lib/reducers/unserializable.js

@@ -0,0 +1,26 @@
+const SET_WEBVIEW_CONTEXT = 'SET_WEBVIEW_CONTEXT'
+
+// selectors
+export const getWebviewContext = state => {
+  return state.webviewContext
+}
+
+// actions
+export const setWebviewContext = payload => ({
+  type: SET_WEBVIEW_CONTEXT,
+  payload
+})
+
+// reducers
+const defaultState = {
+  webviewContext: undefined
+}
+
+export const reducer = (state = defaultState, action) => {
+  switch (action.type) {
+    case SET_WEBVIEW_CONTEXT:
+      return { ...state, webviewContext: action.payload }
+    default:
+      return state
+  }
+}