Effector extra

Helpful effector utils.

Installation

``sh
npm install @42px/effector-extra
`

Utils

`ts
import { attachWrapper } from '@42px/effector-extra'
import { requestFx, Res } from '../request'

type LoginParams = {
username: string
password: string
}

type LoginResult = {
token: string
}

const loginReqFx = attachWrapper({
effect: requestFx,
mapParams: (params: LoginParams) => ({
method: "POST",
body: params,
}),
mapResult: ({ result }): Res => result.data,
mapError: ({ error }) => {
if (error.code === 404) {
const err = new Error()
err.name = "InvalidCredentials"
return err
}
return error
},
})
`

$3

`ts
const domain = createDomain()
// real request effect
const requestFx = domain.effect()

const myService = createService({
domain: createDomain(),
effect: requestFx,
})

// some method
const getNewsFx = myService.createMethod({
mapParams: (newsId: number) => ({
url: /news/${newsId},
}),
mapResult: ({ result }) => result.data,
})
`

$3

`ts
import { batchEvents } from '@42px/effector-extra'
import { matrixDomain } from './domain'

export const roomMessage = matrixDomain.event()
export const roomMessageBatch = batchEvents(roomMessage, 500)
`

$3

Type-safe helper for mock effects when using fork (useful for testing):

`ts
const mockCartStorage = () => {
let cartStorage: CartItem[] = []

return mockEffects()
.set(writeCartFx, (cart) => {
cartStorage = cart
})
.set(readCartFx, () => cartStorage)
}

let scope: Scope


test('add to cart', async () => {
scope = fork(root, {
handlers: mockCartStorage(),
})
})
``