rollup.config.js

/**
 * Copyright (c) IBM, Corp. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

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';

const transformSassToCss = (data, { filePath }) =>
  sass
    .renderSync({
      data,
      file: filePath,
      includePaths: [new URL('node_modules/', import.meta.url).pathname],
    })
    .css.toString();

const componentPaths = readdirSync('components/', { withFileTypes: true })
  .filter((dirent) => dirent.isDirectory())
  .map((dirent) => dirent.name);

// Remove icons from the list of components
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,
    },
    external: ['tslib', 'lit', /^lit\/.*/, /^@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: 'iife',
    },
  },
];