@tamagui/web 1.100.3 → 1.100.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/hooks/useDidHydrateOnce.js +1 -1
- package/dist/cjs/hooks/useDidHydrateOnce.js.map +1 -1
- package/dist/cjs/hooks/useDidHydrateOnce.native.js +1 -0
- package/dist/cjs/hooks/useDidHydrateOnce.native.js.map +1 -1
- package/dist/esm/hooks/useDidHydrateOnce.js +1 -1
- package/dist/esm/hooks/useDidHydrateOnce.js.map +1 -1
- package/dist/esm/hooks/useDidHydrateOnce.mjs +1 -1
- package/dist/esm/hooks/useDidHydrateOnce.native.js +1 -0
- package/dist/esm/hooks/useDidHydrateOnce.native.js.map +1 -1
- package/package.json +11 -11
- package/src/hooks/useDidHydrateOnce.tsx +2 -5
- package/types/hooks/useDidHydrateOnce.d.ts +1 -1
- package/types/hooks/useDidHydrateOnce.d.ts.map +1 -1
|
@@ -23,7 +23,7 @@ let didHydrateOnce = !1;
|
|
|
23
23
|
function useDidHydrateOnceRoot() {
|
|
24
24
|
(0, import_react.useEffect)(() => {
|
|
25
25
|
const tm = setInterval(() => {
|
|
26
|
-
Date.now() - last >
|
|
26
|
+
Date.now() - last > 500 && (didHydrateOnce = !0, clearInterval(tm));
|
|
27
27
|
}, 16);
|
|
28
28
|
return () => {
|
|
29
29
|
clearInterval(tm);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useDidHydrateOnce.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAE1B,IAAI,iBAAiB;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAE1B,IAAI,iBAAiB;AAEd,SAAS,wBAAwB;AAKtC,8BAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM;AAC3B,MAAI,KAAK,IAAI,IAAI,OAAO,QACtB,iBAAiB,IACjB,cAAc,EAAE;AAAA,IAEpB,GAAG,EAAE;AACL,WAAO,MAAM;AACX,oBAAc,EAAE;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AACP;AAEA,IAAI,OAAO,KAAK,IAAI;AAEb,SAAS,oBAAoB;AAIlC,SAAK,mBACH,OAAO,KAAK,IAAI,IAEX;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -21,6 +21,7 @@ __export(useDidHydrateOnce_exports, {
|
|
|
21
21
|
module.exports = __toCommonJS(useDidHydrateOnce_exports);
|
|
22
22
|
var import_react = require("react"), didHydrateOnce = !1;
|
|
23
23
|
function useDidHydrateOnceRoot() {
|
|
24
|
+
return !0;
|
|
24
25
|
}
|
|
25
26
|
var last = Date.now();
|
|
26
27
|
function useDidHydrateOnce() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/Users/n8/tamagui/packages/web/src/hooks/useDidHydrateOnce.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;mBAA0B,kBAEtBA,iBAAiB;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;mBAA0B,kBAEtBA,iBAAiB;AAEd,SAASC,wBAAAA;AAEZ,SAAO;AAcX;AAEA,IAAIC,OAAOC,KAAKC,IAAG;AAEZ,SAASC,oBAAAA;AAEZ,SAAO;AAMX;",
|
|
5
5
|
"names": ["didHydrateOnce", "useDidHydrateOnceRoot", "last", "Date", "now", "useDidHydrateOnce"]
|
|
6
6
|
}
|
|
@@ -3,7 +3,7 @@ let didHydrateOnce = !1;
|
|
|
3
3
|
function useDidHydrateOnceRoot() {
|
|
4
4
|
useEffect(() => {
|
|
5
5
|
const tm = setInterval(() => {
|
|
6
|
-
Date.now() - last >
|
|
6
|
+
Date.now() - last > 500 && (didHydrateOnce = !0, clearInterval(tm));
|
|
7
7
|
}, 16);
|
|
8
8
|
return () => {
|
|
9
9
|
clearInterval(tm);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useDidHydrateOnce.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAAiB;AAE1B,IAAI,iBAAiB;
|
|
4
|
+
"mappings": "AAAA,SAAS,iBAAiB;AAE1B,IAAI,iBAAiB;AAEd,SAAS,wBAAwB;AAKtC,YAAU,MAAM;AACd,UAAM,KAAK,YAAY,MAAM;AAC3B,MAAI,KAAK,IAAI,IAAI,OAAO,QACtB,iBAAiB,IACjB,cAAc,EAAE;AAAA,IAEpB,GAAG,EAAE;AACL,WAAO,MAAM;AACX,oBAAc,EAAE;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AACP;AAEA,IAAI,OAAO,KAAK,IAAI;AAEb,SAAS,oBAAoB;AAIlC,SAAK,mBACH,OAAO,KAAK,IAAI,IAEX;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -3,7 +3,7 @@ let didHydrateOnce = !1;
|
|
|
3
3
|
function useDidHydrateOnceRoot() {
|
|
4
4
|
useEffect(() => {
|
|
5
5
|
const tm = setInterval(() => {
|
|
6
|
-
Date.now() - last >
|
|
6
|
+
Date.now() - last > 500 && (didHydrateOnce = !0, clearInterval(tm));
|
|
7
7
|
}, 16);
|
|
8
8
|
return () => {
|
|
9
9
|
clearInterval(tm);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/Users/n8/tamagui/packages/web/src/hooks/useDidHydrateOnce.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,iBAAiB;AAE1B,IAAIC,iBAAiB;
|
|
4
|
+
"mappings": "AAAA,SAASA,iBAAiB;AAE1B,IAAIC,iBAAiB;AAEd,SAASC,wBAAAA;AAEZ,SAAO;AAcX;AAEA,IAAIC,OAAOC,KAAKC,IAAG;AAEZ,SAASC,oBAAAA;AAEZ,SAAO;AAMX;",
|
|
5
5
|
"names": ["useEffect", "didHydrateOnce", "useDidHydrateOnceRoot", "last", "Date", "now", "useDidHydrateOnce"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/web",
|
|
3
|
-
"version": "1.100.
|
|
3
|
+
"version": "1.100.4",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -27,18 +27,18 @@
|
|
|
27
27
|
"reset.css"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@tamagui/compose-refs": "1.100.
|
|
31
|
-
"@tamagui/constants": "1.100.
|
|
32
|
-
"@tamagui/helpers": "1.100.
|
|
33
|
-
"@tamagui/normalize-css-color": "1.100.
|
|
34
|
-
"@tamagui/timer": "1.100.
|
|
35
|
-
"@tamagui/types": "1.100.
|
|
36
|
-
"@tamagui/use-did-finish-ssr": "1.100.
|
|
37
|
-
"@tamagui/use-event": "1.100.
|
|
38
|
-
"@tamagui/use-force-update": "1.100.
|
|
30
|
+
"@tamagui/compose-refs": "1.100.4",
|
|
31
|
+
"@tamagui/constants": "1.100.4",
|
|
32
|
+
"@tamagui/helpers": "1.100.4",
|
|
33
|
+
"@tamagui/normalize-css-color": "1.100.4",
|
|
34
|
+
"@tamagui/timer": "1.100.4",
|
|
35
|
+
"@tamagui/types": "1.100.4",
|
|
36
|
+
"@tamagui/use-did-finish-ssr": "1.100.4",
|
|
37
|
+
"@tamagui/use-event": "1.100.4",
|
|
38
|
+
"@tamagui/use-force-update": "1.100.4"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@tamagui/build": "1.100.
|
|
41
|
+
"@tamagui/build": "1.100.4",
|
|
42
42
|
"@testing-library/react": "^14.0.0",
|
|
43
43
|
"csstype": "^3.0.10",
|
|
44
44
|
"react": "^18.2.0",
|
|
@@ -2,17 +2,14 @@ import { useEffect } from 'react'
|
|
|
2
2
|
|
|
3
3
|
let didHydrateOnce = false
|
|
4
4
|
|
|
5
|
-
// if set on the root tamagui provider, we now can know when things are fully hydrated
|
|
6
|
-
// we cheat a bit why just resetting as we render components below
|
|
7
|
-
|
|
8
5
|
export function useDidHydrateOnceRoot() {
|
|
9
6
|
if (process.env.TAMAGUI_TARGET !== 'web') {
|
|
10
|
-
return
|
|
7
|
+
return true
|
|
11
8
|
}
|
|
12
9
|
|
|
13
10
|
useEffect(() => {
|
|
14
11
|
const tm = setInterval(() => {
|
|
15
|
-
if (Date.now() - last >
|
|
12
|
+
if (Date.now() - last > 500) {
|
|
16
13
|
didHydrateOnce = true
|
|
17
14
|
clearInterval(tm)
|
|
18
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDidHydrateOnce.d.ts","sourceRoot":"","sources":["../../src/hooks/useDidHydrateOnce.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useDidHydrateOnce.d.ts","sourceRoot":"","sources":["../../src/hooks/useDidHydrateOnce.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,qBAgBpC;AAID,wBAAgB,iBAAiB,YAQhC"}
|