new markState syntax, like setState now

Author: mydearxym

containers/Sidebar/logic.js

@@ -5,30 +5,18 @@ const debug = makeDebugger('L:sidebar')
 
 let sidebar = null
 
-/*
-export const enterSidebar2 = debounce(() => {
-  debug('enterSidebar  <--<: ')
-  sidebar.toggleOpen()
-}, 200)
-
-export const leaveSidebar2 = debounce(() => {
-  debug('leaveSidebar  >-->: ')
-  sidebar.toggleOpen()
-}, 100)
-*/
-
 export function pin() {
   debug('pin: ', !sidebar.pin)
-  sidebar.markState('pin', !sidebar.pin)
+  sidebar.markState({ pin: !sidebar.pin })
 }
 
 export function enterSidebar() {
-  sidebar.markState('open', true)
+  sidebar.markState({ open: true })
 }
 
 export function leaveSidebar() {
   if (!sidebar.pin) {
-    sidebar.markState('open', false)
+    sidebar.markState({ open: false })
   }
 }
 

containers/UniversePanel/logic.js

@@ -24,22 +24,15 @@ export const repoNotFound = R.allPass([
   isNotSearching,
 ])
 
-/*
-export function repoNotFound() {
-  return (
-    R.isEmpty(store.reposData) &&
-    !store.searching &&
-    !R.isEmpty(store.inputValue)
-  )
-}
-*/
-
 export function search(e) {
   // console.log('search: ', val)
-  const value = e.target.value
-  store.markState('inputValue', value)
-  store.markState('searching', true)
-  Pigeon.search(value)
+  const inputValue = e.target.value
+  // store.markState('inputValue', value)
+  store.markState({
+    inputValue,
+    searching: true,
+  })
+  Pigeon.search(inputValue)
 }
 
 export function init(selectedStore) {
@@ -50,13 +43,17 @@ export function init(selectedStore) {
   Pigeon.get().subscribe(res => {
     debug('Pigeon get: ', res)
     // debug('washed: ', repoData(res.items))
-    store.markState('searching', false)
+    store.markState({
+      searching: false,
+    })
     store.replaceRepos(repoData(res.items))
   })
 
   Pigeon.emptyInput().subscribe(() => {
     debug('Pigeon get emptyInput!')
-    store.markState('searching', false)
+    store.markState({
+      searching: false,
+    })
     store.clearRepos()
   })
 }

stores/GithubEampleStore/index.js

@@ -4,6 +4,9 @@
  */
 
 import { types as t, getParent } from 'mobx-state-tree'
+import R from 'ramda'
+
+import { isObject } from '../../utils'
 // import { makeDebugger } from '../../utils/debug'
 
 // const debug = makeDebugger('S:GithubEampleStore')
@@ -45,7 +48,17 @@ const GithubEampleStore = t
     clearRepos() {
       self.repos = []
     },
-    markState(key, val) {
+
+    markState(sobj) {
+      if (!isObject(sobj)) {
+        throw new Error('markState get no object params')
+      }
+      R.forEachObjIndexed((val, key) => {
+        self[key] = val
+      }, sobj)
+    },
+
+    markState2(key, val) {
       self[key] = val
     },
   }))

stores/SidebarStore/index.js

@@ -4,8 +4,9 @@
  */
 
 import { types as t, getParent } from 'mobx-state-tree'
+import R from 'ramda'
 import { makeDebugger } from '../../utils/debug'
-
+import { isObject } from '../../utils'
 import MenuItem from './MenuItemStore'
 import fakeMenuItems from './fake_menu_items'
 
@@ -44,8 +45,8 @@ const SidebarStore = t
     },
   }))
   .actions(self => ({
-    loadAllMenuItem() {
-      debug('loadAllMenuItem ...')
+    loadMenuItem() {
+      debug('loadMenuItem ...')
       self.menuItems = fakeMenuItems
     },
 
@@ -54,8 +55,13 @@ const SidebarStore = t
       self.loading = !self.loading
     },
 
-    markState(key, val) {
-      self[key] = val
+    markState(sobj) {
+      if (!isObject(sobj)) {
+        throw new Error('markState get no object params')
+      }
+      R.forEachObjIndexed((val, key) => {
+        self[key] = val
+      }, sobj)
     },
 
     addOne() {