improved storybook

.gitignore

@@ -4,6 +4,7 @@
 /dist
 /tmp
 /out-tsc
+.out
 # Only exists if Bazel was run
 /bazel-out
 

.storybook/addons.js

@@ -1,4 +1,2 @@
 import '@storybook/addon-knobs/register';
-import '@storybook/addon-links/register';
-import '@storybook/addon-notes/register';
 import '@storybook/addon-viewport/register';

package.json

@@ -10,6 +10,8 @@
     "pack": "cd dist/ngx-picture && npm pack",
     "prep-lib": "npm run build && npm run copy-files && npm run pack",
     "storybook": "start-storybook -s ./projects/demo/src/assets/images -p 61610",
+    "storybook:build": "build-storybook -c .storybook -o .out",
+    "storybook:build:run": "npm run storybook:build && npx http-server .out",
     "test": "ng test --project=ngx-picture",
     "lint": "ng lint",
     "e2e": "ng e2e"

projects/ngx-picture/src/stories/1-ngx-picture.stories.ts

@@ -91,14 +91,15 @@ storiesOf('ngx-picture', module)
   .addDecorator(withKnobs)
   .addParameters({
     viewport: {
-      viewports
+      viewports,
+      defaultViewport: 'sm'
     }
   })
   .add('eager load', () => {
     return {
       component: PictureComponent,
       props: {
-        src: text('src', 'banner.jpg'),
+        src: text('src', 'assets/images/banner.jpg'),
         alt: text('alt', 'banner image')
       }
     };
@@ -107,7 +108,7 @@ storiesOf('ngx-picture', module)
     return {
       component: PictureComponent,
       props: {
-        src: text('src', 'banner.jpg'),
+        src: text('src', 'assets/images/banner.jpg'),
         alt: text('alt', 'banner image'),
         lazyLoad: boolean('lazyLoad', true)
       }