react-app-store-manager 0.0.2 → 0.1.0

package/dist/StateProvider.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { StoreInterface } from "./Store";
+export declare const StateProvider: ({ children, store }: {
+    children: any;
+    store: StoreInterface<any>;
+}) => JSX.Element;

package/dist/StateProvider.js

@@ -0,0 +1,44 @@
+"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.StateProvider = void 0;
+var react_1 = __importStar(require("react"));
+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 () {
+        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;

package/dist/Store.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export 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;
+}
+declare type getFunction<S> = () => S;
+declare type changeFunction<S> = (store: S) => S;
+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/Store.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Store = void 0;
+var react_1 = require("react");
+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/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { StoreInterface } from "./Store";
+export declare function createStore<T>(defaultValue: T): StoreInterface<T>;
+export declare function useStore<T>(store: StoreInterface<T>): T;

package/dist/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStore = exports.createStore = void 0;
+var react_1 = require("react");
+var Store_1 = require("./Store");
+function createStore(defaultValue) {
+    return new Store_1.Store(defaultValue);
+}
+exports.createStore = createStore;
+function useStore(store) {
+    return (0, react_1.useContext)(store.context);
+}
+exports.useStore = useStore;

package/package.json

@@ -1,23 +1,20 @@
 {
   "name": "react-app-store-manager",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "",
   "main": "dist/index.js",
-  "module": "dist/index.js",
-  "files": [
-    "dist/"
-  ],
+  "types": "dist/index.d.ts",
   "scripts": {
-    "build": "babel src --out-dir dist --copy-files"
+    "build": "tsc"
   },
   "author": "",
   "license": "ISC",
-  "devDependencies": {
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.18.5",
-    "@babel/preset-env": "^7.18.2"
-  },
   "dependencies": {
-    "react": "^18.2.0"
+    "jest": "^28.1.1",
+    "react": "^18.2.0",
+    "ts-jest": "^28.0.5"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.14"
   }
 }

package/dist/index.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)
-}