@stylexjs/shared 0.1.0-beta.1

package/lib/stylex-create.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = styleXCreateSet;
+var _convertToClassName = _interopRequireDefault(require("./convert-to-className"));
+var _expandShorthands = _interopRequireDefault(require("./expand-shorthands"));
+var _objectUtils = require("./utils/object-utils");
+var messages = _interopRequireWildcard(require("./messages"));
+var _stylexInclude = require("./stylex-include");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 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.
+ *
+ * 
+ */
+
+// This takes the object of styles passed to `stylex.create` and transforms it.
+//   The transformation replaces style values with classNames.
+//
+// It also collects all injected styles along the way.
+// It then returns a tuple of the transformed style Object and an object of injected styles.
+//
+// This function does some basic validation, and then uses `styleXCreateNamespace` to transform
+// each namespace within,
+//
+// Before returning, it ensures that there are no duplicate styles being injected.
+function styleXCreateSet(namespaces) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const resolvedNamespaces = {};
+  const injectedStyles = {};
+  for (const namespaceName of Object.keys(namespaces)) {
+    const namespace = namespaces[namespaceName];
+    if (typeof namespace !== 'object' || Array.isArray(namespace)) {
+      throw new Error(messages.ILLEGAL_NAMESPACE_VALUE);
+    }
+    const [resolvedNamespace, injected] = styleXCreateNamespace(namespace, options);
+    resolvedNamespaces[namespaceName] = (0, _objectUtils.flattenObject)(resolvedNamespace);
+    for (const cn of Object.keys(injected)) {
+      if (injectedStyles[cn] == null) {
+        injectedStyles[cn] = injected[cn];
+      }
+    }
+  }
+  return [resolvedNamespaces, injectedStyles];
+}
+
+// Transforms a single style namespace.
+// e.g. Something along the lines of:
+//  {color: 'red', margin: '10px'} =>
+//  {
+//    color: 'color-red',
+//    marginTop: 'margin-top-10px',
+//    marginBottom: 'margin-bottom-10px',
+//    marginStart: 'margin-start-10px',
+//    marginEnd: 'margin-end-10px'
+//  }
+//
+// First, it expands shorthand properties. (margin => marginTop, marginBottom, marginStart, marginEnd)
+// Then, it converts each style value to a className.
+// Then, it returns the transformed style Object and an object of injected styles.
+function styleXCreateNamespace(style, options) {
+  const namespaceEntries = (0, _objectUtils.objEntries)(style);
+
+  // First the shorthand properties are expanded.
+  // e.g. `margin` gets expanded to `marginTop`, `marginBottom`, `marginStart`, `marginEnd`.
+  // `entries` is an array of [key, value] pairs.
+  const entries = namespaceEntries.flatMap(_ref => {
+    let [key, value] = _ref;
+    if (value instanceof _stylexInclude.IncludedStyles) {
+      return [[key, value]];
+    }
+    if (value != null && typeof value === 'object' && !Array.isArray(value)) {
+      if (!key.startsWith(':') && !key.startsWith('@')) {
+        throw new Error(messages.INVALID_PSEUDO);
+      }
+      return [[key, (0, _objectUtils.objFromEntries)((0, _objectUtils.objEntries)(value).flatMap(_ref2 => {
+        let [innerKey, innerValue] = _ref2;
+        if (innerValue != null && typeof innerValue === 'object' && !Array.isArray(innerValue)) {
+          throw new Error(messages.ILLEGAL_NESTED_PSEUDO);
+        }
+        return (0, _expandShorthands.default)([innerKey, innerValue]);
+      }))]];
+    } else {
+      if (typeof value !== 'string' && typeof value !== 'number' && !Array.isArray(value)) {
+        throw new Error(messages.ILLEGAL_PROP_VALUE);
+      }
+      if (Array.isArray(value) && value.some(val => typeof val === 'object')) {
+        throw new Error(messages.ILLEGAL_PROP_ARRAY_VALUE);
+      }
+      return (0, _expandShorthands.default)([key, value]);
+    }
+  });
+
+  // Now each [key, value] pair is considered a single atomic style.
+  // This atomic style is converted to a className by hashing
+  //
+  // The [key, className] pair is then added to the output Object: `resolvedNamespace`.
+  // While hashing, the CSS rule that the className is generated from is also added to the output Object: `injectedStyles`.
+  const resolvedNamespace = {};
+  const injectedStyles = {};
+  for (const [key, val] of entries) {
+    if (val instanceof _stylexInclude.IncludedStyles) {
+      resolvedNamespace[key] = val;
+    } else if (val != null && typeof val === 'object' && !Array.isArray(val)) {
+      const pseudo = key;
+      const innerObj = {};
+      for (const [innerKey, innerVal] of (0, _objectUtils.objEntries)(val)) {
+        const [updatedKey, className, cssRule] = (0, _convertToClassName.default)([innerKey, innerVal], pseudo, options);
+        innerObj[updatedKey] = className;
+        injectedStyles[updatedKey + pseudo] = [className, cssRule];
+      }
+      resolvedNamespace[key] = innerObj;
+    } else {
+      const [updatedKey, className, cssRule] = (0, _convertToClassName.default)([key, val], undefined, options);
+      resolvedNamespace[updatedKey] = className;
+      injectedStyles[updatedKey] = [className, cssRule];
+    }
+  }
+  const finalInjectedStyles = (0, _objectUtils.objFromEntries)((0, _objectUtils.objValues)(injectedStyles));
+  return [resolvedNamespace, finalInjectedStyles];
+}

package/lib/stylex-first-that-works.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = stylexFirstThatWorks;
+/**
+ * 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.
+ *
+ * 
+ *
+ */
+
+function stylexFirstThatWorks() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return [...args].reverse();
+}

package/lib/stylex-include.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IncludedStyles = void 0;
+exports.default = stylexInclude;
+var messages = _interopRequireWildcard(require("./messages"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * 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.
+ *
+ * 
+ *
+ */
+
+let number = 0;
+function uuid() {
+  return `__included_${++number}__`;
+}
+class IncludedStyles {
+  constructor(astNode) {
+    this.astNode = astNode;
+  }
+}
+exports.IncludedStyles = IncludedStyles;
+function stylexInclude(firstArg) {
+  if ((arguments.length <= 1 ? 0 : arguments.length - 1) > 0) {
+    throw new Error(messages.ILLEGAL_ARGUMENT_LENGTH);
+  }
+  return {
+    [uuid()]: new IncludedStyles(firstArg.node)
+  };
+}

package/lib/stylex-keyframes.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = styleXKeyframes;
+var _hash = _interopRequireDefault(require("./hash"));
+var _expandShorthands = _interopRequireDefault(require("./expand-shorthands"));
+var _generateLtr = _interopRequireDefault(require("./physical-rtl/generate-ltr"));
+var _generateRtl = _interopRequireDefault(require("./physical-rtl/generate-rtl"));
+var _transformValue = _interopRequireDefault(require("./transform-value"));
+var _dashify = _interopRequireDefault(require("./utils/dashify"));
+var _objectUtils = require("./utils/object-utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 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.
+ *
+ * 
+ */
+
+// Similar to `stylex.create` it takes an object of keyframes
+// and returns a string after hashing it.
+//
+// It also expands shorthand properties to maintain parity with
+// `stylex.create`.
+function styleXKeyframes(frames) {
+  let {
+    stylexSheetName = '<>',
+    classNamePrefix = 'x'
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const expandedObject = (0, _objectUtils.objMap)(frames, frame => _objectUtils.Pipe.create(frame).pipe(expandFrameShorthands).pipe(x => (0, _objectUtils.objMapKeys)(x, _dashify.default)).pipe(x => (0, _objectUtils.objMap)(x, (value, key) => (0, _transformValue.default)(key, value))).done());
+  const ltrStyles = (0, _objectUtils.objMap)(expandedObject, frame => (0, _objectUtils.objMapEntry)(frame, _generateLtr.default));
+  const rtlStyles = (0, _objectUtils.objMap)(expandedObject, frame => (0, _objectUtils.objMapEntry)(frame, entry => (0, _generateRtl.default)(entry) ?? entry));
+  const ltrString = constructKeyframesObj(ltrStyles);
+  const rtlString = constructKeyframesObj(rtlStyles);
+
+  // This extra `-B` is kept for some idiosyncratic legacy compatibility for now.
+  const animationName = classNamePrefix + (0, _hash.default)(stylexSheetName + ltrString) + '-B';
+  const ltr = `@keyframes ${animationName}{${ltrString}}`;
+  const rtl = ltrString === rtlString ? null : `@keyframes ${animationName}{${rtlString}}`;
+  return [animationName, {
+    ltr,
+    rtl,
+    priority: 1
+  }];
+}
+function expandFrameShorthands(frame) {
+  return (0, _objectUtils.objFromEntries)((0, _objectUtils.objEntries)(frame).flatMap(pair => (0, _expandShorthands.default)(pair)));
+}
+
+// Create t
+function constructKeyframesObj(frames) {
+  return (0, _objectUtils.objEntries)(frames).map(_ref => {
+    let [key, value] = _ref;
+    return `${key}{${(0, _objectUtils.objEntries)(value).map(_ref2 => {
+      let [k, v] = _ref2;
+      return `${k}:${v};`;
+    }).join('')}}`;
+  }).join('');
+}

package/lib/transform-value.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformValue;
+var _normalizeValue = _interopRequireDefault(require("./utils/normalize-value"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 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.
+ * 
+ */
+
+/**
+ * Convert a CSS value in JS to the final CSS string value
+ */
+function transformValue(key, rawValue) {
+  const value = typeof rawValue === 'number' ? String(Math.round(rawValue * 10000) / 10000) + getNumberSuffix(key) : rawValue;
+
+  // content is one of the values that needs to wrapped in quotes.
+  // Users may write `''` without thinking about it, so we fix that.
+  if (key === 'content' && typeof value === 'string') {
+    const val = value.trim();
+    if (val.match(/^attr\([a-zA-Z0-9-]+\)$/)) {
+      return val;
+    }
+    if (!(val.startsWith('"') && val.endsWith('"') || val.startsWith("'") && val.endsWith("'"))) {
+      return `"${val}"`;
+    }
+  }
+  return (0, _normalizeValue.default)(value, key);
+}
+function getNumberSuffix(key) {
+  if (unitlessNumberProperties.has(key)) {
+    return '';
+  }
+  const suffix = numberPropertySuffixes[key];
+  if (suffix == null) {
+    return 'px';
+  } else {
+    return suffix;
+  }
+}
+const unitlessNumberProperties = new Set(['animationIterationCount', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'columnCount', 'flex',
+// Unsupported
+'flexGrow', 'flexPositive', 'flexShrink', 'flexOrder', 'gridRow', 'gridColumn', 'fontWeight', 'lineClamp', 'lineHeight', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'fillOpacity', 'floodOpacity', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth']);
+
+// List of properties that have custom suffixes for numbers
+const numberPropertySuffixes = {
+  animationDelay: 'ms',
+  animationDuration: 'ms',
+  transitionDelay: 'ms',
+  transitionDuration: 'ms',
+  voiceDuration: 'ms'
+};

package/lib/utils/dashify.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = dashify;
+/**
+ * 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.
+ * 
+ */
+
+function dashify(str) {
+  return str.replace(/(^|[a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}

package/lib/utils/genCSSRule.js

@@ -0,0 +1,24 @@
+/**
+ * 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.
+ *
+ * 
+ *
+ */
+
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generateCSSRule;
+function generateCSSRule(className, decls, pseudo) {
+  if (pseudo === '::thumb') {
+    const selector = THUMB_VARIANTS.map(suffix => '.' + className + suffix).join(', ');
+    return `${selector}{${decls}}`;
+  }
+  return pseudo != null && pseudo[0] === '@' ? `${pseudo}{.${className}.${className}{${decls}}}` : pseudo != null && pseudo[0] === ':' ? `.${className}${pseudo}{${decls}}` : `.${className}{${decls}}`;
+}
+const THUMB_VARIANTS = ['::-webkit-slider-thumb', '::-moz-range-thumb', '::-ms-thumb'];

package/lib/utils/normalize-value.js

@@ -0,0 +1,32 @@
+/**
+ * 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.
+ *
+ * 
+ *
+ */
+
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = normalizeValue;
+var _fontSizePxToRem = _interopRequireDefault(require("./normalizers/font-size-px-to-rem"));
+var _leadingZero = _interopRequireDefault(require("./normalizers/leading-zero"));
+var _quotes = _interopRequireDefault(require("./normalizers/quotes"));
+var _timings = _interopRequireDefault(require("./normalizers/timings"));
+var _whitespace = _interopRequireDefault(require("./normalizers/whitespace"));
+var _zeroDimensions = _interopRequireDefault(require("./normalizers/zero-dimensions"));
+var _detectUnclosedFns = _interopRequireDefault(require("./normalizers/detect-unclosed-fns"));
+var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// `Timings` should be before `LeadingZero`, because it
+// changes 500ms to 0.5s, then `LeadingZero` makes it .5s
+const normalizers = [_detectUnclosedFns.default, _whitespace.default, _timings.default, _zeroDimensions.default, _leadingZero.default, _quotes.default, _fontSizePxToRem.default];
+function normalizeValue(value, key) {
+  const parsedAST = (0, _postcssValueParser.default)(value);
+  return normalizers.reduce((ast, fn) => fn(ast, key), parsedAST).toString();
+}

package/lib/utils/normalizers/detect-unclosed-fns.js

@@ -0,0 +1,29 @@
+/**
+ * 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.
+ *
+ * 
+ */
+
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = detectUnclosedFns;
+var messages = _interopRequireWildcard(require("../../messages"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * Remove leading zeros from numbers
+ */
+function detectUnclosedFns(ast, _) {
+  ast.walk(node => {
+    if (node.type === 'function' && node.unclosed) {
+      throw new Error(messages.LINT_UNCLOSED_FUNCTION);
+    }
+  });
+  return ast;
+}

package/lib/utils/normalizers/font-size-px-to-rem.js

@@ -0,0 +1,34 @@
+/**
+ * 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.
+ *
+ * 
+ */
+
+'use strict';
+
+const parser = require('postcss-value-parser');
+const ROOT_FONT_SIZE = 16;
+
+/**
+ * Convert font sizes from absolute unit `px` to relative unit `rem`.
+ * This will allow developers to continue thinking and using what's familiar
+ * while we output font sizes that are adjustable
+ */
+module.exports = function convertFontSizeToRem(ast, key) {
+  if (key !== 'fontSize') {
+    return ast;
+  }
+  ast.walk(node => {
+    if (node.type !== 'word') {
+      return;
+    }
+    const dimension = parser.unit(node.value);
+    if (dimension && dimension.unit === 'px') {
+      node.value = `${parseFloat(dimension.number) / ROOT_FONT_SIZE}rem`;
+    }
+  });
+  return ast;
+};

package/lib/utils/normalizers/leading-zero.js

@@ -0,0 +1,36 @@
+/**
+ * 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.
+ *
+ * 
+ */
+
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = normalizeLeadingZero;
+var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Remove leading zeros from numbers
+ */
+function normalizeLeadingZero(ast, _) {
+  ast.walk(node => {
+    if (node.type !== 'word') {
+      return;
+    }
+    const value = Number.parseFloat(node.value);
+    if (Number.isNaN(value)) {
+      return;
+    }
+    const dimension = _postcssValueParser.default.unit(node.value);
+    if (value < 1 && value >= 0) {
+      node.value = value.toString().replace('0.', '.') + (dimension ? dimension.unit : '');
+    }
+  });
+  return ast;
+}

package/lib/utils/normalizers/quotes.js

@@ -0,0 +1,30 @@
+/**
+ * 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.
+ *
+ * 
+ *
+ */
+
+'use strict';
+
+/**
+ * Make empty strings use consistent double quotes
+ */
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = normalizeQuotes;
+function normalizeQuotes(ast, _) {
+  ast.walk(node => {
+    if (node.type !== 'string') {
+      return;
+    }
+    if (node.value === '') {
+      node.quote = '"';
+    }
+  });
+  return ast;
+}

package/lib/utils/normalizers/timings.js

@@ -0,0 +1,39 @@
+/**
+ * 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.
+ *
+ * 
+ *
+ */
+
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = normalizeTimings;
+var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Turn millisecond values to seconds (shorter), except when < 10ms
+ */
+
+function normalizeTimings(ast, _) {
+  ast.walk(node => {
+    if (node.type !== 'word') {
+      return;
+    }
+    const value = Number.parseFloat(node.value);
+    if (Number.isNaN(value)) {
+      return;
+    }
+    const dimension = _postcssValueParser.default.unit(node.value);
+    if (!dimension || dimension.unit !== 'ms' || value < 10) {
+      return;
+    }
+    node.value = value / 1000 + 's';
+  });
+  return ast;
+}

package/lib/utils/normalizers/whitespace.js

@@ -0,0 +1,59 @@
+/**
+ * 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.
+ *
+ * 
+ *
+ */
+
+'use strict';
+
+/**
+ * Use single spaces and remove spaces when not needed: around functions,
+ * commas. But preserve spece around + and - as they are required in calc()
+ */
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = normalizeWhitespace;
+function normalizeWhitespace(ast, _) {
+  // trim
+  if (ast.nodes[0].type === 'space') {
+    ast.nodes.shift();
+  }
+  if (ast.nodes[ast.nodes.length - 1].type === 'space') {
+    ast.nodes.pop();
+  }
+  ast.walk((node, idx) => {
+    switch (node.type) {
+      case 'space':
+        {
+          node.value = ' ';
+          break;
+        }
+      case 'div':
+      case 'function':
+        {
+          node.before = '';
+          node.after = '';
+          break;
+        }
+      case 'word':
+        {
+          if (node.value === '!important') {
+            if (ast.nodes[idx - 1] && ast.nodes[idx - 1].type === 'space') {
+              ast.nodes.splice(idx - 1, 1);
+            }
+          }
+          break;
+        }
+      default:
+        {
+          break;
+        }
+    }
+  });
+  return ast;
+}

package/lib/utils/normalizers/zero-dimensions.js

@@ -0,0 +1,44 @@
+/**
+ * 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.
+ *
+ * 
+ */
+
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = normalizeZeroDimensions;
+var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const angles = ['deg', 'grad', 'turn', 'rad'];
+const timings = ['ms', 's'];
+
+/**
+ * Remove units in zero values, except when required: in angles and timings,
+ * in which case make them consistent 0deg and 0s.
+ */
+
+function normalizeZeroDimensions(ast, _) {
+  ast.walk(node => {
+    if (node.type !== 'word') {
+      return;
+    }
+    const dimension = _postcssValueParser.default.unit(node.value);
+    if (!dimension || dimension.number !== '0') {
+      return;
+    }
+    if (angles.indexOf(dimension.unit) !== -1) {
+      node.value = '0deg';
+    } else if (timings.indexOf(dimension.unit) !== -1) {
+      node.value = '0s';
+    } else {
+      node.value = '0';
+    }
+  });
+  return ast;
+}