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.
Files changed (45) hide show
  1. package/dist/create_render.d.mts +1 -1
  2. package/dist/create_render.d.ts +1 -1
  3. package/dist/create_render.js +3 -27
  4. package/dist/create_render.mjs +1 -23
  5. package/dist/index.d.mts +3 -3
  6. package/dist/index.d.ts +3 -3
  7. package/dist/index.js +119 -107
  8. package/dist/index.mjs +113 -99
  9. package/dist/text_editor.d.mts +13 -0
  10. package/dist/text_editor.d.ts +13 -0
  11. package/dist/text_editor.js +135 -0
  12. package/dist/text_editor.mjs +112 -0
  13. package/dist/use_form_store.d.mts +3 -1
  14. package/dist/use_form_store.d.ts +3 -1
  15. package/dist/use_form_store.js +111 -102
  16. package/dist/use_form_store.mjs +108 -97
  17. package/dist/use_store_component.d.mts +4 -1
  18. package/dist/use_store_component.d.ts +4 -1
  19. package/dist/use_store_component.js +97 -25
  20. package/dist/use_store_component.mjs +104 -30
  21. package/dist/use_store_controller.d.mts +1 -1
  22. package/dist/use_store_controller.d.ts +1 -1
  23. package/dist/use_store_controller.js +9 -17
  24. package/dist/use_store_controller.mjs +10 -18
  25. package/dist/use_store_input.d.mts +1 -1
  26. package/dist/use_store_input.d.ts +1 -1
  27. package/dist/use_store_input.js +9 -17
  28. package/dist/use_store_input.mjs +10 -18
  29. package/dist/use_store_input_with_name.d.mts +1 -1
  30. package/dist/use_store_input_with_name.d.ts +1 -1
  31. package/dist/use_store_input_with_name.js +9 -17
  32. package/dist/use_store_input_with_name.mjs +10 -18
  33. package/package.json +6 -4
  34. package/dist/use_selector.d.mts +0 -5
  35. package/dist/use_selector.d.ts +0 -5
  36. package/dist/use_selector.js +0 -50
  37. package/dist/use_selector.mjs +0 -25
  38. package/dist/use_store.d.mts +0 -12
  39. package/dist/use_store.d.ts +0 -12
  40. package/dist/use_store.js +0 -71
  41. package/dist/use_store.mjs +0 -46
  42. package/dist/use_subscribe.d.mts +0 -5
  43. package/dist/use_subscribe.d.ts +0 -5
  44. package/dist/use_subscribe.js +0 -38
  45. package/dist/use_subscribe.mjs +0 -13
@@ -1,5 +0,0 @@
1
- import { Store } from './use_store.mjs';
2
-
3
- declare function useSelector<TState, TSelected>(store: Store<TState>, selector: (state: TState) => TSelected, compare?: (a: TSelected, b: TSelected) => boolean): TSelected;
4
-
5
- export { useSelector };
@@ -1,5 +0,0 @@
1
- import { Store } from './use_store.js';
2
-
3
- declare function useSelector<TState, TSelected>(store: Store<TState>, selector: (state: TState) => TSelected, compare?: (a: TSelected, b: TSelected) => boolean): TSelected;
4
-
5
- export { useSelector };
@@ -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
- });
@@ -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
- };
@@ -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 };
@@ -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
- });
@@ -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
- };
@@ -1,5 +0,0 @@
1
- import { Store, StoreSubscriber } from './use_store.mjs';
2
-
3
- declare function useSubscribe<T>(store: Store<T>, subscriber: StoreSubscriber<T>): void;
4
-
5
- export { useSubscribe };
@@ -1,5 +0,0 @@
1
- import { Store, StoreSubscriber } from './use_store.js';
2
-
3
- declare function useSubscribe<T>(store: Store<T>, subscriber: StoreSubscriber<T>): void;
4
-
5
- export { useSubscribe };
@@ -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
- });
@@ -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
- };