@cyber-harbour/ui 2.2.43 → 3.0.0-fix-button-focus-visible.0

package/bin/switch-ui-lib.js

@@ -1,7 +1,6 @@
 #!/usr/bin/env node
 
-const prompts = require('prompts');
-const { execSync } = require('child_process');
+const { execFileSync } = require('child_process');
 const path = require('path');
 const fs = require('fs');
 
@@ -48,19 +47,14 @@ const projectRoot = findProjectRoot();
 const localPath = getLocalPath();
 const pkgPath = path.resolve(projectRoot, `node_modules/${packageName}/package.json`);
 
-function isUsingLocalVersion() {
-  try {
-    const realPath = fs.realpathSync(pkgPath);
-    return realPath.startsWith(path.resolve(localPath));
-  } catch {
-    return false;
-  }
+function npm(args, cwd) {
+  return execFileSync('npm', args, { stdio: 'inherit', cwd });
 }
 
-function isUsingNpmVersion() {
+function isUsingLocalVersion() {
   try {
     const realPath = fs.realpathSync(pkgPath);
-    return !realPath.includes('..') && realPath.includes('node_modules');
+    return realPath.startsWith(path.resolve(localPath));
   } catch {
     return false;
   }
@@ -82,11 +76,134 @@ function checkLocalPathExists() {
   return true;
 }
 
-async function main() {
+function printHeader() {
   console.log(`🏠 Проект: ${projectRoot}`);
   console.log(`📦 Пакет: ${packageName}`);
   console.log(`🔧 Локальний шлях: ${localPath}`);
   console.log('');
+}
+
+function printStatus() {
+  printHeader();
+  if (!fs.existsSync(pkgPath)) {
+    console.log('📊 Статус: не встановлено');
+    return 'missing';
+  }
+  if (isUsingLocalVersion()) {
+    const realPath = fs.realpathSync(pkgPath);
+    console.log(`📊 Статус: local → ${path.dirname(realPath)}`);
+    return 'local';
+  }
+  try {
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+    console.log(`📊 Статус: npm @ ${pkg.version}`);
+  } catch {
+    console.log('📊 Статус: npm (версію не вдалося прочитати)');
+  }
+  return 'npm';
+}
+
+function printHelp() {
+  console.log(`Usage: switch-ui-lib [command] [options]
+
+Commands:
+  local                    Link the local checkout of ${packageName} via npm link
+  npm [version|tag]        Install from npm (default: latest)
+  status                   Print current mode (local | npm <version>) and exit
+  (no command)             Run interactive picker
+
+Options:
+  -h, --help               Show this help and exit
+
+Environment:
+  UI_LIBRARY_PATH          Absolute path to the local ui-kit checkout
+                           (default: ../ui-kit relative to the consuming project)
+
+Examples:
+  switch-ui-lib local
+  switch-ui-lib npm
+  switch-ui-lib npm next
+  switch-ui-lib npm 0.42.0
+  switch-ui-lib status
+`);
+}
+
+function switchToLocal() {
+  printHeader();
+
+  if (!checkLocalPathExists()) {
+    return 1;
+  }
+
+  if (isUsingLocalVersion()) {
+    console.log('✅ Вже підключено локально.');
+    return 0;
+  }
+
+  try {
+    console.log('🔄 Видаляємо існуючий пакет...');
+    try {
+      npm(['uninstall', packageName], projectRoot);
+    } catch {
+      // Ігноруємо помилку якщо пакет не встановлений
+    }
+
+    // Створюємо глобальний лінк в локальній бібліотеці
+    // NB: react/react-dom лінкувати окремо НЕ потрібно — споживач
+    // (frontend-svc) має `resolve.dedupe: ['react','react-dom']` у
+    // vite.config.ts, що гарантує єдиний інстанс React навіть при
+    // symlink-resolution через node_modules/@cyber-harbour/ui.
+    console.log('🔄 Створюємо глобальний лінк...');
+    npm(['link'], localPath);
+
+    console.log('🔄 Підключаємо локальну версію...');
+    npm(['link', packageName], projectRoot);
+
+    console.log('✅ Успішно підключено локальну версію через npm link.');
+    return 0;
+  } catch (error) {
+    console.error('❌ Помилка при підключенні локальної версії:', error.message);
+    return 1;
+  }
+}
+
+function switchToNpm(versionOrTag) {
+  printHeader();
+
+  const version = versionOrTag || 'latest';
+  const packageToInstall = `${packageName}@${version}`;
+
+  try {
+    console.log('🔄 Видаляємо лінки...');
+    try {
+      npm(['unlink', packageName], projectRoot);
+    } catch {
+      // Ігноруємо помилку якщо лінк не існує
+    }
+
+    console.log(`🔄 Встановлюємо ${packageToInstall}...`);
+    npm(['install', packageToInstall], projectRoot);
+    console.log(`✅ Успішно підключено ${packageToInstall}.`);
+    return 0;
+  } catch (error) {
+    console.error('❌ Помилка при підключенні версії з NPM:', error.message);
+    return 1;
+  }
+}
+
+async function runInteractive() {
+  let prompts;
+  try {
+    require.resolve('prompts');
+    prompts = require('prompts');
+  } catch {
+    console.error('❌ Помилка: пакет "prompts" не знайдено.');
+    console.log('💡 Встановіть prompts: npm install --save-dev prompts');
+    console.log('💡 Або викличте з аргументами: switch-ui-lib local | npm [version] | status');
+    return 1;
+  }
+
+  printHeader();
 
   const response = await prompts({
     type: 'select',
@@ -101,114 +218,109 @@ async function main() {
   const { mode } = response;
 
   if (mode === 'local') {
-    if (!checkLocalPathExists()) {
-      return;
-    }
-
-    if (isUsingLocalVersion()) {
-      console.log('✅ Вже підключено локально.');
-      return;
-    }
+    return switchToLocal();
+  }
 
+  if (mode === 'npm') {
+    let distTags = {};
     try {
-      // Спочатку видаляємо існуючий пакет
-      console.log('🔄 Видаляємо існуючий пакет...');
-      try {
-        execSync(`npm uninstall ${packageName}`, { stdio: 'inherit', cwd: projectRoot });
-      } catch {
-        // Ігноруємо помилку якщо пакет не встановлений
-      }
-
-      // Копіюємо React і React DOM з основного проекту в UI бібліотеку
-      console.log('🔄 Копіюємо React в UI бібліотеку...');
-      try {
-        execSync('npm link react react-dom', {
-          stdio: 'inherit',
-          cwd: localPath,
-        });
-      } catch (error) {
-        console.log("⚠️  Не вдалося зв'язати React (це може бути нормально)");
-      }
-
-      // Створюємо глобальний лінк в локальній бібліотеці
-      console.log('🔄 Створюємо глобальний лінк...');
-      execSync('npm link', {
-        stdio: 'inherit',
-        cwd: localPath,
-      });
+      const raw = execFileSync('npm', ['view', packageName, 'dist-tags', '--json'], {
+        stdio: ['ignore', 'pipe', 'ignore'],
+      }).toString();
+      distTags = JSON.parse(raw);
+    } catch {
+      console.log('⚠️  Не вдалося отримати список тегів з npm — буде запропоновано ручний ввід.');
+    }
 
-      // Лінкуємо локальну бібліотеку до проекту
-      console.log('🔄 Підключаємо локальну версію...');
-      execSync(`npm link ${packageName}`, { stdio: 'inherit', cwd: projectRoot });
+    const PRIMARY_TAGS = ['latest', 'next', 'next-gen', 'beta', 'alpha', 'dev'];
+    const tagEntries = Object.entries(distTags).sort(([a], [b]) => {
+      const ai = PRIMARY_TAGS.indexOf(a);
+      const bi = PRIMARY_TAGS.indexOf(b);
+      if (ai !== -1 || bi !== -1) return (ai === -1 ? Infinity : ai) - (bi === -1 ? Infinity : bi);
+      return a.localeCompare(b);
+    });
+    const tagChoices = tagEntries.map(([tag, version]) => ({
+      title: `${tag} (${version})`,
+      value: tag,
+    }));
 
-      console.log('✅ Успішно підключено локальну версію через npm link.');
-    } catch (error) {
-      console.error('❌ Помилка при підключенні локальної версії:', error.message);
-    }
-  }
+    const latestIdx = tagChoices.findIndex(c => c.value === 'latest');
 
-  if (mode === 'npm') {
-    const versionResponse = await prompts({
-      type: 'text',
-      name: 'version',
-      message: 'Введіть версію або тег (latest, next, 2.0.0, alpha, beta):',
-      initial: 'latest',
-      validate: value => value.length > 0 ? true : 'Версія не може бути пустою'
+    const { selected } = await prompts({
+      type: 'select',
+      name: 'selected',
+      message: 'Оберіть тег або вкажіть власну версію:',
+      choices: [
+        ...tagChoices,
+        { title: '✏️  Ввести версію або тег вручну', value: '__custom__' },
+      ],
+      initial: latestIdx >= 0 ? latestIdx : 0,
     });
-    
-    if (!versionResponse.version) {
+
+    if (!selected) {
       console.log('❌ Операція скасована.');
-      return;
-    }
-    
-    const version = versionResponse.version.startsWith('@') 
-      ? versionResponse.version.substring(1) 
-      : versionResponse.version;
-    const packageToInstall = `${packageName}@${version}`;
-
-    if (isUsingNpmVersion()) {
-      console.log('✅ Вже використовується версія з NPM.');
-      return;
+      return 1;
     }
 
-    try {
-      // Видаляємо лінк якщо він існує
-      console.log('🔄 Видаляємо лінки...');
-      try {
-        execSync(`npm unlink ${packageName}`, { stdio: 'inherit', cwd: projectRoot });
-      } catch {
-        // Ігноруємо помилку якщо лінк не існує
-      }
+    let version = selected;
+    if (selected === '__custom__') {
+      const { custom } = await prompts({
+        type: 'text',
+        name: 'custom',
+        message: 'Введіть версію або тег:',
+        initial: 'latest',
+        validate: value => (value.length > 0 ? true : 'Версія не може бути пустою'),
+      });
 
-      // Видаляємо лінк React з UI бібліотеки
-      if (checkLocalPathExists()) {
-        console.log('🔄 Видаляємо React лінки з UI бібліотеки...');
-        try {
-          execSync('npm unlink react react-dom', {
-            stdio: 'inherit',
-            cwd: localPath,
-          });
-        } catch {
-          // Ігноруємо помилку якщо лінк не існує
-        }
+      if (!custom) {
+        console.log('❌ Операція скасована.');
+        return 1;
       }
 
-      // Встановлюємо пакет з NPM
-      console.log(`🔄 Встановлюємо ${packageToInstall}...`);
-      execSync(`npm install ${packageToInstall}`, { stdio: 'inherit', cwd: projectRoot });
-      console.log(`✅ Успішно підключено ${packageToInstall}.`);
-    } catch (error) {
-      console.error('❌ Помилка при підключенні версії з NPM:', error.message);
+      version = custom.startsWith('@') ? custom.substring(1) : custom;
     }
+
+    return switchToNpm(version);
   }
+
+  console.log('❌ Операція скасована.');
+  return 1;
 }
 
-// Перевіряємо чи prompts доступний
-try {
-  require.resolve('prompts');
-  main().catch(console.error);
-} catch (error) {
-  console.error('❌ Помилка: пакет "prompts" не знайдено.');
-  console.log('💡 Встановіть prompts: npm install --save-dev prompts');
-  process.exit(1);
+async function main() {
+  const args = process.argv.slice(2);
+  const [command, ...rest] = args;
+
+  if (command === '-h' || command === '--help') {
+    printHelp();
+    return 0;
+  }
+
+  if (command === 'status') {
+    printStatus();
+    return 0;
+  }
+
+  if (command === 'local') {
+    return switchToLocal();
+  }
+
+  if (command === 'npm') {
+    return switchToNpm(rest[0]);
+  }
+
+  if (command !== undefined) {
+    console.error(`❌ Невідома команда: ${command}`);
+    printHelp();
+    return 2;
+  }
+
+  return runInteractive();
 }
+
+main()
+  .then(code => process.exit(code ?? 0))
+  .catch(error => {
+    console.error(error);
+    process.exit(1);
+  });