@semcore/core 2.39.1-prerelease.8 → 16.0.0-prerelease.2

package/lib/theme/utils.js

@@ -0,0 +1,297 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokensToJson = exports.tokensToJs = exports.tokensToCss = exports.processTokens = void 0;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _colorjs = _interopRequireDefault(require("colorjs.io"));
+var Color = _colorjs["default"];
+var processTokens = function processTokens(base, tokens, prefix) {
+  var values = {};
+  var modifications = {};
+  var types = {};
+  var descriptions = {};
+  var mixins = [];
+  var traverse = function traverse(node) {
+    var pathParts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    for (var key in node) {
+      if (key === 'type') continue;
+      if (key === 'value') continue;
+      if (key === 'description') continue;
+      if (key === '$extensions') continue;
+      traverse(node[key], [].concat((0, _toConsumableArray2["default"])(pathParts), [key]));
+    }
+    if ('type' in node && typeof node.type === 'string') {
+      var path = pathParts.join('-');
+      types[path] = node.type;
+      if ((0, _typeof2["default"])(node.value) === 'object') {
+        mixins.push(path);
+        return;
+      }
+      if (values[path]) {
+        throw new Error("Duplicated design token \"".concat(path, "\""));
+      }
+      values[path] = node.value;
+      if (typeof node.description === 'string') descriptions[path] = node.description;
+      if (node.$extensions) {
+        for (var extension in node.$extensions) {
+          if (extension === 'studio.tokens') {
+            var _modifications$path;
+            (_modifications$path = modifications[path]) !== null && _modifications$path !== void 0 ? _modifications$path : modifications[path] = [];
+            modifications[path].push(node.$extensions['studio.tokens'].modify);
+          } else {
+            throw new Error("Unsupported extension \"".concat(extension, "\" for design token \"").concat(path, "\""));
+          }
+        }
+      }
+    }
+  };
+  traverse(tokens);
+  var resolveColor = function resolveColor(color) {
+    if (color.includes('linear-gradient')) {
+      return replaceColors(color);
+    }
+    if (color.startsWith('rgba(') && color.endsWith(')')) {
+      var lastComa = color.lastIndexOf(',');
+      var alpha = parseFloat(color.substring(lastComa + 1, color.length - 1));
+      if (Number.isNaN(alpha)) {
+        throw new Error("Unable to parse rgba of ".concat(color));
+      }
+      var resolvedColor = color.substring('rgba('.length, lastComa);
+      if (resolvedColor.startsWith('{')) resolvedColor = resolveColor(resolvedColor);
+      if (resolvedColor.startsWith('$')) resolvedColor = resolveColor(resolvedColor);
+      if (resolvedColor.startsWith('#')) {
+        if (resolvedColor.length === 1 + 3) {
+          resolvedColor = [resolvedColor[1], resolvedColor[2], resolvedColor[3]].map(function (hex) {
+            return parseInt(hex, 16);
+          }).join(', ');
+        } else if (resolvedColor.length === 1 + 6) {
+          resolvedColor = [resolvedColor.substring(1, 3), resolvedColor.substring(3, 5), resolvedColor.substring(5, 7)].map(function (hex) {
+            return parseInt(hex, 16);
+          }).join(', ');
+        } else {
+          throw new Error("Unable to convert hex ".concat(resolveColor, " to rgb list of colors (processing ").concat(color, ")"));
+        }
+      }
+      if (!resolvedColor || resolvedColor.split(',').length !== 3) {
+        throw new Error("Unable to produce rgba of ".concat(color, " (input format is not supported yet)"));
+      }
+      return "rgba(".concat(resolvedColor, ", ").concat(alpha, ")");
+    }
+    if (color.split(', ').length === 2) {
+      var baseColor = resolveColor(color.split(', ')[0]);
+      var _map = (baseColor.length === 4 ? [baseColor[1], baseColor[2], baseColor[3]] : [baseColor.substring(1, 3), baseColor.substring(3, 5), baseColor.substring(5, 7)]).map(function (chunk) {
+          return parseInt(chunk, 16);
+        }),
+        _map2 = (0, _slicedToArray2["default"])(_map, 3),
+        r = _map2[0],
+        g = _map2[1],
+        b = _map2[2];
+      var a = parseFloat(color.split(', ')[1]);
+      return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+    }
+    if (color.startsWith('{') && color.split('.').length > 0 && color.endsWith('}')) {
+      var _getByPath$value, _getByPath;
+      var path = color.substring(1, color.length - 1);
+      var _resolvedColor = (_getByPath$value = (_getByPath = getByPath(base, path)) === null || _getByPath === void 0 ? void 0 : _getByPath.value) !== null && _getByPath$value !== void 0 ? _getByPath$value : values[path.split('.').join('-')];
+      if (!_resolvedColor) {
+        throw new Error("Color ".concat(color, " was not found in base palette"));
+      }
+      return _resolvedColor;
+    }
+    if (color.startsWith('$') && color.split('.').length > 0) {
+      var _getByPath$value2, _getByPath2;
+      var _path = color.substring(1);
+      var _resolvedColor2 = (_getByPath$value2 = (_getByPath2 = getByPath(base, _path)) === null || _getByPath2 === void 0 ? void 0 : _getByPath2.value) !== null && _getByPath$value2 !== void 0 ? _getByPath$value2 : values[_path.split('.').join('-')];
+      if (!_resolvedColor2) {
+        throw new Error("Color ".concat(color, " was not found"));
+      }
+      return _resolvedColor2;
+    }
+    if (color.startsWith('#')) {
+      return color;
+    }
+    throw new Error("Unable to process color ".concat(color));
+  };
+  var resolveToken = function resolveToken(token) {
+    if (token.includes('*')) {
+      var _token$split = token.split('*'),
+        _token$split2 = (0, _slicedToArray2["default"])(_token$split, 2),
+        value = _token$split2[0],
+        factor = _token$split2[1];
+      var resolvedValue = resolveToken(value);
+      if (!resolvedValue.endsWith('px')) {
+        throw new Error("Unsupported expression ".concat(token));
+      }
+      return "".concat(parseFloat(resolvedValue) * parseFloat(factor), "px");
+    } else if (token.includes('{') && token.includes('}')) {
+      var reference = token.substring(token.indexOf('{') + 1, token.indexOf('}')).replace(/\./g, '-');
+      var resolvedToken = token.substring(0, token.indexOf('{')) + values[reference] + token.substring(token.indexOf('}') + 1);
+      if (!resolvedToken || resolvedToken.includes('{')) {
+        throw new Error("On moment of resolving ".concat(token, ", ").concat(resolvedToken, " was not resolved yet"));
+      }
+      return resolvedToken;
+    } else {
+      return token;
+    }
+  };
+  var replaceColors = function replaceColors(str) {
+    var result = '';
+    for (var i = 0; i < str.length; i++) {
+      if (str.substring(i, i + 'rgba('.length) === 'rgba(') {
+        var start = i;
+        while (str[i] !== undefined && str[i] !== ')') i++;
+        result += resolveColor(str.substring(start, i + 1));
+      } else {
+        result += str[i];
+      }
+    }
+    return result;
+  };
+  var rawValues = (0, _objectSpread2["default"])({}, values);
+  for (var token in values) {
+    var _modifications$token;
+    if (types[token] === 'color') {
+      values[token] = resolveColor(values[token]);
+    } else if (types[token] === 'boxShadow') {
+      values[token] = resolveToken(values[token].split('; ').map(replaceColors).join(', '));
+    } else if (types[token] === 'sizing' || types[token] === 'spacing' || types[token] === 'borderRadius' || types[token] === 'other') {
+      values[token] = resolveToken(values[token]);
+    }
+    var _iterator = (0, _createForOfIteratorHelper2["default"])((_modifications$token = modifications[token]) !== null && _modifications$token !== void 0 ? _modifications$token : []),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var modification = _step.value;
+        // refer to https://docs.tokens.studio/tokens/color-modifiers and https://github.com/tokens-studio/figma-plugin/tree/main/src/utils/color if extention is needed
+        var color = new Color(values[token]);
+        if (modification.space === 'hsl') {
+          if (modification.type === 'lighten') {
+            var lightness = color.hsl.l;
+            var difference = 100 - lightness;
+            color.set('hsl.l', Math.min(100, lightness + difference * modification.value));
+            rawValues[token] = "".concat(rawValues[token], " / lighten(").concat(modification.value, ") / hsl");
+          } else {
+            throw new Error("Unsupported color modification ".concat(modification.type, " of token ").concat(token));
+          }
+        } else {
+          throw new Error("Unsupported color space ".concat(modification.space, " of token ").concat(token));
+        }
+        color = color.to('sRGB');
+        if (color.alpha !== 1) {
+          var r = Math.round(color.r * 255);
+          var g = Math.round(color.g * 255);
+          var b = Math.round(color.b * 255);
+          var a = color.alpha;
+          values[token] = "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+        } else {
+          values[token] = color.toString({
+            format: 'hex'
+          });
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  var processedTokens = [];
+  for (var _token in values) {
+    processedTokens.push({
+      name: "--".concat(prefix, "-").concat(_token),
+      description: descriptions[_token],
+      value: values[_token]
+    });
+  }
+  return {
+    processedTokens: processedTokens,
+    values: values,
+    types: types,
+    rawValues: rawValues,
+    descriptions: descriptions
+  };
+};
+exports.processTokens = processTokens;
+var tokensToCss = function tokensToCss(tokens) {
+  var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ':root';
+  var cssLines = [];
+  cssLines.push("".concat(selector, " {"));
+  var _iterator2 = (0, _createForOfIteratorHelper2["default"])(tokens),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var token = _step2.value;
+      if (token.description) cssLines.push("  /* ".concat(token.description, " */"));
+      cssLines.push("  ".concat(token.name, ": ").concat(token.value, ";"));
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  cssLines.push('}');
+  return cssLines.join('\n');
+};
+exports.tokensToCss = tokensToCss;
+var tokensToJson = function tokensToJson(tokens) {
+  var themeFile = {};
+  var _iterator3 = (0, _createForOfIteratorHelper2["default"])(tokens),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var token = _step3.value;
+      themeFile[token.name] = token.value;
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return JSON.stringify(themeFile, null, 2) + '\n';
+};
+exports.tokensToJson = tokensToJson;
+var tokensToJs = function tokensToJs(tokens) {
+  var jsLines = [];
+  jsLines.push('export default {');
+  var _iterator4 = (0, _createForOfIteratorHelper2["default"])(tokens),
+    _step4;
+  try {
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      var token = _step4.value;
+      jsLines.push("  '".concat(token.name, "': '").concat(token.value, "',"));
+    }
+  } catch (err) {
+    _iterator4.e(err);
+  } finally {
+    _iterator4.f();
+  }
+  jsLines.push('}\n');
+  return jsLines.join('\n');
+};
+exports.tokensToJs = tokensToJs;
+var getByPath = function getByPath(obj, path) {
+  var parts = path.split('.');
+  var result = obj;
+  var _iterator5 = (0, _createForOfIteratorHelper2["default"])(parts),
+    _step5;
+  try {
+    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+      var _result;
+      var part = _step5.value;
+      result = (_result = result) === null || _result === void 0 ? void 0 : _result[part];
+    }
+  } catch (err) {
+    _iterator5.e(err);
+  } finally {
+    _iterator5.f();
+  }
+  return result;
+};
+//# sourceMappingURL=utils.js.map

package/lib/theme/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["_colorjs","_interopRequireDefault","require","Color","ColorJS","processTokens","base","tokens","prefix","values","modifications","types","descriptions","mixins","traverse","node","pathParts","arguments","length","undefined","key","concat","_toConsumableArray2","type","path","join","_typeof2","value","push","Error","description","$extensions","extension","_modifications$path","modify","resolveColor","color","includes","replaceColors","startsWith","endsWith","lastComa","lastIndexOf","alpha","parseFloat","substring","Number","isNaN","resolvedColor","map","hex","parseInt","split","baseColor","_map","chunk","_map2","_slicedToArray2","r","g","b","a","_getByPath$value","_getByPath","getByPath","_getByPath$value2","_getByPath2","resolveToken","token","_token$split","_token$split2","factor","resolvedValue","reference","indexOf","replace","resolvedToken","str","result","i","start","rawValues","_objectSpread2","_modifications$token","_iterator","_createForOfIteratorHelper2","_step","s","n","done","modification","space","lightness","hsl","l","difference","set","Math","min","to","round","toString","format","err","e","f","processedTokens","name","exports","tokensToCss","selector","cssLines","_iterator2","_step2","tokensToJson","themeFile","_iterator3","_step3","JSON","stringify","tokensToJs","jsLines","_iterator4","_step4","obj","parts","_iterator5","_step5","_result","part"],"sources":["../../src/theme/utils.ts"],"sourcesContent":["import ColorJS from 'colorjs.io';\nconst Color = ColorJS as any;\n\ntype ExtensionsInput = {\n  'studio.tokens': {\n    modify: {\n      type: string;\n      value: number;\n      space: string;\n    };\n  };\n};\n\ntype TokensInput = {\n  [nestedKey: string]:\n    | TokensInput\n    | {\n        value: string;\n        type: string;\n        description: string;\n        $extensions?: ExtensionsInput;\n      };\n};\n\nexport const processTokens = (base: TokensInput, tokens: TokensInput, prefix: string) => {\n  const values: { [tokenName: string]: string } = {};\n  const modifications: {\n    [tokenName: string]: {\n      type: 'lighten' | 'darken' | 'alpha';\n      value: number;\n      space: 'lch' | 'srgb' | 'p3' | 'hsl';\n    }[];\n  } = {};\n  const types: { [tokenName: string]: string } = {};\n  const descriptions: { [tokenName: string]: string } = {};\n  const mixins: string[] = [];\n  type ColorPattern =\n    | `{${string}.${string}}`\n    | `{${string}.${string}}, ${number}`\n    | `#${string}`\n    | `{${string}.${string}}, ${number}`;\n  type DesignTokenNode =\n    | {\n        type: string;\n        value:\n          | string\n          | { [subTokens: string]: `{${string}}` }\n          | ColorPattern\n          | `{${string}}`\n          | `{${string}*${number}}`\n          | `${ColorPattern}; ${ColorPattern}`;\n\n        description?: string;\n        $extensions?: ExtensionsInput;\n      }\n    | DesignTokenTree;\n  type DesignTokenTree = { [childrenNodeName: string]: DesignTokenNode };\n  const traverse = (node: DesignTokenNode, pathParts: string[] = []) => {\n    for (const key in node) {\n      if (key === 'type') continue;\n      if (key === 'value') continue;\n      if (key === 'description') continue;\n      if (key === '$extensions') continue;\n      traverse((node as any)[key], [...pathParts, key]);\n    }\n    if ('type' in node && typeof node.type === 'string') {\n      const path = pathParts.join('-');\n      types[path] = node.type;\n      if (typeof node.value === 'object') {\n        mixins.push(path);\n        return;\n      }\n      if (values[path]) {\n        throw new Error(`Duplicated design token \"${path}\"`);\n      }\n      values[path] = node.value;\n      if (typeof node.description === 'string') descriptions[path] = node.description;\n      if (node.$extensions) {\n        for (const extension in node.$extensions) {\n          if (extension === 'studio.tokens') {\n            modifications[path] ??= [];\n            modifications[path].push((node.$extensions as any)['studio.tokens'].modify);\n          } else {\n            throw new Error(`Unsupported extension \"${extension}\" for design token \"${path}\"`);\n          }\n        }\n      }\n    }\n  };\n\n  traverse(tokens);\n\n  const resolveColor = (color: string): string => {\n    if (color.includes('linear-gradient')) {\n      return replaceColors(color);\n    }\n    if (color.startsWith('rgba(') && color.endsWith(')')) {\n      const lastComa = color.lastIndexOf(',');\n      const alpha = parseFloat(color.substring(lastComa + 1, color.length - 1));\n      if (Number.isNaN(alpha)) {\n        throw new Error(`Unable to parse rgba of ${color}`);\n      }\n      let resolvedColor = color.substring('rgba('.length, lastComa);\n      if (resolvedColor.startsWith('{')) resolvedColor = resolveColor(resolvedColor);\n      if (resolvedColor.startsWith('$')) resolvedColor = resolveColor(resolvedColor);\n      if (resolvedColor.startsWith('#')) {\n        if (resolvedColor.length === 1 + 3) {\n          resolvedColor = [resolvedColor[1], resolvedColor[2], resolvedColor[3]]\n            .map((hex) => parseInt(hex, 16))\n            .join(', ');\n        } else if (resolvedColor.length === 1 + 6) {\n          resolvedColor = [\n            resolvedColor.substring(1, 3),\n            resolvedColor.substring(3, 5),\n            resolvedColor.substring(5, 7),\n          ]\n            .map((hex) => parseInt(hex, 16))\n            .join(', ');\n        } else {\n          throw new Error(\n            `Unable to convert hex ${resolveColor} to rgb list of colors (processing ${color})`,\n          );\n        }\n      }\n\n      if (!resolvedColor || resolvedColor.split(',').length !== 3) {\n        throw new Error(`Unable to produce rgba of ${color} (input format is not supported yet)`);\n      }\n\n      return `rgba(${resolvedColor}, ${alpha})`;\n    }\n    if (color.split(', ').length === 2) {\n      const baseColor = resolveColor(color.split(', ')[0]);\n      const [r, g, b] = (\n        baseColor.length === 4\n          ? [baseColor[1], baseColor[2], baseColor[3]]\n          : [baseColor.substring(1, 3), baseColor.substring(3, 5), baseColor.substring(5, 7)]\n      ).map((chunk) => parseInt(chunk, 16));\n      const a = parseFloat(color.split(', ')[1]);\n\n      return `rgba(${r}, ${g}, ${b}, ${a})`;\n    }\n    if (color.startsWith('{') && color.split('.').length > 0 && color.endsWith('}')) {\n      const path = color.substring(1, color.length - 1);\n      const resolvedColor =\n        getByPath(base as any, path)?.value ?? values[path.split('.').join('-')];\n      if (!resolvedColor) {\n        throw new Error(`Color ${color} was not found in base palette`);\n      }\n      return resolvedColor;\n    }\n    if (color.startsWith('$') && color.split('.').length > 0) {\n      const path = color.substring(1);\n      const resolvedColor =\n        getByPath(base as any, path)?.value ?? values[path.split('.').join('-')];\n      if (!resolvedColor) {\n        throw new Error(`Color ${color} was not found`);\n      }\n      return resolvedColor;\n    }\n    if (color.startsWith('#')) {\n      return color;\n    }\n    throw new Error(`Unable to process color ${color}`);\n  };\n  const resolveToken = (token: string): string => {\n    if (token.includes('*')) {\n      const [value, factor] = token.split('*');\n      const resolvedValue = resolveToken(value);\n      if (!resolvedValue.endsWith('px')) {\n        throw new Error(`Unsupported expression ${token}`);\n      }\n      return `${parseFloat(resolvedValue) * parseFloat(factor)}px`;\n    } else if (token.includes('{') && token.includes('}')) {\n      const reference = token\n        .substring(token.indexOf('{') + 1, token.indexOf('}'))\n        .replace(/\\./g, '-');\n      const resolvedToken =\n        token.substring(0, token.indexOf('{')) +\n        values[reference] +\n        token.substring(token.indexOf('}') + 1);\n      if (!resolvedToken || resolvedToken.includes('{')) {\n        throw new Error(`On moment of resolving ${token}, ${resolvedToken} was not resolved yet`);\n      }\n      return resolvedToken;\n    } else {\n      return token;\n    }\n  };\n  const replaceColors = (str: string) => {\n    let result = '';\n    for (let i = 0; i < str.length; i++) {\n      if (str.substring(i, i + 'rgba('.length) === 'rgba(') {\n        const start = i;\n        while (str[i] !== undefined && str[i] !== ')') i++;\n        result += resolveColor(str.substring(start, i + 1));\n      } else {\n        result += str[i];\n      }\n    }\n\n    return result;\n  };\n\n  const rawValues = { ...values };\n\n  for (const token in values) {\n    if (types[token] === 'color') {\n      values[token] = resolveColor(values[token]);\n    } else if (types[token] === 'boxShadow') {\n      values[token] = resolveToken(values[token].split('; ').map(replaceColors).join(', '));\n    } else if (\n      types[token] === 'sizing' ||\n      types[token] === 'spacing' ||\n      types[token] === 'borderRadius' ||\n      types[token] === 'other'\n    ) {\n      values[token] = resolveToken(values[token]);\n    }\n    for (const modification of modifications[token] ?? []) {\n      // refer to https://docs.tokens.studio/tokens/color-modifiers and https://github.com/tokens-studio/figma-plugin/tree/main/src/utils/color if extention is needed\n      let color = new Color(values[token]);\n\n      if (modification.space === 'hsl') {\n        if (modification.type === 'lighten') {\n          const lightness = color.hsl.l;\n          const difference = 100 - lightness;\n          color.set('hsl.l', Math.min(100, lightness + difference * modification.value));\n          rawValues[token] = `${rawValues[token]} / lighten(${modification.value}) / hsl`;\n        } else {\n          throw new Error(`Unsupported color modification ${modification.type} of token ${token}`);\n        }\n      } else {\n        throw new Error(`Unsupported color space ${modification.space} of token ${token}`);\n      }\n\n      color = color.to('sRGB');\n\n      if (color.alpha !== 1) {\n        const r = Math.round(color.r * 255);\n        const g = Math.round(color.g * 255);\n        const b = Math.round(color.b * 255);\n        const a = color.alpha;\n        values[token] = `rgba(${r}, ${g}, ${b}, ${a})`;\n      } else {\n        values[token] = color.toString({ format: 'hex' });\n      }\n    }\n  }\n\n  const processedTokens: { name: string; value: string; description: string }[] = [];\n  for (const token in values) {\n    processedTokens.push({\n      name: `--${prefix}-${token}`,\n      description: descriptions[token],\n      value: values[token],\n    });\n  }\n\n  return { processedTokens, values, types, rawValues, descriptions };\n};\n\nexport const tokensToCss = (\n  tokens: { name: string; value: string; description: string }[],\n  selector = ':root',\n) => {\n  const cssLines: string[] = [];\n  cssLines.push(`${selector} {`);\n  for (const token of tokens) {\n    if (token.description) cssLines.push(`  /* ${token.description} */`);\n    cssLines.push(`  ${token.name}: ${token.value};`);\n  }\n  cssLines.push('}');\n  return cssLines.join('\\n');\n};\nexport const tokensToJson = (tokens: { name: string; value: string; description: string }[]) => {\n  const themeFile: Record<string, string> = {};\n  for (const token of tokens) {\n    themeFile[token.name] = token.value;\n  }\n  return JSON.stringify(themeFile, null, 2) + '\\n';\n};\nexport const tokensToJs = (tokens: { name: string; value: string; description: string }[]) => {\n  const jsLines: string[] = [];\n  jsLines.push('export default {');\n  for (const token of tokens) {\n    jsLines.push(`  '${token.name}': '${token.value}',`);\n  }\n  jsLines.push('}\\n');\n  return jsLines.join('\\n');\n};\n\nconst getByPath = (obj: any, path: string) => {\n  const parts = path.split('.');\n  let result = obj;\n  for (const part of parts) {\n    result = result?.[part];\n  }\n  return result;\n};\n"],"mappings":"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"}

package/lib/theme/utils.mjs

@@ -0,0 +1,286 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import ColorJS from 'colorjs.io';
+var Color = ColorJS;
+export var processTokens = function processTokens(base, tokens, prefix) {
+  var values = {};
+  var modifications = {};
+  var types = {};
+  var descriptions = {};
+  var mixins = [];
+  var traverse = function traverse(node) {
+    var pathParts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    for (var key in node) {
+      if (key === 'type') continue;
+      if (key === 'value') continue;
+      if (key === 'description') continue;
+      if (key === '$extensions') continue;
+      traverse(node[key], [].concat(_toConsumableArray(pathParts), [key]));
+    }
+    if ('type' in node && typeof node.type === 'string') {
+      var path = pathParts.join('-');
+      types[path] = node.type;
+      if (_typeof(node.value) === 'object') {
+        mixins.push(path);
+        return;
+      }
+      if (values[path]) {
+        throw new Error("Duplicated design token \"".concat(path, "\""));
+      }
+      values[path] = node.value;
+      if (typeof node.description === 'string') descriptions[path] = node.description;
+      if (node.$extensions) {
+        for (var extension in node.$extensions) {
+          if (extension === 'studio.tokens') {
+            var _modifications$path;
+            (_modifications$path = modifications[path]) !== null && _modifications$path !== void 0 ? _modifications$path : modifications[path] = [];
+            modifications[path].push(node.$extensions['studio.tokens'].modify);
+          } else {
+            throw new Error("Unsupported extension \"".concat(extension, "\" for design token \"").concat(path, "\""));
+          }
+        }
+      }
+    }
+  };
+  traverse(tokens);
+  var resolveColor = function resolveColor(color) {
+    if (color.includes('linear-gradient')) {
+      return replaceColors(color);
+    }
+    if (color.startsWith('rgba(') && color.endsWith(')')) {
+      var lastComa = color.lastIndexOf(',');
+      var alpha = parseFloat(color.substring(lastComa + 1, color.length - 1));
+      if (Number.isNaN(alpha)) {
+        throw new Error("Unable to parse rgba of ".concat(color));
+      }
+      var resolvedColor = color.substring('rgba('.length, lastComa);
+      if (resolvedColor.startsWith('{')) resolvedColor = resolveColor(resolvedColor);
+      if (resolvedColor.startsWith('$')) resolvedColor = resolveColor(resolvedColor);
+      if (resolvedColor.startsWith('#')) {
+        if (resolvedColor.length === 1 + 3) {
+          resolvedColor = [resolvedColor[1], resolvedColor[2], resolvedColor[3]].map(function (hex) {
+            return parseInt(hex, 16);
+          }).join(', ');
+        } else if (resolvedColor.length === 1 + 6) {
+          resolvedColor = [resolvedColor.substring(1, 3), resolvedColor.substring(3, 5), resolvedColor.substring(5, 7)].map(function (hex) {
+            return parseInt(hex, 16);
+          }).join(', ');
+        } else {
+          throw new Error("Unable to convert hex ".concat(resolveColor, " to rgb list of colors (processing ").concat(color, ")"));
+        }
+      }
+      if (!resolvedColor || resolvedColor.split(',').length !== 3) {
+        throw new Error("Unable to produce rgba of ".concat(color, " (input format is not supported yet)"));
+      }
+      return "rgba(".concat(resolvedColor, ", ").concat(alpha, ")");
+    }
+    if (color.split(', ').length === 2) {
+      var baseColor = resolveColor(color.split(', ')[0]);
+      var _map = (baseColor.length === 4 ? [baseColor[1], baseColor[2], baseColor[3]] : [baseColor.substring(1, 3), baseColor.substring(3, 5), baseColor.substring(5, 7)]).map(function (chunk) {
+          return parseInt(chunk, 16);
+        }),
+        _map2 = _slicedToArray(_map, 3),
+        r = _map2[0],
+        g = _map2[1],
+        b = _map2[2];
+      var a = parseFloat(color.split(', ')[1]);
+      return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+    }
+    if (color.startsWith('{') && color.split('.').length > 0 && color.endsWith('}')) {
+      var _getByPath$value, _getByPath;
+      var path = color.substring(1, color.length - 1);
+      var _resolvedColor = (_getByPath$value = (_getByPath = getByPath(base, path)) === null || _getByPath === void 0 ? void 0 : _getByPath.value) !== null && _getByPath$value !== void 0 ? _getByPath$value : values[path.split('.').join('-')];
+      if (!_resolvedColor) {
+        throw new Error("Color ".concat(color, " was not found in base palette"));
+      }
+      return _resolvedColor;
+    }
+    if (color.startsWith('$') && color.split('.').length > 0) {
+      var _getByPath$value2, _getByPath2;
+      var _path = color.substring(1);
+      var _resolvedColor2 = (_getByPath$value2 = (_getByPath2 = getByPath(base, _path)) === null || _getByPath2 === void 0 ? void 0 : _getByPath2.value) !== null && _getByPath$value2 !== void 0 ? _getByPath$value2 : values[_path.split('.').join('-')];
+      if (!_resolvedColor2) {
+        throw new Error("Color ".concat(color, " was not found"));
+      }
+      return _resolvedColor2;
+    }
+    if (color.startsWith('#')) {
+      return color;
+    }
+    throw new Error("Unable to process color ".concat(color));
+  };
+  var resolveToken = function resolveToken(token) {
+    if (token.includes('*')) {
+      var _token$split = token.split('*'),
+        _token$split2 = _slicedToArray(_token$split, 2),
+        value = _token$split2[0],
+        factor = _token$split2[1];
+      var resolvedValue = resolveToken(value);
+      if (!resolvedValue.endsWith('px')) {
+        throw new Error("Unsupported expression ".concat(token));
+      }
+      return "".concat(parseFloat(resolvedValue) * parseFloat(factor), "px");
+    } else if (token.includes('{') && token.includes('}')) {
+      var reference = token.substring(token.indexOf('{') + 1, token.indexOf('}')).replace(/\./g, '-');
+      var resolvedToken = token.substring(0, token.indexOf('{')) + values[reference] + token.substring(token.indexOf('}') + 1);
+      if (!resolvedToken || resolvedToken.includes('{')) {
+        throw new Error("On moment of resolving ".concat(token, ", ").concat(resolvedToken, " was not resolved yet"));
+      }
+      return resolvedToken;
+    } else {
+      return token;
+    }
+  };
+  var replaceColors = function replaceColors(str) {
+    var result = '';
+    for (var i = 0; i < str.length; i++) {
+      if (str.substring(i, i + 'rgba('.length) === 'rgba(') {
+        var start = i;
+        while (str[i] !== undefined && str[i] !== ')') i++;
+        result += resolveColor(str.substring(start, i + 1));
+      } else {
+        result += str[i];
+      }
+    }
+    return result;
+  };
+  var rawValues = _objectSpread({}, values);
+  for (var token in values) {
+    var _modifications$token;
+    if (types[token] === 'color') {
+      values[token] = resolveColor(values[token]);
+    } else if (types[token] === 'boxShadow') {
+      values[token] = resolveToken(values[token].split('; ').map(replaceColors).join(', '));
+    } else if (types[token] === 'sizing' || types[token] === 'spacing' || types[token] === 'borderRadius' || types[token] === 'other') {
+      values[token] = resolveToken(values[token]);
+    }
+    var _iterator = _createForOfIteratorHelper((_modifications$token = modifications[token]) !== null && _modifications$token !== void 0 ? _modifications$token : []),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var modification = _step.value;
+        // refer to https://docs.tokens.studio/tokens/color-modifiers and https://github.com/tokens-studio/figma-plugin/tree/main/src/utils/color if extention is needed
+        var color = new Color(values[token]);
+        if (modification.space === 'hsl') {
+          if (modification.type === 'lighten') {
+            var lightness = color.hsl.l;
+            var difference = 100 - lightness;
+            color.set('hsl.l', Math.min(100, lightness + difference * modification.value));
+            rawValues[token] = "".concat(rawValues[token], " / lighten(").concat(modification.value, ") / hsl");
+          } else {
+            throw new Error("Unsupported color modification ".concat(modification.type, " of token ").concat(token));
+          }
+        } else {
+          throw new Error("Unsupported color space ".concat(modification.space, " of token ").concat(token));
+        }
+        color = color.to('sRGB');
+        if (color.alpha !== 1) {
+          var r = Math.round(color.r * 255);
+          var g = Math.round(color.g * 255);
+          var b = Math.round(color.b * 255);
+          var a = color.alpha;
+          values[token] = "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+        } else {
+          values[token] = color.toString({
+            format: 'hex'
+          });
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  var processedTokens = [];
+  for (var _token2 in values) {
+    processedTokens.push({
+      name: "--".concat(prefix, "-").concat(_token2),
+      description: descriptions[_token2],
+      value: values[_token2]
+    });
+  }
+  return {
+    processedTokens: processedTokens,
+    values: values,
+    types: types,
+    rawValues: rawValues,
+    descriptions: descriptions
+  };
+};
+export var tokensToCss = function tokensToCss(tokens) {
+  var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ':root';
+  var cssLines = [];
+  cssLines.push("".concat(selector, " {"));
+  var _iterator2 = _createForOfIteratorHelper(tokens),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var token = _step2.value;
+      if (token.description) cssLines.push("  /* ".concat(token.description, " */"));
+      cssLines.push("  ".concat(token.name, ": ").concat(token.value, ";"));
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  cssLines.push('}');
+  return cssLines.join('\n');
+};
+export var tokensToJson = function tokensToJson(tokens) {
+  var themeFile = {};
+  var _iterator3 = _createForOfIteratorHelper(tokens),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var token = _step3.value;
+      themeFile[token.name] = token.value;
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return JSON.stringify(themeFile, null, 2) + '\n';
+};
+export var tokensToJs = function tokensToJs(tokens) {
+  var jsLines = [];
+  jsLines.push('export default {');
+  var _iterator4 = _createForOfIteratorHelper(tokens),
+    _step4;
+  try {
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      var token = _step4.value;
+      jsLines.push("  '".concat(token.name, "': '").concat(token.value, "',"));
+    }
+  } catch (err) {
+    _iterator4.e(err);
+  } finally {
+    _iterator4.f();
+  }
+  jsLines.push('}\n');
+  return jsLines.join('\n');
+};
+var getByPath = function getByPath(obj, path) {
+  var parts = path.split('.');
+  var result = obj;
+  var _iterator5 = _createForOfIteratorHelper(parts),
+    _step5;
+  try {
+    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+      var _result;
+      var part = _step5.value;
+      result = (_result = result) === null || _result === void 0 ? void 0 : _result[part];
+    }
+  } catch (err) {
+    _iterator5.e(err);
+  } finally {
+    _iterator5.f();
+  }
+  return result;
+};
+//# sourceMappingURL=utils.mjs.map