fix standalone

Author: jpinsonneau

web/moduleMapper/dummy.tsx

@@ -1,5 +1,5 @@
+import { NamespaceBarProps, ResourceIconProps, ResourceLinkProps } from '@openshift-console/dynamic-plugin-sdk';
 import * as React from 'react';
-import { ResourceIconProps, ResourceLinkProps } from '@openshift-console/dynamic-plugin-sdk';
 import { useK8sModelsWithColors } from '../src/utils/k8s-models-hook';
 import { k8sModels } from './k8s-models';
 
@@ -80,4 +80,12 @@ export const ResourceLink: React.FC<ResourceLinkProps> = ({
       {children}
     </span>
   );
-};
+};
+
+export const NamespaceBar: React.FC<NamespaceBarProps> = ({
+  children
+}) => {
+  return (
+    <div>{children}</div>
+  )
+};

web/src/app.tsx

@@ -29,6 +29,7 @@ import { BrowserRouter, Link } from 'react-router-dom';
 import NetflowTrafficDevTab from './components/netflow-traffic-dev-tab';
 import NetflowTrafficParent from './components/netflow-traffic-parent';
 import NetflowTab from './components/netflow-traffic-tab';
+import { ContextSingleton } from './utils/context';
 
 export const pages = [
   {
@@ -61,6 +62,7 @@ export const App: React.FunctionComponent = () => {
   const [isSidebarOpen, setIsSidebarOpen] = React.useState(true);
   const [pageIndex, setPageIndex] = React.useState(0);
   const [isDark, setDark] = React.useState(false);
+  ContextSingleton.setStandalone();
 
   const onSidebarToggle = () => {
     setIsSidebarOpen(!isSidebarOpen);

web/src/components/netflow-traffic.tsx

@@ -79,7 +79,7 @@ export const NetflowTraffic: React.FC<NetflowTrafficProps> = ({
   const { t } = useTranslation('plugin__netobserv-plugin');
   const isDarkTheme = useTheme();
   const [extensions] = useResolvedExtensions<ModelFeatureFlag>(isModelFeatureFlag);
-  ContextSingleton.setContext(extensions, forcedNamespace);
+  ContextSingleton.setContext(forcedNamespace);
 
   const model = netflowTrafficModel();
 

web/src/utils/context.ts

@@ -1,10 +1,6 @@
 import {
-  ExtensionK8sModel,
-  K8sModel,
-  ModelFeatureFlag,
-  ResolvedExtension
+  K8sModel
 } from '@openshift-console/dynamic-plugin-sdk';
-import _ from 'lodash';
 import { ScopeConfigDef } from '../model/scope';
 
 export const DEFAULT_HOST = '/api/proxy/plugin/netobserv-plugin/backend';
@@ -28,22 +24,17 @@ export class ContextSingleton {
     return ContextSingleton.instance;
   }
 
+  public static setStandalone() {
+    const instance = ContextSingleton.getInstance();
+    instance.isStandalone = true;
+    instance.host = '';
+  }
+
   public static setContext(
-    extensions: ResolvedExtension<
-      ModelFeatureFlag,
-      {
-        flag: string;
-        model: ExtensionK8sModel;
-      }
-    >[],
-    forcedNamespace?: string
+    forcedNamespace?: string,
   ) {
-    const isStandalone = (!_.isEmpty(extensions) && extensions[0]?.flags?.required?.includes('dummy')) || false;
     const instance = ContextSingleton.getInstance();
-    instance.isStandalone = isStandalone;
-    if (isStandalone) {
-      instance.host = '';
-    } else {
+    if (!instance.isStandalone) {
       instance.host = DEFAULT_HOST;
     }
     instance.forcedNamespace = forcedNamespace;

web/webpack.config.ts

@@ -78,7 +78,7 @@ module.exports = {
     },
     proxy: [
       {
-        context: ['/api'],
+        context: ['/api', '/role'],
         target: 'http://localhost:9000',
         router: () => 'http://localhost:9002',
         logLevel: 'debug' /*optional*/

web/webpack.standalone.ts

@@ -65,7 +65,7 @@ module.exports = {
     },
     proxy: [
       {
-        context: ['/api'],
+        context: ['/api', '/role'],
         target: 'http://localhost:9000',
         router: () => 'http://localhost:9002',
         logLevel: 'debug' /*optional*/