muya 2.0.9 → 2.1.1
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/cjs/index.js +1 -1
- package/esm/debug/development-tools.js +1 -1
- package/esm/use-value.js +1 -1
- package/package.json +4 -12
- package/src/__tests__/test-utils.ts +1 -0
- package/src/debug/development-tools.ts +1 -1
- package/src/types.ts +1 -1
- package/src/use-value.ts +8 -6
- package/types/types.d.ts +1 -1
- package/types/use-value.d.ts +1 -1
package/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var O=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var K=Object.prototype.hasOwnProperty;var Y=(e,t)=>{for(var r in t)O(e,r,{get:t[r],enumerable:!0})},W=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of _(t))!K.call(e,o)&&o!==r&&O(e,o,{get:()=>t[o],enumerable:!(n=N(t,o))||n.enumerable});return e};var J=e=>W(O({},"__esModule",{value:!0}),e);var B={};Y(B,{EMPTY_SELECTOR:()=>D,create:()=>z,isAbortError:()=>I,isArray:()=>P,isEqualBase:()=>S,isError:()=>G,isFunction:()=>w,isMap:()=>E,isPromise:()=>f,isSet:()=>k,isSetValueFunction:()=>v,isState:()=>X,isUndefined:()=>m,select:()=>g,shallow:()=>M,useValue:()=>V});module.exports=J(B);var T=class extends Error{static Error="AbortError"};function Q(e,t){t&&t.abort();let r=new AbortController,{signal:n}=r;return{promise:new Promise((u,s)=>{n.addEventListener("abort",()=>{s(new T)}),e.then(u).catch(s)}),controller:r}}function x(e,t=S){if(!m(e.current)){if(!m(e.previous)&&t(e.current,e.previous))return!1;e.previous=e.current}return!0}function p(e,t,r){if(!f(r))return r;e.abortController&&e.abortController.abort();let{promise:n,controller:o}=Q(r,e.abortController);return e.abortController=o,n.then(u=>{e.current=u,t()}).catch(u=>{I(u)||(e.current=u,t())})}function f(e){return e instanceof Promise}function w(e){return typeof e=="function"}function E(e){return e instanceof Map}function k(e){return e instanceof Set}function P(e){return Array.isArray(e)}function S(e,t){return e===t?!0:!!Object.is(e,t)}function v(e){return typeof e=="function"}function I(e){return e instanceof T}function G(e){return e instanceof Error}function m(e){return e===void 0}function X(e){return w(e)&&"get"in e&&"set"in e&&"isSet"in e&&e.isSet===!0}var D=e=>e;function U(){let e=new Map,t=new Set,r=performance.now(),n=!1;function o(){let s=performance.now(),a=s-r,{size:i}=t;if(a<.2&&i>0&&i<10){r=s,u();return}n||(n=!0,Promise.resolve().then(()=>{n=!1,r=performance.now(),u()}))}function u(){if(t.size===0)return;let s=new Set;for(let a of t){if(e.has(a.id)){s.add(a.id);let{onResolveItem:i}=e.get(a.id);i&&i(a.value)}t.delete(a)}if(t.size>0){o();return}for(let a of s)e.get(a)?.onFinish()}return{add(s,a){return e.set(s,a),()=>{e.delete(s)}},schedule(s,a){t.add({value:a,id:s}),o()}}}function g(e,t,r){let n={};function o(){let c=!1,l=e.map(A=>{let y=A.get();return f(y)&&(c=!0),y});return c?new Promise((A,y)=>{Promise.all(l).then(F=>{if(F.some(j=>m(j)))return y(new T);let H=t(...F);A(H)})}):t(...l)}function u(){if(m(n.current)){let c=o();n.current=p(n,i.emitter.emit,c)}return n.current}function s(){if(m(n.current)){let l=o();n.current=p(n,i.emitter.emit,l)}let{current:c}=n;return f(c)?new Promise(l=>{c.then(b=>{if(m(b)){l(s());return}l(b)})}):n.current}let a=[];for(let c of e){let l=c.emitter.subscribe(()=>{h.schedule(i.id,null)});a.push(l)}let i=C({destroy(){for(let c of a)c();d(),i.emitter.clear(),n.current=void 0},get:s,getSnapshot:u}),d=h.add(i.id,{onFinish(){let c=o();n.current=p(n,i.emitter.emit,c),x(n,r)&&i.emitter.emit()}});return i}var q=require("react");var R=require("use-sync-external-store/shim/with-selector");function V(e,t=D){let{emitter:r}=e,n=(0,R.useSyncExternalStoreWithSelector)(e.emitter.subscribe,r.getSnapshot,r.getInitialSnapshot,t);if((0,q.useDebugValue)(n),f(n)||G(n))throw n;return n}function L(e,t){let r=new Set,n=[];return{clear:()=>{for(let o of n)o();r.clear()},subscribe:o=>(r.add(o),()=>{r.delete(o)}),emit:(...o)=>{for(let u of r)u(...o)},contains:o=>r.has(o),getSnapshot:e,getInitialSnapshot:t,getSize:()=>r.size,subscribeToOtherEmitter(o){let u=o.subscribe(()=>{this.emit()});n.push(u)}}}var Z=0;function $(){return Z++}function C(e){let{get:t,destroy:r,set:n,getSnapshot:o}=e,u=!!n,s=function(a){return V(s,a)};return s.isSet=u,s.id=$(),s.emitter=L(o),s.destroy=r,s.listen=function(a){return this.emitter.subscribe(()=>{let i=t();f(i)||a(t())})},s.withName=function(a){return this.stateName=a,this},s.select=function(a,i=S){return g([s],a,i)},s.get=t,s.set=n,s}var h=U();function z(e,t=S){let r={};function n(){try{if(m(r.current)){let i=w(e)?e():e,d=p(r,s.emitter.emit,i);return r.current=d,r.current}return r.current}catch(i){r.current=i}return r.current}async function o(i,d){await i;let c=d(r.current),l=p(r,s.emitter.emit,c);r.current=l}function u(i){let d=n(),c=v(i);if(c&&f(d)){o(d,i);return}r.abortController&&r.abortController.abort();let l=c?i(d):i,b=p(r,s.emitter.emit,l);r.current=b}let s=C({get:n,destroy(){n(),a(),s.emitter.clear(),r.current=void 0},set(i){h.schedule(s.id,i)},getSnapshot:n}),a=h.add(s.id,{onFinish(){r.current=n(),x(r,t)&&s.emitter.emit()},onResolveItem:u});return w(e)||n(),s}function M(e,t){if(e==t)return!0;if(typeof e!="object"||e==null||typeof t!="object"||t==null)return!1;if(E(e)&&E(t)){if(e.size!==t.size)return!1;for(let[o,u]of e)if(!Object.is(u,t.get(o)))return!1;return!0}if(k(e)&&k(t)){if(e.size!==t.size)return!1;for(let o of e)if(!t.has(o))return!1;return!0}if(P(e)&&P(t)){if(e.length!==t.length)return!1;for(let[o,u]of e.entries())if(!Object.is(u,t[o]))return!1;return!0}let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(let o of r)if(!Object.prototype.hasOwnProperty.call(t,o)||!Object.is(e[o],t[o]))return!1;return!0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{isPromise as r,isState as a}from"../utils/is";const o=
|
|
1
|
+
import{isPromise as r,isState as a}from"../utils/is";const o=globalThis?.__REDUX_DEVTOOLS_EXTENSION__?.connect({name:"CustomState",trace:!0});o&&o.init({message:"Initial state"});function p(e){if(!o)return;const{message:t,type:n,value:s,name:i}=e;r(s)||o.send(i,{value:s,type:n,message:t},n)}function m(e,t){return n=>{p({name:e,type:t,value:n,message:"update"})}}function l(e){}export{l as subscribeToDevelopmentTools};
|
package/esm/use-value.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useDebugValue as
|
|
1
|
+
import{useDebugValue as o}from"react";import{EMPTY_SELECTOR as a}from"./types";import{isError as s,isPromise as n}from"./utils/is";import{useSyncExternalStoreWithSelector as S}from"use-sync-external-store/shim/with-selector";function T(t,i=a){const{emitter:r}=t,e=S(t.emitter.subscribe,r.getSnapshot,r.getInitialSnapshot,i);if(o(e),n(e)||s(e))throw e;return e}export{T as useValue};
|
package/package.json
CHANGED
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "muya",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"author": "samuel.gjabel@gmail.com",
|
|
5
5
|
"repository": "https://github.com/samuelgjabel/muya",
|
|
6
6
|
"main": "cjs/index.js",
|
|
7
7
|
"module": "esm/index.js",
|
|
8
|
-
"peerDependencies": {
|
|
9
|
-
"use-sync-external-store": ">=1.2.0",
|
|
10
|
-
"react": ">=18.0.0"
|
|
11
|
-
},
|
|
12
8
|
"description": "👀 Another React state management library",
|
|
13
9
|
"homepage": "https://github.com/samuelgjabel/muya",
|
|
14
10
|
"keywords": [
|
|
@@ -23,13 +19,9 @@
|
|
|
23
19
|
"zustand"
|
|
24
20
|
],
|
|
25
21
|
"license": "MIT",
|
|
26
|
-
"
|
|
27
|
-
"react":
|
|
28
|
-
|
|
29
|
-
},
|
|
30
|
-
"use-sync-external-store": {
|
|
31
|
-
"optional": true
|
|
32
|
-
}
|
|
22
|
+
"peerDependencies": {
|
|
23
|
+
"react": ">=18 <20",
|
|
24
|
+
"use-sync-external-store": ">=1.4.0 <1.6.0"
|
|
33
25
|
},
|
|
34
26
|
"react-native": "src/index.ts",
|
|
35
27
|
"sideEffects": false,
|
|
@@ -3,7 +3,7 @@ import { isPromise, isState } from '../utils/is'
|
|
|
3
3
|
|
|
4
4
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
5
5
|
// @ts-expect-error
|
|
6
|
-
const reduxDevelopmentTools =
|
|
6
|
+
const reduxDevelopmentTools = globalThis?.__REDUX_DEVTOOLS_EXTENSION__?.connect({
|
|
7
7
|
name: 'CustomState', // This will name your instance in the DevTools
|
|
8
8
|
trace: true, // Enables trace if needed
|
|
9
9
|
})
|
package/src/types.ts
CHANGED
|
@@ -14,7 +14,7 @@ export interface Cache<T> {
|
|
|
14
14
|
export const EMPTY_SELECTOR = <T, S>(stateValue: T) => stateValue as unknown as S
|
|
15
15
|
|
|
16
16
|
export interface GetState<T, IsFroMPromise extends boolean = false> {
|
|
17
|
-
<S>(selector?: (stateValue: Awaited<T>) => S):
|
|
17
|
+
<S>(selector?: (stateValue: Awaited<T>) => S): undefined extends S ? Awaited<T> : S
|
|
18
18
|
/**
|
|
19
19
|
* Get the cached state value.
|
|
20
20
|
*/
|
package/src/use-value.ts
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { useDebugValue
|
|
1
|
+
import { useDebugValue } from 'react'
|
|
2
2
|
import { EMPTY_SELECTOR, type GetState } from './types'
|
|
3
3
|
import { isError, isPromise } from './utils/is'
|
|
4
|
+
import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'
|
|
4
5
|
|
|
5
6
|
export function useValue<T, S>(
|
|
6
7
|
state: GetState<T>,
|
|
7
8
|
selector: (stateValue: Awaited<T>) => S = EMPTY_SELECTOR,
|
|
8
|
-
):
|
|
9
|
+
): undefined extends S ? Awaited<T> : S {
|
|
9
10
|
const { emitter } = state
|
|
10
|
-
const value =
|
|
11
|
+
const value = useSyncExternalStoreWithSelector<T, S>(
|
|
11
12
|
state.emitter.subscribe,
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
emitter.getSnapshot,
|
|
14
|
+
emitter.getInitialSnapshot,
|
|
15
|
+
selector as (stateValue: T) => S,
|
|
14
16
|
)
|
|
15
17
|
useDebugValue(value)
|
|
16
18
|
if (isPromise(value)) {
|
|
@@ -21,5 +23,5 @@ export function useValue<T, S>(
|
|
|
21
23
|
throw value
|
|
22
24
|
}
|
|
23
25
|
|
|
24
|
-
return value as
|
|
26
|
+
return value as undefined extends S ? Awaited<T> : S
|
|
25
27
|
}
|
package/types/types.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export interface Cache<T> {
|
|
|
11
11
|
}
|
|
12
12
|
export declare const EMPTY_SELECTOR: <T, S>(stateValue: T) => S;
|
|
13
13
|
export interface GetState<T, IsFroMPromise extends boolean = false> {
|
|
14
|
-
<S>(selector?: (stateValue: Awaited<T>) => S):
|
|
14
|
+
<S>(selector?: (stateValue: Awaited<T>) => S): undefined extends S ? Awaited<T> : S;
|
|
15
15
|
/**
|
|
16
16
|
* Get the cached state value.
|
|
17
17
|
*/
|
package/types/use-value.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { type GetState } from './types';
|
|
2
|
-
export declare function useValue<T, S>(state: GetState<T>, selector?: (stateValue: Awaited<T>) => S):
|
|
2
|
+
export declare function useValue<T, S>(state: GetState<T>, selector?: (stateValue: Awaited<T>) => S): undefined extends S ? Awaited<T> : S;
|