react-simplikit 0.0.50 → 0.0.52

package/esm/hooks/useStorageState/index.js

@@ -1,170 +0,0 @@
-"use client";
-
-// src/hooks/useStorageState/useStorageState.ts
-import { useCallback, useRef, useSyncExternalStore } from "react";
-
-// src/hooks/useStorageState/storage.ts
-var MemoStorage = class {
-  storage = /* @__PURE__ */ new Map();
-  get(key) {
-    return this.storage.get(key) ?? null;
-  }
-  set(key, value) {
-    this.storage.set(key, value);
-  }
-  remove(key) {
-    this.storage.delete(key);
-  }
-  clear() {
-    this.storage.clear();
-  }
-};
-var LocalStorage = class {
-  static canUse() {
-    const TEST_KEY = generateTestKey();
-    try {
-      localStorage.setItem(TEST_KEY, "test");
-      localStorage.removeItem(TEST_KEY);
-      return true;
-    } catch {
-      return false;
-    }
-  }
-  get(key) {
-    return localStorage.getItem(key);
-  }
-  set(key, value) {
-    localStorage.setItem(key, value);
-  }
-  remove(key) {
-    localStorage.removeItem(key);
-  }
-  clear() {
-    localStorage.clear();
-  }
-};
-var SessionStorage = class {
-  static canUse() {
-    const TEST_KEY = generateTestKey();
-    try {
-      sessionStorage.setItem(TEST_KEY, "test");
-      sessionStorage.removeItem(TEST_KEY);
-      return true;
-    } catch {
-      return false;
-    }
-  }
-  get(key) {
-    return sessionStorage.getItem(key);
-  }
-  set(key, value) {
-    sessionStorage.setItem(key, value);
-  }
-  remove(key) {
-    sessionStorage.removeItem(key);
-  }
-  clear() {
-    sessionStorage.clear();
-  }
-};
-function generateTestKey() {
-  return new Array(4).fill(null).map(() => Math.random().toString(36).slice(2)).join("");
-}
-function generateStorage() {
-  if (LocalStorage.canUse()) {
-    return new LocalStorage();
-  }
-  return new MemoStorage();
-}
-function generateSessionStorage() {
-  if (SessionStorage.canUse()) {
-    return new SessionStorage();
-  }
-  return new MemoStorage();
-}
-var safeLocalStorage = generateStorage();
-var safeSessionStorage = generateSessionStorage();
-
-// src/hooks/useStorageState/useStorageState.ts
-var listeners = /* @__PURE__ */ new Set();
-var emitListeners = () => {
-  listeners.forEach((listener) => listener());
-};
-function isPlainObject(value) {
-  if (typeof value !== "object") {
-    return false;
-  }
-  const proto = Object.getPrototypeOf(value);
-  const hasObjectPrototype = proto === Object.prototype;
-  if (!hasObjectPrototype) {
-    return false;
-  }
-  return Object.prototype.toString.call(value) === "[object Object]";
-}
-var ensureSerializable = (value) => {
-  if (value[0] != null && !["string", "number", "boolean"].includes(typeof value[0]) && !(isPlainObject(value[0]) || Array.isArray(value[0]))) {
-    throw new Error("Received a non-serializable value");
-  }
-  return value;
-};
-function useStorageState(key, {
-  storage = safeLocalStorage,
-  defaultValue,
-  ...options
-} = {}) {
-  const serializedDefaultValue = defaultValue;
-  const cache = useRef({
-    data: null,
-    parsed: serializedDefaultValue
-  });
-  const getSnapshot = useCallback(() => {
-    const deserializer = "deserializer" in options ? options.deserializer : JSON.parse;
-    const data = storage.get(key);
-    if (data !== cache.current.data) {
-      try {
-        cache.current.parsed = data != null ? deserializer(data) : defaultValue;
-      } catch {
-        cache.current.parsed = serializedDefaultValue;
-      }
-      cache.current.data = data;
-    }
-    return cache.current.parsed;
-  }, [defaultValue, key, storage]);
-  const storageState = useSyncExternalStore(
-    (onStoreChange) => {
-      listeners.add(onStoreChange);
-      const handler = (event) => {
-        if (event.key === key) {
-          onStoreChange();
-        }
-      };
-      window.addEventListener("storage", handler);
-      return () => {
-        listeners.delete(onStoreChange);
-        window.removeEventListener("storage", handler);
-      };
-    },
-    () => getSnapshot(),
-    () => serializedDefaultValue
-  );
-  const setStorageState = useCallback(
-    (value) => {
-      const serializer = "serializer" in options ? options.serializer : JSON.stringify;
-      const nextValue = typeof value === "function" ? value(getSnapshot()) : value;
-      if (nextValue == null) {
-        storage.remove(key);
-      } else {
-        storage.set(key, serializer(nextValue));
-      }
-      emitListeners();
-    },
-    [getSnapshot, key, storage]
-  );
-  const refreshStorageState = useCallback(() => {
-    setStorageState(getSnapshot());
-  }, [storage, getSnapshot, setStorageState]);
-  return ensureSerializable([storageState, setStorageState, refreshStorageState]);
-}
-export {
-  useStorageState
-};

package/esm/hooks/useThrottle/index.js

@@ -1,125 +0,0 @@
-"use client";
-
-// src/hooks/useThrottle/useThrottle.ts
-import { useEffect as useEffect2, useMemo as useMemo2 } from "react";
-
-// src/hooks/usePreservedCallback/usePreservedCallback.ts
-import { useCallback, useEffect, useRef } from "react";
-function usePreservedCallback(callback) {
-  const callbackRef = useRef(callback);
-  useEffect(
-    function syncCallbackRef() {
-      callbackRef.current = callback;
-    },
-    [callback]
-  );
-  return useCallback((...args) => {
-    return callbackRef.current(...args);
-  }, []);
-}
-
-// src/hooks/usePreservedReference/usePreservedReference.ts
-import { useMemo, useRef as useRef2 } from "react";
-function usePreservedReference(value, areValuesEqual = areDeeplyEqual) {
-  const ref = useRef2(value);
-  return useMemo(() => {
-    if (!areValuesEqual(ref.current, value)) {
-      ref.current = value;
-    }
-    return ref.current;
-  }, [areValuesEqual, value]);
-}
-function areDeeplyEqual(x, y) {
-  return JSON.stringify(x) === JSON.stringify(y);
-}
-
-// src/hooks/useDebounce/debounce.ts
-function debounce(func, debounceMs, { edges = ["leading", "trailing"] } = {}) {
-  let pendingThis = void 0;
-  let pendingArgs = null;
-  const leading = edges != null && edges.includes("leading");
-  const trailing = edges == null || edges.includes("trailing");
-  const invoke = () => {
-    if (pendingArgs !== null) {
-      func.apply(pendingThis, pendingArgs);
-      pendingThis = void 0;
-      pendingArgs = null;
-    }
-  };
-  const onTimerEnd = () => {
-    if (trailing) {
-      invoke();
-    }
-    cancel();
-  };
-  let timeoutId = null;
-  const schedule = () => {
-    if (timeoutId != null) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      timeoutId = null;
-      onTimerEnd();
-    }, debounceMs);
-  };
-  const cancelTimer = () => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  const cancel = () => {
-    cancelTimer();
-    pendingThis = void 0;
-    pendingArgs = null;
-  };
-  const debounced = function(...args) {
-    pendingThis = this;
-    pendingArgs = args;
-    const isFirstCall = timeoutId == null;
-    schedule();
-    if (leading && isFirstCall) {
-      invoke();
-    }
-  };
-  debounced.cancel = cancel;
-  return debounced;
-}
-
-// src/hooks/useThrottle/throttle.ts
-function throttle(func, throttleMs, { edges = ["leading", "trailing"] } = {}) {
-  let pendingAt = null;
-  const debounced = debounce(func, throttleMs, { edges });
-  const throttled = function(...args) {
-    if (pendingAt == null) {
-      pendingAt = Date.now();
-    } else {
-      if (Date.now() - pendingAt >= throttleMs) {
-        pendingAt = Date.now();
-        debounced.cancel();
-      }
-    }
-    debounced(...args);
-  };
-  throttled.cancel = debounced.cancel;
-  return throttled;
-}
-
-// src/hooks/useThrottle/useThrottle.ts
-function useThrottle(callback, wait, options) {
-  const preservedCallback = usePreservedCallback(callback);
-  const preservedOptions = usePreservedReference(options ?? {});
-  const throttledCallback = useMemo2(
-    () => throttle(preservedCallback, wait, preservedOptions),
-    [preservedOptions, preservedCallback, wait]
-  );
-  useEffect2(() => {
-    return () => {
-      throttledCallback.cancel();
-    };
-  }, [throttledCallback]);
-  return throttledCallback;
-}
-export {
-  useThrottle
-};

package/esm/hooks/useThrottledCallback/index.js

@@ -1,146 +0,0 @@
-"use client";
-
-// src/hooks/useThrottledCallback/useThrottledCallback.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef3 } from "react";
-
-// src/hooks/usePreservedCallback/usePreservedCallback.ts
-import { useCallback, useEffect, useRef } from "react";
-function usePreservedCallback(callback) {
-  const callbackRef = useRef(callback);
-  useEffect(
-    function syncCallbackRef() {
-      callbackRef.current = callback;
-    },
-    [callback]
-  );
-  return useCallback((...args) => {
-    return callbackRef.current(...args);
-  }, []);
-}
-
-// src/hooks/usePreservedReference/usePreservedReference.ts
-import { useMemo, useRef as useRef2 } from "react";
-function usePreservedReference(value, areValuesEqual = areDeeplyEqual) {
-  const ref = useRef2(value);
-  return useMemo(() => {
-    if (!areValuesEqual(ref.current, value)) {
-      ref.current = value;
-    }
-    return ref.current;
-  }, [areValuesEqual, value]);
-}
-function areDeeplyEqual(x, y) {
-  return JSON.stringify(x) === JSON.stringify(y);
-}
-
-// src/hooks/useDebounce/debounce.ts
-function debounce(func, debounceMs, { edges = ["leading", "trailing"] } = {}) {
-  let pendingThis = void 0;
-  let pendingArgs = null;
-  const leading = edges != null && edges.includes("leading");
-  const trailing = edges == null || edges.includes("trailing");
-  const invoke = () => {
-    if (pendingArgs !== null) {
-      func.apply(pendingThis, pendingArgs);
-      pendingThis = void 0;
-      pendingArgs = null;
-    }
-  };
-  const onTimerEnd = () => {
-    if (trailing) {
-      invoke();
-    }
-    cancel();
-  };
-  let timeoutId = null;
-  const schedule = () => {
-    if (timeoutId != null) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      timeoutId = null;
-      onTimerEnd();
-    }, debounceMs);
-  };
-  const cancelTimer = () => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  const cancel = () => {
-    cancelTimer();
-    pendingThis = void 0;
-    pendingArgs = null;
-  };
-  const debounced = function(...args) {
-    pendingThis = this;
-    pendingArgs = args;
-    const isFirstCall = timeoutId == null;
-    schedule();
-    if (leading && isFirstCall) {
-      invoke();
-    }
-  };
-  debounced.cancel = cancel;
-  return debounced;
-}
-
-// src/hooks/useThrottle/throttle.ts
-function throttle(func, throttleMs, { edges = ["leading", "trailing"] } = {}) {
-  let pendingAt = null;
-  const debounced = debounce(func, throttleMs, { edges });
-  const throttled = function(...args) {
-    if (pendingAt == null) {
-      pendingAt = Date.now();
-    } else {
-      if (Date.now() - pendingAt >= throttleMs) {
-        pendingAt = Date.now();
-        debounced.cancel();
-      }
-    }
-    debounced(...args);
-  };
-  throttled.cancel = debounced.cancel;
-  return throttled;
-}
-
-// src/hooks/useThrottledCallback/useThrottledCallback.ts
-function useThrottledCallback({
-  onChange,
-  timeThreshold,
-  edges = ["leading", "trailing"]
-}) {
-  const handleChange = usePreservedCallback(onChange);
-  const ref = useRef3({ value: false, clearPreviousThrottle: () => {
-  } });
-  useEffect2(function cleanupThrottleOnUnmount() {
-    const current = ref.current;
-    return () => {
-      current.clearPreviousThrottle();
-    };
-  }, []);
-  const preservedEdges = usePreservedReference(edges);
-  return useCallback2(
-    (nextValue) => {
-      if (nextValue === ref.current.value) {
-        return;
-      }
-      const throttled = throttle(
-        () => {
-          handleChange(nextValue);
-          ref.current.value = nextValue;
-        },
-        timeThreshold,
-        { edges: preservedEdges }
-      );
-      ref.current.clearPreviousThrottle();
-      throttled();
-      ref.current.clearPreviousThrottle = throttled.cancel;
-    },
-    [handleChange, timeThreshold, preservedEdges]
-  );
-}
-export {
-  useThrottledCallback
-};

package/esm/hooks/useTimeout/index.js

@@ -1,31 +0,0 @@
-"use client";
-
-// src/hooks/useTimeout/useTimeout.ts
-import { useEffect as useEffect2 } from "react";
-
-// src/hooks/usePreservedCallback/usePreservedCallback.ts
-import { useCallback, useEffect, useRef } from "react";
-function usePreservedCallback(callback) {
-  const callbackRef = useRef(callback);
-  useEffect(
-    function syncCallbackRef() {
-      callbackRef.current = callback;
-    },
-    [callback]
-  );
-  return useCallback((...args) => {
-    return callbackRef.current(...args);
-  }, []);
-}
-
-// src/hooks/useTimeout/useTimeout.ts
-function useTimeout(callback, delay = 0) {
-  const preservedCallback = usePreservedCallback(callback);
-  useEffect2(() => {
-    const timeoutId = setTimeout(preservedCallback, delay);
-    return () => clearTimeout(timeoutId);
-  }, [delay, preservedCallback]);
-}
-export {
-  useTimeout
-};

package/esm/hooks/useToggle/index.js

@@ -1,11 +0,0 @@
-"use client";
-
-// src/hooks/useToggle/useToggle.ts
-import { useReducer } from "react";
-function useToggle(initialValue = false) {
-  return useReducer(toggle, initialValue);
-}
-var toggle = (state) => !state;
-export {
-  useToggle
-};

package/esm/hooks/useVisibilityEvent/index.js

@@ -1,21 +0,0 @@
-"use client";
-
-// src/hooks/useVisibilityEvent/useVisibilityEvent.ts
-import { useCallback, useEffect } from "react";
-function useVisibilityEvent(callback, options = {}) {
-  const handleVisibilityChange = useCallback(() => {
-    callback(document.visibilityState);
-  }, [callback]);
-  useEffect(() => {
-    if (options?.immediate ?? false) {
-      handleVisibilityChange();
-    }
-    document.addEventListener("visibilitychange", handleVisibilityChange);
-    return () => {
-      document.removeEventListener("visibilitychange", handleVisibilityChange);
-    };
-  }, [handleVisibilityChange, options?.immediate]);
-}
-export {
-  useVisibilityEvent
-};

package/esm/index.d.ts

@@ -1,40 +0,0 @@
-export { ImpressionArea } from './components/ImpressionArea/index.js';
-export { Separated } from './components/Separated/index.js';
-export { SwitchCase } from './components/SwitchCase/index.js';
-export { useAsyncEffect } from './hooks/useAsyncEffect/index.js';
-export { useBooleanState } from './hooks/useBooleanState/index.js';
-export { useCallbackOncePerRender } from './hooks/useCallbackOncePerRender/index.js';
-export { useConditionalEffect } from './hooks/useConditionalEffect/index.js';
-export { useControlledState } from './hooks/useControlledState/index.js';
-export { useCounter } from './hooks/useCounter/index.js';
-export { useDebounce } from './hooks/useDebounce/index.js';
-export { useDebouncedCallback } from './hooks/useDebouncedCallback/index.js';
-export { useDoubleClick } from './hooks/useDoubleClick/index.js';
-export { useGeolocation } from './hooks/useGeolocation/index.js';
-export { useImpressionRef } from './hooks/useImpressionRef/index.js';
-export { useInputState } from './hooks/useInputState/index.js';
-export { useIntersectionObserver } from './hooks/useIntersectionObserver/index.js';
-export { useInterval } from './hooks/useInterval/index.js';
-export { useIsClient } from './hooks/useIsClient/index.js';
-export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect/index.js';
-export { useList } from './hooks/useList/index.js';
-export { useLoading } from './hooks/useLoading/index.js';
-export { useLongPress } from './hooks/useLongPress/index.js';
-export { useMap } from './hooks/useMap/index.js';
-export { useOutsideClickEffect } from './hooks/useOutsideClickEffect/index.js';
-export { usePreservedCallback } from './hooks/usePreservedCallback/index.js';
-export { usePreservedReference } from './hooks/usePreservedReference/index.js';
-export { usePrevious } from './hooks/usePrevious/index.js';
-export { useRefEffect } from './hooks/useRefEffect/index.js';
-export { useSet } from './hooks/useSet/index.js';
-export { useStorageState } from './hooks/useStorageState/index.js';
-export { useThrottle } from './hooks/useThrottle/index.js';
-export { useThrottledCallback } from './hooks/useThrottledCallback/index.js';
-export { useTimeout } from './hooks/useTimeout/index.js';
-export { useToggle } from './hooks/useToggle/index.js';
-export { useVisibilityEvent } from './hooks/useVisibilityEvent/index.js';
-export { buildContext } from './utils/buildContext/index.js';
-export { mergeProps } from './utils/mergeProps/index.js';
-export { mergeRefs } from './utils/mergeRefs/index.js';
-import 'react';
-import 'react/jsx-runtime';