@legendapp/state 3.0.0-beta.4 → 3.0.0-beta.40

package/persist-plugins/async-storage.js

@@ -21,7 +21,10 @@ var ObservablePersistAsyncStorage = class {
         if (preload === true) {
           tables = await AsyncStorage.getAllKeys();
         } else if (state.isArray(preload)) {
-          tables = preload;
+          const metadataTables = preload.map(
+            (table) => table.endsWith(MetadataSuffix) ? void 0 : table + MetadataSuffix
+          );
+          tables = [...preload, ...metadataTables.filter(Boolean)];
         }
         if (tables) {
           const values = await AsyncStorage.multiGet(tables);
@@ -38,14 +41,19 @@ var ObservablePersistAsyncStorage = class {
   }
   loadTable(table) {
     if (this.data[table] === void 0) {
-      try {
-        return (async () => {
-          const value = await AsyncStorage.getItem(table);
-          this.data[table] = value ? safeParse(value) : void 0;
-        })();
-      } catch (e) {
-        console.error("[legend-state] ObservablePersistLocalAsyncStorage failed to parse", table);
-      }
+      return AsyncStorage.multiGet([table, table + MetadataSuffix]).then((values) => {
+        try {
+          values.forEach(([table2, value]) => {
+            this.data[table2] = value ? safeParse(value) : void 0;
+          });
+        } catch (err) {
+          console.error("[legend-state] ObservablePersistLocalAsyncStorage failed to parse", table, err);
+        }
+      }).catch((err) => {
+        if ((err == null ? void 0 : err.message) !== "window is not defined") {
+          console.error("[legend-state] AsyncStorage.multiGet failed", table, err);
+        }
+      });
     }
   }
   // Gets

package/persist-plugins/async-storage.mjs

@@ -19,7 +19,10 @@ var ObservablePersistAsyncStorage = class {
         if (preload === true) {
           tables = await AsyncStorage.getAllKeys();
         } else if (isArray(preload)) {
-          tables = preload;
+          const metadataTables = preload.map(
+            (table) => table.endsWith(MetadataSuffix) ? void 0 : table + MetadataSuffix
+          );
+          tables = [...preload, ...metadataTables.filter(Boolean)];
         }
         if (tables) {
           const values = await AsyncStorage.multiGet(tables);
@@ -36,14 +39,19 @@ var ObservablePersistAsyncStorage = class {
   }
   loadTable(table) {
     if (this.data[table] === void 0) {
-      try {
-        return (async () => {
-          const value = await AsyncStorage.getItem(table);
-          this.data[table] = value ? safeParse(value) : void 0;
-        })();
-      } catch (e) {
-        console.error("[legend-state] ObservablePersistLocalAsyncStorage failed to parse", table);
-      }
+      return AsyncStorage.multiGet([table, table + MetadataSuffix]).then((values) => {
+        try {
+          values.forEach(([table2, value]) => {
+            this.data[table2] = value ? safeParse(value) : void 0;
+          });
+        } catch (err) {
+          console.error("[legend-state] ObservablePersistLocalAsyncStorage failed to parse", table, err);
+        }
+      }).catch((err) => {
+        if ((err == null ? void 0 : err.message) !== "window is not defined") {
+          console.error("[legend-state] AsyncStorage.multiGet failed", table, err);
+        }
+      });
     }
   }
   // Gets

package/persist-plugins/expo-sqlite.d.mts

@@ -0,0 +1,19 @@
+import { Change } from '@legendapp/state';
+import { ObservablePersistPlugin, PersistMetadata } from '@legendapp/state/sync';
+import { SQLiteStorage } from 'expo-sqlite/kv-store';
+
+declare class ObservablePersistSqlite implements ObservablePersistPlugin {
+    private data;
+    private storage;
+    constructor(storage: SQLiteStorage);
+    getTable(table: string, init: any): any;
+    getMetadata(table: string): PersistMetadata;
+    set(table: string, changes: Change[]): void;
+    setMetadata(table: string, metadata: PersistMetadata): void;
+    deleteTable(table: string): undefined;
+    deleteMetadata(table: string): void;
+    private save;
+}
+declare function observablePersistSqlite(storage: SQLiteStorage): ObservablePersistSqlite;
+
+export { ObservablePersistSqlite, observablePersistSqlite };

package/persist-plugins/expo-sqlite.d.ts

@@ -0,0 +1,19 @@
+import { Change } from '@legendapp/state';
+import { ObservablePersistPlugin, PersistMetadata } from '@legendapp/state/sync';
+import { SQLiteStorage } from 'expo-sqlite/kv-store';
+
+declare class ObservablePersistSqlite implements ObservablePersistPlugin {
+    private data;
+    private storage;
+    constructor(storage: SQLiteStorage);
+    getTable(table: string, init: any): any;
+    getMetadata(table: string): PersistMetadata;
+    set(table: string, changes: Change[]): void;
+    setMetadata(table: string, metadata: PersistMetadata): void;
+    deleteTable(table: string): undefined;
+    deleteMetadata(table: string): void;
+    private save;
+}
+declare function observablePersistSqlite(storage: SQLiteStorage): ObservablePersistSqlite;
+
+export { ObservablePersistSqlite, observablePersistSqlite };

package/persist-plugins/expo-sqlite.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var state = require('@legendapp/state');
+
+// src/persist-plugins/expo-sqlite.ts
+var { safeParse, safeStringify } = state.internal;
+var MetadataSuffix = "__m";
+var ObservablePersistSqlite = class {
+  constructor(storage) {
+    this.data = {};
+    if (!storage) {
+      console.error(
+        "[legend-state] ObservablePersistSqlite failed to initialize. You need to pass the SQLiteStorage instance."
+      );
+    }
+    this.storage = storage;
+  }
+  getTable(table, init) {
+    if (!this.storage)
+      return void 0;
+    if (this.data[table] === void 0) {
+      try {
+        const value = this.storage.getItemSync(table);
+        this.data[table] = value ? safeParse(value) : init;
+      } catch (e) {
+        console.error("[legend-state] ObservablePersistSqlite failed to parse", table);
+      }
+    }
+    return this.data[table];
+  }
+  getMetadata(table) {
+    return this.getTable(table + MetadataSuffix, {});
+  }
+  set(table, changes) {
+    if (!this.data[table]) {
+      this.data[table] = {};
+    }
+    this.data[table] = state.applyChanges(this.data[table], changes);
+    this.save(table);
+  }
+  setMetadata(table, metadata) {
+    table = table + MetadataSuffix;
+    this.data[table] = metadata;
+    this.save(table);
+  }
+  deleteTable(table) {
+    if (!this.storage)
+      return void 0;
+    delete this.data[table];
+    this.storage.removeItemSync(table);
+  }
+  deleteMetadata(table) {
+    this.deleteTable(table + MetadataSuffix);
+  }
+  // Private
+  save(table) {
+    if (!this.storage)
+      return void 0;
+    const v = this.data[table];
+    if (v !== void 0 && v !== null) {
+      this.storage.setItemSync(table, safeStringify(v));
+    } else {
+      this.storage.removeItemSync(table);
+    }
+  }
+};
+function observablePersistSqlite(storage) {
+  return new ObservablePersistSqlite(storage);
+}
+
+exports.ObservablePersistSqlite = ObservablePersistSqlite;
+exports.observablePersistSqlite = observablePersistSqlite;

package/persist-plugins/expo-sqlite.mjs

@@ -0,0 +1,69 @@
+import { applyChanges, internal } from '@legendapp/state';
+
+// src/persist-plugins/expo-sqlite.ts
+var { safeParse, safeStringify } = internal;
+var MetadataSuffix = "__m";
+var ObservablePersistSqlite = class {
+  constructor(storage) {
+    this.data = {};
+    if (!storage) {
+      console.error(
+        "[legend-state] ObservablePersistSqlite failed to initialize. You need to pass the SQLiteStorage instance."
+      );
+    }
+    this.storage = storage;
+  }
+  getTable(table, init) {
+    if (!this.storage)
+      return void 0;
+    if (this.data[table] === void 0) {
+      try {
+        const value = this.storage.getItemSync(table);
+        this.data[table] = value ? safeParse(value) : init;
+      } catch (e) {
+        console.error("[legend-state] ObservablePersistSqlite failed to parse", table);
+      }
+    }
+    return this.data[table];
+  }
+  getMetadata(table) {
+    return this.getTable(table + MetadataSuffix, {});
+  }
+  set(table, changes) {
+    if (!this.data[table]) {
+      this.data[table] = {};
+    }
+    this.data[table] = applyChanges(this.data[table], changes);
+    this.save(table);
+  }
+  setMetadata(table, metadata) {
+    table = table + MetadataSuffix;
+    this.data[table] = metadata;
+    this.save(table);
+  }
+  deleteTable(table) {
+    if (!this.storage)
+      return void 0;
+    delete this.data[table];
+    this.storage.removeItemSync(table);
+  }
+  deleteMetadata(table) {
+    this.deleteTable(table + MetadataSuffix);
+  }
+  // Private
+  save(table) {
+    if (!this.storage)
+      return void 0;
+    const v = this.data[table];
+    if (v !== void 0 && v !== null) {
+      this.storage.setItemSync(table, safeStringify(v));
+    } else {
+      this.storage.removeItemSync(table);
+    }
+  }
+};
+function observablePersistSqlite(storage) {
+  return new ObservablePersistSqlite(storage);
+}
+
+export { ObservablePersistSqlite, observablePersistSqlite };

package/persist-plugins/indexeddb.js

@@ -5,6 +5,12 @@ var state = require('@legendapp/state');
 // src/persist-plugins/indexeddb.ts
 var MetadataSuffix = "__legend_metadata";
 var PrimitiveName = "__legend_primitive";
+function getIndexedDB() {
+  if (typeof globalThis === "undefined") {
+    return void 0;
+  }
+  return globalThis.indexedDB;
+}
 function requestToPromise(request) {
   return new Promise((resolve) => request.onsuccess = () => resolve());
 }
@@ -21,8 +27,9 @@ var ObservablePersistIndexedDB = class {
   }
   async initialize(configOptions) {
     const config = this.configuration || configOptions.indexedDB;
-    if (typeof indexedDB === "undefined")
+    if (!getIndexedDB()) {
       return;
+    }
     if (process.env.NODE_ENV === "development" && !config) {
       console.error("[legend-state] Must configure ObservablePersistIndexedDB");
     }
@@ -69,6 +76,9 @@ var ObservablePersistIndexedDB = class {
   loadTable(table, config) {
     var _a;
     if (!this.db) {
+      if (!getIndexedDB()) {
+        return;
+      }
       throw new Error(
         "[legend-state] ObservablePersistIndexedDB loading without being initialized. This may happen when running outside of a browser."
       );
@@ -147,7 +157,7 @@ var ObservablePersistIndexedDB = class {
   }
   async set(table, changes, config) {
     var _a, _b;
-    if (typeof indexedDB === "undefined")
+    if (!getIndexedDB())
       return;
     if (!this.pendingSaves.has(config)) {
       this.pendingSaves.set(config, {});
@@ -238,7 +248,7 @@ var ObservablePersistIndexedDB = class {
       delete this.tableData[tableName];
       delete this.tableData[tableName + "_transformed"];
     }
-    if (typeof indexedDB === "undefined")
+    if (!getIndexedDB())
       return;
     this.deleteMetadata(table, config);
     if (data) {

package/persist-plugins/indexeddb.mjs

@@ -3,6 +3,12 @@ import { when, isPromise, observable, setAtPath, isPrimitive } from '@legendapp/
 // src/persist-plugins/indexeddb.ts
 var MetadataSuffix = "__legend_metadata";
 var PrimitiveName = "__legend_primitive";
+function getIndexedDB() {
+  if (typeof globalThis === "undefined") {
+    return void 0;
+  }
+  return globalThis.indexedDB;
+}
 function requestToPromise(request) {
   return new Promise((resolve) => request.onsuccess = () => resolve());
 }
@@ -19,8 +25,9 @@ var ObservablePersistIndexedDB = class {
   }
   async initialize(configOptions) {
     const config = this.configuration || configOptions.indexedDB;
-    if (typeof indexedDB === "undefined")
+    if (!getIndexedDB()) {
       return;
+    }
     if (process.env.NODE_ENV === "development" && !config) {
       console.error("[legend-state] Must configure ObservablePersistIndexedDB");
     }
@@ -67,6 +74,9 @@ var ObservablePersistIndexedDB = class {
   loadTable(table, config) {
     var _a;
     if (!this.db) {
+      if (!getIndexedDB()) {
+        return;
+      }
       throw new Error(
         "[legend-state] ObservablePersistIndexedDB loading without being initialized. This may happen when running outside of a browser."
       );
@@ -145,7 +155,7 @@ var ObservablePersistIndexedDB = class {
   }
   async set(table, changes, config) {
     var _a, _b;
-    if (typeof indexedDB === "undefined")
+    if (!getIndexedDB())
       return;
     if (!this.pendingSaves.has(config)) {
       this.pendingSaves.set(config, {});
@@ -236,7 +246,7 @@ var ObservablePersistIndexedDB = class {
       delete this.tableData[tableName];
       delete this.tableData[tableName + "_transformed"];
     }
-    if (typeof indexedDB === "undefined")
+    if (!getIndexedDB())
       return;
     this.deleteMetadata(table, config);
     if (data) {

package/react-native.d.mts

@@ -0,0 +1,4 @@
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View } from './react-reactive/Components.mjs';
+import 'react';
+import '@legendapp/state/react';
+import 'react-native';

package/react-native.d.ts

@@ -0,0 +1,4 @@
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View } from './react-reactive/Components.js';
+import 'react';
+import '@legendapp/state/react';
+import 'react-native';

package/react-native.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var react = require('@legendapp/state/react');
+var react$1 = require('react');
+var reactNative = require('react-native');
+
+// src/react-reactive/Components.ts
+var $ActivityIndicator = react.reactive(reactNative.ActivityIndicator);
+var $Button = react.reactive(reactNative.Button);
+var $FlatList = react.reactive(reactNative.FlatList, void 0, {
+  data: {
+    selector: (propsOut, p) => {
+      const state = react$1.useRef(0);
+      const [renderNum, value] = react.use$(() => [state.current++, p.get(true)]);
+      propsOut.extraData = renderNum;
+      return value;
+    }
+  }
+});
+var $Image = react.reactive(reactNative.Image);
+var $Pressable = react.reactive(reactNative.Pressable);
+var $ScrollView = react.reactive(reactNative.ScrollView);
+var $SectionList = react.reactive(reactNative.SectionList);
+var $Switch = react.reactive(reactNative.Switch, void 0, {
+  value: {
+    handler: "onValueChange",
+    getValue: (e) => e,
+    defaultValue: false
+  }
+});
+var $Text = react.reactive(reactNative.Text);
+var $TextInput = react.reactive(reactNative.TextInput, void 0, {
+  value: {
+    handler: "onChange",
+    getValue: (e) => e.nativeEvent.text,
+    defaultValue: ""
+  }
+});
+var $TouchableWithoutFeedback = react.reactive(reactNative.TouchableWithoutFeedback);
+var $View = react.reactive(reactNative.View);
+
+exports.$ActivityIndicator = $ActivityIndicator;
+exports.$Button = $Button;
+exports.$FlatList = $FlatList;
+exports.$Image = $Image;
+exports.$Pressable = $Pressable;
+exports.$ScrollView = $ScrollView;
+exports.$SectionList = $SectionList;
+exports.$Switch = $Switch;
+exports.$Text = $Text;
+exports.$TextInput = $TextInput;
+exports.$TouchableWithoutFeedback = $TouchableWithoutFeedback;
+exports.$View = $View;

package/react-native.mjs

@@ -0,0 +1,40 @@
+import { reactive, use$ } from '@legendapp/state/react';
+import { useRef } from 'react';
+import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
+
+// src/react-reactive/Components.ts
+var $ActivityIndicator = reactive(ActivityIndicator);
+var $Button = reactive(Button);
+var $FlatList = reactive(FlatList, void 0, {
+  data: {
+    selector: (propsOut, p) => {
+      const state = useRef(0);
+      const [renderNum, value] = use$(() => [state.current++, p.get(true)]);
+      propsOut.extraData = renderNum;
+      return value;
+    }
+  }
+});
+var $Image = reactive(Image);
+var $Pressable = reactive(Pressable);
+var $ScrollView = reactive(ScrollView);
+var $SectionList = reactive(SectionList);
+var $Switch = reactive(Switch, void 0, {
+  value: {
+    handler: "onValueChange",
+    getValue: (e) => e,
+    defaultValue: false
+  }
+});
+var $Text = reactive(Text);
+var $TextInput = reactive(TextInput, void 0, {
+  value: {
+    handler: "onChange",
+    getValue: (e) => e.nativeEvent.text,
+    defaultValue: ""
+  }
+});
+var $TouchableWithoutFeedback = reactive(TouchableWithoutFeedback);
+var $View = reactive(View);
+
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View };

package/react-reactive/Components.d.mts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as _legendapp_state_react from '@legendapp/state/react';
+import * as react_native from 'react-native';
+import { View } from 'react-native';
+
+declare const $ActivityIndicator: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ActivityIndicatorProps>, any>;
+declare const $Button: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ButtonProps>, any>;
+declare const $FlatList: React.FC<_legendapp_state_react.ShapeWith$<react_native.FlatListProps<unknown>>>;
+declare const $Image: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ImageProps>, any>;
+declare const $Pressable: React.ForwardRefExoticComponent<_legendapp_state_react.ShapeWith$<react_native.PressableProps & React.RefAttributes<View>>>;
+declare const $ScrollView: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ScrollViewProps>, any>;
+declare const $SectionList: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.SectionListProps<unknown, unknown>>, any>;
+declare const $Switch: React.FC<_legendapp_state_react.ShapeWith$<react_native.SwitchProps>>;
+declare const $Text: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.TextProps>, any>;
+declare const $TextInput: React.FC<_legendapp_state_react.ShapeWith$<react_native.TextInputProps>>;
+declare const $TouchableWithoutFeedback: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.TouchableWithoutFeedbackProps>, any>;
+declare const $View: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ViewProps>, any>;
+
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View };

package/react-reactive/Components.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as _legendapp_state_react from '@legendapp/state/react';
+import * as react_native from 'react-native';
+import { View } from 'react-native';
+
+declare const $ActivityIndicator: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ActivityIndicatorProps>, any>;
+declare const $Button: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ButtonProps>, any>;
+declare const $FlatList: React.FC<_legendapp_state_react.ShapeWith$<react_native.FlatListProps<unknown>>>;
+declare const $Image: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ImageProps>, any>;
+declare const $Pressable: React.ForwardRefExoticComponent<_legendapp_state_react.ShapeWith$<react_native.PressableProps & React.RefAttributes<View>>>;
+declare const $ScrollView: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ScrollViewProps>, any>;
+declare const $SectionList: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.SectionListProps<unknown, unknown>>, any>;
+declare const $Switch: React.FC<_legendapp_state_react.ShapeWith$<react_native.SwitchProps>>;
+declare const $Text: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.TextProps>, any>;
+declare const $TextInput: React.FC<_legendapp_state_react.ShapeWith$<react_native.TextInputProps>>;
+declare const $TouchableWithoutFeedback: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.TouchableWithoutFeedbackProps>, any>;
+declare const $View: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ViewProps>, any>;
+
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View };

package/react-reactive/Components.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var react = require('@legendapp/state/react');
+var react$1 = require('react');
+var reactNative = require('react-native');
+
+// src/react-reactive/Components.ts
+var $ActivityIndicator = react.reactive(reactNative.ActivityIndicator);
+var $Button = react.reactive(reactNative.Button);
+var $FlatList = react.reactive(reactNative.FlatList, void 0, {
+  data: {
+    selector: (propsOut, p) => {
+      const state = react$1.useRef(0);
+      const [renderNum, value] = react.use$(() => [state.current++, p.get(true)]);
+      propsOut.extraData = renderNum;
+      return value;
+    }
+  }
+});
+var $Image = react.reactive(reactNative.Image);
+var $Pressable = react.reactive(reactNative.Pressable);
+var $ScrollView = react.reactive(reactNative.ScrollView);
+var $SectionList = react.reactive(reactNative.SectionList);
+var $Switch = react.reactive(reactNative.Switch, void 0, {
+  value: {
+    handler: "onValueChange",
+    getValue: (e) => e,
+    defaultValue: false
+  }
+});
+var $Text = react.reactive(reactNative.Text);
+var $TextInput = react.reactive(reactNative.TextInput, void 0, {
+  value: {
+    handler: "onChange",
+    getValue: (e) => e.nativeEvent.text,
+    defaultValue: ""
+  }
+});
+var $TouchableWithoutFeedback = react.reactive(reactNative.TouchableWithoutFeedback);
+var $View = react.reactive(reactNative.View);
+
+exports.$ActivityIndicator = $ActivityIndicator;
+exports.$Button = $Button;
+exports.$FlatList = $FlatList;
+exports.$Image = $Image;
+exports.$Pressable = $Pressable;
+exports.$ScrollView = $ScrollView;
+exports.$SectionList = $SectionList;
+exports.$Switch = $Switch;
+exports.$Text = $Text;
+exports.$TextInput = $TextInput;
+exports.$TouchableWithoutFeedback = $TouchableWithoutFeedback;
+exports.$View = $View;

package/react-reactive/Components.mjs

@@ -0,0 +1,40 @@
+import { reactive, use$ } from '@legendapp/state/react';
+import { useRef } from 'react';
+import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
+
+// src/react-reactive/Components.ts
+var $ActivityIndicator = reactive(ActivityIndicator);
+var $Button = reactive(Button);
+var $FlatList = reactive(FlatList, void 0, {
+  data: {
+    selector: (propsOut, p) => {
+      const state = useRef(0);
+      const [renderNum, value] = use$(() => [state.current++, p.get(true)]);
+      propsOut.extraData = renderNum;
+      return value;
+    }
+  }
+});
+var $Image = reactive(Image);
+var $Pressable = reactive(Pressable);
+var $ScrollView = reactive(ScrollView);
+var $SectionList = reactive(SectionList);
+var $Switch = reactive(Switch, void 0, {
+  value: {
+    handler: "onValueChange",
+    getValue: (e) => e,
+    defaultValue: false
+  }
+});
+var $Text = reactive(Text);
+var $TextInput = reactive(TextInput, void 0, {
+  value: {
+    handler: "onChange",
+    getValue: (e) => e.nativeEvent.text,
+    defaultValue: ""
+  }
+});
+var $TouchableWithoutFeedback = reactive(TouchableWithoutFeedback);
+var $View = reactive(View);
+
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View };

package/react-reactive/enableReactComponents.d.mts

@@ -1,9 +1,10 @@
 import { FCReactiveObject, configureReactive } from '@legendapp/state/react';
 
-declare function enableReactComponents(config: typeof configureReactive): void;
+declare function enableReactComponents_(config: typeof configureReactive): void;
+
 declare module '@legendapp/state/react' {
     interface IReactive extends FCReactiveObject<JSX.IntrinsicElements> {
     }
 }
 
-export { enableReactComponents };
+export { enableReactComponents_ };

package/react-reactive/enableReactComponents.d.ts

@@ -1,9 +1,10 @@
 import { FCReactiveObject, configureReactive } from '@legendapp/state/react';
 
-declare function enableReactComponents(config: typeof configureReactive): void;
+declare function enableReactComponents_(config: typeof configureReactive): void;
+
 declare module '@legendapp/state/react' {
     interface IReactive extends FCReactiveObject<JSX.IntrinsicElements> {
     }
 }
 
-export { enableReactComponents };
+export { enableReactComponents_ };

package/react-reactive/enableReactComponents.js

@@ -1,8 +1,15 @@
 'use strict';
 
 // src/react-reactive/enableReactComponents.ts
-function enableReactComponents(config) {
-  const bindInfo = { value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" } };
+var isEnabled = false;
+function enableReactComponents_(config) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
+  const bindInfo = {
+    value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" }
+  };
   const bindInfoInput = Object.assign(
     { checked: { handler: "onChange", getValue: (e) => e.target.checked } },
     bindInfo
@@ -16,4 +23,4 @@ function enableReactComponents(config) {
   });
 }
 
-exports.enableReactComponents = enableReactComponents;
+exports.enableReactComponents_ = enableReactComponents_;