pepepper/fluxer
1
0 Fork 0
mirror of https://github.com/fluxerapp/fluxer synced 2026-10-19 05:55:34 +09:00
Code Issues Packages Projects Releases Wiki Activity

docs: simplify the reference and tighten the verifier (#2736)

Browse Source
This commit is contained in:
Hampus authored and GitHub committed 2026-09-13 17:38:50 +02:00
1 parent 6af33c7188
commit 7375ac9d80
111 files changed
+1616 -2430
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

fluxer_app/src/features/ui/hooks/useTextOverflow.ts
+8 -14
View File
@@ -11,12 +11,6 @@ interface UseTextOverflowOptions {
const OVERFLOW_EPSILON_PX = 1;
type FontFaceSetLike = {
ready?: Promise<unknown>;
addEventListener?: (type: 'loadingdone', listener: () => void) => void;
removeEventListener?: (type: 'loadingdone', listener: () => void) => void;
};
function isMeaningfullyGreater(measuredSize: number, availableSize: number): boolean {
return measuredSize - availableSize > OVERFLOW_EPSILON_PX;
}
@@ -94,7 +88,8 @@ export function useTextOverflow(
const [isOverflowing, setIsOverflowing] = useState(false);
useEffect(() => {
const element = elementRef.current;
if (!element || !content) {
const ownerWindow = element?.ownerDocument.defaultView;
if (!element || !ownerWindow || !content) {
setIsOverflowing(false);
return;
}
@@ -112,7 +107,7 @@ export function useTextOverflow(
updateOverflowing(true);
return;
}
if (measureTextRange && typeof document !== 'undefined') {
if (measureTextRange) {
const availableWidth = getAvailableInlineSize(element);
if (isMeaningfullyGreater(measureRangeInlineSize(element), availableWidth)) {
updateOverflowing(true);
@@ -128,14 +123,14 @@ export function useTextOverflow(
if (disposed || frameId != null) {
return;
}
frameId = window.requestAnimationFrame(checkOverflow);
frameId = ownerWindow.requestAnimationFrame(checkOverflow);
};
scheduleOverflowCheck();
const unobserveResize =
typeof ResizeObserver !== 'undefined' ? observeResize(element, scheduleOverflowCheck) : undefined;
let mutationObserver: MutationObserver | null = null;
if (typeof MutationObserver !== 'undefined') {
mutationObserver = new MutationObserver(scheduleOverflowCheck);
if (typeof ownerWindow.MutationObserver !== 'undefined') {
mutationObserver = new ownerWindow.MutationObserver(scheduleOverflowCheck);
mutationObserver.observe(element, {
attributes: true,
attributeFilter: ['alt', 'class', 'src', 'style'],
@@ -145,14 +140,13 @@ export function useTextOverflow(
});
}
element.addEventListener('load', scheduleOverflowCheck, true);
const fontSet =
typeof document !== 'undefined' ? (document as Document & {fonts?: FontFaceSetLike}).fonts : undefined;
const fontSet = element.ownerDocument.fonts;
fontSet?.ready?.then(scheduleOverflowCheck);
fontSet?.addEventListener?.('loadingdone', scheduleOverflowCheck);
return () => {
disposed = true;
if (frameId != null) {
window.cancelAnimationFrame(frameId);
ownerWindow.cancelAnimationFrame(frameId);
}
unobserveResize?.();
mutationObserver?.disconnect();