react-app-store-manager 0.0.4 → 0.1.2

package/dist/index.d.ts

@@ -1,19 +1,30 @@
-import React from "react";
+import React, { ReactNode } from "react";
 export declare function createStore<T>(defaultValue: T): StoreInterface<T>;
-interface 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;
+export interface StoreInterface<T> {
     get(): T;
     update(callback: (state: T) => T): void;
     context: React.Context<any>;
-    getCallback: getFunction<T>;
-    changeCallback: changeFunction<T>;
+    getCallback?: getFunction<T>;
+    changeCallback?: changeFunction<T>;
     addListener(onGet: getFunction<T>, onChange: changeFunction<T>): void;
     removeListener(): void;
 }
-declare type getFunction<S> = () => S;
-declare type changeFunction<S> = (store: S) => S;
-export declare const StateProvider: ({ children, store }: {
-    children: any;
-    store: StoreInterface<any>;
-}) => any;
-export declare function useStore<T>(store: StoreInterface<T>): any;
+export declare class Store implements StoreInterface<any> {
+    context: React.Context<any>;
+    constructor(defaultValue: any);
+    getCallback?: getFunction<any>;
+    changeCallback?: changeFunction<any>;
+    get: () => any;
+    update: (callback: any) => any;
+    addListener(onGet: getFunction<any>, onChange: changeFunction<any>): void;
+    removeListener(): void;
+}
 export {};

package/dist/index.js

@@ -23,36 +23,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStore = exports.StateProvider = exports.createStore = void 0;
+exports.Store = exports.StateProvider = exports.useStore = exports.createStore = void 0;
 var react_1 = __importStar(require("react"));
 function createStore(defaultValue) {
     return new Store(defaultValue);
 }
 exports.createStore = createStore;
-var Store = /** @class */ (function () {
-    function Store(defaultValue) {
-        var _this = this;
-        this.get = function () { return _this.getCallback(); };
-        this.update = function (callback) { return _this.changeCallback(callback); };
-        this.context = (0, react_1.createContext)(defaultValue);
-    }
-    Store.prototype.addListener = function (onGet, onChange) {
-        this.getCallback = onGet;
-        this.changeCallback = onChange;
-    };
-    Store.prototype.removeListener = function () {
-        this.getCallback = null;
-        this.changeCallback = null;
-    };
-    return Store;
-}());
+function useStore(store) {
+    return (0, react_1.useContext)(store.context);
+}
+exports.useStore = useStore;
 var StateProvider = function (_a) {
     var children = _a.children, store = _a.store;
     // @ts-ignore
     var _b = (0, react_1.useState)(store.context._currentValue), storeContent = _b[0], setStoreContent = _b[1];
     var storeRef = (0, react_1.useRef)();
-    storeRef.current = storeContent;
     (0, react_1.useMemo)(function () {
+        storeRef.current = storeContent;
         store.addListener(function () { return storeRef.current; }, function (store) {
             setStoreContent(store);
             storeRef.current = store;
@@ -63,7 +50,21 @@ var StateProvider = function (_a) {
     return (react_1.default.createElement(StoreContext.Provider, { value: storeContent }, children));
 };
 exports.StateProvider = StateProvider;
-function useStore(store) {
-    return (0, react_1.useContext)(store.context);
-}
-exports.useStore = useStore;
+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);
+    }
+    Store.prototype.addListener = function (onGet, onChange) {
+        this.getCallback = onGet;
+        this.changeCallback = onChange;
+    };
+    Store.prototype.removeListener = function () {
+        this.getCallback = undefined;
+        this.changeCallback = undefined;
+    };
+    return Store;
+}());
+exports.Store = Store;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-app-store-manager",
-  "version": "0.0.4",
+  "version": "0.1.2",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,5 +13,8 @@
     "jest": "^28.1.1",
     "react": "^18.2.0",
     "ts-jest": "^28.0.5"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.14"
   }
 }

package/.idea/deployment.xml

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PublishConfigData" remoteFilesAllowedToDisappearOnAutoupload="false">
-    <serverData>
-      <paths name="server">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-    </serverData>
-  </component>
-</project>

package/.idea/jsLibraryMappings.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="JavaScriptLibraryMappings">
-    <includedPredefinedLibrary name="Node.js Core" />
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/react-app-store-manager.iml" filepath="$PROJECT_DIR$/.idea/react-app-store-manager.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/react-app-store-manager.iml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/temp" />
-      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "commonjs",
-    "lib": ["es2017", "es7", "es6", "dom"],
-    "declaration": true,
-    "outDir": "dist",
-    "strict": true,
-    "esModuleInterop": true,
-    "jsx": "react",
-  },
-  "exclude": ["node_modules", "dist", "test"]
-}