react-better-model 0.1.2 → 0.2.0

package/lib/Model.d.ts

@@ -0,0 +1,23 @@
+import { Sub, Subs } from './types';
+export declare class Model<S = {}, E = {}> {
+    state: S;
+    events: E;
+    protected initialState: S;
+    protected subs: Subs<S>;
+    protected listeners: Subs<E>;
+    protected updateSingleSubscriber: <K extends keyof S>(k: K, v: S[K]) => void;
+    protected updateSubscribers: (delta: Partial<S>) => void;
+    protected updateEventListeners: <K extends keyof E>(k: K, data?: (E[K] extends undefined ? never : E[K]) | undefined) => void;
+    constructor(state: S, events?: E);
+    onStateChange: <K extends keyof S>(k: K, cb: Sub<S>) => () => void;
+    setState: (delta: Partial<S>) => void;
+    setValue: <K extends keyof S>(key: K, value: S[K]) => void;
+    reduce: (reducer: (state: S) => Partial<S>) => void;
+    reset: () => void;
+    onEvent: <K extends keyof E>(k: K, cb: Sub<E>) => () => void;
+    dispatch: <K extends keyof E>(key: K, data?: (E[K] extends undefined ? never : E[K]) | undefined) => void;
+    awaitEvent: <K extends keyof E>(key: K) => Promise<E[K]>;
+    useState: <K extends keyof S>(key: K) => [this["state"][K], (data: this["state"][K]) => void];
+    useEvent: <K extends keyof E>(ns: K, cb?: Sub<E, K> | undefined) => (data?: (E[K] extends undefined ? never : E[K]) | undefined) => void;
+}
+//# sourceMappingURL=Model.d.ts.map

package/lib/Model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Model.d.ts","sourceRoot":"","sources":["../src/Model.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,qBAAa,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE;IA0BxB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IA1BjB,SAAS,CAAC,YAAY,IAAA;IACtB,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAY;IACnC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAY;IAGxC,SAAS,CAAC,sBAAsB,6CAE/B;IAED,SAAS,CAAC,iBAAiB,UAAW,QAAQ,CAAC,CAAC,UAQ/C;IAED,SAAS,CAAC,oBAAoB,gGAE7B;gBAIO,KAAK,EAAE,CAAC,EACR,MAAM,GAAE,CAAW;IAM3B,aAAa,gCAAiC,IAAI,CAAC,CAAC,gBAanD;IAED,QAAQ,UAAW,QAAQ,CAAC,CAAC,UAO5B;IAED,QAAQ,mDAIP;IAED,MAAM,oBAAqB,CAAC,KAAK,QAAQ,CAAC,CAAC,UAI1C;IAED,KAAK,aAEJ;IAID,OAAO,gCAAiC,IAAI,CAAC,CAAC,gBAa7C;IAED,QAAQ,kGAEP;IAED,UAAU,+CAOT;IAID,QAAQ,sFAEP;IAED,QAAQ,iIAEP;CAED"}

package/lib/Model.js

@@ -0,0 +1,108 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Model = void 0;
+var event_hooks_1 = require("./hooks/event-hooks");
+var state_hooks_1 = require("./hooks/state-hooks");
+var Model = /** @class */ (function () {
+    //#endregion updaters
+    function Model(state, events) {
+        var _this = this;
+        if (events === void 0) { events = {}; }
+        this.state = state;
+        this.events = events;
+        this.subs = new Map();
+        this.listeners = new Map();
+        //#region updaters
+        this.updateSingleSubscriber = function (k, v) {
+            var _a;
+            (_a = _this.subs.get(k)) === null || _a === void 0 ? void 0 : _a.forEach(function (cb) { return cb(v); });
+        };
+        this.updateSubscribers = function (delta) {
+            var keyVals = Object.entries(delta);
+            for (var _i = 0, _a = keyVals; _i < _a.length; _i++) {
+                var _b = _a[_i], key = _b[0], val = _b[1];
+                if (_this.subs.has(key)) {
+                    _this.updateSingleSubscriber(key, val);
+                }
+            }
+        };
+        this.updateEventListeners = function (k, data) {
+            var _a;
+            (_a = _this.listeners.get(k)) === null || _a === void 0 ? void 0 : _a.forEach(function (cb) { return cb(data); });
+        };
+        //#region state
+        this.onStateChange = function (k, cb) {
+            var keySubs = _this.subs.get(k);
+            if (!keySubs) {
+                keySubs = new Set();
+                _this.subs.set(k, keySubs);
+            }
+            keySubs.add(cb);
+            return function () {
+                keySubs.delete(cb);
+            };
+        };
+        this.setState = function (delta) {
+            _this.state = __assign(__assign({}, _this.state), delta);
+            _this.updateSubscribers(delta);
+        };
+        this.setValue = function (key, value) {
+            _this.state[key] = value;
+            _this.updateSingleSubscriber(key, value);
+        };
+        this.reduce = function (reducer) {
+            var nextState = reducer(_this.state);
+            _this.setState(nextState);
+        };
+        this.reset = function () {
+            _this.setState(_this.initialState);
+        };
+        //#endregion state
+        //#region events
+        this.onEvent = function (k, cb) {
+            var nsListeners = _this.listeners.get(k);
+            if (!nsListeners) {
+                nsListeners = new Set();
+                _this.listeners.set(k, nsListeners);
+            }
+            nsListeners.add(cb);
+            return function () {
+                nsListeners.delete(cb);
+            };
+        };
+        this.dispatch = function (key, data) {
+            _this.updateEventListeners(key, data);
+        };
+        this.awaitEvent = function (key) {
+            return new Promise(function (resolve) {
+                var remove = _this.onEvent(key, function (data) {
+                    remove();
+                    resolve(data);
+                });
+            });
+        };
+        //#endregion events
+        //#region instance hooks
+        this.useState = function (key) {
+            return (0, state_hooks_1.useModelInstanceState)(_this, key);
+        };
+        this.useEvent = function (ns, cb) {
+            return (0, event_hooks_1.useModelInstanceEvent)(_this, ns, cb);
+        };
+        this.initialState = __assign({}, state);
+    }
+    return Model;
+}());
+exports.Model = Model;
+//# sourceMappingURL=Model.js.map

package/lib/Model.js.map

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

package/lib/decorators/WithModelHooks.d.ts

@@ -0,0 +1,3 @@
+import { Model } from "../Model";
+export declare function WithModelHooks(): <M extends Model<M["state"], M["events"]>>(ctor: new () => M) => new () => M;
+//# sourceMappingURL=WithModelHooks.d.ts.map

package/lib/decorators/WithModelHooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithModelHooks.d.ts","sourceRoot":"","sources":["../../src/decorators/WithModelHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,wBAAgB,cAAc,iFAY7B"}

package/lib/decorators/WithModelHooks.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithModelHooks = void 0;
+var create_model_1 = require("../utils/create-model");
+function WithModelHooks() {
+    return function (ctor) {
+        var stuff = (0, create_model_1.createModel)(ctor);
+        for (var _i = 0, _a = Object.entries(stuff); _i < _a.length; _i++) {
+            var _b = _a[_i], property = _b[0], descriptor = _b[1];
+            if (descriptor) {
+                Object.defineProperty(ctor, property, descriptor);
+            }
+        }
+        return ctor;
+    };
+}
+exports.WithModelHooks = WithModelHooks;
+//# sourceMappingURL=WithModelHooks.js.map

package/lib/decorators/WithModelHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithModelHooks.js","sourceRoot":"","sources":["../../src/decorators/WithModelHooks.ts"],"names":[],"mappings":";;;AACA,sDAAmD;AAEnD,SAAgB,cAAc;IAC7B,OAAO,UAA2C,IAAiB;QAClE,IAAM,KAAK,GAAG,IAAA,0BAAW,EAAC,IAAI,CAAC,CAAA;QAE/B,KAAqC,UAAqB,EAArB,KAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAArB,cAAqB,EAArB,IAAqB,EAAC;YAAhD,IAAA,WAAsB,EAArB,QAAQ,QAAA,EAAE,UAAU,QAAA;YAC/B,IAAG,UAAU,EAAC;gBACb,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAA;aACjD;SACD;QAED,OAAO,IAAI,CAAA;IACZ,CAAC,CAAA;AACF,CAAC;AAZD,wCAYC"}

package/lib/hooks/event-hooks.d.ts

@@ -0,0 +1,6 @@
+import { Context } from 'react';
+import { Model } from '../Model';
+import { Sub } from '../types';
+export declare function useModelInstanceEvent<K extends keyof M['events'], D extends M['events'], M extends Model<M['state'], M['events']>>(viewModel: M, ns: K, cb?: Sub<D, K>): (data?: (D[K] extends undefined ? never : D[K]) | undefined) => void;
+export declare function useModelCtxEvent<K extends keyof M['events'], D extends M['events'], M extends Model<M['state'], M['events']>>(ctx: Context<M>, ns: K, cb?: (eventData: D[K]) => void): (data?: (D[K] extends undefined ? never : D[K]) | undefined) => void;
+//# sourceMappingURL=event-hooks.d.ts.map

package/lib/hooks/event-hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-hooks.d.ts","sourceRoot":"","sources":["../../src/hooks/event-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAyB,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAE9B,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EACjI,SAAS,EAAE,CAAC,EACZ,EAAE,EAAE,CAAC,EACL,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,wEASd;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAC5H,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EACf,EAAE,EAAE,CAAC,EACL,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,wEAK9B"}

package/lib/hooks/event-hooks.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModelCtxEvent = exports.useModelInstanceEvent = void 0;
+var react_1 = require("react");
+function useModelInstanceEvent(viewModel, ns, cb) {
+    (0, react_1.useEffect)(function () {
+        if (cb) {
+            return viewModel.onEvent(ns, cb);
+        }
+    }, [cb]);
+    return function (data) { return viewModel.dispatch(ns, data); };
+}
+exports.useModelInstanceEvent = useModelInstanceEvent;
+function useModelCtxEvent(ctx, ns, cb) {
+    var viewModel = (0, react_1.useContext)(ctx);
+    return useModelInstanceEvent(viewModel, ns, cb);
+}
+exports.useModelCtxEvent = useModelCtxEvent;
+//# sourceMappingURL=event-hooks.js.map

package/lib/hooks/event-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-hooks.js","sourceRoot":"","sources":["../../src/hooks/event-hooks.ts"],"names":[],"mappings":";;;AAAA,+BAAsD;AAKtD,SAAgB,qBAAqB,CACpC,SAAY,EACZ,EAAK,EACL,EAAc;IAEd,IAAA,iBAAS,EAAC;QACT,IAAI,EAAE,EAAE;YACP,OAAO,SAAS,CAAC,OAAO,CAAC,EAAE,EAAE,EAAsB,CAAC,CAAA;SACpD;IACF,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,OAAO,UAAC,IAA4C,IAAK,OAAA,SAAS,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAK,CAAC,EAA7B,CAA6B,CAAA;AACvF,CAAC;AAZD,sDAYC;AAED,SAAgB,gBAAgB,CAC/B,GAAe,EACf,EAAK,EACL,EAA8B;IAE9B,IAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,GAAG,CAAC,CAAA;IAEjC,OAAO,qBAAqB,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAChD,CAAC;AARD,4CAQC"}

package/lib/hooks/model-hooks.d.ts

@@ -0,0 +1,4 @@
+import { Context } from 'react';
+import { Model } from '../Model';
+export declare function useModelCtx<M extends Model<M['state'], M['events']>>(ctx: Context<M>): M;
+//# sourceMappingURL=model-hooks.d.ts.map

package/lib/hooks/model-hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-hooks.d.ts","sourceRoot":"","sources":["../../src/hooks/model-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAc,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,wBAAgB,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EACnE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,KAGf"}

package/lib/hooks/model-hooks.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModelCtx = void 0;
+var react_1 = require("react");
+function useModelCtx(ctx) {
+    return (0, react_1.useContext)(ctx);
+}
+exports.useModelCtx = useModelCtx;
+//# sourceMappingURL=model-hooks.js.map

package/lib/hooks/model-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-hooks.js","sourceRoot":"","sources":["../../src/hooks/model-hooks.ts"],"names":[],"mappings":";;;AAAA,+BAA2C;AAI3C,SAAgB,WAAW,CAC1B,GAAe;IAEf,OAAO,IAAA,kBAAU,EAAC,GAAG,CAAC,CAAA;AACvB,CAAC;AAJD,kCAIC"}

package/lib/hooks/state-hooks.d.ts

@@ -0,0 +1,5 @@
+import { Context } from 'react';
+import { Model } from '../Model';
+export declare function useModelInstanceState<K extends keyof M['state'], M extends Model<M['state'], M['events']>>(viewModel: M, key: K): [M['state'][K], (data: M['state'][K]) => void];
+export declare function useModelCtxState<K extends keyof M['state'], M extends Model<M['state'], M['events']>>(ctx: Context<M>, key: K): [M["state"][K], (data: M["state"][K]) => void];
+//# sourceMappingURL=state-hooks.d.ts.map

package/lib/hooks/state-hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-hooks.d.ts","sourceRoot":"","sources":["../../src/hooks/state-hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,OAAO,EAKP,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EACzG,SAAS,EAAE,CAAC,EACZ,GAAG,EAAE,CAAC,GACJ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAUhD;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EACpG,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EACf,GAAG,EAAE,CAAC,kDAKN"}

package/lib/hooks/state-hooks.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModelCtxState = exports.useModelInstanceState = void 0;
+var react_1 = require("react");
+function useModelInstanceState(viewModel, key) {
+    var _a = (0, react_1.useState)(viewModel.state[key]), value = _a[0], setValue = _a[1];
+    (0, react_1.useEffect)(function () { return viewModel.onStateChange(key, setValue); }, []);
+    var setter = (0, react_1.useCallback)(function (v) {
+        viewModel.setValue(key, v);
+    }, [key]);
+    return [value, setter];
+}
+exports.useModelInstanceState = useModelInstanceState;
+function useModelCtxState(ctx, key) {
+    var viewModel = (0, react_1.useContext)(ctx);
+    return useModelInstanceState(viewModel, key);
+}
+exports.useModelCtxState = useModelCtxState;
+//# sourceMappingURL=state-hooks.js.map

package/lib/hooks/state-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-hooks.js","sourceRoot":"","sources":["../../src/hooks/state-hooks.ts"],"names":[],"mappings":";;;AAAA,+BAMc;AAKd,SAAgB,qBAAqB,CACpC,SAAY,EACZ,GAAM;IAEA,IAAA,KAAoB,IAAA,gBAAQ,EAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAjD,KAAK,QAAA,EAAE,QAAQ,QAAkC,CAAA;IAExD,IAAA,iBAAS,EAAC,cAAM,OAAA,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,QAA2B,CAAC,EAAzD,CAAyD,EAAE,EAAE,CAAC,CAAA;IAE9E,IAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,UAAC,CAAC;QAC5B,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AACvB,CAAC;AAbD,sDAaC;AAED,SAAgB,gBAAgB,CAC/B,GAAe,EACf,GAAM;IAEN,IAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,GAAG,CAAC,CAAA;IAEjC,OAAO,qBAAqB,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;AAC7C,CAAC;AAPD,4CAOC"}

package/lib/index.d.ts

@@ -1,24 +1,9 @@
-import { Context } from 'react';
-declare type Sub<S, K extends keyof S = keyof S> = (v: S[K]) => void;
-export declare class Model<S, E = {}> {
-    state: S;
-    events: E;
-    private subs;
-    private listeners;
-    private updateSingleSubscriber;
-    private updateSubscribers;
-    private updateEventListeners;
-    private initialState;
-    constructor(state?: S, events?: E);
-    onStateChange: <K extends keyof S>(k: K, cb: Sub<S>) => () => void;
-    setState: (delta: Partial<S>) => void;
-    setValue: <K extends keyof S>(key: K, value: S[K]) => void;
-    onEvent: <K extends keyof E>(k: K, cb: Sub<E>) => () => void;
-    dispatch: <K extends keyof E>(key: K, data?: (E[K] extends undefined ? never : E[K]) | undefined) => void;
-    reset: () => void;
-}
-export declare function useModelInstanceState<K extends keyof M['state'], M extends Model<M['state'], M['events']>>(viewModel: M, key: K): [M['state'][K], (data: M['state'][K]) => void];
-export declare function useModelCtxState<K extends keyof M['state'], M extends Model<M['state'], M['events']>>(ctx: Context<M>, key: K): [M["state"][K], (data: M["state"][K]) => void];
-export declare function useModelInstanceEvent<K extends keyof M['events'], D extends M['events'], M extends Model<M['state'], M['events']>>(viewModel: M, ns: K, cb?: Sub<D, K>): (data?: (D[K] extends undefined ? never : D[K]) | undefined) => void;
-export declare function useModelCtxEvent<K extends keyof M['events'], D extends M['events'], M extends Model<M['state'], M['events']>>(ctx: Context<M>, ns: K, cb?: (eventData: D[K]) => void): (data?: (D[K] extends undefined ? never : D[K]) | undefined) => void;
-export {};
+export * from './types';
+export * from './hooks/event-hooks';
+export * from './hooks/state-hooks';
+export * from './hooks/model-hooks';
+export * from './Model';
+export * from './utils/compose-providers';
+export * from './utils/js-event-types';
+export * from './utils/create-model';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA;AACvB,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA"}

package/lib/index.js

@@ -1,116 +1,21 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useModelCtxEvent = exports.useModelInstanceEvent = exports.useModelCtxState = exports.useModelInstanceState = exports.Model = void 0;
-var react_1 = require("react");
-var Model = /** @class */ (function () {
-    function Model(state, events) {
-        var _this = this;
-        if (state === void 0) { state = {}; }
-        if (events === void 0) { events = {}; }
-        this.state = state;
-        this.events = events;
-        this.subs = new Map();
-        this.listeners = new Map();
-        this.updateSingleSubscriber = function (k, v) {
-            var _a;
-            (_a = _this.subs.get(k)) === null || _a === void 0 ? void 0 : _a.forEach(function (cb) { return cb(v); });
-        };
-        this.updateSubscribers = function (delta) {
-            var keyVals = Object.entries(delta);
-            var _loop_1 = function (key, val) {
-                if (_this.subs.has(key)) {
-                    _this.subs.get(key).forEach(function (cb) {
-                        cb(val);
-                    });
-                }
-            };
-            for (var _i = 0, _a = keyVals; _i < _a.length; _i++) {
-                var _b = _a[_i], key = _b[0], val = _b[1];
-                _loop_1(key, val);
-            }
-        };
-        this.updateEventListeners = function (k, data) {
-            var _a;
-            (_a = _this.listeners.get(k)) === null || _a === void 0 ? void 0 : _a.forEach(function (cb) { return cb(data); });
-        };
-        this.initialState = {};
-        this.onStateChange = function (k, cb) {
-            var keySubs = _this.subs.get(k);
-            if (!keySubs) {
-                keySubs = new Set();
-                _this.subs.set(k, keySubs);
-            }
-            keySubs.add(cb);
-            return function () {
-                keySubs.delete(cb);
-            };
-        };
-        this.setState = function (delta) {
-            _this.state = __assign(__assign({}, _this.state), delta);
-            _this.updateSubscribers(delta);
-        };
-        this.setValue = function (key, value) {
-            _this.state[key] = value;
-            _this.updateSingleSubscriber(key, value);
-        };
-        this.onEvent = function (k, cb) {
-            var nsListeners = _this.listeners.get(k);
-            if (!nsListeners) {
-                nsListeners = new Set();
-                _this.listeners.set(k, nsListeners);
-            }
-            nsListeners.add(cb);
-            return function () {
-                nsListeners.delete(cb);
-            };
-        };
-        this.dispatch = function (key, data) {
-            _this.updateEventListeners(key, data);
-        };
-        this.reset = function () {
-            _this.setState(_this.initialState);
-        };
-        this.initialState = state;
-    }
-    return Model;
-}());
-exports.Model = Model;
-function useModelInstanceState(viewModel, key) {
-    var _a = (0, react_1.useState)(viewModel.state[key]), value = _a[0], setValue = _a[1];
-    (0, react_1.useEffect)(function () { return viewModel.onStateChange(key, setValue); }, []);
-    var setter = (0, react_1.useCallback)(function (v) {
-        viewModel.setValue(key, v);
-    }, [key]);
-    return [value, setter];
-}
-exports.useModelInstanceState = useModelInstanceState;
-function useModelCtxState(ctx, key) {
-    var viewModel = (0, react_1.useContext)(ctx);
-    return useModelInstanceState(viewModel, key);
-}
-exports.useModelCtxState = useModelCtxState;
-function useModelInstanceEvent(viewModel, ns, cb) {
-    (0, react_1.useEffect)(function () {
-        if (cb) {
-            return viewModel.onEvent(ns, cb);
-        }
-    }, [cb]);
-    return function (data) { return viewModel.dispatch(ns, data); };
-}
-exports.useModelInstanceEvent = useModelInstanceEvent;
-function useModelCtxEvent(ctx, ns, cb) {
-    var viewModel = (0, react_1.useContext)(ctx);
-    return useModelInstanceEvent(viewModel, ns, cb);
-}
-exports.useModelCtxEvent = useModelCtxEvent;
+__exportStar(require("./types"), exports);
+__exportStar(require("./hooks/event-hooks"), exports);
+__exportStar(require("./hooks/state-hooks"), exports);
+__exportStar(require("./hooks/model-hooks"), exports);
+__exportStar(require("./Model"), exports);
+__exportStar(require("./utils/compose-providers"), exports);
+__exportStar(require("./utils/js-event-types"), exports);
+__exportStar(require("./utils/create-model"), exports);
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAuB;AACvB,sDAAmC;AACnC,sDAAmC;AACnC,sDAAmC;AACnC,0CAAuB;AACvB,4DAAyC;AACzC,yDAAsC;AACtC,uDAAoC"}

package/lib/types.d.ts

@@ -0,0 +1,13 @@
+import { ProviderProps } from 'react';
+import { Model } from './Model';
+export declare type Sub<S, K extends keyof S = keyof S> = (v: S[K]) => void;
+export declare type Subs<S> = Map<keyof S, Set<Sub<S>>>;
+export declare type CreateModelOptions = {
+    globalInstance?: Model;
+    createGlobalInstance?: boolean;
+};
+export declare type ModelProviderProps<M extends Model> = Omit<ProviderProps<M>, 'value'> & {
+    value?: M;
+    initialState?: M['state'];
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,oBAAY,GAAG,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;AAEnE,oBAAY,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/C,oBAAY,kBAAkB,GAAG;IAChC,cAAc,CAAC,EAAE,KAAK,CAAA;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,oBAAY,kBAAkB,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IACnF,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,YAAY,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAA;CACzB,CAAA"}

package/lib/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/lib/utils/compose-providers.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare function composeProviders(providers: FC[]): FC;
+//# sourceMappingURL=compose-providers.d.ts.map

package/lib/utils/compose-providers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-providers.d.ts","sourceRoot":"","sources":["../../src/utils/compose-providers.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,EAAE,EAAE,GAAG,EAAE,CAWpD"}

package/lib/utils/compose-providers.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.composeProviders = void 0;
+var react_1 = __importDefault(require("react"));
+function composeProviders(providers) {
+    return providers.reduce(function (Parent, Child) { return function (_a) {
+        var children = _a.children;
+        return react_1.default.createElement(Parent, null,
+            react_1.default.createElement(Child, null, children));
+    }; }, function (_a) {
+        var children = _a.children;
+        return react_1.default.createElement(react_1.default.Fragment, null, children);
+    });
+}
+exports.composeProviders = composeProviders;
+//# sourceMappingURL=compose-providers.js.map

package/lib/utils/compose-providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-providers.js","sourceRoot":"","sources":["../../src/utils/compose-providers.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAiC;AAEjC,SAAgB,gBAAgB,CAAC,SAAe;IAC/C,OAAO,SAAS,CAAC,MAAM,CACtB,UAAC,MAAU,EAAE,KAAS,IAAK,OAAA,UAAC,EAAY;YAAV,QAAQ,cAAA;QACrC,OAAO,8BAAC,MAAM;YACb,8BAAC,KAAK,QACH,QAAQ,CACH,CACA,CAAA;IACV,CAAC,EAN0B,CAM1B,EACD,UAAC,EAAY;YAAV,QAAQ,cAAA;QAAO,OAAA,8DAAI,QAAQ,CAAK;IAAjB,CAAiB,CACnC,CAAA;AACF,CAAC;AAXD,4CAWC"}

package/lib/utils/create-model.d.ts

@@ -0,0 +1,21 @@
+import React, { FC } from 'react';
+import { Model } from '../Model';
+import { ModelProviderProps } from '../types';
+declare type Ctor<M extends Model<M['state'], M['events']>> = new (initialState: M['state'], events?: M['events']) => M;
+export declare function createModel<K extends keyof M['state'], E extends keyof M['events'], M extends Model<M['state'], M['events']>>(CName: Ctor<M>): {
+    Ctx: React.Context<M>;
+    Provider: ({ value, initialState, ...props }: ModelProviderProps<M>) => JSX.Element;
+    withProvider<T extends {}>(fc: React.FC<T & {
+        model: M;
+    }>): (props: T & {
+        initialState?: Partial<M["state"]> | undefined;
+    }) => JSX.Element;
+    withModel<T_1 extends {}>(fc: React.FC<T_1 & {
+        model: M;
+    }>): (props: T_1) => React.ReactElement<any, any> | null;
+    useModel(): M;
+    useState(key: K): [M["state"][K], (data: M["state"][K]) => void];
+    useEvent(key: E): (data?: (M["events"][E] extends undefined ? never : M["events"][E]) | undefined) => void;
+};
+export {};
+//# sourceMappingURL=create-model.d.ts.map

package/lib/utils/create-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-model.d.ts","sourceRoot":"","sources":["../../src/utils/create-model.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,EAAE,EAAW,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,OAAO,EAAsB,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAIjE,aAAK,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAE/G,wBAAgB,WAAW,CAC1B,CAAC,SAAS,MAAM,CAAC,CAAC,OAAO,CAAC,EAC1B,CAAC,SAAS,MAAM,CAAC,CAAC,QAAQ,CAAC,EAC3B,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EACvC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;;kDAGsC,mBAAmB,CAAC,CAAC;;eAS1B,CAAC;;;;;eASJ,CAAC;;;kBAU/B,CAAC;kBAGD,CAAC;EAIhB"}

package/lib/utils/create-model.js

@@ -0,0 +1,84 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createModel = void 0;
+var react_1 = __importStar(require("react"));
+var event_hooks_1 = require("../hooks/event-hooks");
+var model_hooks_1 = require("../hooks/model-hooks");
+var state_hooks_1 = require("../hooks/state-hooks");
+var DEFAULT_OPTIONS = {};
+function createModel(CName) {
+    var Ctx = (0, react_1.createContext)({});
+    function Provider(_a) {
+        var value = _a.value, initialState = _a.initialState, props = __rest(_a, ["value", "initialState"]);
+        var viewModel = (0, react_1.useMemo)(function () { return value || new CName(initialState); }, []);
+        return react_1.default.createElement(Ctx.Provider, __assign({}, props, { value: viewModel }));
+    }
+    return {
+        Ctx: Ctx,
+        Provider: Provider,
+        withProvider: function (fc) {
+            return function (props) {
+                var model = (0, react_1.useMemo)(function () { return new CName(props.initialState); }, []);
+                return react_1.default.createElement(Provider, { value: model }, fc(__assign(__assign({}, props), { model: model })));
+            };
+        },
+        withModel: function (fc) {
+            return function (props) {
+                var model = (0, model_hooks_1.useModelCtx)(Ctx);
+                return fc(__assign(__assign({}, props), { model: model }));
+            };
+        },
+        useModel: function () {
+            return (0, model_hooks_1.useModelCtx)(Ctx);
+        },
+        useState: function (key) {
+            return (0, state_hooks_1.useModelCtxState)(Ctx, key);
+        },
+        useEvent: function (key) {
+            return (0, event_hooks_1.useModelCtxEvent)(Ctx, key);
+        },
+    };
+}
+exports.createModel = createModel;
+//# sourceMappingURL=create-model.js.map

package/lib/utils/create-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-model.js","sourceRoot":"","sources":["../../src/utils/create-model.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyD;AAGzD,oDAA8E;AAC9E,oDAAkD;AAClD,oDAA8E;AAG9E,IAAM,eAAe,GAAuB,EAAE,CAAA;AAI9C,SAAgB,WAAW,CAIzB,KAAc;IACf,IAAM,GAAG,GAAG,IAAA,qBAAa,EAAI,EAAO,CAAC,CAAA;IAErC,SAAS,QAAQ,CAAC,EAAwD;QAAtD,IAAA,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;QAChD,IAAM,SAAS,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,KAAK,IAAI,IAAI,KAAK,CAAC,YAAY,CAAC,EAAhC,CAAgC,EAAE,EAAE,CAAC,CAAA;QAErE,OAAO,8BAAC,GAAG,CAAC,QAAQ,eAAK,KAAK,IAAE,KAAK,EAAE,SAAS,IAAI,CAAA;IACrD,CAAC;IAED,OAAO;QACN,GAAG,KAAA;QACH,QAAQ,UAAA;QACR,YAAY,EAAZ,UAA2B,EAAwB;YAClD,OAAO,UAAC,KAAiD;gBACxD,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAA7B,CAA6B,EAAE,EAAE,CAAC,CAAA;gBAE9D,OAAO,8BAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC3B,EAAE,uBAAK,KAAK,KAAE,KAAK,OAAA,IAAE,CACZ,CAAA;YACZ,CAAC,CAAA;QACF,CAAC;QACD,SAAS,EAAT,UAAwB,EAAwB;YAC/C,OAAO,UAAC,KAAQ;gBACf,IAAM,KAAK,GAAG,IAAA,yBAAW,EAAC,GAAG,CAAC,CAAA;gBAE9B,OAAO,EAAE,uBAAK,KAAK,KAAE,KAAK,OAAA,IAAG,CAAA;YAC9B,CAAC,CAAA;QACF,CAAC;QACD,QAAQ;YACP,OAAO,IAAA,yBAAW,EAAC,GAAG,CAAC,CAAA;QACxB,CAAC;QACD,QAAQ,EAAR,UAAS,GAAM;YACd,OAAO,IAAA,8BAAgB,EAAC,GAAG,EAAE,GAAG,CAAC,CAAA;QAClC,CAAC;QACD,QAAQ,EAAR,UAAS,GAAM;YACd,OAAO,IAAA,8BAAgB,EAAC,GAAG,EAAE,GAAG,CAAC,CAAA;QAClC,CAAC;KACD,CAAA;AACF,CAAC;AA1CD,kCA0CC"}

package/lib/utils/js-event-types.d.ts

@@ -0,0 +1,6 @@
+export declare const EventTypes: {
+    number: number;
+    string: string;
+    boolean: boolean;
+};
+//# sourceMappingURL=js-event-types.d.ts.map

package/lib/utils/js-event-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"js-event-types.d.ts","sourceRoot":"","sources":["../../src/utils/js-event-types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;CAItB,CAAA"}

package/lib/utils/js-event-types.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventTypes = void 0;
+exports.EventTypes = {
+    number: 0,
+    string: '',
+    boolean: false,
+};
+//# sourceMappingURL=js-event-types.js.map

package/lib/utils/js-event-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"js-event-types.js","sourceRoot":"","sources":["../../src/utils/js-event-types.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG;IACzB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,KAAK;CACd,CAAA"}

package/package.json

@@ -1,9 +1,16 @@
 {
   "name": "react-better-model",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
+  "keywords": [
+    "React",
+    "Shared",
+    "Model",
+    "Store",
+    "Events"
+  ],
   "repository": {
     "type": "git",
     "url": "git@github.com:ingvardm/react-model-hooks.git"
@@ -18,7 +25,7 @@
   "author": "igor poughtach <ingvardm@gmail.com>",
   "license": "GPL-3.0",
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "*"
   },
   "devDependencies": {
     "@types/react": "^17.0.34",

package/readme.md

@@ -14,88 +14,112 @@ yarn add react-better-model
 
 Usage
 ===
-```typescript
-// CounterModel.ts
-export const initialState = {
-	count: 0,
-}
+Minimal working example
+```ts
+import { useCallback } from "react"
+import { createModel, Model } from "react-better-model"
 
-export const defaultEventData = {
-	click: undefined,
+// initial state
+const helloWorldModelInitialState = {
+	count: 0,
 }
 
-// create context
-export const CounterModelCtx = createContext(new Model(initialState, defaultEventData))
+// model state type (usefull later)
+type HelloWorldModelState = typeof helloWorldModelInitialState
 
-```
-
-```typescript
-// CounterText.tsx
-const CounterText = () => {
-	const [count, setCount] = useModelCtxState(CounterModelCtx, 'count')
+// model event types (optional, if you want to use events)
+type HelloWorldModelEvents = {
+	click: number
+}
 
-	return <p>{count}</p>
+// create your model class
+class HelloWorldModelClass extends Model<HelloWorldModelState, HelloWorldModelEvents> {
+	constructor(state = helloWorldModelInitialState){
+		super(state)
+	}
 }
-```
 
-```typescript
-// CounterIncrementButton.tsx
-const CounterIncrementButton = () => {
-	const [count, setCount] = useModelCtxState(CounterModelCtx, 'count')
+// create object that will contain hooks and refferences
+// that you can use in your code
+const HWM = createModel(HelloWorldModelClass)
+
+// component with button that listens to and sets 'count' value
+const ButtonAdd = HWM.withModel(({ model, ...props }) => {
+	const [count, setCount] = model.useState('count')
 
 	const onClick = useCallback(() => {
 		setCount(count + 1)
 	}, [count])
 
-	return <button onClick={onClick}>Press me!</button>
-}
-```
+	// this is just an example of listening and setting value.
+	// a better way (without listening) would be:
+	// const onClick = useCallback(() => {
+	// 	model.reduce((state) => {
+	// 		return {
+	// 			count: state.count + 1
+	// 		}
+	// 	})
+	// }, [])
 
-```typescript
-// CounterClearButton.tsx
-const CounterClearButton = () => {
-	const dispatchClear = useModelCtxEvent(CounterModelCtx, 'clear')
+	return <button onClick={onClick}>increment count</button>
+})
 
-	const onClick = useCallback(() => {
-		dispatchClear()
-	}, [])
+// Button that uses an event dispatcher
+const ButtonClickEvent = HWM.withModel(({ model, ...props }) => {
+	const [count] = model.useState('count')
 
-	return <button onClick={onClick}>Clear</button>
-}
-```
+	const dispatchClearEvent = model.useEvent('click')
 
-```typescript
-// Counter.tsx
-const Counter = () => {
-	const model = useMemo(() => {
-		return new Model(initialState, defaultEventData)
-	}, [])
+	const clear = useCallback(() => {
+		dispatchClearEvent(count)
+	}, [count])
 
-	const [count, setCount] = useModelInstanceState(model, 'count')
+	return <button onClick={clear}>click to dispatch 'click' event</button>
+})
 
-	const onClear = useCallback(() => {
-		setCount(0)
-	}, [])
+// label with the current count value
+const CountLabel = HWM.withModel(({ model, ...props }) => {
+	const [count] = model.useState('count')
 
-	useModelInstanceEvent(model, 'clear', onClear)
+	return <p>current count is: {count}</p>
+})
 
-	return <div>
-		<CounterModelCtx.Provider value={model}>
-			<CounterText />
-			<CounterIncrementButton />
-			<CounterClearButton />
-		</CounterModelCtx.Provider>
-	</div>
-}
+// convinience component to handle model events in one place
+const EventHandler = HWM.withModel(({ model, ...props }) => {
+	const handleClickEvent = useCallback((x: HelloWorldModelEvents['click']) => {
+		alert(`clicked ${x} times`)
+	}, [])
+
+	model.useEvent('click', handleClickEvent)
+
+	return null
+})
+
+// the widget itself wrapped in HelloWorldModel Provider
+// any consumers (HWM.withModel(...)) rendered here
+// are inside the same context.
+// they can still use other models via useState hook
+// created with createModel()
+export const HelloWorldWidget = HWM.withProvider(({
+	model,
+	...props
+}) => {
+	return <>
+		<EventHandler/>     {/* Event handling component */}
+		<CountLabel />      {/* Label that displays updated count */}
+		<ButtonAdd/>        {/* Button that increases the count */}
+		<ButtonClickEvent/> {/* Button that dispatches 'click' event */}
+	</>
+})
 ```
 
-```typescript
-// app.js
-const App = () => {
-	return <div>
-		<Counter />
-		<Counter />
-		<Counter />
-	</div>
-}
-```
+Documentation
+===
+[Model creation](model_creation.md)<br>
+[Global models](global_model.md)<br>
+[State](state.md)<br>
+[Events](events.md)<br>
+
+Example
+===
+[Example project](https://github.com/ingvardm/react-model-hooks-example)