react-app-store-manager 1.0.0 → 1.1.0

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+export declare function createStore<T>(defaultValue: T): StoreInterface<T>;
+declare type onChangeFunction = () => void;
+export interface StoreInterface<T> {
+    value: T;
+    get(): T;
+    update(store: (store: T) => T): void;
+    addListener(onChange: onChangeFunction): void;
+    removeListener(onChange: onChangeFunction): void;
+}
+export declare class Store implements StoreInterface<any> {
+    value: any;
+    constructor(defaultValue: any);
+    changeCallbacks: any[];
+    get: () => any;
+    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

@@ -0,0 +1,38 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStore = exports.Store = exports.createStore = void 0;
+var react_1 = require("react");
+function createStore(defaultValue) {
+    return new Store(defaultValue);
+}
+exports.createStore = createStore;
+var Store = /** @class */ (function () {
+    function Store(defaultValue) {
+        var _this = this;
+        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.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,19 +1,32 @@
 {
   "name": "react-app-store-manager",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "",
-  "main": "index.js",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
-    "build": "babel src --out-dir compilled --copy-files"
+    "build": "tsc",
+    "test": "node ./tests/index.ts"
   },
-  "author": "",
+  "files": [
+    "dist/"
+  ],
+  "type": "module",
+  "author": "roma4ka",
   "license": "ISC",
-  "devDependencies": {
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.18.5",
-    "@babel/preset-env": "^7.18.2"
-  },
   "dependencies": {
-    "react": "^18.2.0"
+    "@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": {
+    "@types/react": "^18.0.14"
   }
 }

package/compilled/StoreManager.tsx

@@ -1,76 +0,0 @@
-import React, {createContext, useContext, useMemo, useRef, useState} from "react";
-
-export function createStore<T>(defaultValue: T) : StoreInterface<T> {
-    return new Store(defaultValue)
-}
-
-interface StoreInterface<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
-}
-
-type getFunction<S> = () => S
-type changeFunction<S> = (store: S) => S
-
-class Store implements StoreInterface<any> {
-
-    context
-
-    constructor(defaultValue: any) {
-        this.context = createContext(defaultValue)
-    }
-
-    getCallback: any
-    changeCallback: any
-
-    get = () => this.getCallback()
-
-    update = (callback: any) => this.changeCallback(callback)
-
-    addListener(onGet : getFunction<any>,onChange : changeFunction<any>) : void {
-        this.getCallback = onGet
-        this.changeCallback = onChange
-    }
-    removeListener() {
-        this.getCallback = null
-        this.changeCallback = null
-    }
-}
-
-export const StateProvider = ({children,store} : {children: any,store: StoreInterface<any>}) => {
-    // @ts-ignore
-    const [storeContent,setStoreContent] = useState(store.context._currentValue)
-    const storeRef = useRef()
-
-    storeRef.current = storeContent
-
-    useMemo(() => {
-        store.addListener(() => storeRef.current,(store) => {
-            setStoreContent(store)
-            storeRef.current = store
-        })
-
-        return () => store.removeListener()
-    },[store])
-
-    const StoreContext = store.context
-    return (
-        <StoreContext.Provider
-            value={storeContent}
-        >
-            {children}
-        </StoreContext.Provider>
-    )
-}
-
-export function useStore<T>(store: StoreInterface<T>) {
-    return useContext<T>(store.context)
-}

package/src/StoreManager.tsx

@@ -1,76 +0,0 @@
-import React, {createContext, useContext, useMemo, useRef, useState} from "react";
-
-export function createStore<T>(defaultValue: T) : StoreInterface<T> {
-    return new Store(defaultValue)
-}
-
-interface StoreInterface<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
-}
-
-type getFunction<S> = () => S
-type changeFunction<S> = (store: S) => S
-
-class Store implements StoreInterface<any> {
-
-    context
-
-    constructor(defaultValue: any) {
-        this.context = createContext(defaultValue)
-    }
-
-    getCallback: any
-    changeCallback: any
-
-    get = () => this.getCallback()
-
-    update = (callback: any) => this.changeCallback(callback)
-
-    addListener(onGet : getFunction<any>,onChange : changeFunction<any>) : void {
-        this.getCallback = onGet
-        this.changeCallback = onChange
-    }
-    removeListener() {
-        this.getCallback = null
-        this.changeCallback = null
-    }
-}
-
-export const StateProvider = ({children,store} : {children: any,store: StoreInterface<any>}) => {
-    // @ts-ignore
-    const [storeContent,setStoreContent] = useState(store.context._currentValue)
-    const storeRef = useRef()
-
-    storeRef.current = storeContent
-
-    useMemo(() => {
-        store.addListener(() => storeRef.current,(store) => {
-            setStoreContent(store)
-            storeRef.current = store
-        })
-
-        return () => store.removeListener()
-    },[store])
-
-    const StoreContext = store.context
-    return (
-        <StoreContext.Provider
-            value={storeContent}
-        >
-            {children}
-        </StoreContext.Provider>
-    )
-}
-
-export function useStore<T>(store: StoreInterface<T>) {
-    return useContext<T>(store.context)
-}