@kopynator/cli 1.0.9 → 1.0.11

package/dist/index.js

@@ -98,17 +98,29 @@ async function initCommand() {
   console.log(import_chalk.default.green(`
 \u2705 Setting up for ${answers.framework}...`));
   if (answers.framework === "Angular") {
-    const configPath = import_path.default.join(process.cwd(), "src/app/app.config.ts");
-    if (import_fs.default.existsSync(configPath)) {
-      console.log(import_chalk.default.blue("\u2139\uFE0F  Detected Angular project structure. Attempting to modify app.config.ts..."));
-      let appConfigContent = import_fs.default.readFileSync(configPath, "utf-8");
-      const hasImport = appConfigContent.includes("@kopynator/angular");
+    const appConfigPath = import_path.default.join(process.cwd(), "src/app/app.config.ts");
+    const appModulePath = import_path.default.join(process.cwd(), "src/app/app.module.ts");
+    let targetPath = null;
+    let isModule = false;
+    if (import_fs.default.existsSync(appConfigPath)) {
+      targetPath = appConfigPath;
+      isModule = false;
+      console.log(import_chalk.default.blue("\u2139\uFE0F  Detected Angular standalone project (app.config.ts)"));
+    } else if (import_fs.default.existsSync(appModulePath)) {
+      targetPath = appModulePath;
+      isModule = true;
+      console.log(import_chalk.default.blue("\u2139\uFE0F  Detected Angular NgModule project (app.module.ts)"));
+    }
+    if (targetPath) {
+      let fileContent = import_fs.default.readFileSync(targetPath, "utf-8");
+      const hasImport = fileContent.includes("@kopynator/angular");
       if (!hasImport) {
-        appConfigContent = `import { provideKopynator } from '@kopynator/angular';
-` + appConfigContent;
+        fileContent = `import { provideKopynator } from '@kopynator/angular';
+` + fileContent;
       }
-      if (appConfigContent.includes("provideKopynator(")) {
-        console.log(import_chalk.default.yellow("\u26A0\uFE0F  provideKopynator is already present in app.config.ts. Skipping injection."));
+      if (fileContent.includes("provideKopynator(")) {
+        console.log(import_chalk.default.yellow("\u26A0\uFE0F  provideKopynator is already present. Skipping injection."));
+        return;
       } else {
         const providerString = `
     provideKopynator({
@@ -117,21 +129,21 @@ async function initCommand() {
       mode: 'local',
       languages: ${JSON.stringify(answers.languages)},
     }),`;
-        const providersRegex = /(providers:\s*\[)/;
-        if (providersRegex.test(appConfigContent)) {
-          appConfigContent = appConfigContent.replace(providersRegex, `$1${providerString}`);
-          import_fs.default.writeFileSync(configPath, appConfigContent);
-          console.log(import_chalk.default.green("\u2705 Successfully injected configuration into src/app/app.config.ts"));
+        const providersRegex = isModule ? /(providers:\s*\[)/ : /(providers:\s*\[)/;
+        if (providersRegex.test(fileContent)) {
+          fileContent = fileContent.replace(providersRegex, `$1${providerString}`);
+          import_fs.default.writeFileSync(targetPath, fileContent);
+          console.log(import_chalk.default.green(`\u2705 Successfully injected configuration into ${isModule ? "app.module.ts" : "app.config.ts"}`));
           console.log(import_chalk.default.yellow("\nNext steps:"));
           console.log("1. Get your API Key from https://www.kopynator.com");
-          console.log("2. Update the apiKey in src/app/app.config.ts");
+          console.log(`2. Update the apiKey in ${isModule ? "src/app/app.module.ts" : "src/app/app.config.ts"}`);
           return;
         } else {
-          console.log(import_chalk.default.yellow('\u26A0\uFE0F  Could not find "providers: []" array in app.config.ts. Falling back to config file.'));
+          console.log(import_chalk.default.yellow(`\u26A0\uFE0F  Could not find "providers: []" array. Falling back to config file.`));
         }
       }
     } else {
-      console.log(import_chalk.default.yellow("\u26A0\uFE0F  Could not find src/app/app.config.ts. Falling back to config file."));
+      console.log(import_chalk.default.yellow("\u26A0\uFE0F  Could not find app.config.ts or app.module.ts. Falling back to config file."));
     }
   }
   const configContent = {
@@ -190,11 +202,115 @@ 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"));
+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 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 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=false&includeLangKey=false&pretty=true&indent=2`;
+      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`);
+      import_fs3.default.writeFileSync(outputPath, JSON.stringify(translationData, null, 2));
+      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.9",
+  "version": "1.0.11",
   "description": "CLI tool for Kopynator - The i18n management solution",
   "bin": {
     "kopynator": "dist/index.js"

package/src/commands/init.ts

@@ -71,22 +71,37 @@ export async function initCommand() {
   console.log(chalk.green(`\n✅ Setting up for ${answers.framework}...`));
   
   if (answers.framework === 'Angular') {
-    const configPath = path.join(process.cwd(), 'src/app/app.config.ts');
+    // Try app.config.ts first (Angular 17+ standalone)
+    const appConfigPath = path.join(process.cwd(), 'src/app/app.config.ts');
+    const appModulePath = path.join(process.cwd(), 'src/app/app.module.ts');
     
-    if (fs.existsSync(configPath)) {
-      console.log(chalk.blue('ℹ️  Detected Angular project structure. Attempting to modify app.config.ts...'));
-      let appConfigContent = fs.readFileSync(configPath, 'utf-8');
+    let targetPath: string | null = null;
+    let isModule = false;
+
+    if (fs.existsSync(appConfigPath)) {
+      targetPath = appConfigPath;
+      isModule = false;
+      console.log(chalk.blue('ℹ️  Detected Angular standalone project (app.config.ts)'));
+    } else if (fs.existsSync(appModulePath)) {
+      targetPath = appModulePath;
+      isModule = true;
+      console.log(chalk.blue('ℹ️  Detected Angular NgModule project (app.module.ts)'));
+    }
+
+    if (targetPath) {
+      let fileContent = fs.readFileSync(targetPath, 'utf-8');
       
       // 1. Add Import if missing
-      const hasImport = appConfigContent.includes('@kopynator/angular');
+      const hasImport = fileContent.includes('@kopynator/angular');
       if (!hasImport) {
-        appConfigContent = `import { provideKopynator } from '@kopynator/angular';\n` + appConfigContent;
+        fileContent = `import { provideKopynator } from '@kopynator/angular';\n` + fileContent;
       }
 
       // 2. Add Provider
-      // Check for the *usage* of the provider, usually a call like provideKopynator({
-      if (appConfigContent.includes('provideKopynator(')) {
-        console.log(chalk.yellow('⚠️  provideKopynator is already present in app.config.ts. Skipping injection.'));
+      // Check for the *usage* of the provider
+      if (fileContent.includes('provideKopynator(')) {
+        console.log(chalk.yellow('⚠️  provideKopynator is already present. Skipping injection.'));
+        return; // Exit successfully, assuming manual config is sufficient
       } else {
         const providerString = `
     provideKopynator({
@@ -96,21 +111,25 @@ export async function initCommand() {
       languages: ${JSON.stringify(answers.languages)},
     }),`;
 
-        const providersRegex = /(providers:\s*\[)/;
-        if (providersRegex.test(appConfigContent)) {
-          appConfigContent = appConfigContent.replace(providersRegex, `$1${providerString}`);
-          fs.writeFileSync(configPath, appConfigContent);
-          console.log(chalk.green('✅ Successfully injected configuration into src/app/app.config.ts'));
+        // Different regex for NgModule vs standalone config
+        const providersRegex = isModule 
+          ? /(providers:\s*\[)/ // NgModule: providers: [ in @NgModule decorator
+          : /(providers:\s*\[)/; // Standalone: providers: [ in ApplicationConfig
+
+        if (providersRegex.test(fileContent)) {
+          fileContent = fileContent.replace(providersRegex, `$1${providerString}`);
+          fs.writeFileSync(targetPath, fileContent);
+          console.log(chalk.green(`✅ Successfully injected configuration into ${isModule ? 'app.module.ts' : 'app.config.ts'}`));
           console.log(chalk.yellow('\nNext steps:'));
           console.log('1. Get your API Key from https://www.kopynator.com');
-          console.log('2. Update the apiKey in src/app/app.config.ts');
+          console.log(`2. Update the apiKey in ${isModule ? 'src/app/app.module.ts' : 'src/app/app.config.ts'}`);
           return; // Exit successfully without creating json
         } else {
-           console.log(chalk.yellow('⚠️  Could not find "providers: []" array in app.config.ts. Falling back to config file.'));
+           console.log(chalk.yellow(`⚠️  Could not find "providers: []" array. Falling back to config file.`));
         }
       }
     } else {
-       console.log(chalk.yellow('⚠️  Could not find src/app/app.config.ts. Falling back to config file.'));
+       console.log(chalk.yellow('⚠️  Could not find app.config.ts or app.module.ts. Falling back to config file.'));
     }
   }
 

package/src/commands/sync.ts

@@ -1,10 +1,163 @@
 import chalk from 'chalk';
+import fs from 'fs';
+import path from 'path';
+
+interface KopyConfig {
+  apiKey: string;
+  baseUrl?: string;
+}
+
+/**
+ * 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;
+}
 
 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;
+  }
+
+  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=false&includeLangKey=false&pretty=true&indent=2`;
+      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`);
+      fs.writeFileSync(outputPath, JSON.stringify(translationData, null, 2));
+      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'}`));
+  }
 }