Move ESM Patternfly generator to Spog UI

Signed-off-by: carlosthe19916 <[email protected]>

spog/ui/patternfly-charts/.env

@@ -0,0 +1 @@
+GENERATE_SOURCEMAP=false

spog/ui/patternfly-charts/.eslintignore

@@ -0,0 +1,2 @@
+node_modules/**
+build/**

spog/ui/patternfly-charts/.gitignore

@@ -0,0 +1,25 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.idea

spog/ui/patternfly-charts/.prettierrc

@@ -0,0 +1,7 @@
+{
+    "arrowParens": "always",
+    "printWidth": 100,
+    "singleQuote": true,
+    "jsxSingleQuote": false,
+    "trailingComma": "all"
+}

spog/ui/patternfly-charts/README.md

@@ -0,0 +1,20 @@
+# Patternfly charts
+
+This folder contains the code for creating `spog/ui/crates/donut/js/main.js` which allows us to create Patternfly Charts
+
+## Make changes
+
+- Install dependencies:
+
+```
+npm ci
+```
+
+- Make the changes needed
+- Generate the bundle ESM files:
+
+```
+npm run build
+```
+
+> The command `npm run build` should automatically overwrite the file `spog/ui/crates/donut/js/main.js` with the new value

spog/ui/patternfly-charts/craco.config.js

@@ -0,0 +1,47 @@
+module.exports = {
+  webpack: {
+    configure: (webpackConfig) => {
+      webpackConfig.output = {
+        ...webpackConfig.output,
+        filename: 'static/js/main.js',
+
+        library: {
+          type: 'module',
+        },
+        libraryTarget: 'module',
+      };
+      webpackConfig.experiments = {
+        outputModule: true,
+      };
+      webpackConfig.optimization = {
+        ...webpackConfig.optimization,
+        runtimeChunk: false, // For single main.js
+        splitChunks: {
+          cacheGroups: {
+            default: false,
+            vendors: false,
+          },
+        },
+      };
+
+      // inline all assets into the JS bundle
+      webpackConfig.module.rules[0].oneOf.unshift({
+        test: /\.(png|jpg|jpeg|woff|woff2|eot|ttf|svg)$/,
+        type: 'asset/inline',
+      });
+
+      return webpackConfig;
+    },
+  },
+  plugins: [
+    {
+      plugin: {
+        overrideWebpackConfig: ({ webpackConfig }) => {
+          webpackConfig.plugins[5].options.filename = 'static/css/[name].css';
+          return webpackConfig;
+        },
+      },
+      options: {},
+    },
+  ],
+};