react-app-store-manager 1.0.2 → 1.1.2

package/dist/index.d.ts

@@ -1,30 +1,20 @@
-import React, { ReactNode } from "react";
 export declare function createStore<T>(defaultValue: T): StoreInterface<T>;
-export declare function useStore<T>(store: StoreInterface<T>): T;
-export interface StateProviderProps {
-    children: ReactNode;
-    store: StoreInterface<any>;
-}
-export declare const StateProvider: ({ children, store }: StateProviderProps) => JSX.Element;
-declare type getFunction<S> = () => S;
-declare type changeFunction<S> = (store: S) => S;
+declare type onChangeFunction = () => void;
 export interface StoreInterface<T> {
+    value: T;
     get(): T;
-    update(callback: (state: T) => T): void;
-    context: React.Context<any>;
-    getCallback?: getFunction<T>;
-    changeCallback?: changeFunction<T>;
-    addListener(onGet: getFunction<T>, onChange: changeFunction<T>): void;
-    removeListener(): void;
+    update(store: (store: T) => T): void;
+    addListener(onChange: onChangeFunction): void;
+    removeListener(onChange: onChangeFunction): void;
 }
 export declare class Store implements StoreInterface<any> {
-    context: React.Context<any>;
+    value: any;
     constructor(defaultValue: any);
-    getCallback?: getFunction<any>;
-    changeCallback?: changeFunction<any>;
+    changeCallbacks: any[];
     get: () => any;
-    update: (callback: any) => any;
-    addListener(onGet: getFunction<any>, onChange: changeFunction<any>): void;
-    removeListener(): void;
+    update(callback: any): void;
+    addListener: (onChange: any) => number;
+    removeListener: (onChange: any) => any[];
 }
+export declare function useStore<T>(store: StoreInterface<T>): T;
 export {};

package/dist/index.js

@@ -1,71 +1,39 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Store = exports.StateProvider = exports.useStore = exports.createStore = void 0;
-var react_1 = __importStar(require("react"));
+exports.useStore = exports.Store = exports.createStore = void 0;
+var react_1 = require("react");
 function createStore(defaultValue) {
     return new Store(defaultValue);
 }
 exports.createStore = createStore;
-function useStore(store) {
-    return (0, react_1.useContext)(store.context);
-}
-exports.useStore = useStore;
-var StateProvider = function (_a) {
-    var children = _a.children, store = _a.store;
-    var defaultValue = (0, react_1.useContext)(store.context);
-    // @ts-ignore
-    var _b = (0, react_1.useState)(defaultValue), storeContent = _b[0], setStoreContent = _b[1];
-    var storeRef = (0, react_1.useRef)();
-    (0, react_1.useMemo)(function () {
-        storeRef.current = storeContent;
-        store.addListener(function () { return storeRef.current; }, function (store) {
-            setStoreContent(store);
-            storeRef.current = store;
-        });
-        return function () { return store.removeListener(); };
-    }, [store]);
-    var StoreContext = store.context;
-    return (react_1.default.createElement(StoreContext.Provider, { value: storeContent }, children));
-};
-exports.StateProvider = StateProvider;
 var Store = /** @class */ (function () {
     function Store(defaultValue) {
         var _this = this;
-        this.get = function () { return _this.getCallback && _this.getCallback(); };
-        this.update = function (callback) { return _this.changeCallback && _this.changeCallback(callback); };
-        this.context = (0, react_1.createContext)(defaultValue);
+        this.changeCallbacks = [];
+        this.get = function () { return _this.value; };
+        this.addListener = function (onChange) { return _this.changeCallbacks.push(onChange); };
+        this.removeListener = function (onChange) { return _this.changeCallbacks = _this.changeCallbacks.filter(function (cb) { return cb !== onChange; }); };
+        this.value = defaultValue;
     }
-    Store.prototype.addListener = function (onGet, onChange) {
-        this.getCallback = onGet;
-        this.changeCallback = onChange;
-    };
-    Store.prototype.removeListener = function () {
-        this.getCallback = undefined;
-        this.changeCallback = undefined;
+    Store.prototype.update = function (callback) {
+        var _this = this;
+        this.value = callback(this.value);
+        this.changeCallbacks.forEach(function (callback) {
+            callback(_this.value);
+        });
     };
     return Store;
 }());
 exports.Store = Store;
+function useStore(store) {
+    var _a = (0, react_1.useState)(true), change = _a[0], setChange = _a[1];
+    var changeRef = (0, react_1.useRef)(change);
+    changeRef.current = change;
+    var onChange = function () { return setChange(!changeRef.current); };
+    (0, react_1.useEffect)(function () {
+        store.addListener(onChange);
+        return function () { return store.removeListener(onChange); };
+    }, [store]);
+    return store.get();
+}
+exports.useStore = useStore;

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "react-app-store-manager",
-  "version": "1.0.2",
+  "version": "1.1.2",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsc"
+    "build": "tsc",
+    "test": "node ./tests/index.ts"
   },
   "files": [
     "dist/"
@@ -13,8 +14,15 @@
   "author": "roma4ka",
   "license": "ISC",
   "dependencies": {
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^14.2.1",
+    "@types/node": "^18.0.0",
+    "@types/react-dom": "^18.0.5",
     "jest": "^28.1.1",
     "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
     "ts-jest": "^28.0.5"
   },
   "devDependencies": {