@rancher/shell 0.5.3 → 2.0.0

package/pages/c/_cluster/uiplugins/RemoveUIPlugins.vue

@@ -1,232 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import { CATALOG, UI_PLUGIN } from '@shell/config/types';
-import Dialog from '@shell/components/Dialog.vue';
-import Checkbox from '@components/Form/Checkbox/Checkbox.vue';
-import {
-  UI_PLUGIN_NAMESPACE,
-  UI_PLUGIN_CHARTS,
-  UI_PLUGIN_OPERATOR_CRD_CHART_NAME,
-  UI_PLUGINS_REPO_NAME,
-  UI_PLUGINS_REPO_URL,
-  UI_PLUGINS_REPO_BRANCH,
-  UI_PLUGINS_PARTNERS_REPO_NAME,
-  UI_PLUGINS_PARTNERS_REPO_URL,
-  UI_PLUGINS_PARTNERS_REPO_BRANCH,
-} from '@shell/config/uiplugins';
-
-export default {
-  components: {
-    Checkbox,
-    Dialog,
-  },
-
-  async fetch() {
-    if (this.$store.getters['management/schemaFor'](CATALOG.CLUSTER_REPO)) {
-      // we need to force the request, so that we know at all times if what's the status of the offical and partners repos (installed or not)
-      await this.$store.dispatch('management/findAll', { type: CATALOG.CLUSTER_REPO, opt: { force: true } });
-    }
-
-    if (this.$store.getters['management/schemaFor'](UI_PLUGIN)) {
-      const plugins = await this.$store.dispatch('management/findAll', { type: UI_PLUGIN });
-
-      // Are there any plugins installed?
-      this.hasPluginsInstalled = (plugins || []).length > 0;
-      this.removeCRD = !this.hasPluginsInstalled;
-    }
-  },
-
-  data() {
-    return {
-      errors:      [],
-      removeRepos: {
-        official: true,
-        partners: true
-      },
-      reposInfo: {
-        official: {
-          name:   UI_PLUGINS_REPO_NAME,
-          url:    UI_PLUGINS_REPO_URL,
-          branch: UI_PLUGINS_REPO_BRANCH,
-        },
-        partners: {
-          name:   UI_PLUGINS_PARTNERS_REPO_NAME,
-          url:    UI_PLUGINS_PARTNERS_REPO_URL,
-          branch: UI_PLUGINS_PARTNERS_REPO_BRANCH,
-        }
-      },
-      removeCRD:           true,
-      hasPluginsInstalled: false,
-    };
-  },
-
-  computed: {
-    ...mapGetters({ repos: 'catalog/repos' }),
-    officialRepo() {
-      const repo = this.repos.find((r) => r.urlDisplay === UI_PLUGINS_REPO_URL);
-
-      return repo?.id ? repo : undefined;
-    },
-    partnersRepo() {
-      const repo = this.repos.find((r) => r.urlDisplay === UI_PLUGINS_PARTNERS_REPO_URL);
-
-      return repo?.id ? repo : undefined;
-    }
-  },
-
-  methods: {
-    async removeChart(name) {
-      const apps = await this.$store.dispatch('management/findAll', { type: CATALOG.APP });
-      const found = apps.find((app) => {
-        return app.namespace === UI_PLUGIN_NAMESPACE && app.name === name;
-      });
-
-      if (found) {
-        return found.remove();
-      }
-
-      // Return rejected promise - could not find the required chart
-      return Promise.reject(new Error(`Could not find chart §{ name }`));
-    },
-
-    showDialog() {
-      this.removeRepos = {
-        official: !!this.officialRepo,
-        partners: !!this.partnersRepo,
-      };
-      this.$modal.show('confirm-uiplugins-remove');
-    },
-
-    async doRemove(btnCb) {
-      this.errors = [];
-
-      // Remove the charts in the reverse order that we install them in
-      let uninstall = [...UI_PLUGIN_CHARTS].reverse();
-
-      if (!this.removeCRD) {
-        // User does not want to uninstall the CRD, so remove the chart
-        uninstall = uninstall.filter((chart) => chart !== UI_PLUGIN_OPERATOR_CRD_CHART_NAME);
-      }
-
-      for (let i = 0; i < uninstall.length; i++) {
-        const chart = uninstall[i];
-
-        try {
-          await this.removeChart(chart);
-        } catch (e) {
-          this.errors.push(e.message);
-        }
-      }
-
-      // remove extension repos that have been picked
-      const promises = [];
-
-      for (const key in this.removeRepos) {
-        if (this.removeRepos[key] && this[`${ key }Repo`]) {
-          promises.push(this[`${ key }Repo`].remove());
-        }
-      }
-
-      const res = await Promise.allSettled(promises);
-
-      res.forEach((result) => {
-        if (result.status === 'rejected') {
-          console.error(result.reason); // eslint-disable-line no-console
-
-          this.errors.push(result.reason);
-        }
-      });
-
-      // forget PLUGINS type from store as it's not needed
-      this.$store.dispatch('management/forgetType', UI_PLUGIN);
-
-      await new Promise((resolve) => setTimeout(resolve, 5000));
-
-      this.$emit('done');
-
-      btnCb(true);
-    },
-  }
-};
-</script>
-<template>
-  <Dialog
-    name="confirm-uiplugins-remove"
-    :title="t('plugins.setup.remove.title')"
-    mode="disable"
-    data-testid="disable-ext-modal"
-    @okay="doRemove"
-  >
-    <template>
-      <p class="mb-20">
-        {{ t('plugins.setup.remove.prompt') }}
-      </p>
-      <!-- Official repo -->
-      <div
-        class="mb-15"
-      >
-        <Checkbox
-          v-model="removeRepos.official"
-          :primary="true"
-          :disabled="!officialRepo"
-          label-key="plugins.setup.remove.registry.official.title"
-          data-testid="disable-ext-modal-remove-official-repo"
-        />
-        <div
-          v-if="!officialRepo"
-          class="checkbox-info"
-        >
-          ({{ t('plugins.setup.uninstalled') }})
-        </div>
-      </div>
-      <!-- Partners repo -->
-      <div
-        class="mb-15"
-      >
-        <Checkbox
-          v-model="removeRepos.partners"
-          :primary="true"
-          :disabled="!partnersRepo"
-          label-key="plugins.setup.remove.registry.partners.title"
-          data-testid="disable-ext-modal-remove-partners-repo"
-        />
-        <div
-          v-if="!partnersRepo"
-          class="checkbox-info"
-        >
-          ({{ t('plugins.setup.uninstalled') }})
-        </div>
-      </div>
-      <div
-        v-if="hasPluginsInstalled"
-        class="mt-20"
-      >
-        <Checkbox
-          v-model="removeCRD"
-          :primary="true"
-          label-key="plugins.setup.remove.crd.title"
-        />
-        <div class="checkbox-info">
-          {{ t('plugins.setup.remove.crd.prompt') }}
-        </div>
-      </div>
-    </template>
-  </Dialog>
-</template>
-<style lang="scss" scoped>
-  .enable-plugin-support {
-    font-size: 14px;
-    margin-top: 20px;
-  }
-
-  .plugin-setup-error {
-    font-size: 14px;
-    color: var(--error);
-    margin: 10px 0 0 0;
-  }
-
-  .checkbox-info {
-    margin-left: 20px;
-    opacity: 0.7;
-  }
-</style>

package/plugins/dashboard-store/rehydrate-all.js

@@ -1,44 +0,0 @@
-const MAX_DEPTH = 20;
-
-export default function() {
-  // In the rehydration process, a block of JSON from the server
-  // is converted into classes.
-  this.nuxt.hook('vue-renderer:ssr:context', (context) => {
-    if ( context.nuxt.data ) {
-      recurse(context.nuxt.data);
-    }
-
-    if ( context.nuxt.fetch ) {
-      recurse(context.nuxt.fetch);
-    }
-
-    function recurse(obj, parent, key, depth = 0, path = '') {
-      if ( depth >= MAX_DEPTH ) {
-        return obj;
-      }
-
-      if ( key === '_error' ) {
-        return null;
-      }
-
-      if ( Array.isArray(obj) && obj.__rehydrateAll ) {
-        parent[`__rehydrateAll__${ key }`] = obj.__rehydrateAll;
-      } else if ( obj && typeof obj === 'object' ) {
-        if ( obj.toJSON ) {
-          obj = obj.toJSON();
-          parent[key] = obj;
-        }
-
-        for ( const k of Object.keys(obj) ) {
-          if ( k === '__rehydrate' || k === '__clone') {
-            continue;
-          }
-
-          obj[k] = recurse(obj[k], obj, k, depth + 1, (path ? `${ path }.${ k }` : k));
-        }
-      }
-
-      return obj;
-    }
-  });
-}

package/plugins/index.js

@@ -1,11 +0,0 @@
-/**
- * Load the directives
- *
- * These are included in a function that can be explictly called, so that we can be sure
- * of the execution order, rather than importing them at the top of a file.
- */
-export function loadDirectives() {
-  import('./clean-html-directive');
-  import('./clean-tooltip-directive');
-  import('./directives');
-}

package/plugins/portal-vue.js

@@ -1,4 +0,0 @@
-import Vue from 'vue';
-import PortalVue from 'portal-vue';
-
-Vue.use(PortalVue);

package/plugins/portal.js

@@ -1,4 +0,0 @@
-import Vue from 'vue';
-import Portal from 'vue-portal';
-
-Vue.use(Portal);

package/plugins/resize.js

@@ -1,5 +0,0 @@
-import Vue from 'vue';
-import VueResize from 'vue-resize';
-import 'vue-resize/dist/vue-resize.css';
-
-Vue.use(VueResize);

package/plugins/shortkey.js

@@ -1,4 +0,0 @@
-import Vue from 'vue';
-import ShortKey from 'vue-shortkey';
-
-Vue.use(ShortKey, { prevent: ['input', 'textarea', 'select'] });

package/plugins/tooltip.js

@@ -1,4 +0,0 @@
-import Vue from 'vue';
-import VTooltip from 'v-tooltip';
-
-Vue.use(VTooltip);

package/plugins/v-select.js

@@ -1,4 +0,0 @@
-import Vue from 'vue';
-import vSelect from 'vue-select';
-
-Vue.component('v-select', vSelect);

package/utils/group.js

@@ -1,70 +0,0 @@
-import { get } from '@shell/utils/object';
-import { filterBy } from '@shell/utils/array';
-import { sortBy } from '@shell/utils/sort';
-
-const NOT_GROUPED = 'none';
-
-// groupAndFilterBy(services, 'default')
-export function groupAndFilterOptions(ary, filter, {
-  defaultFilterKey = 'metadata.namespace',
-
-  groupBy = 'metadata.namespace',
-  groupPrefix = 'Namespace: ',
-
-  itemLabelKey = 'nameDisplay',
-  itemValueKey = 'id',
-  itemSortKey = 'nameSort',
-} = {}) {
-  let matching;
-
-  if ( filter && typeof filter === 'object' ) {
-    matching = filterBy((ary || []), filter);
-  } else if ( filter ) {
-    // If you want to filter on a value that's false-y (false, null, undefined) use the object version of filter
-    matching = filterBy((ary || []), defaultFilterKey, filter);
-  } else {
-    matching = ary;
-  }
-
-  const groups = {};
-
-  for ( const match of matching ) {
-    const name = groupBy ? get(match, groupBy) : NOT_GROUPED;
-    let entry = groups[name];
-
-    if ( !entry ) {
-      entry = {
-        group: `${ groupPrefix }${ name }`,
-        items: {},
-      };
-
-      groups[name] = entry;
-    }
-
-    const value = get(match, itemValueKey);
-
-    if ( !entry.items[value] ) {
-      entry.items[value] = {
-        obj:   match,
-        label: get(match, itemLabelKey),
-        value
-      };
-    }
-  }
-
-  const out = Object.keys(groups).map((name) => {
-    const entry = groups[name];
-
-    entry.items = sortBy(Object.values(entry.items), `obj.${ itemSortKey }`);
-
-    return entry;
-  });
-
-  if ( groupBy ) {
-    return sortBy(out, 'group');
-  } else if ( out.length ) {
-    return out[0].items;
-  } else {
-    return [];
-  }
-}