@a-type/ui 3.0.21 → 3.0.22
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.
|
@@ -60,6 +60,16 @@ function useThemedTitleBar(paletteName, value,
|
|
|
60
60
|
/** If not provided, will inherit from app */
|
|
61
61
|
mode, skip) {
|
|
62
62
|
const { setColor } = useSetTitleBarColor();
|
|
63
|
+
// using a variable to rerun the effect instead of subscribing in-effect...
|
|
64
|
+
// this is an attempt to preserve the cascading behavior in the React tree
|
|
65
|
+
// if a child calls this hook, so ideally the parent and child should both
|
|
66
|
+
// re-evaluate but the child should 'win'
|
|
67
|
+
const visible = (0, react_1.useSyncExternalStore)((onStoreChange) => {
|
|
68
|
+
document.addEventListener('visibilitychange', onStoreChange);
|
|
69
|
+
return () => {
|
|
70
|
+
document.removeEventListener('visibilitychange', onStoreChange);
|
|
71
|
+
};
|
|
72
|
+
}, () => document.visibilityState === 'visible', () => true);
|
|
63
73
|
(0, react_1.useEffect)(() => {
|
|
64
74
|
if (skip)
|
|
65
75
|
return;
|
|
@@ -77,6 +87,6 @@ mode, skip) {
|
|
|
77
87
|
setColor(previousColor);
|
|
78
88
|
};
|
|
79
89
|
}
|
|
80
|
-
}, [setColor, paletteName, value, mode, skip]);
|
|
90
|
+
}, [setColor, paletteName, value, mode, skip, visible]);
|
|
81
91
|
}
|
|
82
92
|
//# sourceMappingURL=useTitleBarColor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":";;;AAoCA,4CAoBC;AAED,kDAIC;AAED,
|
|
1
|
+
{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":";;;AAoCA,4CAoBC;AAED,kDAIC;AAED,8CAyCC;AAzGD,iCAAqE;AACrE,kDAAuD;AACvD,oDAA6D;AAC7D,0DAIkC;AAElC,IAAI,YAAY,GAAG,SAAS,CAAC;AAC7B,SAAS,eAAe;;IACvB,OAAO,MAAA,QAAQ;SACb,aAAa,CAAC,wBAAwB,CAAC,0CACtC,YAAY,CAAC,SAAS,CAAC,CAAC;AAC5B,CAAC;AACD,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;IACrC,YAAY,GAAG,MAAA,eAAe,EAAE,mCAAI,YAAY,CAAC;AAClD,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa;IACtC,gCAAgC;IAChC,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACzC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IACD,IAAI,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACtE,IAAI,CAAC,cAAc,EAAE,CAAC;QACrB,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;IACD,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC/C,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC;AAED,SAAgB,gBAAgB,CAC/B,KAA+C;IAE/C,MAAM,SAAS,GAAG,IAAA,mCAAoB,GAAE,CAAC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACd,MAAM,UAAU,GACf,OAAO,KAAK,KAAK,QAAQ;YACxB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,SAAS,KAAK,MAAM;gBACtB,CAAC,CAAC,KAAK,CAAC,IAAI;gBACZ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;QAChB,MAAM,aAAa,GAClB,MAAA,MAAA,QAAQ;aACN,aAAa,CAAC,wBAAwB,CAAC,0CACtC,YAAY,CAAC,SAAS,CAAC,mCAAI,YAAY,CAAC;QAC5C,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE;YACX,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACjC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AACxB,CAAC;AAED,SAAgB,mBAAmB;IAClC,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAa,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7E,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC;IACzE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AACjC,CAAC;AAED,SAAgB,iBAAiB,CAChC,WAAwB,EACxB,KAA2C;AAC3C,6CAA6C;AAC7C,IAAuB,EACvB,IAAc;IAEd,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC3C,2EAA2E;IAC3E,0EAA0E;IAC1E,0EAA0E;IAC1E,yCAAyC;IACzC,MAAM,OAAO,GAAG,IAAA,4BAAoB,EACnC,CAAC,aAAa,EAAE,EAAE;QACjB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;QAC7D,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;QACjE,CAAC,CAAC;IACH,CAAC,EACD,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,KAAK,SAAS,EAC5C,GAAG,EAAE,CAAC,IAAI,CACV,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,IAAI;YAAE,OAAO;QACjB,MAAM,aAAa,GAAG,eAAe,EAAE,CAAC;QAExC,SAAS,MAAM;;YACd,MAAM,OAAO,GAAG,MAAA,sBAAQ,CAAC,WAAW,CAAC,mCAAI,sBAAQ,CAAC,OAAO,CAAC;YAC1D,MAAM,OAAO,GAAG,IAAA,+BAAoB,EAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YACxD,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC/D,QAAQ,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;QACD,MAAM,EAAE,CAAC;QAET,IAAI,aAAa,EAAE,CAAC;YACnB,OAAO,GAAG,EAAE;gBACX,QAAQ,CAAC,aAAa,CAAC,CAAC;YACzB,CAAC,CAAC;QACH,CAAC;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;AACzD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
var _a;
|
|
3
|
-
import { useCallback, useEffect } from 'react';
|
|
3
|
+
import { useCallback, useEffect, useSyncExternalStore } from 'react';
|
|
4
4
|
import { useResolvedColorMode } from '../colorMode.js';
|
|
5
5
|
import { snapshotColorContext } from '../uno/logic/color.js';
|
|
6
6
|
import { palettes, } from '../uno/logic/palettes.js';
|
|
@@ -55,6 +55,16 @@ export function useThemedTitleBar(paletteName, value,
|
|
|
55
55
|
/** If not provided, will inherit from app */
|
|
56
56
|
mode, skip) {
|
|
57
57
|
const { setColor } = useSetTitleBarColor();
|
|
58
|
+
// using a variable to rerun the effect instead of subscribing in-effect...
|
|
59
|
+
// this is an attempt to preserve the cascading behavior in the React tree
|
|
60
|
+
// if a child calls this hook, so ideally the parent and child should both
|
|
61
|
+
// re-evaluate but the child should 'win'
|
|
62
|
+
const visible = useSyncExternalStore((onStoreChange) => {
|
|
63
|
+
document.addEventListener('visibilitychange', onStoreChange);
|
|
64
|
+
return () => {
|
|
65
|
+
document.removeEventListener('visibilitychange', onStoreChange);
|
|
66
|
+
};
|
|
67
|
+
}, () => document.visibilityState === 'visible', () => true);
|
|
58
68
|
useEffect(() => {
|
|
59
69
|
if (skip)
|
|
60
70
|
return;
|
|
@@ -72,6 +82,6 @@ mode, skip) {
|
|
|
72
82
|
setColor(previousColor);
|
|
73
83
|
};
|
|
74
84
|
}
|
|
75
|
-
}, [setColor, paletteName, value, mode, skip]);
|
|
85
|
+
}, [setColor, paletteName, value, mode, skip, visible]);
|
|
76
86
|
}
|
|
77
87
|
//# sourceMappingURL=useTitleBarColor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useCallback, useEffect } from 'react';
|
|
1
|
+
import { useCallback, useEffect, useSyncExternalStore } from 'react';
|
|
2
2
|
import { useResolvedColorMode } from '../colorMode.js';
|
|
3
3
|
import { snapshotColorContext } from '../uno/logic/color.js';
|
|
4
4
|
import {
|
|
@@ -70,6 +70,20 @@ export function useThemedTitleBar(
|
|
|
70
70
|
skip?: boolean,
|
|
71
71
|
) {
|
|
72
72
|
const { setColor } = useSetTitleBarColor();
|
|
73
|
+
// using a variable to rerun the effect instead of subscribing in-effect...
|
|
74
|
+
// this is an attempt to preserve the cascading behavior in the React tree
|
|
75
|
+
// if a child calls this hook, so ideally the parent and child should both
|
|
76
|
+
// re-evaluate but the child should 'win'
|
|
77
|
+
const visible = useSyncExternalStore(
|
|
78
|
+
(onStoreChange) => {
|
|
79
|
+
document.addEventListener('visibilitychange', onStoreChange);
|
|
80
|
+
return () => {
|
|
81
|
+
document.removeEventListener('visibilitychange', onStoreChange);
|
|
82
|
+
};
|
|
83
|
+
},
|
|
84
|
+
() => document.visibilityState === 'visible',
|
|
85
|
+
() => true,
|
|
86
|
+
);
|
|
73
87
|
|
|
74
88
|
useEffect(() => {
|
|
75
89
|
if (skip) return;
|
|
@@ -88,5 +102,5 @@ export function useThemedTitleBar(
|
|
|
88
102
|
setColor(previousColor);
|
|
89
103
|
};
|
|
90
104
|
}
|
|
91
|
-
}, [setColor, paletteName, value, mode, skip]);
|
|
105
|
+
}, [setColor, paletteName, value, mode, skip, visible]);
|
|
92
106
|
}
|