@kopynator/cli 1.0.10 → 1.0.12

package/dist/index.js

@@ -202,11 +202,177 @@ async function checkCommand() {
 
 // src/commands/sync.ts
 var import_chalk3 = __toESM(require("chalk"));
+var import_fs3 = __toESM(require("fs"));
+var import_path3 = __toESM(require("path"));
+var import_inquirer2 = __toESM(require("inquirer"));
+function detectFramework() {
+  const angularJson = import_path3.default.join(process.cwd(), "angular.json");
+  const packageJson = import_path3.default.join(process.cwd(), "package.json");
+  if (import_fs3.default.existsSync(angularJson)) {
+    return "Angular";
+  }
+  if (import_fs3.default.existsSync(packageJson)) {
+    try {
+      const pkg = JSON.parse(import_fs3.default.readFileSync(packageJson, "utf-8"));
+      const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+      if (deps["@angular/core"]) return "Angular";
+      if (deps["react"]) return "React";
+      if (deps["vue"]) return "Vue";
+    } catch (e) {
+    }
+  }
+  return "Other";
+}
+function getTranslationDir(framework) {
+  switch (framework) {
+    case "Angular":
+      return import_path3.default.join(process.cwd(), "src/assets/i18n");
+    case "React":
+      return import_path3.default.join(process.cwd(), "public/locales");
+    case "Vue":
+      return import_path3.default.join(process.cwd(), "public/locales");
+    default:
+      return import_path3.default.join(process.cwd(), "locales");
+  }
+}
+function extractApiKey() {
+  const appConfigPath = import_path3.default.join(process.cwd(), "src/app/app.config.ts");
+  const appModulePath = import_path3.default.join(process.cwd(), "src/app/app.module.ts");
+  const jsonConfigPath = import_path3.default.join(process.cwd(), "kopynator.config.json");
+  if (import_fs3.default.existsSync(appConfigPath)) {
+    const content = import_fs3.default.readFileSync(appConfigPath, "utf-8");
+    const apiKeyMatch = content.match(/apiKey:\s*['"]([^'"]+)['"]/);
+    if (apiKeyMatch) {
+      console.log(import_chalk3.default.blue("\u2139\uFE0F  Found API key in app.config.ts"));
+      return { apiKey: apiKeyMatch[1] };
+    }
+  }
+  if (import_fs3.default.existsSync(appModulePath)) {
+    const content = import_fs3.default.readFileSync(appModulePath, "utf-8");
+    const apiKeyMatch = content.match(/apiKey:\s*['"]([^'"]+)['"]/);
+    if (apiKeyMatch) {
+      console.log(import_chalk3.default.blue("\u2139\uFE0F  Found API key in app.module.ts"));
+      return { apiKey: apiKeyMatch[1] };
+    }
+  }
+  if (import_fs3.default.existsSync(jsonConfigPath)) {
+    try {
+      const config = JSON.parse(import_fs3.default.readFileSync(jsonConfigPath, "utf-8"));
+      if (config.apiKey) {
+        console.log(import_chalk3.default.blue("\u2139\uFE0F  Found API key in kopynator.config.json"));
+        return { apiKey: config.apiKey, baseUrl: config.baseUrl };
+      }
+    } catch (e) {
+      console.log(import_chalk3.default.red("\u274C Error parsing kopynator.config.json"));
+    }
+  }
+  return null;
+}
+async function getSyncConfig() {
+  const configPath = import_path3.default.join(process.cwd(), "kopynator.sync.config.json");
+  if (import_fs3.default.existsSync(configPath)) {
+    try {
+      const config2 = JSON.parse(import_fs3.default.readFileSync(configPath, "utf-8"));
+      console.log(import_chalk3.default.blue("\u2139\uFE0F  Using existing sync configuration"));
+      return config2;
+    } catch (e) {
+      console.log(import_chalk3.default.yellow("\u26A0\uFE0F  Error reading sync config, creating new one"));
+    }
+  }
+  console.log(import_chalk3.default.blue("\n\u{1F4DD} First time sync! Let's configure your preferences:\n"));
+  const answers = await import_inquirer2.default.prompt([
+    {
+      type: "confirm",
+      name: "nested",
+      message: 'Use nested JSON structure? (e.g., {"nav": {"home": "Home"}})',
+      default: false
+    },
+    {
+      type: "confirm",
+      name: "includeLangKey",
+      message: 'Include language key in output? (e.g., {"en": {...}, "es": {...}})',
+      default: false
+    },
+    {
+      type: "confirm",
+      name: "pretty",
+      message: "Pretty print JSON?",
+      default: true
+    },
+    {
+      type: "list",
+      name: "indent",
+      message: "Indentation style:",
+      choices: [
+        { name: "2 spaces", value: "2" },
+        { name: "4 spaces", value: "4" },
+        { name: "Tabs", value: "tab" }
+      ],
+      default: "2"
+    }
+  ]);
+  const config = {
+    nested: answers.nested,
+    includeLangKey: answers.includeLangKey,
+    pretty: answers.pretty,
+    indent: answers.indent
+  };
+  import_fs3.default.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  console.log(import_chalk3.default.green("\u2705 Configuration saved to kopynator.sync.config.json\n"));
+  return config;
+}
 async function syncCommand() {
   console.log(import_chalk3.default.bold.blue("\n\u2601\uFE0F  Syncing with Kopynator Cloud...\n"));
-  console.log(import_chalk3.default.yellow("\u{1F512} This feature is available in the Starter and Growth plans."));
-  console.log(import_chalk3.default.white("Upgrade your plan at https://www.kopynator.com/pricing to enable cloud synchronization."));
-  console.log(import_chalk3.default.gray("\n(In a real implementation, this would push local keys and pull remote translations)"));
+  const framework = detectFramework();
+  console.log(import_chalk3.default.blue(`\u2139\uFE0F  Detected ${framework} project`));
+  const config = extractApiKey();
+  if (!config) {
+    console.log(import_chalk3.default.red("\u274C Could not find API key in any config file."));
+    console.log(import_chalk3.default.yellow("Run `npx kopynator init` first or configure your API key manually."));
+    return;
+  }
+  const syncConfig = await getSyncConfig();
+  const baseUrl = config.baseUrl || "http://localhost:7300/api/tokens";
+  const token = config.apiKey;
+  try {
+    console.log(import_chalk3.default.blue("\u{1F4E1} Fetching available languages..."));
+    const languagesUrl = `${baseUrl}/languages?token=${token}`;
+    const languagesResponse = await fetch(languagesUrl);
+    if (!languagesResponse.ok) {
+      console.log(import_chalk3.default.red(`\u274C Failed to fetch languages: ${languagesResponse.status} ${languagesResponse.statusText}`));
+      return;
+    }
+    const languages = await languagesResponse.json();
+    console.log(import_chalk3.default.green(`\u2705 Found ${languages.length} language(s): ${languages.join(", ")}`));
+    const i18nDir = getTranslationDir(framework);
+    if (!import_fs3.default.existsSync(i18nDir)) {
+      import_fs3.default.mkdirSync(i18nDir, { recursive: true });
+      console.log(import_chalk3.default.blue(`\u{1F4C1} Created directory: ${i18nDir}`));
+    }
+    for (const locale of languages) {
+      console.log(import_chalk3.default.blue(`\u2B07\uFE0F  Downloading ${locale}...`));
+      const fetchUrl = `${baseUrl}/fetch?token=${token}&langs=${locale}&nested=${syncConfig.nested}&includeLangKey=${syncConfig.includeLangKey}&pretty=${syncConfig.pretty}&indent=${syncConfig.indent}`;
+      const translationResponse = await fetch(fetchUrl);
+      if (!translationResponse.ok) {
+        console.log(import_chalk3.default.yellow(`\u26A0\uFE0F  Failed to fetch ${locale}: ${translationResponse.status}`));
+        continue;
+      }
+      const translationData = await translationResponse.json();
+      const outputPath = import_path3.default.join(i18nDir, `${locale}.json`);
+      let jsonString;
+      if (syncConfig.pretty) {
+        const indentValue = syncConfig.indent === "tab" ? "	" : Number(syncConfig.indent);
+        jsonString = JSON.stringify(translationData, null, indentValue);
+      } else {
+        jsonString = JSON.stringify(translationData);
+      }
+      import_fs3.default.writeFileSync(outputPath, jsonString);
+      console.log(import_chalk3.default.green(`\u2705 Saved ${locale}.json`));
+    }
+    console.log(import_chalk3.default.bold.green("\n\u{1F389} Sync completed successfully!\n"));
+  } catch (error) {
+    console.log(import_chalk3.default.red(`\u274C Sync failed: ${error instanceof Error ? error.message : "Unknown error"}`));
+  }
 }
 
 // src/index.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopynator/cli",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "CLI tool for Kopynator - The i18n management solution",
   "bin": {
     "kopynator": "dist/index.js"

package/src/commands/sync.ts

@@ -1,10 +1,250 @@
 import chalk from 'chalk';
+import fs from 'fs';
+import path from 'path';
+import inquirer from 'inquirer';
+
+interface KopyConfig {
+  apiKey: string;
+  baseUrl?: string;
+}
+
+interface SyncConfig {
+  nested: boolean;
+  includeLangKey: boolean;
+  pretty: boolean;
+  indent: '2' | '4' | 'tab';
+}
+
+/**
+ * Detect the framework being used in the current project
+ */
+function detectFramework(): 'Angular' | 'React' | 'Vue' | 'Other' {
+  const angularJson = path.join(process.cwd(), 'angular.json');
+  const packageJson = path.join(process.cwd(), 'package.json');
+
+  // Check for Angular
+  if (fs.existsSync(angularJson)) {
+    return 'Angular';
+  }
+
+  // Check package.json for React/Vue
+  if (fs.existsSync(packageJson)) {
+    try {
+      const pkg = JSON.parse(fs.readFileSync(packageJson, 'utf-8'));
+      const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+      
+      if (deps['@angular/core']) return 'Angular';
+      if (deps['react']) return 'React';
+      if (deps['vue']) return 'Vue';
+    } catch (e) {
+      // Ignore parse errors
+    }
+  }
+
+  return 'Other';
+}
+
+/**
+ * Get the translation directory path based on framework
+ */
+function getTranslationDir(framework: string): string {
+  switch (framework) {
+    case 'Angular':
+      return path.join(process.cwd(), 'src/assets/i18n');
+    case 'React':
+      // Common React patterns, can be customized later
+      return path.join(process.cwd(), 'public/locales');
+    case 'Vue':
+      // Common Vue patterns, can be customized later
+      return path.join(process.cwd(), 'public/locales');
+    default:
+      // Default fallback
+      return path.join(process.cwd(), 'locales');
+  }
+}
+
+/**
+ * Extract API key from Angular config files or JSON config
+ * Tries: app.config.ts -> app.module.ts -> kopynator.config.json
+ */
+function extractApiKey(): KopyConfig | null {
+  const appConfigPath = path.join(process.cwd(), 'src/app/app.config.ts');
+  const appModulePath = path.join(process.cwd(), 'src/app/app.module.ts');
+  const jsonConfigPath = path.join(process.cwd(), 'kopynator.config.json');
+
+  // Try app.config.ts
+  if (fs.existsSync(appConfigPath)) {
+    const content = fs.readFileSync(appConfigPath, 'utf-8');
+    const apiKeyMatch = content.match(/apiKey:\s*['"]([^'"]+)['"]/);
+    if (apiKeyMatch) {
+      console.log(chalk.blue('ℹ️  Found API key in app.config.ts'));
+      return { apiKey: apiKeyMatch[1] };
+    }
+  }
+
+  // Try app.module.ts
+  if (fs.existsSync(appModulePath)) {
+    const content = fs.readFileSync(appModulePath, 'utf-8');
+    const apiKeyMatch = content.match(/apiKey:\s*['"]([^'"]+)['"]/);
+    if (apiKeyMatch) {
+      console.log(chalk.blue('ℹ️  Found API key in app.module.ts'));
+      return { apiKey: apiKeyMatch[1] };
+    }
+  }
+
+  // Try kopynator.config.json
+  if (fs.existsSync(jsonConfigPath)) {
+    try {
+      const config = JSON.parse(fs.readFileSync(jsonConfigPath, 'utf-8'));
+      if (config.apiKey) {
+        console.log(chalk.blue('ℹ️  Found API key in kopynator.config.json'));
+        return { apiKey: config.apiKey, baseUrl: config.baseUrl };
+      }
+    } catch (e) {
+      console.log(chalk.red('❌ Error parsing kopynator.config.json'));
+    }
+  }
+
+  return null;
+}
+
+/**
+ * Load or create sync configuration
+ */
+async function getSyncConfig(): Promise<SyncConfig> {
+  const configPath = path.join(process.cwd(), 'kopynator.sync.config.json');
+
+  // If config exists, load it
+  if (fs.existsSync(configPath)) {
+    try {
+      const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+      console.log(chalk.blue('ℹ️  Using existing sync configuration'));
+      return config;
+    } catch (e) {
+      console.log(chalk.yellow('⚠️  Error reading sync config, creating new one'));
+    }
+  }
+
+  // Ask user for preferences
+  console.log(chalk.blue('\n📝 First time sync! Let\'s configure your preferences:\n'));
+
+  const answers = await inquirer.prompt([
+    {
+      type: 'confirm',
+      name: 'nested',
+      message: 'Use nested JSON structure? (e.g., {"nav": {"home": "Home"}})',
+      default: false,
+    },
+    {
+      type: 'confirm',
+      name: 'includeLangKey',
+      message: 'Include language key in output? (e.g., {"en": {...}, "es": {...}})',
+      default: false,
+    },
+    {
+      type: 'confirm',
+      name: 'pretty',
+      message: 'Pretty print JSON?',
+      default: true,
+    },
+    {
+      type: 'list',
+      name: 'indent',
+      message: 'Indentation style:',
+      choices: [
+        { name: '2 spaces', value: '2' },
+        { name: '4 spaces', value: '4' },
+        { name: 'Tabs', value: 'tab' },
+      ],
+      default: '2',
+    },
+  ]);
+
+  const config: SyncConfig = {
+    nested: answers.nested,
+    includeLangKey: answers.includeLangKey,
+    pretty: answers.pretty,
+    indent: answers.indent,
+  };
+
+  // Save config
+  fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
+  console.log(chalk.green('✅ Configuration saved to kopynator.sync.config.json\n'));
+
+  return config;
+}
 
 export async function syncCommand() {
   console.log(chalk.bold.blue('\n☁️  Syncing with Kopynator Cloud...\n'));
 
-  // Placeholder for paid/backend feature
-  console.log(chalk.yellow('🔒 This feature is available in the Starter and Growth plans.'));
-  console.log(chalk.white('Upgrade your plan at https://www.kopynator.com/pricing to enable cloud synchronization.'));
-  console.log(chalk.gray('\n(In a real implementation, this would push local keys and pull remote translations)'));
+  // Detect framework
+  const framework = detectFramework();
+  console.log(chalk.blue(`ℹ️  Detected ${framework} project`));
+
+  // Extract API key
+  const config = extractApiKey();
+  if (!config) {
+    console.log(chalk.red('❌ Could not find API key in any config file.'));
+    console.log(chalk.yellow('Run `npx kopynator init` first or configure your API key manually.'));
+    return;
+  }
+
+  // Get sync configuration
+  const syncConfig = await getSyncConfig();
+
+  const baseUrl = config.baseUrl || 'http://localhost:7300/api/tokens';
+  const token = config.apiKey;
+
+  try {
+    // 1. Fetch available languages
+    console.log(chalk.blue('📡 Fetching available languages...'));
+    const languagesUrl = `${baseUrl}/languages?token=${token}`;
+    const languagesResponse = await fetch(languagesUrl);
+    
+    if (!languagesResponse.ok) {
+      console.log(chalk.red(`❌ Failed to fetch languages: ${languagesResponse.status} ${languagesResponse.statusText}`));
+      return;
+    }
+
+    const languages = await languagesResponse.json() as string[];
+    console.log(chalk.green(`✅ Found ${languages.length} language(s): ${languages.join(', ')}`));
+
+    // 2. Get translation directory based on framework
+    const i18nDir = getTranslationDir(framework);
+    if (!fs.existsSync(i18nDir)) {
+      fs.mkdirSync(i18nDir, { recursive: true });
+      console.log(chalk.blue(`📁 Created directory: ${i18nDir}`));
+    }
+
+    // 3. Download translations for each language
+    for (const locale of languages) {
+      console.log(chalk.blue(`⬇️  Downloading ${locale}...`));
+      const fetchUrl = `${baseUrl}/fetch?token=${token}&langs=${locale}&nested=${syncConfig.nested}&includeLangKey=${syncConfig.includeLangKey}&pretty=${syncConfig.pretty}&indent=${syncConfig.indent}`;
+      const translationResponse = await fetch(fetchUrl);
+
+      if (!translationResponse.ok) {
+        console.log(chalk.yellow(`⚠️  Failed to fetch ${locale}: ${translationResponse.status}`));
+        continue;
+      }
+
+      const translationData = await translationResponse.json();
+      const outputPath = path.join(i18nDir, `${locale}.json`);
+      
+      // Format based on config
+      let jsonString: string;
+      if (syncConfig.pretty) {
+        const indentValue = syncConfig.indent === 'tab' ? '\t' : Number(syncConfig.indent);
+        jsonString = JSON.stringify(translationData, null, indentValue);
+      } else {
+        jsonString = JSON.stringify(translationData);
+      }
+      
+      fs.writeFileSync(outputPath, jsonString);
+      console.log(chalk.green(`✅ Saved ${locale}.json`));
+    }
+
+    console.log(chalk.bold.green('\n🎉 Sync completed successfully!\n'));
+  } catch (error) {
+    console.log(chalk.red(`❌ Sync failed: ${error instanceof Error ? error.message : 'Unknown error'}`));
+  }
 }