Fix the build step (#180)

.changeset/new-turkeys-doubt.md

@@ -0,0 +1,5 @@
+---
+'@qiskit/web-components': patch
+---
+
+Fix the build step

package.json

@@ -15,7 +15,6 @@
   "scripts": {
     "analyze-lit": "lit-analyzer components/**/*.ts --strict",
     "build": "tsc && rollup --config rollup.config.js",
-    "build:ui-shell-bundle": "tsc && rollup --config rollup-ui-shell-bundle.config.js",
     "dev": "npm run storybook:start",
     "format": "npm-run-all format:*",
     "format:eslint": "npm run lint:eslint -- --fix",
@@ -24,7 +23,7 @@
     "lint": "npm-run-all --parallel lint:*",
     "lint:eslint": "eslint '**/*.{js,ts}' --ignore-path .gitignore",
     "lint:stylelint": "stylelint 'components/**/*.{scss,ts}' --ignore-path .gitignore",
-    "prepack": "npm run build && npm run build:ui-shell-bundle",
+    "prepack": "npm run build",
     "prepare": "npx simple-git-hooks",
     "release": "changeset publish",
     "start": "npm run storybook:start",

rollup.config.js

@@ -7,6 +7,8 @@
 
 import { readdirSync } from 'fs';
 
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import terser from '@rollup/plugin-terser';
 import litcss from 'rollup-plugin-lit-css';
 import sass from 'sass';
 
@@ -27,25 +29,43 @@ const componentPaths = readdirSync('components/', { withFileTypes: true })
 const iconsDirIndex = componentPaths.indexOf('icons');
 componentPaths.splice(iconsDirIndex, 1);
 
-export default componentPaths.map((component) => ({
-  input: `components/${component}/index.js`,
-  plugins: [
-    litcss({
-      include: '**/*.scss',
-      transform: transformSassToCss,
-      uglify: true,
-    }),
-  ],
-  output: {
-    dir: `components/${component}/`,
-    format: 'esm',
-    sourcemap: true,
+export default [
+  ...componentPaths.map((component) => ({
+    input: `components/${component}/index.js`,
+    plugins: [
+      litcss({
+        include: '**/*.scss',
+        transform: transformSassToCss,
+        uglify: true,
+      }),
+    ],
+    output: {
+      dir: `components/${component}/`,
+      format: 'esm',
+      sourcemap: true,
+    },
+    external: [
+      'tslib',
+      'lit',
+      /^lit\/.*/,
+      /^carbon-web-components\/.*/,
+      /^@carbon\/.*/,
+    ],
+  })),
+  {
+    input: `components/ui-shell/index.js`,
+    plugins: [
+      litcss({
+        include: '**/*.scss',
+        transform: transformSassToCss,
+        uglify: true,
+      }),
+      nodeResolve(),
+      terser(),
+    ],
+    output: {
+      file: 'experimental-bundled-ui-shell.js',
+      format: 'esm',
+    },
   },
-  external: [
-    'tslib',
-    'lit',
-    /^lit\/.*/,
-    /^carbon-web-components\/.*/,
-    /^@carbon\/.*/,
-  ],
-}));
+];