@coinbase/create-cdp-app 0.0.36 → 0.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/README.md +22 -9
  2. package/dist/index.js +168 -46
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
  5. package/template-nextjs/README.md +3 -2
  6. package/template-nextjs/env.example +2 -0
  7. package/template-nextjs/package.json +3 -1
  8. package/template-nextjs/public/sol.svg +13 -0
  9. package/template-nextjs/src/app/globals.css +6 -0
  10. package/template-nextjs/src/components/Providers.tsx +32 -14
  11. package/template-nextjs/src/components/SignedInScreen.tsx +63 -15
  12. package/template-nextjs/src/components/SignedInScreenWithOnramp.tsx +22 -3
  13. package/template-nextjs/src/components/SolanaTransaction.tsx +157 -0
  14. package/template-nextjs/src/components/UserBalance.tsx +5 -3
  15. package/template-react/README.md +2 -1
  16. package/template-react/env.example +3 -0
  17. package/template-react/package.json +3 -1
  18. package/template-react/public/sol.svg +13 -0
  19. package/template-react/src/Header.tsx +20 -8
  20. package/template-react/src/SignedInScreen.tsx +66 -13
  21. package/template-react/src/SolanaTransaction.tsx +158 -0
  22. package/template-react/src/UserBalance.tsx +29 -10
  23. package/template-react/src/config.ts +25 -11
  24. package/template-react/src/index.css +6 -0
  25. package/template-react/src/main.tsx +2 -2
  26. package/template-react-native/App.tsx +79 -62
  27. package/template-react-native/EOATransaction.tsx +35 -22
  28. package/template-react-native/SmartAccountTransaction.tsx +9 -9
  29. package/template-react-native/components/SignInForm.tsx +433 -0
  30. package/template-react-native/types.ts +0 -22
  31. package/template-react-native/components/SignInModal.tsx +0 -342
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/utils.ts","../src/getAppDetails.ts","../src/index.ts"],"sourcesContent":["import fs from \"node:fs\";\nimport os from \"node:os\";\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 ? \"smart\" : \"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_ETHEREUM_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 ethereum: {\n createOnLogin: process.env.NEXT_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE === \"smart\" ? \"smart\" : \"eoa\",\n },\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 ethereum: {\n createOnLogin: import.meta.env.VITE_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE === \"smart\" ? \"smart\" : \"eoa\",\n },\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 * Customize React Native specific files with unique bundle identifier\n *\n * @param templateDir - The directory containing the template files\n * @param appName - The name of the app\n * @returns Object containing customized file contents and new package path\n */\nexport function customizeReactNativeFiles(\n templateDir: string,\n appName: string,\n): {\n appJson?: string;\n infoPlist?: string;\n buildGradle?: string;\n mainActivity?: string;\n mainApplication?: string;\n xcodeProject?: string;\n newPackagePath: string;\n safeBundleId: string;\n} {\n const username = os.userInfo().username || \"user\";\n const cleanUsername = username.toLowerCase().replace(/[^a-z0-9]/g, \"\");\n const cleanAppName = appName.toLowerCase().replace(/[^a-z0-9]/g, \"\");\n const safeBundleId = `com.${cleanUsername}.${cleanAppName}`;\n const newPackagePath = `com/${cleanUsername}/${cleanAppName}`;\n\n const customizedFiles: {\n appJson?: string;\n infoPlist?: string;\n buildGradle?: string;\n mainActivity?: string;\n mainApplication?: string;\n xcodeProject?: string;\n newPackagePath: string;\n safeBundleId: string;\n } = { safeBundleId, newPackagePath };\n\n // Customize app.json\n const appJsonPath = path.join(templateDir, \"app.json\");\n if (fs.existsSync(appJsonPath)) {\n const appJsonContent = fs.readFileSync(appJsonPath, \"utf-8\");\n customizedFiles.appJson = appJsonContent\n .replace(/com\\.anonymous\\.reactnativeexpo/g, safeBundleId)\n .replace(/\"name\": \"react-native-expo\"/g, `\"name\": \"${appName}\"`);\n }\n\n // Customize iOS Info.plist\n const infoPlistPath = path.join(templateDir, \"ios/reactnativeexpo/Info.plist\");\n if (fs.existsSync(infoPlistPath)) {\n const infoPlistContent = fs.readFileSync(infoPlistPath, \"utf-8\");\n customizedFiles.infoPlist = infoPlistContent.replace(\n /com\\.anonymous\\.reactnativeexpo/g,\n safeBundleId,\n );\n }\n\n // Customize Android build.gradle\n const buildGradlePath = path.join(templateDir, \"android/app/build.gradle\");\n if (fs.existsSync(buildGradlePath)) {\n const buildGradleContent = fs.readFileSync(buildGradlePath, \"utf-8\");\n customizedFiles.buildGradle = buildGradleContent.replace(\n /com\\.anonymous\\.reactnativeexpo/g,\n safeBundleId,\n );\n }\n\n // Customize MainActivity.kt\n const mainActivityPath = path.join(\n templateDir,\n \"android/app/src/main/java/com/anonymous/reactnativeexpo/MainActivity.kt\",\n );\n if (fs.existsSync(mainActivityPath)) {\n const mainActivityContent = fs.readFileSync(mainActivityPath, \"utf-8\");\n customizedFiles.mainActivity = mainActivityContent.replace(\n /package com\\.anonymous\\.reactnativeexpo/g,\n `package ${safeBundleId}`,\n );\n }\n\n // Customize MainApplication.kt\n const mainApplicationPath = path.join(\n templateDir,\n \"android/app/src/main/java/com/anonymous/reactnativeexpo/MainApplication.kt\",\n );\n if (fs.existsSync(mainApplicationPath)) {\n const mainApplicationContent = fs.readFileSync(mainApplicationPath, \"utf-8\");\n customizedFiles.mainApplication = mainApplicationContent.replace(\n /package com\\.anonymous\\.reactnativeexpo/g,\n `package ${safeBundleId}`,\n );\n }\n\n // Customize iOS Xcode project file - only replace bundle identifier\n const xcodeProjectPath = path.join(templateDir, \"ios/reactnativeexpo.xcodeproj/project.pbxproj\");\n if (fs.existsSync(xcodeProjectPath)) {\n const xcodeProjectContent = fs.readFileSync(xcodeProjectPath, \"utf-8\");\n customizedFiles.xcodeProject = xcodeProjectContent.replace(\n /com\\.anonymous\\.reactnativeexpo/g,\n safeBundleId,\n );\n }\n\n return customizedFiles;\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 customizeReactNativeFiles,\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 const isReactNative = templateDir.includes(\"react-native\");\n\n // Get React Native customizations if needed\n const reactNativeCustomizations = isReactNative\n ? customizeReactNativeFiles(templateDir, appName)\n : null;\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 if (file === \"app.json\" && isReactNative && reactNativeCustomizations?.appJson) {\n writeFileToTarget(file, reactNativeCustomizations.appJson);\n } else {\n writeFileToTarget(file);\n }\n }\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 // Apply React Native specific customizations\n if (isReactNative && reactNativeCustomizations) {\n // Write customized React Native files\n if (reactNativeCustomizations.infoPlist) {\n writeFileToTarget(\"ios/reactnativeexpo/Info.plist\", reactNativeCustomizations.infoPlist);\n }\n if (reactNativeCustomizations.buildGradle) {\n writeFileToTarget(\"android/app/build.gradle\", reactNativeCustomizations.buildGradle);\n }\n if (reactNativeCustomizations.xcodeProject) {\n writeFileToTarget(\n \"ios/reactnativeexpo.xcodeproj/project.pbxproj\",\n reactNativeCustomizations.xcodeProject,\n );\n }\n\n // Create new package directory structure for Android Kotlin files\n const newPackageDir = path.join(\n root,\n \"android/app/src/main/java\",\n reactNativeCustomizations.newPackagePath,\n );\n fs.mkdirSync(newPackageDir, { recursive: true });\n\n if (reactNativeCustomizations.mainActivity) {\n const newMainActivityPath = path.join(\n \"android/app/src/main/java\",\n reactNativeCustomizations.newPackagePath,\n \"MainActivity.kt\",\n );\n writeFileToTarget(newMainActivityPath, reactNativeCustomizations.mainActivity);\n }\n if (reactNativeCustomizations.mainApplication) {\n const newMainApplicationPath = path.join(\n \"android/app/src/main/java\",\n reactNativeCustomizations.newPackagePath,\n \"MainApplication.kt\",\n );\n writeFileToTarget(newMainApplicationPath, reactNativeCustomizations.mainApplication);\n }\n\n // Remove old package directory\n const oldPackageDir = path.join(\n root,\n \"android/app/src/main/java/com/anonymous/reactnativeexpo\",\n );\n if (fs.existsSync(oldPackageDir)) {\n fs.rmSync(oldPackageDir, { recursive: true, force: true });\n }\n\n // Update android/gradlew permissions so that the template is runnable\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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"}
1
+ {"version":3,"file":"index.js","sources":["../src/utils.ts","../src/getAppDetails.ts","../src/index.ts"],"sourcesContent":["import fs from \"node:fs\";\nimport os from \"node:os\";\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.accountType - The account type to configure\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 accountType,\n apiKeyId,\n apiKeySecret,\n}: {\n templateDir: string;\n projectId: string;\n accountType: string;\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 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 // Handle account type configuration\n if (accountType === \"solana\") {\n // For Solana-only accounts, remove Ethereum line and enable Solana\n envContent = envContent.replace(\n new RegExp(`${prefix}CDP_CREATE_ETHEREUM_ACCOUNT_TYPE=.*(\\r?\\n|$)`, \"g\"),\n \"\",\n );\n envContent = envContent.replace(\n new RegExp(`(${prefix}CDP_CREATE_SOLANA_ACCOUNT=).*(\\r?\\n|$)`),\n `$1true\\n`,\n );\n } else {\n // For EVM accounts (evm-eoa or evm-smart), set the Ethereum type and remove Solana line\n const ethereumType = accountType === \"evm-smart\" ? \"smart\" : \"eoa\";\n envContent = envContent.replace(\n new RegExp(`(${prefix}CDP_CREATE_ETHEREUM_ACCOUNT_TYPE=).*(\\r?\\n|$)`),\n `$1${ethereumType}\\n`,\n );\n envContent = envContent.replace(\n new RegExp(`${prefix}CDP_CREATE_SOLANA_ACCOUNT=.*(\\r?\\n|$)`, \"g\"),\n \"\",\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 account types\n *\n * @param templateDir - The directory containing the template files\n * @param accountType - The account type to configure\n * @param isNextjs - Whether this is a Next.js template\n * @returns The customized config content\n */\nexport function customizeConfig(\n templateDir: string,\n accountType: string,\n isNextjs: boolean,\n): string | null {\n if (accountType === \"evm-eoa\") 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 - generate config based on account type\n const ethereumConfig =\n accountType !== \"solana\"\n ? `\n ethereum: {\n createOnLogin: process.env.NEXT_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE === \"smart\" ? \"smart\" : \"eoa\",\n },`\n : \"\";\n\n const solanaConfig =\n accountType === \"solana\"\n ? `\n solana: {\n createOnLogin: process.env.NEXT_PUBLIC_CDP_CREATE_SOLANA_ACCOUNT === \"true\" ? true : false,\n },`\n : \"\";\n\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 ?? \"\",${ethereumConfig}${solanaConfig}\n appName: \"CDP Next.js StarterKit\",\n appLogoUrl: \"http://localhost:3000/logo.svg\",\n authMethods: [\"email\", \"sms\"],\n};`,\n );\n } else {\n // For React config.ts - generate config based on account type\n const ethereumConfig =\n accountType !== \"solana\"\n ? `\n ethereum: {\n createOnLogin: import.meta.env.VITE_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE === \"smart\" ? \"smart\" : \"eoa\",\n },`\n : \"\";\n\n const solanaConfig =\n accountType === \"solana\"\n ? `\n solana: {\n createOnLogin: import.meta.env.VITE_CDP_CREATE_SOLANA_ACCOUNT === \"true\" ? true : false,\n },`\n : \"\";\n\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,${ethereumConfig}${solanaConfig}\n appName: \"CDP React StarterKit\",\n appLogoUrl: \"http://localhost:3000/logo.svg\",\n authMethods: [\"email\", \"sms\"],\n};`,\n );\n }\n\n return configContent;\n}\n\n/**\n * Customize SignedInScreen to import the correct transaction component\n *\n * @param templateDir - The directory containing the template files\n * @param accountType - The account type to configure\n * @param isNextjs - Whether this is a Next.js template\n * @param fileName - The specific file name to customize\n * @returns The customized SignedInScreen content\n */\nexport function customizeSignedInScreen(\n templateDir: string,\n accountType: string,\n isNextjs: boolean,\n fileName: string = \"SignedInScreen.tsx\",\n): string {\n const signedInScreenPath = isNextjs\n ? path.join(templateDir, `src/components/${fileName}`)\n : path.join(templateDir, `src/${fileName}`);\n\n let content = fs.readFileSync(signedInScreenPath, \"utf-8\");\n\n // Determine the correct component import based on account type\n let componentPath: string;\n\n // For onramp component, only support EVM for now (Solana onramp support will be added later)\n if (fileName === \"SignedInScreenWithOnramp.tsx\") {\n if (accountType === \"evm-smart\") {\n componentPath = \"@/components/SmartAccountTransaction\";\n } else {\n componentPath = \"@/components/EOATransaction\";\n }\n } else {\n // Regular SignedInScreen supports all account types\n if (accountType === \"solana\") {\n componentPath = isNextjs ? \"@/components/SolanaTransaction\" : \"./SolanaTransaction\";\n } else if (accountType === \"evm-smart\") {\n componentPath = isNextjs\n ? \"@/components/SmartAccountTransaction\"\n : \"./SmartAccountTransaction\";\n } else {\n componentPath = isNextjs ? \"@/components/EOATransaction\" : \"./EOATransaction\";\n }\n }\n\n const componentImport = `const TransactionComponent = lazy(() => import(\"${componentPath}\"));`;\n\n // Replace the conditional import logic with a single direct import\n if (isNextjs) {\n // Handle both SignedInScreen and SignedInScreenWithOnramp patterns\n content = content.replace(\n /\\/\\/ Dynamically (import components based on configuration|determine component path \\(Onramp only supports EVM\\))[\\s\\S]*?const TransactionComponent = lazy\\(\\(\\) => (\\{[\\s\\S]*?\\}|import\\(\\/\\* @vite-ignore \\*\\/ getComponentPath\\(\\)\\))\\);/,\n componentImport,\n );\n } else {\n content = content.replace(\n /\\/\\/ Dynamically determine component path to avoid Vite static analysis[\\s\\S]*?const TransactionComponent = lazy\\(\\(\\) => import\\(\\/\\* @vite-ignore \\*\\/ getComponentPath\\(\\)\\)\\);/,\n componentImport,\n );\n }\n\n return content;\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.accountType - The account type to use\n * @param params.enableOnramp - Whether to include Onramp\n */\nexport function copyFileSelectively({\n filePath,\n destPath,\n accountType,\n enableOnramp,\n}: {\n filePath: string;\n destPath: string;\n accountType: string;\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, accountType, enableOnramp });\n } else {\n const fileName = path.basename(filePath);\n\n // Skip transaction components that don't match the user's choice\n if (accountType === \"evm-smart\" && fileName === \"EOATransaction.tsx\") return;\n if (accountType === \"evm-smart\" && fileName === \"SolanaTransaction.tsx\") return;\n if (accountType === \"evm-eoa\" && fileName === \"SmartAccountTransaction.tsx\") return;\n if (accountType === \"evm-eoa\" && fileName === \"SolanaTransaction.tsx\") return;\n if (accountType === \"solana\" && fileName === \"EOATransaction.tsx\") return;\n if (accountType === \"solana\" && 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.accountType - The account type to use\n * @param params.enableOnramp - Whether to include Onramp\n */\nfunction copyDirSelectively({\n srcDir,\n destDir,\n accountType,\n enableOnramp,\n}: {\n srcDir: string;\n destDir: string;\n accountType: string;\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, accountType, 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 * Customize React Native specific files with unique bundle identifier\n *\n * @param templateDir - The directory containing the template files\n * @param appName - The name of the app\n * @returns Object containing customized file contents and new package path\n */\nexport function customizeReactNativeFiles(\n templateDir: string,\n appName: string,\n): {\n appJson?: string;\n infoPlist?: string;\n buildGradle?: string;\n mainActivity?: string;\n mainApplication?: string;\n xcodeProject?: string;\n newPackagePath: string;\n safeBundleId: string;\n} {\n const username = os.userInfo().username || \"user\";\n const cleanUsername = username.toLowerCase().replace(/[^a-z0-9]/g, \"\");\n const cleanAppName = appName.toLowerCase().replace(/[^a-z0-9]/g, \"\");\n const safeBundleId = `com.${cleanUsername}.${cleanAppName}`;\n const newPackagePath = `com/${cleanUsername}/${cleanAppName}`;\n\n const customizedFiles: {\n appJson?: string;\n infoPlist?: string;\n buildGradle?: string;\n mainActivity?: string;\n mainApplication?: string;\n xcodeProject?: string;\n newPackagePath: string;\n safeBundleId: string;\n } = { safeBundleId, newPackagePath };\n\n // Customize app.json\n const appJsonPath = path.join(templateDir, \"app.json\");\n if (fs.existsSync(appJsonPath)) {\n const appJsonContent = fs.readFileSync(appJsonPath, \"utf-8\");\n customizedFiles.appJson = appJsonContent\n .replace(/com\\.anonymous\\.reactnativeexpo/g, safeBundleId)\n .replace(/\"name\": \"react-native-expo\"/g, `\"name\": \"${appName}\"`);\n }\n\n // Customize iOS Info.plist\n const infoPlistPath = path.join(templateDir, \"ios/reactnativeexpo/Info.plist\");\n if (fs.existsSync(infoPlistPath)) {\n const infoPlistContent = fs.readFileSync(infoPlistPath, \"utf-8\");\n customizedFiles.infoPlist = infoPlistContent.replace(\n /com\\.anonymous\\.reactnativeexpo/g,\n safeBundleId,\n );\n }\n\n // Customize Android build.gradle\n const buildGradlePath = path.join(templateDir, \"android/app/build.gradle\");\n if (fs.existsSync(buildGradlePath)) {\n const buildGradleContent = fs.readFileSync(buildGradlePath, \"utf-8\");\n customizedFiles.buildGradle = buildGradleContent.replace(\n /com\\.anonymous\\.reactnativeexpo/g,\n safeBundleId,\n );\n }\n\n // Customize MainActivity.kt\n const mainActivityPath = path.join(\n templateDir,\n \"android/app/src/main/java/com/anonymous/reactnativeexpo/MainActivity.kt\",\n );\n if (fs.existsSync(mainActivityPath)) {\n const mainActivityContent = fs.readFileSync(mainActivityPath, \"utf-8\");\n customizedFiles.mainActivity = mainActivityContent.replace(\n /package com\\.anonymous\\.reactnativeexpo/g,\n `package ${safeBundleId}`,\n );\n }\n\n // Customize MainApplication.kt\n const mainApplicationPath = path.join(\n templateDir,\n \"android/app/src/main/java/com/anonymous/reactnativeexpo/MainApplication.kt\",\n );\n if (fs.existsSync(mainApplicationPath)) {\n const mainApplicationContent = fs.readFileSync(mainApplicationPath, \"utf-8\");\n customizedFiles.mainApplication = mainApplicationContent.replace(\n /package com\\.anonymous\\.reactnativeexpo/g,\n `package ${safeBundleId}`,\n );\n }\n\n // Customize iOS Xcode project file - only replace bundle identifier\n const xcodeProjectPath = path.join(templateDir, \"ios/reactnativeexpo.xcodeproj/project.pbxproj\");\n if (fs.existsSync(xcodeProjectPath)) {\n const xcodeProjectContent = fs.readFileSync(xcodeProjectPath, \"utf-8\");\n customizedFiles.xcodeProject = xcodeProjectContent.replace(\n /com\\.anonymous\\.reactnativeexpo/g,\n safeBundleId,\n );\n }\n\n return customizedFiles;\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// Account types that can be created\nconst ACCOUNT_TYPES = [\n {\n value: \"evm-eoa\",\n title: \"EVM EOA (Regular Accounts)\",\n description: \"Traditional Ethereum-compatible accounts\",\n },\n {\n value: \"evm-smart\",\n title: \"EVM Smart Accounts\",\n description: \"Account abstraction with gasless transactions and improved UX\",\n },\n {\n value: \"solana\",\n title: \"Solana Accounts\",\n description: \"Native Solana blockchain accounts\",\n },\n] as const;\n\ntype AccountType = (typeof ACCOUNT_TYPES)[number][\"value\"];\n\n/**\n * App options\n */\nexport interface AppOptions {\n appName: string;\n template: TemplateName;\n targetDirectory: string;\n projectId: string;\n accountType: AccountType;\n enableOnramp: boolean;\n apiKeyId?: string;\n apiKeySecret?: string;\n}\n\ntype CommandLineArgs = {\n \"project-id\": string;\n template: TemplateName;\n \"account-type\"?: AccountType;\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 let accountTypeFromArgs: AccountType | undefined = undefined;\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 account type from argv\n if (argv[\"account-type\"]) {\n const validAccountTypes = ACCOUNT_TYPES.map(type => type.value);\n if (!validAccountTypes.includes(argv[\"account-type\"])) {\n console.log(\n yellow(\n `✖ Invalid account type provided: \"${argv[\"account-type\"]}\". Please choose from: ${validAccountTypes.join(\", \")}.`,\n ),\n );\n } else {\n accountTypeFromArgs = argv[\"account-type\"];\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: accountTypeFromArgs ? null : \"select\",\n name: \"accountType\",\n message: reset(\"Account Type:\"),\n initial: 0,\n choices: ACCOUNT_TYPES.map(accountType => ({\n title: accountType.title,\n description: accountType.description,\n value: accountType.value,\n })),\n },\n {\n type: (_, { template, accountType }: { template?: string; accountType?: string }) =>\n enableOnrampFromArgs !== undefined ||\n (templateFromArgs || template) !== \"nextjs\" ||\n (accountTypeFromArgs || accountType) === \"solana\"\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 accountType: accountTypeFromArgs || result.accountType,\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 customizeSignedInScreen,\n customizeReactNativeFiles,\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 accountType,\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 accountType,\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.accountType - The account type to configure\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 accountType,\n enableOnramp,\n apiKeyId,\n apiKeySecret,\n}: {\n templateDir: string;\n root: string;\n appName: string;\n projectId?: string;\n accountType: string;\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 accountType,\n enableOnramp,\n });\n }\n };\n\n const isNextjs = templateDir.includes(\"nextjs\");\n const isReactNative = templateDir.includes(\"react-native\");\n\n // Get React Native customizations if needed\n const reactNativeCustomizations = isReactNative\n ? customizeReactNativeFiles(templateDir, appName)\n : null;\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 accountType,\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 (accountType === \"evm-smart\") {\n console.log(\"Configuring Smart Accounts in environment\");\n } else if (accountType === \"solana\") {\n console.log(\"Configuring Solana accounts in environment\");\n }\n writeFileToTarget(\".env\", customizedEnv);\n } else if (file === \"app.json\" && isReactNative && reactNativeCustomizations?.appJson) {\n writeFileToTarget(file, reactNativeCustomizations.appJson);\n } else {\n writeFileToTarget(file);\n }\n }\n\n // Handle account type configuration in config files\n if (accountType !== \"evm-eoa\" && !isReactNative) {\n const configFileName = isNextjs ? \"src/components/Providers.tsx\" : \"src/config.ts\";\n const customizedConfig = customizeConfig(templateDir, accountType, isNextjs);\n if (customizedConfig) {\n if (accountType === \"evm-smart\") {\n console.log(\"Configuring Smart Accounts in application config\");\n } else if (accountType === \"solana\") {\n console.log(\"Configuring Solana accounts in application config\");\n }\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(accountType);\n writeFileToTarget(\"Transaction.tsx\", transactionContent);\n } else {\n // Customize SignedInScreen to import the correct transaction component\n const signedInScreenFileName = isNextjs\n ? \"src/components/SignedInScreen.tsx\"\n : \"src/SignedInScreen.tsx\";\n const customizedSignedInScreen = customizeSignedInScreen(templateDir, accountType, isNextjs);\n writeFileToTarget(signedInScreenFileName, customizedSignedInScreen);\n\n // Also customize SignedInScreenWithOnramp for Next.js (EVM only)\n if (isNextjs) {\n const onrampFileName = \"src/components/SignedInScreenWithOnramp.tsx\";\n const customizedOnrampScreen = customizeSignedInScreen(\n templateDir,\n accountType,\n isNextjs,\n \"SignedInScreenWithOnramp.tsx\",\n );\n writeFileToTarget(onrampFileName, customizedOnrampScreen);\n }\n }\n\n // Apply React Native specific customizations\n if (isReactNative && reactNativeCustomizations) {\n // Write customized React Native files\n if (reactNativeCustomizations.infoPlist) {\n writeFileToTarget(\"ios/reactnativeexpo/Info.plist\", reactNativeCustomizations.infoPlist);\n }\n if (reactNativeCustomizations.buildGradle) {\n writeFileToTarget(\"android/app/build.gradle\", reactNativeCustomizations.buildGradle);\n }\n if (reactNativeCustomizations.xcodeProject) {\n writeFileToTarget(\n \"ios/reactnativeexpo.xcodeproj/project.pbxproj\",\n reactNativeCustomizations.xcodeProject,\n );\n }\n\n // Create new package directory structure for Android Kotlin files\n const newPackageDir = path.join(\n root,\n \"android/app/src/main/java\",\n reactNativeCustomizations.newPackagePath,\n );\n fs.mkdirSync(newPackageDir, { recursive: true });\n\n if (reactNativeCustomizations.mainActivity) {\n const newMainActivityPath = path.join(\n \"android/app/src/main/java\",\n reactNativeCustomizations.newPackagePath,\n \"MainActivity.kt\",\n );\n writeFileToTarget(newMainActivityPath, reactNativeCustomizations.mainActivity);\n }\n if (reactNativeCustomizations.mainApplication) {\n const newMainApplicationPath = path.join(\n \"android/app/src/main/java\",\n reactNativeCustomizations.newPackagePath,\n \"MainApplication.kt\",\n );\n writeFileToTarget(newMainApplicationPath, reactNativeCustomizations.mainApplication);\n }\n\n // Remove old package directory\n const oldPackageDir = path.join(\n root,\n \"android/app/src/main/java/com/anonymous/reactnativeexpo\",\n );\n if (fs.existsSync(oldPackageDir)) {\n fs.rmSync(oldPackageDir, { recursive: true, force: true });\n }\n\n // Update android/gradlew permissions so that the template is runnable\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 accountType - The account type to generate component for\n * @returns The generated Transaction component content\n */\nfunction generateTransactionComponent(accountType: string): string {\n if (accountType === \"evm-smart\") {\n return `export { default } from \"./SmartAccountTransaction\";`;\n } else if (accountType === \"solana\") {\n return `export { default } from \"./SolanaTransaction\";`;\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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/create-cdp-app",
3
- "version": "0.0.36",
3
+ "version": "0.0.38",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
package/template-nextjs/README.md CHANGED
@@ -94,11 +94,12 @@ Visit [http://localhost:3000](http://localhost:3000) to see your app.
94
94
  This template comes with:
95
95
  - Next.js 15 App Router
96
96
  - CDP React components for authentication and wallet management
97
- - Example transaction components for Base Sepolia
97
+ - Example transaction components for Base Sepolia (EVM) and Solana Devnet
98
+ - Support for EVM EOA, EVM Smart Accounts, and Solana account types
98
99
  - Built-in TypeScript support
99
100
  - ESLint with Next.js configuration
100
101
  - Viem for type-safe Ethereum interactions
101
- - Optional Onramp API integration
102
+ - Optional Onramp API integration (EVM only)
102
103
 
103
104
  ## Learn More
104
105
 
package/template-nextjs/env.example CHANGED
@@ -3,6 +3,8 @@ NEXT_PUBLIC_CDP_PROJECT_ID=example-id
3
3
 
4
4
  # Ethereum Account type: "eoa" for regular accounts, "smart" for Smart Accounts (gasless transactions and improved UX)
5
5
  NEXT_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE=eoa
6
+ # Whether to create a Solana Account
7
+ NEXT_PUBLIC_CDP_CREATE_SOLANA_ACCOUNT=false
6
8
 
7
9
  # CDP API Key
8
10
  # CDP_API_KEY_ID=your-api-key-id
package/template-nextjs/package.json CHANGED
@@ -18,7 +18,9 @@
18
18
  "@coinbase/cdp-react": "latest",
19
19
  "@coinbase/cdp-hooks": "latest",
20
20
  "@coinbase/cdp-core": "latest",
21
- "viem": "^2.8.6"
21
+ "viem": "^2.8.6",
22
+ "@solana/web3.js": "^1.98.4",
23
+ "buffer": "^6.0.3"
22
24
  },
23
25
  "devDependencies": {
24
26
  "@types/node": "^20",
package/template-nextjs/public/sol.svg ADDED
@@ -0,0 +1,13 @@
1
+ <svg width="101" height="88" viewBox="0 0 101 88" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M100.48 69.3817L83.8068 86.8015C83.4444 87.1799 83.0058 87.4816 82.5185 87.6878C82.0312 87.894 81.5055 88.0003 80.9743 88H1.93563C1.55849 88 1.18957 87.8926 0.874202 87.6912C0.558829 87.4897 0.31074 87.2029 0.160416 86.8659C0.0100923 86.529 -0.0359181 86.1566 0.0280382 85.7945C0.0919944 85.4324 0.263131 85.0964 0.520422 84.8278L17.2061 67.408C17.5676 67.0306 18.0047 66.7295 18.4904 66.5234C18.9762 66.3172 19.5002 66.2104 20.0301 66.2095H99.0644C99.4415 66.2095 99.8104 66.3169 100.126 66.5183C100.441 66.7198 100.689 67.0067 100.84 67.3436C100.99 67.6806 101.036 68.0529 100.972 68.415C100.908 68.7771 100.737 69.1131 100.48 69.3817ZM83.8068 34.3032C83.4444 33.9248 83.0058 33.6231 82.5185 33.4169C82.0312 33.2108 81.5055 33.1045 80.9743 33.1048H1.93563C1.55849 33.1048 1.18957 33.2121 0.874202 33.4136C0.558829 33.6151 0.31074 33.9019 0.160416 34.2388C0.0100923 34.5758 -0.0359181 34.9482 0.0280382 35.3103C0.0919944 35.6723 0.263131 36.0083 0.520422 36.277L17.2061 53.6968C17.5676 54.0742 18.0047 54.3752 18.4904 54.5814C18.9762 54.7875 19.5002 54.8944 20.0301 54.8952H99.0644C99.4415 54.8952 99.8104 54.7879 100.126 54.5864C100.441 54.3849 100.689 54.0981 100.84 53.7612C100.99 53.4242 101.036 53.0518 100.972 52.6897C100.908 52.3277 100.737 51.9917 100.48 51.723L83.8068 34.3032ZM1.93563 21.7905H80.9743C81.5055 21.7907 82.0312 21.6845 82.5185 21.4783C83.0058 21.2721 83.4444 20.9704 83.8068 20.592L100.48 3.17219C100.737 2.90357 100.908 2.56758 100.972 2.2055C101.036 1.84342 100.99 1.47103 100.84 1.13408C100.689 0.79713 100.441 0.510296 100.126 0.308823C99.8104 0.107349 99.4415 1.24074e-05 99.0644 0L20.0301 0C19.5002 0.000878397 18.9762 0.107699 18.4904 0.313848C18.0047 0.519998 17.5676 0.821087 17.2061 1.19848L0.524723 18.6183C0.267681 18.8866 0.0966198 19.2223 0.0325185 19.5839C-0.0315829 19.9456 0.0140624 20.3177 0.163856 20.6545C0.31365 20.9913 0.561081 21.2781 0.875804 21.4799C1.19053 21.6817 1.55886 21.7896 1.93563 21.7905Z" fill="url(#paint0_linear_174_4403)"/>
3
+ <defs>
4
+ <linearGradient id="paint0_linear_174_4403" x1="8.52558" y1="90.0973" x2="88.9933" y2="-3.01622" gradientUnits="userSpaceOnUse">
5
+ <stop offset="0.08" stop-color="#9945FF"/>
6
+ <stop offset="0.3" stop-color="#8752F3"/>
7
+ <stop offset="0.5" stop-color="#5497D5"/>
8
+ <stop offset="0.6" stop-color="#43B4CA"/>
9
+ <stop offset="0.72" stop-color="#28E0B9"/>
10
+ <stop offset="0.97" stop-color="#19FB9B"/>
11
+ </linearGradient>
12
+ </defs>
13
+ </svg>
package/template-nextjs/src/app/globals.css CHANGED
@@ -341,6 +341,12 @@ header .wallet-address {
341
341
  margin: 0;
342
342
  }
343
343
 
344
+ .transaction-result {
345
+ display: flex;
346
+ flex-direction: column;
347
+ align-items: center;
348
+ }
349
+
344
350
  @media (min-width: 540px) {
345
351
  .header-inner {
346
352
  flex-direction: row;
package/template-nextjs/src/components/Providers.tsx CHANGED
@@ -1,7 +1,6 @@
1
1
  "use client";
2
2
 
3
- import { type Config } from "@coinbase/cdp-hooks";
4
- import { CDPReactProvider, type AppConfig } from "@coinbase/cdp-react/components/CDPReactProvider";
3
+ import { CDPReactProvider, type Config } from "@coinbase/cdp-react/components/CDPReactProvider";
5
4
 
6
5
  import { theme } from "@/components/theme";
7
6
 
@@ -9,19 +8,38 @@ interface ProvidersProps {
9
8
  children: React.ReactNode;
10
9
  }
11
10
 
12
- const CDP_CONFIG: Config = {
11
+ const ethereumAccountType = process.env.NEXT_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE
12
+ ? process.env.NEXT_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE === "smart"
13
+ ? "smart"
14
+ : "eoa"
15
+ : undefined;
16
+
17
+ const solanaAccountType = process.env.NEXT_PUBLIC_CDP_CREATE_SOLANA_ACCOUNT
18
+ ? process.env.NEXT_PUBLIC_CDP_CREATE_SOLANA_ACCOUNT === "true"
19
+ : undefined;
20
+
21
+ if (!ethereumAccountType && !solanaAccountType) {
22
+ throw new Error(
23
+ "Either NEXT_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE or NEXT_PUBLIC_CDP_CREATE_SOLANA_ACCOUNT must be defined",
24
+ );
25
+ }
26
+
27
+ const CDP_CONFIG = {
13
28
  projectId: process.env.NEXT_PUBLIC_CDP_PROJECT_ID ?? "",
14
- ethereum: {
15
- createOnLogin:
16
- process.env.NEXT_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE === "smart" ? "smart" : "eoa",
17
- },
18
- };
19
-
20
- const APP_CONFIG: AppConfig = {
21
- name: "CDP Next.js StarterKit",
22
- logoUrl: "http://localhost:3000/logo.svg",
29
+ ...(ethereumAccountType && {
30
+ ethereum: {
31
+ createOnLogin: ethereumAccountType,
32
+ },
33
+ }),
34
+ ...(solanaAccountType && {
35
+ solana: {
36
+ createOnLogin: solanaAccountType,
37
+ },
38
+ }),
39
+ appName: "CDP Next.js StarterKit",
40
+ appLogoUrl: "http://localhost:3000/logo.svg",
23
41
  authMethods: ["email", "sms"],
24
- };
42
+ } as Config;
25
43
 
26
44
  /**
27
45
  * Providers component that wraps the application in all requisite providers
@@ -32,7 +50,7 @@ const APP_CONFIG: AppConfig = {
32
50
  */
33
51
  export default function Providers({ children }: ProvidersProps) {
34
52
  return (
35
- <CDPReactProvider config={CDP_CONFIG} app={APP_CONFIG} theme={theme}>
53
+ <CDPReactProvider config={CDP_CONFIG} theme={theme}>
36
54
  {children}
37
55
  </CDPReactProvider>
38
56
  );
package/template-nextjs/src/components/SignedInScreen.tsx CHANGED
@@ -1,14 +1,28 @@
1
1
  "use client";
2
2
 
3
- import { useEvmAddress, useIsSignedIn } from "@coinbase/cdp-hooks";
4
- import { useCallback, useEffect, useMemo, useState } from "react";
3
+ import { useEvmAddress, useSolanaAddress, useIsSignedIn } from "@coinbase/cdp-hooks";
4
+ import { Connection, clusterApiUrl, LAMPORTS_PER_SOL, PublicKey } from "@solana/web3.js";
5
+ import { useCallback, useEffect, useMemo, useState, lazy, Suspense } from "react";
5
6
  import { createPublicClient, http, formatEther } from "viem";
6
7
  import { baseSepolia } from "viem/chains";
7
8
 
8
9
  import Header from "@/components/Header";
9
- import Transaction from "@/components/Transaction";
10
10
  import UserBalance from "@/components/UserBalance";
11
11
 
12
+ const isSolana = process.env.NEXT_PUBLIC_CDP_CREATE_SOLANA_ACCOUNT === "true";
13
+ const isSmartAccount = process.env.NEXT_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE === "smart";
14
+
15
+ // Dynamically import components based on configuration
16
+ const TransactionComponent = lazy(() => {
17
+ if (isSolana) {
18
+ return import("@/components/SolanaTransaction");
19
+ } else if (isSmartAccount) {
20
+ return import("@/components/SmartAccountTransaction");
21
+ } else {
22
+ return import("@/components/EOATransaction");
23
+ }
24
+ });
25
+
12
26
  /**
13
27
  * Create a viem client to access user's balance on the Base Sepolia network
14
28
  */
@@ -17,26 +31,46 @@ const client = createPublicClient({
17
31
  transport: http(),
18
32
  });
19
33
 
34
+ /**
35
+ * Create a Solana connection to access user's balance on Solana Devnet
36
+ */
37
+ const solanaConnection = new Connection(clusterApiUrl("devnet"));
38
+
20
39
  /**
21
40
  * The Signed In screen
22
41
  */
23
42
  export default function SignedInScreen() {
24
43
  const { isSignedIn } = useIsSignedIn();
25
44
  const { evmAddress } = useEvmAddress();
45
+ const { solanaAddress } = useSolanaAddress();
26
46
  const [balance, setBalance] = useState<bigint | undefined>(undefined);
27
47
 
48
+ const address = isSolana ? solanaAddress : evmAddress;
49
+
28
50
  const formattedBalance = useMemo(() => {
29
51
  if (balance === undefined) return undefined;
30
- return formatEther(balance);
31
- }, [balance]);
52
+ if (isSolana) {
53
+ // Convert lamports to SOL
54
+ return formatSol(Number(balance));
55
+ } else {
56
+ // Convert wei to ETH
57
+ return formatEther(balance);
58
+ }
59
+ }, [balance, isSolana]);
32
60
 
33
61
  const getBalance = useCallback(async () => {
34
- if (!evmAddress) return;
35
- const balance = await client.getBalance({
36
- address: evmAddress,
37
- });
38
- setBalance(balance);
39
- }, [evmAddress]);
62
+ if (isSolana && solanaAddress) {
63
+ // Get Solana balance in lamports
64
+ const lamports = await solanaConnection.getBalance(new PublicKey(solanaAddress));
65
+ setBalance(BigInt(lamports));
66
+ } else if (!isSolana && evmAddress) {
67
+ // Get EVM balance in wei
68
+ const weiBalance = await client.getBalance({
69
+ address: evmAddress,
70
+ });
71
+ setBalance(weiBalance);
72
+ }
73
+ }, [evmAddress, solanaAddress, isSolana]);
40
74
 
41
75
  useEffect(() => {
42
76
  getBalance();
@@ -52,13 +86,15 @@ export default function SignedInScreen() {
52
86
  <div className="card card--user-balance">
53
87
  <UserBalance
54
88
  balance={formattedBalance}
55
- faucetName="Base Sepolia Faucet"
56
- faucetUrl="https://portal.cdp.coinbase.com/products/faucet"
89
+ faucetName={isSolana ? "Solana Faucet" : "Base Sepolia Faucet"}
90
+ faucetUrl={`https://portal.cdp.coinbase.com/products/faucet${isSolana ? "?network=solana-devnet" : ""}`}
57
91
  />
58
92
  </div>
59
93
  <div className="card card--transaction">
60
- {isSignedIn && evmAddress && (
61
- <Transaction balance={formattedBalance} onSuccess={getBalance} />
94
+ {isSignedIn && address && (
95
+ <Suspense fallback={<div>Loading transaction component...</div>}>
96
+ <TransactionComponent balance={formattedBalance} onSuccess={getBalance} />
97
+ </Suspense>
62
98
  )}
63
99
  </div>
64
100
  </div>
@@ -66,3 +102,15 @@ export default function SignedInScreen() {
66
102
  </>
67
103
  );
68
104
  }
105
+
106
+ /**
107
+ * Format a Solana balance.
108
+ *
109
+ * @param lamports - The balance in lamports.
110
+ * @returns The formatted balance.
111
+ */
112
+ function formatSol(lamports: number) {
113
+ const maxDecimalPlaces = 9;
114
+ const roundedStr = (lamports / LAMPORTS_PER_SOL).toFixed(maxDecimalPlaces);
115
+ return roundedStr.replace(/0+$/, "").replace(/\.$/, "");
116
+ }
package/template-nextjs/src/components/SignedInScreenWithOnramp.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
 
3
3
  import { useEvmAddress, useIsSignedIn } from "@coinbase/cdp-hooks";
4
- import { useCallback, useEffect, useMemo, useState } from "react";
4
+ import { useCallback, useEffect, useMemo, useState, lazy, Suspense } from "react";
5
5
  import {
6
6
  createPublicClient,
7
7
  http,
@@ -14,9 +14,21 @@ import { baseSepolia, base } from "viem/chains";
14
14
 
15
15
  import FundWallet from "@/components/FundWallet";
16
16
  import Header from "@/components/Header";
17
- import Transaction from "@/components/Transaction";
18
17
  import UserBalance from "@/components/UserBalance";
19
18
 
19
+ // Dynamically determine component path (Onramp only supports EVM for now, Solana support will be added later)
20
+ const getComponentPath = () => {
21
+ const isSmartAccount = process.env.NEXT_PUBLIC_CDP_CREATE_ETHEREUM_ACCOUNT_TYPE === "smart";
22
+
23
+ if (isSmartAccount) {
24
+ return "@/components/SmartAccountTransaction";
25
+ } else {
26
+ return "@/components/EOATransaction";
27
+ }
28
+ };
29
+
30
+ const TransactionComponent = lazy(() => import(/* @vite-ignore */ getComponentPath()));
31
+
20
32
  /**
21
33
  * Create a viem client to access user's balance on the Base network
22
34
  */
@@ -70,6 +82,8 @@ export default function SignedInScreen() {
70
82
  const { isSignedIn } = useIsSignedIn();
71
83
  const { evmAddress } = useEvmAddress();
72
84
 
85
+ // Onramp only supports EVM accounts
86
+
73
87
  const { formattedBalance, getBalance } = useBalance(evmAddress, client, true);
74
88
  const { formattedBalance: formattedBalanceSepolia, getBalance: getBalanceSepolia } = useBalance(
75
89
  evmAddress,
@@ -102,7 +116,12 @@ export default function SignedInScreen() {
102
116
  </div>
103
117
  <div className="card card--transaction">
104
118
  {isSignedIn && evmAddress && (
105
- <Transaction balance={formattedBalanceSepolia} onSuccess={getBalanceSepolia} />
119
+ <Suspense fallback={<div>Loading transaction component...</div>}>
120
+ <TransactionComponent
121
+ balance={formattedBalanceSepolia}
122
+ onSuccess={getBalanceSepolia}
123
+ />
124
+ </Suspense>
106
125
  )}
107
126
  </div>
108
127
  </div>