Merge pull request #4681 from project-koku/release_prod-hccm.33864

Deployment commit for prod-hccm

Author: dlabrecq

apps/koku-ui-hccm/build_deploy.sh renamed to .archive/build_deploy.sh

@@ -1,9 +1,10 @@
 // Based on https://github.com/RedHatInsights/frontend-components/blob/master/packages/config/src/bin/dev.webpack.config.ts
 
 const CopyWebpackPlugin = require('copy-webpack-plugin');
+const { GitRevisionPlugin } = require('git-revision-webpack-plugin');
 const path = require('path');
 const webpack = require('webpack');
-const { dependencies, insights } = require('./package.json');
+const { dependencies, insights, name } = require('./package.json');
 
 const moduleName = insights.appname.replace(/-(\w)/g, (_, match) => match.toUpperCase());
 const srcDir = path.resolve(__dirname, './src');
@@ -14,6 +15,7 @@ const stats = {
   colors: true,
   modules: false,
 };
+const gitRevisionPlugin = new GitRevisionPlugin();
 
 // Show what files changed since last compilation
 class WatchRunPlugin {
@@ -85,6 +87,11 @@ module.exports = {
         },
       ],
     }),
+    gitRevisionPlugin,
+    new webpack.DefinePlugin({
+      'process.env.KOKU_UI_COMMITHASH': JSON.stringify(gitRevisionPlugin.commithash()),
+      'process.env.KOKU_UI_PKGNAME': JSON.stringify(name),
+    }),
   ],
   resolve: {
     modules: [srcDir, path.resolve(__dirname, '../../node_modules')],

apps/koku-ui-hccm/pr_check.sh renamed to .archive/pr_check.sh

@@ -115,6 +115,7 @@
     "@types/react-redux": "^7.1.34",
     "@types/react-router-dom": "^5.3.3",
     "copy-webpack-plugin": "^13.0.1",
+    "git-revision-webpack-plugin": "^5.0.0",
     "globals": "^16.5.0",
     "identity-obj-proxy": "^3.0.0",
     "ts-patch": "^3.3.0",

apps/koku-ui-hccm/fec.config.js

@@ -1,5 +1,6 @@
 import './app.scss';
 
+import UiVersion from '@koku-ui/ui-lib/components/page/uiVersion';
 import { useChrome } from '@redhat-cloud-services/frontend-components/useChrome';
 import NotificationsProvider from '@redhat-cloud-services/frontend-components-notifications/NotificationsProvider';
 import { createStore } from '@redhat-cloud-services/frontend-components-notifications/state';
@@ -37,6 +38,7 @@ const App = () => {
       <NotificationsProvider store={store}>
         <Routes />
       </NotificationsProvider>
+      <UiVersion />
     </div>
   );
 };

apps/koku-ui-hccm/package.json

@@ -3,7 +3,7 @@ import { userAccess } from 'components/userAccess';
 import React, { lazy, Suspense } from 'react';
 import { Route, Routes as RouterRoutes } from 'react-router-dom';
 
-const NotFound = lazy(() => import(/* webpackChunkName: "NotFound" */ '@koku-ui/ui-lib/components/NotFound/NotFound'));
+const NotFound = lazy(() => import(/* webpackChunkName: "NotFound" */ '@koku-ui/ui-lib/components/page/notFound'));
 const AwsBreakdown = lazy(() => import(/* webpackChunkName: "awsBreakdown" */ 'routes/details/awsBreakdown'));
 const AwsDetails = lazy(() => import(/* webpackChunkName: "awsDetails" */ 'routes/details/awsDetails'));
 const AzureBreakdown = lazy(() => import(/* webpackChunkName: "azureBreakdown" */ 'routes/details/azureBreakdown'));

apps/koku-ui-hccm/src/app.tsx

@@ -1,4 +1,4 @@
-import NotFound from '@koku-ui/ui-lib/components/NotFound/NotFound';
+import NotFound from '@koku-ui/ui-lib/components/page/notFound';
 import React from 'react';
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 

apps/koku-ui-hccm/src/routes.tsx

@@ -1,9 +1,10 @@
 // Based on https://github.com/RedHatInsights/frontend-components/blob/master/packages/config/src/bin/dev.webpack.config.ts
 
 const CopyWebpackPlugin = require('copy-webpack-plugin');
+const { GitRevisionPlugin } = require('git-revision-webpack-plugin');
 const path = require('path');
 const webpack = require('webpack');
-const { dependencies, insights } = require('./package.json');
+const { dependencies, insights, name } = require('./package.json');
 
 const moduleName = insights.appname.replace(/-(\w)/g, (_, match) => match.toUpperCase());
 const srcDir = path.resolve(__dirname, './src');
@@ -14,6 +15,7 @@ const stats = {
   colors: true,
   modules: false,
 };
+const gitRevisionPlugin = new GitRevisionPlugin();
 
 // Show what files changed since last compilation
 class WatchRunPlugin {
@@ -89,6 +91,11 @@ module.exports = {
         },
       ],
     }),
+    gitRevisionPlugin,
+    new webpack.DefinePlugin({
+      'process.env.KOKU_UI_COMMITHASH': JSON.stringify(gitRevisionPlugin.commithash()),
+      'process.env.KOKU_UI_PKGNAME': JSON.stringify(name),
+    }),
   ],
   resolve: {
     modules: [srcDir, path.resolve(__dirname, '../../node_modules')],

apps/koku-ui-onprem/src/components/App/App.tsx

@@ -110,6 +110,7 @@
     "@types/react-router-dom": "^5.3.3",
     "copy-webpack-plugin": "^13.0.1",
     "globals": "^16.5.0",
+    "git-revision-webpack-plugin": "^5.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jws": "^4.0.0",
     "ts-patch": "^3.3.0",