@maz-ui/upgrade 5.0.0-beta.28 → 5.0.0-beta.29

package/README.md

@@ -156,6 +156,14 @@ ambiguous (`variant=`, `color="background"`) are rewritten **only inside
 | `active-color="background"`                                       | `active-color="surface"`                                    |
 | `rounded-size="base"`                                             | `rounded-size="md"`                                         |
 | `.--has-left-icon` / `.--has-right-icon` (CSS selectors)          | `.--has-start-icon` / `.--has-end-icon`                     |
+| `<MazAvatar size="2rem">` (static CSS unit)                       | `<MazAvatar size="6rem">` (value ×3, render preserved)      |
+
+The `MazAvatar` rewrite targets only `<MazAvatar>` / `<maz-avatar>` opening
+tags. v5 fixed the avatar size scale (a CSS-unit `size` no longer renders 3x
+too large), so the numeric value is multiplied by 3 to keep the exact same
+render. Every CSS unit is supported. `MazSize` keywords (`mini`..`xl`) and
+bound `:size="…"` expressions are left untouched - the latter is reported as
+a warning at the end of the run.
 
 ### `css`
 

package/dist/cli.mjs

@@ -5,7 +5,7 @@ import { resolve, dirname } from 'node:path';
 import process from 'node:process';
 import { logger } from '@maz-ui/node';
 import { globby } from 'globby';
-import { A as ALL_GROUPS, h as hasFoundationRadius, t as transformFile, a as hasMazUiRootImport } from './shared/upgrade.DtUNapPx.mjs';
+import { A as ALL_GROUPS, h as hasFoundationRadius, a as hasMazAvatarBoundSize, t as transformFile, b as hasMazUiRootImport } from './shared/upgrade.C55csr01.mjs';
 
 const DEFAULT_IGNORES = [
   "**/node_modules/**",
@@ -94,7 +94,8 @@ Transform groups:
             also added to package.json next to maz-ui.
   props     left-icon/right-icon \u2192 start-icon/end-icon (props, slots,
             #icon-left/#icon-right, --has-*-icon classes), footer-align,
-            variant, color="background", active-color, rounded-size="base"
+            variant, color="background", active-color, rounded-size="base",
+            MazAvatar static size unit x3 (scale fix, render preserved)
   css       --maz-background \u2192 --maz-surface, --maz-border \u2192 --maz-divider,
             hsl(var(--maz-X)) collapse (incl. alpha \u2192 color-mix)
   config    Nuxt injectMainCss \u2192 injectCss, theme strategy 'hybrid' \u2192 'runtime',
@@ -187,6 +188,7 @@ async function processSourceFiles(opts, cwd, packageJsonFiles) {
   let changed = 0;
   let needsUtilsDep = false;
   const radiusFiles = [];
+  const avatarSizeFiles = [];
   for (const root of opts.roots) {
     const absoluteRoot = resolve(cwd, root);
     const files = await globby(
@@ -215,13 +217,15 @@ async function processSourceFiles(opts, cwd, packageJsonFiles) {
         needsUtilsDep = true;
       if (hasFoundationRadius(before))
         radiusFiles.push(file);
+      if (hasMazAvatarBoundSize(before))
+        avatarSizeFiles.push(file);
       if (after === before)
         continue;
       changed += 1;
       reportAndWrite(file, after, opts, cwd);
     }
   }
-  return { scanned, changed, needsUtilsDep, radiusFiles };
+  return { scanned, changed, needsUtilsDep, radiusFiles, avatarSizeFiles };
 }
 function processPackageJsonFiles(files, opts, cwd, needsUtilsDep) {
   let scanned = 0;
@@ -260,6 +264,14 @@ Scanned ${scanned} files, ${prefix} ${changed}.`);
       logger.log(`   - ${file.replace(cwdPrefix, "")}`);
     logger.log(`  \u2192 Move the value to scales.rounded.md (other rounded keys are now derived from it via calc).`);
   }
+  if (sources.avatarSizeFiles.length > 0) {
+    const cwdPrefix = `${cwd}/`;
+    logger.log(`
+\u26A0 MazAvatar bound :size detected in ${sources.avatarSizeFiles.length} file(s) - manual check required:`);
+    for (const file of sources.avatarSizeFiles)
+      logger.log(`   - ${file.replace(cwdPrefix, "")}`);
+    logger.log(`  \u2192 The size scale was fixed (no more x3). Multiply the CSS unit value by 3 to keep the same render, or use a MazSize keyword. Static size="<unit>" values were already rewritten.`);
+  }
   logger.log(`
 Next: see https://maz-ui.com/guide/migration-v5 for the manual steps`);
   logger.log(`(foundation.radius \u2192 scales.rounded.md, MazIcon API, MazBadge sizes, MazChart update-mode).`);

package/dist/index.mjs

@@ -1 +1 @@
-export { A as ALL_GROUPS, b as transformConfig, c as transformCssVars, d as transformDeps, t as transformFile, e as transformHslVar, f as transformImports, g as transformPresetColors, i as transformProps } from './shared/upgrade.DtUNapPx.mjs';
+export { A as ALL_GROUPS, c as transformConfig, d as transformCssVars, e as transformDeps, t as transformFile, f as transformHslVar, g as transformImports, i as transformPresetColors, j as transformProps } from './shared/upgrade.C55csr01.mjs';

package/dist/shared/{upgrade.DtUNapPx.mjs → upgrade.C55csr01.mjs}

@@ -29,8 +29,25 @@ function transformProps(content) {
   out = out.replace(ACTIVE_COLOR_BG, (_, p, s) => `${p}surface${s}`);
   out = out.replace(HAS_ICON_CLASS, (_, dir) => `.--has-${flipDirection(dir)}-icon`);
   out = out.replace(MAZ_OPEN_TAG, (tag) => tag.replace(VARIANT_LR, (_, p, dir, s) => `${p}${flipDirection(dir)}${s}`).replace(COLOR_BG, (_, p, s) => `${p}surface${s}`));
+  out = transformAvatarSize(out);
   return out;
 }
+const MAZ_AVATAR_OPEN_TAG = /<(?:MazAvatar|maz-avatar)\b[^>]*>/g;
+const AVATAR_SIZE_UNIT = /(?<![:\w-])(size\s*=\s*(["']))(\d*\.?\d+)([a-z%]+)\2/gi;
+function tripleLength(value) {
+  return String(Number.parseFloat((Number.parseFloat(value) * 3).toFixed(4)));
+}
+function transformAvatarSize(content) {
+  return content.replace(MAZ_AVATAR_OPEN_TAG, (tag) => tag.replace(AVATAR_SIZE_UNIT, (_, prefix, quote, num, unit) => `${prefix}${tripleLength(num)}${unit}${quote}`));
+}
+const AVATAR_BOUND_SIZE = /(?:^|\s)(?::|v-bind:)size\s*=/;
+function hasMazAvatarBoundSize(content) {
+  for (const match of content.matchAll(MAZ_AVATAR_OPEN_TAG)) {
+    if (AVATAR_BOUND_SIZE.test(match[0]))
+      return true;
+  }
+  return false;
+}
 const MAZ_BACKGROUND = /--maz-background(?:(?![-\w])|(?=-(?:foreground|\d)))/g;
 const MAZ_BORDER_COLOR = /--maz-border(?:(?![-\w])|(?=-(?:foreground|\d)))/g;
 const MAZ_VAR = String.raw`var\(--(?:maz|m)-[\w-]+\)`;
@@ -169,4 +186,4 @@ function transformFile(filename, content, options = {}) {
   return out;
 }
 
-export { ALL_GROUPS as A, hasMazUiRootImport as a, transformConfig as b, transformCssVars as c, transformDeps as d, transformHslVar as e, transformImports as f, transformPresetColors as g, hasFoundationRadius as h, transformProps as i, transformFile as t };
+export { ALL_GROUPS as A, hasMazAvatarBoundSize as a, hasMazUiRootImport as b, transformConfig as c, transformCssVars as d, transformDeps as e, transformHslVar as f, transformImports as g, hasFoundationRadius as h, transformPresetColors as i, transformProps as j, transformFile as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maz-ui/upgrade",
   "type": "module",
-  "version": "5.0.0-beta.28",
+  "version": "5.0.0-beta.29",
   "description": "Automated source rewrites for migrating a project from Maz-UI v4 to v5.",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",