@rancher/shell 0.1.2 → 0.1.4

package/store/index.js

@@ -1,6 +1,6 @@
 import Steve from '@shell/plugins/steve';
 import {
-  COUNT, NAMESPACE, NORMAN, MANAGEMENT, FLEET, UI, VIRTUAL_HARVESTER_PROVIDER, HCI, DEFAULT_WORKSPACE
+  COUNT, NAMESPACE, NORMAN, MANAGEMENT, FLEET, UI, VIRTUAL_HARVESTER_PROVIDER, DEFAULT_WORKSPACE
 } from '@shell/config/types';
 import { CLUSTER as CLUSTER_PREF, NAMESPACE_FILTERS, LAST_NAMESPACE, WORKSPACE } from '@shell/store/prefs';
 import { allHash, allHashSettled } from '@shell/utils/promise';
@@ -14,7 +14,6 @@ import { setBrand, setVendor } from '@shell/config/private-label';
 import { addParam } from '@shell/utils/url';
 import { SETTING } from '@shell/config/settings';
 import semver from 'semver';
-import { NAME as VIRTUAL } from '@shell/config/product/harvester';
 import { BACK_TO } from '@shell/config/local-storage';
 import { STEVE_MODEL_TYPES } from '@shell/plugins/steve/getters';
 import { BY_TYPE } from '@shell/plugins/dashboard-store/classify';
@@ -52,12 +51,6 @@ export const plugins = [
     supportsStream: false, // The norman API doesn't support streaming
     modelBaseClass: STEVE_MODEL_TYPES.NORMAN,
   }),
-  Steve({
-    namespace:      'harvester',
-    baseUrl:        '', // URL is dynamically set for the selected cluster
-    supportsStream: false, // true, -- Disabled due to report that it's sometimes much slower in Chrome
-  }),
-
 ];
 
 const getActiveNamespaces = (state, getters) => {
@@ -450,47 +443,14 @@ export const getters = {
     return '/';
   },
 
-  isSingleProduct(state, rootGetters) {
+  isSingleProduct(state) {
     if (state.isSingleProduct !== undefined) {
       return state.isSingleProduct;
     }
 
-    if (rootGetters.isSingleVirtualCluster) {
-      return {
-        logo:            require('~shell/assets/images/providers/harvester.svg'),
-        productNameKey:  'product.harvester',
-        version:         rootGetters['harvester/byId'](HCI.SETTING, 'server-version')?.value,
-        afterLoginRoute: {
-          name:   'c-cluster-product',
-          params: { product: VIRTUAL },
-        },
-        logoRoute: {
-          name:   'c-cluster-product-resource',
-          params: {
-            product:  VIRTUAL,
-            resource: HCI.DASHBOARD,
-          }
-        },
-        enableSessionCheck: true
-      };
-    }
-
     return false;
   },
 
-  isSingleVirtualCluster(state, getters, rootState, rootGetters) {
-    const clusterId = getters.defaultClusterId;
-    const cluster = rootGetters['management/byId'](MANAGEMENT.CLUSTER, clusterId);
-
-    return !getters.isMultiCluster && cluster?.status?.provider === VIRTUAL_HARVESTER_PROVIDER;
-  },
-
-  isMultiVirtualCluster(state, getters, rootState, rootGetters) {
-    const localCluster = rootGetters['management/byId'](MANAGEMENT.CLUSTER, 'local');
-
-    return getters.isMultiCluster && localCluster?.status?.provider !== VIRTUAL_HARVESTER_PROVIDER;
-  },
-
   isVirtualCluster(state, getters) {
     const cluster = getters['currentCluster'];
 
@@ -509,9 +469,7 @@ export const mutations = {
     state.clusterReady = ready;
   },
 
-  updateNamespaces(state, getters) {
-    const { filters, all } = getters;
-
+  updateNamespaces(state, { filters, all }) {
     state.namespaceFilters = filters.filter(x => !!x);
 
     if ( all ) {
@@ -644,7 +602,7 @@ export const actions = {
     }
 
     res = await allHash(promises);
-
+    dispatch('i18n/init');
     let isMultiCluster = true;
 
     if ( res.clusters.length === 1 && res.clusters[0].metadata?.name === 'local' ) {
@@ -701,11 +659,6 @@ export const actions = {
       return;
     }
 
-    if (oldProduct === VIRTUAL) {
-      await dispatch('harvester/unsubscribe');
-      commit('harvester/reset');
-    }
-
     const oldPkgClusterStore = oldPkg?.stores.find(
       s => getters[`${ s.storeName }/isClusterStore`]
     )?.storeName;
@@ -767,7 +720,6 @@ export const actions = {
     // If we've entered a new store ensure everything has loaded correctly
     if (newPkgClusterStore) {
       // Mirror actions on the 'cluster' store for our specific pkg `cluster` store
-      dispatch(`${ newPkgClusterStore }/loadSchemas`, true);
       await dispatch(`${ newPkgClusterStore }/loadCluster`, { id });
 
       commit('clusterReady', true);
@@ -872,135 +824,6 @@ export const actions = {
     commit('updateNamespaces', { filters: ids, ...getters });
   },
 
-  async loadVirtual({
-    state, commit, dispatch, getters
-  }, { id, oldProduct }) {
-    const isMultiCluster = getters['isMultiCluster'];
-
-    if (isMultiCluster && id === 'local') {
-      return;
-    }
-
-    if ( state.clusterId && state.clusterId === id && oldProduct === VIRTUAL) {
-      // Do nothing, we're already connected/connecting to this cluster
-      return;
-    }
-
-    if (oldProduct !== VIRTUAL) {
-      await dispatch('cluster/unsubscribe');
-      commit('cluster/reset');
-    }
-
-    if ( state.clusterId && id ) {
-      commit('clusterReady', false);
-
-      await dispatch('harvester/unsubscribe');
-      commit('harvester/reset');
-
-      await dispatch('management/watch', {
-        type:      MANAGEMENT.PROJECT,
-        namespace: state.clusterId,
-        stop:      true
-      });
-
-      commit('management/forgetType', MANAGEMENT.PROJECT);
-    }
-
-    if (id) {
-      commit('clusterId', id);
-    }
-
-    console.log(`Loading ${ isMultiCluster ? 'ECM ' : '' }cluster...`); // eslint-disable-line no-console
-
-    // This is a workaround for a timing issue where the mgmt cluster schema may not be available
-    // Try and wait until the schema exists before proceeding
-    await dispatch('management/waitForSchema', { type: MANAGEMENT.CLUSTER });
-
-    // See if it really exists
-    const cluster = await dispatch('management/find', {
-      type: MANAGEMENT.CLUSTER,
-      id,
-      opt:  { url: `${ MANAGEMENT.CLUSTER }s/${ escape(id) }` }
-    });
-
-    let virtualBase = `/k8s/clusters/${ escape(id) }/v1/harvester`;
-
-    if (id === 'local') {
-      virtualBase = `/v1/harvester`;
-    }
-
-    if ( !cluster ) {
-      commit('clusterId', null);
-      commit('harvester/applyConfig', { baseUrl: null });
-      throw new ClusterNotFoundError(id);
-    }
-
-    // Update the Steve client URLs
-    commit('harvester/applyConfig', { baseUrl: virtualBase });
-
-    await Promise.all([
-      dispatch('harvester/loadSchemas', true),
-    ]);
-
-    dispatch('harvester/subscribe');
-
-    let isRancher = false;
-    const projectArgs = {
-      type: MANAGEMENT.PROJECT,
-      opt:  {
-        url:            `${ MANAGEMENT.PROJECT }/${ escape(id) }`,
-        watchNamespace: id
-      }
-    };
-
-    if (getters['management/schemaFor'](MANAGEMENT.PROJECT)) {
-      isRancher = true;
-    }
-
-    if (id !== 'local' && getters['harvester/schemaFor'](MANAGEMENT.SETTING)) { // multi-cluster
-      const settings = await dispatch('harvester/findAll', {
-        type: MANAGEMENT.SETTING,
-        id:   SETTING.SYSTEM_NAMESPACES,
-        opt:  { url: `${ virtualBase }/${ MANAGEMENT.SETTING }s/`, force: true }
-      });
-
-      const systemNamespaces = settings?.find(x => x.id === SETTING.SYSTEM_NAMESPACES);
-
-      if (systemNamespaces) {
-        const namespace = (systemNamespaces.value || systemNamespaces.default)?.split(',');
-
-        commit('setSystemNamespaces', namespace);
-      }
-    }
-
-    const hash = {
-      projects:          isRancher && dispatch('management/findAll', projectArgs),
-      virtualCount:      dispatch('harvester/findAll', { type: COUNT }),
-      virtualNamespaces: dispatch('harvester/findAll', { type: NAMESPACE }),
-      settings:          dispatch('harvester/findAll', { type: HCI.SETTING }),
-    };
-
-    if (getters['harvester/schemaFor'](HCI.UPGRADE)) {
-      hash.upgrades = dispatch('harvester/findAll', { type: HCI.UPGRADE });
-    }
-
-    const res = await allHash(hash);
-
-    await dispatch('cleanNamespaces');
-
-    const filters = getters['prefs/get'](NAMESPACE_FILTERS)?.[id];
-
-    commit('updateNamespaces', {
-      filters: filters || [ALL_USER],
-      all:     res.virtualNamespaces,
-      ...getters
-    });
-
-    commit('clusterReady', true);
-
-    console.log('Done loading virtual cluster.'); // eslint-disable-line no-console
-  },
-
   async cleanNamespaces({ getters, dispatch }) {
     // Initialise / Remove any filters that the user no-longer has access to
     await dispatch('management/findAll', { type: MANAGEMENT.CLUSTER }); // So they can be got byId below

package/store/prefs.js

@@ -4,12 +4,18 @@ import { clone } from '@shell/utils/object';
 import { SETTING } from '@shell/config/settings';
 
 const definitions = {};
+/**
+ * Key/value of prefrences are stored before login here and cookies due lack of access permission.
+ * Once user is logged in while setting asUserPreference, update stored before login Key/value to the backend in loadServer function.
+ */
+let prefsBeforeLogin = {};
 
 export const create = function(name, def, opt = {}) {
   const parseJSON = opt.parseJSON === true;
   const asCookie = opt.asCookie === true;
   const asUserPreference = opt.asUserPreference !== false;
   const options = opt.options;
+  const inheritFrom = opt.inheritFrom;
 
   definitions[name] = {
     def,
@@ -17,6 +23,7 @@ export const create = function(name, def, opt = {}) {
     parseJSON,
     asCookie,
     asUserPreference,
+    inheritFrom, // if value is not defined on server, we can default it to another pref
     mangleRead:  opt.mangleRead, // Alter the value read from the API (to match old Rancher expectations)
     mangleWrite: opt.mangleWrite, // Alter the value written back to the API (ditto)
   };
@@ -67,6 +74,7 @@ export const HIDE_REPOS = create('hide-repos', [], { parseJSON });
 export const HIDE_DESC = create('hide-desc', [], { parseJSON });
 export const HIDE_SENSITIVE = create('hide-sensitive', true, { options: [true, false], parseJSON });
 export const SHOW_PRE_RELEASE = create('show-pre-release', false, { options: [false, true], parseJSON });
+export const SHOW_CHART_MODE = create('chartMode', 'featured', { parseJSON });
 
 export const DATE_FORMAT = create('date-format', 'ddd, MMM D YYYY', {
   options: [
@@ -86,12 +94,18 @@ export const TIME_FORMAT = create('time-format', 'h:mm:ss a', {
 });
 
 export const TIME_ZONE = create('time-zone', 'local');
+// DEV will be deprecated on v2.7.0, but is needed so that we can grab the value for the new settings that derived from it
+// such as: VIEW_IN_API, ALL_NAMESPACES, THEME_SHORTCUT
 export const DEV = create('dev', false, { parseJSON });
+export const VIEW_IN_API = create('view-in-api', false, { parseJSON, inheritFrom: DEV });
+export const ALL_NAMESPACES = create('all-namespaces', false, { parseJSON, inheritFrom: DEV });
+export const THEME_SHORTCUT = create('theme-shortcut', false, { parseJSON, inheritFrom: DEV });
 export const LAST_VISITED = create('last-visited', 'home', { parseJSON });
 export const SEEN_WHATS_NEW = create('seen-whatsnew', '', { parseJSON });
 export const READ_WHATS_NEW = create('read-whatsnew', '', { parseJSON });
 export const AFTER_LOGIN_ROUTE = create('after-login-route', 'home', { parseJSON } );
 export const HIDE_HOME_PAGE_CARDS = create('home-page-cards', {}, { parseJSON } );
+export const PLUGIN_DEVELOPER = create('plugin-developer', false, { parseJSON, inheritFrom: DEV }); // Is the user a plugin developer?
 
 export const _RKE1 = 'rke1';
 export const _RKE2 = 'rke2';
@@ -100,6 +114,9 @@ export const PROVISIONER = create('provisioner', _RKE1, { options: [_RKE1, _RKE2
 // Promo for Cluster Tools feature on Cluster Dashboard page
 export const CLUSTER_TOOLS_TIP = create('hide-cluster-tools-tip', false, { parseJSON });
 
+// Promo for Pod Security Policies (PSPs) being deprecated on kube version 1.25 on Cluster Dashboard page
+export const PSP_DEPRECATION_BANNER = create('hide-psp-deprecation-banner', false, { parseJSON });
+
 // Maximum number of clusters to show in the slide-in menu
 export const MENU_MAX_CLUSTERS = create('menu-max-clusters', 4, { options: [2, 3, 4, 5, 6, 7, 8, 9, 10], parseJSON });
 
@@ -243,7 +260,7 @@ export const mutations = {
 };
 
 export const actions = {
-  async set({ dispatch, commit }, opt) {
+  async set({ dispatch, commit, rootGetters }, opt) {
     let { key, value } = opt; // eslint-disable-line prefer-const
     const definition = definitions[key];
     let server;
@@ -264,6 +281,15 @@ export const actions = {
     }
 
     if ( definition.asUserPreference ) {
+      const checkLogin = rootGetters['auth/loggedIn'];
+
+      // Check for login status
+      if (!checkLogin) {
+        prefsBeforeLogin[key] = value;
+
+        return;
+      }
+
       try {
         server = await dispatch('loadServer', key); // There's no watch on prefs, so get before set...
 
@@ -373,7 +399,9 @@ export const actions = {
     }
   },
 
-  async loadServer({ state, dispatch, commit }, ignoreKey) {
+  async loadServer( {
+    state, dispatch, commit, rootState, rootGetters
+  }, ignoreKey) {
     let server = { data: {} };
 
     try {
@@ -399,10 +427,26 @@ export const actions = {
       return;
     }
 
+    // if prefsBeforeLogin has values from login page, update the backend
+    if (Object.keys(prefsBeforeLogin).length > 0) {
+      Object.keys(prefsBeforeLogin).forEach((key) => {
+        server.data[key] = prefsBeforeLogin[key];
+      });
+
+      await server.save({ redirectUnauthorized: false });
+
+      // Clear prefsBeforeLogin, as we have now saved theses
+      prefsBeforeLogin = {};
+    }
+
     for (const key in definitions) {
       const definition = definitions[key];
       let value = clone(server.data[key]);
 
+      if (value === undefined && definition.inheritFrom) {
+        value = clone(server.data[definition.inheritFrom]);
+      }
+
       if ( value === undefined || key === ignoreKey) {
         continue;
       }

package/store/type-map.js

@@ -41,6 +41,7 @@
 //   public,                  -- If true, show to all users.  If false, only show when the Developer Tools pref is on (default true)
 //   category,                -- Group to show the product in for the nav hamburger menu
 //   typeStoreMap,            -- An object mapping types to the store that should be used to retrieve information about the type
+//   hideSystemResources      -- Hide resources in namespaces where namespace.isSystem === true, or a namespace managed by fleet (per its annotation) and hide those namespaces from ns/project list and nsfilter (default false)
 // })
 //
 // externalLink(stringOrFn)  The product has an external page (function gets context object
@@ -121,7 +122,7 @@
 // )
 import { AGE, NAME, NAMESPACE as NAMESPACE_COL, STATE } from '@shell/config/table-headers';
 import { COUNT, SCHEMA, MANAGEMENT, NAMESPACE } from '@shell/config/types';
-import { DEV, EXPANDED_GROUPS, FAVORITE_TYPES } from '@shell/store/prefs';
+import { VIEW_IN_API, EXPANDED_GROUPS, FAVORITE_TYPES } from '@shell/store/prefs';
 import {
   addObject, findBy, insertAt, isArray, removeObject, filterBy
 } from '@shell/utils/array';
@@ -130,8 +131,7 @@ import {
   ensureRegex, escapeHtml, escapeRegex, ucFirst, pluralize
 } from '@shell/utils/string';
 import {
-  importList, importDetail, importEdit, listProducts, loadProduct, importCustomPromptRemove, resolveList, resolveEdit, resolveWindowComponent, importWindowComponent, resolveDetail
-
+  importChart, importList, importDetail, importEdit, listProducts, loadProduct, importCustomPromptRemove, resolveList, resolveEdit, resolveWindowComponent, importWindowComponent, resolveChart, resolveDetail, importDialog
 } from '@shell/utils/dynamic-importer';
 
 import { NAME as EXPLORER } from '@shell/config/product/explorer';
@@ -167,8 +167,8 @@ export const IF_HAVE = {
   NO_PROJECT:               'no-project',
   NOT_V1_ISTIO:             'not-v1-istio',
   MULTI_CLUSTER:            'multi-cluster',
-  HARVESTER_SINGLE_CLUSTER: 'harv-multi-cluster',
   NEUVECTOR_NAMESPACE:      'neuvector-namespace',
+  ADMIN:                    'admin-user',
 };
 
 export function DSL(store, product, module = 'type-map') {
@@ -217,7 +217,7 @@ export function DSL(store, product, module = 'type-map') {
     headers(type, headers) {
       headers.forEach((header) => {
         // If on the client, then use the value getter if there is one
-        if (process.client && header.getValue) {
+        if (header.getValue) {
           header.value = header.getValue;
         }
 
@@ -361,6 +361,7 @@ export const state = function() {
       groupLabel:       {},
       ignore:           {},
       list:             {},
+      chart:            {},
       detail:           {},
       edit:             {},
       componentFor:     {},
@@ -803,7 +804,7 @@ export const getters = {
       const module = findBy(state.products, 'name', product).inStore;
       const schemas = rootGetters[`${ module }/all`](SCHEMA);
       const counts = rootGetters[`${ module }/all`](COUNT)?.[0]?.counts || {};
-      const isDev = rootGetters['prefs/get'](DEV);
+      const isDev = rootGetters['prefs/get'](VIEW_IN_API);
       const isBasic = mode === BASIC;
 
       const out = {};
@@ -1056,6 +1057,14 @@ export const getters = {
     };
   },
 
+  hasCustomChart(state, getters, rootState) {
+    return (rawType) => {
+      const key = getters.componentFor(rawType);
+
+      return hasCustom(state, rootState, 'chart', key, key => resolveChart(key));
+    };
+  },
+
   hasCustomDetail(state, getters, rootState) {
     return (rawType, subType) => {
       const key = getters.componentFor(rawType, subType);
@@ -1090,24 +1099,11 @@ export const getters = {
     };
   },
 
-  hasCustomPromptRemove(state, getters) {
-    return (rawType) => {
-      const type = getters.componentFor(rawType);
-
-      const cache = state.cache.promptRemove;
-
-      if ( cache[type] !== undefined ) {
-        return cache[type];
-      }
-
-      try {
-        require.resolve(`@shell/promptRemove/${ type }`);
-        cache[type] = true;
-      } catch (e) {
-        cache[type] = false;
-      }
+  hasCustomPromptRemove(state, getters, rootState) {
+    return (rawType, subType) => {
+      const key = getters.componentFor(rawType, subType);
 
-      return cache[type];
+      return hasCustom(state, rootState, 'promptRemove', key, () => require.resolve(`@shell/promptRemove/${ key }`));
     };
   },
 
@@ -1125,12 +1121,24 @@ export const getters = {
     };
   },
 
+  importDialog(state, getters, rootState) {
+    return (rawType, subType) => {
+      return loadExtension(rootState, 'dialog', getters.componentFor(rawType, subType), importDialog);
+    };
+  },
+
   importList(state, getters, rootState) {
     return (rawType) => {
       return loadExtension(rootState, 'list', getters.componentFor(rawType), importList);
     };
   },
 
+  importChart(state, getters, rootState) {
+    return (rawType) => {
+      return loadExtension(rootState, 'chart', getters.componentFor(rawType), importChart);
+    };
+  },
+
   importDetail(state, getters, rootState) {
     return (rawType, subType) => {
       return loadExtension(rootState, 'detail', getters.componentFor(rawType, subType), importDetail);
@@ -1143,11 +1151,9 @@ export const getters = {
     };
   },
 
-  importCustomPromptRemove(state, getters) {
-    return (rawType) => {
-      const type = getters.componentFor(rawType);
-
-      return importCustomPromptRemove(type);
+  importCustomPromptRemove(state, getters, rootState) {
+    return (rawType, subType) => {
+      return loadExtension(rootState, 'promptRemove', getters.componentFor(rawType, subType), importCustomPromptRemove);
     };
   },
 
@@ -1225,7 +1231,7 @@ export const getters = {
   activeProducts(state, getters, rootState, rootGetters) {
     const knownTypes = {};
     const knownGroups = {};
-    const isDev = rootGetters['prefs/get'](DEV);
+    const isDev = rootGetters['prefs/get'](VIEW_IN_API);
 
     if ( state.schemaGeneration < 0 ) {
       // This does nothing, but makes activeProducts depend on schemaGeneration
@@ -1554,7 +1560,7 @@ export const mutations = {
     let obj = { ...options, match };
 
     if ( idx >= 0 ) {
-      obj = Object.assign(obj, state.typeOptions[idx]);
+      obj = Object.assign(state.typeOptions[idx], obj);
       state.typeOptions.splice(idx, 1, obj);
     } else {
       const obj = Object.assign({}, options, { match });
@@ -1739,17 +1745,25 @@ function ifHave(getters, option) {
   case IF_HAVE.MULTI_CLUSTER: {
     return getters.isMultiCluster;
   }
-  case IF_HAVE.HARVESTER_SINGLE_CLUSTER: {
-    return getters.isSingleVirtualCluster;
-  }
   case IF_HAVE.NEUVECTOR_NAMESPACE: {
     return getters[`cluster/all`](NAMESPACE).find(n => n.metadata.name === NEU_VECTOR_NAMESPACE);
   }
+  case IF_HAVE.ADMIN: {
+    return isAdminUser(getters);
+  }
   default:
     return false;
   }
 }
 
+// Could list a larger set of resources that typically only an admin user would have
+export function isAdminUser(getters) {
+  const canEditSettings = (getters['management/schemaFor'](MANAGEMENT.SETTING)?.resourceMethods || []).includes('PUT');
+  const canEditFeatureFlags = (getters['management/schemaFor'](MANAGEMENT.FEATURE)?.resourceMethods || []).includes('PUT');
+
+  return canEditSettings && canEditFeatureFlags;
+}
+
 // Is V1 Istio installed?
 function isV1Istio(getters) {
   const cluster = getters['currentCluster'];

package/store/uiplugins.ts

@@ -3,20 +3,22 @@
 
 // import { addObject, removeObject } from '@shell/utils/array';
 
-import { allHash } from '@shell/utils/promise';
 import { Plugin } from '@shell/core/plugin';
 
 interface UIPluginState {
   plugins: Plugin[],
-  catalog: any[],
-  catalogs: string[],
+  errors: any,
+}
+
+interface LoadError {
+  name: string,
+  error: boolean,
 }
 
 export const state = function(): UIPluginState {
   return {
     plugins:    [],
-    catalog:    [],
-    catalogs:   [''],
+    errors:     {},
   };
 };
 
@@ -25,16 +27,16 @@ export const getters = {
     return state.plugins;
   },
 
-  catalog: (state: any) => {
-    return state.catalog;
-  },
-
-  catalogs: (state: any) => {
-    return state.catalogs;
+  errors: (state: any) => {
+    return state.errors;
   },
 };
 
 export const mutations = {
+  setError(state: UIPluginState, error: LoadError) {
+    state.errors[error.name] = error.error;
+  },
+
   addPlugin(state: UIPluginState, plugin: Plugin) {
     // TODO: Duplicates?
     state.plugins.push(plugin);
@@ -47,59 +49,11 @@ export const mutations = {
       state.plugins.splice(index, 1);
     }
   },
-
-  setCatalog(state: UIPluginState, catalog: any) {
-    state.catalog = catalog;
-  },
-
-  addCatalog(state: UIPluginState, catalog: string) {
-    state.catalogs.push(catalog);
-  }
 };
 
 export const actions = {
-  addCatalog( { commit, dispatch }: any, url: string ) {
-    commit('addCatalog', url);
-  },
-
-  // This is just for PoC - we wouldn't get the catalog from Verdaccio
-  // This fetches the catalog each time
-  async loadCatalogs( { getters, commit, dispatch }: any) {
-    const packages: any[] = [];
-    const catalogHash = {} as any;
-    const catalogs = getters['catalogs'];
-
-    catalogs.forEach((url: string) => {
-      const base = url;
-
-      if (!url) {
-        url = '/verdaccio/data/packages';
-      } else {
-        url = `/uiplugins-catalog/?${ url }`;
-      }
-
-      try {
-        catalogHash[base] = dispatch('rancher/request', { url }, { root: true });
-      } catch (err) {
-        // Ignore errors... or all plugins fail
-        console.warn('Unable to fetch catalog: ', url, err); // eslint-disable-line no-console
-      }
-    });
-
-    const res = await allHash(catalogHash);
-
-    Object.keys(res as any).forEach((r: string) => {
-      const v: any = (res as any)[r];
-
-      v.forEach((p: any) => {
-        p.location = r;
-        packages.push(p);
-      });
-    });
-
-    const uiPackages = packages.filter((pkg: any) => pkg.rancher);
-
-    commit('setCatalog', uiPackages);
+  setError( { commit }: any, error: LoadError ) {
+    commit('setError', error);
   },
 
   addPlugin({ commit }: any, plugin: Plugin) {