@coinbase/create-cdp-app 0.0.27 → 0.0.29

package/dist/index.js

@@ -390,6 +390,12 @@ function copyTemplateFiles({
     const transactionContent = generateTransactionComponent(useSmartAccounts);
     writeFileToTarget(transactionFileName, transactionContent);
   }
+  if (isReactNative) {
+    const gradlewPath = path.join(root, "android", "gradlew");
+    if (fs.existsSync(gradlewPath)) {
+      fs.chmodSync(gradlewPath, 493);
+    }
+  }
 }
 function generateTransactionComponent(useSmartAccounts) {
   if (useSmartAccounts) {

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(\n            \"Enable Coinbase Onramp? (Onramp enables users to buy crypto with fiat) -- NOTE: EXPERIMENTAL FEATURE\",\n          ),\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\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/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(\n            \"Enable Coinbase Onramp? (Onramp enables users to buy crypto with fiat) -- NOTE: EXPERIMENTAL FEATURE\",\n          ),\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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/create-cdp-app",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

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

@@ -9,6 +9,8 @@
   --cdp-example-accent-hover-color: #016969;
   --cdp-example-accent-foreground-color: #ffffff;
   --cdp-example-bg-low-contrast-color: #eeeeee;
+  --cdp-example-cdp-page-bg-color: #ffffff;
+  --cdp-example-cdp-page-bg-alt-color: #eef0f3;
   --cdp-example-card-bg-color: #ffffff;
   --cdp-example-card-border-color: #dcdcdc;
   --cdp-example-card-max-width: 30rem;
@@ -40,6 +42,8 @@
     --cdp-example-accent-hover-color: #04c0c0;
     --cdp-example-accent-foreground-color: #0a0b0d;
     --cdp-example-bg-low-contrast-color: #32353d;
+    --cdp-example-cdp-page-bg-color: #0a0b0d;
+    --cdp-example-cdp-page-bg-alt-color: #333333;
     --cdp-example-card-bg-color: #141519;
     --cdp-example-card-border-color: #24262a;
   }

package/template-nextjs/src/components/FundWallet.tsx

@@ -27,8 +27,8 @@ export default function FundWallet({ onSuccess }: { onSuccess: () => void }) {
       <FundModal
         country="US"
         subdivision="CA"
-        cryptoCurrency="ETH"
-        fiatCurrency="USD"
+        cryptoCurrency="eth"
+        fiatCurrency="usd"
         fetchBuyQuote={fetchBuyQuote}
         fetchBuyOptions={fetchBuyOptions}
         network="base"

package/template-nextjs/src/components/theme.ts

@@ -1,8 +1,8 @@
 import { type Theme } from "@coinbase/cdp-react/theme";
 
 export const theme: Partial<Theme> = {
-  "colors-bg-alternate": "var(--cdp-example-page-bg-alt-color)",
-  "colors-bg-default": "var(--cdp-example-card-bg-color)",
+  "colors-bg-alternate": "var(--cdp-example-cdp-page-bg-alt-color)",
+  "colors-bg-default": "var(--cdp-example-cdp-page-bg-color)",
   "colors-bg-overlay": "var(--cdp-example-bg-overlay-color)",
   "colors-bg-skeleton": "var(--cdp-example-bg-skeleton-color)",
   "colors-bg-primary": "var(--cdp-example-accent-color)",

package/template-react/src/index.css

@@ -9,6 +9,8 @@
   --cdp-example-accent-hover-color: #016969;
   --cdp-example-accent-foreground-color: #ffffff;
   --cdp-example-bg-low-contrast-color: #eeeeee;
+  --cdp-example-cdp-page-bg-color: #ffffff;
+  --cdp-example-cdp-page-bg-alt-color: #eef0f3;
   --cdp-example-card-bg-color: #ffffff;
   --cdp-example-card-border-color: #dcdcdc;
   --cdp-example-card-max-width: 30rem;
@@ -40,6 +42,8 @@
     --cdp-example-accent-hover-color: #04c0c0;
     --cdp-example-accent-foreground-color: #0a0b0d;
     --cdp-example-bg-low-contrast-color: #32353d;
+    --cdp-example-cdp-page-bg-color: #0a0b0d;
+    --cdp-example-cdp-page-bg-alt-color: #333333;
     --cdp-example-card-bg-color: #141519;
     --cdp-example-card-border-color: #24262a;
   }

package/template-react/src/theme.ts

@@ -1,8 +1,8 @@
 import { type Theme } from "@coinbase/cdp-react/theme";
 
 export const theme: Partial<Theme> = {
-  "colors-bg-alternate": "var(--cdp-example-page-bg-alt-color)",
-  "colors-bg-default": "var(--cdp-example-card-bg-color)",
+  "colors-bg-alternate": "var(--cdp-example-cdp-page-bg-alt-color)",
+  "colors-bg-default": "var(--cdp-example-cdp-page-bg-color)",
   "colors-bg-overlay": "var(--cdp-example-bg-overlay-color)",
   "colors-bg-skeleton": "var(--cdp-example-bg-skeleton-color)",
   "colors-bg-primary": "var(--cdp-example-accent-color)",