@diviswap/sdk 1.8.0 → 1.9.0

package/dist/cli/index.js

@@ -129,12 +129,42 @@ function getTemplate(templateName, data) {
     const possiblePaths = [
       // Development paths - try different extensions
       path.join(packageRoot, "src", "cli", "templates", `${templateName}.hbs`),
-      path.join(packageRoot, "src", "cli", "templates", `${templateName}.ts.hbs`),
-      path.join(packageRoot, "src", "cli", "templates", `${templateName}.tsx.hbs`),
+      path.join(
+        packageRoot,
+        "src",
+        "cli",
+        "templates",
+        `${templateName}.ts.hbs`
+      ),
+      path.join(
+        packageRoot,
+        "src",
+        "cli",
+        "templates",
+        `${templateName}.tsx.hbs`
+      ),
       // Production paths - try different extensions
-      path.join(packageRoot, "dist", "cli", "templates", `${templateName}.hbs`),
-      path.join(packageRoot, "dist", "cli", "templates", `${templateName}.ts.hbs`),
-      path.join(packageRoot, "dist", "cli", "templates", `${templateName}.tsx.hbs`)
+      path.join(
+        packageRoot,
+        "dist",
+        "cli",
+        "templates",
+        `${templateName}.hbs`
+      ),
+      path.join(
+        packageRoot,
+        "dist",
+        "cli",
+        "templates",
+        `${templateName}.ts.hbs`
+      ),
+      path.join(
+        packageRoot,
+        "dist",
+        "cli",
+        "templates",
+        `${templateName}.tsx.hbs`
+      )
     ];
     let templateSource = null;
     for (const path of possiblePaths) {
@@ -160,7 +190,9 @@ function getTemplate(templateName, data) {
   return template(data);
 }
 function getInlineTemplateSource(templateName) {
-  console.warn(`Template ${templateName} not found in filesystem, returning empty template`);
+  console.warn(
+    `Template ${templateName} not found in filesystem, returning empty template`
+  );
   return "// Template not found";
 }
 
@@ -233,7 +265,10 @@ async function generateNextjsAppFiles(ensureFile, features, projectRoot) {
   );
   ensureFile(
     `${prefix}hooks/useDiviswapData.ts`,
-    getTemplate("nextjs-app/dashboard-hooks", { features, prefix: "Diviswap" })
+    getTemplate("nextjs-app/dashboard-hooks", {
+      features,
+      prefix: "Diviswap"
+    })
   );
   ensureFile(
     `${prefix}hooks/useDiviswapKYC.ts`,
@@ -276,7 +311,7 @@ async function generateNextjsPagesFiles(ensureFile, features, projectRoot) {
     getTemplate("nextjs-pages/client", { features })
   );
 }
-async function generateReactFiles(ensureFile, features, projectRoot) {
+async function generateReactFiles(ensureFile, features, _projectRoot) {
   ensureFile(
     "src/diviswap/api-client.ts",
     getTemplate("react/api-client-wrapper", { features })
@@ -384,7 +419,7 @@ function httpsRequest(url, options) {
 }
 async function validatePartnerCredentials(keyId, secretKey, authMethod = "hmac", environment = "sandbox") {
   try {
-    const apiUrl = environment === "development" ? "https://dev-api.liberex.sv" : "https://api.liberex.sv";
+    const apiUrl = "https://api.diviswap.com";
     const testPath = "/api/v1/fees";
     const method = "POST";
     const body = "{}";
@@ -393,7 +428,14 @@ async function validatePartnerCredentials(keyId, secretKey, authMethod = "hmac",
       "X-Client-Id": keyId
     };
     if (authMethod === "hmac") {
-      const hmacHeaders = generateHMACHeaders(method, testPath, "", body, keyId, secretKey);
+      const hmacHeaders = generateHMACHeaders(
+        method,
+        testPath,
+        "",
+        body,
+        keyId,
+        secretKey
+      );
       headers = { ...headers, ...hmacHeaders };
     } else {
       const jwt = generateJWT(keyId, secretKey);
@@ -462,7 +504,7 @@ ${timestamp}
 ${nonce}`;
   const signature = crypto__default.default.createHmac("sha256", secretKey).update(canonical).digest("base64");
   return {
-    "Authorization": `HMAC ${keyId}:${signature}:${timestamp}:${nonce}`
+    Authorization: `HMAC ${keyId}:${signature}:${timestamp}:${nonce}`
   };
 }
 function generateJWT(keyId, secretKey, expiresIn = 300) {
@@ -470,12 +512,16 @@ function generateJWT(keyId, secretKey, expiresIn = 300) {
   const now = Math.floor(Date.now() / 1e3);
   const payload = {
     iss: keyId,
-    aud: "api.liberex.sv",
+    aud: "api.diviswap.com",
     exp: now + Math.min(expiresIn, 300),
     iat: now
   };
-  const encodedHeader = Buffer.from(JSON.stringify(header)).toString("base64url");
-  const encodedPayload = Buffer.from(JSON.stringify(payload)).toString("base64url");
+  const encodedHeader = Buffer.from(JSON.stringify(header)).toString(
+    "base64url"
+  );
+  const encodedPayload = Buffer.from(JSON.stringify(payload)).toString(
+    "base64url"
+  );
   const signature = crypto__default.default.createHmac("sha256", secretKey).update(`${encodedHeader}.${encodedPayload}`).digest("base64url");
   return `${encodedHeader}.${encodedPayload}.${signature}`;
 }
@@ -498,7 +544,7 @@ var frameworkFiles = {
     "lib/diviswap/hooks.ts",
     "lib/diviswap/client.ts"
   ],
-  "react": [
+  react: [
     "src/diviswap/provider.tsx",
     "src/diviswap/hooks.ts",
     "src/diviswap/client.ts",
@@ -507,7 +553,7 @@ var frameworkFiles = {
     "src/diviswap/example.tsx",
     "src/diviswap/types.ts"
   ],
-  "vue3": [
+  vue3: [
     "src/plugins/diviswap.ts",
     "src/composables/useDiviswap.ts",
     "src/components/DiviswapProvider.vue",
@@ -516,7 +562,7 @@ var frameworkFiles = {
     "src/views/DiviswapExample.vue",
     "src/diviswap/types.ts"
   ],
-  "vanilla": [
+  vanilla: [
     "diviswap/client.js",
     "diviswap/example.html",
     "diviswap/example.js",
@@ -560,7 +606,7 @@ function updateNextConfig(projectRoot) {
     if (content.includes("env:")) {
       updatedContent = content.replace(
         /env:\s*{([^}]*)}/,
-        (match, existingVars) => {
+        (_match, existingVars) => {
           const needsComma = existingVars.trim().length > 0 && !existingVars.trim().endsWith(",");
           return `env: {${existingVars}${needsComma ? "," : ""}${diviswapEnvVars}
   }`;
@@ -621,7 +667,10 @@ async function init(options) {
           message: "What framework are you using?",
           choices: [
             { title: "Next.js (App Router)", value: "nextjs-app" },
-            { title: "Next.js (Pages Router)", value: "nextjs-pages" },
+            {
+              title: "Next.js (Pages Router)",
+              value: "nextjs-pages"
+            },
             { title: "React", value: "react" },
             { title: "Vue 3", value: "vue3" },
             { title: "Vanilla JavaScript", value: "vanilla" },
@@ -631,6 +680,12 @@ async function init(options) {
         framework = response2.selectedFramework;
       }
     }
+    if (!framework) {
+      console.log(
+        kleur__default.default.yellow("\nNo framework selected. Aborting setup.")
+      );
+      process.exit(1);
+    }
     let environment = options.env || "sandbox";
     if (!options.skipEnv && !options.env) {
       const envResponse = await prompts__default.default({
@@ -638,8 +693,16 @@ async function init(options) {
         name: "environment",
         message: "Which environment are you using?",
         choices: [
-          { title: "Production", value: "production", description: "Live environment for real transactions" },
-          { title: "Sandbox", value: "sandbox", description: "Testing environment with simulated transactions (uses sandbox credentials)" }
+          {
+            title: "Production",
+            value: "production",
+            description: "Live environment for real transactions"
+          },
+          {
+            title: "Sandbox",
+            value: "sandbox",
+            description: "Testing environment with simulated transactions (uses sandbox credentials)"
+          }
         ],
         initial: 1
         // Default to sandbox for safety
@@ -650,8 +713,12 @@ async function init(options) {
     let secretKey;
     let authMethod = "hmac";
     if (!options.skipEnv) {
-      console.log(kleur__default.default.yellow("\n\u{1F4DD} Partner Authentication Credentials\n"));
-      console.log("Partner credentials are provided by Diviswap after approval.");
+      console.log(
+        kleur__default.default.yellow("\n\u{1F4DD} Partner Authentication Credentials\n")
+      );
+      console.log(
+        "Partner credentials are provided by Diviswap after approval."
+      );
       console.log("Contact Diviswap support if you need partner access.");
       const authMethodResponse = await prompts__default.default({
         type: "select",
@@ -704,9 +771,22 @@ async function init(options) {
       ]);
       keyId = partnerCredentials.keyId;
       secretKey = partnerCredentials.secretKey;
-      console.log(`
-Validating partner credentials with ${environment} API...`);
-      const validation = await validatePartnerCredentials(keyId, secretKey, authMethod, environment);
+      if (!keyId || !secretKey) {
+        console.log(
+          kleur__default.default.yellow("\nCredentials not provided. Aborting setup.")
+        );
+        process.exit(1);
+      }
+      console.log(
+        `
+Validating partner credentials with ${environment} API...`
+      );
+      const validation = await validatePartnerCredentials(
+        keyId,
+        secretKey,
+        authMethod,
+        environment
+      );
       if (validation.valid) {
         console.log(kleur__default.default.green(`\u2705 ${validation.message}`));
       } else {
@@ -718,7 +798,11 @@ Validating partner credentials with ${environment} API...`);
           initial: false
         });
         if (!continueResponse.continue) {
-          console.log(kleur__default.default.yellow("\nAborted. Please check your partner credentials and try again."));
+          console.log(
+            kleur__default.default.yellow(
+              "\nAborted. Please check your partner credentials and try again."
+            )
+          );
           process.exit(1);
         }
       }
@@ -732,25 +816,56 @@ Validating partner credentials with ${environment} API...`);
       name: "features",
       message: "Select features to include:",
       choices: [
-        { title: "On-ramp (Crypto purchases)", value: "onramp", selected: true },
-        { title: "Off-ramp (Crypto withdrawals)", value: "offramp", selected: true },
+        {
+          title: "On-ramp (Crypto purchases)",
+          value: "onramp",
+          selected: true
+        },
+        {
+          title: "Off-ramp (Crypto withdrawals)",
+          value: "offramp",
+          selected: true
+        },
         { title: "Integrator Fees", value: "fees", selected: true },
-        { title: "Webhook Support", value: "webhooks", selected: false },
-        { title: "Real-time Updates (WebSocket)", value: "realtime", selected: false },
-        { title: "Example Page (Demo implementation)", value: "example", selected: false }
+        {
+          title: "Webhook Support",
+          value: "webhooks",
+          selected: false
+        },
+        {
+          title: "Real-time Updates (WebSocket)",
+          value: "realtime",
+          selected: false
+        },
+        {
+          title: "Example Page (Demo implementation)",
+          value: "example",
+          selected: false
+        }
       ],
       hint: "- Space to select. Return to submit",
       instructions: false
     });
     const features = response.features || ["onramp", "offramp", "fees"];
     if (!response.features) {
-      console.log(kleur__default.default.yellow("\nNo features selected, using defaults: onramp, offramp, fees"));
+      console.log(
+        kleur__default.default.yellow(
+          "\nNo features selected, using defaults: onramp, offramp, fees"
+        )
+      );
     }
     if (!options.force) {
-      const existingFiles = await checkExistingFiles(framework, process.cwd());
+      const existingFiles = await checkExistingFiles(
+        framework,
+        process.cwd()
+      );
       if (existingFiles.length > 0) {
-        console.log(kleur__default.default.yellow("\n\u26A0\uFE0F  The following files already exist:\n"));
-        existingFiles.forEach((file) => console.log(kleur__default.default.gray(`  - ${file}`)));
+        console.log(
+          kleur__default.default.yellow("\n\u26A0\uFE0F  The following files already exist:\n")
+        );
+        existingFiles.forEach(
+          (file) => console.log(kleur__default.default.gray(`  - ${file}`))
+        );
         const response2 = await prompts__default.default({
           type: "confirm",
           name: "confirmOverwrite",
@@ -758,7 +873,9 @@ Validating partner credentials with ${environment} API...`);
           initial: false
         });
         if (!response2.confirmOverwrite) {
-          console.log(kleur__default.default.yellow("\nAborted. No files were modified."));
+          console.log(
+            kleur__default.default.yellow("\nAborted. No files were modified.")
+          );
           process.exit(0);
         }
       }
@@ -787,31 +904,53 @@ Validating partner credentials with ${environment} API...`);
       });
       if (newEnvVars.length > 0) {
         const separator = envContent && !envContent.endsWith("\n") ? "\n" : "";
-        fs.appendFileSync(envPath, separator + "# Diviswap SDK Configuration (Partner Authentication)\n" + newEnvVars.join("\n") + "\n");
-        console.log(kleur__default.default.green(`\u2705 Updated ${envFile} with partner authentication credentials`));
+        fs.appendFileSync(
+          envPath,
+          separator + "# Diviswap SDK Configuration (Partner Authentication)\n" + newEnvVars.join("\n") + "\n"
+        );
+        console.log(
+          kleur__default.default.green(
+            `\u2705 Updated ${envFile} with partner authentication credentials`
+          )
+        );
       }
     }
     if (framework.includes("nextjs")) {
       console.log("\nUpdating Next.js configuration...");
       const configUpdated = updateNextConfig(process.cwd());
       if (configUpdated) {
-        console.log(kleur__default.default.green("\u2705 Updated next.config with Diviswap environment variables"));
+        console.log(
+          kleur__default.default.green(
+            "\u2705 Updated next.config with Diviswap environment variables"
+          )
+        );
       }
     }
     if (!options.skipInstall) {
       console.log("Installing dependencies...");
       try {
-        const packageManager = fs.existsSync(path.join(process.cwd(), "yarn.lock")) ? "yarn" : fs.existsSync(path.join(process.cwd(), "pnpm-lock.yaml")) ? "pnpm" : "npm";
+        const packageManager = fs.existsSync(
+          path.join(process.cwd(), "yarn.lock")
+        ) ? "yarn" : fs.existsSync(path.join(process.cwd(), "pnpm-lock.yaml")) ? "pnpm" : "npm";
         const deps = ["@diviswap/sdk"];
         if (features.includes("realtime")) {
           deps.push("socket.io-client");
         }
-        child_process.execSync(`${packageManager} ${packageManager === "npm" ? "install" : "add"} ${deps.join(" ")}`, {
-          stdio: "inherit"
-        });
-        console.log(kleur__default.default.green("\u2705 Dependencies installed successfully!"));
+        child_process.execSync(
+          `${packageManager} ${packageManager === "npm" ? "install" : "add"} ${deps.join(" ")}`,
+          {
+            stdio: "inherit"
+          }
+        );
+        console.log(
+          kleur__default.default.green("\u2705 Dependencies installed successfully!")
+        );
       } catch (error) {
-        console.log(kleur__default.default.red("\u274C Failed to install dependencies. Please run npm/yarn/pnpm install manually."));
+        console.log(
+          kleur__default.default.red(
+            "\u274C Failed to install dependencies. Please run npm/yarn/pnpm install manually."
+          )
+        );
       }
     }
     console.log(kleur__default.default.green().bold("\n\u2728 Diviswap SDK setup complete!\n"));
@@ -822,8 +961,14 @@ Validating partner credentials with ${environment} API...`);
     console.log(kleur__default.default.cyan("\n\u{1F4D6} Next steps:\n"));
     if (framework.includes("nextjs")) {
       console.log("1. Add DiviswapClientProvider to your providers:");
-      console.log(kleur__default.default.gray("   // app/providers.tsx or app/layout.tsx"));
-      console.log(kleur__default.default.gray('   import { DiviswapClientProvider } from "./components/diviswap-provider"'));
+      console.log(
+        kleur__default.default.gray("   // app/providers.tsx or app/layout.tsx")
+      );
+      console.log(
+        kleur__default.default.gray(
+          '   import { DiviswapClientProvider } from "./components/diviswap-provider"'
+        )
+      );
       console.log(kleur__default.default.gray("   "));
       console.log(kleur__default.default.gray("   // In your providers chain:"));
       console.log(kleur__default.default.gray("   <DiviswapClientProvider>"));
@@ -836,20 +981,37 @@ Validating partner credentials with ${environment} API...`);
         console.log(kleur__default.default.gray("   http://localhost:3000/diviswap"));
       } else {
         console.log("\n3. Use the Diviswap hooks in your components:");
-        console.log(kleur__default.default.gray('   import { useDiviswap } from "@diviswap/sdk/react"'));
+        console.log(
+          kleur__default.default.gray(
+            '   import { useDiviswap } from "@diviswap/sdk/react"'
+          )
+        );
       }
     } else if (framework === "react") {
       console.log("1. Import and use the Diviswap provider:");
-      console.log(kleur__default.default.gray('   import { DiviswapProvider } from "@diviswap/sdk/react"'));
+      console.log(
+        kleur__default.default.gray(
+          '   import { DiviswapProvider } from "@diviswap/sdk/react"'
+        )
+      );
       console.log("\n2. Wrap your app with the provider:");
-      console.log(kleur__default.default.gray("   <DiviswapProvider><App /></DiviswapProvider>"));
+      console.log(
+        kleur__default.default.gray("   <DiviswapProvider><App /></DiviswapProvider>")
+      );
       console.log("\n3. Use the hooks in your components:");
-      console.log(kleur__default.default.gray('   import { useDiviswap } from "@diviswap/sdk/react"'));
+      console.log(
+        kleur__default.default.gray(
+          '   import { useDiviswap } from "@diviswap/sdk/react"'
+        )
+      );
     }
     console.log("\n\u{1F4DA} Documentation: https://docs.diviswap.io");
     console.log("\u{1F4AC} Support: support@diviswap.io\n");
   } catch (error) {
-    console.error(kleur__default.default.red("\n\u274C Setup failed:"), error instanceof Error ? error.message : error);
+    console.error(
+      kleur__default.default.red("\n\u274C Setup failed:"),
+      error instanceof Error ? error.message : error
+    );
     process.exit(1);
   }
 }
@@ -862,7 +1024,9 @@ async function createApp(projectName, options) {
       message: "What is your project name?",
       initial: "diviswap-app",
       validate: (input) => {
-        if (/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(input)) {
+        if (/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(
+          input
+        )) {
           return true;
         }
         return "Project name must be a valid npm package name";
@@ -870,6 +1034,10 @@ async function createApp(projectName, options) {
     });
     projectName = response.name;
   }
+  if (!projectName) {
+    console.log(kleur__default.default.yellow("\nNo project name provided. Aborting."));
+    process.exit(1);
+  }
   const projectPath = path.join(process.cwd(), projectName);
   if (fs.existsSync(projectPath)) {
     const response = await prompts__default.default({
@@ -887,8 +1055,10 @@ async function createApp(projectName, options) {
   if (options.useYarn) packageManager = "yarn";
   else if (options.usePnpm) packageManager = "pnpm";
   else if (!options.useNpm) {
-    if (fs.existsSync(path.join(process.cwd(), "yarn.lock"))) packageManager = "yarn";
-    else if (fs.existsSync(path.join(process.cwd(), "pnpm-lock.yaml"))) packageManager = "pnpm";
+    if (fs.existsSync(path.join(process.cwd(), "yarn.lock")))
+      packageManager = "yarn";
+    else if (fs.existsSync(path.join(process.cwd(), "pnpm-lock.yaml")))
+      packageManager = "pnpm";
   }
   let template = options.template || "nextjs";
   if (!["nextjs", "react", "vue"].includes(template)) {
@@ -897,13 +1067,20 @@ async function createApp(projectName, options) {
       name: "selectedTemplate",
       message: "Select a project template:",
       choices: [
-        { title: "Next.js (Full-stack React framework)", value: "nextjs" },
+        {
+          title: "Next.js (Full-stack React framework)",
+          value: "nextjs"
+        },
         { title: "React (Single-page application)", value: "react" },
         { title: "Vue 3 (Progressive framework)", value: "vue" }
       ]
     });
     template = response.selectedTemplate;
   }
+  if (!template) {
+    console.log(kleur__default.default.yellow("\nNo template selected. Aborting."));
+    process.exit(1);
+  }
   const useTypeScript = !options.javascript;
   console.log(kleur__default.default.cyan("\n\u{1F4CB} Project Configuration:"));
   console.log(`  Name: ${kleur__default.default.white(projectName)}`);
@@ -942,19 +1119,25 @@ async function createApp(projectName, options) {
     console.log(kleur__default.default.green("\u2705 Project created successfully!"));
     console.log(kleur__default.default.blue("\n\u{1F527} Setting up Diviswap SDK...\n"));
     const frameworkMap = {
-      "nextjs": options.app ? "nextjs-app" : "nextjs-pages",
-      "react": "react",
-      "vue": "vue3"
+      nextjs: options.app ? "nextjs-app" : "nextjs-pages",
+      react: "react",
+      vue: "vue3"
     };
     await init({
       framework: frameworkMap[template],
       skipInstall: false,
       skipEnv: false
     });
-    console.log(kleur__default.default.green().bold("\n\u2728 Your Diviswap-powered app is ready!\n"));
+    console.log(
+      kleur__default.default.green().bold("\n\u2728 Your Diviswap-powered app is ready!\n")
+    );
     console.log("Next steps:");
     console.log(kleur__default.default.gray(`  cd ${projectName}`));
-    console.log(kleur__default.default.gray(`  ${packageManager} ${packageManager === "npm" ? "run dev" : "dev"}`));
+    console.log(
+      kleur__default.default.gray(
+        `  ${packageManager} ${packageManager === "npm" ? "run dev" : "dev"}`
+      )
+    );
     console.log();
     console.log("Visit your app at:");
     console.log(kleur__default.default.cyan("  http://localhost:3000"));
@@ -971,7 +1154,31 @@ async function createApp(projectName, options) {
   }
 }
 async function createNextJsProject(projectPath, options) {
-  const { typescript, packageManager, eslint, tailwind, app, srcDir, importAlias } = options;
+  const {
+    typescript,
+    packageManager,
+    eslint,
+    tailwind,
+    app,
+    srcDir,
+    importAlias
+  } = options;
+  const devDeps = {};
+  if (typescript) {
+    devDeps["@types/node"] = "^20.0.0";
+    devDeps["@types/react"] = "^18.2.0";
+    devDeps["@types/react-dom"] = "^18.2.0";
+    devDeps["typescript"] = "^5.0.0";
+  }
+  if (eslint) {
+    devDeps["eslint"] = "^8.0.0";
+    devDeps["eslint-config-next"] = "^14.0.0";
+  }
+  if (tailwind) {
+    devDeps["tailwindcss"] = "^3.3.0";
+    devDeps["postcss"] = "^8.4.0";
+    devDeps["autoprefixer"] = "^10.4.0";
+  }
   const packageJson = {
     name: path.basename(projectPath),
     version: "0.1.0",
@@ -983,33 +1190,13 @@ async function createNextJsProject(projectPath, options) {
       lint: "next lint"
     },
     dependencies: {
-      "react": "^18.2.0",
+      react: "^18.2.0",
       "react-dom": "^18.2.0",
-      "next": "^14.0.0",
+      next: "^14.0.0",
       "@diviswap/sdk": "latest"
     },
-    devDependencies: typescript ? {
-      "@types/node": "^20.0.0",
-      "@types/react": "^18.2.0",
-      "@types/react-dom": "^18.2.0",
-      "typescript": "^5.0.0"
-    } : {}
+    devDependencies: devDeps
   };
-  if (eslint) {
-    packageJson.devDependencies = {
-      ...packageJson.devDependencies,
-      "eslint": "^8.0.0",
-      "eslint-config-next": "^14.0.0"
-    };
-  }
-  if (tailwind) {
-    packageJson.devDependencies = {
-      ...packageJson.devDependencies,
-      "tailwindcss": "^3.3.0",
-      "postcss": "^8.4.0",
-      "autoprefixer": "^10.4.0"
-    };
-  }
   fs.writeFileSync("package.json", JSON.stringify(packageJson, null, 2));
   if (typescript) {
     const tsConfig = {
@@ -1029,7 +1216,9 @@ async function createNextJsProject(projectPath, options) {
         jsx: "preserve",
         incremental: true,
         paths: importAlias ? {
-          [importAlias.replace("/*", "/*")]: [`./${srcDir ? "src/" : ""}*`]
+          [importAlias.replace("/*", "/*")]: [
+            `./${srcDir ? "src/" : ""}*`
+          ]
         } : {}
       },
       include: ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
@@ -1063,7 +1252,10 @@ export default function RootLayout({
     </html>
   )
 }`;
-    fs.writeFileSync(srcDir ? "src/app/layout.tsx" : "app/layout.tsx", layoutContent);
+    fs.writeFileSync(
+      srcDir ? "src/app/layout.tsx" : "app/layout.tsx",
+      layoutContent
+    );
     const pageContent = `export default function Home() {
   return (
     <main className="flex min-h-screen flex-col items-center justify-center p-24">
@@ -1078,8 +1270,11 @@ export default function RootLayout({
     </main>
   )
 }`;
-    fs.writeFileSync(srcDir ? "src/app/page.tsx" : "app/page.tsx", pageContent);
-    const globalsContent2 = tailwind ? `@tailwind base;
+    fs.writeFileSync(
+      srcDir ? "src/app/page.tsx" : "app/page.tsx",
+      pageContent
+    );
+    const globalsContent = tailwind ? `@tailwind base;
 @tailwind components;
 @tailwind utilities;` : `html, body {
   padding: 0;
@@ -1091,7 +1286,10 @@ export default function RootLayout({
 * {
   box-sizing: border-box;
 }`;
-    fs.writeFileSync(srcDir ? "src/app/globals.css" : "app/globals.css", globalsContent2);
+    fs.writeFileSync(
+      srcDir ? "src/app/globals.css" : "app/globals.css",
+      globalsContent
+    );
   } else {
     fs.mkdirSync(srcDir ? "src/pages" : "pages", { recursive: true });
     fs.mkdirSync(srcDir ? "src/styles" : "styles", { recursive: true });
@@ -1100,7 +1298,10 @@ export default function RootLayout({
 export default function App(${typescript ? "{ Component, pageProps }: AppProps" : "{ Component, pageProps }"}) {
   return <Component {...pageProps} />
 }`;
-    fs.writeFileSync(srcDir ? "src/pages/_app.tsx" : "pages/_app.tsx", appContent);
+    fs.writeFileSync(
+      srcDir ? "src/pages/_app.tsx" : "pages/_app.tsx",
+      appContent
+    );
     const indexContent = `export default function Home() {
   return (
     <main className="flex min-h-screen flex-col items-center justify-center p-24">
@@ -1115,8 +1316,26 @@ export default function App(${typescript ? "{ Component, pageProps }: AppProps"
     </main>
   )
 }`;
-    fs.writeFileSync(srcDir ? "src/pages/index.tsx" : "pages/index.tsx", indexContent);
-    fs.writeFileSync(srcDir ? "src/styles/globals.css" : "styles/globals.css", globalsContent);
+    fs.writeFileSync(
+      srcDir ? "src/pages/index.tsx" : "pages/index.tsx",
+      indexContent
+    );
+    const pagesGlobalsCss = tailwind ? `@tailwind base;
+@tailwind components;
+@tailwind utilities;` : `html, body {
+  padding: 0;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}`;
+    fs.writeFileSync(
+      srcDir ? "src/styles/globals.css" : "styles/globals.css",
+      pagesGlobalsCss
+    );
   }
   if (tailwind) {
     const tailwindConfig = `/** @type {import('tailwindcss').Config} */
@@ -1212,20 +1431,36 @@ The easiest way to deploy your Next.js app is to use the [Vercel Platform](https
 }
 async function createReactProject(projectPath, options) {
   const { typescript, packageManager, eslint, tailwind } = options;
+  const devDeps = {
+    "@vitejs/plugin-react": "^4.2.0",
+    vite: "^5.0.0"
+  };
+  if (typescript) {
+    devDeps["@types/react"] = "^18.2.0";
+    devDeps["@types/react-dom"] = "^18.2.0";
+    devDeps["typescript"] = "^5.0.0";
+  }
+  if (eslint) {
+    devDeps["eslint"] = "^8.0.0";
+    devDeps["eslint-plugin-react"] = "^7.33.0";
+    devDeps["eslint-plugin-react-hooks"] = "^4.6.0";
+  }
+  if (tailwind) {
+    devDeps["tailwindcss"] = "^3.3.0";
+    devDeps["postcss"] = "^8.4.0";
+    devDeps["autoprefixer"] = "^10.4.0";
+  }
   const packageJson = {
     name: path.basename(projectPath),
     version: "0.1.0",
     private: true,
     dependencies: {
-      "react": "^18.2.0",
+      react: "^18.2.0",
       "react-dom": "^18.2.0",
       "react-router-dom": "^6.20.0",
       "@diviswap/sdk": "latest"
     },
-    devDependencies: {
-      "@vitejs/plugin-react": "^4.2.0",
-      "vite": "^5.0.0"
-    },
+    devDependencies: devDeps,
     scripts: {
       dev: "vite",
       build: "vite build",
@@ -1233,30 +1468,6 @@ async function createReactProject(projectPath, options) {
       lint: eslint ? "eslint . --ext .js,.jsx,.ts,.tsx" : 'echo "No linting configured"'
     }
   };
-  if (typescript) {
-    packageJson.devDependencies = {
-      ...packageJson.devDependencies,
-      "@types/react": "^18.2.0",
-      "@types/react-dom": "^18.2.0",
-      "typescript": "^5.0.0"
-    };
-  }
-  if (eslint) {
-    packageJson.devDependencies = {
-      ...packageJson.devDependencies,
-      "eslint": "^8.0.0",
-      "eslint-plugin-react": "^7.33.0",
-      "eslint-plugin-react-hooks": "^4.6.0"
-    };
-  }
-  if (tailwind) {
-    packageJson.devDependencies = {
-      ...packageJson.devDependencies,
-      "tailwindcss": "^3.3.0",
-      "postcss": "^8.4.0",
-      "autoprefixer": "^10.4.0"
-    };
-  }
   fs.writeFileSync("package.json", JSON.stringify(packageJson, null, 2));
   const viteConfig = `import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
@@ -1298,7 +1509,10 @@ export default defineConfig({
       },
       include: ["vite.config.ts"]
     };
-    fs.writeFileSync("tsconfig.node.json", JSON.stringify(tsConfigNode, null, 2));
+    fs.writeFileSync(
+      "tsconfig.node.json",
+      JSON.stringify(tsConfigNode, null, 2)
+    );
   }
   fs.mkdirSync("src", { recursive: true });
   fs.mkdirSync("public", { recursive: true });
@@ -1461,6 +1675,28 @@ The Diviswap SDK has been pre-configured in this project. Visit [http://localhos
 }
 async function createVueProject(projectPath, options) {
   const { typescript, packageManager, eslint, tailwind } = options;
+  const devDeps = {
+    "@vitejs/plugin-vue": "^4.5.0",
+    vite: "^5.0.0"
+  };
+  if (typescript) {
+    devDeps["@vue/tsconfig"] = "^0.5.0";
+    devDeps["typescript"] = "^5.0.0";
+    devDeps["vue-tsc"] = "^1.8.0";
+  }
+  if (eslint) {
+    devDeps["@rushstack/eslint-patch"] = "^1.3.0";
+    if (typescript) {
+      devDeps["@vue/eslint-config-typescript"] = "^12.0.0";
+    }
+    devDeps["eslint"] = "^8.0.0";
+    devDeps["eslint-plugin-vue"] = "^9.0.0";
+  }
+  if (tailwind) {
+    devDeps["tailwindcss"] = "^3.3.0";
+    devDeps["postcss"] = "^8.4.0";
+    devDeps["autoprefixer"] = "^10.4.0";
+  }
   const packageJson = {
     name: path.basename(projectPath),
     version: "0.1.0",
@@ -1472,45 +1708,12 @@ async function createVueProject(projectPath, options) {
       lint: eslint ? "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore" : 'echo "No linting configured"'
     },
     dependencies: {
-      "vue": "^3.3.0",
+      vue: "^3.3.0",
       "vue-router": "^4.2.0",
       "@diviswap/sdk": "latest"
     },
-    devDependencies: {
-      "@vitejs/plugin-vue": "^4.5.0",
-      "vite": "^5.0.0"
-    }
+    devDependencies: devDeps
   };
-  if (typescript) {
-    packageJson.devDependencies = {
-      ...packageJson.devDependencies,
-      "@vue/tsconfig": "^0.5.0",
-      "typescript": "^5.0.0",
-      "vue-tsc": "^1.8.0"
-    };
-  }
-  if (eslint) {
-    packageJson.devDependencies = {
-      ...packageJson.devDependencies,
-      "@rushstack/eslint-patch": "^1.3.0",
-      "@vue/eslint-config-typescript": typescript ? "^12.0.0" : void 0,
-      "eslint": "^8.0.0",
-      "eslint-plugin-vue": "^9.0.0"
-    };
-  }
-  if (tailwind) {
-    packageJson.devDependencies = {
-      ...packageJson.devDependencies,
-      "tailwindcss": "^3.3.0",
-      "postcss": "^8.4.0",
-      "autoprefixer": "^10.4.0"
-    };
-  }
-  Object.keys(packageJson.devDependencies).forEach((key) => {
-    if (packageJson.devDependencies[key] === void 0) {
-      delete packageJson.devDependencies[key];
-    }
-  });
   fs.writeFileSync("package.json", JSON.stringify(packageJson, null, 2));
   const viteConfig = `import { fileURLToPath, URL } from 'node:url'
 import { defineConfig } from 'vite'
@@ -1605,7 +1808,10 @@ const router = createRouter({
 })
 
 export default router`;
-  fs.writeFileSync(`src/router/index.${typescript ? "ts" : "js"}`, routerContent);
+  fs.writeFileSync(
+    `src/router/index.${typescript ? "ts" : "js"}`,
+    routerContent
+  );
   const homeView = `<template>
   <div class="flex min-h-screen flex-col items-center justify-center p-24">
     <h1 class="text-4xl font-bold mb-8">Welcome to Diviswap</h1>
@@ -1771,11 +1977,8 @@ var SCAFFOLDED_FILES = {
     "src/pages/api/webhooks/diviswap.ts",
     "pages/api/webhooks/diviswap.ts"
   ],
-  "react": [
-    "src/diviswap/api-client.ts",
-    "src/diviswap/example.tsx"
-  ],
-  "vue3": [
+  react: ["src/diviswap/api-client.ts", "src/diviswap/example.tsx"],
+  vue3: [
     "src/plugins/diviswap.ts",
     "src/composables/useDiviswap.ts",
     "src/components/DiviswapProvider.vue",
@@ -1784,7 +1987,7 @@ var SCAFFOLDED_FILES = {
     "src/views/DiviswapExample.vue",
     "src/diviswap/types.ts"
   ],
-  "vanilla": [
+  vanilla: [
     "diviswap/client.js",
     "diviswap/example.html",
     "diviswap/example.js",
@@ -1823,7 +2026,9 @@ async function uninstall(options = {}) {
     const confirmation = await prompts__default.default({
       type: "confirm",
       name: "confirmUninstall",
-      message: kleur__default.default.yellow("Are you sure you want to remove all Diviswap SDK files and configuration?"),
+      message: kleur__default.default.yellow(
+        "Are you sure you want to remove all Diviswap SDK files and configuration?"
+      ),
       initial: false
     });
     if (!confirmation.confirmUninstall) {
@@ -1834,7 +2039,7 @@ async function uninstall(options = {}) {
   console.log(kleur__default.default.blue("\u{1F50D} Scanning for Diviswap files...\\n"));
   let filesRemoved = 0;
   let dirsRemoved = 0;
-  for (const [framework, files] of Object.entries(SCAFFOLDED_FILES)) {
+  for (const [_framework, files] of Object.entries(SCAFFOLDED_FILES)) {
     for (const file of files) {
       const filePath = path.join(projectRoot, file);
       if (fs.existsSync(filePath)) {
@@ -1843,7 +2048,11 @@ async function uninstall(options = {}) {
           console.log(kleur__default.default.gray(`\u2713 Removed: ${file}`));
           filesRemoved++;
         } catch (error) {
-          console.log(kleur__default.default.yellow(`\u26A0 Could not remove: ${file} (${error instanceof Error ? error.message : "unknown error"})`));
+          console.log(
+            kleur__default.default.yellow(
+              `\u26A0 Could not remove: ${file} (${error instanceof Error ? error.message : "unknown error"})`
+            )
+          );
         }
       }
     }
@@ -1865,7 +2074,12 @@ async function uninstall(options = {}) {
   }
   if (!options.keepConfig) {
     console.log(kleur__default.default.blue("\\n\u{1F527} Cleaning environment variables...\\n"));
-    const envFiles = [".env", ".env.local", ".env.development", ".env.production"];
+    const envFiles = [
+      ".env",
+      ".env.local",
+      ".env.development",
+      ".env.production"
+    ];
     for (const envFile of envFiles) {
       const envPath = path.join(projectRoot, envFile);
       if (fs.existsSync(envPath)) {
@@ -1877,14 +2091,22 @@ async function uninstall(options = {}) {
             if (regex.test(envContent)) {
               envContent = envContent.replace(regex, "").replace(/\\n\\n+/g, "\\n").trim();
               modified = true;
-              console.log(kleur__default.default.gray(`\u2713 Removed ${envVar} from ${envFile}`));
+              console.log(
+                kleur__default.default.gray(
+                  `\u2713 Removed ${envVar} from ${envFile}`
+                )
+              );
             }
           }
           if (modified) {
             fs.writeFileSync(envPath, envContent + "\\n");
           }
         } catch (error) {
-          console.log(kleur__default.default.yellow(`\u26A0 Could not clean ${envFile}: ${error instanceof Error ? error.message : "unknown error"}`));
+          console.log(
+            kleur__default.default.yellow(
+              `\u26A0 Could not clean ${envFile}: ${error instanceof Error ? error.message : "unknown error"}`
+            )
+          );
         }
       }
     }
@@ -1893,20 +2115,29 @@ async function uninstall(options = {}) {
   const packageJsonPath = path.join(projectRoot, "package.json");
   if (fs.existsSync(packageJsonPath)) {
     try {
-      const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+      const packageJson = JSON.parse(
+        fs.readFileSync(packageJsonPath, "utf-8")
+      );
       let modified = false;
       if (packageJson.dependencies && packageJson.dependencies["@diviswap/sdk"]) {
         delete packageJson.dependencies["@diviswap/sdk"];
         modified = true;
-        console.log(kleur__default.default.gray("\u2713 Removed @diviswap/sdk from dependencies"));
+        console.log(
+          kleur__default.default.gray("\u2713 Removed @diviswap/sdk from dependencies")
+        );
       }
       if (packageJson.devDependencies && packageJson.devDependencies["@diviswap/sdk"]) {
         delete packageJson.devDependencies["@diviswap/sdk"];
         modified = true;
-        console.log(kleur__default.default.gray("\u2713 Removed @diviswap/sdk from devDependencies"));
+        console.log(
+          kleur__default.default.gray("\u2713 Removed @diviswap/sdk from devDependencies")
+        );
       }
       if (modified) {
-        fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2) + "\\n");
+        fs.writeFileSync(
+          packageJsonPath,
+          JSON.stringify(packageJson, null, 2) + "\\n"
+        );
         const installDeps = await prompts__default.default({
           type: "confirm",
           name: "installDeps",
@@ -1917,34 +2148,60 @@ async function uninstall(options = {}) {
           const { execSync: execSync3 } = __require("child_process");
           try {
             console.log(kleur__default.default.blue("\\n\u{1F4E6} Running npm install..."));
-            execSync3("npm install", { stdio: "inherit", cwd: projectRoot });
+            execSync3("npm install", {
+              stdio: "inherit",
+              cwd: projectRoot
+            });
           } catch (error) {
-            console.log(kleur__default.default.yellow("\u26A0 Failed to run npm install. Please run it manually."));
+            console.log(
+              kleur__default.default.yellow(
+                "\u26A0 Failed to run npm install. Please run it manually."
+              )
+            );
           }
         }
       }
     } catch (error) {
-      console.log(kleur__default.default.yellow(`\u26A0 Could not update package.json: ${error instanceof Error ? error.message : "unknown error"}`));
+      console.log(
+        kleur__default.default.yellow(
+          `\u26A0 Could not update package.json: ${error instanceof Error ? error.message : "unknown error"}`
+        )
+      );
     }
   }
   console.log(kleur__default.default.green().bold("\\n\u2705 Uninstall Complete!\\n"));
   console.log(kleur__default.default.white(`Files removed: ${filesRemoved}`));
   console.log(kleur__default.default.white(`Directories removed: ${dirsRemoved}`));
   if (options.keepConfig) {
-    console.log(kleur__default.default.yellow("\\n\u26A0 Environment variables were preserved (--keep-config flag)"));
+    console.log(
+      kleur__default.default.yellow(
+        "\\n\u26A0 Environment variables were preserved (--keep-config flag)"
+      )
+    );
   }
-  console.log(kleur__default.default.gray("\\nThe Diviswap SDK has been removed from your project.\\n"));
+  console.log(
+    kleur__default.default.gray("\\nThe Diviswap SDK has been removed from your project.\\n")
+  );
 }
 
 // package.json
-var version = "1.8.0";
+var version = "1.9.0";
 
 // src/cli/index.ts
 var program = new commander.Command();
 program.name("diviswap-sdk").description("Diviswap SDK CLI - Streamline your crypto rails integration").version(version);
-program.command("init").description("Initialize Diviswap SDK in your existing project").option("-f, --framework <type>", "Framework type (nextjs-app, nextjs-pages, react, vue3, etc.)").option("-e, --env <environment>", "Environment (production or sandbox)").option("--skip-install", "Skip automatic dependency installation").option("--skip-env", "Skip environment variable setup").option("--force", "Overwrite existing files").action(init);
-program.command("create-app [project-name]").alias("create").description("Create a new project with Diviswap SDK pre-configured").option("-t, --template <type>", "Project template (nextjs, react, vue)", "nextjs").option("--use-npm", "Use npm instead of detecting package manager").option("--use-yarn", "Use Yarn instead of detecting package manager").option("--use-pnpm", "Use pnpm instead of detecting package manager").option("--typescript", "Use TypeScript (default)", true).option("--javascript", "Use JavaScript instead of TypeScript").option("--eslint", "Include ESLint configuration", true).option("--tailwind", "Include Tailwind CSS", true).option("--app", "Use App Router (Next.js only)", true).option("--src-dir", "Use src directory", true).option("--import-alias <alias>", "Import alias", "@/*").action(createApp);
-program.command("uninstall").alias("remove").description("Remove Diviswap SDK files and configuration from your project").option("--force", "Skip confirmation prompt").option("--keep-config", "Keep environment variables").action(uninstall);
+program.command("init").description("Initialize Diviswap SDK in your existing project").option(
+  "-f, --framework <type>",
+  "Framework type (nextjs-app, nextjs-pages, react, vue3, etc.)"
+).option("-e, --env <environment>", "Environment (production or sandbox)").option("--skip-install", "Skip automatic dependency installation").option("--skip-env", "Skip environment variable setup").option("--force", "Overwrite existing files").action(init);
+program.command("create-app [project-name]").alias("create").description("Create a new project with Diviswap SDK pre-configured").option(
+  "-t, --template <type>",
+  "Project template (nextjs, react, vue)",
+  "nextjs"
+).option("--use-npm", "Use npm instead of detecting package manager").option("--use-yarn", "Use Yarn instead of detecting package manager").option("--use-pnpm", "Use pnpm instead of detecting package manager").option("--typescript", "Use TypeScript (default)", true).option("--javascript", "Use JavaScript instead of TypeScript").option("--eslint", "Include ESLint configuration", true).option("--tailwind", "Include Tailwind CSS", true).option("--app", "Use App Router (Next.js only)", true).option("--src-dir", "Use src directory", true).option("--import-alias <alias>", "Import alias", "@/*").action(createApp);
+program.command("uninstall").alias("remove").description(
+  "Remove Diviswap SDK files and configuration from your project"
+).option("--force", "Skip confirmation prompt").option("--keep-config", "Keep environment variables").action(uninstall);
 if (!process.argv.slice(2).length) {
   program.outputHelp();
 }