react-store-input 0.2.4 → 0.2.6
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/create_render.d.mts +1 -1
- package/dist/create_render.d.ts +1 -1
- package/dist/create_render.js +3 -27
- package/dist/create_render.mjs +1 -23
- package/dist/index.d.mts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +119 -107
- package/dist/index.mjs +113 -99
- package/dist/text_editor.d.mts +13 -0
- package/dist/text_editor.d.ts +13 -0
- package/dist/text_editor.js +135 -0
- package/dist/text_editor.mjs +112 -0
- package/dist/use_form_store.d.mts +3 -1
- package/dist/use_form_store.d.ts +3 -1
- package/dist/use_form_store.js +111 -102
- package/dist/use_form_store.mjs +108 -97
- package/dist/use_store_component.d.mts +4 -1
- package/dist/use_store_component.d.ts +4 -1
- package/dist/use_store_component.js +97 -25
- package/dist/use_store_component.mjs +104 -30
- package/dist/use_store_controller.d.mts +1 -1
- package/dist/use_store_controller.d.ts +1 -1
- package/dist/use_store_controller.js +9 -17
- package/dist/use_store_controller.mjs +10 -18
- package/dist/use_store_input.d.mts +1 -1
- package/dist/use_store_input.d.ts +1 -1
- package/dist/use_store_input.js +9 -17
- package/dist/use_store_input.mjs +10 -18
- package/dist/use_store_input_with_name.d.mts +1 -1
- package/dist/use_store_input_with_name.d.ts +1 -1
- package/dist/use_store_input_with_name.js +9 -17
- package/dist/use_store_input_with_name.mjs +10 -18
- package/package.json +6 -4
- package/dist/use_selector.d.mts +0 -5
- package/dist/use_selector.d.ts +0 -5
- package/dist/use_selector.js +0 -50
- package/dist/use_selector.mjs +0 -25
- package/dist/use_store.d.mts +0 -12
- package/dist/use_store.d.ts +0 -12
- package/dist/use_store.js +0 -71
- package/dist/use_store.mjs +0 -46
- package/dist/use_subscribe.d.mts +0 -5
- package/dist/use_subscribe.d.ts +0 -5
- package/dist/use_subscribe.js +0 -38
- package/dist/use_subscribe.mjs +0 -13
package/dist/use_selector.d.mts
DELETED
package/dist/use_selector.d.ts
DELETED
package/dist/use_selector.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/use_selector.tsx
|
|
21
|
-
var use_selector_exports = {};
|
|
22
|
-
__export(use_selector_exports, {
|
|
23
|
-
useSelector: () => useSelector
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(use_selector_exports);
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
function useSelector(store, selector, compare = (a, b) => a === b) {
|
|
28
|
-
const [state, setState] = (0, import_react.useState)(selector(store.state));
|
|
29
|
-
const stateRef = (0, import_react.useRef)(state);
|
|
30
|
-
(0, import_react.useEffect)(() => {
|
|
31
|
-
stateRef.current = state;
|
|
32
|
-
}, [state]);
|
|
33
|
-
(0, import_react.useEffect)(() => {
|
|
34
|
-
const unsubscribe = store.subscribe((newState) => {
|
|
35
|
-
const result = selector(newState);
|
|
36
|
-
if (compare(stateRef.current, result)) {
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
setState(result);
|
|
40
|
-
});
|
|
41
|
-
return () => {
|
|
42
|
-
unsubscribe();
|
|
43
|
-
};
|
|
44
|
-
}, []);
|
|
45
|
-
return state;
|
|
46
|
-
}
|
|
47
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
48
|
-
0 && (module.exports = {
|
|
49
|
-
useSelector
|
|
50
|
-
});
|
package/dist/use_selector.mjs
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// src/use_selector.tsx
|
|
2
|
-
import { useEffect, useRef, useState } from "react";
|
|
3
|
-
function useSelector(store, selector, compare = (a, b) => a === b) {
|
|
4
|
-
const [state, setState] = useState(selector(store.state));
|
|
5
|
-
const stateRef = useRef(state);
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
stateRef.current = state;
|
|
8
|
-
}, [state]);
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
const unsubscribe = store.subscribe((newState) => {
|
|
11
|
-
const result = selector(newState);
|
|
12
|
-
if (compare(stateRef.current, result)) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
setState(result);
|
|
16
|
-
});
|
|
17
|
-
return () => {
|
|
18
|
-
unsubscribe();
|
|
19
|
-
};
|
|
20
|
-
}, []);
|
|
21
|
-
return state;
|
|
22
|
-
}
|
|
23
|
-
export {
|
|
24
|
-
useSelector
|
|
25
|
-
};
|
package/dist/use_store.d.mts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
type Store<TState> = ReturnType<typeof useStore<TState>>;
|
|
2
|
-
type DispatchOptions = {
|
|
3
|
-
key?: string;
|
|
4
|
-
};
|
|
5
|
-
type StoreSubscriber<TState> = (state: TState, key?: string) => void;
|
|
6
|
-
declare function useStore<TState>(initialState: TState): {
|
|
7
|
-
readonly state: TState;
|
|
8
|
-
dispatch: (recipe: Partial<TState> | ((draft: TState) => void), options?: DispatchOptions) => void;
|
|
9
|
-
subscribe: (subscriber: StoreSubscriber<TState>) => () => void;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { type Store, type StoreSubscriber, useStore };
|
package/dist/use_store.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
type Store<TState> = ReturnType<typeof useStore<TState>>;
|
|
2
|
-
type DispatchOptions = {
|
|
3
|
-
key?: string;
|
|
4
|
-
};
|
|
5
|
-
type StoreSubscriber<TState> = (state: TState, key?: string) => void;
|
|
6
|
-
declare function useStore<TState>(initialState: TState): {
|
|
7
|
-
readonly state: TState;
|
|
8
|
-
dispatch: (recipe: Partial<TState> | ((draft: TState) => void), options?: DispatchOptions) => void;
|
|
9
|
-
subscribe: (subscriber: StoreSubscriber<TState>) => () => void;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { type Store, type StoreSubscriber, useStore };
|
package/dist/use_store.js
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/use_store.tsx
|
|
21
|
-
var use_store_exports = {};
|
|
22
|
-
__export(use_store_exports, {
|
|
23
|
-
useStore: () => useStore
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(use_store_exports);
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
var import_immer = require("immer");
|
|
28
|
-
function useStore(initialState) {
|
|
29
|
-
const stateRef = (0, import_react.useRef)(initialState);
|
|
30
|
-
const subscribers = (0, import_react.useRef)([]);
|
|
31
|
-
const dispatch = (recipe, options = {}) => {
|
|
32
|
-
if (typeof recipe === "function") {
|
|
33
|
-
stateRef.current = (0, import_immer.produce)(stateRef.current, recipe);
|
|
34
|
-
} else {
|
|
35
|
-
stateRef.current = (0, import_immer.produce)(
|
|
36
|
-
stateRef.current,
|
|
37
|
-
(draft) => {
|
|
38
|
-
for (const key in recipe) {
|
|
39
|
-
draft[key] = recipe[key];
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
}
|
|
44
|
-
notify(options.key);
|
|
45
|
-
};
|
|
46
|
-
const subscribe = (subscriber) => {
|
|
47
|
-
subscribers.current.push(subscriber);
|
|
48
|
-
return () => {
|
|
49
|
-
const index = subscribers.current.indexOf(subscriber);
|
|
50
|
-
if (index !== -1) {
|
|
51
|
-
subscribers.current.splice(index, 1);
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
const notify = (key) => {
|
|
56
|
-
for (const listener of subscribers.current) {
|
|
57
|
-
listener(stateRef.current, key);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
return {
|
|
61
|
-
get state() {
|
|
62
|
-
return stateRef.current;
|
|
63
|
-
},
|
|
64
|
-
dispatch,
|
|
65
|
-
subscribe
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
69
|
-
0 && (module.exports = {
|
|
70
|
-
useStore
|
|
71
|
-
});
|
package/dist/use_store.mjs
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
// src/use_store.tsx
|
|
2
|
-
import { useRef } from "react";
|
|
3
|
-
import { produce } from "immer";
|
|
4
|
-
function useStore(initialState) {
|
|
5
|
-
const stateRef = useRef(initialState);
|
|
6
|
-
const subscribers = useRef([]);
|
|
7
|
-
const dispatch = (recipe, options = {}) => {
|
|
8
|
-
if (typeof recipe === "function") {
|
|
9
|
-
stateRef.current = produce(stateRef.current, recipe);
|
|
10
|
-
} else {
|
|
11
|
-
stateRef.current = produce(
|
|
12
|
-
stateRef.current,
|
|
13
|
-
(draft) => {
|
|
14
|
-
for (const key in recipe) {
|
|
15
|
-
draft[key] = recipe[key];
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
}
|
|
20
|
-
notify(options.key);
|
|
21
|
-
};
|
|
22
|
-
const subscribe = (subscriber) => {
|
|
23
|
-
subscribers.current.push(subscriber);
|
|
24
|
-
return () => {
|
|
25
|
-
const index = subscribers.current.indexOf(subscriber);
|
|
26
|
-
if (index !== -1) {
|
|
27
|
-
subscribers.current.splice(index, 1);
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
const notify = (key) => {
|
|
32
|
-
for (const listener of subscribers.current) {
|
|
33
|
-
listener(stateRef.current, key);
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
return {
|
|
37
|
-
get state() {
|
|
38
|
-
return stateRef.current;
|
|
39
|
-
},
|
|
40
|
-
dispatch,
|
|
41
|
-
subscribe
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
export {
|
|
45
|
-
useStore
|
|
46
|
-
};
|
package/dist/use_subscribe.d.mts
DELETED
package/dist/use_subscribe.d.ts
DELETED
package/dist/use_subscribe.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/use_subscribe.tsx
|
|
21
|
-
var use_subscribe_exports = {};
|
|
22
|
-
__export(use_subscribe_exports, {
|
|
23
|
-
useSubscribe: () => useSubscribe
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(use_subscribe_exports);
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
function useSubscribe(store, subscriber) {
|
|
28
|
-
(0, import_react.useEffect)(() => {
|
|
29
|
-
const unsubscribe = store.subscribe(subscriber);
|
|
30
|
-
return () => {
|
|
31
|
-
unsubscribe();
|
|
32
|
-
};
|
|
33
|
-
}, []);
|
|
34
|
-
}
|
|
35
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
36
|
-
0 && (module.exports = {
|
|
37
|
-
useSubscribe
|
|
38
|
-
});
|
package/dist/use_subscribe.mjs
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// src/use_subscribe.tsx
|
|
2
|
-
import { useEffect } from "react";
|
|
3
|
-
function useSubscribe(store, subscriber) {
|
|
4
|
-
useEffect(() => {
|
|
5
|
-
const unsubscribe = store.subscribe(subscriber);
|
|
6
|
-
return () => {
|
|
7
|
-
unsubscribe();
|
|
8
|
-
};
|
|
9
|
-
}, []);
|
|
10
|
-
}
|
|
11
|
-
export {
|
|
12
|
-
useSubscribe
|
|
13
|
-
};
|