74 lines
1.9 KiB
JavaScript
74 lines
1.9 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";
|
|
|
|
/*
|
|
* This is an xpcshell script that runs to generate a static list of CSS properties
|
|
* as known by the platform. It is run from ./mach_commands.py by running
|
|
* `mach devtools-css-db`.
|
|
*/
|
|
var { require } = ChromeUtils.importESModule(
|
|
"resource://devtools/shared/loader/Loader.sys.mjs"
|
|
);
|
|
var {
|
|
generateCssProperties,
|
|
} = require("resource://devtools/server/actors/css-properties.js");
|
|
const InspectorUtils = require("InspectorUtils");
|
|
|
|
// xpcshell can output extra information, so place some delimiter text between
|
|
// the output of the css properties database.
|
|
dump("DEVTOOLS_CSS_DB_DELIMITER");
|
|
|
|
// Output JSON
|
|
dump(
|
|
JSON.stringify({
|
|
cssProperties: cssProperties(),
|
|
preferences: preferences(),
|
|
pseudoElements: pseudoElements(),
|
|
})
|
|
);
|
|
|
|
dump("DEVTOOLS_CSS_DB_DELIMITER");
|
|
|
|
/*
|
|
* A list of CSS Properties and their various characteristics. This is used on the
|
|
* client-side when the CssPropertiesActor is not found, or when the client and server
|
|
* are the same version. A single property takes the form:
|
|
*
|
|
* "animation": {
|
|
* "isInherited": false,
|
|
* "supports": [ 7, 9, 10 ]
|
|
* }
|
|
*/
|
|
function cssProperties() {
|
|
const properties = generateCssProperties();
|
|
for (const key in properties) {
|
|
// Ignore OS-specific properties
|
|
if (key.includes("-moz-osx-")) {
|
|
properties[key] = undefined;
|
|
}
|
|
}
|
|
return properties;
|
|
}
|
|
|
|
/**
|
|
* A list of preferences of CSS properties.
|
|
*/
|
|
function preferences() {
|
|
const prefs = InspectorUtils.getCSSPropertyPrefs();
|
|
const result = [];
|
|
for (const { name, pref } of prefs) {
|
|
result.push([name, pref]);
|
|
}
|
|
return result;
|
|
}
|
|
|
|
/**
|
|
* The list of all CSS Pseudo Elements.
|
|
*/
|
|
function pseudoElements() {
|
|
return InspectorUtils.getCSSPseudoElementNames();
|
|
}
|