elcrm 1.1.10 → 1.1.12

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);
     }
@@ -70,6 +70,8 @@ function namespaceSize(length) {
 }
 function allocateUnique(originals, reserved, make, start, capacity, kind) {
   const taken = new Set(reserved);
+  for (const from of originals)
+    taken.add(from);
   const out = new Map;
   let cursor = start;
   for (const from of originals) {
@@ -91,12 +93,13 @@ function allocateUnique(originals, reserved, make, start, capacity, kind) {
     taken.add(found);
   }
   const used = new Set;
+  const originalSet = new Set(originals);
   for (const [from, to] of out) {
     if (used.has(to)) {
       throw new Error(`[minify-css-vars] коллизия ${kind}: «${from}» и ещё одно имя → «${to}»`);
     }
     used.add(to);
-    if (reserved.has(to)) {
+    if (reserved.has(to) || originalSet.has(to)) {
       throw new Error(`[minify-css-vars] «${from}» → «${to}» затирает существующее имя ${kind}`);
     }
   }
@@ -111,18 +114,15 @@ 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 || a[0].localeCompare(b[0]));
+  const mark = (i) => `${i.toString(36)}`;
   let out = text;
-  for (const [from, to] of map)
-    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`);
+  for (let i = 0;i < entries.length; i++) {
+    out = replaceCssVarToken(out, entries[i][0], mark(i));
+  }
+  for (let i = 0;i < entries.length; i++) {
+    out = out.split(mark(i)).join(entries[i][1]);
   }
   return out;
 }
@@ -199,7 +199,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 +260,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 +296,6 @@ export {
   isVendorJsChunk,
   encodeName,
   collectCssVarNames,
+  applyVarDictionary,
   allocateUnique
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elcrm",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "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.12** в `devDependencies` приложения (не только глобальный `bun i -g`). Иначе Vite: `Missing "./vite/minify-css-vars"` или CSS-in-JS / цепочка замен схлопывает токены.
 
 ```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`). Если слотов нет — сборка падает.