mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Sebastian Markbåge
d310d654a7
I'm trying to get rid of all meta programming in the module scope so
that closure can do a better job figuring out cyclic dependencies and
ability to reorder.
This is converting a lot of the patterns that assign functions
conditionally to using function declarations instead.
```
let fn;
if (__DEV__) {
fn = function() {
...
};
}
```
->
```
function fn() {
if (__DEV__) {
...
}
}
```
125 lines
3.1 KiB
JavaScript
125 lines
3.1 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.
|
|
*/
|
|
|
|
// 'msTransform' is correct, but the other prefixes should be capitalized
|
|
const badVendoredStyleNamePattern = /^(?:webkit|moz|o)[A-Z]/;
|
|
const msPattern = /^-ms-/;
|
|
const hyphenPattern = /-(.)/g;
|
|
|
|
// style values shouldn't contain a semicolon
|
|
const badStyleValueWithSemicolonPattern = /;\s*$/;
|
|
|
|
const warnedStyleNames = {};
|
|
const warnedStyleValues = {};
|
|
let warnedForNaNValue = false;
|
|
let warnedForInfinityValue = false;
|
|
|
|
function camelize(string) {
|
|
return string.replace(hyphenPattern, function (_, character) {
|
|
return character.toUpperCase();
|
|
});
|
|
}
|
|
|
|
function warnHyphenatedStyleName(name) {
|
|
if (__DEV__) {
|
|
if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
|
|
return;
|
|
}
|
|
|
|
warnedStyleNames[name] = true;
|
|
console.error(
|
|
'Unsupported style property %s. Did you mean %s?',
|
|
name,
|
|
// As Andi Smith suggests
|
|
// (http://www.andismith.com/blog/2012/02/modernizr-prefixed/), an `-ms` prefix
|
|
// is converted to lowercase `ms`.
|
|
camelize(name.replace(msPattern, 'ms-')),
|
|
);
|
|
}
|
|
}
|
|
|
|
function warnBadVendoredStyleName(name) {
|
|
if (__DEV__) {
|
|
if (warnedStyleNames.hasOwnProperty(name) && warnedStyleNames[name]) {
|
|
return;
|
|
}
|
|
|
|
warnedStyleNames[name] = true;
|
|
console.error(
|
|
'Unsupported vendor-prefixed style property %s. Did you mean %s?',
|
|
name,
|
|
name.charAt(0).toUpperCase() + name.slice(1),
|
|
);
|
|
}
|
|
}
|
|
|
|
function warnStyleValueWithSemicolon(name, value) {
|
|
if (__DEV__) {
|
|
if (warnedStyleValues.hasOwnProperty(value) && warnedStyleValues[value]) {
|
|
return;
|
|
}
|
|
|
|
warnedStyleValues[value] = true;
|
|
console.error(
|
|
"Style property values shouldn't contain a semicolon. " +
|
|
'Try "%s: %s" instead.',
|
|
name,
|
|
value.replace(badStyleValueWithSemicolonPattern, ''),
|
|
);
|
|
}
|
|
}
|
|
|
|
function warnStyleValueIsNaN(name, value) {
|
|
if (__DEV__) {
|
|
if (warnedForNaNValue) {
|
|
return;
|
|
}
|
|
|
|
warnedForNaNValue = true;
|
|
console.error(
|
|
'`NaN` is an invalid value for the `%s` css style property.',
|
|
name,
|
|
);
|
|
}
|
|
}
|
|
|
|
function warnStyleValueIsInfinity(name, value) {
|
|
if (__DEV__) {
|
|
if (warnedForInfinityValue) {
|
|
return;
|
|
}
|
|
|
|
warnedForInfinityValue = true;
|
|
console.error(
|
|
'`Infinity` is an invalid value for the `%s` css style property.',
|
|
name,
|
|
);
|
|
}
|
|
}
|
|
|
|
function warnValidStyle(name, value) {
|
|
if (__DEV__) {
|
|
if (name.indexOf('-') > -1) {
|
|
warnHyphenatedStyleName(name);
|
|
} else if (badVendoredStyleNamePattern.test(name)) {
|
|
warnBadVendoredStyleName(name);
|
|
} else if (badStyleValueWithSemicolonPattern.test(value)) {
|
|
warnStyleValueWithSemicolon(name, value);
|
|
}
|
|
|
|
if (typeof value === 'number') {
|
|
if (isNaN(value)) {
|
|
warnStyleValueIsNaN(name, value);
|
|
} else if (!isFinite(value)) {
|
|
warnStyleValueIsInfinity(name, value);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
export default warnValidStyle;
|