react-app-store-manager 0.0.2 → 0.0.3

package/.idea/deployment.xml

@@ -0,0 +1,14 @@
+<?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

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

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?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

@@ -0,0 +1,12 @@
+<?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/dist/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export declare function createStore<T>(defaultValue: T): StoreInterface<T>;
+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 const StateProvider: ({ children, store }: {
+    children: any;
+    store: StoreInterface<any>;
+}) => any;
+export declare function useStore<T>(store: StoreInterface<T>): any;
+export {};

package/dist/index.js

@@ -0,0 +1,69 @@
+"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.useStore = exports.StateProvider = 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;
+}());
+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;
+function useStore(store) {
+    return (0, react_1.useContext)(store.context);
+}
+exports.useStore = useStore;

package/package.json

@@ -1,23 +1,17 @@
 {
   "name": "react-app-store-manager",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "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"
   }
 }

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "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"]
+}

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)
-}