material-inspired-component-library 7.0.2 → 8.0.1

package/webpack.config.js

@@ -7,15 +7,29 @@ const docsDir = path.resolve(__dirname, 'docs');
 
 const scssFiles = glob.sync('{./foundations/**/*.scss,./components/**/*.scss}');
 const scssEntries = scssFiles.reduce((entries, filePath) => {
+    // The shape gallery has two SCSS files: index.scss (the partial that
+    // consumers @use to opt into individual shapes) and master.scss (the
+    // dist-bundle entry that installs all shapes). Only the latter should
+    // be compiled as a webpack entry.
+    const normalized = filePath.replace(/\\/g, '/');
+    if (normalized.endsWith('components/shape/index.scss')) return entries;
     const componentName = path.dirname(filePath).split('\\').pop();
     entries[componentName] = './' + filePath;
     return entries;
 }, {});
 
+const tsEntries = glob.sync('./foundations/**/*.ts').reduce((entries, filePath) => {
+    const normalized = filePath.replace(/\\/g, '/').replace(/^\.\//, '');
+    if (normalized.endsWith('.d.ts')) return entries;
+    entries[normalized.replace(/\.ts$/, '')] = './' + normalized;
+    return entries;
+}, {});
+
 module.exports = [{
     mode: 'production',
     entry: {
         ...scssEntries,
+        ...tsEntries,
         micl: ['./styles.scss', './micl.ts']
     },
     resolve: {
@@ -53,7 +67,8 @@ module.exports = [{
 }, {
     mode: 'production',
     entry: {
-        micl: ['./styles.scss', './micl.ts']
+        micl: ['./styles.scss', './micl.ts'],
+        shape: './components/shape/master.scss'
     },
     resolve: {
         extensions: ['.ts', '.tsx', '.js']