@tamagui/use-did-finish-ssr 1.132.13 → 1.132.15
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/ClientOnly.cjs +8 -5
- package/dist/cjs/ClientOnly.js +5 -2
- package/dist/cjs/ClientOnly.js.map +1 -1
- package/dist/cjs/ClientOnly.native.js +2 -2
- package/dist/cjs/ClientOnly.native.js.map +2 -2
- package/dist/cjs/index.cjs +2 -2
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +2 -2
- package/dist/cjs/index.native.js.map +2 -2
- package/dist/esm/ClientOnly.js +6 -3
- package/dist/esm/ClientOnly.js.map +1 -1
- package/dist/esm/ClientOnly.mjs +9 -6
- package/dist/esm/ClientOnly.mjs.map +1 -1
- package/dist/esm/ClientOnly.native.js +6 -5
- package/dist/esm/ClientOnly.native.js.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +2 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -2
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +2 -2
- package/src/ClientOnly.tsx +9 -4
- package/src/index.ts +4 -7
- package/types/ClientOnly.d.ts +2 -2
- package/types/ClientOnly.d.ts.map +2 -2
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +2 -3
package/dist/cjs/ClientOnly.cjs
CHANGED
|
@@ -29,8 +29,11 @@ var import_react = require("react"),
|
|
|
29
29
|
const ClientOnlyContext = (0, import_react.createContext)(!1),
|
|
30
30
|
ClientOnly = ({
|
|
31
31
|
children,
|
|
32
|
-
|
|
33
|
-
}) =>
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
enabled
|
|
33
|
+
}) => {
|
|
34
|
+
const existingValue = (0, import_react.useContext)(ClientOnlyContext);
|
|
35
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ClientOnlyContext.Provider, {
|
|
36
|
+
value: enabled ?? existingValue,
|
|
37
|
+
children
|
|
38
|
+
});
|
|
39
|
+
};
|
package/dist/cjs/ClientOnly.js
CHANGED
|
@@ -21,6 +21,9 @@ module.exports = __toCommonJS(ClientOnly_exports);
|
|
|
21
21
|
var import_react = require("react"), import_jsx_runtime = require("react/jsx-runtime");
|
|
22
22
|
const ClientOnlyContext = (0, import_react.createContext)(!1), ClientOnly = ({
|
|
23
23
|
children,
|
|
24
|
-
|
|
25
|
-
}) =>
|
|
24
|
+
enabled
|
|
25
|
+
}) => {
|
|
26
|
+
const existingValue = (0, import_react.useContext)(ClientOnlyContext);
|
|
27
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClientOnlyContext.Provider, { value: enabled ?? existingValue, children });
|
|
28
|
+
};
|
|
26
29
|
//# sourceMappingURL=ClientOnly.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ClientOnly.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C,kBAUtC;AARG,MAAM,wBAA4C,4BAAc,EAAK,GAE/D,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AACF,MAA6D;AAC3D,QAAM,oBAAgB,yBAAW,iBAAiB;AAClD,SACE,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,WAAW,eAC3C,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -20,9 +20,9 @@ __export(ClientOnly_exports, {
|
|
|
20
20
|
});
|
|
21
21
|
module.exports = __toCommonJS(ClientOnly_exports);
|
|
22
22
|
var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), ClientOnlyContext = /* @__PURE__ */ (0, import_react.createContext)(!1), ClientOnly = function(param) {
|
|
23
|
-
var { children,
|
|
23
|
+
var { children, enabled } = param, existingValue = (0, import_react.useContext)(ClientOnlyContext);
|
|
24
24
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClientOnlyContext.Provider, {
|
|
25
|
-
value,
|
|
25
|
+
value: enabled ?? existingValue,
|
|
26
26
|
children
|
|
27
27
|
});
|
|
28
28
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ClientOnly.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,
|
|
5
|
-
"names": ["ClientOnlyContext", "createContext", "ClientOnly", "children", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,eAA0C,kBAE7BA,oBAA4CC,gDAAc,EAAA,GAE1DC,aAAa,SAAA,OAAA;MAAC,EACzBC,UACAC,QAAO,IAC8B,OAC/BC,oBAAgBC,yBAAWN,iBAAAA;AACjC,SACE,uCAAAO,KAACP,kBAAkBQ,UAAQ;IAACC,OAAOL,WAAWC;;;AAIlD;",
|
|
5
|
+
"names": ["ClientOnlyContext", "createContext", "ClientOnly", "children", "enabled", "existingValue", "useContext", "_jsx", "Provider", "value"]
|
|
6
6
|
}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -42,8 +42,8 @@ var React = __toESM(require("react")),
|
|
|
42
42
|
import_ClientOnly = require("./ClientOnly.cjs"),
|
|
43
43
|
import_ClientOnly2 = require("./ClientOnly.cjs");
|
|
44
44
|
const useIsClientOnly = () => React.useContext(import_ClientOnly.ClientOnlyContext);
|
|
45
|
-
function useDidFinishSSR(
|
|
46
|
-
return React.useContext(import_ClientOnly.ClientOnlyContext) ?
|
|
45
|
+
function useDidFinishSSR() {
|
|
46
|
+
return React.useContext(import_ClientOnly.ClientOnlyContext) ? !0 : React.useSyncExternalStore(subscribe, () => !0, () => !1);
|
|
47
47
|
}
|
|
48
48
|
const subscribe = () => () => {};
|
|
49
49
|
function useClientValue(value) {
|
package/dist/cjs/index.js
CHANGED
|
@@ -31,10 +31,10 @@ __export(index_exports, {
|
|
|
31
31
|
module.exports = __toCommonJS(index_exports);
|
|
32
32
|
var React = __toESM(require("react")), import_ClientOnly = require("./ClientOnly"), import_ClientOnly2 = require("./ClientOnly");
|
|
33
33
|
const useIsClientOnly = () => React.useContext(import_ClientOnly.ClientOnlyContext);
|
|
34
|
-
function useDidFinishSSR(
|
|
35
|
-
return React.useContext(import_ClientOnly.ClientOnlyContext) ?
|
|
34
|
+
function useDidFinishSSR() {
|
|
35
|
+
return React.useContext(import_ClientOnly.ClientOnlyContext) ? !0 : React.useSyncExternalStore(
|
|
36
36
|
subscribe,
|
|
37
|
-
() =>
|
|
37
|
+
() => !0,
|
|
38
38
|
() => !1
|
|
39
39
|
);
|
|
40
40
|
}
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB,2BACvB,oBAAkC,yBAElCA,qBAA8C;AAEvC,MAAM,kBAAkB,MACtB,MAAM,WAAW,mCAAiB;AAGpC,SAAS,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB,2BACvB,oBAAkC,yBAElCA,qBAA8C;AAEvC,MAAM,kBAAkB,MACtB,MAAM,WAAW,mCAAiB;AAGpC,SAAS,kBAA2B;AAGzC,SAFmB,MAAM,WAAW,mCAAiB,IAG5C,KAGF,MAAM;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEA,MAAM,YAAY,MAAM,MAAM;AAAC;AAIxB,SAAS,eAAsB,OAAmD;AAGvF,SAFa,gBAAgB,IAEF,OAAO,SAAU,aAAa,MAAM,IAAI,QAApD;AACjB;",
|
|
5
5
|
"names": ["import_ClientOnly"]
|
|
6
6
|
}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -33,9 +33,9 @@ module.exports = __toCommonJS(index_exports);
|
|
|
33
33
|
var React = __toESM(require("react")), import_ClientOnly = require("./ClientOnly"), import_ClientOnly2 = require("./ClientOnly"), useIsClientOnly = function() {
|
|
34
34
|
return React.useContext(import_ClientOnly.ClientOnlyContext);
|
|
35
35
|
};
|
|
36
|
-
function useDidFinishSSR(
|
|
36
|
+
function useDidFinishSSR() {
|
|
37
37
|
var clientOnly = React.useContext(import_ClientOnly.ClientOnlyContext);
|
|
38
|
-
return
|
|
38
|
+
return !0;
|
|
39
39
|
}
|
|
40
40
|
var subscribe = function() {
|
|
41
41
|
return function() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;YAAuB,2BACvB,oBAAkC,yBAElCA,qBAA8C,yBAEjCC,kBAAkB,WAAA;AAC7B,SAAOC,MAAMC,WAAWC,mCAAAA;AAC1B;AAEO,SAASC,
|
|
5
|
-
"names": ["import_ClientOnly", "useIsClientOnly", "React", "useContext", "ClientOnlyContext", "useDidFinishSSR", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;YAAuB,2BACvB,oBAAkC,yBAElCA,qBAA8C,yBAEjCC,kBAAkB,WAAA;AAC7B,SAAOC,MAAMC,WAAWC,mCAAAA;AAC1B;AAEO,SAASC,kBAAAA;AACd,MAAMC,aAAaJ,MAAMC,WAAWC,mCAAAA;AAGlC,SAAO;AAQX;AAEA,IAAMG,YAAY,WAAA;SAAM,WAAA;EAAO;;AAIxB,SAASC,eAAsBC,OAAa;AACjD,MAAMC,OAAOL,gBAAAA;AAEb,SAAQK,OAAmB,OAAOD,SAAU,aAAaA,MAAAA,IAAUA,QAApDE;AACjB;",
|
|
5
|
+
"names": ["import_ClientOnly", "useIsClientOnly", "React", "useContext", "ClientOnlyContext", "useDidFinishSSR", "clientOnly", "subscribe", "useClientValue", "value", "done", "undefined"]
|
|
6
6
|
}
|
package/dist/esm/ClientOnly.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import { createContext } from "react";
|
|
1
|
+
import { createContext, useContext } from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
const ClientOnlyContext = createContext(!1), ClientOnly = ({
|
|
4
4
|
children,
|
|
5
|
-
|
|
6
|
-
}) =>
|
|
5
|
+
enabled
|
|
6
|
+
}) => {
|
|
7
|
+
const existingValue = useContext(ClientOnlyContext);
|
|
8
|
+
return /* @__PURE__ */ jsx(ClientOnlyContext.Provider, { value: enabled ?? existingValue, children });
|
|
9
|
+
};
|
|
7
10
|
export {
|
|
8
11
|
ClientOnly,
|
|
9
12
|
ClientOnlyContext
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ClientOnly.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,
|
|
4
|
+
"mappings": "AAAA,SAAS,eAAe,kBAAkB;AAUtC;AARG,MAAM,oBAA4C,cAAc,EAAK,GAE/D,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AACF,MAA6D;AAC3D,QAAM,gBAAgB,WAAW,iBAAiB;AAClD,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,WAAW,eAC3C,UACH;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/ClientOnly.mjs
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import { createContext } from "react";
|
|
1
|
+
import { createContext, useContext } from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
const ClientOnlyContext = createContext(!1),
|
|
4
4
|
ClientOnly = ({
|
|
5
5
|
children,
|
|
6
|
-
|
|
7
|
-
}) =>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
enabled
|
|
7
|
+
}) => {
|
|
8
|
+
const existingValue = useContext(ClientOnlyContext);
|
|
9
|
+
return /* @__PURE__ */jsx(ClientOnlyContext.Provider, {
|
|
10
|
+
value: enabled ?? existingValue,
|
|
11
|
+
children
|
|
12
|
+
});
|
|
13
|
+
};
|
|
11
14
|
export { ClientOnly, ClientOnlyContext };
|
|
12
15
|
//# sourceMappingURL=ClientOnly.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","jsx","ClientOnlyContext","ClientOnly","children","
|
|
1
|
+
{"version":3,"names":["createContext","useContext","jsx","ClientOnlyContext","ClientOnly","children","enabled","existingValue","Provider","value"],"sources":["../../src/ClientOnly.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,UAAA,QAAkB;AAUtC,SAAAC,GAAA;AARG,MAAMC,iBAAA,GAA4CH,aAAA,CAAc,EAAK;EAE/DI,UAAA,GAAaA,CAAC;IACzBC,QAAA;IACAC;EACF,MAA6D;IAC3D,MAAMC,aAAA,GAAgBN,UAAA,CAAWE,iBAAiB;IAClD,OACE,eAAAD,GAAA,CAACC,iBAAA,CAAkBK,QAAA,EAAlB;MAA2BC,KAAA,EAAOH,OAAA,IAAWC,aAAA;MAC3CF;IAAA,CACH;EAEJ","ignoreList":[]}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createContext } from "react";
|
|
2
|
+
import { createContext, useContext } from "react";
|
|
3
3
|
var ClientOnlyContext = /* @__PURE__ */createContext(!1),
|
|
4
4
|
ClientOnly = function (param) {
|
|
5
5
|
var {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
children,
|
|
7
|
+
enabled
|
|
8
|
+
} = param,
|
|
9
|
+
existingValue = useContext(ClientOnlyContext);
|
|
9
10
|
return /* @__PURE__ */_jsx(ClientOnlyContext.Provider, {
|
|
10
|
-
value,
|
|
11
|
+
value: enabled ?? existingValue,
|
|
11
12
|
children
|
|
12
13
|
});
|
|
13
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","createContext","ClientOnlyContext","ClientOnly","param","children","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","createContext","useContext","ClientOnlyContext","ClientOnly","param","children","enabled","existingValue","Provider","value"],"sources":["../../src/ClientOnly.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAe,mBAAkB;AAUtC,SAAAC,aAAA,EAAAC,UAAA;AARG,IAAAC,iBAAM,kBAA0DF,aAE1D;EAAcG,UAAA,YAAAA,CAAAC,KAAA;IACzB;QAAAC,QAAA;QAAAC;MAAA,IAAAF,KAAA;MAAAG,aAAA,GAAAN,UAAA,CAAAC,iBAAA;IACA,sBAAAH,IAAA,CAAAG,iBAAA,CAAAM,QAAA;MACFC,KAA6D,EAAAH,OAAA,IAAAC,aAAA;MAC3DF;IACA;EAKF","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -2,10 +2,10 @@ import * as React from "react";
|
|
|
2
2
|
import { ClientOnlyContext } from "./ClientOnly";
|
|
3
3
|
import { ClientOnly, ClientOnlyContext as ClientOnlyContext2 } from "./ClientOnly";
|
|
4
4
|
const useIsClientOnly = () => React.useContext(ClientOnlyContext);
|
|
5
|
-
function useDidFinishSSR(
|
|
6
|
-
return React.useContext(ClientOnlyContext) ?
|
|
5
|
+
function useDidFinishSSR() {
|
|
6
|
+
return React.useContext(ClientOnlyContext) ? !0 : React.useSyncExternalStore(
|
|
7
7
|
subscribe,
|
|
8
|
-
() =>
|
|
8
|
+
() => !0,
|
|
9
9
|
() => !1
|
|
10
10
|
);
|
|
11
11
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,yBAAyB;AAElC,SAAS,YAAY,qBAAAA,0BAAyB;AAEvC,MAAM,kBAAkB,MACtB,MAAM,WAAW,iBAAiB;AAGpC,SAAS,
|
|
4
|
+
"mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,yBAAyB;AAElC,SAAS,YAAY,qBAAAA,0BAAyB;AAEvC,MAAM,kBAAkB,MACtB,MAAM,WAAW,iBAAiB;AAGpC,SAAS,kBAA2B;AAGzC,SAFmB,MAAM,WAAW,iBAAiB,IAG5C,KAGF,MAAM;AAAA,IACX;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEA,MAAM,YAAY,MAAM,MAAM;AAAC;AAIxB,SAAS,eAAsB,OAAmD;AAGvF,SAFa,gBAAgB,IAEF,OAAO,SAAU,aAAa,MAAM,IAAI,QAApD;AACjB;",
|
|
5
5
|
"names": ["ClientOnlyContext"]
|
|
6
6
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -2,8 +2,8 @@ import * as React from "react";
|
|
|
2
2
|
import { ClientOnlyContext } from "./ClientOnly.mjs";
|
|
3
3
|
import { ClientOnly, ClientOnlyContext as ClientOnlyContext2 } from "./ClientOnly.mjs";
|
|
4
4
|
const useIsClientOnly = () => React.useContext(ClientOnlyContext);
|
|
5
|
-
function useDidFinishSSR(
|
|
6
|
-
return React.useContext(ClientOnlyContext) ?
|
|
5
|
+
function useDidFinishSSR() {
|
|
6
|
+
return React.useContext(ClientOnlyContext) ? !0 : React.useSyncExternalStore(subscribe, () => !0, () => !1);
|
|
7
7
|
}
|
|
8
8
|
const subscribe = () => () => {};
|
|
9
9
|
function useClientValue(value) {
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","ClientOnlyContext","ClientOnly","ClientOnlyContext2","useIsClientOnly","useContext","useDidFinishSSR","
|
|
1
|
+
{"version":3,"names":["React","ClientOnlyContext","ClientOnly","ClientOnlyContext2","useIsClientOnly","useContext","useDidFinishSSR","useSyncExternalStore","subscribe","useClientValue","value"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,iBAAA,QAAyB;AAElC,SAASC,UAAA,EAAYD,iBAAA,IAAAE,kBAAA,QAAyB;AAEvC,MAAMC,eAAA,GAAkBA,CAAA,KACtBJ,KAAA,CAAMK,UAAA,CAAWJ,iBAAiB;AAGpC,SAASK,gBAAA,EAA2B;EAGzC,OAFmBN,KAAA,CAAMK,UAAA,CAAWJ,iBAAiB,IAG5C,KAGFD,KAAA,CAAMO,oBAAA,CACXC,SAAA,EACA,MAAM,IACN,MAAM,EACR;AACF;AAEA,MAAMA,SAAA,GAAYA,CAAA,KAAM,MAAM,CAAC;AAIxB,SAASC,eAAsBC,KAAA,EAAmD;EAGvF,OAFaJ,eAAA,CAAgB,IAEF,OAAOI,KAAA,IAAU,aAAaA,KAAA,CAAM,IAAIA,KAAA,GAApD;AACjB","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -4,9 +4,9 @@ import { ClientOnly, ClientOnlyContext as ClientOnlyContext2 } from "./ClientOnl
|
|
|
4
4
|
var useIsClientOnly = function () {
|
|
5
5
|
return React.useContext(ClientOnlyContext);
|
|
6
6
|
};
|
|
7
|
-
function useDidFinishSSR(
|
|
7
|
+
function useDidFinishSSR() {
|
|
8
8
|
var clientOnly = React.useContext(ClientOnlyContext);
|
|
9
|
-
return
|
|
9
|
+
return !0;
|
|
10
10
|
}
|
|
11
11
|
var subscribe = function () {
|
|
12
12
|
return function () {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","ClientOnlyContext","ClientOnly","ClientOnlyContext2","useIsClientOnly","useContext","useDidFinishSSR","
|
|
1
|
+
{"version":3,"names":["React","ClientOnlyContext","ClientOnly","ClientOnlyContext2","useIsClientOnly","useContext","useDidFinishSSR","clientOnly","subscribe","useClientValue","value","done"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,iBAAA,QAAyB;AAElC,SAASC,UAAA,EAAYD,iBAAA,IAAAE,kBAAA,QAAyB;AAEvC,IAAAC,eAAM,YAAAA,CAAA,EACJ;EAGF,OAASJ,KAAA,CAAAK,UAAA,CAAAJ,iBAA2B;AAGzC;AAIa,SACXK,gBAAA;EAAA,IACAC,UAAM,GAAAP,KAAA,CAAAK,UAAA,CAAAJ,iBAAA;EAAA,OACN,CAAM;AAAA;AAEV,IAAAO,SAAA,YAAAA,CAAA;EAEA,OAAM,YAAY,CAAa;AAIxB;AAGL,SAFaC,eAAAC,KAEc;EAC7B,IAAAC,IAAA,GAAAL,eAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/use-did-finish-ssr",
|
|
3
|
-
"version": "1.132.
|
|
3
|
+
"version": "1.132.15",
|
|
4
4
|
"types": "./types/index.d.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@tamagui/build": "1.132.
|
|
34
|
+
"@tamagui/build": "1.132.15",
|
|
35
35
|
"react": "*"
|
|
36
36
|
},
|
|
37
37
|
"publishConfig": {
|
package/src/ClientOnly.tsx
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import { createContext } from 'react'
|
|
1
|
+
import { createContext, useContext } from 'react'
|
|
2
2
|
|
|
3
3
|
export const ClientOnlyContext: React.Context<boolean> = createContext(false)
|
|
4
4
|
|
|
5
5
|
export const ClientOnly = ({
|
|
6
6
|
children,
|
|
7
|
-
|
|
8
|
-
}: { children: any;
|
|
9
|
-
|
|
7
|
+
enabled,
|
|
8
|
+
}: { children: any; enabled?: boolean }): React.ReactNode => {
|
|
9
|
+
const existingValue = useContext(ClientOnlyContext)
|
|
10
|
+
return (
|
|
11
|
+
<ClientOnlyContext.Provider value={enabled ?? existingValue}>
|
|
12
|
+
{children}
|
|
13
|
+
</ClientOnlyContext.Provider>
|
|
14
|
+
)
|
|
10
15
|
}
|
package/src/index.ts
CHANGED
|
@@ -7,20 +7,17 @@ export const useIsClientOnly = (): boolean => {
|
|
|
7
7
|
return React.useContext(ClientOnlyContext)
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
export function useDidFinishSSR
|
|
10
|
+
export function useDidFinishSSR(): boolean {
|
|
11
11
|
const clientOnly = React.useContext(ClientOnlyContext)
|
|
12
12
|
|
|
13
13
|
if (clientOnly || process.env.TAMAGUI_TARGET === 'native') {
|
|
14
|
-
|
|
15
|
-
return value ?? true
|
|
14
|
+
return true
|
|
16
15
|
}
|
|
17
16
|
|
|
18
17
|
return React.useSyncExternalStore(
|
|
19
18
|
subscribe,
|
|
20
|
-
() =>
|
|
21
|
-
() =>
|
|
22
|
-
return false as any
|
|
23
|
-
}
|
|
19
|
+
() => true,
|
|
20
|
+
() => false
|
|
24
21
|
)
|
|
25
22
|
}
|
|
26
23
|
|
package/types/ClientOnly.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const ClientOnlyContext: React.Context<boolean>;
|
|
2
|
-
export declare const ClientOnly: ({ children,
|
|
2
|
+
export declare const ClientOnly: ({ children, enabled }: {
|
|
3
3
|
children: any;
|
|
4
|
-
|
|
4
|
+
enabled?: boolean;
|
|
5
5
|
}) => React.ReactNode;
|
|
6
6
|
|
|
7
7
|
//# sourceMappingURL=ClientOnly.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AAEA,OAAO,cAAMA,mBAAmB,MAAM;AAEtC,OAAO,cAAM,aAAc,EACzB,UACA,
|
|
2
|
+
"mappings": "AAEA,OAAO,cAAMA,mBAAmB,MAAM;AAEtC,OAAO,cAAM,aAAc,EACzB,UACA,SACqC,EAApC;CAAE;CAAe;AAAmB,MAAG,MAAM",
|
|
3
3
|
"names": [
|
|
4
4
|
"ClientOnlyContext: React.Context<boolean>"
|
|
5
5
|
],
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"src/ClientOnly.tsx"
|
|
8
8
|
],
|
|
9
9
|
"sourcesContent": [
|
|
10
|
-
"import { createContext } from 'react'\n\nexport const ClientOnlyContext: React.Context<boolean> = createContext(false)\n\nexport const ClientOnly = ({\n children,\n
|
|
10
|
+
"import { createContext, useContext } from 'react'\n\nexport const ClientOnlyContext: React.Context<boolean> = createContext(false)\n\nexport const ClientOnly = ({\n children,\n enabled,\n}: { children: any; enabled?: boolean }): React.ReactNode => {\n const existingValue = useContext(ClientOnlyContext)\n return (\n <ClientOnlyContext.Provider value={enabled ?? existingValue}>\n {children}\n </ClientOnlyContext.Provider>\n )\n}\n"
|
|
11
11
|
],
|
|
12
12
|
"version": 3
|
|
13
13
|
}
|
package/types/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { ClientOnly, ClientOnlyContext } from "./ClientOnly";
|
|
2
2
|
export declare const useIsClientOnly: () => boolean;
|
|
3
|
-
export declare function useDidFinishSSR
|
|
3
|
+
export declare function useDidFinishSSR(): boolean;
|
|
4
4
|
type FunctionOrValue<Value> = Value extends () => infer X ? X : Value;
|
|
5
5
|
export declare function useClientValue<Value>(value?: Value): FunctionOrValue<Value> | undefined;
|
|
6
6
|
|
package/types/index.d.ts.map
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AAGA,SAAS,YAAY,yBAAyB;AAE9C,OAAO,cAAM;AAIb,OAAO,iBAAS
|
|
2
|
+
"mappings": "AAGA,SAAS,YAAY,yBAAyB;AAE9C,OAAO,cAAM;AAIb,OAAO,iBAAS;KAgBX,gBAAgB,SAAS,0BAA0B,IAAI,IAAI;AAEhE,OAAO,iBAAS,eAAe,OAAOA,QAAQ,QAAQ,gBAAgB",
|
|
3
3
|
"names": [
|
|
4
|
-
"value?: A",
|
|
5
4
|
"value?: Value"
|
|
6
5
|
],
|
|
7
6
|
"sources": [
|
|
8
7
|
"src/index.ts"
|
|
9
8
|
],
|
|
10
9
|
"sourcesContent": [
|
|
11
|
-
"import * as React from 'react'\nimport { ClientOnlyContext } from './ClientOnly'\n\nexport { ClientOnly, ClientOnlyContext } from './ClientOnly'\n\nexport const useIsClientOnly = (): boolean => {\n return React.useContext(ClientOnlyContext)\n}\n\nexport function useDidFinishSSR
|
|
10
|
+
"import * as React from 'react'\nimport { ClientOnlyContext } from './ClientOnly'\n\nexport { ClientOnly, ClientOnlyContext } from './ClientOnly'\n\nexport const useIsClientOnly = (): boolean => {\n return React.useContext(ClientOnlyContext)\n}\n\nexport function useDidFinishSSR(): boolean {\n const clientOnly = React.useContext(ClientOnlyContext)\n\n if (clientOnly || process.env.TAMAGUI_TARGET === 'native') {\n return true\n }\n\n return React.useSyncExternalStore(\n subscribe,\n () => true,\n () => false\n )\n}\n\nconst subscribe = () => () => {}\n\ntype FunctionOrValue<Value> = Value extends () => infer X ? X : Value\n\nexport function useClientValue<Value>(value?: Value): FunctionOrValue<Value> | undefined {\n const done = useDidFinishSSR()\n // @ts-expect-error this is fine but started to error in ts latest\n return !done ? undefined : typeof value === 'function' ? value() : value\n}\n"
|
|
12
11
|
],
|
|
13
12
|
"version": 3
|
|
14
13
|
}
|