@massimo-cassandro/minimo 1.33.7 → 1.35.0

package/{design-tokens/utilities → dev-tools/design-tokens-builder}/check-unresolved-custom-props.mjs

@@ -25,6 +25,10 @@ import StyleDictionary from 'style-dictionary';
 import './build-tokens-src/transforms.mjs';
 import { CSS_TRANSFORMS } from './build-tokens-src/platforms.mjs';
 import { resolveSourcePaths } from './build-tokens-src/resolve-source-paths.mjs';
+import { findMediaModeBlocks } from './build-tokens-src/merge-css.mjs';
+import { LEGACY_TOKENS_PARSER_NAME, registerLegacyTokensParser } from './build-tokens-src/legacy-tokens-parser.mjs';
+
+registerLegacyTokensParser();
 
 // const __filename = fileURLToPath(import.meta.url);
 // const __dirname  = dirname(__filename);
@@ -90,25 +94,48 @@ async function run() {
     const definitionRegex = /--([a-z0-9-]+)(?=\s*:)/g;
 
     // defined_props keeps file/line info too, so unused properties (section 6)
-    // can be reported with a link back to their definition.
-    /** @type {{file: string, line: number, prop: string}[]} */
+    // can be reported with a link back to their definition. With sourceModes
+    // (see build-tokens-src/config.mjs), the same prop name can legitimately
+    // appear once per mode with a different value — `mode` disambiguates
+    // which one a given entry is, so section 5 resolves each to the correct
+    // per-mode source file instead of mixing them up (see findMediaModeBlocks
+    // in build-tokens-src/merge-css.mjs).
+    /** @type {{file: string, line: number, prop: string, mode: string|null}[]} */
     const defined_props = [];
 
     const cssContent = fs.readFileSync(custom_prop_file_path, 'utf-8');
     const custom_prop_relpath = path.relative(configDir, custom_prop_file_path);
+
+    // sourceModesBase mirrors the default-resolution logic in
+    // build-tokens-src/config.mjs: the configured sourceModesBase if it's
+    // actually a key of sourceModes, otherwise the first key.
+    const sourceModeNames = config.sourceModes ? Object.keys(config.sourceModes) : [];
+    const sourceModesBase = sourceModeNames.includes(config.sourceModesBase)
+      ? config.sourceModesBase
+      : sourceModeNames[0];
+    const mediaModeBlocks = config.sourceModes ? findMediaModeBlocks(cssContent) : [];
+
+    /** @param {number} index @returns {string|null} */
+    const modeAtIndex = (index) => {
+      if (!config.sourceModes) return null;
+      const block = mediaModeBlocks.find(b => index > b.start && index < b.end);
+      return block ? block.mode : sourceModesBase;
+    };
+
     [...cssContent.matchAll(definitionRegex)].forEach(m => {
       const line = cssContent.substring(0, m.index).split('\n').length;
-      defined_props.push({ file: custom_prop_relpath, line, prop: `--${m[1]}` });
+      defined_props.push({ file: custom_prop_relpath, line, prop: `--${m[1]}`, mode: modeAtIndex(m.index) });
     });
 
-    // Also include any extra CSS files declared in extraCustomPropsFiles
+    // Also include any extra CSS files declared in extraCustomPropsFiles.
+    // These are plain (non-sourceModes) files, so mode is always null.
     for (const extraFile of (config.extraCustomPropsFiles ?? [])) {
       const extraFilePath = path.resolve(configDir, extraFile);
       const extraContent  = fs.readFileSync(extraFilePath, 'utf-8');
       const extraRelpath  = path.relative(configDir, extraFilePath);
       [...extraContent.matchAll(definitionRegex)].forEach(m => {
         const line = extraContent.substring(0, m.index).split('\n').length;
-        defined_props.push({ file: extraRelpath, line, prop: `--${m[1]}` });
+        defined_props.push({ file: extraRelpath, line, prop: `--${m[1]}`, mode: null });
       });
     }
 
@@ -161,28 +188,58 @@ async function run() {
     // CSS (or an extraCustomPropsFiles entry) — e.g. manual additions kept
     // across rebuilds via the mergeCustomProps option — have no token source
     // and are reported by name only.
+    //
+    // With sourceModes, resolution runs once PER MODE, keyed by mode name in
+    // sourceFileByPropByMode: the same prop name can be defined by a
+    // different source file in each mode (see the `dead: {...}` example in
+    // both a light and dark token file), so a single flattened name -> file
+    // map would silently point some entries at the wrong mode's file.
+    // sourceFileByProp (mode: null) covers the non-sourceModes case and
+    // extraCustomPropsFiles entries.
     // ---------------------------------------------------------------------------
     /** @type {Map<string, string>} */
     const sourceFileByProp = new Map();
-
-    if (checkUnused && Array.isArray(config.source) && config.source.length) {
+    /** @type {Map<string, Map<string, string>>} */
+    const sourceFileByPropByMode = new Map();
+
+    /** @param {string[]} sourcePatterns @returns {Promise<Map<string,string>>} */
+    const resolveSourceFileMap = async (sourcePatterns) => {
+      /** @type {Map<string, string>} */
+      const map = new Map();
+      const resolvedPaths = resolveSourcePaths(sourcePatterns, configDir);
+      if (!resolvedPaths.length) return map;
       try {
-        const tokenSourcePaths = resolveSourcePaths(config.source, configDir);
         const sd = new StyleDictionary({
-          source: tokenSourcePaths,
+          source: resolvedPaths,
+          parsers: [LEGACY_TOKENS_PARSER_NAME],
           log: { verbosity: 'silent' },
           platforms: { css: { transforms: CSS_TRANSFORMS } },
         });
         const dictionary = await sd.getPlatformTokens('css');
-
         for (const token of dictionary.allTokens) {
-          if (token.filePath) sourceFileByProp.set(`--${token.name}`, token.filePath);
+          if (token.filePath) map.set(`--${token.name}`, token.filePath);
         }
       } catch {
         // Non-fatal: unused properties will be reported by name only.
       }
+      return map;
+    };
+
+    if (checkUnused && config.sourceModes) {
+      for (const [mode, modeSource] of Object.entries(config.sourceModes)) {
+        sourceFileByPropByMode.set(mode, await resolveSourceFileMap(modeSource));
+      }
+    } else if (checkUnused && Array.isArray(config.source) && config.source.length) {
+      const map = await resolveSourceFileMap(config.source);
+      for (const [prop, filePath] of map) sourceFileByProp.set(prop, filePath);
     }
 
+    /** @param {{prop: string, mode: string|null}} item @returns {string|undefined} */
+    const resolveSourceFilePath = (item) =>
+      item.mode
+        ? sourceFileByPropByMode.get(item.mode)?.get(item.prop)
+        : sourceFileByProp.get(item.prop);
+
     // ---------------------------------------------------------------------------
     // 6. Build the list of unused custom properties (defined but never
     // referenced via var() in any scanned CSS file) — the opposite check
@@ -194,7 +251,7 @@ async function run() {
         .filter(item => !used_props_set.has(item.prop))
         .filter(item => {
           if (!ignoreUnusedInNodeModules) return true;
-          const sourceFilePath = sourceFileByProp.get(item.prop);
+          const sourceFilePath = resolveSourceFilePath(item);
           if (!sourceFilePath) return true;
           return !/(^|[\\/])node_modules([\\/]|$)/.test(sourceFilePath);
         })
@@ -232,7 +289,7 @@ async function run() {
         '## Unused custom properties\n\n'
         + unused_props
           .map(item => {
-            const sourceFilePath = sourceFileByProp.get(item.prop);
+            const sourceFilePath = resolveSourceFilePath(item);
             if (!sourceFilePath) return `* \`${item.prop}\``;
 
             const relSource = path.relative(configDir, sourceFilePath);

package/{design-tokens → dev-tools/design-tokens-builder}/tokens-config-sample.mjs

@@ -13,7 +13,8 @@
 
 
 // minimo package path in node_modules
-const minimo_path = '../../node_modules/@massimo-cassandro/minimo';
+const node_modules_path = '../../node_modules',
+  minimo_path = `${node_modules_path}/@massimo-cassandro/minimo`;
 
 const config = {
 
@@ -33,6 +34,19 @@ const config = {
   // Source token files — accept paths, globs, or a mix of both.
   // Supported formats: .json, .jsonc, .mjs (must export a DTCG-compliant default object)
   //
+  // Legacy (non-DTCG) .json files — e.g. exported from Open Props — are
+  // auto-detected and converted to DTCG v5 syntax at parse time, so they can
+  // be freely mixed with regular DTCG sources (see README.md). Not covered:
+  // .jsonc, reserved for hand-authored DTCG sources. These .json files are
+  // parsed with plain JSON.parse (no comments, no trailing commas).
+  //
+  // LIMITATION: a legacy node that is at the same time a token (own
+  // value/type) AND a group with further nested children (e.g. Open Props'
+  // other.ease.out, which has its own value plus out.1 ... out.5) cannot be
+  // represented in DTCG v5 — a node with $value is always a leaf, Style
+  // Dictionary does not descend into its children. In that case only the
+  // node's own value is converted; the nested children are silently lost.
+  //
   // WARNING: do not use path.join() to build glob patterns — it may corrupt
   // the pattern syntax. Use template literals instead:
   //   OK:  `${minimo_path}/**/*.{json,mjs}`
@@ -42,13 +56,51 @@ const config = {
     `${minimo_path}/src/**/*.tokens.{mjs,jsonc}`, // components tokens
 
     // optional extra token source (in this example, openProps, https://open-props.style/)
-    // '../../node_modules/open-props/open-props.style-dictionary-tokens.json',
+    // `${node_modules_path}/open-props/open-props.style-dictionary-tokens.json`,
 
     // your project tokens
     './project-tokens/*.{js,mjs,jsonc,json}',
-
   ],
 
+  // Optional light/dark (or other) custom properties split — alternative to
+  // `source`. If this key is set (a non-null object), `source` above is
+  // ignored: each key is a mode name with its own array of source patterns
+  // (same rules as `source`: paths, globs, or a mix).
+  //
+  // The generated CSS composes all modes into a single destFile:
+  //   - the base mode's props (see sourceModesBase below) go in a top-level
+  //     `:root { ... }` block, with `color-scheme: <all modes>;` prepended
+  //     (e.g. "light dark")
+  //   - every other mode's props go in
+  //     `@media (prefers-color-scheme: <mode>) { :root { ... } }`, with
+  //     `color-scheme: <mode>;` prepended
+  // customPropsGroups, mergeCustomProps, addLayer, pxToRem etc. all apply
+  // the same way as with a single `source`.
+  //
+  // The JSON output (see JSON TOKENS OUTPUT below) is produced once per
+  // mode, with the mode name appended to each filename, e.g. with
+  // jsonDestFile: 'tokens' -> "tokens-light.jsonc", "tokens-dark.jsonc".
+  //
+  // sample:
+  // sourceModes: {
+  //   light: [
+  //     `${minimo_path}/design-tokens/_src/**/*.tokens.{mjs,jsonc}`,
+  //     `${minimo_path}/src/**/*.tokens.{mjs,jsonc}`,
+  //     './project-tokens/light/*.{js,mjs,jsonc,json}',
+  //   ],
+  //   dark: [
+  //     './project-tokens/dark/*.{js,mjs,jsonc,json}',
+  //   ],
+  // },
+  sourceModes: null,
+
+  // With sourceModes set: the mode whose declarations go in the top-level
+  // `:root { ... }` block, instead of nested inside its own
+  // `@media (prefers-color-scheme: <mode>) { ... }` rule (default: the first
+  // key of sourceModes, e.g. 'light'). Ignored when sourceModes is not set.
+  sourceModesBase: 'light',
+
+
   // If true (default), dimension token values expressed in px are converted
   // to rem in the generated CSS. Values in other units (em, %, vh, dvw, ...)
   // are never touched regardless of this option.

package/dev-tools/starter-kit/source_files/root/__project__.code-workspace

@@ -37,6 +37,10 @@
       {
         "filePath": "node_modules/open-props",
         "group": "Default"
+      },
+      {
+        "filePath": "node_modules/open-props/open-props.style-dictionary-tokens.json",
+        "group": "Default"
       }
     ],
 

package/dev-tools/starter-kit/starter-install.sh

@@ -75,7 +75,7 @@ optionalPackages=(
   "@svgdotjs/svg.js                                  |     | richiesto da charts/"
   "blurhash                                          |     | richiesto da unsplash-page (create-blurhash-canvas)"
   "simple-datatables                                 |     | richiesto da s-datatable-component"
-  "style-dictionary                                  | dev | richiesto da design-tokens/utilities (build-tokens)"
+  "style-dictionary                                  | dev | richiesto da dev-tools/design-tokens-builder (build-tokens)"
   "@cybozu/eslint-config                             | dev | utilizzato da eslint per il check dei file css"
   "postcss-cli postcss-import postcss-nested cssnano | dev | per css email"
 )
@@ -421,7 +421,7 @@ force_cat "${MINIMO_PKG_DIR}/src/custom-media.css" "${FRONTEND_INSTALL_PATH}/css
 force_cat "${MINIMO_PKG_DIR}/src/minimo.css" "${FRONTEND_INSTALL_PATH}/css/index.css"
 
 # config di build-tokens: collocato accanto al css generato (custom-properties.css).
-force_cat "${MINIMO_PKG_DIR}/design-tokens/tokens-config-sample.mjs" "${FRONTEND_INSTALL_PATH}/css/tokens-config.mjs"
+force_cat "${MINIMO_PKG_DIR}/dev-tools/design-tokens-builder/tokens-config-sample.mjs" "${FRONTEND_INSTALL_PATH}/css/tokens-config.mjs"
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.33.7",
+  "version": "1.35.0",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",
@@ -20,8 +20,8 @@
     "access": "public"
   },
   "bin": {
-    "buildTokens": "design-tokens/utilities/build-tokens.mjs",
-    "checkUnresolvedProps": "design-tokens/utilities/check-unresolved-custom-props.mjs",
+    "buildTokens": "dev-tools/design-tokens-builder/build-tokens.mjs",
+    "checkUnresolvedProps": "dev-tools/design-tokens-builder/check-unresolved-custom-props.mjs",
     "update-version": "dev-tools/update-version/index.mjs",
     "upd@m": "dev-tools/upd@m/index.mjs",
     "svgIconsTools": "dev-tools/svg-icons-tools/index.mjs",
@@ -36,16 +36,16 @@
     "UPD-version": "npx update-version  # --config=./dev-utilities.config.mjs",
     "npm-publish": "npm publish",
     "upd@m": "npx upd@m",
-    "build-tokens": "node ./design-tokens/utilities/build-tokens.mjs --config ./design-tokens/tokens-config.mjs",
+    "build-tokens": "node ./dev-tools/design-tokens-builder/build-tokens.mjs --config ./design-tokens/tokens-config.mjs",
     "build-margin-padding-css": "node ./scripts/build-margin-padding-css.mjs",
     "generate:types": "node ./scripts/generate-class-types.mjs",
     "prepublishOnly": "npm run generate:types",
-    "check unresolved props": "node ./design-tokens/utilities/check-unresolved-custom-props.mjs --config ./design-tokens/tokens-config.mjs",
+    "check unresolved props": "node ./dev-tools/design-tokens-builder/check-unresolved-custom-props.mjs --config ./design-tokens/tokens-config.mjs",
     "test": "node --test \"test/**/*.test.mjs\"",
     "test sideEffects tree-shaking": "node ./test/sideEffects-tree-shaking/run-test.mjs",
     "checkJS": "npx tsc --noEmit -p jsconfig.json",
     "checkJS ./src": "npx tsc --noEmit --allowJs --checkJs --target ES2023 --module ESNext --allowSyntheticDefaultImports --moduleResolution bundler declarations.d.ts types/global.d.ts src/**/*.js",
-    "check outdated": "echo '*** ROOT ***' && npm outdated --omit=peer && echo '*** DEMO ***' && npm --prefix ./demo outdated && echo '*** END ***'",
+    "npm outdated": "echo '*** ROOT ***' && npm outdated --omit=peer && echo '*** DEMO ***' && npm --prefix ./demo outdated && echo '*** END ***'",
     "npm upd": "echo '*** ROOT ***' && npm update && echo '*** DEMO ***' && npm --prefix ./demo update && echo '*** END ***'"
   },
   "license": "MIT",
@@ -63,10 +63,8 @@
     "src/**/*.{js,mjs,css,svg,md}",
     "types/**/*.d.ts",
     "design-tokens/README.md",
-    "design-tokens/tokens-config-sample.mjs",
     "design-tokens/tokens/**/*.{tokens.json,tokens.jsonc}",
     "design-tokens/_src/**/*.{tokens.json,tokens.jsonc,mjs,js,md}",
-    "design-tokens/utilities/**/*.{mjs,md}",
     "charts/**/*.{js,mjs,md}",
     "dev-tools/**/*",
     "snippets/**/*",

package/design-tokens/utilities/build-tokens-src/merge-css.mjs

@@ -1,60 +0,0 @@
-// build-tokens-src/merge-css.mjs
-// Supports the `mergeCustomProps` config option: pre-existing custom
-// properties in the CSS destination file take priority over the ones
-// generated by the current build (manual overrides/additions survive rebuilds).
-//
-// Usage:
-//   1. Call loadExistingCustomProps(absDestPath) BEFORE Style Dictionary runs,
-//      since it reads the file that is about to be overwritten.
-//   2. The css/variables-sorted format (see formats/css.mjs) calls
-//      mergeCustomProps(generatedMap) while building the output, right before
-//      serialising the final CSS text.
-
-import { existsSync, readFileSync } from 'node:fs';
-
-const CUSTOM_PROP_RE = /^\s*--([\w-]+):\s*(.+)$/gm;
-
-/**
- * Parses `--name: <tail>` declarations out of a CSS text block. <tail> is
- * captured verbatim (value, terminating `;`, and anything else on the same
- * line, e.g. a trailing comment) so it round-trips unchanged through a merge.
- * Only single-line declarations are supported.
- * @param {string} cssText
- * @returns {Record<string,string>} name → declaration-tail map, in first-seen order
- */
-export const parseCustomProps = (cssText) => {
-  /** @type {Record<string,string>} */
-  const map = {};
-  for (const match of cssText.matchAll(CUSTOM_PROP_RE)) {
-    map[match[1]] = match[2].trim();
-  }
-  return map;
-};
-
-// null = merge disabled, or destination file not found yet (first build)
-/** @type {Record<string,string>|null} */
-let existingCustomProps = null;
-
-/**
- * Reads the CSS destination file (if it exists) and stores a name → value
- * map of its current custom properties for later merging.
- * @param {string} absDestPath absolute path of the CSS file to read
- * @returns {Record<string,string>|null}
- */
-export const loadExistingCustomProps = (absDestPath) => {
-  existingCustomProps = existsSync(absDestPath)
-    ? parseCustomProps(readFileSync(absDestPath, 'utf8'))
-    : null;
-  return existingCustomProps;
-};
-
-/**
- * Merges freshly generated custom properties with the ones previously loaded
- * via loadExistingCustomProps(). Pre-existing values take priority; custom
- * properties found only in the pre-existing file (no longer generated) are
- * kept as well.
- * @param {Record<string,string>} generated name → value map produced by this build
- * @returns {Record<string,string>}
- */
-export const mergeCustomProps = (generated) =>
-  existingCustomProps ? { ...generated, ...existingCustomProps } : generated;

package/design-tokens/utilities/build-tokens.mjs

@@ -1,153 +0,0 @@
-#!/usr/bin/env node
-/// <reference types="node" />
-/* eslint-disable no-console */
-
-// build-tokens.mjs
-// Entry point: imports modules, runs the build, lints the CSS output, prints the log.
-//
-// Project structure:
-//   build-tokens.mjs              <- this file
-//   build-tokens-src/config.mjs   <- reads --config flag and resolves all paths
-//   build-tokens-src/transforms.mjs  <- registers custom Style Dictionary transforms
-//   build-tokens-src/formats/css.mjs    <- registers the css/variables-sorted format
-//   build-tokens-src/formats/json.mjs   <- registers the json/tokens format, exports helpers
-//   build-tokens-src/platforms.mjs      <- builds the platforms object (css + optional json)
-
-import StyleDictionary from 'style-dictionary';
-import * as path from 'node:path';
-import { styleText } from 'node:util';
-import { homedir } from 'node:os';
-import stylelint from 'stylelint';
-import { pathToFileURL } from 'node:url';
-
-// ── 1. Configuration (args + resolved paths) ────────────────────────────────
-import {
-  configAbsPath,
-  buildPath,
-  destFile,
-  stylelintConfigPath,
-  jsonBuildPath,
-  jsonDestFile,
-  jsonFormat,
-  jsonExpression,
-  source,
-  mergeCustomProps,
-  customPropsGroups,
-  pxToRem,
-  addLayer,
-} from './build-tokens-src/config.mjs';
-
-// ── 2. Custom transforms ─────────────────────────────────────────────────────
-import './build-tokens-src/transforms.mjs';
-
-// ── 3. CSS format ─────────────────────────────────────────────────────────────
-// customPropsCount is updated by the format at render time
-// loadExistingCustomProps supports the mergeCustomProps option (see below)
-import { customPropsCount } from './build-tokens-src/formats/css.mjs';
-import { loadExistingCustomProps } from './build-tokens-src/merge-css.mjs';
-
-// ── 4. JSON format ────────────────────────────────────────────────────────────
-import { buildJsonFiles, collectConcreteFilePaths } from './build-tokens-src/formats/json.mjs';
-
-// ── 5. Platforms builder ──────────────────────────────────────────────────────
-import { buildPlatforms } from './build-tokens-src/platforms.mjs';
-
-// ── 5b. Pre-existing custom properties (mergeCustomProps option) ────────────
-// Read before Style Dictionary runs, since it overwrites the destination
-// file. The css/variables-sorted format (formats/css.mjs) merges these
-// values in — pre-existing values take priority — right before serialising
-// the final CSS output. See merge-css.mjs.
-if (mergeCustomProps) {
-  loadExistingCustomProps(path.join(buildPath, destFile));
-}
-
-// ── 6. Collect concrete source file paths (multi-file JSON mode only) ────────
-// Source entries may be glob patterns. SD expands them internally and stores
-// the concrete path in token.filePath. We need those concrete paths to build
-// the per-file descriptors for the json platform.
-//
-// SD v5 lazy-loads sources: `await sd.hasInitialized` triggers loading;
-// after that sd.allTokens is a plain synchronous array with filePath populated.
-//
-// In single-file mode (jsonDestFile is set) we skip this step entirely.
-let concreteFilePaths = [];
-
-if (jsonBuildPath && !jsonDestFile) {
-  const sdInit = new StyleDictionary({ source, log: { verbosity: 'silent' }, platforms: {} });
-  concreteFilePaths = await collectConcreteFilePaths(sdInit);
-}
-
-// ── 7. Clean json output directory ───────────────────────────────────────────
-// Remove only previously generated *.json/*.jsonc files, so that tokens
-// removed from the source are not left behind as stale artefacts, while any
-// other file placed in jsonBuildPath by the user (e.g. a README) is left
-// untouched. Files are written flat in jsonBuildPath (no subdirectories), so
-// only its top level is scanned.
-if (jsonBuildPath) {
-  const { readdir, rm, mkdir } = await import('fs/promises');
-  const existingEntries = await readdir(jsonBuildPath, { withFileTypes: true }).catch(() => []);
-  await Promise.all(
-    existingEntries
-      .filter((entry) => entry.isFile() && /\.jsonc?$/.test(entry.name))
-      .map((entry) => rm(path.join(jsonBuildPath, entry.name)))
-  );
-  await mkdir(jsonBuildPath, { recursive: true });
-}
-
-// ── 8. Build ──────────────────────────────────────────────────────────────────
-const sd = new StyleDictionary({
-  source,
-  log: { verbosity: 'verbose' },
-  platforms: buildPlatforms({
-    buildPath,
-    destFile,
-    jsonBuildPath,
-    jsonDestFile,
-    jsonFormat,
-    jsonExpression,
-    concreteFilePaths,
-    customPropsGroups,
-    pxToRem,
-    addLayer,
-  }),
-});
-
-await sd.buildAllPlatforms();
-
-// ── 9. CSS lint ───────────────────────────────────────────────────────────────
-const stylelintConfig = await import(pathToFileURL(stylelintConfigPath).href).then(m => m.default);
-
-
-await stylelint.lint({
-  config: stylelintConfig,
-  files: [path.join(buildPath, destFile)],
-  fix: true,
-});
-
-// ── 10. Log ────────────────────────────────────────────────────────────────────
-/** @param {string} p */
-const short = (p) => p.replace(homedir(), '~');
-
-console.log(styleText(['yellow'], `[build-tokens] config file : ${short(configAbsPath)}`));
-console.log(styleText(['yellow'], `[build-tokens] source      : ${source.map(short)}`));
-console.log(styleText(['yellow'], `[build-tokens] dest file   : ${short(path.join(buildPath, destFile))}`));
-
-if (jsonBuildPath) {
-  const jsonFiles = buildJsonFiles(concreteFilePaths, jsonDestFile, jsonFormat, jsonExpression);
-  if (jsonFiles.length === 1) {
-    console.log(styleText(['yellow'],
-      `[build-tokens] json        : ${short(path.join(jsonBuildPath, jsonFiles[0].destination))}`
-    ));
-  } else {
-    console.log(styleText(['yellow'],
-      `[build-tokens] json        : ${jsonFiles.length} files in ${short(jsonBuildPath)}`
-    ));
-  }
-} else {
-  console.log(styleText(['yellow'],
-    '[build-tokens] json        : (disabled — jsonBuildPath not set)'
-  ));
-}
-
-console.log(styleText(['green'], `[build-tokens] ${customPropsCount} custom properties processed`));
-console.log(styleText(['green'], '**** DONE ****'));