@getpara/create-para-app 0.1.0 → 0.2.0

package/{src/integrations/codeGenerators.ts → dist/src/integrations/codeGenerators.js}

@@ -1,55 +1,45 @@
-export function getEnvFileContent(apiKey: string, isNext: boolean): string {
-  return isNext ? `NEXT_PUBLIC_PARA_API_KEY=${apiKey}\n` : `VITE_PARA_API_KEY=${apiKey}\n`;
+export function getEnvFileContent(apiKey, isNext) {
+    return isNext ? `NEXT_PUBLIC_PARA_API_KEY=${apiKey}\n` : `VITE_PARA_API_KEY=${apiKey}\n`;
 }
-
-export function getParaClientCode(isNext: boolean, isTypescript: boolean): string {
-  if (isNext && !isTypescript) {
-    return `import { Environment, ParaWeb } from "@getpara/react-sdk";
+export function getParaClientCode(isNext, isTypescript) {
+    if (isNext && !isTypescript) {
+        return `import { Environment, ParaWeb } from "@getpara/react-sdk";
 
 const API_KEY = process.env.NEXT_PUBLIC_PARA_API_KEY;
 export const para = new ParaWeb(Environment.BETA, API_KEY);
 `;
-  }
-  if (isNext && isTypescript) {
-    return `import { Environment, ParaWeb } from "@getpara/react-sdk";
+    }
+    if (isNext && isTypescript) {
+        return `import { Environment, ParaWeb } from "@getpara/react-sdk";
 
 const API_KEY: string | undefined = process.env.NEXT_PUBLIC_PARA_API_KEY;
 export const para = new ParaWeb(Environment.BETA, API_KEY || "");
 `;
-  }
-  if (!isNext && !isTypescript) {
-    return `import { Environment, ParaWeb } from "@getpara/react-sdk";
+    }
+    if (!isNext && !isTypescript) {
+        return `import { Environment, ParaWeb } from "@getpara/react-sdk";
 
 const API_KEY = import.meta.env.VITE_PARA_API_KEY;
 export const para = new ParaWeb(Environment.BETA, API_KEY);
 `;
-  }
-  return `import { Environment, ParaWeb } from "@getpara/react-sdk";
+    }
+    return `import { Environment, ParaWeb } from "@getpara/react-sdk";
 
 const API_KEY: string | undefined = import.meta.env.VITE_PARA_API_KEY;
 export const para = new ParaWeb(Environment.BETA, API_KEY || "");
 `;
 }
-
-export function getWalletProviderCodeNextjs(networks: string[], noAppRouter: boolean): { fileName: string; code: string }[] {
-  const result: { fileName: string; code: string }[] = [];
-  if (!noAppRouter) {
-    const lines: string[] = [];
-    lines.push(
-      `"use client";`,
-      `import React, { PropsWithChildren } from "react";`,
-      `import { para } from "@/client/para";`,
-      `import { QueryClient, QueryClientProvider } from "@tanstack/react-query";`,
-    );
-    let needQueryClient = false;
-    let nest = '{children}';
-    if (networks.includes('evm')) {
-      needQueryClient = true;
-      lines.push(
-        `import { ParaEvmProvider, walletConnectWallet, metaMaskWallet, rabbyWallet, rainbowWallet, coinbaseWallet, zerionWallet } from "@getpara/evm-wallet-connectors";`,
-        `import { sepolia, celo, mainnet, polygon } from "wagmi/chains";`,
-      );
-      nest = `
+export function getWalletProviderCodeNextjs(networks, noAppRouter) {
+    const result = [];
+    if (!noAppRouter) {
+        const lines = [];
+        lines.push(`"use client";`, `import React, { PropsWithChildren } from "react";`, `import { para } from "@/client/para";`, `import { QueryClient, QueryClientProvider } from "@tanstack/react-query";`);
+        let needQueryClient = false;
+        let nest = '{children}';
+        if (networks.includes('evm')) {
+            needQueryClient = true;
+            lines.push(`import { ParaEvmProvider, walletConnectWallet, metaMaskWallet, rabbyWallet, rainbowWallet, coinbaseWallet, zerionWallet } from "@getpara/evm-wallet-connectors";`, `import { sepolia, celo, mainnet, polygon } from "wagmi/chains";`);
+            nest = `
   <ParaEvmProvider
     config={{
       projectId: "YOUR_PROJECT_ID",
@@ -62,15 +52,11 @@ export function getWalletProviderCodeNextjs(networks: string[], noAppRouter: boo
     ${nest}
   </ParaEvmProvider>
   `;
-    }
-    if (networks.includes('solana')) {
-      needQueryClient = true;
-      lines.push(
-        `import { ParaSolanaProvider, glowWallet, phantomWallet, backpackWallet } from "@getpara/solana-wallet-connectors";`,
-        `import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";`,
-        `import { clusterApiUrl } from "@solana/web3.js";`,
-      );
-      nest = `
+        }
+        if (networks.includes('solana')) {
+            needQueryClient = true;
+            lines.push(`import { ParaSolanaProvider, glowWallet, phantomWallet, backpackWallet } from "@getpara/solana-wallet-connectors";`, `import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";`, `import { clusterApiUrl } from "@solana/web3.js";`);
+            nest = `
   <ParaSolanaProvider
     endpoint={clusterApiUrl(WalletAdapterNetwork.Devnet)}
     wallets={[glowWallet, phantomWallet, backpackWallet]}
@@ -83,14 +69,11 @@ export function getWalletProviderCodeNextjs(networks: string[], noAppRouter: boo
     ${nest}
   </ParaSolanaProvider>
   `;
-    }
-    if (networks.includes('cosmos')) {
-      needQueryClient = true;
-      lines.push(
-        `import { ParaCosmosProvider, keplrWallet, leapWallet } from "@getpara/cosmos-wallet-connectors";`,
-        `import { cosmoshub } from "@getpara/graz/chains";`,
-      );
-      nest = `
+        }
+        if (networks.includes('cosmos')) {
+            needQueryClient = true;
+            lines.push(`import { ParaCosmosProvider, keplrWallet, leapWallet } from "@getpara/cosmos-wallet-connectors";`, `import { cosmoshub } from "@getpara/graz/chains";`);
+            nest = `
   <ParaCosmosProvider
     chains={[{
       ...cosmoshub,
@@ -107,16 +90,16 @@ export function getWalletProviderCodeNextjs(networks: string[], noAppRouter: boo
     ${nest}
   </ParaCosmosProvider>
   `;
-    }
-    const queryClientSetup = needQueryClient ? `const queryClient = new QueryClient();` : '';
-    if (needQueryClient) {
-      nest = `
+        }
+        const queryClientSetup = needQueryClient ? `const queryClient = new QueryClient();` : '';
+        if (needQueryClient) {
+            nest = `
   <QueryClientProvider client={queryClient}>
     ${nest}
   </QueryClientProvider>
   `;
-    }
-    lines.push(`
+        }
+        lines.push(`
   ${queryClientSetup}
   
   export function ParaWalletsProvider({ children }: PropsWithChildren) {
@@ -127,32 +110,25 @@ export function getWalletProviderCodeNextjs(networks: string[], noAppRouter: boo
     );
   }
   `);
-    result.push({ fileName: 'ParaWalletsProvider', code: lines.join('\n') });
-  } else {
-    const dynamicImport: string[] = [];
-    dynamicImport.push(`import React, { PropsWithChildren } from "react";`, `import dynamic from "next/dynamic";`);
-    dynamicImport.push(`
+        result.push({ fileName: 'ParaWalletsProvider', code: lines.join('\n') });
+    }
+    else {
+        const dynamicImport = [];
+        dynamicImport.push(`import React, { PropsWithChildren } from "react";`, `import dynamic from "next/dynamic";`);
+        dynamicImport.push(`
   export const ParaWalletsProvider = dynamic(() => import("./ParaWalletsProviderFull").then(m => m.ParaWalletsProviderFull), {
     ssr: false
   });
   `);
-    result.push({ fileName: 'ParaWalletsProvider', code: dynamicImport.join('\n') });
-    const fullProvider: string[] = [];
-    fullProvider.push(
-      `"use client";`,
-      `import React, { PropsWithChildren } from "react";`,
-      `import { para } from "@/client/para";`,
-      `import { QueryClient, QueryClientProvider } from "@tanstack/react-query";`,
-    );
-    let needQueryClient = false;
-    let nest = '{children}';
-    if (networks.includes('evm')) {
-      needQueryClient = true;
-      fullProvider.push(
-        `import { ParaEvmProvider, walletConnectWallet, metaMaskWallet, rabbyWallet, rainbowWallet, coinbaseWallet, zerionWallet } from "@getpara/evm-wallet-connectors";`,
-        `import { sepolia, celo, mainnet, polygon } from "wagmi/chains";`,
-      );
-      nest = `
+        result.push({ fileName: 'ParaWalletsProvider', code: dynamicImport.join('\n') });
+        const fullProvider = [];
+        fullProvider.push(`"use client";`, `import React, { PropsWithChildren } from "react";`, `import { para } from "@/client/para";`, `import { QueryClient, QueryClientProvider } from "@tanstack/react-query";`);
+        let needQueryClient = false;
+        let nest = '{children}';
+        if (networks.includes('evm')) {
+            needQueryClient = true;
+            fullProvider.push(`import { ParaEvmProvider, walletConnectWallet, metaMaskWallet, rabbyWallet, rainbowWallet, coinbaseWallet, zerionWallet } from "@getpara/evm-wallet-connectors";`, `import { sepolia, celo, mainnet, polygon } from "wagmi/chains";`);
+            nest = `
   <ParaEvmProvider
     config={{
       projectId: "YOUR_PROJECT_ID",
@@ -165,15 +141,11 @@ export function getWalletProviderCodeNextjs(networks: string[], noAppRouter: boo
     ${nest}
   </ParaEvmProvider>
   `;
-    }
-    if (networks.includes('solana')) {
-      needQueryClient = true;
-      fullProvider.push(
-        `import { ParaSolanaProvider, glowWallet, phantomWallet, backpackWallet } from "@getpara/solana-wallet-connectors";`,
-        `import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";`,
-        `import { clusterApiUrl } from "@solana/web3.js";`,
-      );
-      nest = `
+        }
+        if (networks.includes('solana')) {
+            needQueryClient = true;
+            fullProvider.push(`import { ParaSolanaProvider, glowWallet, phantomWallet, backpackWallet } from "@getpara/solana-wallet-connectors";`, `import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";`, `import { clusterApiUrl } from "@solana/web3.js";`);
+            nest = `
   <ParaSolanaProvider
     endpoint={clusterApiUrl(WalletAdapterNetwork.Devnet)}
     wallets={[glowWallet, phantomWallet, backpackWallet]}
@@ -186,14 +158,11 @@ export function getWalletProviderCodeNextjs(networks: string[], noAppRouter: boo
     ${nest}
   </ParaSolanaProvider>
   `;
-    }
-    if (networks.includes('cosmos')) {
-      needQueryClient = true;
-      fullProvider.push(
-        `import { ParaCosmosProvider, keplrWallet, leapWallet } from "@getpara/cosmos-wallet-connectors";`,
-        `import { cosmoshub } from "@getpara/graz/chains";`,
-      );
-      nest = `
+        }
+        if (networks.includes('cosmos')) {
+            needQueryClient = true;
+            fullProvider.push(`import { ParaCosmosProvider, keplrWallet, leapWallet } from "@getpara/cosmos-wallet-connectors";`, `import { cosmoshub } from "@getpara/graz/chains";`);
+            nest = `
   <ParaCosmosProvider
     chains={[{
       ...cosmoshub,
@@ -210,16 +179,16 @@ export function getWalletProviderCodeNextjs(networks: string[], noAppRouter: boo
     ${nest}
   </ParaCosmosProvider>
   `;
-    }
-    const qSetup = needQueryClient ? `const queryClient = new QueryClient();` : '';
-    if (needQueryClient) {
-      nest = `
+        }
+        const qSetup = needQueryClient ? `const queryClient = new QueryClient();` : '';
+        if (needQueryClient) {
+            nest = `
   <QueryClientProvider client={queryClient}>
     ${nest}
   </QueryClientProvider>
   `;
-    }
-    fullProvider.push(`
+        }
+        fullProvider.push(`
   ${qSetup}
   
   export function ParaWalletsProviderFull({ children }: PropsWithChildren) {
@@ -230,27 +199,19 @@ export function getWalletProviderCodeNextjs(networks: string[], noAppRouter: boo
     );
   }
   `);
-    result.push({ fileName: 'ParaWalletsProviderFull', code: fullProvider.join('\n') });
-  }
-  return result;
+        result.push({ fileName: 'ParaWalletsProviderFull', code: fullProvider.join('\n') });
+    }
+    return result;
 }
-
-export function getWalletProviderCodeVite(networks: string[]): string {
-  const lines: string[] = [];
-  lines.push(
-    `import React, { PropsWithChildren } from "react";`,
-    `import { para } from "@/client/para";`,
-    `import { QueryClient, QueryClientProvider } from "@tanstack/react-query";`,
-  );
-  let needQueryClient = false;
-  let nest = '{children}';
-  if (networks.includes('evm')) {
-    needQueryClient = true;
-    lines.push(
-      `import { ParaEvmProvider, walletConnectWallet, metaMaskWallet, rabbyWallet, rainbowWallet, coinbaseWallet, zerionWallet } from "@getpara/evm-wallet-connectors";`,
-      `import { sepolia, celo, mainnet, polygon } from "wagmi/chains";`,
-    );
-    nest = `
+export function getWalletProviderCodeVite(networks) {
+    const lines = [];
+    lines.push(`import React, { PropsWithChildren } from "react";`, `import { para } from "@/client/para";`, `import { QueryClient, QueryClientProvider } from "@tanstack/react-query";`);
+    let needQueryClient = false;
+    let nest = '{children}';
+    if (networks.includes('evm')) {
+        needQueryClient = true;
+        lines.push(`import { ParaEvmProvider, walletConnectWallet, metaMaskWallet, rabbyWallet, rainbowWallet, coinbaseWallet, zerionWallet } from "@getpara/evm-wallet-connectors";`, `import { sepolia, celo, mainnet, polygon } from "wagmi/chains";`);
+        nest = `
   <ParaEvmProvider
     config={{
       projectId: "YOUR_PROJECT_ID",
@@ -263,15 +224,11 @@ export function getWalletProviderCodeVite(networks: string[]): string {
     ${nest}
   </ParaEvmProvider>
   `;
-  }
-  if (networks.includes('solana')) {
-    needQueryClient = true;
-    lines.push(
-      `import { ParaSolanaProvider, glowWallet, phantomWallet, backpackWallet } from "@getpara/solana-wallet-connectors";`,
-      `import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";`,
-      `import { clusterApiUrl } from "@solana/web3.js";`,
-    );
-    nest = `
+    }
+    if (networks.includes('solana')) {
+        needQueryClient = true;
+        lines.push(`import { ParaSolanaProvider, glowWallet, phantomWallet, backpackWallet } from "@getpara/solana-wallet-connectors";`, `import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";`, `import { clusterApiUrl } from "@solana/web3.js";`);
+        nest = `
   <ParaSolanaProvider
     endpoint={clusterApiUrl(WalletAdapterNetwork.Devnet)}
     wallets={[glowWallet, phantomWallet, backpackWallet]}
@@ -284,14 +241,11 @@ export function getWalletProviderCodeVite(networks: string[]): string {
     ${nest}
   </ParaSolanaProvider>
   `;
-  }
-  if (networks.includes('cosmos')) {
-    needQueryClient = true;
-    lines.push(
-      `import { ParaCosmosProvider, keplrWallet, leapWallet } from "@getpara/cosmos-wallet-connectors";`,
-      `import { cosmoshub } from "@getpara/graz/chains";`,
-    );
-    nest = `
+    }
+    if (networks.includes('cosmos')) {
+        needQueryClient = true;
+        lines.push(`import { ParaCosmosProvider, keplrWallet, leapWallet } from "@getpara/cosmos-wallet-connectors";`, `import { cosmoshub } from "@getpara/graz/chains";`);
+        nest = `
   <ParaCosmosProvider
     chains={[{
       ...cosmoshub,
@@ -308,16 +262,16 @@ export function getWalletProviderCodeVite(networks: string[]): string {
     ${nest}
   </ParaCosmosProvider>
   `;
-  }
-  const queryClientSetup = needQueryClient ? `const queryClient = new QueryClient();` : '';
-  if (needQueryClient) {
-    nest = `
+    }
+    const queryClientSetup = needQueryClient ? `const queryClient = new QueryClient();` : '';
+    if (needQueryClient) {
+        nest = `
   <QueryClientProvider client={queryClient}>
     ${nest}
   </QueryClientProvider>
   `;
-  }
-  lines.push(`
+    }
+    lines.push(`
   ${queryClientSetup}
   
   export function ParaWalletsProvider({ children }: PropsWithChildren) {
@@ -328,13 +282,12 @@ export function getWalletProviderCodeVite(networks: string[]): string {
     );
   }
   `);
-  return lines.join('\n');
+    return lines.join('\n');
 }
-
-export function getHelloParaFile(tailwind: boolean, isTypescript: boolean, isNext: boolean): string {
-  if (tailwind) {
-    const ext = isTypescript ? 'tsx' : 'jsx';
-    return `export default function HelloPara({ children }: { children: React.ReactNode }) {
+export function getHelloParaFile(tailwind, isTypescript, isNext) {
+    if (tailwind) {
+        const ext = isTypescript ? 'tsx' : 'jsx';
+        return `export default function HelloPara({ children }: { children: React.ReactNode }) {
   return (
     <div className="min-h-screen bg-[#fafafa]">
       <main className="container mx-auto px-4 py-16">
@@ -404,8 +357,8 @@ export function getHelloParaFile(tailwind: boolean, isTypescript: boolean, isNex
   );
 }
 `;
-  }
-  return `export default function HelloPara({ children }) {
+    }
+    return `export default function HelloPara({ children }) {
   return (
     <div style={{ minHeight: '100vh', backgroundColor: '#fafafa' }}>
       <main style={{ maxWidth: '1200px', margin: '0 auto', padding: '4rem 1rem' }}>
@@ -478,33 +431,29 @@ export function getHelloParaFile(tailwind: boolean, isTypescript: boolean, isNex
 }
 `;
 }
-
-export function getHomeFile(tailwind: boolean, isNext: boolean, externalWalletSupport: boolean): string {
-  const maybeUseClient = isNext ? `"use client";\n` : '';
-
-  const helloParaImport = isNext
-    ? `import HelloPara from "@/components/HelloPara";`
-    : `import HelloPara from "./HelloPara";`;
-
-  let externalImports = ``;
-  if (externalWalletSupport) {
-    if (isNext) {
-      externalImports = `import { ExternalWallet } from "@getpara/react-sdk";
+export function getHomeFile(tailwind, isNext, externalWalletSupport) {
+    const maybeUseClient = isNext ? `"use client";\n` : '';
+    const helloParaImport = isNext
+        ? `import HelloPara from "@/components/HelloPara";`
+        : `import HelloPara from "./HelloPara";`;
+    let externalImports = ``;
+    if (externalWalletSupport) {
+        if (isNext) {
+            externalImports = `import { ExternalWallet } from "@getpara/react-sdk";
 import { ParaWalletsProvider } from "@/components/ParaWalletsProvider";`;
-    } else {
-      externalImports = `import { ExternalWallet } from "@getpara/react-sdk";
+        }
+        else {
+            externalImports = `import { ExternalWallet } from "@getpara/react-sdk";
 import { ParaWalletsProvider } from "./ParaWalletsProvider";`;
+        }
     }
-  }
-
-  const wrapBegin = externalWalletSupport ? `<ParaWalletsProvider>` : ``;
-  const wrapEnd = externalWalletSupport ? `</ParaWalletsProvider>` : ``;
-  const maybeClass = tailwind
-    ? `className="bg-[#FF4E00] hover:bg-[#E73461] text-white font-semibold py-2 px-4 rounded"`
-    : `className="open-button"`;
-
-  const externalWalletSnippet = externalWalletSupport
-    ? ` externalWallets={[
+    const wrapBegin = externalWalletSupport ? `<ParaWalletsProvider>` : ``;
+    const wrapEnd = externalWalletSupport ? `</ParaWalletsProvider>` : ``;
+    const maybeClass = tailwind
+        ? `className="bg-[#FF4E00] hover:bg-[#E73461] text-white font-semibold py-2 px-4 rounded"`
+        : `className="open-button"`;
+    const externalWalletSnippet = externalWalletSupport
+        ? ` externalWallets={[
           ExternalWallet.BACKPACK,
           ExternalWallet.COINBASE,
           ExternalWallet.GLOW,
@@ -517,9 +466,8 @@ import { ParaWalletsProvider } from "./ParaWalletsProvider";`;
           ExternalWallet.WALLETCONNECT,
           ExternalWallet.ZERION,
         ]}`
-    : ``;
-
-  return `
+        : ``;
+    return `
 ${maybeUseClient}import React, { useState } from "react";
 import { para } from "@/client/para";
 import { ParaModal, OAuthMethod, AuthLayout } from "@getpara/react-sdk";
@@ -576,9 +524,8 @@ export default function Home() {
 }
 `;
 }
-
-export function getStylesNonTailwind(): string {
-  return `.outer {
+export function getStylesNonTailwind() {
+    return `.outer {
   min-height: 100vh;
   background-color: #fafafa;
 }

package/dist/src/integrations/packageJsonHelpers.js

@@ -0,0 +1,77 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import fs from 'fs-extra';
+import path from 'path';
+const EVM_DEPS = ['@getpara/evm-wallet-connectors', '@tanstack/react-query', 'wagmi', '@getpara/react-sdk'];
+const SOLANA_DEPS = [
+    '@getpara/react-sdk',
+    '@getpara/solana-wallet-connectors',
+    '@solana-mobile/wallet-adapter-mobile',
+    '@solana/wallet-adapter-base',
+    '@solana/wallet-adapter-react',
+    '@solana/wallet-adapter-walletconnect',
+    '@solana/web3.js',
+    '@tanstack/react-query',
+];
+const COSMOS_DEPS = [
+    '@getpara/core-sdk',
+    '@getpara/cosmos-wallet-connectors',
+    '@getpara/graz',
+    '@getpara/react-sdk',
+    '@getpara/user-management-client',
+    '@cosmjs/cosmwasm-stargate',
+    '@cosmjs/launchpad',
+    '@cosmjs/proto-signing',
+    '@cosmjs/stargate',
+    '@cosmjs/tendermint-rpc',
+    '@leapwallet/cosmos-social-login-capsule-provider',
+    'long',
+    'starknet',
+];
+const BASE_DEPS = ['@getpara/react-sdk'];
+export function updatePackageJsonDependencies(projectName, networks, externalWalletSupport) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const pkgPath = path.join(projectName, 'package.json');
+        const exists = yield fs.pathExists(pkgPath);
+        if (!exists) {
+            return;
+        }
+        const pkgData = yield fs.readJSON(pkgPath);
+        pkgData.dependencies = pkgData.dependencies || {};
+        if (!externalWalletSupport) {
+            BASE_DEPS.forEach(dep => {
+                pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+            });
+        }
+        else {
+            if (networks.includes('evm')) {
+                EVM_DEPS.forEach(dep => {
+                    pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+                });
+            }
+            if (networks.includes('solana')) {
+                SOLANA_DEPS.forEach(dep => {
+                    pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+                });
+            }
+            if (networks.includes('cosmos')) {
+                COSMOS_DEPS.forEach(dep => {
+                    pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+                });
+            }
+            if (!networks.includes('evm') && !networks.includes('solana') && !networks.includes('cosmos')) {
+                BASE_DEPS.forEach(dep => {
+                    pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+                });
+            }
+        }
+        yield fs.writeJSON(pkgPath, pkgData, { spaces: 2 });
+    });
+}

package/dist/src/integrations/sdkSetup.js

@@ -0,0 +1,24 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { logInfo } from '../utils/logger.js';
+import { sdkSetupNextjs } from './sdkSetupNextjs.js';
+import { sdkSetupVite } from './sdkSetupVite.js';
+export function runSDKSetup(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { projectName, template } = config;
+        logInfo(`🔌 Integrating Para SDK into project ${projectName}...`);
+        if (template === 'vite-react') {
+            yield sdkSetupVite(config);
+        }
+        else {
+            yield sdkSetupNextjs(config);
+        }
+    });
+}