@coinbase/create-cdp-app 0.0.31 → 0.0.33

package/README.md

@@ -23,13 +23,13 @@ You can create a new CDP app using any of these methods:
 
 ```bash
 # Using pnpm
-pnpm create @coinbase/cdp-app
+pnpm create @coinbase/cdp-app@latest
 
 # Using npm
 npm create @coinbase/cdp-app@latest
 
 # Using yarn
-yarn create @coinbase/cdp-app
+yarn create @coinbase/cdp-app@latest
 ```
 
 The CLI will guide you through the setup process:
@@ -56,3 +56,24 @@ Currently, `create-cdp-app` offers the following template:
   - Built-in TypeScript support
   - ESLint with Next.js configuration
   - Viem for type-safe Ethereum interactions
+
+## Command-Line Arguments
+
+You can also pass command-line arguments to pre-configure the setup process.
+
+| Argument | Description |
+| :--- | :--- |
+| `<directory>` | Optional. The name of the directory to create the project in. Defaults to `cdp-app`. |
+| `--template <name>` | Specifies the project template to use. Options: `react`, `nextjs`, `react-native`. |
+| `--project-id <id>` | Your CDP Project ID from the portal. |
+| `--smart-accounts` | Enables Smart Accounts for the project. |
+| `--no-smart-accounts` | Disables Smart Accounts for the project. |
+| `--onramp` | Enables Coinbase Onramp. <br>**Note:** This is only compatible with the `nextjs` template. If no template is specified, `nextjs` will be used automatically. If an incompatible template (e.g., `react`) is specified, this flag will be ignored and Onramp will be disabled. |
+| `--no-onramp` | Disables Coinbase Onramp. |
+
+### Example
+
+```bash
+# Create a Next.js app with a specific Project ID and Smart Accounts + Onramp enabled
+npm create @coinbase/cdp-app@latest my-next-app --template nextjs --project-id YOUR_PROJECT_ID --smart-accounts --onramp
+```

package/dist/index.js

@@ -2,7 +2,8 @@
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
-import { reset, green, red } from "kolorist";
+import { green, yellow, reset, red } from "kolorist";
+import minimist from "minimist";
 import prompts from "prompts";
 function prepareAppDirectory(targetDir, shouldOverwrite) {
   const root = path.join(process.cwd(), targetDir);
@@ -134,6 +135,7 @@ function detectPackageManager() {
   }
   return "npm";
 }
+const defaultTargetDir = "cdp-app";
 const TEMPLATES = [
   {
     name: "react",
@@ -151,41 +153,50 @@ const TEMPLATES = [
     color: green
   }
 ];
-const defaultTargetDir = "cdp-app";
-const fileRenames = {
-  _gitignore: ".gitignore"
-};
+const TEMPLATE_NAMES = TEMPLATES.map((template) => template.name);
 const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-async function init() {
-  const {
-    appName,
-    template,
-    targetDirectory,
-    projectId,
-    useSmartAccounts,
-    enableOnramp,
-    apiKeyId,
-    apiKeySecret
-  } = await getAppDetails();
-  console.log(`
-Scaffolding app in ${targetDirectory}...`);
-  const root = prepareAppDirectory(targetDirectory);
-  const templateDir = path.resolve(fileURLToPath(import.meta.url), "../..", `template-${template}`);
-  copyTemplateFiles({
-    templateDir,
-    root,
-    appName,
-    projectId,
-    useSmartAccounts,
-    enableOnramp,
-    apiKeyId,
-    apiKeySecret
-  });
-  printNextSteps(root, template);
-}
 async function getAppDetails() {
-  let targetDir = process.argv[2];
+  const argv = minimist(process.argv.slice(2));
+  let targetDir = argv._[0];
   const defaultAppName = targetDir ?? defaultTargetDir;
+  let templateFromArgs = void 0;
+  let projectIdFromArgs = void 0;
+  let enableOnrampFromArgs = void 0;
+  const useSmartAccountsFromArgs = argv["smart-accounts"];
+  if (argv.template) {
+    if (!TEMPLATE_NAMES.includes(argv.template)) {
+      console.log(
+        yellow(
+          `✖ Invalid template provided: "${argv.template}". Please choose from: ${TEMPLATE_NAMES.join(", ")}.`
+        )
+      );
+    } else {
+      templateFromArgs = argv.template;
+    }
+  }
+  if (argv["project-id"]) {
+    if (!uuidRegex.test(argv["project-id"])) {
+      console.log(
+        yellow(`✖ Invalid Project ID provided: "${argv.projectId}". Please enter a valid UUID.`)
+      );
+    } else {
+      projectIdFromArgs = argv["project-id"];
+    }
+  }
+  if (argv["onramp"] !== void 0) {
+    if (!argv["onramp"]) {
+      enableOnrampFromArgs = false;
+    } else {
+      if (!templateFromArgs) {
+        templateFromArgs = "nextjs";
+      }
+      if (templateFromArgs !== "nextjs") {
+        console.log(yellow(`✖ Onramp is only supported with the Next.js template.`));
+      } else {
+        enableOnrampFromArgs = true;
+      }
+    }
+  }
   try {
     const result = await prompts(
       [
@@ -199,17 +210,17 @@ async function getAppDetails() {
           }
         },
         {
-          type: "select",
+          type: templateFromArgs ? null : "select",
           name: "template",
           message: reset("Template:"),
           initial: 0,
           choices: TEMPLATES.map((template) => ({
-            title: template.color(template.display || template.name),
+            title: template.color(template.display),
             value: template.name
           }))
         },
         {
-          type: "text",
+          type: projectIdFromArgs ? null : "text",
           name: "projectId",
           message: reset(
             "CDP Project ID (Find your project ID at https://portal.cdp.coinbase.com/projects/overview):"
@@ -225,7 +236,7 @@ async function getAppDetails() {
           initial: ""
         },
         {
-          type: "confirm",
+          type: useSmartAccountsFromArgs !== void 0 ? null : "confirm",
           name: "useSmartAccounts",
           message: reset(
             "Enable Smart Accounts? (Smart Accounts enable gasless transactions and improved UX):"
@@ -233,13 +244,13 @@ async function getAppDetails() {
           initial: false
         },
         {
-          type: (_, { template }) => template === "nextjs" ? "confirm" : null,
+          type: (_, { template }) => enableOnrampFromArgs !== void 0 || (templateFromArgs || template) !== "nextjs" ? null : "confirm",
           name: "enableOnramp",
           message: reset("Enable Coinbase Onramp? (Onramp enables users to buy crypto with fiat):"),
           initial: false
         },
         {
-          type: (_, { enableOnramp }) => enableOnramp ? "text" : null,
+          type: (_, { enableOnramp }) => enableOnramp || enableOnrampFromArgs ? "text" : null,
           name: "apiKeyId",
           message: reset("CDP API Key ID (Create at https://portal.cdp.coinbase.com/api-keys):"),
           validate: (value) => {
@@ -250,7 +261,7 @@ async function getAppDetails() {
           }
         },
         {
-          type: (_, { enableOnramp }) => enableOnramp ? "password" : null,
+          type: (_, { enableOnramp }) => enableOnramp || enableOnrampFromArgs ? "password" : null,
           name: "apiKeySecret",
           message: reset("CDP API Key Secret (paste your private key - it will be hidden):"),
           validate: (value) => {
@@ -261,7 +272,7 @@ async function getAppDetails() {
           }
         },
         {
-          type: (_, { template }) => template === "react-native" ? null : "confirm",
+          type: (_, { template }) => (templateFromArgs || template) === "react-native" ? null : "confirm",
           name: "corsConfirmation",
           message: reset(
             "Confirm you have whitelisted 'http://localhost:3000' at https://portal.cdp.coinbase.com/products/embedded-wallets/domains:"
@@ -290,12 +301,12 @@ async function getAppDetails() {
       }
     );
     return {
-      appName: result.appName,
-      template: result.template,
+      appName: result.appName || targetDir,
+      template: templateFromArgs || result.template,
       targetDirectory: targetDir,
-      projectId: result.projectId,
-      useSmartAccounts: result.useSmartAccounts,
-      enableOnramp: result.enableOnramp,
+      projectId: projectIdFromArgs || result.projectId,
+      useSmartAccounts: useSmartAccountsFromArgs ?? result.useSmartAccounts,
+      enableOnramp: enableOnrampFromArgs ?? result.enableOnramp ?? false,
       apiKeyId: result.apiKeyId,
       apiKeySecret: result.apiKeySecret
     };
@@ -306,6 +317,36 @@ async function getAppDetails() {
     process.exit(0);
   }
 }
+const fileRenames = {
+  _gitignore: ".gitignore"
+};
+async function init() {
+  const {
+    appName,
+    template,
+    targetDirectory,
+    projectId,
+    useSmartAccounts,
+    enableOnramp,
+    apiKeyId,
+    apiKeySecret
+  } = await getAppDetails();
+  console.log(`
+Scaffolding app in ${targetDirectory}...`);
+  const root = prepareAppDirectory(targetDirectory);
+  const templateDir = path.resolve(fileURLToPath(import.meta.url), "../..", `template-${template}`);
+  copyTemplateFiles({
+    templateDir,
+    root,
+    appName,
+    projectId,
+    useSmartAccounts,
+    enableOnramp,
+    apiKeyId,
+    apiKeySecret
+  });
+  printNextSteps(root, template);
+}
 function printNextSteps(appRoot, template) {
   const packageManager = detectPackageManager();
   console.log(green("\nDone. Now run your app:\n"));

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils.ts","../src/index.ts"],"sourcesContent":["import fs from \"node:fs\";\nimport path from \"node:path\";\n\n/**\n * Prepare the app directory\n *\n * @param targetDir - The target directory for the app\n * @param shouldOverwrite - Whether to overwrite the existing directory\n * @returns The path to the prepared app directory\n */\nexport function prepareAppDirectory(targetDir: string, shouldOverwrite: boolean): string {\n  const root = path.join(process.cwd(), targetDir);\n\n  if (shouldOverwrite) {\n    emptyDir(root);\n  } else if (!fs.existsSync(root)) {\n    fs.mkdirSync(root, { recursive: true });\n  }\n\n  return root;\n}\n\n/**\n * Customize package.json for the new app\n *\n * @param templateDir - The directory containing the template files\n * @param appName - The name of the app\n * @param includeSdk - Whether to include the CDP SDK in the dependencies\n * @returns The customized package.json content\n */\nexport function customizePackageJson(\n  templateDir: string,\n  appName: string,\n  includeSdk?: boolean,\n): string {\n  const packageJsonPath = path.join(templateDir, \"package.json\");\n  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, \"utf-8\"));\n  packageJson.name = appName;\n  if (includeSdk) {\n    packageJson.dependencies[\"@coinbase/cdp-sdk\"] = \"latest\";\n  }\n  return JSON.stringify(packageJson, null, 2) + \"\\n\";\n}\n\n/**\n * Set up the .env file for the new app\n *\n * @param params - The parameters for the function\n * @param params.templateDir - The directory containing the template files\n * @param params.projectId - The CDP Project ID\n * @param params.useSmartAccounts - Whether to enable smart accounts\n * @param params.apiKeyId - The API Key ID\n * @param params.apiKeySecret - The API Key Secret\n * @returns The customized .env content\n */\nexport function customizeEnv({\n  templateDir,\n  projectId,\n  useSmartAccounts,\n  apiKeyId,\n  apiKeySecret,\n}: {\n  templateDir: string;\n  projectId: string;\n  useSmartAccounts?: boolean;\n  apiKeyId?: string;\n  apiKeySecret?: string;\n}): string {\n  const exampleEnvPath = path.join(templateDir, \"env.example\");\n  const exampleEnv = fs.readFileSync(exampleEnvPath, \"utf-8\");\n\n  let envContent = exampleEnv.replace(/(.*PROJECT_ID=).*(\\r?\\n|$)/, `$1${projectId}\\n`);\n\n  // Set the account type based on user choice\n  const accountType = useSmartAccounts ? \"evm-smart\" : \"evm-eoa\";\n  let prefix: string;\n  if (templateDir.includes(\"nextjs\")) {\n    prefix = \"NEXT_PUBLIC_\";\n  } else if (templateDir.includes(\"react-native\")) {\n    prefix = \"EXPO_PUBLIC_\";\n  } else {\n    prefix = \"VITE_\";\n  }\n  envContent = envContent.replace(\n    new RegExp(`(${prefix}CDP_CREATE_ACCOUNT_TYPE=).*(\\r?\\n|$)`),\n    `$1${accountType}\\n`,\n  );\n\n  // Replace CDP API credentials if provided\n  if (apiKeyId && apiKeySecret) {\n    // Replace the commented API Key ID\n    envContent = envContent.replace(/# CDP_API_KEY_ID=.*/, `CDP_API_KEY_ID=${apiKeyId}`);\n    // Replace the commented API Key Secret\n    envContent = envContent.replace(\n      /# CDP_API_KEY_SECRET=.*/,\n      `CDP_API_KEY_SECRET=${apiKeySecret}`,\n    );\n  }\n\n  return envContent;\n}\n\n/**\n * Customize configuration files for smart accounts\n *\n * @param templateDir - The directory containing the template files\n * @param useSmartAccounts - Whether to enable smart accounts\n * @param isNextjs - Whether this is a Next.js template\n * @returns The customized config content\n */\nexport function customizeConfig(\n  templateDir: string,\n  useSmartAccounts: boolean,\n  isNextjs: boolean,\n): string | null {\n  if (!useSmartAccounts) return null;\n\n  const configFileName = isNextjs ? \"src/components/Providers.tsx\" : \"src/config.ts\";\n  const configPath = path.join(templateDir, configFileName);\n\n  if (!fs.existsSync(configPath)) return null;\n\n  let configContent = fs.readFileSync(configPath, \"utf-8\");\n\n  if (isNextjs) {\n    // For Next.js Providers.tsx\n    configContent = configContent.replace(\n      /const CDP_CONFIG: Config = \\{[\\s\\S]*?\\};/,\n      `const CDP_CONFIG: Config = {\n  projectId: process.env.NEXT_PUBLIC_CDP_PROJECT_ID ?? \"\",\n  createAccountOnLogin: process.env.NEXT_PUBLIC_CDP_CREATE_ACCOUNT_TYPE === \"evm-smart\" ? \"evm-smart\" : \"evm-eoa\",\n};`,\n    );\n  } else {\n    // For React config.ts\n    configContent = configContent.replace(\n      /export const CDP_CONFIG: Config = \\{[\\s\\S]*?\\};/,\n      `export const CDP_CONFIG: Config = {\n  projectId: import.meta.env.VITE_CDP_PROJECT_ID,\n  createAccountOnLogin: import.meta.env.VITE_CDP_CREATE_ACCOUNT_TYPE === \"evm-smart\" ? \"evm-smart\" : \"evm-eoa\",\n};`,\n    );\n  }\n\n  return configContent;\n}\n\n/**\n * Copy a file or directory recursively\n *\n * @param filePath - The source path\n * @param destPath - The destination path\n */\nexport function copyFile(filePath: string, destPath: string): void {\n  const stat = fs.statSync(filePath);\n  if (stat.isDirectory()) {\n    copyDir(filePath, destPath);\n  } else {\n    fs.copyFileSync(filePath, destPath);\n  }\n}\n\n/**\n * Copy a file or directory recursively with selective filtering for transaction components\n *\n * @param params - The parameters for the function\n * @param params.filePath - The source path\n * @param params.destPath - The destination path\n * @param params.useSmartAccounts - Whether to use Smart Accounts\n * @param params.enableOnramp - Whether to include Onramp\n */\nexport function copyFileSelectively({\n  filePath,\n  destPath,\n  useSmartAccounts,\n  enableOnramp,\n}: {\n  filePath: string;\n  destPath: string;\n  useSmartAccounts?: boolean;\n  enableOnramp?: boolean;\n}): void {\n  const stat = fs.statSync(filePath);\n  if (stat.isDirectory()) {\n    const baseDir = path.basename(filePath);\n    // skip api and lib directories if Onramp is not enabled\n    if (!enableOnramp && (baseDir === \"api\" || baseDir === \"lib\")) return;\n    // copy the directory\n    copyDirSelectively({ srcDir: filePath, destDir: destPath, useSmartAccounts, enableOnramp });\n  } else {\n    const fileName = path.basename(filePath);\n\n    // Skip transaction components that don't match the user's choice\n    if (useSmartAccounts && fileName === \"EOATransaction.tsx\") return;\n    if (!useSmartAccounts && fileName === \"SmartAccountTransaction.tsx\") return;\n\n    // Skip Onramp files if the user didn't enable Onramp\n    if (!enableOnramp && [\"FundWallet.tsx\", \"SignedInScreenWithOnramp.tsx\"].includes(fileName))\n      return;\n    // Onramp-specific SignedInScreen\n    if (enableOnramp) {\n      // Skip the default SignedInScreen.tsx file\n      if (fileName === \"SignedInScreen.tsx\") return;\n      // Copy the SignedInScreenWithOnramp.tsx file to SignedInScreen.tsx\n      if (fileName === \"SignedInScreenWithOnramp.tsx\") {\n        const newDestPath = destPath.replace(\"SignedInScreenWithOnramp.tsx\", \"SignedInScreen.tsx\");\n        fs.copyFileSync(filePath, newDestPath);\n        return;\n      }\n    }\n\n    fs.copyFileSync(filePath, destPath);\n  }\n}\n\n/**\n * Copy a directory recursively\n *\n * @param srcDir - The source directory path\n * @param destDir - The destination directory path\n */\nfunction copyDir(srcDir: string, destDir: string): void {\n  fs.mkdirSync(destDir, { recursive: true });\n  for (const file of fs.readdirSync(srcDir)) {\n    const srcFile = path.resolve(srcDir, file);\n    const destFile = path.resolve(destDir, file);\n    copyFile(srcFile, destFile);\n  }\n}\n\n/**\n * Copy a directory recursively with selective filtering\n *\n * @param params - The parameters for the function\n * @param params.srcDir - The source directory path\n * @param params.destDir - The destination directory path\n * @param params.useSmartAccounts - Whether to use Smart Accounts\n * @param params.enableOnramp - Whether to include Onramp\n */\nfunction copyDirSelectively({\n  srcDir,\n  destDir,\n  useSmartAccounts,\n  enableOnramp,\n}: {\n  srcDir: string;\n  destDir: string;\n  useSmartAccounts?: boolean;\n  enableOnramp?: boolean;\n}): void {\n  fs.mkdirSync(destDir, { recursive: true });\n  for (const file of fs.readdirSync(srcDir)) {\n    const srcFile = path.resolve(srcDir, file);\n    const destFile = path.resolve(destDir, file);\n    copyFileSelectively({ filePath: srcFile, destPath: destFile, useSmartAccounts, enableOnramp });\n  }\n}\n\n/**\n * Check if a directory is empty\n *\n * @param dirPath - The path to the directory\n * @returns True if the directory is empty, false otherwise\n */\nexport function isDirEmpty(dirPath: string): boolean {\n  const files = fs.readdirSync(dirPath);\n  return files.length === 0 || (files.length === 1 && files[0] === \".git\");\n}\n\n/**\n * Empty a directory while preserving .git\n *\n * @param dirPath - The path to the directory\n */\nfunction emptyDir(dirPath: string): void {\n  if (!fs.existsSync(dirPath)) {\n    return;\n  }\n  for (const file of fs.readdirSync(dirPath)) {\n    if (file === \".git\") {\n      continue;\n    }\n    fs.rmSync(path.resolve(dirPath, file), { recursive: true, force: true });\n  }\n}\n\n/**\n * Detect which package manager invoked the create command\n *\n * @returns The detected package manager or 'pnpm' as default\n */\nexport function detectPackageManager(): \"npm\" | \"pnpm\" | \"yarn\" {\n  const userAgent = process.env.npm_config_user_agent;\n\n  if (userAgent) {\n    if (userAgent.startsWith(\"yarn\")) return \"yarn\";\n    if (userAgent.startsWith(\"pnpm\")) return \"pnpm\";\n    if (userAgent.startsWith(\"npm\")) return \"npm\";\n  }\n\n  return \"npm\"; // Default to npm if we can't detect\n}\n","#!/usr/bin/env node\n\nimport fs from \"node:fs\";\nimport path from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\n\nimport { red, green, reset } from \"kolorist\";\nimport prompts from \"prompts\";\n\nimport {\n  prepareAppDirectory,\n  isDirEmpty,\n  customizePackageJson,\n  copyFileSelectively,\n  customizeEnv,\n  customizeConfig,\n  detectPackageManager,\n} from \"./utils.js\";\n\n// Available templates for app creation\nconst TEMPLATES = [\n  {\n    name: \"react\",\n    display: \"React Single Page App\",\n    color: green,\n  },\n  {\n    name: \"nextjs\",\n    display: \"Next.js Full Stack App\",\n    color: green,\n  },\n  {\n    name: \"react-native\",\n    display: \"React Native with Expo\",\n    color: green,\n  },\n];\n\nconst defaultTargetDir = \"cdp-app\";\n\nconst fileRenames: Record<string, string | undefined> = {\n  _gitignore: \".gitignore\",\n};\n\ninterface AppOptions {\n  appName: string;\n  template: string;\n  targetDirectory: string;\n  projectId: string;\n  useSmartAccounts: boolean;\n  enableOnramp: boolean;\n  apiKeyId?: string;\n  apiKeySecret?: string;\n}\n\nconst uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;\n\n/**\n * Initialize a new CDP app\n */\nasync function init(): Promise<void> {\n  const {\n    appName,\n    template,\n    targetDirectory,\n    projectId,\n    useSmartAccounts,\n    enableOnramp,\n    apiKeyId,\n    apiKeySecret,\n  } = await getAppDetails();\n\n  console.log(`\\nScaffolding app in ${targetDirectory}...`);\n\n  const root = prepareAppDirectory(targetDirectory, false);\n  const templateDir = path.resolve(fileURLToPath(import.meta.url), \"../..\", `template-${template}`);\n\n  copyTemplateFiles({\n    templateDir,\n    root,\n    appName,\n    projectId,\n    useSmartAccounts,\n    enableOnramp,\n    apiKeyId,\n    apiKeySecret,\n  });\n  printNextSteps(root, template);\n}\n\n/**\n * Get app details from command line arguments or prompt the user\n *\n * @returns The app details\n */\nasync function getAppDetails(): Promise<AppOptions> {\n  // Get target directory from command line args (first non-option argument)\n  let targetDir = process.argv[2];\n  const defaultAppName = targetDir ?? defaultTargetDir;\n\n  try {\n    const result = await prompts(\n      [\n        {\n          type: targetDir ? null : \"text\",\n          name: \"appName\",\n          message: reset(\"App Name:\"),\n          initial: defaultAppName,\n          onState: state => {\n            targetDir = String(state.value).trim() || defaultAppName;\n          },\n        },\n        {\n          type: \"select\",\n          name: \"template\",\n          message: reset(\"Template:\"),\n          initial: 0,\n          choices: TEMPLATES.map(template => ({\n            title: template.color(template.display || template.name),\n            value: template.name,\n          })),\n        },\n        {\n          type: \"text\",\n          name: \"projectId\",\n          message: reset(\n            \"CDP Project ID (Find your project ID at https://portal.cdp.coinbase.com/projects/overview):\",\n          ),\n          validate: value => {\n            if (!value) {\n              return \"Project ID is required\";\n            } else if (!uuidRegex.test(value)) {\n              return \"Project ID must be a valid UUID\";\n            }\n            return true;\n          },\n          initial: \"\",\n        },\n        {\n          type: \"confirm\",\n          name: \"useSmartAccounts\",\n          message: reset(\n            \"Enable Smart Accounts? (Smart Accounts enable gasless transactions and improved UX):\",\n          ),\n          initial: false,\n        },\n        {\n          type: (_, { template }: { template?: string }) =>\n            template === \"nextjs\" ? \"confirm\" : null,\n          name: \"enableOnramp\",\n          message: reset(\"Enable Coinbase Onramp? (Onramp enables users to buy crypto with fiat):\"),\n          initial: false,\n        },\n        {\n          type: (_, { enableOnramp }: { enableOnramp?: boolean }) => (enableOnramp ? \"text\" : null),\n          name: \"apiKeyId\",\n          message: reset(\"CDP API Key ID (Create at https://portal.cdp.coinbase.com/api-keys):\"),\n          validate: value => {\n            if (!value) {\n              return \"API Key ID is required for Onramp\";\n            }\n            return true;\n          },\n        },\n        {\n          type: (_, { enableOnramp }: { enableOnramp?: boolean }) =>\n            enableOnramp ? \"password\" : null,\n          name: \"apiKeySecret\",\n          message: reset(\"CDP API Key Secret (paste your private key - it will be hidden):\"),\n          validate: value => {\n            if (!value) {\n              return \"API Key Secret is required for Onramp\";\n            }\n            return true;\n          },\n        },\n        {\n          type: (_, { template }: { template?: string }) =>\n            template === \"react-native\" ? null : \"confirm\",\n          name: \"corsConfirmation\",\n          message: reset(\n            \"Confirm you have whitelisted 'http://localhost:3000' at https://portal.cdp.coinbase.com/products/embedded-wallets/domains:\",\n          ),\n          initial: true,\n        },\n        {\n          type: () => (!fs.existsSync(targetDir) || isDirEmpty(targetDir) ? null : \"confirm\"),\n          name: \"overwrite\",\n          message: () =>\n            (targetDir === \".\" ? \"Current directory\" : `Target directory \"${targetDir}\"`) +\n            \" is not empty. Remove existing files and continue?\",\n        },\n        {\n          type: (_, { overwrite }: { overwrite?: boolean }) => {\n            if (overwrite === false) {\n              throw new Error(red(\"✖\") + \" Operation cancelled\");\n            }\n            return null;\n          },\n          name: \"overwriteChecker\",\n        },\n      ],\n      {\n        onCancel: () => {\n          throw new Error(red(\"✖\") + \" Operation cancelled\");\n        },\n      },\n    );\n\n    return {\n      appName: result.appName,\n      template: result.template,\n      targetDirectory: targetDir,\n      projectId: result.projectId,\n      useSmartAccounts: result.useSmartAccounts,\n      enableOnramp: result.enableOnramp,\n      apiKeyId: result.apiKeyId,\n      apiKeySecret: result.apiKeySecret,\n    };\n  } catch (cancelled: unknown) {\n    if (cancelled instanceof Error) {\n      console.log(cancelled.message);\n    }\n    process.exit(0);\n  }\n}\n\n/**\n * Print next steps for the user\n *\n * @param appRoot - The root directory of the app\n * @param template - The template that was used\n */\nfunction printNextSteps(appRoot: string, template: string): void {\n  const packageManager = detectPackageManager();\n\n  console.log(green(\"\\nDone. Now run your app:\\n\"));\n  if (appRoot !== process.cwd()) {\n    console.log(`cd ${path.relative(process.cwd(), appRoot)}`);\n  }\n\n  console.log(`${packageManager} install`);\n\n  if (template === \"react-native\") {\n    const startCommand =\n      packageManager === \"npm\"\n        ? \"npm run ios # or npm run android\"\n        : `${packageManager} run ios # or ${packageManager} run android`;\n    console.log(startCommand);\n  } else {\n    const devCommand = packageManager === \"npm\" ? \"npm run dev\" : `${packageManager} dev`;\n    console.log(devCommand);\n  }\n}\n\n/**\n * Copy template files to the app directory\n *\n * @param params - The parameters for the function\n * @param params.templateDir - The directory containing the template files\n * @param params.root - The root directory of the app\n * @param params.appName - The name of the app\n * @param params.projectId - The CDP Project ID\n * @param params.useSmartAccounts - Whether to enable smart accounts\n * @param params.enableOnramp - Whether to include Onramp\n * @param params.apiKeyId - The API Key ID\n * @param params.apiKeySecret - The API Key Secret\n */\nfunction copyTemplateFiles({\n  templateDir,\n  root,\n  appName,\n  projectId,\n  useSmartAccounts,\n  enableOnramp,\n  apiKeyId,\n  apiKeySecret,\n}: {\n  templateDir: string;\n  root: string;\n  appName: string;\n  projectId?: string;\n  useSmartAccounts?: boolean;\n  enableOnramp?: boolean;\n  apiKeyId?: string;\n  apiKeySecret?: string;\n}): void {\n  const writeFileToTarget = (file: string, content?: string) => {\n    const targetPath = path.join(root, fileRenames[file] ?? file);\n    if (content) {\n      fs.writeFileSync(targetPath, content);\n    } else {\n      copyFileSelectively({\n        filePath: path.join(templateDir, file),\n        destPath: targetPath,\n        useSmartAccounts,\n        enableOnramp,\n      });\n    }\n  };\n\n  const isNextjs = templateDir.includes(\"nextjs\");\n\n  const files = fs.readdirSync(templateDir);\n  for (const file of files) {\n    if (file === \"package.json\") {\n      const customizedPackageJson = customizePackageJson(templateDir, appName, enableOnramp);\n      writeFileToTarget(file, customizedPackageJson);\n    } else if (file === \"env.example\" && projectId) {\n      writeFileToTarget(file);\n      const customizedEnv = customizeEnv({\n        templateDir,\n        projectId,\n        useSmartAccounts,\n        apiKeyId,\n        apiKeySecret,\n      });\n      console.log(\"Copying CDP Project ID to .env\");\n      if (apiKeyId && apiKeySecret) {\n        console.log(\"Copying CDP API credentials to .env\");\n      }\n      if (useSmartAccounts) {\n        console.log(\"Configuring Smart Accounts in environment\");\n      }\n      writeFileToTarget(\".env\", customizedEnv);\n    } else {\n      writeFileToTarget(file);\n    }\n  }\n\n  const isReactNative = templateDir.includes(\"react-native\");\n\n  // Handle smart account configuration in config files\n  if (useSmartAccounts && !isReactNative) {\n    const configFileName = isNextjs ? \"src/components/Providers.tsx\" : \"src/config.ts\";\n    const customizedConfig = customizeConfig(templateDir, useSmartAccounts, isNextjs);\n    if (customizedConfig) {\n      console.log(\"Configuring Smart Accounts in application config\");\n      writeFileToTarget(configFileName, customizedConfig);\n    }\n  }\n\n  // Generate the appropriate Transaction.tsx component\n  if (isReactNative) {\n    // For React Native, create the Transaction.tsx barrel file\n    const transactionContent = generateTransactionComponent(useSmartAccounts);\n    writeFileToTarget(\"Transaction.tsx\", transactionContent);\n  } else {\n    // For React/Next.js templates\n    const transactionFileName = isNextjs ? \"src/components/Transaction.tsx\" : \"src/Transaction.tsx\";\n    const transactionContent = generateTransactionComponent(useSmartAccounts);\n    writeFileToTarget(transactionFileName, transactionContent);\n  }\n\n  // Update android/gradlew permissions so that the template is runnable\n  if (isReactNative) {\n    const gradlewPath = path.join(root, \"android\", \"gradlew\");\n    if (fs.existsSync(gradlewPath)) {\n      fs.chmodSync(gradlewPath, 0o755);\n    }\n  }\n}\n\n/**\n * Generate the appropriate Transaction component based on account type\n *\n * @param useSmartAccounts - Whether to use Smart Accounts\n * @returns The generated Transaction component content\n */\nfunction generateTransactionComponent(useSmartAccounts?: boolean): string {\n  if (useSmartAccounts) {\n    return `export { default } from \"./SmartAccountTransaction\";`;\n  } else {\n    return `export { default } from \"./EOATransaction\";`;\n  }\n}\n\ninit().catch(e => {\n  console.error(e);\n  process.exit(1);\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/utils.ts","../src/getAppDetails.ts","../src/index.ts"],"sourcesContent":["import fs from \"node:fs\";\nimport path from \"node:path\";\n\n/**\n * Prepare the app directory\n *\n * @param targetDir - The target directory for the app\n * @param shouldOverwrite - Whether to overwrite the existing directory\n * @returns The path to the prepared app directory\n */\nexport function prepareAppDirectory(targetDir: string, shouldOverwrite: boolean): string {\n  const root = path.join(process.cwd(), targetDir);\n\n  if (shouldOverwrite) {\n    emptyDir(root);\n  } else if (!fs.existsSync(root)) {\n    fs.mkdirSync(root, { recursive: true });\n  }\n\n  return root;\n}\n\n/**\n * Customize package.json for the new app\n *\n * @param templateDir - The directory containing the template files\n * @param appName - The name of the app\n * @param includeSdk - Whether to include the CDP SDK in the dependencies\n * @returns The customized package.json content\n */\nexport function customizePackageJson(\n  templateDir: string,\n  appName: string,\n  includeSdk?: boolean,\n): string {\n  const packageJsonPath = path.join(templateDir, \"package.json\");\n  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, \"utf-8\"));\n  packageJson.name = appName;\n  if (includeSdk) {\n    packageJson.dependencies[\"@coinbase/cdp-sdk\"] = \"latest\";\n  }\n  return JSON.stringify(packageJson, null, 2) + \"\\n\";\n}\n\n/**\n * Set up the .env file for the new app\n *\n * @param params - The parameters for the function\n * @param params.templateDir - The directory containing the template files\n * @param params.projectId - The CDP Project ID\n * @param params.useSmartAccounts - Whether to enable smart accounts\n * @param params.apiKeyId - The API Key ID\n * @param params.apiKeySecret - The API Key Secret\n * @returns The customized .env content\n */\nexport function customizeEnv({\n  templateDir,\n  projectId,\n  useSmartAccounts,\n  apiKeyId,\n  apiKeySecret,\n}: {\n  templateDir: string;\n  projectId: string;\n  useSmartAccounts?: boolean;\n  apiKeyId?: string;\n  apiKeySecret?: string;\n}): string {\n  const exampleEnvPath = path.join(templateDir, \"env.example\");\n  const exampleEnv = fs.readFileSync(exampleEnvPath, \"utf-8\");\n\n  let envContent = exampleEnv.replace(/(.*PROJECT_ID=).*(\\r?\\n|$)/, `$1${projectId}\\n`);\n\n  // Set the account type based on user choice\n  const accountType = useSmartAccounts ? \"evm-smart\" : \"evm-eoa\";\n  let prefix: string;\n  if (templateDir.includes(\"nextjs\")) {\n    prefix = \"NEXT_PUBLIC_\";\n  } else if (templateDir.includes(\"react-native\")) {\n    prefix = \"EXPO_PUBLIC_\";\n  } else {\n    prefix = \"VITE_\";\n  }\n  envContent = envContent.replace(\n    new RegExp(`(${prefix}CDP_CREATE_ACCOUNT_TYPE=).*(\\r?\\n|$)`),\n    `$1${accountType}\\n`,\n  );\n\n  // Replace CDP API credentials if provided\n  if (apiKeyId && apiKeySecret) {\n    // Replace the commented API Key ID\n    envContent = envContent.replace(/# CDP_API_KEY_ID=.*/, `CDP_API_KEY_ID=${apiKeyId}`);\n    // Replace the commented API Key Secret\n    envContent = envContent.replace(\n      /# CDP_API_KEY_SECRET=.*/,\n      `CDP_API_KEY_SECRET=${apiKeySecret}`,\n    );\n  }\n\n  return envContent;\n}\n\n/**\n * Customize configuration files for smart accounts\n *\n * @param templateDir - The directory containing the template files\n * @param useSmartAccounts - Whether to enable smart accounts\n * @param isNextjs - Whether this is a Next.js template\n * @returns The customized config content\n */\nexport function customizeConfig(\n  templateDir: string,\n  useSmartAccounts: boolean,\n  isNextjs: boolean,\n): string | null {\n  if (!useSmartAccounts) return null;\n\n  const configFileName = isNextjs ? \"src/components/Providers.tsx\" : \"src/config.ts\";\n  const configPath = path.join(templateDir, configFileName);\n\n  if (!fs.existsSync(configPath)) return null;\n\n  let configContent = fs.readFileSync(configPath, \"utf-8\");\n\n  if (isNextjs) {\n    // For Next.js Providers.tsx\n    configContent = configContent.replace(\n      /const CDP_CONFIG: Config = \\{[\\s\\S]*?\\};/,\n      `const CDP_CONFIG: Config = {\n  projectId: process.env.NEXT_PUBLIC_CDP_PROJECT_ID ?? \"\",\n  createAccountOnLogin: process.env.NEXT_PUBLIC_CDP_CREATE_ACCOUNT_TYPE === \"evm-smart\" ? \"evm-smart\" : \"evm-eoa\",\n};`,\n    );\n  } else {\n    // For React config.ts\n    configContent = configContent.replace(\n      /export const CDP_CONFIG: Config = \\{[\\s\\S]*?\\};/,\n      `export const CDP_CONFIG: Config = {\n  projectId: import.meta.env.VITE_CDP_PROJECT_ID,\n  createAccountOnLogin: import.meta.env.VITE_CDP_CREATE_ACCOUNT_TYPE === \"evm-smart\" ? \"evm-smart\" : \"evm-eoa\",\n};`,\n    );\n  }\n\n  return configContent;\n}\n\n/**\n * Copy a file or directory recursively\n *\n * @param filePath - The source path\n * @param destPath - The destination path\n */\nexport function copyFile(filePath: string, destPath: string): void {\n  const stat = fs.statSync(filePath);\n  if (stat.isDirectory()) {\n    copyDir(filePath, destPath);\n  } else {\n    fs.copyFileSync(filePath, destPath);\n  }\n}\n\n/**\n * Copy a file or directory recursively with selective filtering for transaction components\n *\n * @param params - The parameters for the function\n * @param params.filePath - The source path\n * @param params.destPath - The destination path\n * @param params.useSmartAccounts - Whether to use Smart Accounts\n * @param params.enableOnramp - Whether to include Onramp\n */\nexport function copyFileSelectively({\n  filePath,\n  destPath,\n  useSmartAccounts,\n  enableOnramp,\n}: {\n  filePath: string;\n  destPath: string;\n  useSmartAccounts?: boolean;\n  enableOnramp?: boolean;\n}): void {\n  const stat = fs.statSync(filePath);\n  if (stat.isDirectory()) {\n    const baseDir = path.basename(filePath);\n    // skip api and lib directories if Onramp is not enabled\n    if (!enableOnramp && (baseDir === \"api\" || baseDir === \"lib\")) return;\n    // copy the directory\n    copyDirSelectively({ srcDir: filePath, destDir: destPath, useSmartAccounts, enableOnramp });\n  } else {\n    const fileName = path.basename(filePath);\n\n    // Skip transaction components that don't match the user's choice\n    if (useSmartAccounts && fileName === \"EOATransaction.tsx\") return;\n    if (!useSmartAccounts && fileName === \"SmartAccountTransaction.tsx\") return;\n\n    // Skip Onramp files if the user didn't enable Onramp\n    if (!enableOnramp && [\"FundWallet.tsx\", \"SignedInScreenWithOnramp.tsx\"].includes(fileName))\n      return;\n    // Onramp-specific SignedInScreen\n    if (enableOnramp) {\n      // Skip the default SignedInScreen.tsx file\n      if (fileName === \"SignedInScreen.tsx\") return;\n      // Copy the SignedInScreenWithOnramp.tsx file to SignedInScreen.tsx\n      if (fileName === \"SignedInScreenWithOnramp.tsx\") {\n        const newDestPath = destPath.replace(\"SignedInScreenWithOnramp.tsx\", \"SignedInScreen.tsx\");\n        fs.copyFileSync(filePath, newDestPath);\n        return;\n      }\n    }\n\n    fs.copyFileSync(filePath, destPath);\n  }\n}\n\n/**\n * Copy a directory recursively\n *\n * @param srcDir - The source directory path\n * @param destDir - The destination directory path\n */\nfunction copyDir(srcDir: string, destDir: string): void {\n  fs.mkdirSync(destDir, { recursive: true });\n  for (const file of fs.readdirSync(srcDir)) {\n    const srcFile = path.resolve(srcDir, file);\n    const destFile = path.resolve(destDir, file);\n    copyFile(srcFile, destFile);\n  }\n}\n\n/**\n * Copy a directory recursively with selective filtering\n *\n * @param params - The parameters for the function\n * @param params.srcDir - The source directory path\n * @param params.destDir - The destination directory path\n * @param params.useSmartAccounts - Whether to use Smart Accounts\n * @param params.enableOnramp - Whether to include Onramp\n */\nfunction copyDirSelectively({\n  srcDir,\n  destDir,\n  useSmartAccounts,\n  enableOnramp,\n}: {\n  srcDir: string;\n  destDir: string;\n  useSmartAccounts?: boolean;\n  enableOnramp?: boolean;\n}): void {\n  fs.mkdirSync(destDir, { recursive: true });\n  for (const file of fs.readdirSync(srcDir)) {\n    const srcFile = path.resolve(srcDir, file);\n    const destFile = path.resolve(destDir, file);\n    copyFileSelectively({ filePath: srcFile, destPath: destFile, useSmartAccounts, enableOnramp });\n  }\n}\n\n/**\n * Check if a directory is empty\n *\n * @param dirPath - The path to the directory\n * @returns True if the directory is empty, false otherwise\n */\nexport function isDirEmpty(dirPath: string): boolean {\n  const files = fs.readdirSync(dirPath);\n  return files.length === 0 || (files.length === 1 && files[0] === \".git\");\n}\n\n/**\n * Empty a directory while preserving .git\n *\n * @param dirPath - The path to the directory\n */\nfunction emptyDir(dirPath: string): void {\n  if (!fs.existsSync(dirPath)) {\n    return;\n  }\n  for (const file of fs.readdirSync(dirPath)) {\n    if (file === \".git\") {\n      continue;\n    }\n    fs.rmSync(path.resolve(dirPath, file), { recursive: true, force: true });\n  }\n}\n\n/**\n * Detect which package manager invoked the create command\n *\n * @returns The detected package manager or 'pnpm' as default\n */\nexport function detectPackageManager(): \"npm\" | \"pnpm\" | \"yarn\" {\n  const userAgent = process.env.npm_config_user_agent;\n\n  if (userAgent) {\n    if (userAgent.startsWith(\"yarn\")) return \"yarn\";\n    if (userAgent.startsWith(\"pnpm\")) return \"pnpm\";\n    if (userAgent.startsWith(\"npm\")) return \"npm\";\n  }\n\n  return \"npm\"; // Default to npm if we can't detect\n}\n","#!/usr/bin/env node\n\nimport fs from \"node:fs\";\n\nimport { green, red, reset, yellow } from \"kolorist\";\nimport minimist from \"minimist\";\nimport prompts from \"prompts\";\n\nimport { isDirEmpty } from \"./utils.js\";\n\nconst defaultTargetDir = \"cdp-app\";\n\n// Available templates for app creation\nconst TEMPLATES = [\n  {\n    name: \"react\",\n    display: \"React Single Page App\",\n    color: green,\n  },\n  {\n    name: \"nextjs\",\n    display: \"Next.js Full Stack App\",\n    color: green,\n  },\n  {\n    name: \"react-native\",\n    display: \"React Native with Expo\",\n    color: green,\n  },\n] as const;\n\nconst TEMPLATE_NAMES = TEMPLATES.map(template => template.name);\n\ntype TemplateName = (typeof TEMPLATE_NAMES)[number];\n\n/**\n * App options\n */\nexport interface AppOptions {\n  appName: string;\n  template: TemplateName;\n  targetDirectory: string;\n  projectId: string;\n  useSmartAccounts: boolean;\n  enableOnramp: boolean;\n  apiKeyId?: string;\n  apiKeySecret?: string;\n}\n\ntype CommandLineArgs = {\n  \"project-id\": string;\n  template: TemplateName;\n  \"smart-accounts\"?: boolean;\n  onramp?: boolean;\n};\n\nconst uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;\n\n/**\n * Get app details from command line arguments or prompt the user\n *\n * @returns The app details\n */\nexport async function getAppDetails(): Promise<AppOptions> {\n  const argv = minimist<CommandLineArgs>(process.argv.slice(2));\n\n  // Get target directory from command line args (first non-option argument)\n  let targetDir = argv._[0];\n  const defaultAppName = targetDir ?? defaultTargetDir;\n  let templateFromArgs: TemplateName | undefined = undefined;\n  let projectIdFromArgs: string | undefined = undefined;\n  let enableOnrampFromArgs: boolean | undefined = undefined;\n  const useSmartAccountsFromArgs = argv[\"smart-accounts\"];\n\n  // Validate template from argv\n  if (argv.template) {\n    if (!TEMPLATE_NAMES.includes(argv.template)) {\n      console.log(\n        yellow(\n          `✖ Invalid template provided: \"${argv.template}\". Please choose from: ${TEMPLATE_NAMES.join(\", \")}.`,\n        ),\n      );\n    } else {\n      templateFromArgs = argv.template;\n    }\n  }\n\n  // Validate projectId from argv\n  if (argv[\"project-id\"]) {\n    if (!uuidRegex.test(argv[\"project-id\"])) {\n      console.log(\n        yellow(`✖ Invalid Project ID provided: \"${argv.projectId}\". Please enter a valid UUID.`),\n      );\n    } else {\n      projectIdFromArgs = argv[\"project-id\"];\n    }\n  }\n\n  // Validate compatible template for onramp\n  if (argv[\"onramp\"] !== undefined) {\n    if (!argv[\"onramp\"]) {\n      enableOnrampFromArgs = false;\n    } else {\n      // if template is not provided and onramp is enabled, force nextjs template\n      if (!templateFromArgs) {\n        templateFromArgs = \"nextjs\";\n      }\n      if (templateFromArgs !== \"nextjs\") {\n        console.log(yellow(`✖ Onramp is only supported with the Next.js template.`));\n      } else {\n        enableOnrampFromArgs = true;\n      }\n    }\n  }\n\n  try {\n    const result = await prompts(\n      [\n        {\n          type: targetDir ? null : \"text\",\n          name: \"appName\",\n          message: reset(\"App Name:\"),\n          initial: defaultAppName,\n          onState: state => {\n            targetDir = String(state.value).trim() || defaultAppName;\n          },\n        },\n        {\n          type: templateFromArgs ? null : \"select\",\n          name: \"template\",\n          message: reset(\"Template:\"),\n          initial: 0,\n          choices: TEMPLATES.map(template => ({\n            title: template.color(template.display),\n            value: template.name,\n          })),\n        },\n        {\n          type: projectIdFromArgs ? null : \"text\",\n          name: \"projectId\",\n          message: reset(\n            \"CDP Project ID (Find your project ID at https://portal.cdp.coinbase.com/projects/overview):\",\n          ),\n          validate: value => {\n            if (!value) {\n              return \"Project ID is required\";\n            } else if (!uuidRegex.test(value)) {\n              return \"Project ID must be a valid UUID\";\n            }\n            return true;\n          },\n          initial: \"\",\n        },\n        {\n          type: useSmartAccountsFromArgs !== undefined ? null : \"confirm\",\n          name: \"useSmartAccounts\",\n          message: reset(\n            \"Enable Smart Accounts? (Smart Accounts enable gasless transactions and improved UX):\",\n          ),\n          initial: false,\n        },\n        {\n          type: (_, { template }: { template?: string }) =>\n            enableOnrampFromArgs !== undefined || (templateFromArgs || template) !== \"nextjs\"\n              ? null\n              : \"confirm\",\n          name: \"enableOnramp\",\n          message: reset(\"Enable Coinbase Onramp? (Onramp enables users to buy crypto with fiat):\"),\n          initial: false,\n        },\n        {\n          type: (_, { enableOnramp }: { enableOnramp?: boolean }) =>\n            enableOnramp || enableOnrampFromArgs ? \"text\" : null,\n          name: \"apiKeyId\",\n          message: reset(\"CDP API Key ID (Create at https://portal.cdp.coinbase.com/api-keys):\"),\n          validate: value => {\n            if (!value) {\n              return \"API Key ID is required for Onramp\";\n            }\n            return true;\n          },\n        },\n        {\n          type: (_, { enableOnramp }: { enableOnramp?: boolean }) =>\n            enableOnramp || enableOnrampFromArgs ? \"password\" : null,\n          name: \"apiKeySecret\",\n          message: reset(\"CDP API Key Secret (paste your private key - it will be hidden):\"),\n          validate: value => {\n            if (!value) {\n              return \"API Key Secret is required for Onramp\";\n            }\n            return true;\n          },\n        },\n        {\n          type: (_, { template }: { template?: string }) =>\n            (templateFromArgs || template) === \"react-native\" ? null : \"confirm\",\n          name: \"corsConfirmation\",\n          message: reset(\n            \"Confirm you have whitelisted 'http://localhost:3000' at https://portal.cdp.coinbase.com/products/embedded-wallets/domains:\",\n          ),\n          initial: true,\n        },\n        {\n          type: () => (!fs.existsSync(targetDir) || isDirEmpty(targetDir) ? null : \"confirm\"),\n          name: \"overwrite\",\n          message: () =>\n            (targetDir === \".\" ? \"Current directory\" : `Target directory \"${targetDir}\"`) +\n            \" is not empty. Remove existing files and continue?\",\n        },\n        {\n          type: (_, { overwrite }: { overwrite?: boolean }) => {\n            if (overwrite === false) {\n              throw new Error(red(\"✖\") + \" Operation cancelled\");\n            }\n            return null;\n          },\n          name: \"overwriteChecker\",\n        },\n      ],\n      {\n        onCancel: () => {\n          throw new Error(red(\"✖\") + \" Operation cancelled\");\n        },\n      },\n    );\n\n    return {\n      appName: result.appName || targetDir,\n      template: templateFromArgs || result.template,\n      targetDirectory: targetDir,\n      projectId: projectIdFromArgs || result.projectId,\n      useSmartAccounts: useSmartAccountsFromArgs ?? result.useSmartAccounts,\n      enableOnramp: enableOnrampFromArgs ?? result.enableOnramp ?? false,\n      apiKeyId: result.apiKeyId,\n      apiKeySecret: result.apiKeySecret,\n    };\n  } catch (cancelled: unknown) {\n    if (cancelled instanceof Error) {\n      console.log(cancelled.message);\n    }\n    process.exit(0);\n  }\n}\n","#!/usr/bin/env node\n\nimport fs from \"node:fs\";\nimport path from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\n\nimport { green } from \"kolorist\";\n\nimport { getAppDetails } from \"./getAppDetails.js\";\nimport {\n  prepareAppDirectory,\n  customizePackageJson,\n  copyFileSelectively,\n  customizeEnv,\n  customizeConfig,\n  detectPackageManager,\n} from \"./utils.js\";\n\nconst fileRenames: Record<string, string | undefined> = {\n  _gitignore: \".gitignore\",\n};\n\n/**\n * Initialize a new CDP app\n */\nasync function init(): Promise<void> {\n  const {\n    appName,\n    template,\n    targetDirectory,\n    projectId,\n    useSmartAccounts,\n    enableOnramp,\n    apiKeyId,\n    apiKeySecret,\n  } = await getAppDetails();\n\n  console.log(`\\nScaffolding app in ${targetDirectory}...`);\n\n  const root = prepareAppDirectory(targetDirectory, false);\n  const templateDir = path.resolve(fileURLToPath(import.meta.url), \"../..\", `template-${template}`);\n\n  copyTemplateFiles({\n    templateDir,\n    root,\n    appName,\n    projectId,\n    useSmartAccounts,\n    enableOnramp,\n    apiKeyId,\n    apiKeySecret,\n  });\n  printNextSteps(root, template);\n}\n\n/**\n * Print next steps for the user\n *\n * @param appRoot - The root directory of the app\n * @param template - The template that was used\n */\nfunction printNextSteps(appRoot: string, template: string): void {\n  const packageManager = detectPackageManager();\n\n  console.log(green(\"\\nDone. Now run your app:\\n\"));\n  if (appRoot !== process.cwd()) {\n    console.log(`cd ${path.relative(process.cwd(), appRoot)}`);\n  }\n\n  console.log(`${packageManager} install`);\n\n  if (template === \"react-native\") {\n    const startCommand =\n      packageManager === \"npm\"\n        ? \"npm run ios # or npm run android\"\n        : `${packageManager} run ios # or ${packageManager} run android`;\n    console.log(startCommand);\n  } else {\n    const devCommand = packageManager === \"npm\" ? \"npm run dev\" : `${packageManager} dev`;\n    console.log(devCommand);\n  }\n}\n\n/**\n * Copy template files to the app directory\n *\n * @param params - The parameters for the function\n * @param params.templateDir - The directory containing the template files\n * @param params.root - The root directory of the app\n * @param params.appName - The name of the app\n * @param params.projectId - The CDP Project ID\n * @param params.useSmartAccounts - Whether to enable smart accounts\n * @param params.enableOnramp - Whether to include Onramp\n * @param params.apiKeyId - The API Key ID\n * @param params.apiKeySecret - The API Key Secret\n */\nfunction copyTemplateFiles({\n  templateDir,\n  root,\n  appName,\n  projectId,\n  useSmartAccounts,\n  enableOnramp,\n  apiKeyId,\n  apiKeySecret,\n}: {\n  templateDir: string;\n  root: string;\n  appName: string;\n  projectId?: string;\n  useSmartAccounts?: boolean;\n  enableOnramp?: boolean;\n  apiKeyId?: string;\n  apiKeySecret?: string;\n}): void {\n  const writeFileToTarget = (file: string, content?: string) => {\n    const targetPath = path.join(root, fileRenames[file] ?? file);\n    if (content) {\n      fs.writeFileSync(targetPath, content);\n    } else {\n      copyFileSelectively({\n        filePath: path.join(templateDir, file),\n        destPath: targetPath,\n        useSmartAccounts,\n        enableOnramp,\n      });\n    }\n  };\n\n  const isNextjs = templateDir.includes(\"nextjs\");\n\n  const files = fs.readdirSync(templateDir);\n  for (const file of files) {\n    if (file === \"package.json\") {\n      const customizedPackageJson = customizePackageJson(templateDir, appName, enableOnramp);\n      writeFileToTarget(file, customizedPackageJson);\n    } else if (file === \"env.example\" && projectId) {\n      writeFileToTarget(file);\n      const customizedEnv = customizeEnv({\n        templateDir,\n        projectId,\n        useSmartAccounts,\n        apiKeyId,\n        apiKeySecret,\n      });\n      console.log(\"Copying CDP Project ID to .env\");\n      if (apiKeyId && apiKeySecret) {\n        console.log(\"Copying CDP API credentials to .env\");\n      }\n      if (useSmartAccounts) {\n        console.log(\"Configuring Smart Accounts in environment\");\n      }\n      writeFileToTarget(\".env\", customizedEnv);\n    } else {\n      writeFileToTarget(file);\n    }\n  }\n\n  const isReactNative = templateDir.includes(\"react-native\");\n\n  // Handle smart account configuration in config files\n  if (useSmartAccounts && !isReactNative) {\n    const configFileName = isNextjs ? \"src/components/Providers.tsx\" : \"src/config.ts\";\n    const customizedConfig = customizeConfig(templateDir, useSmartAccounts, isNextjs);\n    if (customizedConfig) {\n      console.log(\"Configuring Smart Accounts in application config\");\n      writeFileToTarget(configFileName, customizedConfig);\n    }\n  }\n\n  // Generate the appropriate Transaction.tsx component\n  if (isReactNative) {\n    // For React Native, create the Transaction.tsx barrel file\n    const transactionContent = generateTransactionComponent(useSmartAccounts);\n    writeFileToTarget(\"Transaction.tsx\", transactionContent);\n  } else {\n    // For React/Next.js templates\n    const transactionFileName = isNextjs ? \"src/components/Transaction.tsx\" : \"src/Transaction.tsx\";\n    const transactionContent = generateTransactionComponent(useSmartAccounts);\n    writeFileToTarget(transactionFileName, transactionContent);\n  }\n\n  // Update android/gradlew permissions so that the template is runnable\n  if (isReactNative) {\n    const gradlewPath = path.join(root, \"android\", \"gradlew\");\n    if (fs.existsSync(gradlewPath)) {\n      fs.chmodSync(gradlewPath, 0o755);\n    }\n  }\n}\n\n/**\n * Generate the appropriate Transaction component based on account type\n *\n * @param useSmartAccounts - Whether to use Smart Accounts\n * @returns The generated Transaction component content\n */\nfunction generateTransactionComponent(useSmartAccounts?: boolean): string {\n  if (useSmartAccounts) {\n    return `export { default } from \"./SmartAccountTransaction\";`;\n  } else {\n    return `export { default } from \"./EOATransaction\";`;\n  }\n}\n\ninit().catch(e => {\n  console.error(e);\n  process.exit(1);\n});\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/create-cdp-app",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -14,10 +14,13 @@
   ],
   "dependencies": {
     "kolorist": "^1.8.0",
+    "minimist": "^1.2.8",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "@types/prompts": "^2.4.9"
+    "@types/minimist": "^1.2.5",
+    "@types/prompts": "^2.4.9",
+    "mock-stdin": "^1.0.0"
   },
   "scripts": {
     "build": "pnpm run check:types && vite build --config vite.config.ts",

package/template-nextjs/package.json

@@ -2,6 +2,9 @@
   "name": "cdp-app",
   "version": "0.1.0",
   "private": true,
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -25,4 +28,4 @@
     "eslint-config-next": "15.4.3",
     "typescript": "~5.8.3"
   }
-}
+}

package/template-nextjs/src/app/globals.css

@@ -15,7 +15,7 @@
   --cdp-example-card-border-color: #dcdcdc;
   --cdp-example-card-max-width: 30rem;
   --cdp-example-base-font-size: 16px;
-  --cdp-example-font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  --cdp-example-font-family: "Rethink Sans", system-ui, Avenir, Helvetica, Arial, sans-serif;
 
   background-color: var(--cdp-example-page-bg-color);
   color: var(--cdp-example-card-border-color);

package/template-nextjs/src/app/layout.tsx

@@ -1,6 +1,21 @@
+import { DM_Mono, Rethink_Sans } from "next/font/google";
+
 import type { Metadata } from "next";
+
 import "./globals.css";
 
+const dmMono = DM_Mono({
+  subsets: ["latin"],
+  style: ["normal", "italic"],
+  weight: ["300", "400", "500"],
+});
+
+const rethinkSans = Rethink_Sans({
+  subsets: ["latin"],
+  style: ["normal", "italic"],
+  weight: ["400", "500", "600", "700", "800"],
+});
+
 export const metadata: Metadata = {
   title: "CDP Next.js StarterKit",
   description: "The CDP Next.js StarterKit",
@@ -15,7 +30,7 @@ export const metadata: Metadata = {
  */
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en">
+    <html lang="en" className={`${dmMono.className} ${rethinkSans.className}`}>
       <body>
         <div className="root">{children}</div>
       </body>

package/template-react/package.json

@@ -3,6 +3,9 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",

package/template-react/src/index.css

@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap");
+
 :root {
   --cdp-example-page-bg-color: #eaeaea;
   --cdp-example-page-bg-alt-color: #eef0f3;
@@ -15,7 +17,7 @@
   --cdp-example-card-border-color: #dcdcdc;
   --cdp-example-card-max-width: 30rem;
   --cdp-example-base-font-size: 16px;
-  --cdp-example-font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  --cdp-example-font-family: "Rethink Sans", system-ui, Avenir, Helvetica, Arial, sans-serif;
 
   background-color: var(--cdp-example-page-bg-color);
   color: var(--cdp-example-card-border-color);

package/template-react-native/app.json

@@ -29,6 +29,9 @@
     },
     "experiments": {
       "reactCanary": true
-    }
+    },
+    "plugins": [
+      "expo-secure-store"
+    ]
   }
 }

package/template-react-native/ios/Podfile.lock

@@ -67,6 +67,8 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
+  - ExpoSecureStore (15.0.7):
+    - ExpoModulesCore
   - fast_float (6.1.4)
   - FBLazyVector (0.79.6)
   - fmt (11.0.2)
@@ -1788,6 +1790,7 @@ DEPENDENCIES:
   - ExpoFont (from `../../../node_modules/expo-font/ios`)
   - ExpoKeepAwake (from `../../../node_modules/expo-keep-awake/ios`)
   - ExpoModulesCore (from `../../../node_modules/expo-modules-core`)
+  - ExpoSecureStore (from `../../../node_modules/expo-secure-store/ios`)
   - fast_float (from `../../../node_modules/react-native/third-party-podspecs/fast_float.podspec`)
   - FBLazyVector (from `../../../node_modules/react-native/Libraries/FBLazyVector`)
   - fmt (from `../../../node_modules/react-native/third-party-podspecs/fmt.podspec`)
@@ -1890,6 +1893,8 @@ EXTERNAL SOURCES:
     :path: "../../../node_modules/expo-keep-awake/ios"
   ExpoModulesCore:
     :path: "../../../node_modules/expo-modules-core"
+  ExpoSecureStore:
+    :path: "../../../node_modules/expo-secure-store/ios"
   fast_float:
     :podspec: "../../../node_modules/react-native/third-party-podspecs/fast_float.podspec"
   FBLazyVector:
@@ -2046,6 +2051,7 @@ SPEC CHECKSUMS:
   ExpoFont: cf508bc2e6b70871e05386d71cab927c8524cc8e
   ExpoKeepAwake: bf0811570c8da182bfb879169437d4de298376e7
   ExpoModulesCore: 00a1b5c73248465bd0b93f59f8538c4573dac579
+  ExpoSecureStore: 9c6571fe3fcb045a671c4011c451546eaaab98fd
   fast_float: 06eeec4fe712a76acc9376682e4808b05ce978b6
   FBLazyVector: 07309209b7b914451b8f822544a18e2a0a85afff
   fmt: a40bb5bd0294ea969aaaba240a927bd33d878cdd

package/template-react-native/package.json

@@ -3,6 +3,9 @@
   "version": "0.0.0",
   "main": "index.ts",
   "private": true,
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "scripts": {
     "android": "expo run:android",
     "ios": "expo run:ios"
@@ -14,6 +17,7 @@
     "expo": "~53.0.22",
     "expo-clipboard": "~7.1.5",
     "expo-crypto": "^14.1.5",
+    "expo-secure-store": "^15.0.7",
     "expo-status-bar": "~2.2.3",
     "react": "19.1.0",
     "react-native": "0.79.6",
@@ -27,4 +31,4 @@
     "@types/ungap__structured-clone": "^1.2.0",
     "typescript": "~5.8.3"
   }
-}
+}