elcrm 1.1.9 → 1.1.11

package/dist/vite/minify-css-vars.d.ts

@@ -11,7 +11,12 @@ export type MinifyCssVarsOptions = {
   start?: number;
   varStart?: number;
   nameStart?: number;
+  /** Минифицировать `--*` (по умолчанию true) */
   vars?: boolean;
+  /**
+   * Минифицировать составные классы. По умолчанию **false** —
+   * иначе ломаются `className={\`foo--${x}\`}`.
+   */
   classes?: boolean;
   minVar?: number;
   minClass?: number;
@@ -48,6 +53,12 @@ export declare function replaceCssVarToken(
 /** Имена `--*` в CSS, без суффиксов BEM-классов. */
 export declare function collectCssVarNames(texts: string[]): string[];
 
+/** Один словарь: длинные `--*` первыми, граница токена (CSS и JS). */
+export declare function applyVarDictionary(
+  text: string,
+  map: Iterable<[string, string]>,
+): string;
+
 export declare function isVendorJsChunk(code: string): boolean;
 
 export declare function minifyCssVars(

package/dist/vite/minify-css-vars.js

@@ -1,6 +1,6 @@
 // src/vite/minify-css-vars.ts
 var VAR_RE = /(?<![\w-])--[a-zA-Z_][\w-]*/g;
-var VAR_IN_JS_RE = /var\(\s*(--[a-zA-Z_][\w-]*)|["'](--[a-zA-Z_][\w-]*)["']/g;
+var VAR_IN_JS_RE = /var\(\s*(--[a-zA-Z_][\w-]*)|["'](--[a-zA-Z_][\w-]*)["']|(?<![\w-])(--[a-zA-Z_][\w-]*)\s*:/g;
 var CLASS_SEL_RE = /\.(-?[_a-zA-Z]+[_a-zA-Z0-9-]*)/g;
 var LETTERS = "abcdefghijklmnopqrstuvwxyz";
 function collect(texts, re) {
@@ -23,7 +23,7 @@ function collectJsVars(texts) {
     VAR_IN_JS_RE.lastIndex = 0;
     let m;
     while (m = VAR_IN_JS_RE.exec(text)) {
-      const name = m[1] ?? m[2];
+      const name = m[1] ?? m[2] ?? m[3];
       if (name && !/^--[a-zA-Z_]{1,3}$/.test(name))
         set.add(name);
     }
@@ -111,21 +111,13 @@ function replaceCssVarToken(text, from, to) {
 function collectCssVarNames(texts) {
   return [...collect(texts, VAR_RE)].sort();
 }
-function replaceVarsInCss(text, map) {
+function applyVarDictionary(text, map) {
+  const entries = [...map].sort((a, b) => b[0].length - a[0].length);
   let out = text;
-  for (const [from, to] of map)
+  for (const [from, to] of entries)
     out = replaceCssVarToken(out, from, to);
   return out;
 }
-function replaceVarsInJs(text, map) {
-  let out = text;
-  for (const [from, to] of map) {
-    const esc = escapeRe(from);
-    out = out.replace(new RegExp(`var\\(\\s*${esc}(?=[\\s,)])`, "g"), (m) => m.replace(from, to));
-    out = out.replace(new RegExp(`(["'])${esc}\\1`, "g"), `$1${to}$1`);
-  }
-  return out;
-}
 function isVendorJsChunk(code) {
   return /ZipFileWorker|\bJSZip\b|pako deflate|readable-stream/.test(code);
 }
@@ -171,7 +163,7 @@ function normalizeOpts(raw) {
     varStart: toIndex(o.varStart, start),
     nameStart: toIndex(o.nameStart, start),
     vars: o.vars !== false,
-    classes: o.classes !== false,
+    classes: o.classes === true,
     minVar: o.minVar ?? Math.max(4, varLen + 2),
     minClass: o.minClass ?? 5,
     classPrefix: o.classPrefix ?? "x",
@@ -199,7 +191,7 @@ function minifyCssVars(options) {
         files.push({ item, fileName, raw, isCss, isJs });
       }
       const cssTexts = files.filter((f) => f.isCss).map((f) => f.raw);
-      const jsTexts = files.filter((f) => f.isJs).map((f) => f.raw);
+      const jsTexts = files.filter((f) => f.isJs && !isVendorJsChunk(f.raw)).map((f) => f.raw);
       const varMap = new Map;
       if (opt.vars) {
         const names = new Set([
@@ -260,7 +252,7 @@ function minifyCssVars(options) {
         let next = file.raw;
         const skipJsVendor = file.isJs && isVendorJsChunk(next);
         if (varMap.size && !skipJsVendor) {
-          next = file.isCss ? replaceVarsInCss(next, varEntries) : replaceVarsInJs(next, varEntries);
+          next = applyVarDictionary(next, varEntries);
         }
         if (classMap.size && !skipJsVendor) {
           next = replaceClasses(next, classMap, file.isCss);
@@ -296,5 +288,6 @@ export {
   isVendorJsChunk,
   encodeName,
   collectCssVarNames,
+  applyVarDictionary,
   allocateUnique
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elcrm",
-  "version": "1.1.9",
+  "version": "1.1.11",
   "description": "CLI @elcrm/*: update --fix --test, css (prune imports), docs, cursor, migrate, audit",
   "type": "module",
   "license": "MIT",

package/templates/elcrm-docs/CLI.elCRM.md

@@ -92,16 +92,17 @@ elcrm test --front|--server|--no-scripts
 
 ### Vite-плагины из пакета `elcrm`
 
-Нужен **elcrm ≥ 1.1.9** в `devDependencies` приложения (не только глобальный `bun i -g`). Иначе Vite: `Missing "./vite/minify-css-vars"` или BEM-классы ломаются (`--wide` в `.account--wide`).
+Нужен **elcrm ≥ 1.1.11** в `devDependencies` приложения (не только глобальный `bun i -g`). Иначе Vite: `Missing "./vite/minify-css-vars"` или CSS-in-JS оставляет `--field-height:`.
 
 ```js
 import { minifyCssVars } from "elcrm/vite/minify-css-vars";
 
-// только command === "build"
-minifyCssVars({ var: 2, name: 3, classPrefix: "x" })
+// только command === "build"; классы по умолчанию выключены
+minifyCssVars({ var: 2 })
+// classes: true — только если нет className={\`foo--${x}\`}
 ```
 
-`nameStart` / `varStart` — **числа** (индекс алфавита), не `"x"`. Префикс класса — `classPrefix`. В JS плагин не трогает декремент `--n` (иначе `aqt is not defined`). BEM `.account--wide` — это класс, не переменная `--wide` (иначе CSS и `className` разъедутся).
+`nameStart` / `varStart` — **числа** (индекс алфавита), не `"x"`. Префикс класса — `classPrefix`. Словарь один на CSS+JS: `var(--token)`, `"--token"` и объявления `--token:` (в т.ч. CSS внутри JS от `@elcrm/form` size). Чанки JSZip не трогаем (`--n`). BEM `.account--wide` — класс, не переменная `--wide`. **`classes: true` нельзя** при динамических модификаторах (`account-passkey-status--${tone}`).
 
 Короткие имена **уникальны и подряд**: `--aa`, `--ab`, `--ac`… Занятые слоты пропускаются; `--field` не затирает `--field-border`. Чанки JSZip не минифицируются (декремент `--n`). Если слотов нет — сборка падает.