@legendapp/state 3.0.0-beta.2 → 3.0.0-beta.21

package/trace.js

@@ -19,13 +19,12 @@ function getNodePath(node) {
 // src/trace/useTraceListeners.ts
 var { optimized, tracking } = state.internal;
 function useTraceListeners(name) {
-  if (process.env.NODE_ENV === "development" && tracking.current) {
+  if ((process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && tracking.current) {
     tracking.current.traceListeners = traceNodes.bind(this, name);
   }
 }
 function traceNodes(name, nodes) {
-  if (process.env.NODE_ENV === "development" && tracking.current) {
-    tracking.current.traceListeners = void 0;
+  if ((process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && nodes.size) {
     const arr = [];
     if (nodes) {
       for (const tracked of nodes.values()) {
@@ -45,7 +44,7 @@ ${arr.join("\n")}`
 }
 var { tracking: tracking2 } = state.internal;
 function useTraceUpdates(name) {
-  if (process.env.NODE_ENV === "development" && tracking2.current) {
+  if ((process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && tracking2.current) {
     tracking2.current.traceUpdates = replaceUpdateFn.bind(void 0, name);
   }
 }
@@ -54,13 +53,13 @@ function replaceUpdateFn(name, updateFn) {
 }
 function onChange(name, updateFn, params) {
   const { changes } = params;
-  if (process.env.NODE_ENV === "development") {
+  if (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") {
     changes.forEach(({ path, valueAtPath, prevAtPath }) => {
       console.log(`[legend-state] Rendering ${name ? name + " " : ""}because "${path}" changed:
 from: ${JSON.stringify(prevAtPath)}
 to: ${JSON.stringify(valueAtPath)}`);
     });
-    return updateFn();
+    return updateFn(params);
   }
 }
 var { optimized: optimized2, tracking: tracking3 } = state.internal;

package/trace.mjs

@@ -17,13 +17,12 @@ function getNodePath(node) {
 // src/trace/useTraceListeners.ts
 var { optimized, tracking } = internal;
 function useTraceListeners(name) {
-  if (process.env.NODE_ENV === "development" && tracking.current) {
+  if ((process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && tracking.current) {
     tracking.current.traceListeners = traceNodes.bind(this, name);
   }
 }
 function traceNodes(name, nodes) {
-  if (process.env.NODE_ENV === "development" && tracking.current) {
-    tracking.current.traceListeners = void 0;
+  if ((process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && nodes.size) {
     const arr = [];
     if (nodes) {
       for (const tracked of nodes.values()) {
@@ -43,7 +42,7 @@ ${arr.join("\n")}`
 }
 var { tracking: tracking2 } = internal;
 function useTraceUpdates(name) {
-  if (process.env.NODE_ENV === "development" && tracking2.current) {
+  if ((process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && tracking2.current) {
     tracking2.current.traceUpdates = replaceUpdateFn.bind(void 0, name);
   }
 }
@@ -52,13 +51,13 @@ function replaceUpdateFn(name, updateFn) {
 }
 function onChange(name, updateFn, params) {
   const { changes } = params;
-  if (process.env.NODE_ENV === "development") {
+  if (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") {
     changes.forEach(({ path, valueAtPath, prevAtPath }) => {
       console.log(`[legend-state] Rendering ${name ? name + " " : ""}because "${path}" changed:
 from: ${JSON.stringify(prevAtPath)}
 to: ${JSON.stringify(valueAtPath)}`);
     });
-    return updateFn();
+    return updateFn(params);
   }
 }
 var { optimized: optimized2, tracking: tracking3 } = internal;

package/types/reactive-native.d.ts

@@ -0,0 +1,19 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import type { IReactive } from '@legendapp/state/react';
+
+declare module '@legendapp/state/react' {
+    interface IReactive {
+        ActivityIndicator: FCReactive<ActivityIndicator, ActivityIndicatorProps>;
+        Button: FCReactive<Button, ButtonProps>;
+        FlatList: FCReactive<FlatList, FlatListProps<any>>;
+        Image: FCReactive<Image, ImageProps>;
+        Pressable: FCReactive<typeof Pressable, PressableProps>;
+        ScrollView: FCReactive<ScrollView, ScrollViewProps>;
+        SectionList: FCReactive<SectionList, SectionListProps<any>>;
+        Switch: FCReactive<Switch, SwitchProps>;
+        Text: FCReactive<Text, TextProps>;
+        TextInput: FCReactive<TextInput, TextInputProps>;
+        TouchableWithoutFeedback: FCReactive<TouchableWithoutFeedback, TouchableWithoutFeedbackProps>;
+        View: FCReactive<View, ViewProps>;
+    }
+}

package/types/reactive-web.d.ts

@@ -0,0 +1,7 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import type { IReactive, FCReactiveObject } from '@legendapp/state/react';
+
+declare module '@legendapp/state/react' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface IReactive extends FCReactiveObject<JSX.IntrinsicElements> {}
+}