webpack fix and warning fixes (#187)

* webpack fix and warning fixes

* fix

* should log fix

Author: GurinderRawala

.circleci/config.yml

@@ -10,6 +10,7 @@ executors:
     docker:
       - image: cimg/node:22.7.0
     working_directory: ~/frontend
+    resource_class: large
 
 jobs:
   go-mod-install:

public/app/core/reducers/fn-slice.ts

@@ -41,16 +41,6 @@ export const fnStateProps: FnStateProp[] = [
   'version',
 ];
 
-export const fnPropsMappedFromState: readonly FnPropMappedFromState[] = [
-  'FNDashboard',
-  'hiddenVariables',
-  'mode',
-  'uid',
-  'queryParams',
-  'slug',
-  'version',
-] as const;
-
 const INITIAL_MODE = GrafanaThemeType.Light;
 
 export const FN_STATE_KEY = 'fnGlobalState';

public/app/fn-app/fn-dashboard-page/fn-dashboard.tsx

@@ -1,8 +1,7 @@
-import { pick } from 'lodash';
 import { FC, useMemo } from 'react';
 
-import { FnPropMappedFromState, fnPropsMappedFromState } from 'app/core/reducers/fn-slice';
-import { StoreState, useSelector } from 'app/types';
+import { FnGlobalState, FnPropMappedFromState } from 'app/core/reducers/fn-slice';
+import { useSelector } from 'app/types';
 
 import { FnAppProvider } from '../fn-app-provider';
 import { FNDashboardProps } from '../types';
@@ -20,12 +19,8 @@ export const FNDashboard: FC<FNDashboardComponentProps> = (props) => {
   );
 };
 
-function mapStateToProps() {
-  return ({ fnGlobalState }: StoreState) => pick(fnGlobalState, ...fnPropsMappedFromState);
-}
-
 export const DashboardPortal: FC<FNDashboardComponentProps> = (p) => {
-  const globalFnProps = useSelector(mapStateToProps());
+  const globalFnProps = useSelector<FnGlobalState>(({ fnGlobalState }) => fnGlobalState);
 
   const props = useMemo(
     () => ({

public/microfrontends/fn_dashboard/index.html

@@ -17,9 +17,9 @@
 </script>
 
 
-    <script nonce="" src="../../../public/build/runtime~fn_dashboard.27b2008e9aab8f8985b3.js" type="text/javascript"></script>
+    <script nonce="" src="../../../public/build/runtime~fn_dashboard.fc198176f5de1db6b062.js" type="text/javascript"></script>
 
-    <script nonce="" src="../../../public/build/fn_dashboard.1f9b5b453196a7012a75.js" type="text/javascript"></script>
+    <script nonce="" src="../../../public/build/fn_dashboard.e177740ae17aef5ea15a.js" type="text/javascript"></script>
 
   </body>
 </html>

scripts/webpack/webpack.dev.js

@@ -26,10 +26,9 @@ const esbuildOptions = {
 };
 
 const envConfig = getEnvConfig();
-
 module.exports = (env = {}) => {
   return merge(common, {
-    devtool: 'eval-source-map',
+    devtool: false,
     mode: 'development',
 
     entry: {
@@ -76,7 +75,6 @@ module.exports = (env = {}) => {
     //   removeEmptyChunks: false,
     //   splitChunks: false,
     // },
-
     optimization: {
       moduleIds: 'named',
       runtimeChunk: true,
@@ -96,6 +94,11 @@ module.exports = (env = {}) => {
       },
     },
 
+    performance: {
+      hints: false,
+    },
+    parallelism: 2,
+
     plugins: [
       parseInt(env.noTsCheck, 10)
         ? new DefinePlugin({}) // bogus plugin to satisfy webpack API
@@ -139,7 +142,7 @@ module.exports = (env = {}) => {
       new DefinePlugin({
         'process.env': {
           NODE_ENV: JSON.stringify('development'),
-          SHOULD_LOG: JSON.stringify('true'),
+          SHOULD_LOG: JSON.stringify(process.env.SHOULD_LOG),
         },
       }),
     ],