@stylexjs/shared 0.2.0-beta.10 → 0.2.0-beta.11

package/lib/preprocess-rules/basic-validation.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validateNamespace = validateNamespace;
-var _ = require("..");
+var _stylexInclude = require("../stylex-include");
 var messages = _interopRequireWildcard(require("../messages"));
 var _objectUtils = require("../utils/object-utils");
 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); }
@@ -38,7 +38,7 @@ function validateNamespace(namespace) {
       }
       continue;
     }
-    if (val instanceof _.IncludedStyles) {
+    if (val instanceof _stylexInclude.IncludedStyles) {
       if (conditions.length === 0) {
         continue;
       }
@@ -80,7 +80,7 @@ function validateConditionalStyles(val) {
       }
       continue;
     }
-    if (v instanceof _.IncludedStyles) {
+    if (v instanceof _stylexInclude.IncludedStyles) {
       throw new Error(messages.ONLY_TOP_LEVEL_INLCUDES);
     }
     if ((0, _objectUtils.isPlainObject)(v)) {

package/lib/preprocess-rules/flatten-raw-style-obj.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports._flattenRawStyleObject = _flattenRawStyleObject;
 exports.flattenRawStyleObject = flattenRawStyleObject;
-var _ = _interopRequireDefault(require("."));
+var _index = _interopRequireDefault(require("./index"));
 var _PreRule = require("./PreRule");
-var _2 = require("..");
+var _stylexInclude = require("../stylex-include");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -27,14 +27,14 @@ function _flattenRawStyleObject(style, pseudos, atRules, options) {
     const value = style[key];
 
     // Included Styles
-    if (typeof value === 'object' && value instanceof _2.IncludedStyles) {
+    if (typeof value === 'object' && value instanceof _stylexInclude.IncludedStyles) {
       flattened.push([key, new _PreRule.PreIncludedStylesRule(value)]);
       continue;
     }
 
     // Default styles
     if (value === null || typeof value === 'string' || typeof value === 'number') {
-      const pairs = (0, _.default)([key, value], options);
+      const pairs = (0, _index.default)([key, value], options);
       for (const [property, value] of pairs) {
         if (value === null) {
           flattened.push([property, new _PreRule.NullPreRule()]);
@@ -49,7 +49,7 @@ function _flattenRawStyleObject(style, pseudos, atRules, options) {
     if (Array.isArray(value)) {
       const equivalentPairs = {};
       for (const eachVal of value) {
-        const pairs = (0, _.default)([key, eachVal], options);
+        const pairs = (0, _index.default)([key, eachVal], options);
         for (const [property, val] of pairs) {
           if (Array.isArray(val)) {
             if (equivalentPairs[property] == null) {

package/lib/stylex-create-vars.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = styleXCreateVars;
+var _hash = _interopRequireDefault(require("./hash"));
+var _objectUtils = require("./utils/object-utils");
+var _defaultOptions = require("./utils/default-options");
+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 variables with their values
+// and returns a string after hashing it.
+function styleXCreateVars(variables, options) {
+  const {
+    classNamePrefix,
+    themeName
+  } = {
+    ..._defaultOptions.defaultOptions,
+    ...options
+  };
+  const themeNameHash = classNamePrefix + (0, _hash.default)(themeName);
+  const variablesMap = (0, _objectUtils.objMap)(variables, (value, key) => {
+    // Created hashed variable names with fileName//themeName//key
+    const nameHash = classNamePrefix + (0, _hash.default)(`${themeName}.${key}`);
+    return {
+      nameHash,
+      value
+    };
+  });
+  const themeVariablesObject = (0, _objectUtils.objMap)(variablesMap, _ref => {
+    let {
+      nameHash
+    } = _ref;
+    return `var(--${nameHash})`;
+  });
+  const cssVariablesString = constructCssVariablesString(variablesMap);
+  return [{
+    ...themeVariablesObject,
+    __themeName__: themeNameHash
+  }, {
+    css: cssVariablesString
+  }];
+}
+function constructCssVariablesString(variables) {
+  const vars = (0, _objectUtils.objEntries)(variables).map(_ref2 => {
+    let [_, value] = _ref2;
+    return `--${value.nameHash}:${value.value};`;
+  }).join('');
+  return `:root{${vars}}`;
+}

package/package.json

@@ -1,10 +1,8 @@
 {
   "name": "@stylexjs/shared",
-  "version": "0.2.0-beta.10",
-  "description": "Shared Code for Stylex compile and runtime.",
+  "version": "0.2.0-beta.11",
   "main": "lib/index.js",
-  "repository": "https://www.github.com/facebookexternal/stylex",
-  "author": "Naman Goel <nmn@fb.com>",
+  "repository": "https://www.github.com/facebook/stylex",
   "license": "MIT",
   "scripts": {
     "build": "babel src/ --out-dir lib/ --copy-files",