diff --git a/.gitignore b/.gitignore index 86d943a..61b05b2 100644 --- a/.gitignore +++ b/.gitignore @@ -4,6 +4,7 @@ /dist /tmp /out-tsc +.out # Only exists if Bazel was run /bazel-out diff --git a/.storybook/addons.js b/.storybook/addons.js index 556aad5..eb2cbb9 100644 --- a/.storybook/addons.js +++ b/.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'; diff --git a/package.json b/package.json index 65e40eb..a508d6f 100644 --- a/package.json +++ b/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" diff --git a/projects/ngx-picture/src/stories/1-ngx-picture.stories.ts b/projects/ngx-picture/src/stories/1-ngx-picture.stories.ts index edaa06b..474e7a0 100644 --- a/projects/ngx-picture/src/stories/1-ngx-picture.stories.ts +++ b/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) }