feat(ccra): Update welcome design (#83)

Change to a design that's not dependent on character width alignment

Author: Tobbe

packages/create-cedar-app/src/create-cedar-app.js

@@ -691,11 +691,13 @@ async function createRedwoodApp() {
 
   tui.drawText(
     [
-      `${RedwoodStyling.redwood('-'.repeat(66))}`,
-      `-- ${' '.repeat(14)}🌲🌲 ${RedwoodStyling.header(
-        'Welcome to CedarJS!',
-      )} 🌲🌲${' '.repeat(14)} --`,
-      `${RedwoodStyling.redwood('-'.repeat(66))}`,
+      '',
+      '🌲🌲🌲🌲🌲',
+      '🌲🌲',
+      `🌲🌲  ${RedwoodStyling.header('Welcome to CedarJS!')}`,
+      '🌲🌲',
+      '🌲🌲🌲🌲🌲',
+      '',
     ].join('\n'),
   )
 

packages/create-cedar-app/tests/e2e.test.ts

@@ -59,9 +59,13 @@ describe('create-cedar-app', () => {
 
     expect(p.exitCode).toEqual(0)
     expect(p.stdout).toMatchInlineSnapshot(`
-      "------------------------------------------------------------------
-      --               🌲🌲 Welcome to CedarJS! 🌲🌲               --
-      ------------------------------------------------------------------
+      "
+      🌲🌲🌲🌲🌲
+      🌲🌲
+      🌲🌲  Welcome to CedarJS!
+      🌲🌲
+      🌲🌲🌲🌲🌲
+
       [?25l⠋ Checking node and yarn compatibility
       [?25h[?25l✔ Compatibility checks passed
       [?25h✔ Creating your Redwood app in ./redwood-app based on command line argument