Show intro line on first used prompt during app create

Shopify · Jul 6, 2023 · 309393b · 309393b
1 parent b9f2b44
commit 309393b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/create-app/src/prompts/init.test.ts b/packages/create-app/src/prompts/init.test.ts
@@ -1,6 +1,6 @@
 import init from './init.js'
 import {describe, expect, vi, test} from 'vitest'
-import {renderSelectPrompt, renderTextPrompt} from '@shopify/cli-kit/node/ui'
+import {renderSelectPrompt, renderText, renderTextPrompt} from '@shopify/cli-kit/node/ui'
 
 vi.mock('@shopify/cli-kit/node/ui')
 
@@ -18,6 +18,9 @@ describe('init', () => {
     const got = await init(options)
 
     // Then
+    expect(renderText).toHaveBeenCalledWith({
+      text: '\nWelcome. Let’s get started by naming your app project. You can change it later.',
+    })
     expect(renderTextPrompt).toHaveBeenCalledWith({
       message: 'Your app project name?',
       defaultValue: expect.stringMatching(/^\w+-\w+-app$/),
@@ -36,6 +39,9 @@ describe('init', () => {
     const got = await init(options)
 
     // Then
+    expect(renderText).toHaveBeenCalledWith({
+      text: '\nWelcome. Let’s get started by choosing a template for your app project.',
+    })
     expect(renderTextPrompt).not.toHaveBeenCalled()
     expect(got).toEqual({...options, ...answers, templateType: 'custom'})
   })

diff --git a/packages/create-app/src/prompts/init.ts b/packages/create-app/src/prompts/init.ts
@@ -36,9 +36,11 @@ const init = async (options: InitOptions): Promise<InitOutput> => {
     template: templateURLMap.node,
   } as const
 
-  renderText({text: '\nWelcome. Let’s get started by naming your app project. You can change it later.'})
+  let welcomed = false
 
   if (!name) {
+    renderText({text: '\nWelcome. Let’s get started by naming your app project. You can change it later.'})
+    welcomed = true
     name = await renderTextPrompt({
       message: 'Your app project name?',
       defaultValue: defaults.name,
@@ -57,6 +59,10 @@ const init = async (options: InitOptions): Promise<InitOutput> => {
   }
 
   if (!template) {
+    if (!welcomed) {
+      renderText({text: '\nWelcome. Let’s get started by choosing a template for your app project.'})
+      welcomed = true
+    }
     template = await renderSelectPrompt({
       choices: Object.keys(templateURLMap).map((key) => {
         return {