pb-sxp-ui 1.19.16 → 1.19.17
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/index.cjs +17 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +17 -4
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +5 -5
- package/dist/index.min.cjs.map +1 -1
- package/dist/index.min.js +5 -5
- package/dist/index.min.js.map +1 -1
- package/dist/pb-ui.js +17 -4
- package/dist/pb-ui.js.map +1 -1
- package/dist/pb-ui.min.js +5 -5
- package/dist/pb-ui.min.js.map +1 -1
- package/es/core/hooks/useVisibleHeight.js +15 -4
- package/lib/core/hooks/useVisibleHeight.js +15 -4
- package/package.json +1 -1
|
@@ -50,6 +50,9 @@ export const useVisibleHeight = () => {
|
|
|
50
50
|
const dvhToPx = (dvh) => {
|
|
51
51
|
return Math.round((dvh / 100) * document.documentElement.clientHeight);
|
|
52
52
|
};
|
|
53
|
+
const fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
|
|
54
|
+
const isScaled = fontSize !== 52;
|
|
55
|
+
const isZoomed = screen.width <= 375 && screen.height <= 667 && window.devicePixelRatio < 3;
|
|
53
56
|
const systemInfo = {
|
|
54
57
|
visualViewport: (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height,
|
|
55
58
|
innerHeight: window.innerHeight,
|
|
@@ -57,12 +60,15 @@ export const useVisibleHeight = () => {
|
|
|
57
60
|
screenHeight: window.screen.height,
|
|
58
61
|
bodyHeight: (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.clientHeight,
|
|
59
62
|
agent: navigator.userAgent,
|
|
60
|
-
version: '1.19.
|
|
63
|
+
version: '1.19.17',
|
|
61
64
|
safeArea: getHeightWithSafeArea(),
|
|
62
65
|
dvh: dvhToPx(100),
|
|
63
66
|
dvhInPx: getDvhInPx(),
|
|
64
67
|
vhInPx: getVhInPx(),
|
|
65
|
-
fillAvailableInPx: getFillAvailableInPx()
|
|
68
|
+
fillAvailableInPx: getFillAvailableInPx(),
|
|
69
|
+
isScaled,
|
|
70
|
+
isZoomed,
|
|
71
|
+
meta: `${window === null || window === void 0 ? void 0 : window.Instagram},${window === null || window === void 0 ? void 0 : window.Facebook}`
|
|
66
72
|
};
|
|
67
73
|
console.log(systemInfo, 'fundebug-init--------------------->systemInfo');
|
|
68
74
|
if ('fundebug' in window) {
|
|
@@ -85,6 +91,8 @@ export const useVisibleHeight = () => {
|
|
|
85
91
|
};
|
|
86
92
|
const updateHeight = useCallback(() => {
|
|
87
93
|
var _a, _b, _c;
|
|
94
|
+
const fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
|
|
95
|
+
const isScaled = fontSize !== 52;
|
|
88
96
|
const systemInfo = {
|
|
89
97
|
visualViewport: (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height,
|
|
90
98
|
innerHeight: window.innerHeight,
|
|
@@ -92,12 +100,15 @@ export const useVisibleHeight = () => {
|
|
|
92
100
|
screenHeight: window.screen.height,
|
|
93
101
|
bodyHeight: (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.clientHeight,
|
|
94
102
|
agent: navigator.userAgent,
|
|
95
|
-
version: '1.19.
|
|
103
|
+
version: '1.19.17',
|
|
96
104
|
safeArea: getHeightWithSafeArea(),
|
|
97
105
|
dvh: dvhToPx(100),
|
|
98
106
|
dvhInPx: getDvhInPx(),
|
|
99
107
|
vhInPx: getVhInPx(),
|
|
100
|
-
fillAvailableInPx: getFillAvailableInPx()
|
|
108
|
+
fillAvailableInPx: getFillAvailableInPx(),
|
|
109
|
+
isScaled,
|
|
110
|
+
isZoomed,
|
|
111
|
+
meta: `${window === null || window === void 0 ? void 0 : window.Instagram},${window === null || window === void 0 ? void 0 : window.Facebook}`
|
|
101
112
|
};
|
|
102
113
|
console.log(systemInfo, 'fundebug-resize--------------------->systemInfo');
|
|
103
114
|
if ('fundebug' in window) {
|
|
@@ -53,6 +53,9 @@ const useVisibleHeight = () => {
|
|
|
53
53
|
const dvhToPx = (dvh) => {
|
|
54
54
|
return Math.round((dvh / 100) * document.documentElement.clientHeight);
|
|
55
55
|
};
|
|
56
|
+
const fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
|
|
57
|
+
const isScaled = fontSize !== 52;
|
|
58
|
+
const isZoomed = screen.width <= 375 && screen.height <= 667 && window.devicePixelRatio < 3;
|
|
56
59
|
const systemInfo = {
|
|
57
60
|
visualViewport: (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height,
|
|
58
61
|
innerHeight: window.innerHeight,
|
|
@@ -60,12 +63,15 @@ const useVisibleHeight = () => {
|
|
|
60
63
|
screenHeight: window.screen.height,
|
|
61
64
|
bodyHeight: (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.clientHeight,
|
|
62
65
|
agent: navigator.userAgent,
|
|
63
|
-
version: '1.19.
|
|
66
|
+
version: '1.19.17',
|
|
64
67
|
safeArea: getHeightWithSafeArea(),
|
|
65
68
|
dvh: dvhToPx(100),
|
|
66
69
|
dvhInPx: getDvhInPx(),
|
|
67
70
|
vhInPx: getVhInPx(),
|
|
68
|
-
fillAvailableInPx: getFillAvailableInPx()
|
|
71
|
+
fillAvailableInPx: getFillAvailableInPx(),
|
|
72
|
+
isScaled,
|
|
73
|
+
isZoomed,
|
|
74
|
+
meta: `${window === null || window === void 0 ? void 0 : window.Instagram},${window === null || window === void 0 ? void 0 : window.Facebook}`
|
|
69
75
|
};
|
|
70
76
|
console.log(systemInfo, 'fundebug-init--------------------->systemInfo');
|
|
71
77
|
if ('fundebug' in window) {
|
|
@@ -88,6 +94,8 @@ const useVisibleHeight = () => {
|
|
|
88
94
|
};
|
|
89
95
|
const updateHeight = (0, react_1.useCallback)(() => {
|
|
90
96
|
var _a, _b, _c;
|
|
97
|
+
const fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
|
|
98
|
+
const isScaled = fontSize !== 52;
|
|
91
99
|
const systemInfo = {
|
|
92
100
|
visualViewport: (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height,
|
|
93
101
|
innerHeight: window.innerHeight,
|
|
@@ -95,12 +103,15 @@ const useVisibleHeight = () => {
|
|
|
95
103
|
screenHeight: window.screen.height,
|
|
96
104
|
bodyHeight: (_b = document === null || document === void 0 ? void 0 : document.body) === null || _b === void 0 ? void 0 : _b.clientHeight,
|
|
97
105
|
agent: navigator.userAgent,
|
|
98
|
-
version: '1.19.
|
|
106
|
+
version: '1.19.17',
|
|
99
107
|
safeArea: getHeightWithSafeArea(),
|
|
100
108
|
dvh: dvhToPx(100),
|
|
101
109
|
dvhInPx: getDvhInPx(),
|
|
102
110
|
vhInPx: getVhInPx(),
|
|
103
|
-
fillAvailableInPx: getFillAvailableInPx()
|
|
111
|
+
fillAvailableInPx: getFillAvailableInPx(),
|
|
112
|
+
isScaled,
|
|
113
|
+
isZoomed,
|
|
114
|
+
meta: `${window === null || window === void 0 ? void 0 : window.Instagram},${window === null || window === void 0 ? void 0 : window.Facebook}`
|
|
104
115
|
};
|
|
105
116
|
console.log(systemInfo, 'fundebug-resize--------------------->systemInfo');
|
|
106
117
|
if ('fundebug' in window) {
|