RC #251 - Adding custom webpack config to /.storybook/main.js to work…

…-around an issue with ESM libraries

package.json

@@ -7,9 +7,8 @@
     "packages/*"
   ],
   "scripts": {
-    "build-semantic": "yarn --cwd packages/semantic-ui build",
-    "build-shared": "yarn --cwd packages/shared build",
-    "build-storybook": "yarn build-shared && yarn build-semantic && yarn --cwd packages/storybook build",
+    "build-all": "node --experimental-json-modules ./scripts/build.js",
+    "build-storybook": "yarn build-all && yarn --cwd packages/storybook build",
     "flow": "flow",
     "storybook": "yarn --cwd packages/storybook storybook",
     "test": "jest",

packages/core-data/webpack.config.js

@@ -1,7 +1,3 @@
 const { configure } = require('@performant-software/webpack-config');
 
-module.exports = configure(__dirname, {
-  resolve: {
-    conditionNames: ['import', 'browser', 'node', 'default']
-  }
-});
+module.exports = configure(__dirname);

packages/geospatial/webpack.config.js

@@ -12,7 +12,6 @@ module.exports = configure(__dirname, {
         __dirname,
         '../../node_modules/maplibre-gl/dist/maplibre-gl.css'
       )
-    },
-    conditionNames: ['import', 'browser', 'node', 'default']
+    }
   }
 });

packages/storybook/.storybook/main.js

@@ -17,12 +17,12 @@ const config = {
     options: {}
   },
   async webpackFinal(config) {
-    config.resolve = {
+    const resolve = {
       ...config.resolve,
       conditionNames: ['import', 'browser', 'default']
-    };
+    }
 
-    return config;
+    return _.extend(config, { resolve });
   },
   babel: (options) => {
     // Remove the override applied from @storybook/react

scripts/build.js

@@ -0,0 +1,23 @@
+// @flow
+
+import { execSync } from 'child_process';
+import fs from 'fs';
+import _ from 'underscore';
+
+/**
+ * Runs the process.
+ */
+const run = () => {
+  const { packages } = JSON.parse(fs.readFileSync('./react-components.json'));
+
+  _.each(packages, (directory) => {
+    console.log('');
+    console.log(`Building ${directory}...`);
+    console.log('');
+    console.log('');
+
+    execSync(`yarn --cwd ${directory} build`, { stdio: 'inherit' });
+  });
+};
+
+run();