elcrm 1.1.10 → 1.1.11

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

@@ -53,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);
 }
@@ -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.10",
+  "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,7 +92,7 @@ elcrm test --front|--server|--no-scripts
 
 ### Vite-плагины из пакета `elcrm`
 
-Нужен **elcrm ≥ 1.1.10** в `devDependencies` приложения (не только глобальный `bun i -g`). Иначе Vite: `Missing "./vite/minify-css-vars"` или BEM/классы ломают стили.
+Нужен **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";
@@ -102,7 +102,7 @@ minifyCssVars({ var: 2 })
 // classes: true — только если нет className={\`foo--${x}\`}
 ```
 
-`nameStart` / `varStart` — **числа** (индекс алфавита), не `"x"`. Префикс класса — `classPrefix`. В JS плагин не трогает декремент `--n` (иначе `aqt is not defined`). BEM `.account--wide` — это класс, не переменная `--wide`. **`classes: true` нельзя** при динамических модификаторах (`account-passkey-status--${tone}`) — CSS сожмёт полное имя, шаблон в JS останется.
+`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`). Если слотов нет — сборка падает.