artalar / reistore

Relational Immutable State Manager

reistore - Relational Immutable State Manager

Make state managers greate again!

Install

npm i reistore

Examples

• Todo

Usage

Simple

import { 
    createStore,
    Path
} from "reistore";

const initState = {
    counter: 0
};
const store = createStore(undefined, initState);
const counter = Path.fromSelector(f => f.counter);

store.set(counter, 1);
const value = store.state.counter;
// value = 1

Min-Max transform

import { 
    createStore,
    createSchema,
    Path,
    Instructor
} from "reistore";

const initState = {
    min: 0,
    max: 0
};
const path = {
    min: Path.fromSelector(f => f.min),
    max: Path.fromSelector(f => f.max)
}
function* transformer(instruction, is, state) {
    if(is(path.min) && instruction.value > state.max) {
        yield Instructor.createSet(path.max, instruction.value);
    } else if(is(path.max) && instruction.value < state.min) {
        yield Instructor.createSet(path.min, instruction.value);
    }
    yield instruction;
}
const schema = createSchema(transformer);
const store = createStore(schema, initState);

store.set(path.min, 1);
const state = store.state;
// { min: 1, max: 1 }

store.set(path.max, -10);
const state = store.state;
// { min: -10, max: -10 }

store.set(path.min, -15);
const state = store.state;
// { min: -15, max: -10 }

Scope

import { 
    createStore,
    createSchema,
    createScope,
    Path,
    Instructor
} from "reistore";

const initState = {
    scope: {
        min: 0,
        max: 0
    }
};
const schema = createSchema();
const store = createStore(schema, initState);

const path = {
    min: Path.fromSelector(f => f.scope.min),
    max: Path.fromSelector(f => f.scope.max)
}
function* transformer(instruction, is, state, storeState) {
    if(is(path.min) && instruction.value > state.max) {
        yield Instructor.createSet(path.max, instruction.value);
    } else if(is(path.max) && instruction.value < state.min) {
        yield Instructor.createSet(path.min, instruction.value);
    }
    yield instruction;
}
const scope = createScope(schema, Path.fromSelector(f => f.scope), transformer);

store.set(path.min, 1);
const state = scope.state;
// { min: 1, max: 1 }
const storeState = store.state;
// { scope: { min: 1, max: 1 } }