build(web/ui): Migrate to next-global-css

This change updates the web interface to use next-global-css instead of
next-transpile-modules. This approach is more efficient since it does
not require transpilation of the dependencies.

1 files changed, 6 insertions, 24 deletions

diff --git a/opendc-web/opendc-web-ui/next.config.js b/opendc-web/opendc-web-ui/next.config.js
index 1dfe4156..ceb0900e 100644
--- a/opendc-web/opendc-web-ui/next.config.js
+++ b/opendc-web/opendc-web-ui/next.config.js
@@ -22,39 +22,21 @@
 
 // PatternFly 4 uses global CSS imports in its distribution files. Therefore,
 // we need to transpile the modules before we can use them.
-const withTM = require('next-transpile-modules')([
-    '@patternfly/react-core',
-    '@patternfly/react-styles',
-    '@patternfly/react-table',
-    '@patternfly/react-tokens',
-])
+const { withGlobalCss } = require('next-global-css')
+const withConfig = withGlobalCss()
 
-module.exports = withTM({
+module.exports = withConfig({
     reactStrictMode: true,
     experimental: {
-        eslint: true,
+        eslint: true
     },
     async redirects() {
         return [
             {
                 source: '/',
                 destination: '/projects',
-                permanent: true,
-            },
-        ]
-    },
-    webpack: (config, options) => {
-        if (options.dev) {
-            config.optimization.splitChunks = {
-                cacheGroups: {
-                    vendor: {
-                        test: /[\\/]node_modules[\\/]/,
-                        name: 'transpiled-modules',
-                        chunks: 'all',
-                    },
-                },
+                permanent: true
             }
-        }
-        return config
+        ]
     }
 })