From 11a6f884bee4ccc66193e669cf01af4bc7508779 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikkel=20T=C3=B8nder?=
 <71938724+Mikkel-T@users.noreply.github.com>
Date: Mon, 30 Aug 2021 23:20:41 +0200
Subject: [PATCH] create-astro: Format console logs and fix message about
 default renderers (#1257)

* create-astro: Format console logs and fix message about default renderers

Format the console log statements so the code is easier to read

Add a check to see if the renderers array is empty and only show the message about using the templates default renderers if it isn't

* Add changeset
---
 .changeset/silver-otters-eat.md    |  5 +++++
 packages/create-astro/src/index.ts | 14 +++++++-------
 2 files changed, 12 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/silver-otters-eat.md

diff --git a/.changeset/silver-otters-eat.md b/.changeset/silver-otters-eat.md
new file mode 100644
index 0000000000..523ab477ff
--- /dev/null
+++ b/.changeset/silver-otters-eat.md
@@ -0,0 +1,5 @@
+---
+'create-astro': patch
+---
+
+Added a check to see if the renderers array is empty and only show the message about using the templates default renderers if it isn't
diff --git a/packages/create-astro/src/index.ts b/packages/create-astro/src/index.ts
index 7f41ab63ac..fc6c63a2dc 100644
--- a/packages/create-astro/src/index.ts
+++ b/packages/create-astro/src/index.ts
@@ -25,11 +25,11 @@ const { version } = JSON.parse(fs.readFileSync(new URL('../package.json', import
 const POSTPROCESS_FILES = ['package.json', 'astro.config.mjs', 'CHANGELOG.md']; // some files need processing after copying.
 
 export async function main() {
-  console.log('\n' + bold('Welcome to Astro!') + gray(` (create-astro v${version})`));
+  console.log(`\n${bold('Welcome to Astro!')} ${gray(`(create-astro v${version})`)}`);
   console.log(`If you encounter a problem, visit ${cyan('https://github.com/snowpackjs/astro/issues')} to search or file a new issue.\n`);
 
-  console.log(green(`>`) + gray(` Prepare for liftoff.`));
-  console.log(green(`>`) + gray(` Gathering mission details...`));
+  console.log(`${green(`>`)} ${gray(`Prepare for liftoff.`)}`);
+  console.log(`${green(`>`)} ${gray(`Gathering mission details...`)}`);
 
   const cwd = args['_'][2] || '.';
   if (fs.existsSync(cwd)) {
@@ -85,16 +85,16 @@ export async function main() {
       },
     ]);
     renderers = result.renderers;
-  } else if (selectedTemplate?.renderers && Array.isArray(selectedTemplate.renderers)) {
+  } else if (selectedTemplate?.renderers && Array.isArray(selectedTemplate.renderers) && selectedTemplate.renderers.length) {
     renderers = selectedTemplate.renderers;
     const titles = renderers.map((renderer) => FRAMEWORKS.find((item) => item.value === renderer)?.title).join(', ');
-    console.log(green(`✔`) + bold(` Using template's default renderers`) + gray(' › ') + titles);
+    console.log(`${green(`✔`)} ${bold(`Using template's default renderers`)} ${gray('›')} ${titles}`);
   }
 
   // Copy
   try {
     // emitter.on('info', info => { console.log(info.message) });
-    console.log(green(`>`) + gray(` Copying project files...`));
+    console.log(`${green(`>`)} ${gray(`Copying project files...`)}`);
     await emitter.clone(cwd);
   } catch (err) {
     // degit is compiled, so the stacktrace is pretty noisy. Just report the message.
@@ -188,5 +188,5 @@ export async function main() {
   console.log(`  ${i++}: ${bold(cyan('npm run dev'))} (or pnpm, yarn, etc)`);
 
   console.log(`\nTo close the dev server, hit ${bold(cyan('Ctrl-C'))}`);
-  console.log('\nStuck? Visit us at https://astro.build/chat\n');
+  console.log(`\nStuck? Visit us at ${cyan('https://astro.build/chat')}\n`);
 }