@machinemetrics/mm-react-components 0.2.3-2 → 0.2.3-20

package/dist/scripts/chakra-to-shadcn-migrator/lib/deps.js

@@ -0,0 +1,125 @@
+import fs from 'fs';
+import path from 'path';
+
+export function updateDependencies(projectRoot, config, apply) {
+  const pkgPath = path.join(projectRoot, 'package.json');
+  const report = {
+    packageFound: fs.existsSync(pkgPath),
+    removed: [],
+    devRemoved: [],
+    added: [],
+    devAdded: [],
+  };
+  if (!report.packageFound) return report;
+  const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+  const deps = { ...(pkg.dependencies ?? {}) };
+  const devDeps = { ...(pkg.devDependencies ?? {}) };
+
+  for (const dep of config.dependenciesToRemove ?? []) {
+    if (dep in deps) {
+      report.removed.push({
+        name: dep,
+        from: 'dependencies',
+        version: deps[dep],
+      });
+      if (apply) delete deps[dep];
+    }
+    if (dep in devDeps) {
+      report.devRemoved.push({
+        name: dep,
+        from: 'devDependencies',
+        version: devDeps[dep],
+      });
+      if (apply) delete devDeps[dep];
+    }
+  }
+
+  for (const [dep, version] of Object.entries(config.dependenciesToAdd ?? {})) {
+    if (deps[dep] !== version) {
+      report.added.push({ name: dep, version });
+      if (apply) deps[dep] = version;
+    }
+  }
+
+  for (const [dep, version] of Object.entries(
+    config.devDependenciesToAdd ?? {},
+  )) {
+    if (devDeps[dep] !== version) {
+      report.devAdded.push({ name: dep, version });
+      if (apply) devDeps[dep] = version;
+    }
+  }
+
+  if (apply) {
+    const next = { ...pkg };
+    next.dependencies = Object.keys(deps).length ? deps : undefined;
+    next.devDependencies = Object.keys(devDeps).length ? devDeps : undefined;
+    fs.writeFileSync(pkgPath, `${JSON.stringify(next, null, 2)}\n`, 'utf8');
+  }
+
+  return report;
+}
+
+export function renderDependencyReport(report, applied, { bold, colorize }) {
+  console.log(bold('\nStep 1 – Align npm dependencies (Zero-Config)'));
+  if (!report.packageFound) {
+    console.log(colorize('  package.json not found in project root.', 'red'));
+    return;
+  }
+  if (
+    !report.removed.length &&
+    !report.devRemoved.length &&
+    !report.added.length &&
+    !report.devAdded.length
+  ) {
+    console.log(colorize('  No dependency changes required.', 'gray'));
+    console.log(
+      colorize(
+        '  💡 Zero-config setup: Only @machinemetrics/mm-react-components needed!',
+        'cyan',
+      ),
+    );
+    return;
+  }
+
+  const printEntries = (entries, verb) => {
+    for (const entry of entries) {
+      const where = entry.from ? ` (${entry.from})` : '';
+      console.log(
+        `  - ${verb} ${colorize(entry.name, 'green')}${where}${entry.version ? ` @ ${entry.version}` : ''}`,
+      );
+    }
+  };
+
+  if (!applied) {
+    if (report.removed.length || report.devRemoved.length) {
+      console.log(colorize('  Remove Chakra packages:', 'yellow'));
+      printEntries([...report.removed, ...report.devRemoved], 'remove');
+    }
+    if (report.added.length || report.devAdded.length) {
+      console.log(
+        colorize('  Add MM React Components (zero-config):', 'yellow'),
+      );
+      printEntries([...report.added, ...report.devAdded], 'add');
+      console.log(
+        colorize(
+          '  💡 No build tools required - using pre-compiled CSS!',
+          'cyan',
+        ),
+      );
+    }
+  } else {
+    if (report.removed.length || report.devRemoved.length) {
+      printEntries([...report.removed, ...report.devRemoved], 'removed');
+    }
+    if (report.added.length || report.devAdded.length) {
+      printEntries([...report.added, ...report.devAdded], 'added');
+      console.log(
+        colorize(
+          '  ✔ Zero-config setup complete - no build tools needed!',
+          'green',
+        ),
+      );
+    }
+  }
+}

package/dist/scripts/chakra-to-shadcn-migrator/lib/file-io.js

@@ -0,0 +1,44 @@
+import fs from 'fs';
+import path from 'path';
+
+export function collectSourceFiles(projectRoot, customSources, includeTests) {
+  const roots = customSources?.length ? customSources : ['src'];
+  const files = [];
+  const ignoredFolders = new Set([
+    'node_modules',
+    '.git',
+    'dist',
+    'build',
+    'coverage',
+    '.turbo',
+    '.next',
+  ]);
+
+  for (const rootRelative of roots) {
+    const rootPath = path.join(projectRoot, rootRelative);
+    if (!fs.existsSync(rootPath)) continue;
+    walk(rootPath);
+  }
+
+  function walk(current) {
+    const stat = fs.statSync(current);
+    if (stat.isDirectory()) {
+      const base = path.basename(current);
+      if (ignoredFolders.has(base)) return;
+      const entries = fs.readdirSync(current);
+      for (const entry of entries) {
+        walk(path.join(current, entry));
+      }
+    } else if (stat.isFile()) {
+      if (!/\.[tj]sx?$/.test(current)) return;
+      const relative = path.relative(projectRoot, current);
+      if (!includeTests) {
+        if (relative.includes('__tests__')) return;
+        if (/\.test\.|\.spec\.|\.stories\./.test(relative)) return;
+      }
+      files.push({ absolute: current, relative });
+    }
+  }
+
+  return files;
+}

package/dist/scripts/chakra-to-shadcn-migrator/lib/render.js

@@ -0,0 +1,89 @@
+export function renderProviderInstructions(config, { bold }) {
+  const instructions = config.providerInstructions ?? [];
+  if (!instructions.length) return;
+  console.log(bold('\nStep 2 – Update top-level providers'));
+  instructions.forEach((text, index) => {
+    console.log(`  ${index + 1}. ${text}`);
+  });
+}
+
+export function renderPostSteps(config, { bold }) {
+  const steps = config.postSteps ?? [];
+  if (!steps.length) return;
+  console.log(bold('\nStep 4 – Finish up'));
+  steps.forEach((step, index) => {
+    console.log(`  ${index + 1}. ${step}`);
+  });
+}
+
+export function renderImportReport(reports, applyMode, config, { colorize }) {
+  if (!reports.length) {
+    console.log(
+      colorize('  No Chakra imports were found in the scanned files.', 'gray'),
+    );
+    return;
+  }
+  for (const fileReport of reports) {
+    console.log(`\n  • ${colorize(fileReport.file, 'cyan')}`);
+    for (const moduleInfo of fileReport.modules) {
+      const { module, convertible, manual, missingConfig, skipped } =
+        moduleInfo;
+      if (missingConfig) {
+        console.log(
+          `    - ${colorize('No mapping config for', 'red')} ${module}.`,
+        );
+        continue;
+      }
+      if (moduleInfo.jsxReplaced?.length) {
+        console.log(
+          `    - ${colorize('JSX replaced', 'green')}: ${moduleInfo.jsxReplaced.join(', ')}`,
+        );
+      }
+      if (moduleInfo.compoundTransformed?.length) {
+        console.log(
+          `    - ${colorize('Compound components', 'green')}: ${moduleInfo.compoundTransformed.join(', ')}`,
+        );
+      }
+      if (manual?.length) {
+        const names = manual
+          .map((spec) => spec.local || spec.imported)
+          .join(', ');
+        console.log(
+          `    - ${colorize('Manual follow-up required', 'yellow')}: ${names}`,
+        );
+      }
+      if (convertible?.length) {
+        const names = convertible
+          .map(({ specifier, mapping }) => {
+            const target =
+              mapping.module ??
+              config.moduleMappings?.[module]?.default?.module ??
+              'n/a';
+            const rename =
+              mapping.import && mapping.import !== specifier.local
+                ? ` → ${mapping.import}`
+                : '';
+            return `${specifier.local}${rename} (${target})`;
+          })
+          .join(', ');
+        console.log(`    - ${colorize('Mapped', 'green')} ${names}`);
+      }
+      if (applyMode && skipped) {
+        console.log(
+          `    - ${colorize('Skipped automatic rewrite', 'red')} – unresolved specifiers remain.`,
+        );
+      }
+    }
+    if (fileReport.importsRemoved?.length) {
+      const allRemoved = fileReport.importsRemoved
+        .flatMap((r) => r.specifiers)
+        .join(', ');
+      console.log(
+        `    - ${colorize('Removed unused imports', 'gray')}: ${allRemoved}`,
+      );
+    }
+    if (applyMode && fileReport.applied) {
+      console.log(`    ${colorize('✔ Imports/JSX rewritten', 'green')}`);
+    }
+  }
+}