@maz-ui/upgrade 5.0.0-beta.4 → 5.0.0-beta.44

package/README.md

@@ -8,7 +8,7 @@ from your todo list, then walk through the rest of the
 need a human eye (theme `foundation.radius` reshape, `MazIcon` API,
 `MazBadge` numeric sizes, `MazChart` `update-mode`).
 
-The companion [`@maz-ui/mcp`](https://maz-ui.com/guide/mcp) server lets your
+The companion [`@maz-ui/mcp`](https://maz-ui.com/ecosystem/mcp) server lets your
 AI assistant read the migration guide and apply the manual steps with full
 context.
 
@@ -156,6 +156,20 @@ 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)      |
+| `<MazPullToRefresh :on-click="x">`                                | `<MazPullToRefresh :on-refresh="x">`                        |
+
+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.
+
+The `MazPullToRefresh` rewrite targets only `<MazPullToRefresh>` /
+`<maz-pull-to-refresh>` opening tags. v5 renamed the callback prop `on-click`
+to `on-refresh` (both kebab-case and camelCase, bound or static), so native
+click handlers and the `onClick` prop of other components are never touched.
 
 ### `css`
 
@@ -270,7 +284,7 @@ Next: see https://maz-ui.com/guide/migration-v5 for the manual steps
 ## What it does NOT do
 
 Some changes need a human (or your AI assistant via the
-[`@maz-ui/mcp`](https://maz-ui.com/guide/mcp) server) — see the
+[`@maz-ui/mcp`](https://maz-ui.com/ecosystem/mcp) server) — see the
 [migration guide](https://maz-ui.com/guide/migration-v5) for the full
 context:
 

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.D2ElTTw5.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.D2ElTTw5.mjs';

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

@@ -29,8 +29,32 @@ 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);
+  out = transformPullToRefresh(out);
   return out;
 }
+const MAZ_PULL_TO_REFRESH_OPEN_TAG = /<(?:MazPullToRefresh|maz-pull-to-refresh)\b[^>]*>/g;
+const PULL_TO_REFRESH_ON_CLICK_KEBAB = /(\s:?)on-click\b/g;
+const PULL_TO_REFRESH_ON_CLICK_CAMEL = /(\s:?)onClick\b/g;
+function transformPullToRefresh(content) {
+  return content.replace(MAZ_PULL_TO_REFRESH_OPEN_TAG, (tag) => tag.replace(PULL_TO_REFRESH_ON_CLICK_KEBAB, (_, prefix) => `${prefix}on-refresh`).replace(PULL_TO_REFRESH_ON_CLICK_CAMEL, (_, prefix) => `${prefix}onRefresh`));
+}
+const MAZ_AVATAR_OPEN_TAG = /<(?:MazAvatar|maz-avatar)\b[^>]*>/g;
+const AVATAR_SIZE_UNIT = /(?<![:\w-])(size\s*=\s*(["']))(\d+(?:\.\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-]+\)`;
@@ -44,7 +68,7 @@ function transformHslVar(content) {
 }
 const NUXT_INJECT_MAIN_CSS = /\binjectMainCss\b/g;
 const STRATEGY_HYBRID = /(\bstrategy\s*:\s*['"])hybrid(['"])/g;
-const DEPRECATED_THEME_OPTIONS = /^[^\S\n]*(?:injectCriticalCSS|injectFullCSS|injectAllCSSOnServer)\s*:[^,\n]*,?[^\S\n]*\n?/gm;
+const DEPRECATED_THEME_OPTIONS = /^[ \t]*(?:injectCriticalCSS|injectFullCSS|injectAllCSSOnServer)\s*:[^,\n]*,?[^\S\n]*\n?/gm;
 function transformConfig(content) {
   return content.replace(NUXT_INJECT_MAIN_CSS, "injectCss").replace(STRATEGY_HYBRID, (_, p, s) => `${p}runtime${s}`).replace(DEPRECATED_THEME_OPTIONS, "");
 }
@@ -169,4 +193,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.4",
+  "version": "5.0.0-beta.44",
   "description": "Automated source rewrites for migrating a project from Maz-UI v4 to v5.",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -23,7 +23,8 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
     }
   },
   "main": "./dist/index.mjs",
@@ -40,15 +41,12 @@
     "node": ">=20.19.0"
   },
   "dependencies": {
-    "globby": "^16.2.0",
-    "@maz-ui/node": "5.0.0-beta.4"
+    "@maz-ui/node": "5.0.0-beta.44",
+    "globby": "^16.2.0"
   },
   "devDependencies": {
-    "@types/node": "^25.6.0",
-    "typescript": "^5.9.3",
-    "unbuild": "^3.6.1",
-    "vitest": "4.1.5",
-    "@maz-ui/eslint-config": "5.0.0-beta.4"
+    "@maz-ui/eslint-config": "5.0.0-beta.44",
+    "unbuild": "^3.6.1"
   },
   "lint-staged": {
     "*.{js,ts,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"