react-state-basis 0.6.2 → 0.6.4
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/README.md +195 -74
- package/dist/{chunk-E3D6YEKB.mjs → chunk-6GBZSOB3.mjs} +8 -1
- package/dist/{chunk-E3D6YEKB.mjs.map → chunk-6GBZSOB3.mjs.map} +1 -1
- package/dist/client.d.mts +2 -2
- package/dist/client.d.ts +2 -2
- package/dist/client.js.map +1 -1
- package/dist/client.mjs.map +1 -1
- package/dist/index.js +21 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -2
- package/dist/index.mjs.map +1 -1
- package/dist/integrations/zustand.js.map +1 -1
- package/dist/integrations/zustand.mjs +1 -1
- package/dist/plugin.js +2 -1
- package/dist/production.d.mts +3 -3
- package/dist/production.d.ts +3 -3
- package/dist/production.js +8 -7
- package/dist/production.js.map +1 -1
- package/dist/production.mjs +8 -7
- package/dist/production.mjs.map +1 -1
- package/package.json +2 -1
package/dist/production.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// src/production-hooks.ts
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
var React19 = React;
|
|
3
4
|
var BasisProvider = ({ children }) => {
|
|
4
5
|
return React.createElement(React.Fragment, null, children);
|
|
5
6
|
};
|
|
@@ -17,16 +18,16 @@ var useCallback2 = (callback, deps, _label) => React.useCallback(callback, deps)
|
|
|
17
18
|
var useRef2 = (initialValue, _label) => React.useRef(initialValue);
|
|
18
19
|
var useTransition2 = (_label) => React.useTransition();
|
|
19
20
|
var useDeferredValue2 = (value, _label) => React.useDeferredValue(value);
|
|
20
|
-
var
|
|
21
|
-
var
|
|
21
|
+
var useOptimistic = (passthrough, reducer, _label) => React19.useOptimistic(passthrough, reducer);
|
|
22
|
+
var useActionState = (action, initialState, permalink, _label) => {
|
|
22
23
|
const actualPermalink = typeof permalink === "string" && _label === void 0 ? void 0 : permalink;
|
|
23
|
-
return
|
|
24
|
+
return React19.useActionState(action, initialState, actualPermalink);
|
|
24
25
|
};
|
|
26
|
+
var use = React19.use;
|
|
25
27
|
var useId2 = (_label) => React.useId();
|
|
26
28
|
var useDebugValue2 = React.useDebugValue;
|
|
27
29
|
var useImperativeHandle2 = React.useImperativeHandle;
|
|
28
30
|
var useSyncExternalStore2 = React.useSyncExternalStore;
|
|
29
|
-
var use2 = React.use;
|
|
30
31
|
|
|
31
32
|
// src/production.ts
|
|
32
33
|
var registerVariable = () => {
|
|
@@ -60,8 +61,8 @@ export {
|
|
|
60
61
|
recordUpdate,
|
|
61
62
|
registerVariable,
|
|
62
63
|
unregisterVariable,
|
|
63
|
-
|
|
64
|
-
|
|
64
|
+
use,
|
|
65
|
+
useActionState,
|
|
65
66
|
useCallback2 as useCallback,
|
|
66
67
|
useContext2 as useContext,
|
|
67
68
|
useDebugValue2 as useDebugValue,
|
|
@@ -72,7 +73,7 @@ export {
|
|
|
72
73
|
useInsertionEffect2 as useInsertionEffect,
|
|
73
74
|
useLayoutEffect2 as useLayoutEffect,
|
|
74
75
|
useMemo2 as useMemo,
|
|
75
|
-
|
|
76
|
+
useOptimistic,
|
|
76
77
|
useReducer2 as useReducer,
|
|
77
78
|
useRef2 as useRef,
|
|
78
79
|
useState2 as useState,
|
package/dist/production.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/production-hooks.ts","../src/production.ts"],"sourcesContent":["// src/production-hooks.ts\n\nimport * as React from 'react';\nimport type { FC, ReactNode, DependencyList, EffectCallback } from 'react';\n\nexport const BasisProvider: FC<{\n children: ReactNode;\n debug?: boolean;\n showHUD?: boolean;\n}> = ({ children }) => {\n return React.createElement(React.Fragment, null, children);\n};\n\nexport const useState = <T>(initialState: T | (() => T), _label?: string) =>\n React.useState(initialState);\n\nexport function useReducer(reducer: any, initialArg: any, init?: any, _label?: string) {\n return typeof init === 'function'\n ? React.useReducer(reducer, initialArg, init)\n : React.useReducer(reducer, initialArg);\n}\n\nexport const createContext = <T>(defaultValue: T, _label?: string) =>\n React.createContext(defaultValue);\n\nexport const useContext = React.useContext;\n\nexport const useEffect = (effect: EffectCallback, deps?: DependencyList, _label?: string) =>\n React.useEffect(effect, deps as DependencyList);\n\nexport const useLayoutEffect = (effect: EffectCallback, deps?: DependencyList, _label?: string) =>\n React.useLayoutEffect(effect, deps as DependencyList);\n\nexport const useInsertionEffect = React.useInsertionEffect;\n\nexport const useMemo = <T>(factory: () => T, deps?: DependencyList, _label?: string) =>\n React.useMemo(factory, deps as DependencyList);\n\nexport const useCallback = <T extends (...args: any[]) => any>(callback: T, deps?: DependencyList, _label?: string) =>\n React.useCallback(callback, deps as DependencyList);\n\nexport const useRef = <T>(initialValue: T, _label?: string) =>\n React.useRef(initialValue);\n\nexport const useTransition = (_label?: string) => React.useTransition();\nexport const useDeferredValue = <T>(value: T, _label?: string) => React.useDeferredValue(value);\n\nexport const useOptimistic = <S, P>(passthrough: S, reducer?: (state: S, payload: P) => S, _label?: string) =>\n (
|
|
1
|
+
{"version":3,"sources":["../src/production-hooks.ts","../src/production.ts"],"sourcesContent":["// src/production-hooks.ts\n\nimport * as React from 'react';\nimport type { FC, ReactNode, DependencyList, EffectCallback } from 'react';\n\ninterface React19Extended {\n useOptimistic?<S, P>(passthrough: S, reducer?: (state: S, payload: P) => S): [S, (payload: P) => void];\n useActionState?<State, Payload>(\n action: (state: State, payload: Payload) => Promise<State> | State,\n initialState: State,\n permalink?: string\n ): [state: State, dispatch: (payload: Payload) => void, isPending: boolean];\n use?<T>(usable: React.Usable<T>): T;\n}\n\nconst React19 = React as unknown as React19Extended;\n\nexport const BasisProvider: FC<{\n children: ReactNode;\n debug?: boolean;\n showHUD?: boolean;\n}> = ({ children }) => {\n return React.createElement(React.Fragment, null, children);\n};\n\nexport const useState = <T>(initialState: T | (() => T), _label?: string) =>\n React.useState(initialState);\n\nexport function useReducer(reducer: any, initialArg: any, init?: any, _label?: string) {\n return typeof init === 'function'\n ? React.useReducer(reducer, initialArg, init)\n : React.useReducer(reducer, initialArg);\n}\n\nexport const createContext = <T>(defaultValue: T, _label?: string) =>\n React.createContext(defaultValue);\n\nexport const useContext = React.useContext;\n\nexport const useEffect = (effect: EffectCallback, deps?: DependencyList, _label?: string) =>\n React.useEffect(effect, deps as DependencyList);\n\nexport const useLayoutEffect = (effect: EffectCallback, deps?: DependencyList, _label?: string) =>\n React.useLayoutEffect(effect, deps as DependencyList);\n\nexport const useInsertionEffect = React.useInsertionEffect;\n\nexport const useMemo = <T>(factory: () => T, deps?: DependencyList, _label?: string) =>\n React.useMemo(factory, deps as DependencyList);\n\nexport const useCallback = <T extends (...args: any[]) => any>(callback: T, deps?: DependencyList, _label?: string) =>\n React.useCallback(callback, deps as DependencyList);\n\nexport const useRef = <T>(initialValue: T, _label?: string) =>\n React.useRef(initialValue);\n\nexport const useTransition = (_label?: string) => React.useTransition();\nexport const useDeferredValue = <T>(value: T, _label?: string) => React.useDeferredValue(value);\n\nexport const useOptimistic = <S, P>(passthrough: S, reducer?: (state: S, payload: P) => S, _label?: string) =>\n React19.useOptimistic!(passthrough, reducer as (state: S, action: P) => S);\n\nexport const useActionState = <State, Payload>(\n action: (state: State, payload: Payload) => Promise<State> | State,\n initialState: State,\n permalink?: string,\n _label?: string\n) => {\n const actualPermalink = typeof permalink === 'string' && _label === undefined ? undefined : permalink;\n return React19.useActionState!(action, initialState, actualPermalink);\n};\n\nexport const use = React19.use!;\n\nexport const useId = (_label?: string) => React.useId();\nexport const useDebugValue = React.useDebugValue;\nexport const useImperativeHandle = React.useImperativeHandle;\nexport const useSyncExternalStore = React.useSyncExternalStore;","// src/production.ts\n\nexport * from './production-hooks';\n\n// No-op Kernel exports\nexport const registerVariable = () => { };\nexport const unregisterVariable = () => { };\nexport const recordUpdate = () => true;\nexport const beginEffectTracking = () => { };\nexport const endEffectTracking = () => { };\nexport const printBasisHealthReport = () => { };\nexport const configureBasis = () => { };\n\n// Static Mock for Metrics\nexport const getBasisMetrics = () => ({\n engine: 'production',\n hooks: 0,\n analysis_ms: '0'\n});\n\nexport const config = { debug: false };\n\nexport type { ReactNode, FC } from 'react';"],"mappings":";AAEA,YAAY,WAAW;AAavB,IAAM,UAAU;AAET,IAAM,gBAIR,CAAC,EAAE,SAAS,MAAM;AACnB,SAAa,oBAAoB,gBAAU,MAAM,QAAQ;AAC7D;AAEO,IAAMA,YAAW,CAAI,cAA6B,WAC/C,eAAS,YAAY;AAExB,SAASC,YAAW,SAAc,YAAiB,MAAY,QAAiB;AACnF,SAAO,OAAO,SAAS,aACX,iBAAW,SAAS,YAAY,IAAI,IACpC,iBAAW,SAAS,UAAU;AAC9C;AAEO,IAAMC,iBAAgB,CAAI,cAAiB,WACxC,oBAAc,YAAY;AAE7B,IAAMC,cAAmB;AAEzB,IAAMC,aAAY,CAAC,QAAwB,MAAuB,WAC/D,gBAAU,QAAQ,IAAsB;AAE3C,IAAMC,mBAAkB,CAAC,QAAwB,MAAuB,WACrE,sBAAgB,QAAQ,IAAsB;AAEjD,IAAMC,sBAA2B;AAEjC,IAAMC,WAAU,CAAI,SAAkB,MAAuB,WAC1D,cAAQ,SAAS,IAAsB;AAE1C,IAAMC,eAAc,CAAoC,UAAa,MAAuB,WACzF,kBAAY,UAAU,IAAsB;AAE/C,IAAMC,UAAS,CAAI,cAAiB,WACjC,aAAO,YAAY;AAEtB,IAAMC,iBAAgB,CAAC,WAA0B,oBAAc;AAC/D,IAAMC,oBAAmB,CAAI,OAAU,WAA0B,uBAAiB,KAAK;AAEvF,IAAM,gBAAgB,CAAO,aAAgB,SAAuC,WACvF,QAAQ,cAAe,aAAa,OAAqC;AAEtE,IAAM,iBAAiB,CAC1B,QACA,cACA,WACA,WACC;AACD,QAAM,kBAAkB,OAAO,cAAc,YAAY,WAAW,SAAY,SAAY;AAC5F,SAAO,QAAQ,eAAgB,QAAQ,cAAc,eAAe;AACxE;AAEO,IAAM,MAAM,QAAQ;AAEpB,IAAMC,SAAQ,CAAC,WAA0B,YAAM;AAC/C,IAAMC,iBAAsB;AAC5B,IAAMC,uBAA4B;AAClC,IAAMC,wBAA6B;;;ACxEnC,IAAM,mBAAmB,MAAM;AAAE;AACjC,IAAM,qBAAqB,MAAM;AAAE;AACnC,IAAM,eAAe,MAAM;AAC3B,IAAM,sBAAsB,MAAM;AAAE;AACpC,IAAM,oBAAoB,MAAM;AAAE;AAClC,IAAM,yBAAyB,MAAM;AAAE;AACvC,IAAM,iBAAiB,MAAM;AAAE;AAG/B,IAAM,kBAAkB,OAAO;AAAA,EAClC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACjB;AAEO,IAAM,SAAS,EAAE,OAAO,MAAM;","names":["useState","useReducer","createContext","useContext","useEffect","useLayoutEffect","useInsertionEffect","useMemo","useCallback","useRef","useTransition","useDeferredValue","useId","useDebugValue","useImperativeHandle","useSyncExternalStore"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-state-basis",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.4",
|
|
4
4
|
"description": "Runtime state profiler for React that detects redundant state, update chains, and infinite loops by tracking when state updates happen.",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -99,6 +99,7 @@
|
|
|
99
99
|
"@testing-library/dom": "^10.4.1",
|
|
100
100
|
"@testing-library/jest-dom": "^6.9.1",
|
|
101
101
|
"@testing-library/react": "^16.3.1",
|
|
102
|
+
"@types/babel__core": "^7.20.5",
|
|
102
103
|
"@types/node": "^22.0.0",
|
|
103
104
|
"@types/react": "^19.2.7",
|
|
104
105
|
"@types/react-dom": "^19.2.3",
|