summaryrefslogtreecommitdiffstats
path: root/devtools/shared/css/generated/generate-properties-db.js
blob: c47b9b68a468f14e414641c2c4486479882bf0d4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
/* 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");

// 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(),
    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;
}

/**
 * The list of all CSS Pseudo Elements.
 */
function pseudoElements() {
  return InspectorUtils.getCSSPseudoElementNames();
}