chore: upgrade open-wc/demoing-storybook rollup versions

.gitignore

@@ -23,6 +23,7 @@ yarn-error.log
 ## temp folders
 /.tmp/
 /coverage/
+/storybook-static/
 
 ## temp files
 local.log

.storybook/main.js

@@ -7,42 +7,49 @@ module.exports = {
     '../packages/helpers/*/stories/*.stories.{js,mdx}',
     '../demo/stories/*.stories.{js,mdx}',
   ],
+  addons: [
+    'storybook-prebuilt/addon-docs/register.js',
+    'storybook-prebuilt/addon-actions/register.js',
+    'storybook-prebuilt/addon-knobs/register.js',
+    'storybook-prebuilt/addon-a11y/register.js',
+    'storybook-prebuilt/addon-backgrounds/register.js',
+    'storybook-prebuilt/addon-links/register.js',
+    'storybook-prebuilt/addon-viewport/register.js',
+  ],
   esDevServer: {
     nodeResolve: true,
     watch: true,
     open: true,
   },
-  rollup: configs => {
+  rollup: config => {
     // temporarily hard copy all needed global files as all tested rollup plugins flatten the
     // directory structure
     // `rollup-plugin-copy` might work if issue 37 is resolved
     // https://github.com/vladshcherbin/rollup-plugin-copy/issues/37
-    for (const config of configs) {
-      config.plugins.push({
-        generateBundle() {
-          this.emitFile({
-            type: 'asset',
-            fileName: 'packages/form-system/dev-assets/FormatMixinDiagram-1.svg',
-            source: fs.readFileSync(
-              path.join(__dirname, '../packages/form-system/dev-assets/FormatMixinDiagram-1.svg'),
-            ),
-          });
-          this.emitFile({
-            type: 'asset',
-            fileName: 'packages/form-system/dev-assets/FormatMixinDiagram-2.svg',
-            source: fs.readFileSync(
-              path.join(__dirname, '../packages/form-system/dev-assets/FormatMixinDiagram-2.svg'),
-            ),
-          });
-          this.emitFile({
-            type: 'asset',
-            fileName: 'packages/form-system/dev-assets/FormatMixinDiagram-3.svg',
-            source: fs.readFileSync(
-              path.join(__dirname, '../packages/form-system/dev-assets/FormatMixinDiagram-3.svg'),
-            ),
-          });
-        },
-      });
-    }
+    config.plugins.push({
+      generateBundle() {
+        this.emitFile({
+          type: 'asset',
+          fileName: 'packages/form-system/dev-assets/FormatMixinDiagram-1.svg',
+          source: fs.readFileSync(
+            path.join(__dirname, '../packages/form-system/dev-assets/FormatMixinDiagram-1.svg'),
+          ),
+        });
+        this.emitFile({
+          type: 'asset',
+          fileName: 'packages/form-system/dev-assets/FormatMixinDiagram-2.svg',
+          source: fs.readFileSync(
+            path.join(__dirname, '../packages/form-system/dev-assets/FormatMixinDiagram-2.svg'),
+          ),
+        });
+        this.emitFile({
+          type: 'asset',
+          fileName: 'packages/form-system/dev-assets/FormatMixinDiagram-3.svg',
+          source: fs.readFileSync(
+            path.join(__dirname, '../packages/form-system/dev-assets/FormatMixinDiagram-3.svg'),
+          ),
+        });
+      },
+    });
   },
 };

bundlesize/rollup.config.js

@@ -1,12 +1,11 @@
-import createDefaultConfig from '@open-wc/building-rollup/modern-config';
+import { createBasicConfig } from '@open-wc/building-rollup';
 
 export default ['core', 'all'].map(name => {
-  const config = createDefaultConfig({
-    input: `bundlesize/${name}.js`,
-  });
+  const config = createBasicConfig();
 
   return {
     ...config,
+    input: `bundlesize/${name}.js`,
     treeshake: false,
     output: {
       ...config.output,

package.json

@@ -6,9 +6,10 @@
     "packages/*"
   ],
   "devDependencies": {
+    "@open-wc/building-rollup": "^1.2.1",
     "@commitlint/cli": "^7.0.0",
     "@commitlint/config-conventional": "^7.0.0",
-    "@open-wc/demoing-storybook": "^1.10.4",
+    "@open-wc/demoing-storybook": "^2.0.0",
     "@open-wc/eslint-config": "^1.0.0",
     "@open-wc/testing": "^2.5.0",
     "@open-wc/testing-helpers": "^1.0.0",
@@ -32,7 +33,7 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.5",
     "rimraf": "^2.6.3",
-    "rollup": "^1.27.8",
+    "rollup": "^2.0.0",
     "sinon": "^7.2.2",
     "webpack-merge": "^4.1.5",
     "whatwg-fetch": "^3.0.0"
@@ -41,6 +42,7 @@
     "start": "npm run storybook",
     "storybook": "start-storybook -p 9001",
     "storybook:build": "build-storybook",
+    "storybook:build:start": "es-dev-server --root-dir storybook-static --open",
     "test": "run-p test:browser test:node",
     "test:browser": "karma start --coverage",
     "test:node": "lerna run test:node",
@@ -80,11 +82,11 @@
   },
   "bundlesize": [
     {
-      "path": "./bundlesize/dist/core/core-*.js",
+      "path": "./bundlesize/dist/core/*.js",
       "maxSize": "11 kB"
     },
     {
-      "path": "./bundlesize/dist/all/all-*.js",
+      "path": "./bundlesize/dist/all/*.js",
       "maxSize": "45 kB"
     }
   ],

packages/form-system/index.js

@@ -1 +1 @@
-// empty file
+// empty file for node.resolve