use-next-tick 1.0.3 → 1.1.1

package/README.md

@@ -75,6 +75,10 @@ useEffect(() => {
 
 With `useNextTick`, you get **imperative control**—callbacks only run when you explicitly schedule them.
 
+## Online Demo
+
+https://codesandbox.io/p/sandbox/react-dev-forked-jcljvj?file=%2Fsrc%2FApp.js%3A14%2C22
+
 ## Platform support
 
 Works on both **React DOM** (web) and **React Native**. Automatically uses the right scheduling mechanism for each platform.

package/dist/index.js

@@ -1,4 +1,4 @@
-import{useEffect as y,useRef as x,useCallback as z}from"react";function A(){let h=x([]),j=x(!1);return y(()=>{if(!j.current)return;j.current=!1;let q=h.current;h.current=[],(typeof setImmediate<"u"?setImmediate:(v)=>setTimeout(v,0))(()=>{for(let v of q)v()})}),z((q)=>{h.current.push(q),j.current=!0},[])}export{A as default};
+import{useEffect as i,useRef as r,useCallback as o}from"react";function u(){let e=r([]),c=r(!1);return i(()=>{if(!c.current)return;c.current=!1;let t=e.current;e.current=[];for(let n of t)n()}),o((t)=>{e.current.push(t),c.current=!0},[])}export{u as default};
 
-//# debugId=46E6D635D16F7E1A64756E2164756E21
+//# debugId=1994852A3252699764756E2164756E21
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/index.ts"],
   "sourcesContent": [
-    "import { useEffect, useRef, useCallback } from \"react\";\n\nexport type NextTickCallback = () => void | Promise<void>;\n\nexport default function useNextTick(): (cb: NextTickCallback) => void {\n  const callbacksRef = useRef<NextTickCallback[]>([]);\n  const pendingRef = useRef(false);\n\n  useEffect(() => {\n    if (!pendingRef.current) return;\n\n    pendingRef.current = false;\n    const pending = callbacksRef.current;\n    callbacksRef.current = [];\n    // Cross-platform: setImmediate for RN, setTimeout for web\n    const schedule =\n      typeof setImmediate !== \"undefined\"\n        ? setImmediate\n        : (cb: () => void) => setTimeout(cb, 0);\n    schedule(() => {\n      for (const cb of pending) {\n        cb();\n      }\n    });\n  });\n\n  const nextTick = useCallback((cb: NextTickCallback) => {\n    callbacksRef.current.push(cb);\n    pendingRef.current = true;\n  }, []);\n\n  return nextTick;\n}\n"
+    "import { useEffect, useRef, useCallback } from \"react\";\n\nexport type NextTickCallback = () => void | Promise<void>;\n\nexport default function useNextTick(): (cb: NextTickCallback) => void {\n  const callbacksRef = useRef<NextTickCallback[]>([]);\n  const pendingRef = useRef(false);\n\n  useEffect(() => {\n    if (!pendingRef.current) return;\n\n    pendingRef.current = false;\n    const pending = callbacksRef.current;\n    callbacksRef.current = [];\n    for (const cb of pending) {\n      cb();\n    }\n  });\n\n  const nextTick = useCallback((cb: NextTickCallback) => {\n    callbacksRef.current.push(cb);\n    pendingRef.current = true;\n  }, []);\n\n  return nextTick;\n}\n"
   ],
-  "mappings": "AAAA,oBAAS,YAAW,iBAAQ,cAI5B,SAAwB,CAAW,EAAmC,CACpE,IAAM,EAAe,EAA2B,CAAC,CAAC,EAC5C,EAAa,EAAO,EAAK,EAyB/B,OAvBA,EAAU,IAAM,CACd,GAAI,CAAC,EAAW,QAAS,OAEzB,EAAW,QAAU,GACrB,IAAM,EAAU,EAAa,QAC7B,EAAa,QAAU,CAAC,GAGtB,OAAO,aAAiB,IACpB,aACA,CAAC,IAAmB,WAAW,EAAI,CAAC,GACjC,IAAM,CACb,QAAW,KAAM,EACf,EAAG,EAEN,EACF,EAEgB,EAAY,CAAC,IAAyB,CACrD,EAAa,QAAQ,KAAK,CAAE,EAC5B,EAAW,QAAU,IACpB,CAAC,CAAC",
-  "debugId": "46E6D635D16F7E1A64756E2164756E21",
+  "mappings": "AAAA,oBAAS,YAAW,iBAAQ,cAI5B,SAAwB,CAAW,EAAmC,CACpE,IAAM,EAAe,EAA2B,CAAC,CAAC,EAC5C,EAAa,EAAO,EAAK,EAkB/B,OAhBA,EAAU,IAAM,CACd,GAAI,CAAC,EAAW,QAAS,OAEzB,EAAW,QAAU,GACrB,IAAM,EAAU,EAAa,QAC7B,EAAa,QAAU,CAAC,EACxB,QAAW,KAAM,EACf,EAAG,EAEN,EAEgB,EAAY,CAAC,IAAyB,CACrD,EAAa,QAAQ,KAAK,CAAE,EAC5B,EAAW,QAAU,IACpB,CAAC,CAAC",
+  "debugId": "1994852A3252699764756E2164756E21",
   "names": []
 }

package/dist/react-native.d.ts

@@ -0,0 +1,2 @@
+export type NextTickCallback = () => void | Promise<void>;
+export default function useNextTick(): (cb: NextTickCallback) => void;

package/dist/react-native.js

@@ -0,0 +1,4 @@
+import{useEffect as i,useRef as r,useCallback as o}from"react";function u(){let e=r([]),t=r(!1);return i(()=>{if(!t.current)return;t.current=!1;let c=e.current;e.current=[],setTimeout(()=>{for(let n of c)n()},0)}),o((c)=>{e.current.push(c),t.current=!0},[])}export{u as default};
+
+//# debugId=3B7FF0A1E8F2680564756E2164756E21
+//# sourceMappingURL=react-native.js.map

package/dist/react-native.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/react-native.ts"],
+  "sourcesContent": [
+    "import { useEffect, useRef, useCallback } from \"react\";\n\nexport type NextTickCallback = () => void | Promise<void>;\n\nexport default function useNextTick(): (cb: NextTickCallback) => void {\n  const callbacksRef = useRef<NextTickCallback[]>([]);\n  const pendingRef = useRef(false);\n\n  useEffect(() => {\n    if (!pendingRef.current) return;\n\n    pendingRef.current = false;\n    const pending = callbacksRef.current;\n    callbacksRef.current = [];\n    setTimeout(() => {\n      for (const cb of pending) {\n        cb();\n      }\n    }, 0);\n  });\n\n  const nextTick = useCallback((cb: NextTickCallback) => {\n    callbacksRef.current.push(cb);\n    pendingRef.current = true;\n  }, []);\n\n  return nextTick;\n}\n"
+  ],
+  "mappings": "AAAA,oBAAS,YAAW,iBAAQ,cAI5B,SAAwB,CAAW,EAAmC,CACpE,IAAM,EAAe,EAA2B,CAAC,CAAC,EAC5C,EAAa,EAAO,EAAK,EAoB/B,OAlBA,EAAU,IAAM,CACd,GAAI,CAAC,EAAW,QAAS,OAEzB,EAAW,QAAU,GACrB,IAAM,EAAU,EAAa,QAC7B,EAAa,QAAU,CAAC,EACxB,WAAW,IAAM,CACf,QAAW,KAAM,EACf,EAAG,GAEJ,CAAC,EACL,EAEgB,EAAY,CAAC,IAAyB,CACrD,EAAa,QAAQ,KAAK,CAAE,EAC5B,EAAW,QAAU,IACpB,CAAC,CAAC",
+  "debugId": "3B7FF0A1E8F2680564756E2164756E21",
+  "names": []
+}

package/package.json

@@ -1,16 +1,18 @@
 {
   "name": "use-next-tick",
-  "version": "1.0.3",
+  "version": "1.1.1",
   "description": "A React hook for running callbacks after the DOM or native views have updated.",
   "repository": "suhaotian/use-next-tick",
   "bugs": "https://github.com/suhaotian/use-next-tick/issues",
   "homepage": "https://suhaotian.github.io/use-next-tick",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
+  "react-native": "./dist/react-native.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
+      "react-native": "./dist/react-native.js",
       "types": "./dist/index.d.ts"
     }
   },