Angular: Fix missing architect properties

[kroeder]

Issue: #9319

What I did

Improving dev-server logger outuputs

I added additional log outputs during the dev-server start. This should hopefully improve bug reports.

Starting storybook now looks like this:

info @storybook/angular v5.2.8
info
info => Loading presets
info => Loading presets
info => Loading custom addons config.
info => Found custom tsconfig.json
info => Loading custom Webpack config (full-control mode).
info => Using angular project 'my-awesome-project' for configuring Storybook. <----- this is new
info => Loading angular-cli config.
Browserslist: caniuse-lite is outdated. Please run next command `npm update`
info => Get angular-cli webpack config.
Starting type checking service...
Using 1 worker with 2048MB memory limit
webpack built 4a8afdd8c6e25eeeb15f in 20870ms
...

There are also new log outputs for errors.

Added missing architect.buildOptions

This fixes the referenced issue. Angular internally needs them and don't has default values for it so we must provide them.

How to test

• Create angular project
• Remove "styles", "scripts" or "outputPath"
• Storybook should still start without any errors

[vercel]

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://zeit.co/storybook/monorepo/4bs1g69i7
✅ Preview: https://monorepo-git-angular-fix-missing-architect-properties.storybook.now.sh

[shilman]

Is projects guaranteed to have at least one key?

[kroeder]

It must, or else we are speaking of an empty project.
A couple of lines earlier there's also a check for making sure there is at least one project

storybook/app/angular/src/server/angular-cli_config.ts

Line 67 in f419b7f

if (!projects || !Object.keys(projects).length) {

[shilman]

what's the output path?

[kroeder]

outputPath is needed by angular.json - more specifically it is needed by the function we call in @angular-devkit for receiving the default angular webpack config.

Storybook does not need it and usually it is already set in angular.json. If it is not set then storybook throws an error that it can't load the angular cli configuration

[shilman]

LGTM!