@kopynator/cli 1.0.14 → 1.2.0

package/dist/index.js

@@ -34,12 +34,53 @@ var import_fs = __toESM(require("fs"));
 var import_path = __toESM(require("path"));
 async function initCommand() {
   console.log(import_chalk.default.bold.blue("\n\u{1F680} Initializing Kopynator...\n"));
+  let detectedFramework = null;
+  let isReactNative = false;
+  let isIonic = false;
+  let ionicFramework = null;
+  const packageJsonPath = import_path.default.join(process.cwd(), "package.json");
+  if (import_fs.default.existsSync(packageJsonPath)) {
+    try {
+      const packageJson = JSON.parse(import_fs.default.readFileSync(packageJsonPath, "utf-8"));
+      const deps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+      if (deps["react-native"]) {
+        isReactNative = true;
+        detectedFramework = "React Native";
+        console.log(import_chalk.default.cyan("\u{1F4F1} Detected React Native project!"));
+      } else if (deps["@ionic/angular"] || deps["@ionic/react"] || deps["@ionic/vue"] || deps["@capacitor/core"]) {
+        isIonic = true;
+        if (deps["@ionic/angular"] || deps["@angular/core"]) {
+          ionicFramework = "Angular";
+          detectedFramework = "Ionic (Angular)";
+        } else if (deps["@ionic/react"] || deps["react"]) {
+          ionicFramework = "React";
+          detectedFramework = "Ionic (React)";
+        } else if (deps["@ionic/vue"] || deps["vue"]) {
+          ionicFramework = "Vue";
+          detectedFramework = "Ionic (Vue)";
+        }
+        console.log(import_chalk.default.magenta(`\u{1F50C} Detected ${detectedFramework} project!`));
+      } else if (deps["@angular/core"]) {
+        detectedFramework = "Angular";
+        console.log(import_chalk.default.red("\u{1F170}\uFE0F  Detected Angular project!"));
+      } else if (deps["react"] && !deps["react-native"]) {
+        detectedFramework = "React";
+        console.log(import_chalk.default.blue("\u269B\uFE0F  Detected React project!"));
+      } else if (deps["vue"]) {
+        detectedFramework = "Vue";
+        console.log(import_chalk.default.green("\u{1F7E2} Detected Vue project!"));
+      }
+    } catch (error) {
+      console.log(import_chalk.default.yellow("\u26A0\uFE0F  Could not read package.json"));
+    }
+  }
   const answers = await import_inquirer.default.prompt([
     {
       type: "list",
       name: "framework",
-      message: "What framework are you using?",
-      choices: ["Angular", "React", "Vue", "Other"]
+      message: detectedFramework ? `Detected ${detectedFramework}. Is this correct?` : "What framework are you using?",
+      choices: detectedFramework ? [detectedFramework, "Other"] : ["Angular", "React", "Vue", "React Native", "Ionic", "Other"],
+      default: detectedFramework || "React"
     },
     {
       type: "input",
@@ -146,6 +187,70 @@ async function initCommand() {
       console.log(import_chalk.default.yellow("\u26A0\uFE0F  Could not find app.config.ts or app.module.ts. Falling back to config file."));
     }
   }
+  if (isReactNative || answers.framework === "React Native") {
+    console.log(import_chalk.default.green("\n\u2705 React Native Setup"));
+    console.log(import_chalk.default.cyan("\nInstall the package:"));
+    console.log(import_chalk.default.white("  npm install @kopynator/react"));
+    console.log(import_chalk.default.cyan("\nWrap your App.tsx:"));
+    console.log(import_chalk.default.gray(`
+  import { KopyProvider } from '@kopynator/react';
+  
+  export default function App() {
+    return (
+      <KopyProvider config={{ apiKey: 'YOUR_API_KEY', languages: ${JSON.stringify(answers.languages)} }}>
+        <YourApp />
+      </KopyProvider>
+    );
+  }`));
+    console.log(import_chalk.default.yellow("\n\u{1F4CC} Get your API Key from: https://www.kopynator.com"));
+    return;
+  }
+  if (isIonic) {
+    console.log(import_chalk.default.green(`
+\u2705 Ionic (${ionicFramework}) Setup`));
+    console.log(import_chalk.default.magenta("\n\u2139\uFE0F  Ionic/Capacitor apps use the standard web framework packages."));
+    if (ionicFramework === "Angular") {
+      console.log(import_chalk.default.cyan("\nInstall the package:"));
+      console.log(import_chalk.default.white("  npm install @kopynator/angular"));
+      console.log(import_chalk.default.cyan("\nAdd to your app.config.ts or app.module.ts:"));
+      console.log(import_chalk.default.gray(`
+  import { provideKopynator } from '@kopynator/angular';
+  
+  providers: [
+    provideKopynator({
+      apiKey: 'YOUR_API_KEY',
+      mode: 'hybrid',
+      languages: ${JSON.stringify(answers.languages)}
+    })
+  ]`));
+    } else if (ionicFramework === "React") {
+      console.log(import_chalk.default.cyan("\nInstall the package:"));
+      console.log(import_chalk.default.white("  npm install @kopynator/react"));
+      console.log(import_chalk.default.cyan("\nWrap your App:"));
+      console.log(import_chalk.default.gray(`
+  import { KopyProvider } from '@kopynator/react';
+  
+  <KopyProvider config={{ apiKey: 'YOUR_API_KEY', languages: ${JSON.stringify(answers.languages)} }}>
+    <IonApp>...</IonApp>
+  </KopyProvider>`));
+    } else if (ionicFramework === "Vue") {
+      console.log(import_chalk.default.cyan("\nInstall the package:"));
+      console.log(import_chalk.default.white("  npm install @kopynator/vue"));
+      console.log(import_chalk.default.cyan("\nAdd to your main.ts:"));
+      console.log(import_chalk.default.gray(`
+  import { createKopy } from '@kopynator/vue';
+  
+  const kopy = createKopy({
+    apiKey: 'YOUR_API_KEY',
+    defaultLocale: '${answers.defaultLocale}'
+  });
+  
+  app.use(kopy);`));
+    }
+    console.log(import_chalk.default.yellow("\n\u{1F4CC} Get your API Key from: https://www.kopynator.com"));
+    console.log(import_chalk.default.green("\n\u{1F4A1} Pro Tip: Your translations will work seamlessly across iOS, Android, and web!"));
+    return;
+  }
   const configContent = {
     apiKey: "YOUR_API_KEY_HERE",
     defaultLocale: answers.defaultLocale,
@@ -339,7 +444,11 @@ async function syncCommand() {
   try {
     spinner.text = "\u{1F4E1} Fetching available languages...";
     const languagesUrl = `${baseUrl}/languages?token=${token}`;
-    const languagesResponse = await fetch(languagesUrl);
+    const languagesResponse = await fetch(languagesUrl, {
+      headers: {
+        "x-kopynator-version": "1.1.0"
+      }
+    });
     if (!languagesResponse.ok) {
       spinner.fail(`Failed to fetch languages: ${languagesResponse.status} ${languagesResponse.statusText}`);
       return;
@@ -355,7 +464,11 @@ async function syncCommand() {
       const downloadSpinner = (0, import_ora.default)(`\u2B07\uFE0F  Downloading ${locale}...`).start();
       const fetchUrl = `${baseUrl}/fetch?token=${token}&langs=${locale}&nested=${syncConfig.nested}&includeLangKey=${syncConfig.includeLangKey}&pretty=${syncConfig.pretty}&indent=${syncConfig.indent}`;
       try {
-        const translationResponse = await fetch(fetchUrl);
+        const translationResponse = await fetch(fetchUrl, {
+          headers: {
+            "x-kopynator-version": "1.1.0"
+          }
+        });
         if (!translationResponse.ok) {
           downloadSpinner.warn(`Failed to fetch ${locale}: ${translationResponse.status}`);
           continue;
@@ -383,7 +496,7 @@ async function syncCommand() {
 
 // src/index.ts
 var program = new import_commander.Command();
-program.name("kopynator").description("Kopynator CLI - Manage your i18n workflow").version("1.0.0");
+program.name("kopynator").description("Kopynator CLI - Manage your i18n workflow").version("1.2.0");
 program.command("init").description("Initialize Kopynator in your project").action(initCommand);
 program.command("check").description("Validate your local JSON translation files").action(checkCommand);
 program.command("sync").description("Sync your translations with the Kopynator Cloud").action(syncCommand);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopynator/cli",
-  "version": "1.0.14",
+  "version": "1.2.0",
   "description": "CLI tool for Kopynator - The i18n management solution",
   "bin": {
     "kopynator": "dist/index.js"
@@ -22,6 +22,7 @@
   "author": "Carlos Florio",
   "license": "ISC",
   "dependencies": {
+    "@kopynator/core": "^1.0.1",
     "chalk": "^4.1.2",
     "commander": "^11.1.0",
     "inquirer": "^8.2.6",

package/src/commands/init.ts

@@ -6,12 +6,66 @@ import path from 'path';
 export async function initCommand() {
   console.log(chalk.bold.blue('\n🚀 Initializing Kopynator...\n'));
 
+  // Auto-detect framework from package.json
+  let detectedFramework: string | null = null;
+  let isReactNative = false;
+  let isIonic = false;
+  let ionicFramework: string | null = null;
+
+  const packageJsonPath = path.join(process.cwd(), 'package.json');
+  if (fs.existsSync(packageJsonPath)) {
+    try {
+      const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
+      const deps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+
+      // Check for React Native
+      if (deps['react-native']) {
+        isReactNative = true;
+        detectedFramework = 'React Native';
+        console.log(chalk.cyan('📱 Detected React Native project!'));
+      }
+      // Check for Ionic/Capacitor
+      else if (deps['@ionic/angular'] || deps['@ionic/react'] || deps['@ionic/vue'] || deps['@capacitor/core']) {
+        isIonic = true;
+        if (deps['@ionic/angular'] || deps['@angular/core']) {
+          ionicFramework = 'Angular';
+          detectedFramework = 'Ionic (Angular)';
+        } else if (deps['@ionic/react'] || deps['react']) {
+          ionicFramework = 'React';
+          detectedFramework = 'Ionic (React)';
+        } else if (deps['@ionic/vue'] || deps['vue']) {
+          ionicFramework = 'Vue';
+          detectedFramework = 'Ionic (Vue)';
+        }
+        console.log(chalk.magenta(`🔌 Detected ${detectedFramework} project!`));
+      }
+      // Check for standard frameworks
+      else if (deps['@angular/core']) {
+        detectedFramework = 'Angular';
+        console.log(chalk.red('🅰️  Detected Angular project!'));
+      } else if (deps['react'] && !deps['react-native']) {
+        detectedFramework = 'React';
+        console.log(chalk.blue('⚛️  Detected React project!'));
+      } else if (deps['vue']) {
+        detectedFramework = 'Vue';
+        console.log(chalk.green('🟢 Detected Vue project!'));
+      }
+    } catch (error) {
+      console.log(chalk.yellow('⚠️  Could not read package.json'));
+    }
+  }
+
   const answers = await inquirer.prompt([
     {
       type: 'list',
       name: 'framework',
-      message: 'What framework are you using?',
-      choices: ['Angular', 'React', 'Vue', 'Other']
+      message: detectedFramework 
+        ? `Detected ${detectedFramework}. Is this correct?`
+        : 'What framework are you using?',
+      choices: detectedFramework 
+        ? [detectedFramework, 'Other']
+        : ['Angular', 'React', 'Vue', 'React Native', 'Ionic', 'Other'],
+      default: detectedFramework || 'React'
     },
     {
       type: 'input',
@@ -133,6 +187,75 @@ export async function initCommand() {
     }
   }
 
+  // React Native specific instructions
+  if (isReactNative || answers.framework === 'React Native') {
+    console.log(chalk.green('\n✅ React Native Setup'));
+    console.log(chalk.cyan('\nInstall the package:'));
+    console.log(chalk.white('  npm install @kopynator/react'));
+    console.log(chalk.cyan('\nWrap your App.tsx:'));
+    console.log(chalk.gray(`
+  import { KopyProvider } from '@kopynator/react';
+  
+  export default function App() {
+    return (
+      <KopyProvider config={{ apiKey: 'YOUR_API_KEY', languages: ${JSON.stringify(answers.languages)} }}>
+        <YourApp />
+      </KopyProvider>
+    );
+  }`));
+    console.log(chalk.yellow('\n📌 Get your API Key from: https://www.kopynator.com'));
+    return;
+  }
+
+  // Ionic/Capacitor specific instructions
+  if (isIonic) {
+    console.log(chalk.green(`\n✅ Ionic (${ionicFramework}) Setup`));
+    console.log(chalk.magenta('\nℹ️  Ionic/Capacitor apps use the standard web framework packages.'));
+    
+    if (ionicFramework === 'Angular') {
+      console.log(chalk.cyan('\nInstall the package:'));
+      console.log(chalk.white('  npm install @kopynator/angular'));
+      console.log(chalk.cyan('\nAdd to your app.config.ts or app.module.ts:'));
+      console.log(chalk.gray(`
+  import { provideKopynator } from '@kopynator/angular';
+  
+  providers: [
+    provideKopynator({
+      apiKey: 'YOUR_API_KEY',
+      mode: 'hybrid',
+      languages: ${JSON.stringify(answers.languages)}
+    })
+  ]`));
+    } else if (ionicFramework === 'React') {
+      console.log(chalk.cyan('\nInstall the package:'));
+      console.log(chalk.white('  npm install @kopynator/react'));
+      console.log(chalk.cyan('\nWrap your App:'));
+      console.log(chalk.gray(`
+  import { KopyProvider } from '@kopynator/react';
+  
+  <KopyProvider config={{ apiKey: 'YOUR_API_KEY', languages: ${JSON.stringify(answers.languages)} }}>
+    <IonApp>...</IonApp>
+  </KopyProvider>`));
+    } else if (ionicFramework === 'Vue') {
+      console.log(chalk.cyan('\nInstall the package:'));
+      console.log(chalk.white('  npm install @kopynator/vue'));
+      console.log(chalk.cyan('\nAdd to your main.ts:'));
+      console.log(chalk.gray(`
+  import { createKopy } from '@kopynator/vue';
+  
+  const kopy = createKopy({
+    apiKey: 'YOUR_API_KEY',
+    defaultLocale: '${answers.defaultLocale}'
+  });
+  
+  app.use(kopy);`));
+    }
+    console.log(chalk.yellow('\n📌 Get your API Key from: https://www.kopynator.com'));
+    console.log(chalk.green('\n💡 Pro Tip: Your translations will work seamlessly across iOS, Android, and web!'));
+    return;
+  }
+
+
   // Fallback: Creates a basic config file
   const configContent = {
     apiKey: "YOUR_API_KEY_HERE",

package/src/commands/sync.ts

@@ -202,8 +202,11 @@ export async function syncCommand() {
     // 1. Fetch available languages
     spinner.text = '📡 Fetching available languages...';
     const languagesUrl = `${baseUrl}/languages?token=${token}`;
-    const languagesResponse = await fetch(languagesUrl);
-    
+    const languagesResponse = await fetch(languagesUrl, {
+      headers: {
+        'x-kopynator-version': '1.1.0'
+      }
+    });
     if (!languagesResponse.ok) {
       spinner.fail(`Failed to fetch languages: ${languagesResponse.status} ${languagesResponse.statusText}`);
       return;
@@ -225,7 +228,11 @@ export async function syncCommand() {
       const fetchUrl = `${baseUrl}/fetch?token=${token}&langs=${locale}&nested=${syncConfig.nested}&includeLangKey=${syncConfig.includeLangKey}&pretty=${syncConfig.pretty}&indent=${syncConfig.indent}`;
       
       try {
-        const translationResponse = await fetch(fetchUrl);
+        const translationResponse = await fetch(fetchUrl, {
+          headers: {
+            'x-kopynator-version': '1.1.0'
+          }
+        });
 
         if (!translationResponse.ok) {
           downloadSpinner.warn(`Failed to fetch ${locale}: ${translationResponse.status}`);

package/src/index.ts

@@ -8,7 +8,7 @@ const program = new Command();
 program
   .name('kopynator')
   .description('Kopynator CLI - Manage your i18n workflow')
-  .version('1.0.0');
+  .version('1.2.0');
 
 program
   .command('init')