зеркало из https://github.com/mozilla/gecko-dev.git
122 строки
3.3 KiB
JavaScript
122 строки
3.3 KiB
JavaScript
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
"use strict";
|
|
|
|
const protocol = require("devtools/shared/protocol");
|
|
const { ActorClassWithSpec, Actor } = protocol;
|
|
const { cssPropertiesSpec } = require("devtools/shared/specs/css-properties");
|
|
const { cssColors } = require("devtools/shared/css/color-db");
|
|
const InspectorUtils = require("InspectorUtils");
|
|
|
|
loader.lazyRequireGetter(
|
|
this,
|
|
"CSS_TYPES",
|
|
"devtools/shared/css/constants",
|
|
true
|
|
);
|
|
|
|
exports.CssPropertiesActor = ActorClassWithSpec(cssPropertiesSpec, {
|
|
initialize(conn) {
|
|
Actor.prototype.initialize.call(this, conn);
|
|
},
|
|
|
|
destroy() {
|
|
Actor.prototype.destroy.call(this);
|
|
},
|
|
|
|
getCSSDatabase() {
|
|
const properties = generateCssProperties();
|
|
const pseudoElements = InspectorUtils.getCSSPseudoElementNames();
|
|
const supportedFeature = {
|
|
// checking for css-color-4 color function support.
|
|
"css-color-4-color-function": InspectorUtils.isValidCSSColor(
|
|
"rgb(1 1 1 / 100%)"
|
|
),
|
|
};
|
|
|
|
return { properties, pseudoElements, supportedFeature };
|
|
},
|
|
});
|
|
|
|
/**
|
|
* Generate the CSS properties object. Every key is the property name, while
|
|
* the values are objects that contain information about that property.
|
|
*
|
|
* @return {Object}
|
|
*/
|
|
function generateCssProperties() {
|
|
const properties = {};
|
|
const propertyNames = InspectorUtils.getCSSPropertyNames({
|
|
includeAliases: true,
|
|
});
|
|
const colors = Object.keys(cssColors);
|
|
|
|
propertyNames.forEach(name => {
|
|
// Get the list of CSS types this property supports.
|
|
const supports = [];
|
|
for (const type in CSS_TYPES) {
|
|
if (safeCssPropertySupportsType(name, type)) {
|
|
supports.push(type);
|
|
}
|
|
}
|
|
|
|
// Don't send colors over RDP, these will be re-attached by the front.
|
|
let values = InspectorUtils.getCSSValuesForProperty(name);
|
|
if (values.includes("aliceblue")) {
|
|
values = values.filter(x => !colors.includes(x));
|
|
values.unshift("COLOR");
|
|
}
|
|
|
|
const subproperties = InspectorUtils.getSubpropertiesForCSSProperty(name);
|
|
|
|
properties[name] = {
|
|
isInherited: InspectorUtils.isInheritedProperty(name),
|
|
values,
|
|
supports,
|
|
subproperties,
|
|
};
|
|
});
|
|
|
|
return properties;
|
|
}
|
|
exports.generateCssProperties = generateCssProperties;
|
|
|
|
/**
|
|
* Test if a CSS is property is known using server-code.
|
|
*
|
|
* @param {string} name
|
|
* @return {Boolean}
|
|
*/
|
|
function isCssPropertyKnown(name) {
|
|
try {
|
|
// If the property name is unknown, the cssPropertyIsShorthand
|
|
// will throw an exception. But if it is known, no exception will
|
|
// be thrown; so we just ignore the return value.
|
|
InspectorUtils.cssPropertyIsShorthand(name);
|
|
return true;
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
exports.isCssPropertyKnown = isCssPropertyKnown;
|
|
|
|
/**
|
|
* A wrapper for InspectorUtils.cssPropertySupportsType that ignores invalid
|
|
* properties.
|
|
*
|
|
* @param {String} name The property name.
|
|
* @param {number} type The type tested for support.
|
|
* @return {Boolean} Whether the property supports the type.
|
|
* If the property is unknown, false is returned.
|
|
*/
|
|
function safeCssPropertySupportsType(name, type) {
|
|
try {
|
|
return InspectorUtils.cssPropertySupportsType(name, type);
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
}
|