elcrm 1.1.7 → 1.1.9

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

@@ -3,7 +3,7 @@
  * @see minifyCssVars
  */
 export type MinifyCssVarsOptions = {
-  /** Длина короткого `--xx` (`2` → `--ab`). По умолчанию 3 */
+  /** Длина короткого `--xx` (`2` → `--aa`, `--ab`). По умолчанию 2 */
   var?: number;
   /** Длина суффикса класса после prefix (`3` + prefix `x` → `xabc`) */
   name?: number;
@@ -39,6 +39,17 @@ export declare function allocateUnique(
   kind: string,
 ): Map<string, string>;
 
+export declare function replaceCssVarToken(
+  text: string,
+  from: string,
+  to: string,
+): string;
+
+/** Имена `--*` в CSS, без суффиксов BEM-классов. */
+export declare function collectCssVarNames(texts: string[]): string[];
+
+export declare function isVendorJsChunk(code: string): boolean;
+
 export declare function minifyCssVars(
   options?: MinifyCssVarsOptions,
 ): import("vite").Plugin;

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

@@ -1,5 +1,5 @@
 // src/vite/minify-css-vars.ts
-var VAR_RE = /--[a-zA-Z_][\w-]*/g;
+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 CLASS_SEL_RE = /\.(-?[_a-zA-Z]+[_a-zA-Z0-9-]*)/g;
 var LETTERS = "abcdefghijklmnopqrstuvwxyz";
@@ -24,7 +24,7 @@ function collectJsVars(texts) {
     let m;
     while (m = VAR_IN_JS_RE.exec(text)) {
       const name = m[1] ?? m[2];
-      if (name)
+      if (name && !/^--[a-zA-Z_]{1,3}$/.test(name))
         set.add(name);
     }
   }
@@ -102,30 +102,46 @@ function allocateUnique(originals, reserved, make, start, capacity, kind) {
   }
   return out;
 }
+function escapeRe(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function replaceCssVarToken(text, from, to) {
+  return text.replace(new RegExp(`(?<![\\w-])${escapeRe(from)}(?![\\w-])`, "g"), to);
+}
+function collectCssVarNames(texts) {
+  return [...collect(texts, VAR_RE)].sort();
+}
 function replaceVarsInCss(text, map) {
   let out = text;
   for (const [from, to] of map)
-    out = out.split(from).join(to);
+    out = replaceCssVarToken(out, from, to);
   return out;
 }
 function replaceVarsInJs(text, map) {
   let out = text;
   for (const [from, to] of map) {
-    const esc = from.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    out = out.replace(new RegExp(`var\\(\\s*${esc}\\b`, "g"), (m) => m.replace(from, to));
+    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);
+}
 function replaceClasses(text, map, inCss) {
   let out = text;
-  for (const [from, to] of map) {
+  const entries = byLongest(map.keys()).map((k) => [
+    k,
+    map.get(k)
+  ]);
+  for (const [from, to] of entries) {
+    const esc = escapeRe(from);
     if (inCss) {
-      out = out.split(`.${from}`).join(`.${to}`);
+      out = out.replace(new RegExp(`\\.${esc}(?![\\w-])`, "g"), `.${to}`);
       continue;
     }
-    const re = new RegExp(`(^|[^\\w-])(${from.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})(?=[^\\w-]|$)`, "g");
-    out = out.replace(re, `$1${to}`);
+    out = out.replace(new RegExp(`(^|[^\\w-])(${esc})(?=[^\\w-]|$)`, "g"), `$1${to}`);
   }
   return out;
 }
@@ -146,7 +162,7 @@ function pct(before, after) {
 }
 function normalizeOpts(raw) {
   const o = raw ?? {};
-  const varLen = o.var ?? 3;
+  const varLen = o.var ?? 2;
   const nameLen = o.name ?? 2;
   const start = toIndex(o.start, 0);
   return {
@@ -200,7 +216,7 @@ function minifyCssVars(options) {
           remap.push(name);
         }
         const cap = namespaceSize(opt.varLen);
-        const allocated = allocateUnique(byLongest(remap), reserved, (i) => `--${encodeName(i, opt.varLen)}`, opt.varStart, cap, "vars");
+        const allocated = allocateUnique([...remap].sort(), reserved, (i) => `--${encodeName(i, opt.varLen)}`, opt.varStart, cap, "vars");
         for (const [k, v] of allocated)
           varMap.set(k, v);
       }
@@ -225,7 +241,7 @@ function minifyCssVars(options) {
           }
         }
         const cap = namespaceSize(opt.nameLen);
-        const allocated = allocateUnique(byLongest(remap), reserved, (i) => `${opt.classPrefix}${encodeName(i, opt.nameLen)}`, opt.nameStart, cap, "classes");
+        const allocated = allocateUnique([...remap].sort(), reserved, (i) => `${opt.classPrefix}${encodeName(i, opt.nameLen)}`, opt.nameStart, cap, "classes");
         for (const [k, v] of allocated)
           classMap.set(k, v);
       }
@@ -235,17 +251,18 @@ function minifyCssVars(options) {
         }
         return;
       }
-      const varEntries = [...varMap.entries()];
+      const varEntries = byLongest(varMap.keys()).map((k) => [k, varMap.get(k)]);
       let beforeAll = 0;
       let afterAll = 0;
       const rows = [];
       for (const file of files) {
         const before = bytes(file.raw);
         let next = file.raw;
-        if (varMap.size) {
+        const skipJsVendor = file.isJs && isVendorJsChunk(next);
+        if (varMap.size && !skipJsVendor) {
           next = file.isCss ? replaceVarsInCss(next, varEntries) : replaceVarsInJs(next, varEntries);
         }
-        if (classMap.size) {
+        if (classMap.size && !skipJsVendor) {
           next = replaceClasses(next, classMap, file.isCss);
         }
         const after = bytes(next);
@@ -273,8 +290,11 @@ function minifyCssVars(options) {
 }
 export {
   toIndex,
+  replaceCssVarToken,
   namespaceSize,
   minifyCssVars,
+  isVendorJsChunk,
   encodeName,
+  collectCssVarNames,
   allocateUnique
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elcrm",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "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.6** в `devDependencies` приложения (не только глобальный `bun i -g`). Иначе Vite: `Missing "./vite/minify-css-vars" specifier`.
+Нужен **elcrm ≥ 1.1.9** в `devDependencies` приложения (не только глобальный `bun i -g`). Иначе Vite: `Missing "./vite/minify-css-vars"` или BEM-классы ломаются (`--wide` в `.account--wide`).
 
 ```js
 import { minifyCssVars } from "elcrm/vite/minify-css-vars";
@@ -101,9 +101,9 @@ import { minifyCssVars } from "elcrm/vite/minify-css-vars";
 minifyCssVars({ var: 2, name: 3, classPrefix: "x" })
 ```
 
-`nameStart` / `varStart` — **числа** (индекс алфавита), не `"x"`. Префикс класса — `classPrefix`. В JS плагин не трогает декремент `--n` (иначе `aqt is not defined`).
+`nameStart` / `varStart` — **числа** (индекс алфавита), не `"x"`. Префикс класса — `classPrefix`. В JS плагин не трогает декремент `--n` (иначе `aqt is not defined`). BEM `.account--wide` — это класс, не переменная `--wide` (иначе CSS и `className` разъедутся).
 
-Короткие имена **уникальны**: занятые `--aa` / `xaa` пропускаются, одно `to` не выдаётся дважды; если слотов нет — сборка падает, а не молча затирает токены.
+Короткие имена **уникальны и подряд**: `--aa`, `--ab`, `--ac`… Занятые слоты пропускаются; `--field` не затирает `--field-border`. Чанки JSZip не минифицируются (декремент `--n`). Если слотов нет — сборка падает.
 
 Также: `elcrm/vite/plugin-css-scoped`, `discover-lib`, `concat-css`, `check-tokens`, `postbuild`.