refactor: version 2.0 (React)

packages/renderer/src/store.ts

@@ -0,0 +1,36 @@
+import { RefObject } from 'react'
+import { proxy, subscribe } from 'valtio'
+import { devtools } from 'valtio/utils'
+import { player as PlayerCore } from '@/utils/player'
+
+interface Store {
+  uiStates: {
+    loginPhoneCountryCode: string
+  }
+  settings: {
+    showSidebar: boolean
+  }
+}
+
+const initialState: Store = {
+  uiStates: {
+    loginPhoneCountryCode: '+86',
+  },
+  settings: {
+    showSidebar: true,
+  },
+}
+
+const stateInLocalStorage = localStorage.getItem('state')
+export const state = proxy<Store>(
+  (stateInLocalStorage && JSON.parse(stateInLocalStorage)) || initialState
+)
+subscribe(state, () => {
+  localStorage.setItem('state', JSON.stringify(state))
+})
+
+export const player = proxy(PlayerCore)
+
+// Devtools
+devtools(state, 'state')
+devtools(player, 'player')