Move steps to separate file

Author: akd-io

packages/create-next-stack/src/main/setup/setup.ts

@@ -28,6 +28,7 @@ import { styledComponentsPlugin } from "../plugins/styled-components"
 import { tailwindCSSPlugin } from "../plugins/tailwind-css"
 import { typescriptPlugin } from "../plugins/typescript"
 import { yarnPlugin } from "../plugins/yarn"
+import { steps } from "../steps"
 import { printFinalMessages } from "./print-final-messages"
 
 // Ordered by relevance to the user for use in technology lists // TODO: Fix this by having separate ordered lists of plugins where other sortings are needed.
@@ -56,53 +57,6 @@ export const plugins: Plugin[] = [
   reactIconsPlugin,
 ]
 
-export const steps = [
-  // Update package manager
-  pnpmPlugin.steps.updatePnpm,
-  yarnPlugin.steps.updateYarn,
-
-  // Create Next App
-  nextPlugin.steps.createNextApp,
-  nextPlugin.steps.removeOfficialCNAContent,
-
-  // Install dependencies
-  createNextStackPlugin.steps.installDependencies,
-
-  // Configuration
-  createNextStackPlugin.steps.addScripts,
-  createNextStackPlugin.steps.addGitAttributes,
-  nextPlugin.steps.addNextConfig,
-
-  // Styling
-  tailwindCSSPlugin.steps.setUpTailwindCss,
-  cssModulesPlugin.steps.setUpCssModules,
-  sassPlugin.steps.setUpSass,
-  emotionPlugin.steps.setUpEmotion,
-
-  // Formatting
-  prettierPlugin.steps.setUpPrettier,
-  formattingPreCommitHookPlugin.steps.setUpFormattingPreCommitHook,
-
-  // Continuous integration
-  githubActionsPlugin.steps.addGithubWorkflowStep,
-
-  // Add/generate content
-  createNextStackPlugin.steps.copyAssets,
-  createNextStackPlugin.steps.addContent,
-  createNextStackPlugin.steps.addReadme,
-
-  // Component libraries
-  chakraUIPlugin.steps.setUpChakraUI,
-  materialUIPlugin.steps.setUpMaterialUI,
-
-  // Uninstall temporary dependencies
-  createNextStackPlugin.steps.uninstallTemporaryDependencies,
-
-  // Format & initial commit
-  createNextStackPlugin.steps.formatProject,
-  createNextStackPlugin.steps.initialCommit,
-] as const
-
 export const filterPlugins = (inputs: ValidCNSInputs): Plugin[] =>
   plugins.filter((plugin) => evalActive(plugin.active, inputs))
 

packages/create-next-stack/src/main/steps.ts

@@ -0,0 +1,71 @@
+import { Step } from "./plugin"
+import { chakraUIPlugin } from "./plugins/chakra-ui/chakra-ui"
+import { createNextStackPlugin } from "./plugins/create-next-stack/create-next-stack"
+import { cssModulesPlugin } from "./plugins/css-modules/css-modules"
+import { emotionPlugin } from "./plugins/emotion"
+import { formattingPreCommitHookPlugin } from "./plugins/formatting-pre-commit-hook"
+import { githubActionsPlugin } from "./plugins/github-actions"
+import { materialUIPlugin } from "./plugins/material-ui/material-ui"
+import { nextPlugin } from "./plugins/next"
+import { pnpmPlugin } from "./plugins/pnpm"
+import { prettierPlugin } from "./plugins/prettier"
+import { sassPlugin } from "./plugins/sass/sass"
+import { tailwindCSSPlugin } from "./plugins/tailwind-css"
+import { yarnPlugin } from "./plugins/yarn"
+
+console.log("createNextApp", typeof nextPlugin?.steps?.createNextApp)
+console.log(
+  "removeOfficialCNAContent",
+  typeof nextPlugin?.steps?.removeOfficialCNAContent
+)
+console.log(
+  "installDependencies:",
+  typeof createNextStackPlugin?.steps?.installDependencies
+)
+
+export const steps: Step[] = [
+  // Update package manager
+  pnpmPlugin.steps.updatePnpm,
+  yarnPlugin.steps.updateYarn,
+
+  // Create Next App
+  nextPlugin.steps.createNextApp,
+  nextPlugin.steps.removeOfficialCNAContent,
+
+  // Install dependencies
+  createNextStackPlugin.steps.installDependencies,
+
+  // Configuration
+  createNextStackPlugin.steps.addScripts,
+  createNextStackPlugin.steps.addGitAttributes,
+  nextPlugin.steps.addNextConfig,
+
+  // Styling
+  tailwindCSSPlugin.steps.setUpTailwindCss,
+  cssModulesPlugin.steps.setUpCssModules,
+  sassPlugin.steps.setUpSass,
+  emotionPlugin.steps.setUpEmotion,
+
+  // Formatting
+  prettierPlugin.steps.setUpPrettier,
+  formattingPreCommitHookPlugin.steps.setUpFormattingPreCommitHook,
+
+  // Continuous integration
+  githubActionsPlugin.steps.addGithubWorkflowStep,
+
+  // Add/generate content
+  createNextStackPlugin.steps.copyAssets,
+  createNextStackPlugin.steps.addContent,
+  createNextStackPlugin.steps.addReadme,
+
+  // Component libraries
+  chakraUIPlugin.steps.setUpChakraUI,
+  materialUIPlugin.steps.setUpMaterialUI,
+
+  // Uninstall temporary dependencies
+  createNextStackPlugin.steps.uninstallTemporaryDependencies,
+
+  // Format & initial commit
+  createNextStackPlugin.steps.formatProject,
+  createNextStackPlugin.steps.initialCommit,
+]