[cli] users can save configurations

Author: danstepanov

.changeset/chilly-sheep-reflect.md

@@ -0,0 +1,5 @@
+---
+'create-expo-stack': minor
+---
+
+users can save their favorite configurations

cli/src/utilities/configStorage.ts

@@ -0,0 +1,40 @@
+import { promises as fs } from 'fs';
+import path from 'path';
+import { CliResults } from '../types';
+import os from 'os';
+
+const CONFIG_DIR = path.join(os.homedir(), '.create-expo-stack');
+const CONFIG_FILE = path.join(CONFIG_DIR, 'configurations.json');
+
+interface AppConfig {
+  name: string;
+  cliResults: CliResults;
+}
+
+const ensureConfigDirExists = async () => {
+  try {
+    await fs.mkdir(CONFIG_DIR, { recursive: true });
+  } catch (error) {
+    if (error.code !== 'EEXIST') {
+      throw error;
+    }
+  }
+};
+
+export const saveConfig = async (config: AppConfig): Promise<void> => {
+  await ensureConfigDirExists();
+  let configs = await loadConfigs();
+  await fs.writeFile(CONFIG_FILE, JSON.stringify(configs, null, 2));
+};
+
+export const loadConfigs = async (): Promise<AppConfig[]> => {
+  try {
+    const data = await fs.readFile(CONFIG_FILE, 'utf8');
+    return JSON.parse(data);
+  } catch (error) {
+    if (error.code === 'ENOENT') {
+      return [];
+    }
+    throw error;
+  }
+};

cli/src/utilities/printOutput.ts

@@ -55,7 +55,7 @@ export async function printOutput(
 
     await system.spawn(`cd ${projectName} && ${packageManager} expo install --fix`, {
       shell: true,
-      stdio: ['ignore', 'ignore', 'inherit']
+      stdio: ['ignore', 'ignore', 'ignore']
     });
 
     s.stop('Packages updated!');
@@ -65,7 +65,7 @@ export async function printOutput(
     await system.spawn(`cd ${projectName} && ${packageManager} run format`, {
       shell: true,
       // To only show errors https://nodejs.org/api/child_process.html#optionsstdio
-      stdio: ['ignore', 'ignore', 'inherit']
+      stdio: ['ignore', 'ignore', 'ignore']
     });
     s.stop('Project files formatted!');
   } else {

cli/src/utilities/runCLI.ts

@@ -1,5 +1,5 @@
 import { Toolbox } from 'gluegun/build/types/domain/toolbox';
-import { confirm, isCancel, cancel, multiselect, select } from '@clack/prompts';
+import { confirm, isCancel, cancel, multiselect, select, text } from '@clack/prompts';
 
 import { defaultOptions } from '../constants';
 import {
@@ -12,6 +12,7 @@ import {
   StylingSelect
 } from '../types';
 import { getDefaultPackageManagerVersion } from './getPackageManager';
+import { loadConfigs, saveConfig } from './configStorage';
 
 const recommendedBunVersion = '1.0.14';
 
@@ -30,6 +31,47 @@ export async function runCLI(toolbox: Toolbox, projectName: string): Promise<Cli
 
   // Clear default packages
   cliResults.packages = [];
+
+  // Check whether the user has any saved create expo stack configurations
+  const savedConfigs = await loadConfigs();
+
+  // If the user has saved configurations, ask if they would like to use them
+  if (savedConfigs.length > 0) {
+    const useSavedConfig = await confirm({
+      message: 'Would you like to use a saved configuration?',
+      initialValue: false
+    });
+
+    if (isCancel(useSavedConfig)) {
+      cancel('Cancelled... 👋');
+      return process.exit(0);
+    }
+
+    if (useSavedConfig) {
+      const savedConfigSelect = await select({
+        message: 'Which saved configuration would you like to use?',
+        options: savedConfigs.map((config) => ({ value: config.name, label: config.name }))
+      });
+
+      if (isCancel(savedConfigSelect)) {
+        cancel('Cancelled... 👋');
+        return process.exit(0);
+      }
+
+      const selectedConfig = savedConfigs.find((config) => config.name === savedConfigSelect);
+
+      if (selectedConfig) {
+        cliResults.packages = selectedConfig.cliResults.packages;
+        cliResults.flags = selectedConfig.cliResults.flags;
+        success(`Using saved configuration: ${selectedConfig.name}`);
+
+        return cliResults;
+      } else {
+        warning('Saved configuration not found, continuing with default configuration.');
+      }
+    }
+  }
+
   // Ask about TypeScript
   const shouldUseTypescript = await confirm({
     message: 'Would you like to use TypeScript with this project?',
@@ -327,18 +369,31 @@ export async function runCLI(toolbox: Toolbox, projectName: string): Promise<Cli
     } else {
       success(`No problem, skipping authentication for now.`);
     }
+  }
 
-    const internationalizationSelect = await confirm({
-      message: `What would you like to support internationalization?`,
-      initialValue: false
+  // Offer user ability to save configuration
+  const shouldSaveConfig = await confirm({
+    message: 'Would you like to save this configuration for future use?',
+    initialValue: false
+  });
+
+  if (isCancel(shouldSaveConfig)) {
+    cancel('Cancelled... 👋');
+    return process.exit(0);
+  }
+
+  if (shouldSaveConfig) {
+    const name = await text({
+      message: 'What do you want to name this configuration?',
+      placeholder: 'Default'
     });
 
-    if (internationalizationSelect) {
-      cliResults.packages.push({ name: 'i18next', type: 'internationalization' });
-      success(`You'll be using i18next for internationalization.`);
-    } else {
-      success(`No problem, skipping internationalization for now.`);
+    if (isCancel(name)) {
+      cancel('Cancelled... 👋');
+      return process.exit(0);
     }
+
+    await saveConfig({ name, cliResults });
   }
 
   return cliResults;

cli/src/utilities/validateProjectName.ts

@@ -31,7 +31,7 @@ export async function validateProjectName(
     }
 
     if (shouldDeleteExistingProject) {
-      s.start('Deleting existing project...');
+      s.start('Deleting existing project. This may take a while...');
       await removeAsync(projectName);
       s.stop(`Deleted existing directory: ${projectName}`);
       return;