mirror of
https://github.com/zebrajr/react.git
synced 2025-12-06 12:20:20 +01:00
db06f6b751
Same as #34166 but for Suspensey images. The trick here is to check the `SuspenseyImagesMode` since not all versions of React and not all subtrees will have Suspensey images enabled yet. The other trick is to read back from `currentSrc` to get the image url we actually resolved to in this case. Similar to how for Suspensey CSS we check if the media query would've matched. <img width="591" height="205" alt="Screenshot 2025-08-11 at 9 32 56 PM" src="https://github.com/user-attachments/assets/ac98785c-d3e0-407c-84e0-c27f86c0ecac" />
79 lines
2.5 KiB
JavaScript
79 lines
2.5 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
export function getIODescription(value: any): string {
|
|
if (!__DEV__) {
|
|
return '';
|
|
}
|
|
try {
|
|
switch (typeof value) {
|
|
case 'object':
|
|
// Test the object for a bunch of common property names that are useful identifiers.
|
|
// While we only have the return value here, it should ideally be a name that
|
|
// describes the arguments requested.
|
|
if (value === null) {
|
|
return '';
|
|
} else if (value instanceof Error) {
|
|
// eslint-disable-next-line react-internal/safe-string-coercion
|
|
return String(value.message);
|
|
} else if (typeof value.url === 'string') {
|
|
return value.url;
|
|
} else if (typeof value.href === 'string') {
|
|
return value.href;
|
|
} else if (typeof value.src === 'string') {
|
|
return value.src;
|
|
} else if (typeof value.currentSrc === 'string') {
|
|
return value.currentSrc;
|
|
} else if (typeof value.command === 'string') {
|
|
return value.command;
|
|
} else if (
|
|
typeof value.request === 'object' &&
|
|
typeof value.request.url === 'string'
|
|
) {
|
|
return value.request.url;
|
|
} else if (
|
|
typeof value.response === 'object' &&
|
|
typeof value.response.url === 'string'
|
|
) {
|
|
return value.response.url;
|
|
} else if (
|
|
typeof value.id === 'string' ||
|
|
typeof value.id === 'number' ||
|
|
typeof value.id === 'bigint'
|
|
) {
|
|
// eslint-disable-next-line react-internal/safe-string-coercion
|
|
return String(value.id);
|
|
} else if (typeof value.name === 'string') {
|
|
return value.name;
|
|
} else {
|
|
const str = value.toString();
|
|
if (str.startWith('[object ') || str.length < 5 || str.length > 500) {
|
|
// This is probably not a useful description.
|
|
return '';
|
|
}
|
|
return str;
|
|
}
|
|
case 'string':
|
|
if (value.length < 5 || value.length > 500) {
|
|
return '';
|
|
}
|
|
return value;
|
|
case 'number':
|
|
case 'bigint':
|
|
// eslint-disable-next-line react-internal/safe-string-coercion
|
|
return String(value);
|
|
default:
|
|
// Not useful descriptors.
|
|
return '';
|
|
}
|
|
} catch (x) {
|
|
return '';
|
|
}
|
|
}
|