@veams/status-quo 0.0.1

package/.eslintrc.cjs

@@ -0,0 +1,132 @@
+module.exports = {
+    root: true,
+    parser: '@typescript-eslint/parser', // Specifies the ESLint parser
+    plugins: ['react', '@typescript-eslint', 'simple-import-sort'],
+    ignorePatterns: [
+        '.eslintrc.js',
+        '*.config.js',
+        'setupTests.js',
+        'setupTests.ts',
+        'env.js',
+        'env.local.js',
+    ],
+    extends: [
+        'plugin:@typescript-eslint/recommended', // Uses the recommended rules from @typescript-eslint/eslint-plugin
+        'airbnb-base',
+        'airbnb-typescript/base',
+        'plugin:prettier/recommended', // Enables eslint-plugin-prettier and displays prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+        'plugin:react/recommended',
+        'airbnb',
+        'airbnb/hooks',
+        'airbnb-typescript',
+        // Enables eslint-plugin-prettier and displays prettier errors as ESLint errors.
+        // Make sure this is always the last configuration in the extends array.
+        'plugin:prettier/recommended',
+    ],
+    parserOptions: {
+        project: './tsconfig.json',
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: 'module', // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true, // Allows for the parsing of JSX
+        },
+    },
+    settings: {
+        react: {
+            version: 'detect', // React version. "detect" automatically picks the version you have installed.
+        },
+    },
+    // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+    rules: {
+        'max-classes-per-file': ['error', 2],
+        'no-console': 'off',
+        '@typescript-eslint/consistent-type-imports': 'error',
+        'no-param-reassign': ['error', {props: false}], // for reducer and simple reference changes
+        'import/order': 'off', // Is handled by simple-import-sort
+        'import/prefer-default-export': 'off', // This is not really useful, because named exports are easier to import (IDE)
+        'import/no-default-export': 'error', // Prefer named exports over default exports since they are easier to find and refactor
+        'import/extensions': [
+            'error',
+            'always',
+            {
+                ignorePackages: true,
+                js: 'always',
+            },
+        ],
+        'simple-import-sort/exports': 'error',
+        'simple-import-sort/imports': [
+            'error',
+            {
+                /**
+                 * The default grouping, but with type imports last as a separate group.
+                 * From https://github.com/lydell/eslint-plugin-simple-import-sort/blob/37f9448cdfed85dacf27e34c515653ff96f0377a/examples/.eslintrc.js.
+                 */
+                groups: [['^\\u0000'], ['^@?\\w'], ['^'], ['^\\.'], ['^.+\\u0000$']],
+            },
+        ],
+        '@typescript-eslint/no-use-before-define': ['error', {functions: false}], // function declarations are always
+        // hoisted so it's safe
+        '@typescript-eslint/lines-between-class-members': [
+            'error',
+            'always',
+            {exceptAfterSingleLine: true},
+        ], // Avoid blowing up classes
+
+        // Forbid the use of extraneous packages
+        // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-extraneous-dependencies.md
+        // paths are treated both as absolute paths, and relative to process.cwd()
+        'import/no-extraneous-dependencies': [
+            'error',
+            {
+                devDependencies: [
+                    '**/setupTests.{js,ts}', // test setup files
+                    'test/**', // tape, common npm pattern
+                    'tests/**', // also common npm pattern
+                    'spec/**', // mocha, rspec-like pattern
+                    '**/__tests__/**', // jest pattern
+                    '**/__mocks__/**', // jest pattern
+                    'test.{js,jsx}', // repos with a single test file
+                    'test-*.{js,jsx}', // repos with multiple top-level test files
+                    '**/*{.,_}{test,spec}.{js,jsx}', // tests where the extension or filename suffix denotes that it is a test
+                    '**/jest.config.js', // jest config
+                    '**/jest.setup.js', // jest setup
+                    '**/vue.config.js', // vue-cli config
+                    '**/webpack.config.js', // webpack config
+                    '**/webpack.config.*.js', // webpack config
+                    '**/rollup.config.js', // rollup config
+                    '**/rollup.config.*.js', // rollup config
+                    '**/gulpfile.js', // gulp config
+                    '**/gulpfile.*.js', // gulp config
+                    '**/Gruntfile{,.js}', // grunt config
+                    '**/protractor.conf.js', // protractor config
+                    '**/protractor.conf.*.js', // protractor config
+                    '**/karma.conf.js', // karma config
+                    '**/.eslintrc.js', // eslint config
+                ],
+                optionalDependencies: false,
+            },
+        ],
+        'react/prop-types': 'off', // Since we do not use prop-types
+        'react/require-default-props': 'off', // Since we do not use prop-types
+        // Many of our loops are server side rendered, so we can rely on the index in general
+        'react/no-array-index-key': 0,
+        // To support hydration of components, a string is necessary so that the minification of bundles
+        // do not affect our markup generation on the server.
+        'react/display-name': [2, {ignoreTranspilerName: true}],
+        // aria roles ignored (0) instead of warning (1) / errors (2).
+        'jsx-a11y/role-supports-aria-props': 0,
+        'react/function-component-definition': [2, {namedComponents: 'arrow-function'}],
+        // Conditional spreads are easier to do so we can deactivate this rule
+        'react/jsx-props-no-spreading': 0,
+        // Enforce the definition of Fragment instead of shorthand syntax.
+        // The thing is, that keys can only be applied to the long version. So we should stick to one version.
+        'react/jsx-fragments': [2, 'element'],
+        // We need to use setDangerouslyInnerHtml for article and server side rendered markup prepared by external helpers.
+        // So it makes no sense to have this rule in place.
+        'react/no-danger': 0,
+        // strict null-checking is not necessary.
+        // The syntax itself should be avoided for sure but in some cases where we know we get the data,
+        // we can use this functionality
+        '@typescript-eslint/no-non-null-assertion': 0,
+    },
+};

package/.nvmrc

@@ -0,0 +1 @@
+v20

package/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "useTabs": false,
+  "printWidth": 100,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "semi": true
+}

package/README.md

@@ -0,0 +1,130 @@
+# Status Quo (`@veams/status-quo`)
+
+The `Manager` to rule your state.
+
+---
+
+## Table of Content
+
+1. [Getting Started](#getting-started)
+2. [Example](#example)
+
+---
+
+## Getting Started
+
+1. Create your own state handler which handles all the streams and a state you expose next to the actions
+1. Use actions and state in your component
+1. When using React, initialize the state handler with a custom hook called `useStateFactory()` (or `useStateSingleton()` for Singleton states)
+
+
+These three steps are necessary to create a completely decoupled state management solution without the need of creating custom hooks with `useEffect()`.
+
+__Note__: 
+_Please keep in mind that dependencies for the hook needs to be flattened and cannot be used as an object due to how React works._
+
+## Example
+
+Let's start with a simple state example. 
+You should start with the abstract class `BaseState`:
+
+```ts
+import { useStateFactory, StateHandler } from '@veams/status-quo';
+
+type CounterState = {
+  count: number;
+};
+type CounterActions = {
+  increase: () => void;
+  decrease: () => void;
+};
+
+class CounterStateHandler extends StateHandler<CounterState, CounterActions> {
+  constructor([startCount = 0]) {
+    super({ initialState: { count: startCount } });
+  }
+  
+  getActions() {
+    return {
+      increase() {
+        this.setState({
+          count: this.getState() + 1
+        })
+      },
+      decrease() {
+        const currentState = this.getState();
+
+        if (currentState.count > 0) {
+          this.setState({
+            count: currentState - 1
+          })
+        }
+      }
+    }
+  }
+}
+
+export function CounterStateFactory(...args) {
+  return new CounterStateHandler(...args);
+}
+```
+
+This can be used in our factory hook function:
+
+```tsx
+import { useStateFactory } from '@veams/status-quo';
+import { CounterStateFactory } from './counter.state.js';
+
+const Counter = () => {
+  const [state, actions] = useStateFactory(CounterStateFactory, [0]);
+  
+  return (
+    <div>
+      <h2>Counter: {state}</h2>
+      <button onClick={actions.increase}>Increase</button>
+      <button onClick={actions.decrease}>Decrease</button>
+    </div>
+  )
+}
+```
+
+**What about singletons?**
+
+Therefore, you can use a simple singleton class or use `makeStateSingleton()` and pass it later on to the singleton hook function:
+
+```ts
+import { makeStateSingleton } from '@veams/status-quo';
+
+import { CounterStateHandler } from './counter.state.js';
+
+export const CounterStateManager = makeStateSingleton(() => new CounterStateHandler([0]))
+```
+
+```tsx
+import { useStateSingleton } from '@veams/status-quo';
+import { CounterStateManager } from './counter.singleton.js';
+
+const GlobalCounterHandler = () => {
+  const [_, actions] = useStateSingleton(CounterStateManager);
+  
+  return (
+    <div>
+      <button onClick={actions.increase}>Increase</button>
+      <button onClick={actions.decrease}>Decrease</button>
+    </div>
+  )
+}
+
+const GlobalCounterDisplay = () => {
+  const [state] = useStateSingleton(CounterStateManager);
+  
+  return (
+    <div>
+      <h2>Counter: {state}</h2>
+    </div>
+  )
+}
+```
+
+
+

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useStateFactory } from './state-factory.js';
+export { useStateSingleton } from './state-singleton.js';

package/dist/hooks/index.js

@@ -0,0 +1,3 @@
+export { useStateFactory } from './state-factory.js';
+export { useStateSingleton } from './state-singleton.js';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/hooks/state-factory.d.ts

@@ -0,0 +1,2 @@
+import type { StateSubscriptionHandler } from '../types/types.js';
+export declare function useStateFactory<V, A, P extends unknown[]>(stateFactoryFunction: (...args: P) => StateSubscriptionHandler<V, A>, params?: P): [V, A];

package/dist/hooks/state-factory.js

@@ -0,0 +1,10 @@
+import { useMemo } from 'react';
+import { useStateSubscription } from './state-subscription.js';
+export function useStateFactory(stateFactoryFunction, params = []) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const stateHandler = useMemo(() => stateFactoryFunction(...params), params);
+    const actions = useMemo(() => stateHandler.getActions(), [stateHandler]);
+    const state = useStateSubscription(stateHandler);
+    return [state, actions];
+}
+//# sourceMappingURL=state-factory.js.map

package/dist/hooks/state-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-factory.js","sourceRoot":"","sources":["../../src/hooks/state-factory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAI/D,MAAM,UAAU,eAAe,CAC7B,oBAAoE,EACpE,SAAY,EAAkB;IAE9B,uDAAuD;IACvD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,GAAG,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IAC5E,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACzE,MAAM,KAAK,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAEjD,OAAO,CAAC,KAAK,EAAE,OAAO,CAAW,CAAC;AACpC,CAAC"}

package/dist/hooks/state-singleton.d.ts

@@ -0,0 +1,2 @@
+import type { StateSingleton } from '../store/state-singleton.js';
+export declare function useStateSingleton<V, A>(stateSingleton: StateSingleton<V, A>): [V, A];

package/dist/hooks/state-singleton.js

@@ -0,0 +1,9 @@
+import { useMemo } from 'react';
+import { useStateSubscription } from './state-subscription.js';
+export function useStateSingleton(stateSingleton) {
+    const stateHandler = useMemo(() => stateSingleton.getInstance(), [stateSingleton]);
+    const actions = useMemo(() => stateHandler.getActions(), [stateHandler]);
+    const state = useStateSubscription(stateHandler);
+    return [state, actions];
+}
+//# sourceMappingURL=state-singleton.js.map

package/dist/hooks/state-singleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-singleton.js","sourceRoot":"","sources":["../../src/hooks/state-singleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAI/D,MAAM,UAAU,iBAAiB,CAAO,cAAoC;IAC1E,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IACnF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzE,MAAM,KAAK,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAEjD,OAAO,CAAC,KAAK,EAAE,OAAO,CAAW,CAAC;AACpC,CAAC"}

package/dist/hooks/state-subscription.d.ts

@@ -0,0 +1,3 @@
+import type { StateSubscriptionHandler } from '../types/types.js';
+import type { SetStateAction } from 'react';
+export declare function useStateSubscription<V, A>(stateSubscriptionHandler: StateSubscriptionHandler<V, A>): SetStateAction<V>;

package/dist/hooks/state-subscription.js

@@ -0,0 +1,15 @@
+import { useEffect, useState } from 'react';
+export function useStateSubscription(stateSubscriptionHandler) {
+    const [state, setSubscriptionState] = useState(stateSubscriptionHandler.getInitialState());
+    useEffect(() => {
+        const state$ = stateSubscriptionHandler.getObservable().subscribe((data) => {
+            setSubscriptionState(data);
+        });
+        return () => {
+            state$.unsubscribe();
+            return stateSubscriptionHandler.destroy();
+        };
+    }, [stateSubscriptionHandler]);
+    return state;
+}
+//# sourceMappingURL=state-subscription.js.map

package/dist/hooks/state-subscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-subscription.js","sourceRoot":"","sources":["../../src/hooks/state-subscription.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,UAAU,oBAAoB,CAClC,wBAAwD;IAExD,MAAM,CAAC,KAAK,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAC5C,wBAAwB,CAAC,eAAe,EAAE,CAC3C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,wBAAwB,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;YACzE,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,wBAAwB,CAAC,OAAO,EAAE,CAAC;QAC5C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAE/B,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { useStateFactory, useStateSingleton } from './hooks/index.js';
+import { makeStateSingleton, StateHandler } from './store/index.js';
+import type { StateSingleton } from './store/index.js';
+import type { StateSubscriptionHandler } from './types/types.js';
+export { makeStateSingleton, StateHandler, useStateFactory, useStateSingleton };
+export type { StateSingleton, StateSubscriptionHandler };

package/dist/index.js

@@ -0,0 +1,4 @@
+import { useStateFactory, useStateSingleton } from './hooks/index.js';
+import { makeStateSingleton, StateHandler } from './store/index.js';
+export { makeStateSingleton, StateHandler, useStateFactory, useStateSingleton };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKpE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/store/__tests__/state-handler.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/store/__tests__/state-handler.spec.js

@@ -0,0 +1,85 @@
+import { lastValueFrom, Subject, take } from 'rxjs';
+import { StateHandler } from '../state-handler.js';
+class TestStateHandler extends StateHandler {
+    constructor(withDevTools) {
+        super({
+            initialState: {
+                test: 'testValue',
+                test2: 'testValue2',
+            },
+            ...(withDevTools && {
+                devTools: {
+                    enabled: true,
+                    namespace: 'TestStateHandler',
+                },
+            }),
+        });
+    }
+    getObservable() {
+        return this.getStateAsObservable();
+    }
+    getActions() {
+        return {
+            testAction: () => {
+                this.setState({ test: 'newValue' });
+            },
+        };
+    }
+}
+describe('State Handler', () => {
+    let stateHandler;
+    beforeEach(() => {
+        stateHandler = new TestStateHandler();
+    });
+    it('should provide initial state', () => {
+        expect(stateHandler.getInitialState()).toStrictEqual({
+            test: 'testValue',
+            test2: 'testValue2',
+        });
+    });
+    it('should provide current state', () => {
+        expect(stateHandler.getState()).toStrictEqual({
+            test: 'testValue',
+            test2: 'testValue2',
+        });
+    });
+    it('should support state changing via setter and merge state object on first level', async () => {
+        const expected = {
+            test: 'change',
+            test2: 'testValue2',
+        };
+        stateHandler.setState(expected);
+        const state = await lastValueFrom(stateHandler.getObservable().pipe(take(1)));
+        expect(state).toStrictEqual(expected);
+        expect(stateHandler.getState()).toStrictEqual(expected);
+    });
+    it('should support additional subscriptions handling', () => {
+        const customSubject = new Subject();
+        const spy = jest.fn();
+        const subscription = customSubject.subscribe(spy);
+        stateHandler.subscriptions = [subscription];
+        customSubject.next(1);
+        stateHandler.destroy();
+        customSubject.next(2);
+        customSubject.next(3);
+        expect(spy).toBeCalledTimes(1);
+    });
+    it('should only call subscriber when object state has changed', async () => {
+        const spy = jest.fn();
+        stateHandler.getObservable().subscribe(spy);
+        stateHandler.setState({
+            test: 'test',
+        });
+        stateHandler.setState({
+            test: 'test2',
+        });
+        stateHandler.setState({
+            test: 'test2',
+        });
+        stateHandler.setState({
+            test: 'test2',
+        });
+        expect(spy).toBeCalledTimes(3); // 1. testValue (Initial value), 2. test (first setter), 3. test2 (second setter)
+    });
+});
+//# sourceMappingURL=state-handler.spec.js.map

package/dist/store/__tests__/state-handler.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-handler.spec.js","sourceRoot":"","sources":["../../../src/store/__tests__/state-handler.spec.ts"],"names":[],"mappings":"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"}

package/dist/store/dev-tools.d.ts

@@ -0,0 +1,23 @@
+declare global {
+    interface Window {
+        __REDUX_DEVTOOLS_EXTENSION__?: {
+            connect: (opts: Record<string, unknown>) => DevTools;
+        };
+    }
+}
+export type MessagePayload = {
+    type: string;
+    payload: {
+        type: string;
+        actionId: number;
+    };
+    state: string;
+    id: string;
+    source: '@devtools-extension';
+};
+export type DevTools = {
+    init: (state: unknown) => void;
+    send: (action: string, state: unknown) => void;
+    subscribe: (cb: (message: MessagePayload) => void) => void;
+};
+export declare function withDevTools<S>(initialState: S, options?: {}): DevTools | null;

package/dist/store/dev-tools.js

@@ -0,0 +1,16 @@
+export function withDevTools(initialState, options = {}) {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    // eslint-disable-next-line no-underscore-dangle
+    if (!window.__REDUX_DEVTOOLS_EXTENSION__) {
+        console.error('Status Quo :: Devtools Extension is not installed!');
+        return null;
+    }
+    // eslint-disable-next-line no-underscore-dangle
+    const devTools = window.__REDUX_DEVTOOLS_EXTENSION__.connect(options);
+    devTools.init(initialState);
+    // eslint-disable-next-line consistent-return
+    return devTools;
+}
+//# sourceMappingURL=dev-tools.js.map

package/dist/store/dev-tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-tools.js","sourceRoot":"","sources":["../../src/store/dev-tools.ts"],"names":[],"mappings":"AAyBA,MAAM,UAAU,YAAY,CAAI,YAAe,EAAE,OAAO,GAAG,EAAE;IAC3D,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,gDAAgD;IAChD,IAAI,CAAC,MAAM,CAAC,4BAA4B,EAAE,CAAC;QACzC,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC,CAAC;QACpE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,gDAAgD;IAChD,MAAM,QAAQ,GAAG,MAAM,CAAC,4BAA4B,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAEtE,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAE5B,6CAA6C;IAC7C,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/store/index.d.ts

@@ -0,0 +1,3 @@
+export { StateHandler } from './state-handler.js';
+export type { StateSingleton } from './state-singleton.js';
+export { makeStateSingleton } from './state-singleton.js';

package/dist/store/index.js

@@ -0,0 +1,3 @@
+export { StateHandler } from './state-handler.js';
+export { makeStateSingleton } from './state-singleton.js';
+//# sourceMappingURL=index.js.map

package/dist/store/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/store/state-handler.d.ts

@@ -0,0 +1,36 @@
+import { BehaviorSubject } from 'rxjs';
+import type { StateSubscriptionHandler } from '../types/types.js';
+import type { Observable, Subscription } from 'rxjs';
+type Subscriptions = Subscription[];
+type StateHandlerProps<S> = {
+    initialState: S;
+    options?: {
+        devTools: {
+            enabled?: boolean;
+            namespace: string;
+        };
+    };
+};
+type StateObservableOptions = {
+    useDistinctUntilChanged?: boolean;
+};
+export declare abstract class StateHandler<S, A> implements StateSubscriptionHandler<S, A> {
+    private readonly updates$;
+    private readonly state$;
+    private readonly initialState;
+    private devTools;
+    subscriptions: Subscriptions;
+    protected constructor({ initialState, options }: StateHandlerProps<S>);
+    getInitialState(): S;
+    getState(): S;
+    setState(newState: Partial<S>, actionName?: string): void;
+    destroy(): void;
+    getStateItemAsObservable(key: keyof S): Observable<S[keyof S]>;
+    getStateAsObservable(options?: StateObservableOptions): BehaviorSubject<S>;
+    getObservableItem(key: keyof S): Observable<S[keyof S]>;
+    private bindUpdatesAndEvents;
+    private handleDevToolsEvents;
+    getObservable(): Observable<S>;
+    abstract getActions(): A;
+}
+export {};