chore: migrate HID effects to effector-queue

frontend/package.json

@@ -53,6 +53,7 @@
     "colorjs.io": "0.5.0",
     "deep-equal": "2.2.3",
     "effector": "23.2.0",
+    "effector-queue": "1.0.2",
     "patronum": "2.2.0",
     "svelte-awesome-color-picker": "2.4.8"
   }

frontend/package.json.md5

@@ -1 +1 @@
-8116f2f1fa673af023647151fc26e960
+7874e274a99b328242098e3f01e1d9d1

frontend/src/entities/device/model/store.ts

@@ -21,12 +21,18 @@ export const firmwareVersionStore = createStore('dev', {
 
 export const getFirmwareFx = createEffect('getFirmware', { handler: getFirmware })
 export const getSupportsFx = createEffect('getSupports', { handler: getSupports })
-export const saveStateFx = createHIDEffect('saveState', saveState)
-export const restoreUserStateFx = createHIDEffect('restoreUserStateFx', restoreState)
-export const restoreDefaultStateFx = createHIDEffect(
-  'restoreDefaultState',
-  restoreDefaultState
-)
+export const saveStateFx = createHIDEffect({
+  name: 'saveStateFx',
+  handler: saveState
+})
+export const restoreUserStateFx = createHIDEffect({
+  name: 'restoreUserStateFx',
+  handler: restoreState
+})
+export const restoreDefaultStateFx = createHIDEffect({
+  name: 'restoreDefaultStateFx',
+  handler: restoreDefaultState
+})
 
 sample({
   clock: getFirmwareFx.doneData,

frontend/src/entities/keys/model/stores/keymap.ts

@@ -33,7 +33,10 @@ export const secondaryActionStore = combine(keyMapStore, selectedKeyStore, (keyM
 })
 export const hasSecondaryActionStore = not(empty(secondaryActionStore))
 
-const getKeysFx = createHIDEffect('getKeys', getKeys)
+const getKeysFx = createHIDEffect({
+  name: 'getKeysFx',
+  handler: getKeys
+})
 const setKeysFx = createEffect('setKeys', { handler: setKeys })
 
 // Report that supported device is connected

frontend/src/entities/keys/model/stores/static.ts

@@ -13,7 +13,10 @@ export const keyGroupsStore = createStore<KeyGroup[]>([], { name: 'keyGroups' })
 export const keyNamesStore = createStore<KeyNames>({}, { name: 'keyNames' })
 
 const getGroupsFx = createEffect('getGroupsFx', { handler: getGroups })
-const getDefaultKeysFx = createHIDEffect('getDefaultKeysFx', getDefaultKeys)
+const getDefaultKeysFx = createHIDEffect({
+  name: 'getDefaultKeysFx',
+  handler: getDefaultKeys
+})
 
 sample({
   clock: keysInitiated,

frontend/src/entities/lights/model/store.ts

@@ -33,10 +33,22 @@ const { tick } = interval({
 
 // HID effects
 // This effect is using for connection check
-export const getStateFx = createHIDEffect('getState', getLightState)
-export const setStateFx = createHIDEffect('setState', setLightState)
-export const setBacklightColorFx = createHIDEffect('setBacklightColorFx', setBacklightColor)
-export const getBacklightColorsFx = createHIDEffect('getBacklightColors', getBacklightColors)
+export const getStateFx = createHIDEffect({
+  name: 'getStateFx',
+  handler: getLightState
+})
+export const setStateFx = createHIDEffect({
+  name: 'setStateFx',
+  handler: setLightState
+})
+export const setBacklightColorFx = createHIDEffect({
+  name: 'setBacklightColorFx',
+  handler: setBacklightColor
+})
+export const getBacklightColorsFx = createHIDEffect({
+  name: 'getBacklightColorsFx',
+  handler: getBacklightColors
+})
 // Simple effects
 export const getModesFx = createEffect(getModes)
 

frontend/src/shared/lib/index.ts

@@ -1,3 +1,2 @@
 export * from './from-wails-event'
-export * from './sequential-effect'
 export * from './strings'

frontend/src/shared/model/hid-effects.ts

@@ -1,6 +1,6 @@
-import { createSequence } from '$shared/lib'
+import { createQueue } from 'effector-queue'
 
-const [createHIDEffect, pendingHIDStore] = createSequence({
+const [createHIDEffect, pendingHIDStore] = createQueue({
   minInterval: 200
 })