@getpara/create-para-app 0.4.0 → 0.6.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@getpara/create-para-app",
-    "version": "0.4.0",
+    "version": "0.6.0",
     "main": "dist/src/index.js",
     "type": "module",
     "bin": {

package/dist/src/commands/scaffold.js

@@ -9,6 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import chalk from 'chalk';
 import fs from 'fs-extra';
+import ora from 'ora';
+import { execa } from 'execa';
 import { promptInteractive } from '../prompts/interactive.js';
 import { scaffoldNextjs } from '../templates/nextjs.js';
 import { scaffoldViteReact } from '../templates/vite-react.js';
@@ -45,7 +47,6 @@ export default function scaffold(positionalProjectName, options) {
         try {
             validateOptions(options);
             const { projectName: cliProjectName, template: cliTemplate, useLatest, noPrompt, noGit, packageManager, skipDeps, typescript = true, eslint = true, tailwind = true, srcDir = true, app = true, networks, evmSigner, externalWallet, apiKey, } = options || {};
-            // For rollback reference
             const finalProjectName = cliProjectName || positionalProjectName;
             let config = {
                 projectName: finalProjectName || '',
@@ -64,14 +65,12 @@ export default function scaffold(positionalProjectName, options) {
                 srcDir,
                 app,
             };
-            // Populate networks if provided
             if (networks) {
                 config.networks = networks.split(',').map(n => n.trim());
             }
             if (evmSigner) {
                 config.evmSigner = evmSigner;
             }
-            // We'll decide if we must prompt
             const needTemplate = !config.template;
             const needProjectName = !config.projectName;
             const needNetworks = !config.networks.length;
@@ -126,6 +125,27 @@ export default function scaffold(positionalProjectName, options) {
                 yield scaffoldNextjs(config);
             }
             yield runSDKSetup(config);
+            if (!config.skipDeps) {
+                const spinner = ora('Installing updated dependencies...').start();
+                try {
+                    if (config.packageManager === 'yarn') {
+                        yield execa('yarn', { cwd: config.projectName, stdio: 'pipe' });
+                    }
+                    else if (config.packageManager === 'pnpm') {
+                        yield execa('pnpm', ['install'], { cwd: config.projectName, stdio: 'pipe' });
+                    }
+                    else if (config.packageManager === 'bun') {
+                        yield execa('bun', ['install'], { cwd: config.projectName, stdio: 'pipe' });
+                    }
+                    else {
+                        yield execa('npm', ['install'], { cwd: config.projectName, stdio: 'pipe' });
+                    }
+                    spinner.succeed('Dependencies re-installed successfully.');
+                }
+                catch (err) {
+                    spinner.fail('Failed to re-install dependencies. You might try manually running the install command.');
+                }
+            }
             logInfo(chalk.green('✅ Scaffolding complete!'));
         }
         catch (error) {

package/dist/src/integrations/codeGenerators.js

@@ -431,12 +431,12 @@ export function getHelloParaFile(tailwind, isTypescript, isNext) {
 }
 `;
 }
-export function getHomeFile(tailwind, isNext, externalWalletSupport) {
+export function getHomeFile(tailwind, isNext, externalWalletSupport, networks = []) {
     const maybeUseClient = isNext ? `"use client";\n` : '';
     const helloParaImport = isNext
         ? `import HelloPara from "@/components/HelloPara";`
         : `import HelloPara from "./HelloPara";`;
-    let externalImports = ``;
+    let externalImports = '';
     if (externalWalletSupport) {
         if (isNext) {
             externalImports = `import { ExternalWallet } from "@getpara/react-sdk";
@@ -447,26 +447,22 @@ import { ParaWalletsProvider } from "@/components/ParaWalletsProvider";`;
 import { ParaWalletsProvider } from "./ParaWalletsProvider";`;
         }
     }
+    let externalWallets = [];
+    if (networks.includes('evm')) {
+        externalWallets.push('ExternalWallet.METAMASK', 'ExternalWallet.RABBY', 'ExternalWallet.RAINBOW', 'ExternalWallet.WALLETCONNECT', 'ExternalWallet.COINBASE', 'ExternalWallet.ZERION');
+    }
+    if (networks.includes('solana')) {
+        externalWallets.push('ExternalWallet.BACKPACK', 'ExternalWallet.GLOW', 'ExternalWallet.PHANTOM');
+    }
+    if (networks.includes('cosmos')) {
+        externalWallets.push('ExternalWallet.KEPLR', 'ExternalWallet.LEAP');
+    }
+    const externalWalletSnippet = externalWalletSupport ? ` externalWallets={[${externalWallets.join(', ')}]}` : ``;
     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,
-          ExternalWallet.KEPLR,
-          ExternalWallet.LEAP,
-          ExternalWallet.METAMASK,
-          ExternalWallet.PHANTOM,
-          ExternalWallet.RABBY,
-          ExternalWallet.RAINBOW,
-          ExternalWallet.WALLETCONNECT,
-          ExternalWallet.ZERION,
-        ]}`
-        : ``;
     return `
 ${maybeUseClient}import React, { useState } from "react";
 import { para } from "@/client/para";

package/dist/src/integrations/sdkSetupNextjs.js

@@ -46,7 +46,7 @@ export function sdkSetupNextjs(config) {
             const formatted = yield formatWithPrettier(helloParaCode, filePath);
             yield fs.outputFile(filePath, formatted);
         }
-        const homeCode = getHomeFile(!!tailwind, !noTypescript, !!externalWalletSupport);
+        const homeCode = getHomeFile(!!tailwind, !noTypescript, !!externalWalletSupport, networks);
         let mainPath = '';
         if (noAppRouter) {
             if (noSrcDir) {

package/dist/src/integrations/sdkSetupVite.js

@@ -43,7 +43,7 @@ export function sdkSetupVite(config) {
             const formatted = yield formatWithPrettier(helloParaCode, filePath);
             yield fs.outputFile(filePath, formatted);
         }
-        const homeCode = getHomeFile(!!tailwind, !noTypescript, !!externalWalletSupport);
+        const homeCode = getHomeFile(!!tailwind, !noTypescript, !!externalWalletSupport, networks);
         const mainFileDir = noSrcDir ? projectName : path.join(projectName, 'src');
         const mainFilePath = path.join(mainFileDir, `App.${noTypescript ? 'jsx' : 'tsx'}`);
         const exists = yield fs.pathExists(mainFilePath);

package/dist/src/templates/nextjs.js

@@ -9,13 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { execCommand } from '../utils/exec.js';
 import { logInfo } from '../utils/logger.js';
+import ora from 'ora';
 export function scaffoldNextjs(config) {
     return __awaiter(this, void 0, void 0, function* () {
         logInfo(`🔧 Scaffolding Next.js app for project ${config.projectName}...`);
         const versionTag = config.useLatest ? 'latest' : 'latest';
-        // Start with these flags for a default Next.js TS, ESLint, Tailwind, src, app setup
         const baseFlags = new Set(['--typescript', '--eslint', '--tailwind', '--src-dir', '--app', '--no-turbopack', '--yes']);
-        // If user wants no typescript => remove --typescript, add --javascript
         if (!config.typescript) {
             baseFlags.delete('--typescript');
             baseFlags.add('--javascript');
@@ -36,26 +35,34 @@ export function scaffoldNextjs(config) {
         for (const f of baseFlags) {
             cmd += ` ${f}`;
         }
+        if (config.packageManager === 'yarn') {
+            cmd += ' --use-yarn';
+        }
+        else if (config.packageManager === 'npm') {
+            cmd += ' --use-npm';
+        }
+        else if (config.packageManager === 'pnpm') {
+            cmd += ' --use-pnpm';
+        }
+        else if (config.packageManager === 'bun') {
+            logInfo('Warning: create-next-app does not officially support "--use-bun". Using npm instead.');
+            cmd += ' --use-npm';
+        }
         if (config.noGit) {
             cmd += ' --no-git';
         }
         if (config.skipDeps) {
             cmd += ' --skip-install';
         }
-        if (config.packageManager && config.packageManager !== 'yarn') {
-            if (config.packageManager === 'npm') {
-                cmd += ' --use-npm';
-            }
-            else if (config.packageManager === 'pnpm') {
-                cmd += ' --use-pnpm';
-            }
-            else if (config.packageManager === 'bun') {
-                // create-next-app doesn't have a built-in --use-bun, we might skip or log a warning
-                logInfo('Warning: create-next-app does not officially support "--use-bun". Using npm instead.');
-                cmd += ' --use-npm';
-            }
-        }
+        const spinner = ora('Scaffolding your Next.js project...').start();
         logInfo(`💻 Executing command: ${cmd}`);
-        yield execCommand(cmd);
+        try {
+            yield execCommand(cmd, true);
+            spinner.succeed('Next.js scaffold complete.');
+        }
+        catch (error) {
+            spinner.fail('Failed to scaffold Next.js app.');
+            throw error;
+        }
     });
 }

package/dist/src/templates/vite-react.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { execCommand } from '../utils/exec.js';
 import { logInfo } from '../utils/logger.js';
+import ora from 'ora';
 export function scaffoldViteReact(config) {
     return __awaiter(this, void 0, void 0, function* () {
         logInfo(`🔧 Scaffolding Vite React app for project ${config.projectName}...`);
@@ -37,7 +38,15 @@ export function scaffoldViteReact(config) {
         if (config.skipDeps) {
             cmd += ' --skip-install';
         }
+        const spinner = ora('Scaffolding your Vite project...').start();
         logInfo(`💻 Executing command: ${cmd}`);
-        yield execCommand(cmd);
+        try {
+            yield execCommand(cmd, true);
+            spinner.succeed('Vite scaffold complete.');
+        }
+        catch (error) {
+            spinner.fail('Failed to scaffold Vite app.');
+            throw error;
+        }
     });
 }

package/dist/src/utils/exec.js

@@ -8,9 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { execa } from 'execa';
-export function execCommand(command) {
-    return __awaiter(this, void 0, void 0, function* () {
+export function execCommand(command_1) {
+    return __awaiter(this, arguments, void 0, function* (command, silent = false) {
         const [cmd, ...args] = command.split(' ');
-        yield execa(cmd, args, { stdio: 'inherit' });
+        yield execa(cmd, args, { stdio: silent ? 'pipe' : 'inherit' });
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/create-para-app",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "main": "dist/src/index.js",
   "type": "module",
   "bin": {