@niibase/uniwind 1.7.0 → 1.8.0

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+## What's Changed in 1.8.0
+
+
+
+### 🚀 Features
+
+* vite 8 support (#560) by @Brentlok
+* public generate-artifacts script (#550) by @Brentlok
+
+### 🐛 Bug Fixes
+
+* bundler infinite loop when multiple uniwind instances are installed (#570) by @Brentlok
+* combined variants overriding each other (#567) by @Brentlok
+* phantom dependencies (#561) by @Brentlok
+
+### 🔨 Refactoring
+
+* replace computed with functions in styles (#547) by @Brentlok
+
+### 🧪 Testing
+
+* generate artifacts before test by @Brentlok
+
+### 🏠 Chores
+
+* update dependencies (#549) by @Brentlok
+
+### 📦 Other
+
+* Merge branch 'updates' by @divineniiquaye
+
+
+**Full Changelog**: https://github.com/divineniiquaye/uniwind/compare/v1.7.0...v1.8.0
+
+
 ## What's Changed in 1.7.0
 
 

package/dist/cli/index.cjs

@@ -0,0 +1,91 @@
+#!/usr/bin/env node
+'use strict';
+
+const config = require('../shared/uniwind.BEqYiPBB.cjs');
+const node_url = require('node:url');
+const path = require('path');
+require('fs');
+require('@tailwindcss/node');
+require('lightningcss');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const path__default = /*#__PURE__*/_interopDefaultCompat(path);
+
+const dirname = path__default.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('cli/index.cjs', document.baseURI).href))));
+const cssArtifactPath = path__default.resolve(dirname, "../../uniwind.css");
+const printHelp = () => {
+  console.log([
+    "Usage: uniwind generate-artifacts --css <file> [--theme <name>...] [--dts <file>]",
+    "",
+    "Options:",
+    "  --css <file>      CSS entry file path, e.g. ./global.css",
+    "  --theme <name>    Extra theme name. Can be passed multiple times",
+    "  --dts <file>      Generated TypeScript declarations path",
+    "  --help            Show help"
+  ].join("\n"));
+};
+const readValue = (args, index, flag) => {
+  const value = args[index + 1];
+  if (value === void 0 || value.startsWith("--")) {
+    throw new Error(`Uniwind: ${flag} requires a value`);
+  }
+  return value;
+};
+const parseGenerateArtifactsArgs = (args) => {
+  const parsed = {
+    extraThemes: []
+  };
+  for (let index = 0; index < args.length; index++) {
+    const arg = args[index];
+    switch (arg) {
+      case "--css":
+        parsed.cssEntryFile = readValue(args, index, arg);
+        index++;
+        break;
+      case "--theme":
+        parsed.extraThemes.push(readValue(args, index, arg));
+        index++;
+        break;
+      case "--dts":
+        parsed.dtsFile = readValue(args, index, arg);
+        index++;
+        break;
+      case "--help":
+        printHelp();
+        process.exit(0);
+      default:
+        throw new Error(`Uniwind: Unknown option ${arg}`);
+    }
+  }
+  return parsed;
+};
+const generateArtifacts = async (args) => {
+  const parsed = parseGenerateArtifactsArgs(args);
+  const bundlerConfig = config.UniwindBundlerConfig.fromCliConfig({
+    cssEntryFile: parsed.cssEntryFile,
+    dtsFile: parsed.dtsFile,
+    extraThemes: parsed.extraThemes
+  });
+  await bundlerConfig.generateArtifacts(cssArtifactPath);
+  config.Logger.info("Artifacts generated");
+};
+const main = async () => {
+  const [command, ...args] = process.argv.slice(2);
+  if (command === "--help" || command === void 0) {
+    printHelp();
+    return;
+  }
+  switch (command) {
+    case "generate-artifacts":
+      await generateArtifacts(args);
+      break;
+    default:
+      throw new Error(`Uniwind: Unknown command ${command}`);
+  }
+};
+main().catch((error) => {
+  console.error(error instanceof Error ? error.message : error);
+  process.exit(1);
+});

package/dist/cli/index.mjs

@@ -0,0 +1,84 @@
+#!/usr/bin/env node
+import { U as UniwindBundlerConfig, L as Logger } from '../shared/uniwind.DgC4MT51.mjs';
+import { fileURLToPath } from 'node:url';
+import path from 'path';
+import 'fs';
+import '@tailwindcss/node';
+import 'lightningcss';
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+const cssArtifactPath = path.resolve(dirname, "../../uniwind.css");
+const printHelp = () => {
+  console.log([
+    "Usage: uniwind generate-artifacts --css <file> [--theme <name>...] [--dts <file>]",
+    "",
+    "Options:",
+    "  --css <file>      CSS entry file path, e.g. ./global.css",
+    "  --theme <name>    Extra theme name. Can be passed multiple times",
+    "  --dts <file>      Generated TypeScript declarations path",
+    "  --help            Show help"
+  ].join("\n"));
+};
+const readValue = (args, index, flag) => {
+  const value = args[index + 1];
+  if (value === void 0 || value.startsWith("--")) {
+    throw new Error(`Uniwind: ${flag} requires a value`);
+  }
+  return value;
+};
+const parseGenerateArtifactsArgs = (args) => {
+  const parsed = {
+    extraThemes: []
+  };
+  for (let index = 0; index < args.length; index++) {
+    const arg = args[index];
+    switch (arg) {
+      case "--css":
+        parsed.cssEntryFile = readValue(args, index, arg);
+        index++;
+        break;
+      case "--theme":
+        parsed.extraThemes.push(readValue(args, index, arg));
+        index++;
+        break;
+      case "--dts":
+        parsed.dtsFile = readValue(args, index, arg);
+        index++;
+        break;
+      case "--help":
+        printHelp();
+        process.exit(0);
+      default:
+        throw new Error(`Uniwind: Unknown option ${arg}`);
+    }
+  }
+  return parsed;
+};
+const generateArtifacts = async (args) => {
+  const parsed = parseGenerateArtifactsArgs(args);
+  const bundlerConfig = UniwindBundlerConfig.fromCliConfig({
+    cssEntryFile: parsed.cssEntryFile,
+    dtsFile: parsed.dtsFile,
+    extraThemes: parsed.extraThemes
+  });
+  await bundlerConfig.generateArtifacts(cssArtifactPath);
+  Logger.info("Artifacts generated");
+};
+const main = async () => {
+  const [command, ...args] = process.argv.slice(2);
+  if (command === "--help" || command === void 0) {
+    printHelp();
+    return;
+  }
+  switch (command) {
+    case "generate-artifacts":
+      await generateArtifacts(args);
+      break;
+    default:
+      throw new Error(`Uniwind: Unknown command ${command}`);
+  }
+};
+main().catch((error) => {
+  console.error(error instanceof Error ? error.message : error);
+  process.exit(1);
+});

package/dist/common/bundler/artifacts/css/themes.js

@@ -53,6 +53,9 @@ const generateCSSForThemes = async (themes, input) => {
     }
     const importUrls = /* @__PURE__ */new Set();
     const importsCSS = dependencies.filter(dependency => {
+      if (dependency.type !== "import") {
+        return false;
+      }
       if (dependency.url.startsWith(".")) {
         importUrls.add(_path.default.resolve(_path.default.dirname(cssPath), dependency.url));
         return false;

package/dist/common/bundler/cli/index.js

@@ -0,0 +1,76 @@
+// #!/usr/bin/env node
+"use strict";
+
+var _config = require("@/bundler/config");
+var _logger = require("@/bundler/logger");
+var _nodeUrl = require("node:url");
+var _path = _interopRequireDefault(require("path"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const dirname = _path.default.dirname((0, _nodeUrl.fileURLToPath)(require('url').pathToFileURL(__filename).toString()));
+const cssArtifactPath = _path.default.resolve(dirname, "../../uniwind.css");
+const printHelp = () => {
+  console.log(["Usage: uniwind generate-artifacts --css <file> [--theme <name>...] [--dts <file>]", "", "Options:", "  --css <file>      CSS entry file path, e.g. ./global.css", "  --theme <name>    Extra theme name. Can be passed multiple times", "  --dts <file>      Generated TypeScript declarations path", "  --help            Show help"].join("\n"));
+};
+const readValue = (args, index, flag) => {
+  const value = args[index + 1];
+  if (value === void 0 || value.startsWith("--")) {
+    throw new Error(`Uniwind: ${flag} requires a value`);
+  }
+  return value;
+};
+const parseGenerateArtifactsArgs = args => {
+  const parsed = {
+    extraThemes: []
+  };
+  for (let index = 0; index < args.length; index++) {
+    const arg = args[index];
+    switch (arg) {
+      case "--css":
+        parsed.cssEntryFile = readValue(args, index, arg);
+        index++;
+        break;
+      case "--theme":
+        parsed.extraThemes.push(readValue(args, index, arg));
+        index++;
+        break;
+      case "--dts":
+        parsed.dtsFile = readValue(args, index, arg);
+        index++;
+        break;
+      case "--help":
+        printHelp();
+        process.exit(0);
+      default:
+        throw new Error(`Uniwind: Unknown option ${arg}`);
+    }
+  }
+  return parsed;
+};
+const generateArtifacts = async args => {
+  const parsed = parseGenerateArtifactsArgs(args);
+  const bundlerConfig = _config.UniwindBundlerConfig.fromCliConfig({
+    cssEntryFile: parsed.cssEntryFile,
+    dtsFile: parsed.dtsFile,
+    extraThemes: parsed.extraThemes
+  });
+  await bundlerConfig.generateArtifacts(cssArtifactPath);
+  _logger.Logger.info("Artifacts generated");
+};
+const main = async () => {
+  const [command, ...args] = process.argv.slice(2);
+  if (command === "--help" || command === void 0) {
+    printHelp();
+    return;
+  }
+  switch (command) {
+    case "generate-artifacts":
+      await generateArtifacts(args);
+      break;
+    default:
+      throw new Error(`Uniwind: Unknown command ${command}`);
+  }
+};
+main().catch(error => {
+  console.error(error instanceof Error ? error.message : error);
+  process.exit(1);
+});

package/dist/common/bundler/config.js

@@ -43,6 +43,12 @@ class UniwindBundlerConfig {
   static fromViteConfig(config) {
     return new UniwindBundlerConfig(config, _consts.Platform.Web);
   }
+  static fromCliConfig(config) {
+    if (typeof config.cssEntryFile === "undefined") {
+      throw new Error("Uniwind: You need to pass css entry file, e.g. uniwind generate-artifacts --css ./global.css. Run uniwind generate-artifacts --help for usage.");
+    }
+    return new UniwindBundlerConfig(config, _consts.Platform.Web);
+  }
   get cssPath() {
     return _path.default.join(process.cwd(), this.config.cssEntryFile);
   }

package/dist/common/bundler/css-compiler/compileNativeCSS.js

@@ -9,11 +9,11 @@ const compileNativeCSS = (bundlerConfig, tailwindCSS) => {
   const Processor = new _cssProcessor.ProcessorBuilder(bundlerConfig);
   Processor.transform(tailwindCSS);
   const stylesheet = (0, _cssProcessor.serializeJSObject)((0, _cssProcessor.addMetaToStylesTemplate)(Processor, bundlerConfig.platform), (key, value) => `"${key}": ${value}`);
-  const vars = (0, _cssProcessor.serializeJSObject)(Processor.vars, (key, value) => `get "${key}"() { return ${value} }`);
+  const vars = (0, _cssProcessor.serializeJSObject)(Processor.vars, (key, value) => `"${key}": vars => ${value}`);
   const keyframes = (0, _cssProcessor.serializeJSObject)(Processor.keyframes, (key, value) => `get "${key}"() { return ${value} }`);
-  const scopedVars = Object.fromEntries(Object.entries(Processor.scopedVars).map(([scopedVarsName, scopedVars2]) => [scopedVarsName, (0, _cssProcessor.serializeJSObject)(scopedVars2, (key, value) => `get "${key}"() { return ${value} }`)]));
+  const scopedVars = Object.fromEntries(Object.entries(Processor.scopedVars).map(([scopedVarsName, scopedVars2]) => [scopedVarsName, (0, _cssProcessor.serializeJSObject)(scopedVars2, (key, value) => `"${key}": vars => ${value}`)]));
   const serializedScopedVars = Object.entries(scopedVars).map(([scopedVarsName, scopedVars2]) => `"${scopedVarsName}": ({ ${scopedVars2} }),`).join("");
-  const currentColorVar = `get currentColor() { return rt.colorScheme === 'dark' ? '#ffffff' : '#000000' },`;
+  const currentColorVar = `currentColor: () => rt.colorScheme === 'dark' ? '#ffffff' : '#000000',`;
   return ["({", `scopedVars: ({ ${serializedScopedVars} }),`, `vars: ({ ${currentColorVar} ${vars} }),`, `stylesheet: ({ ${stylesheet} }),`, `keyframes: ({ ${keyframes} }),`, "})"].join("");
 };
 exports.compileNativeCSS = compileNativeCSS;

package/dist/common/bundler/css-processor/addMetaToStylesTemplate.js

@@ -9,8 +9,8 @@ var _utils = require("@/common/utils");
 var _serialize = require("./serialize");
 var _utils2 = require("./utils");
 const extractVarsFromString = value => {
-  const thisIndexes = [...value.matchAll(/this\[/g)].map(m => m.index);
-  return thisIndexes.map(index => {
+  const varsIndexes = [...value.matchAll(/vars\[/g)].map(m => m.index);
+  return varsIndexes.map(index => {
     const afterIndex = value.slice(index + 5);
     const closingIndex = afterIndex.indexOf("]");
     const varName = afterIndex.slice(0, closingIndex);
@@ -62,7 +62,7 @@ const addMetaToStylesTemplate = (Processor, currentPlatform) => {
         dataAttributes,
         ...rest
       } = style;
-      const entries = Object.entries(rest).flatMap(([property, value]) => Processor.RN.cssToRN(property, value)).map(([property, value]) => [`"${property}"`, `function() { return ${(0, _serialize.serialize)(value)} }`]);
+      const entries = Object.entries(rest).flatMap(([property, value]) => Processor.RN.cssToRN(property, value)).map(([property, value]) => [`"${property}"`, `function(vars) { return ${(0, _serialize.serialize)(value)} }`]);
       if (platform) {
         const isTV = currentPlatform === _consts.Platform.AndroidTV || currentPlatform === _consts.Platform.AppleTV;
         const commonPlatform = isTV ? _consts.Platform.TV : _consts.Platform.Native;

package/dist/common/bundler/css-processor/color.js

@@ -30,7 +30,7 @@ class Color {
     }
     try {
       if (color.type === "currentcolor") {
-        return 'this["currentColor"]';
+        return 'vars["currentColor"]?.(vars)';
       }
       if (color.type === "rgb" || color.type === "srgb") {
         const alpha = typeof color.alpha === "number" ? color.alpha : (0, _utils.pipe)(color.alpha)(x => this.Processor.CSS.processValue(x), Number, x => isNaN(x) ? 1 : x);

package/dist/common/bundler/css-processor/css.js

@@ -228,7 +228,7 @@ class CSS {
             return this.Processor.Color.processColor(declarationValue.value);
           }
           if (declarationValue.value === "currentcolor") {
-            return 'this["currentColor"]';
+            return 'vars["currentColor"]?.(vars)';
           }
           return declarationValue.value;
         case "env":
@@ -260,7 +260,7 @@ class CSS {
         case "pair":
           return declarationValue.inside.type;
         case "currentcolor":
-          return 'this["currentColor"]';
+          return 'vars["currentColor"]?.(vars)';
         case "calc":
           return this.Processor.Functions.processCalc(declarationValue.value);
         case "min":

package/dist/common/bundler/css-processor/processor.js

@@ -130,7 +130,7 @@ class ProcessorBuilder {
     if (!isVar && important) {
       style.importantProperties.push(property);
     }
-    const match = typeof value === "string" ? value.match(/this\[`(.*?)`\]/) : null;
+    const match = typeof value === "string" ? value.match(/vars\["(.*?)"\]/) : null;
     if (match && !isVar) {
       const className = this.declarationConfig.className;
       if (className === null) {
@@ -262,12 +262,12 @@ class ProcessorBuilder {
           }
         });
         if ([rtl, theme, active, focus, disabled, dataAttributes].some(Boolean)) {
-          this.declarationConfig.rtl = rtl;
-          this.declarationConfig.theme = theme;
-          this.declarationConfig.active = active;
-          this.declarationConfig.focus = focus;
-          this.declarationConfig.disabled = disabled;
-          this.declarationConfig.dataAttributes = dataAttributes;
+          this.declarationConfig.rtl ??= rtl;
+          this.declarationConfig.theme ??= theme;
+          this.declarationConfig.active ??= active;
+          this.declarationConfig.focus ??= focus;
+          this.declarationConfig.disabled ??= disabled;
+          this.declarationConfig.dataAttributes ??= dataAttributes;
           rule.value.declarations?.declarations?.forEach(declaration => this.addDeclaration(declaration));
           rule.value.declarations?.importantDeclarations?.forEach(declaration => this.addDeclaration(declaration, true));
           rule.value.rules?.forEach(rule2 => this.parseRuleRec(rule2));

package/dist/common/bundler/css-processor/units.js

@@ -25,7 +25,7 @@ class Units {
         case "rem":
           return length.value * this.Processor.vars["--uniwind-em"];
         case "em":
-          return `this[\`--uniwind-em\`] * ${length.value}`;
+          return `vars["--uniwind-em"]?.(vars) * ${length.value}`;
         default:
           this.logger.warn(`Unsupported unit - ${length.unit}`);
           return length.value;

package/dist/common/bundler/css-processor/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uniq = exports.toCamelCase = exports.smartSplit = exports.shouldBeSerialized = exports.roundToPrecision = exports.removeKeys = exports.pipe = exports.isValidJSValue = exports.isNumber = exports.deepEqual = exports.addMissingSpaces = void 0;
+exports.toCamelCase = exports.smartSplit = exports.shouldBeSerialized = exports.roundToPrecision = exports.removeKeys = exports.pipe = exports.isValidJSValue = exports.isNumber = exports.deepEqual = exports.addMissingSpaces = void 0;
 const toCamelCase = str => str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 exports.toCamelCase = toCamelCase;
 const pipe = data => (...fns) => fns.reduce((acc, fn) => fn(acc), data);
@@ -23,10 +23,8 @@ const smartSplit = (str, separator = " ") => {
   return pipe(str)(x => x.replace(/\s\?\?\s/g, `${escaper}??${escaper}`), x => x.replace(/\s([+\-*/])\s/g, `${escaper}$1${escaper}`), x => x.split(separator), x => x.map(token => token.replace(new RegExp(escaper, "g"), " ")));
 };
 exports.smartSplit = smartSplit;
-const addMissingSpaces = str => pipe(str)(x => x.trim(), x => x.replace(/([^ {])this/g, "$1 this"), x => x.replace(/\](?=\d)/g, "] "), x => x.replace(/\](?=")/g, "] "), x => x.replace(/\)(?=\S)/g, ") "), x => x.replace(/(?<!^)(?<!\s)"(?=\d)/g, '" '));
+const addMissingSpaces = str => pipe(str)(x => x.trim(), x => x.replace(/\](?=\d)/g, "] "), x => x.replace(/\](?=")/g, "] "), x => x.replace(/\)(?=[^\s,])/g, ") "), x => x.replace(/(?<!^)(?<!\s)"(?=\d)/g, '" '));
 exports.addMissingSpaces = addMissingSpaces;
-const uniq = arr => Array.from(new Set(arr));
-exports.uniq = uniq;
 const isValidJSValue = jsValueString => {
   try {
     new Function(`const test = ${jsValueString}`);
@@ -40,7 +38,7 @@ const shouldBeSerialized = value => {
   if (value.includes("-")) {
     return value.split("-").some(shouldBeSerialized);
   }
-  return [isNumber(value), value.startsWith("this["), value.startsWith("rt."), /[*/+-]/.test(value), value.includes('"'), value.includes(" "), value === "(", value === ")"].some(Boolean);
+  return [isNumber(value), value.startsWith("vars["), value.startsWith("rt."), /[*/+-]/.test(value), value.includes('"'), value.includes(" "), value === "(", value === ")"].some(Boolean);
 };
 exports.shouldBeSerialized = shouldBeSerialized;
 const roundToPrecision = (value, precision) => parseFloat(value.toFixed(precision));

package/dist/common/bundler/css-processor/var.js

@@ -9,7 +9,7 @@ class Var {
     this.Processor = Processor;
   }
   processVar(variable) {
-    const value = `this[\`${variable.name.ident}\`]`;
+    const value = `vars[${JSON.stringify(variable.name.ident)}]?.(vars)`;
     if (!variable.fallback || variable.fallback.length === 0) {
       return value;
     }

package/dist/common/bundler/css-visitor/rule-visitor.js

@@ -87,7 +87,7 @@ class RuleVisitor {
       return;
     }
     this.processedClassNames.add(firstSelector.name);
-    return {
+    return this.removeNulls({
       type: "scope",
       value: {
         loc: styleRule.value.loc,
@@ -101,7 +101,7 @@ class RuleVisitor {
           name: theme
         }])
       }
-    };
+    });
   }
   // Fixes lightningcss serialization bug
   removeNulls(value) {

package/dist/common/bundler/logger.js

@@ -19,6 +19,9 @@ class Logger {
     }
     console.log(`${blue}Uniwind ${meta}- ${message}${reset}`);
   }
+  static info(message) {
+    console.log(`${blue}[Uniwind] ${message}${reset}`);
+  }
   static error(message, meta = "") {
     console.log(`${red}Uniwind Error ${meta}- ${message}${reset}`);
   }

package/dist/common/core/config/config.native.js

@@ -31,11 +31,7 @@ class UniwindConfigBuilder extends _config.UniwindConfigBuilder {
         return varValue;
       };
       _native.UniwindStore.vars[theme] ??= {};
-      Object.defineProperty(_native.UniwindStore.vars[theme], varName, {
-        configurable: true,
-        enumerable: true,
-        get: getValue
-      });
+      _native.UniwindStore.vars[theme][varName] = getValue;
     });
     _listener.UniwindListener.notify([_consts.StyleDependency.Variables]);
   }

package/dist/common/core/native/native-utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.colorMix = exports.cloneWithAccessors = void 0;
+exports.colorMix = void 0;
 exports.lightDark = lightDark;
 exports.parseColor = void 0;
 var _culori = require("culori");
@@ -28,13 +28,6 @@ function lightDark(light, dark) {
   }
   return light;
 }
-const cloneWithAccessors = obj => {
-  const proto = Object.getPrototypeOf(obj);
-  const clone = Object.create(proto);
-  Object.defineProperties(clone, Object.getOwnPropertyDescriptors(obj));
-  return clone;
-};
-exports.cloneWithAccessors = cloneWithAccessors;
 const parseColor = (type, color) => {
   try {
     const parsedColor = (0, _culori.parse)(`${type}(${color})`);

package/dist/common/core/native/parsers/textShadow.js

@@ -13,27 +13,15 @@ const parseTextShadowMutation = styles => {
   const offsets = tokens.filter(token => token !== color);
   const [offsetX, offsetY, radius] = offsets;
   if (offsetX !== void 0 && offsetY !== void 0) {
-    Object.defineProperty(styles, "textShadowOffset", {
-      configurable: true,
-      enumerable: true,
-      value: {
-        width: Number(offsetX),
-        height: Number(offsetY)
-      }
-    });
+    styles.textShadowOffset = {
+      width: Number(offsetX),
+      height: Number(offsetY)
+    };
     delete styles.textShadow;
   }
   if (radius !== void 0) {
-    Object.defineProperty(styles, "textShadowRadius", {
-      configurable: true,
-      enumerable: true,
-      value: Number(radius)
-    });
+    styles.textShadowRadius = Number(radius);
   }
-  Object.defineProperty(styles, "textShadowColor", {
-    configurable: true,
-    enumerable: true,
-    value: color
-  });
+  styles.textShadowColor = color;
 };
 exports.parseTextShadowMutation = parseTextShadowMutation;

package/dist/common/core/native/parsers/transforms.js

@@ -37,11 +37,7 @@ const parseTransformsMutation = (styles, preserve = false) => {
     }
   }
   if (transformsResult.length > 0) {
-    Object.defineProperty(styles, "transform", {
-      configurable: true,
-      enumerable: true,
-      value: transformsResult
-    });
+    styles.transform = transformsResult;
   }
 };
 exports.parseTransformsMutation = parseTransformsMutation;