@legendapp/state 3.0.0-alpha.0 → 3.0.0-alpha.2

package/persist-plugins/mmkv.mjs

@@ -1,96 +1,92 @@
 import { setAtPath, internal } from '@legendapp/state';
 import { MMKV } from 'react-native-mmkv';
 
-const symbolDefault = Symbol();
-const MetadataSuffix = '__m';
-const { safeParse, safeStringify } = internal;
-class ObservablePersistMMKV {
-    constructor() {
-        this.data = {};
-        this.storages = new Map([
-            [
-                symbolDefault,
-                new MMKV({
-                    id: `obsPersist`,
-                }),
-            ],
-        ]);
+// src/persist-plugins/mmkv.ts
+var symbolDefault = Symbol();
+var MetadataSuffix = "__m";
+var { safeParse, safeStringify } = internal;
+var ObservablePersistMMKV = class {
+  constructor() {
+    this.data = {};
+    this.storages = /* @__PURE__ */ new Map([
+      [
+        symbolDefault,
+        new MMKV({
+          id: `obsPersist`
+        })
+      ]
+    ]);
+  }
+  // Gets
+  getTable(table, init, config) {
+    const storage = this.getStorage(config);
+    if (this.data[table] === void 0) {
+      try {
+        const value = storage.getString(table);
+        this.data[table] = value ? safeParse(value) : init;
+      } catch (e) {
+        console.error("[legend-state] MMKV failed to parse", table);
+      }
     }
-    // Gets
-    getTable(table, init, config) {
-        const storage = this.getStorage(config);
-        if (this.data[table] === undefined) {
-            try {
-                const value = storage.getString(table);
-                this.data[table] = value ? safeParse(value) : init;
-            }
-            catch (_a) {
-                console.error('[legend-state] MMKV failed to parse', table);
-            }
-        }
-        return this.data[table];
+    return this.data[table];
+  }
+  getMetadata(table, config) {
+    return this.getTable(table + MetadataSuffix, {}, config);
+  }
+  // Sets
+  set(table, changes, config) {
+    if (!this.data[table]) {
+      this.data[table] = {};
     }
-    getMetadata(table, config) {
-        return this.getTable(table + MetadataSuffix, {}, config);
+    for (let i = 0; i < changes.length; i++) {
+      const { path, valueAtPath, pathTypes } = changes[i];
+      this.data[table] = setAtPath(this.data[table], path, pathTypes, valueAtPath);
     }
-    // Sets
-    set(table, changes, config) {
-        if (!this.data[table]) {
-            this.data[table] = {};
-        }
-        for (let i = 0; i < changes.length; i++) {
-            const { path, valueAtPath, pathTypes } = changes[i];
-            this.data[table] = setAtPath(this.data[table], path, pathTypes, valueAtPath);
-        }
-        this.save(table, config);
+    this.save(table, config);
+  }
+  setMetadata(table, metadata, config) {
+    return this.setValue(table + MetadataSuffix, metadata, config);
+  }
+  deleteTable(table, config) {
+    const storage = this.getStorage(config);
+    delete this.data[table];
+    storage.delete(table);
+  }
+  deleteMetadata(table, config) {
+    this.deleteTable(table + MetadataSuffix, config);
+  }
+  // Private
+  getStorage(config) {
+    const { mmkv } = config;
+    if (mmkv) {
+      const key = JSON.stringify(mmkv);
+      let storage = this.storages.get(key);
+      if (!storage) {
+        storage = new MMKV(mmkv);
+        this.storages.set(key, storage);
+      }
+      return storage;
+    } else {
+      return this.storages.get(symbolDefault);
     }
-    setMetadata(table, metadata, config) {
-        return this.setValue(table + MetadataSuffix, metadata, config);
+  }
+  async setValue(table, value, config) {
+    this.data[table] = value;
+    this.save(table, config);
+  }
+  save(table, config) {
+    const storage = this.getStorage(config);
+    const v = this.data[table];
+    if (v !== void 0) {
+      try {
+        storage.set(table, safeStringify(v));
+      } catch (err) {
+        console.error(err);
+      }
+    } else {
+      storage.delete(table);
     }
-    deleteTable(table, config) {
-        const storage = this.getStorage(config);
-        delete this.data[table];
-        storage.delete(table);
-    }
-    deleteMetadata(table, config) {
-        this.deleteTable(table + MetadataSuffix, config);
-    }
-    // Private
-    getStorage(config) {
-        const { mmkv } = config;
-        if (mmkv) {
-            const key = JSON.stringify(mmkv);
-            let storage = this.storages.get(key);
-            if (!storage) {
-                storage = new MMKV(mmkv);
-                this.storages.set(key, storage);
-            }
-            return storage;
-        }
-        else {
-            return this.storages.get(symbolDefault);
-        }
-    }
-    async setValue(table, value, config) {
-        this.data[table] = value;
-        this.save(table, config);
-    }
-    save(table, config) {
-        const storage = this.getStorage(config);
-        const v = this.data[table];
-        if (v !== undefined) {
-            try {
-                storage.set(table, safeStringify(v));
-            }
-            catch (err) {
-                console.error(err);
-            }
-        }
-        else {
-            storage.delete(table);
-        }
-    }
-}
+  }
+};
 
 export { ObservablePersistMMKV };
-//# sourceMappingURL=mmkv.mjs.map

package/react-hooks/createObservableHook.d.mts

@@ -0,0 +1,5 @@
+import { Observable } from '@legendapp/state';
+
+declare function createObservableHook<TArgs extends any[], TRet>(fn: (...args: TArgs) => TRet): (...args: TArgs) => Observable<TRet>;
+
+export { createObservableHook };

package/react-hooks/createObservableHook.d.ts

@@ -1,2 +1,5 @@
 import { Observable } from '@legendapp/state';
-export declare function createObservableHook<TArgs extends any[], TRet>(fn: (...args: TArgs) => TRet): (...args: TArgs) => Observable<TRet>;
+
+declare function createObservableHook<TArgs extends any[], TRet>(fn: (...args: TArgs) => TRet): (...args: TArgs) => Observable<TRet>;
+
+export { createObservableHook };

package/react-hooks/createObservableHook.js

@@ -3,40 +3,39 @@
 var state = require('@legendapp/state');
 var React = require('react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/react-hooks/createObservableHook.ts
 function overrideHooks(refObs) {
-    // @ts-expect-error Types don't match React's expected types
-    React.useState = function useState(initialState) {
-        var _a;
-        const obs = (_a = refObs.current) !== null && _a !== void 0 ? _a : (refObs.current = state.observable((state.isFunction(initialState) ? initialState() : initialState)));
-        return [obs.get(), obs.set];
-    };
-    // @ts-expect-error Types don't match React's expected types
-    React.useReducer = function useReducer(reducer, initializerArg, initializer) {
-        var _a;
-        const obs = (_a = refObs.current) !== null && _a !== void 0 ? _a : (refObs.current = state.observable(initializerArg !== undefined && state.isFunction(initializerArg)
-            ? initializer(initializerArg)
-            : initializerArg));
-        const dispatch = (action) => {
-            obs.set(reducer(obs.get(), action));
-        };
-        return [obs, dispatch];
+  React__default.default.useState = function useState(initialState) {
+    var _a;
+    const obs = (_a = refObs.current) != null ? _a : refObs.current = state.observable(state.isFunction(initialState) ? initialState() : initialState);
+    return [obs.get(), obs.set];
+  };
+  React__default.default.useReducer = function useReducer(reducer, initializerArg, initializer) {
+    var _a;
+    const obs = (_a = refObs.current) != null ? _a : refObs.current = state.observable(
+      initializerArg !== void 0 && state.isFunction(initializerArg) ? initializer(initializerArg) : initializerArg
+    );
+    const dispatch = (action) => {
+      obs.set(reducer(obs.get(), action));
     };
+    return [obs, dispatch];
+  };
 }
 function createObservableHook(fn) {
-    const _useState = React.useState;
-    const _useReducer = React.useReducer;
-    return function (...args) {
-        const refObs = React.useRef();
-        // First override the built-in hooks to create/update observables
-        overrideHooks(refObs);
-        // Then call the original hook
-        fn(...args);
-        // And reset back to the built-in hooks
-        React.useState = _useState;
-        React.useReducer = _useReducer;
-        return refObs.current;
-    };
+  const _useState = React__default.default.useState;
+  const _useReducer = React__default.default.useReducer;
+  return function(...args) {
+    const refObs = React__default.default.useRef();
+    overrideHooks(refObs);
+    fn(...args);
+    React__default.default.useState = _useState;
+    React__default.default.useReducer = _useReducer;
+    return refObs.current;
+  };
 }
 
 exports.createObservableHook = createObservableHook;
-//# sourceMappingURL=createObservableHook.js.map

package/react-hooks/createObservableHook.mjs

@@ -1,40 +1,35 @@
 import { observable, isFunction } from '@legendapp/state';
 import React from 'react';
 
+// src/react-hooks/createObservableHook.ts
 function overrideHooks(refObs) {
-    // @ts-expect-error Types don't match React's expected types
-    React.useState = function useState(initialState) {
-        var _a;
-        const obs = (_a = refObs.current) !== null && _a !== void 0 ? _a : (refObs.current = observable((isFunction(initialState) ? initialState() : initialState)));
-        return [obs.get(), obs.set];
-    };
-    // @ts-expect-error Types don't match React's expected types
-    React.useReducer = function useReducer(reducer, initializerArg, initializer) {
-        var _a;
-        const obs = (_a = refObs.current) !== null && _a !== void 0 ? _a : (refObs.current = observable(initializerArg !== undefined && isFunction(initializerArg)
-            ? initializer(initializerArg)
-            : initializerArg));
-        const dispatch = (action) => {
-            obs.set(reducer(obs.get(), action));
-        };
-        return [obs, dispatch];
+  React.useState = function useState(initialState) {
+    var _a;
+    const obs = (_a = refObs.current) != null ? _a : refObs.current = observable(isFunction(initialState) ? initialState() : initialState);
+    return [obs.get(), obs.set];
+  };
+  React.useReducer = function useReducer(reducer, initializerArg, initializer) {
+    var _a;
+    const obs = (_a = refObs.current) != null ? _a : refObs.current = observable(
+      initializerArg !== void 0 && isFunction(initializerArg) ? initializer(initializerArg) : initializerArg
+    );
+    const dispatch = (action) => {
+      obs.set(reducer(obs.get(), action));
     };
+    return [obs, dispatch];
+  };
 }
 function createObservableHook(fn) {
-    const _useState = React.useState;
-    const _useReducer = React.useReducer;
-    return function (...args) {
-        const refObs = React.useRef();
-        // First override the built-in hooks to create/update observables
-        overrideHooks(refObs);
-        // Then call the original hook
-        fn(...args);
-        // And reset back to the built-in hooks
-        React.useState = _useState;
-        React.useReducer = _useReducer;
-        return refObs.current;
-    };
+  const _useState = React.useState;
+  const _useReducer = React.useReducer;
+  return function(...args) {
+    const refObs = React.useRef();
+    overrideHooks(refObs);
+    fn(...args);
+    React.useState = _useState;
+    React.useReducer = _useReducer;
+    return refObs.current;
+  };
 }
 
 export { createObservableHook };
-//# sourceMappingURL=createObservableHook.mjs.map

package/react-hooks/useHover.d.mts

@@ -0,0 +1,5 @@
+import { Observable } from '@legendapp/state';
+
+declare function useHover<T extends HTMLElement>(ref: React.MutableRefObject<T>): Observable<boolean>;
+
+export { useHover };

package/react-hooks/useHover.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
-import type { Observable } from '@legendapp/state';
-export declare function useHover<T extends HTMLElement>(ref: React.MutableRefObject<T>): Observable<boolean>;
+import { Observable } from '@legendapp/state';
+
+declare function useHover<T extends HTMLElement>(ref: React.MutableRefObject<T>): Observable<boolean>;
+
+export { useHover };

package/react-hooks/useHover.js

@@ -3,37 +3,37 @@
 var react = require('@legendapp/state/react');
 var react$1 = require('react');
 
+// src/react-hooks/useHover.ts
 function useHover(ref) {
-    const obs = react.useObservable(false);
-    react$1.useEffect(() => {
-        const handleMouseOver = () => obs.set(true);
-        const handleMouseOut = (e) => {
-            if (obs.peek() === true) {
-                let parent = e.toElement;
-                let foundRef = false;
-                while (parent && !foundRef) {
-                    if (parent === ref.current) {
-                        foundRef = true;
-                    }
-                    parent = parent.parentElement;
-                }
-                if (!foundRef) {
-                    obs.set(false);
-                }
-            }
-        };
-        const node = ref.current;
-        if (node) {
-            node.addEventListener('mouseover', handleMouseOver);
-            node.addEventListener('mouseout', handleMouseOut);
-            return () => {
-                node.removeEventListener('mouseover', handleMouseOver);
-                node.removeEventListener('mouseout', handleMouseOut);
-            };
+  const obs = react.useObservable(false);
+  react$1.useEffect(() => {
+    const handleMouseOver = () => obs.set(true);
+    const handleMouseOut = (e) => {
+      if (obs.peek() === true) {
+        let parent = e.toElement;
+        let foundRef = false;
+        while (parent && !foundRef) {
+          if (parent === ref.current) {
+            foundRef = true;
+          }
+          parent = parent.parentElement;
         }
-    }, [ref.current]);
-    return obs;
+        if (!foundRef) {
+          obs.set(false);
+        }
+      }
+    };
+    const node = ref.current;
+    if (node) {
+      node.addEventListener("mouseover", handleMouseOver);
+      node.addEventListener("mouseout", handleMouseOut);
+      return () => {
+        node.removeEventListener("mouseover", handleMouseOver);
+        node.removeEventListener("mouseout", handleMouseOut);
+      };
+    }
+  }, [ref.current]);
+  return obs;
 }
 
 exports.useHover = useHover;
-//# sourceMappingURL=useHover.js.map

package/react-hooks/useHover.mjs

@@ -1,37 +1,37 @@
 import { useObservable } from '@legendapp/state/react';
 import { useEffect } from 'react';
 
+// src/react-hooks/useHover.ts
 function useHover(ref) {
-    const obs = useObservable(false);
-    useEffect(() => {
-        const handleMouseOver = () => obs.set(true);
-        const handleMouseOut = (e) => {
-            if (obs.peek() === true) {
-                let parent = e.toElement;
-                let foundRef = false;
-                while (parent && !foundRef) {
-                    if (parent === ref.current) {
-                        foundRef = true;
-                    }
-                    parent = parent.parentElement;
-                }
-                if (!foundRef) {
-                    obs.set(false);
-                }
-            }
-        };
-        const node = ref.current;
-        if (node) {
-            node.addEventListener('mouseover', handleMouseOver);
-            node.addEventListener('mouseout', handleMouseOut);
-            return () => {
-                node.removeEventListener('mouseover', handleMouseOver);
-                node.removeEventListener('mouseout', handleMouseOut);
-            };
+  const obs = useObservable(false);
+  useEffect(() => {
+    const handleMouseOver = () => obs.set(true);
+    const handleMouseOut = (e) => {
+      if (obs.peek() === true) {
+        let parent = e.toElement;
+        let foundRef = false;
+        while (parent && !foundRef) {
+          if (parent === ref.current) {
+            foundRef = true;
+          }
+          parent = parent.parentElement;
         }
-    }, [ref.current]);
-    return obs;
+        if (!foundRef) {
+          obs.set(false);
+        }
+      }
+    };
+    const node = ref.current;
+    if (node) {
+      node.addEventListener("mouseover", handleMouseOver);
+      node.addEventListener("mouseout", handleMouseOut);
+      return () => {
+        node.removeEventListener("mouseover", handleMouseOver);
+        node.removeEventListener("mouseout", handleMouseOut);
+      };
+    }
+  }, [ref.current]);
+  return obs;
 }
 
 export { useHover };
-//# sourceMappingURL=useHover.mjs.map

package/react-hooks/useMeasure.d.mts

@@ -0,0 +1,9 @@
+import { ObservableObject } from '@legendapp/state';
+import { RefObject } from 'react';
+
+declare function useMeasure(ref: RefObject<HTMLElement>): ObservableObject<{
+    width: number | undefined;
+    height: number | undefined;
+}>;
+
+export { useMeasure };

package/react-hooks/useMeasure.d.ts

@@ -1,6 +1,9 @@
-import type { ObservableObject } from '@legendapp/state';
+import { ObservableObject } from '@legendapp/state';
 import { RefObject } from 'react';
-export declare function useMeasure(ref: RefObject<HTMLElement>): ObservableObject<{
+
+declare function useMeasure(ref: RefObject<HTMLElement>): ObservableObject<{
     width: number | undefined;
     height: number | undefined;
 }>;
+
+export { useMeasure };

package/react-hooks/useMeasure.js

@@ -3,42 +3,40 @@
 var react = require('@legendapp/state/react');
 var react$1 = require('react');
 
+// src/react-hooks/useMeasure.ts
 function getSize(el) {
-    return el
-        ? {
-            width: el.offsetWidth,
-            height: el.offsetHeight,
-        }
-        : undefined;
+  return el ? {
+    width: el.offsetWidth,
+    height: el.offsetHeight
+  } : void 0;
 }
 function useMeasure(ref) {
-    const obs = react.useObservable({
-        width: undefined,
-        height: undefined,
-    });
-    react$1.useLayoutEffect(() => {
-        const el = ref.current;
-        if (el) {
-            const handleResize = () => {
-                if (ref.current) {
-                    const oldSize = obs.peek();
-                    const newSize = getSize(ref.current);
-                    if (newSize && (newSize.width !== oldSize.width || newSize.height !== oldSize.height)) {
-                        obs.set(newSize);
-                    }
-                }
-            };
-            handleResize();
-            let resizeObserver = new ResizeObserver(handleResize);
-            resizeObserver.observe(el);
-            return () => {
-                resizeObserver.disconnect();
-                resizeObserver = undefined;
-            };
+  const obs = react.useObservable({
+    width: void 0,
+    height: void 0
+  });
+  react$1.useLayoutEffect(() => {
+    const el = ref.current;
+    if (el) {
+      const handleResize = () => {
+        if (ref.current) {
+          const oldSize = obs.peek();
+          const newSize = getSize(ref.current);
+          if (newSize && (newSize.width !== oldSize.width || newSize.height !== oldSize.height)) {
+            obs.set(newSize);
+          }
         }
-    }, [ref.current]);
-    return obs;
+      };
+      handleResize();
+      let resizeObserver = new ResizeObserver(handleResize);
+      resizeObserver.observe(el);
+      return () => {
+        resizeObserver.disconnect();
+        resizeObserver = void 0;
+      };
+    }
+  }, [ref.current]);
+  return obs;
 }
 
 exports.useMeasure = useMeasure;
-//# sourceMappingURL=useMeasure.js.map

package/react-hooks/useMeasure.mjs

@@ -1,42 +1,40 @@
 import { useObservable } from '@legendapp/state/react';
 import { useLayoutEffect } from 'react';
 
+// src/react-hooks/useMeasure.ts
 function getSize(el) {
-    return el
-        ? {
-            width: el.offsetWidth,
-            height: el.offsetHeight,
-        }
-        : undefined;
+  return el ? {
+    width: el.offsetWidth,
+    height: el.offsetHeight
+  } : void 0;
 }
 function useMeasure(ref) {
-    const obs = useObservable({
-        width: undefined,
-        height: undefined,
-    });
-    useLayoutEffect(() => {
-        const el = ref.current;
-        if (el) {
-            const handleResize = () => {
-                if (ref.current) {
-                    const oldSize = obs.peek();
-                    const newSize = getSize(ref.current);
-                    if (newSize && (newSize.width !== oldSize.width || newSize.height !== oldSize.height)) {
-                        obs.set(newSize);
-                    }
-                }
-            };
-            handleResize();
-            let resizeObserver = new ResizeObserver(handleResize);
-            resizeObserver.observe(el);
-            return () => {
-                resizeObserver.disconnect();
-                resizeObserver = undefined;
-            };
+  const obs = useObservable({
+    width: void 0,
+    height: void 0
+  });
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (el) {
+      const handleResize = () => {
+        if (ref.current) {
+          const oldSize = obs.peek();
+          const newSize = getSize(ref.current);
+          if (newSize && (newSize.width !== oldSize.width || newSize.height !== oldSize.height)) {
+            obs.set(newSize);
+          }
         }
-    }, [ref.current]);
-    return obs;
+      };
+      handleResize();
+      let resizeObserver = new ResizeObserver(handleResize);
+      resizeObserver.observe(el);
+      return () => {
+        resizeObserver.disconnect();
+        resizeObserver = void 0;
+      };
+    }
+  }, [ref.current]);
+  return obs;
 }
 
 export { useMeasure };
-//# sourceMappingURL=useMeasure.mjs.map