react-app-store-manager 0.0.4 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/StateProvider.d.ts +6 -0
- package/dist/StateProvider.js +44 -0
- package/dist/Store.d.ts +23 -0
- package/dist/Store.js +22 -0
- package/dist/index.d.ts +2 -18
- package/dist/index.js +4 -60
- package/package.json +4 -1
- package/.idea/deployment.xml +0 -14
- package/.idea/jsLibraryMappings.xml +0 -6
- package/.idea/modules.xml +0 -8
- package/.idea/react-app-store-manager.iml +0 -12
- package/tsconfig.json +0 -13
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.StateProvider = void 0;
|
|
27
|
+
var react_1 = __importStar(require("react"));
|
|
28
|
+
var StateProvider = function (_a) {
|
|
29
|
+
var children = _a.children, store = _a.store;
|
|
30
|
+
// @ts-ignore
|
|
31
|
+
var _b = (0, react_1.useState)(store.context._currentValue), storeContent = _b[0], setStoreContent = _b[1];
|
|
32
|
+
var storeRef = (0, react_1.useRef)();
|
|
33
|
+
storeRef.current = storeContent;
|
|
34
|
+
(0, react_1.useMemo)(function () {
|
|
35
|
+
store.addListener(function () { return storeRef.current; }, function (store) {
|
|
36
|
+
setStoreContent(store);
|
|
37
|
+
storeRef.current = store;
|
|
38
|
+
});
|
|
39
|
+
return function () { return store.removeListener(); };
|
|
40
|
+
}, [store]);
|
|
41
|
+
var StoreContext = store.context;
|
|
42
|
+
return (react_1.default.createElement(StoreContext.Provider, { value: storeContent }, children));
|
|
43
|
+
};
|
|
44
|
+
exports.StateProvider = StateProvider;
|
package/dist/Store.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface StoreInterface<T> {
|
|
3
|
+
get(): T;
|
|
4
|
+
update(callback: (state: T) => T): void;
|
|
5
|
+
context: React.Context<any>;
|
|
6
|
+
getCallback?: getFunction<T>;
|
|
7
|
+
changeCallback?: changeFunction<T>;
|
|
8
|
+
addListener(onGet: getFunction<T>, onChange: changeFunction<T>): void;
|
|
9
|
+
removeListener(): void;
|
|
10
|
+
}
|
|
11
|
+
declare type getFunction<S> = () => S;
|
|
12
|
+
declare type changeFunction<S> = (store: S) => S;
|
|
13
|
+
export declare class Store implements StoreInterface<any> {
|
|
14
|
+
context: React.Context<any>;
|
|
15
|
+
constructor(defaultValue: any);
|
|
16
|
+
getCallback?: getFunction<any>;
|
|
17
|
+
changeCallback?: changeFunction<any>;
|
|
18
|
+
get: () => any;
|
|
19
|
+
update: (callback: any) => any;
|
|
20
|
+
addListener(onGet: getFunction<any>, onChange: changeFunction<any>): void;
|
|
21
|
+
removeListener(): void;
|
|
22
|
+
}
|
|
23
|
+
export {};
|
package/dist/Store.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Store = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var Store = /** @class */ (function () {
|
|
6
|
+
function Store(defaultValue) {
|
|
7
|
+
var _this = this;
|
|
8
|
+
this.get = function () { return _this.getCallback && _this.getCallback(); };
|
|
9
|
+
this.update = function (callback) { return _this.changeCallback && _this.changeCallback(callback); };
|
|
10
|
+
this.context = (0, react_1.createContext)(defaultValue);
|
|
11
|
+
}
|
|
12
|
+
Store.prototype.addListener = function (onGet, onChange) {
|
|
13
|
+
this.getCallback = onGet;
|
|
14
|
+
this.changeCallback = onChange;
|
|
15
|
+
};
|
|
16
|
+
Store.prototype.removeListener = function () {
|
|
17
|
+
this.getCallback = undefined;
|
|
18
|
+
this.changeCallback = undefined;
|
|
19
|
+
};
|
|
20
|
+
return Store;
|
|
21
|
+
}());
|
|
22
|
+
exports.Store = Store;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,19 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { StoreInterface } from "./Store";
|
|
2
2
|
export declare function createStore<T>(defaultValue: T): StoreInterface<T>;
|
|
3
|
-
|
|
4
|
-
get(): T;
|
|
5
|
-
update(callback: (state: T) => T): void;
|
|
6
|
-
context: React.Context<any>;
|
|
7
|
-
getCallback: getFunction<T>;
|
|
8
|
-
changeCallback: changeFunction<T>;
|
|
9
|
-
addListener(onGet: getFunction<T>, onChange: changeFunction<T>): void;
|
|
10
|
-
removeListener(): void;
|
|
11
|
-
}
|
|
12
|
-
declare type getFunction<S> = () => S;
|
|
13
|
-
declare type changeFunction<S> = (store: S) => S;
|
|
14
|
-
export declare const StateProvider: ({ children, store }: {
|
|
15
|
-
children: any;
|
|
16
|
-
store: StoreInterface<any>;
|
|
17
|
-
}) => any;
|
|
18
|
-
export declare function useStore<T>(store: StoreInterface<T>): any;
|
|
19
|
-
export {};
|
|
3
|
+
export declare function useStore<T>(store: StoreInterface<T>): T;
|
package/dist/index.js
CHANGED
|
@@ -1,68 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.useStore = exports.
|
|
27
|
-
var react_1 =
|
|
3
|
+
exports.useStore = exports.createStore = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var Store_1 = require("./Store");
|
|
28
6
|
function createStore(defaultValue) {
|
|
29
|
-
return new Store(defaultValue);
|
|
7
|
+
return new Store_1.Store(defaultValue);
|
|
30
8
|
}
|
|
31
9
|
exports.createStore = createStore;
|
|
32
|
-
var Store = /** @class */ (function () {
|
|
33
|
-
function Store(defaultValue) {
|
|
34
|
-
var _this = this;
|
|
35
|
-
this.get = function () { return _this.getCallback(); };
|
|
36
|
-
this.update = function (callback) { return _this.changeCallback(callback); };
|
|
37
|
-
this.context = (0, react_1.createContext)(defaultValue);
|
|
38
|
-
}
|
|
39
|
-
Store.prototype.addListener = function (onGet, onChange) {
|
|
40
|
-
this.getCallback = onGet;
|
|
41
|
-
this.changeCallback = onChange;
|
|
42
|
-
};
|
|
43
|
-
Store.prototype.removeListener = function () {
|
|
44
|
-
this.getCallback = null;
|
|
45
|
-
this.changeCallback = null;
|
|
46
|
-
};
|
|
47
|
-
return Store;
|
|
48
|
-
}());
|
|
49
|
-
var StateProvider = function (_a) {
|
|
50
|
-
var children = _a.children, store = _a.store;
|
|
51
|
-
// @ts-ignore
|
|
52
|
-
var _b = (0, react_1.useState)(store.context._currentValue), storeContent = _b[0], setStoreContent = _b[1];
|
|
53
|
-
var storeRef = (0, react_1.useRef)();
|
|
54
|
-
storeRef.current = storeContent;
|
|
55
|
-
(0, react_1.useMemo)(function () {
|
|
56
|
-
store.addListener(function () { return storeRef.current; }, function (store) {
|
|
57
|
-
setStoreContent(store);
|
|
58
|
-
storeRef.current = store;
|
|
59
|
-
});
|
|
60
|
-
return function () { return store.removeListener(); };
|
|
61
|
-
}, [store]);
|
|
62
|
-
var StoreContext = store.context;
|
|
63
|
-
return (react_1.default.createElement(StoreContext.Provider, { value: storeContent }, children));
|
|
64
|
-
};
|
|
65
|
-
exports.StateProvider = StateProvider;
|
|
66
10
|
function useStore(store) {
|
|
67
11
|
return (0, react_1.useContext)(store.context);
|
|
68
12
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-app-store-manager",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -13,5 +13,8 @@
|
|
|
13
13
|
"jest": "^28.1.1",
|
|
14
14
|
"react": "^18.2.0",
|
|
15
15
|
"ts-jest": "^28.0.5"
|
|
16
|
+
},
|
|
17
|
+
"devDependencies": {
|
|
18
|
+
"@types/react": "^18.0.14"
|
|
16
19
|
}
|
|
17
20
|
}
|
package/.idea/deployment.xml
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<project version="4">
|
|
3
|
-
<component name="PublishConfigData" remoteFilesAllowedToDisappearOnAutoupload="false">
|
|
4
|
-
<serverData>
|
|
5
|
-
<paths name="server">
|
|
6
|
-
<serverdata>
|
|
7
|
-
<mappings>
|
|
8
|
-
<mapping local="$PROJECT_DIR$" web="/" />
|
|
9
|
-
</mappings>
|
|
10
|
-
</serverdata>
|
|
11
|
-
</paths>
|
|
12
|
-
</serverData>
|
|
13
|
-
</component>
|
|
14
|
-
</project>
|
package/.idea/modules.xml
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<project version="4">
|
|
3
|
-
<component name="ProjectModuleManager">
|
|
4
|
-
<modules>
|
|
5
|
-
<module fileurl="file://$PROJECT_DIR$/.idea/react-app-store-manager.iml" filepath="$PROJECT_DIR$/.idea/react-app-store-manager.iml" />
|
|
6
|
-
</modules>
|
|
7
|
-
</component>
|
|
8
|
-
</project>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<module type="WEB_MODULE" version="4">
|
|
3
|
-
<component name="NewModuleRootManager">
|
|
4
|
-
<content url="file://$MODULE_DIR$">
|
|
5
|
-
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
|
6
|
-
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
|
7
|
-
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
|
8
|
-
</content>
|
|
9
|
-
<orderEntry type="inheritedJdk" />
|
|
10
|
-
<orderEntry type="sourceFolder" forTests="false" />
|
|
11
|
-
</component>
|
|
12
|
-
</module>
|
package/tsconfig.json
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"target": "es5",
|
|
4
|
-
"module": "commonjs",
|
|
5
|
-
"lib": ["es2017", "es7", "es6", "dom"],
|
|
6
|
-
"declaration": true,
|
|
7
|
-
"outDir": "dist",
|
|
8
|
-
"strict": true,
|
|
9
|
-
"esModuleInterop": true,
|
|
10
|
-
"jsx": "react",
|
|
11
|
-
},
|
|
12
|
-
"exclude": ["node_modules", "dist", "test"]
|
|
13
|
-
}
|