foxact 0.1.1 → 0.2.0

package/context-state/index.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");require("client-only");var t=require("react");const r=()=>{};exports.createContextState=function(n){let u=t.createContext(n),a=t.createContext(r);return[r=>{let{children:c}=r,[i,o]=t.useState(n);return e.jsx(u.Provider,{value:i,children:e.jsx(a.Provider,{value:o,children:c})})},()=>t.useContext(u),()=>t.useContext(a)]};

package/context-state/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");require("client-only");var t=require("react");const r=()=>{};exports.createContextState=function(n){let u=t.createContext(n),a=t.createContext(r);return[r=>{let{children:c}=r,[i,o]=t.useState(n);return e.jsx(u.Provider,{value:i,children:e.jsx(a.Provider,{value:o,children:c})})},()=>t.useContext(u),()=>t.useContext(a)]};

package/context-state/index.mjs

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"client-only";import{useContext as r,useState as t,createContext as o}from"react";let i=()=>{};function n(n){let l=o(n),c=o(i);return[r=>{let{children:o}=r,[i,a]=t(n);return e(l.Provider,{value:i,children:e(c.Provider,{value:a,children:o})})},()=>r(l),()=>r(c)]}export{n as createContextState};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foxact",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "React Hooks/Utils done right. For browser, SSR, and React Server Components.",
   "sideEffects": false,
   "files": [
@@ -47,22 +47,40 @@
   "exports": {
     "./package.json": "./package.json",
     "./context-state": {
-      "types": "./context-state.d.ts",
+      "types": "./context-state/index.d.ts",
       "import": {
-        "types": "./context-state.d.ts",
-        "default": "./context-state.mjs"
+        "types": "./context-state/index.d.ts",
+        "default": "./context-state/index.mjs"
       },
-      "require": "./context-state.cjs",
-      "default": "./context-state.js"
+      "require": "./context-state/index.cjs",
+      "default": "./context-state/index.js"
     },
     "./use-retimer": {
-      "types": "./use-retimer.d.ts",
+      "types": "./use-retimer/index.d.ts",
       "import": {
-        "types": "./use-retimer.d.ts",
-        "default": "./use-retimer.mjs"
+        "types": "./use-retimer/index.d.ts",
+        "default": "./use-retimer/index.mjs"
       },
-      "require": "./use-retimer.cjs",
-      "default": "./use-retimer.js"
+      "require": "./use-retimer/index.cjs",
+      "default": "./use-retimer/index.js"
+    },
+    "./use-isomorphic-layout-effect": {
+      "types": "./use-isomorphic-layout-effect/index.d.ts",
+      "import": {
+        "types": "./use-isomorphic-layout-effect/index.d.ts",
+        "default": "./use-isomorphic-layout-effect/index.mjs"
+      },
+      "require": "./use-isomorphic-layout-effect/index.cjs",
+      "default": "./use-isomorphic-layout-effect/index.js"
+    },
+    "./use-intersection": {
+      "types": "./use-intersection/index.d.ts",
+      "import": {
+        "types": "./use-intersection/index.d.ts",
+        "default": "./use-intersection/index.mjs"
+      },
+      "require": "./use-intersection/index.cjs",
+      "default": "./use-intersection/index.js"
     }
   }
 }

package/use-intersection/index.cjs

@@ -0,0 +1 @@
+"use strict";require("client-only");var e=require("react");const t="undefined"!=typeof self&&self.requestIdleCallback&&self.requestIdleCallback.bind(self)||function(e){let t=Date.now();return setTimeout(()=>{e({didTimeout:!1,timeRemaining:()=>Math.max(0,50-(Date.now()-t))})},1)},n="undefined"!=typeof self&&self.cancelIdleCallback&&self.cancelIdleCallback.bind(self)||function(e){return clearTimeout(e)},r="function"==typeof IntersectionObserver,l=new Map,i=[];exports.useIntersection=function(o){let{rootRef:u,rootMargin:s,disabled:a}=o,[c,f]=e.useState(!1),d=e.useRef(null);e.useEffect(()=>{if(r){if(a||c)return;let e=d.current;if(null==e?void 0:e.tagName)return function(e,t,n){let{id:r,observer:o,elements:u}=function(e){let t;let n={root:e.root||null,margin:e.rootMargin||""},r=i.find(e=>e.root===n.root&&e.margin===n.margin);if(r&&(t=l.get(r)))return t;let o=new Map,u=new IntersectionObserver(e=>{e.forEach(e=>{let t=o.get(e.target),n=e.isIntersecting||e.intersectionRatio>0;t&&n&&t(n)})},e);return t={id:n,observer:u,elements:o},i.push(n),l.set(n,t),t}(n);return u.set(e,t),o.observe(e),function(){if(u.delete(e),o.unobserve(e),0===u.size){o.disconnect(),l.delete(r);let e=i.findIndex(e=>e.root===r.root&&e.margin===r.margin);e>-1&&i.splice(e,1)}}}(e,e=>e&&f(!0),{root:null==u?void 0:u.current,rootMargin:s})}if(!c){let e=t(()=>f(!0));return()=>n(e)}},[a,s,u,c]);let b=e.useCallback(()=>{f(!1)},[]),g=e.useCallback(e=>{d.current=e},[]);return[g,c,b]};

package/use-intersection/index.d.ts

@@ -0,0 +1,9 @@
+type UseIntersectionObserverInit = Pick<IntersectionObserverInit, 'rootMargin' | 'root'>;
+type UseIntersectionArgs = {
+    disabled?: boolean;
+} & UseIntersectionObserverInit & {
+    rootRef?: React.RefObject<HTMLElement> | null;
+};
+declare function useIntersection<T extends Element>({ rootRef, rootMargin, disabled }: UseIntersectionArgs): [(element: T | null) => void, boolean, () => void];
+
+export { useIntersection };

package/use-intersection/index.js

@@ -0,0 +1 @@
+"use strict";require("client-only");var e=require("react");const t="undefined"!=typeof self&&self.requestIdleCallback&&self.requestIdleCallback.bind(self)||function(e){let t=Date.now();return setTimeout(()=>{e({didTimeout:!1,timeRemaining:()=>Math.max(0,50-(Date.now()-t))})},1)},n="undefined"!=typeof self&&self.cancelIdleCallback&&self.cancelIdleCallback.bind(self)||function(e){return clearTimeout(e)},r="function"==typeof IntersectionObserver,l=new Map,i=[];exports.useIntersection=function(o){let{rootRef:u,rootMargin:s,disabled:a}=o,[c,f]=e.useState(!1),d=e.useRef(null);e.useEffect(()=>{if(r){if(a||c)return;let e=d.current;if(null==e?void 0:e.tagName)return function(e,t,n){let{id:r,observer:o,elements:u}=function(e){let t;let n={root:e.root||null,margin:e.rootMargin||""},r=i.find(e=>e.root===n.root&&e.margin===n.margin);if(r&&(t=l.get(r)))return t;let o=new Map,u=new IntersectionObserver(e=>{e.forEach(e=>{let t=o.get(e.target),n=e.isIntersecting||e.intersectionRatio>0;t&&n&&t(n)})},e);return t={id:n,observer:u,elements:o},i.push(n),l.set(n,t),t}(n);return u.set(e,t),o.observe(e),function(){if(u.delete(e),o.unobserve(e),0===u.size){o.disconnect(),l.delete(r);let e=i.findIndex(e=>e.root===r.root&&e.margin===r.margin);e>-1&&i.splice(e,1)}}}(e,e=>e&&f(!0),{root:null==u?void 0:u.current,rootMargin:s})}if(!c){let e=t(()=>f(!0));return()=>n(e)}},[a,s,u,c]);let b=e.useCallback(()=>{f(!1)},[]),g=e.useCallback(e=>{d.current=e},[]);return[g,c,b]};

package/use-intersection/index.mjs

@@ -0,0 +1 @@
+import"client-only";import{useState as e,useRef as t,useEffect as n,useCallback as r}from"react";let l="undefined"!=typeof self&&self.requestIdleCallback&&self.requestIdleCallback.bind(self)||function(e){let t=Date.now();return setTimeout(()=>{e({didTimeout:!1,timeRemaining:()=>Math.max(0,50-(Date.now()-t))})},1)},i="undefined"!=typeof self&&self.cancelIdleCallback&&self.cancelIdleCallback.bind(self)||function(e){return clearTimeout(e)},o="function"==typeof IntersectionObserver;function u(u){let{rootRef:f,rootMargin:s,disabled:d}=u,[m,g]=e(!1),b=t(null);n(()=>{if(o){if(d||m)return;let e=b.current;if(null==e?void 0:e.tagName)return function(e,t,n){let{id:r,observer:l,elements:i}=function(e){let t;let n={root:e.root||null,margin:e.rootMargin||""},r=c.find(e=>e.root===n.root&&e.margin===n.margin);if(r&&(t=a.get(r)))return t;let l=new Map,i=new IntersectionObserver(e=>{e.forEach(e=>{let t=l.get(e.target),n=e.isIntersecting||e.intersectionRatio>0;t&&n&&t(n)})},e);return t={id:n,observer:i,elements:l},c.push(n),a.set(n,t),t}(n);return i.set(e,t),l.observe(e),function(){if(i.delete(e),l.unobserve(e),0===i.size){l.disconnect(),a.delete(r);let e=c.findIndex(e=>e.root===r.root&&e.margin===r.margin);e>-1&&c.splice(e,1)}}}(e,e=>e&&g(!0),{root:null==f?void 0:f.current,rootMargin:s})}if(!m){let e=l(()=>g(!0));return()=>i(e)}},[d,s,f,m]);let p=r(()=>{g(!1)},[]),I=r(e=>{b.current=e},[]);return[I,m,p]}let a=new Map,c=[];export{u as useIntersection};

package/use-isomorphic-layout-effect/index.cjs

@@ -0,0 +1 @@
+"use strict";require("client-only");var e=require("react");const t="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=t,exports.useLayoutEffect=t;

package/use-isomorphic-layout-effect/index.d.ts

@@ -0,0 +1,6 @@
+import { useLayoutEffect as useLayoutEffect$1 } from 'react';
+
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect$1;
+declare const useLayoutEffect: typeof useLayoutEffect$1;
+
+export { useIsomorphicLayoutEffect, useLayoutEffect };

package/use-isomorphic-layout-effect/index.js

@@ -0,0 +1 @@
+"use strict";require("client-only");var e=require("react");const t="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=t,exports.useLayoutEffect=t;

package/use-isomorphic-layout-effect/index.mjs

@@ -0,0 +1 @@
+import"client-only";import{useLayoutEffect as e,useEffect as t}from"react";let o="undefined"!=typeof window?e:t,f=o;export{o as useIsomorphicLayoutEffect,f as useLayoutEffect};

package/use-retimer/index.cjs

@@ -0,0 +1 @@
+"use strict";require("client-only");var e=require("react");exports.useRetimer=()=>{let r=e.useRef();return e.useCallback(e=>{"number"==typeof r.current&&clearTimeout(r.current),r.current=e},[])};

package/use-retimer/index.js

@@ -0,0 +1 @@
+"use strict";require("client-only");var e=require("react");exports.useRetimer=()=>{let r=e.useRef();return e.useCallback(e=>{"number"==typeof r.current&&clearTimeout(r.current),r.current=e},[])};

package/use-retimer/index.mjs

@@ -0,0 +1 @@
+import"client-only";import{useRef as e,useCallback as r}from"react";let t=()=>{let t=e();return r(e=>{"number"==typeof t.current&&clearTimeout(t.current),t.current=e},[])};export{t as useRetimer};

package/context-state.cjs

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('client-only');
-var react = require('react');
-
-const noop = ()=>{
-// noop;
-};
-
-function createContextState(initialState) {
-    const StateContext = /*#__PURE__*/ react.createContext(initialState);
-    const DispatchContext = /*#__PURE__*/ react.createContext(noop);
-    const useValue = ()=>react.useContext(StateContext);
-    const useSetValue = ()=>react.useContext(DispatchContext);
-    const Provider = (param)=>{
-        let { children  } = param;
-        const [value, setValue] = react.useState(initialState);
-        return /*#__PURE__*/ jsxRuntime.jsx(StateContext.Provider, {
-            value: value,
-            children: /*#__PURE__*/ jsxRuntime.jsx(DispatchContext.Provider, {
-                value: setValue,
-                children: children
-            })
-        });
-    };
-    return [
-        Provider,
-        useValue,
-        useSetValue
-    ];
-}
-
-exports.createContextState = createContextState;

package/context-state.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('client-only');
-var react = require('react');
-
-const noop = ()=>{
-// noop;
-};
-
-function createContextState(initialState) {
-    const StateContext = /*#__PURE__*/ react.createContext(initialState);
-    const DispatchContext = /*#__PURE__*/ react.createContext(noop);
-    const useValue = ()=>react.useContext(StateContext);
-    const useSetValue = ()=>react.useContext(DispatchContext);
-    const Provider = (param)=>{
-        let { children  } = param;
-        const [value, setValue] = react.useState(initialState);
-        return /*#__PURE__*/ jsxRuntime.jsx(StateContext.Provider, {
-            value: value,
-            children: /*#__PURE__*/ jsxRuntime.jsx(DispatchContext.Provider, {
-                value: setValue,
-                children: children
-            })
-        });
-    };
-    return [
-        Provider,
-        useValue,
-        useSetValue
-    ];
-}
-
-exports.createContextState = createContextState;

package/context-state.mjs

@@ -1,32 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import 'client-only';
-import { useContext, useState, createContext } from 'react';
-
-const noop = ()=>{
-// noop;
-};
-
-function createContextState(initialState) {
-    const StateContext = /*#__PURE__*/ createContext(initialState);
-    const DispatchContext = /*#__PURE__*/ createContext(noop);
-    const useValue = ()=>useContext(StateContext);
-    const useSetValue = ()=>useContext(DispatchContext);
-    const Provider = (param)=>{
-        let { children  } = param;
-        const [value, setValue] = useState(initialState);
-        return /*#__PURE__*/ jsx(StateContext.Provider, {
-            value: value,
-            children: /*#__PURE__*/ jsx(DispatchContext.Provider, {
-                value: setValue,
-                children: children
-            })
-        });
-    };
-    return [
-        Provider,
-        useValue,
-        useSetValue
-    ];
-}
-
-export { createContextState };

package/use-retimer.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-require('client-only');
-var react = require('react');
-
-const useRetimer = ()=>{
-    const timerIdRef = react.useRef();
-    return react.useCallback((timerId)=>{
-        if (typeof timerIdRef.current === 'number') {
-            clearTimeout(timerIdRef.current);
-        }
-        timerIdRef.current = timerId;
-    }, []);
-};
-
-exports.useRetimer = useRetimer;

package/use-retimer.js

@@ -1,16 +0,0 @@
-'use strict';
-
-require('client-only');
-var react = require('react');
-
-const useRetimer = ()=>{
-    const timerIdRef = react.useRef();
-    return react.useCallback((timerId)=>{
-        if (typeof timerIdRef.current === 'number') {
-            clearTimeout(timerIdRef.current);
-        }
-        timerIdRef.current = timerId;
-    }, []);
-};
-
-exports.useRetimer = useRetimer;

package/use-retimer.mjs

@@ -1,14 +0,0 @@
-import 'client-only';
-import { useRef, useCallback } from 'react';
-
-const useRetimer = ()=>{
-    const timerIdRef = useRef();
-    return useCallback((timerId)=>{
-        if (typeof timerIdRef.current === 'number') {
-            clearTimeout(timerIdRef.current);
-        }
-        timerIdRef.current = timerId;
-    }, []);
-};
-
-export { useRetimer };