feat(storybook-builder): extract and bundle preview assets

Author: bashmish

.changeset/tricky-sloths-retire.md

@@ -0,0 +1,5 @@
+---
+'@web/storybook-builder': patch
+---
+
+extract and bundle preview assets

package-lock.json

@@ -56,7 +56,7 @@
     "@web/dev-server": "^0.4.0",
     "@web/dev-server-core": "^0.7.0",
     "@web/dev-server-rollup": "^0.6.1",
-    "@web/rollup-plugin-html": "^2.1.2",
+    "@web/rollup-plugin-html": "^2.2.1",
     "browser-assert": "^1.2.1",
     "es-module-lexer": "^1.2.1",
     "esbuild": "^0.19.5",

packages/storybook-builder/package.json

@@ -142,8 +142,9 @@ export const build: WdsBuilder['build'] = async ({ startTime, options }) => {
     plugins: [
       rollupPluginHTML({
         input: { html: await generateIframeHtml(options), name: 'iframe.html' },
-        // default assets behavior of the plugin breaks, sb-common-assets are shared between manager and preview and copied separately
-        extractAssets: false,
+        // TODO: need to filter out sb-common-assets, e.g. if this is supported https://github.com/modernweb-dev/web/pull/2671
+        extractAssets: true,
+        bundleAssetsFromCss: true,
       }),
       rollupPluginNodeResolve(),
       rollupPluginPrebundleModules(env),