mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-21 01:05:45 +00:00
640fe52298
MozReview-Commit-ID: F6xUXCgdRE4 --HG-- extra : rebase_source : 65de1b0aba412d9044b5196115f74276caa058f2
116 lines
3.4 KiB
JavaScript
116 lines
3.4 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";
|
|
|
|
loader.lazyRequireGetter(this, "CSS_TYPES",
|
|
"devtools/shared/css/properties-db", true);
|
|
|
|
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");
|
|
|
|
exports.CssPropertiesActor = ActorClassWithSpec(cssPropertiesSpec, {
|
|
typeName: "cssProperties",
|
|
|
|
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, InspectorUtils["TYPE_" + type])) {
|
|
supports.push(CSS_TYPES[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;
|
|
}
|
|
}
|