react-app-store-manager 0.0.1

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/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/compilled/StoreManager.tsx

@@ -0,0 +1,76 @@
+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/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "react-app-store-manager",
+  "version": "0.0.1",
+  "description": "",
+  "main": "compilled/StoreManager.tsx",
+  "scripts": {
+    "build": "babel src --out-dir compilled --copy-files"
+  },
+  "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",
+    "react-app-store-manager": "^1.0.0"
+  }
+}

package/src/StoreManager.tsx

@@ -0,0 +1,76 @@
+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)
+}