@rancher/shell 0.3.0 → 0.3.2

package/models/harvesterhci.io.management.cluster.js

@@ -1,228 +0,0 @@
-import Vue from 'vue';
-import ProvCluster from '@shell/models/provisioning.cattle.io.cluster';
-import { DEFAULT_WORKSPACE, HCI, MANAGEMENT } from '@shell/config/types';
-import { HARVESTER_NAME, HARVESTER_NAME as VIRTUAL } from '@shell/config/product/harvester-manager';
-import { SETTING } from '@shell/config/settings';
-
-export default class HciCluster extends ProvCluster {
-  get stateObj() {
-    return this._stateObj;
-  }
-
-  applyDefaults() {
-    if ( !this.spec ) {
-      Vue.set(this, 'spec', { agentEnvVars: [] });
-      Vue.set(this, 'metadata', { namespace: DEFAULT_WORKSPACE });
-    }
-  }
-
-  get isReady() {
-    // If the Connected condition exists, use that (2.6+)
-    if ( this.hasCondition('Connected') ) {
-      return this.isCondition('Connected');
-    }
-
-    // Otherwise use Ready (older)
-    return this.isCondition('Ready');
-  }
-
-  get canEdit() {
-    return false;
-  }
-
-  cachedHarvesterClusterVersion = '';
-
-  _uiInfo = undefined;
-
-  /**
-   * Fetch and cache the response for /ui-info
-   *
-   * Storing this in a cache means any changes to `ui-info` require a dashboard refresh... but it cuts out a http request every time we
-   * go to a cluster
-   *
-   * @param {string} clusterId
-   */
-  async _getUiInfo(clusterId) {
-    if (!this._uiInfo) {
-      try {
-        const infoUrl = `/k8s/clusters/${ clusterId }/v1/harvester/ui-info`;
-
-        this._uiInfo = await this.$dispatch('request', { url: infoUrl });
-      } catch (e) {
-        console.info(`Failed to fetch harvester ui-info from ${ this.nameDisplay }, this may be an older cluster that cannot provide one`); // eslint-disable-line no-console
-      }
-    }
-
-    return this._uiInfo;
-  }
-
-  /**
-   * Determine the harvester plugin's package name and url for legacy clusters that don't provide the package (i.e. it's coming from
-   * outside the cluster)
-   */
-  _legacyClusterPkgDetails() {
-    let uiOfflinePreferred = this.$rootGetters['management/byId'](MANAGEMENT.SETTING, SETTING.UI_OFFLINE_PREFERRED)?.value;
-    // options: ['dynamic', 'true', 'false']
-
-    if (uiOfflinePreferred === 'dynamic') {
-      // We shouldn't need to worry about the version of the dashboard when embedded in harvester (aka in isSingleProduct)
-      const version = this.$rootGetters['management/byId'](MANAGEMENT.SETTING, 'server-version')?.value;
-
-      if (version.endsWith('-head')) {
-        uiOfflinePreferred = 'false';
-      } else {
-        uiOfflinePreferred = 'true';
-      }
-    }
-
-    // This is the version that's embedded in the dashboard
-    const pkgName = `${ HARVESTER_NAME }-1.0.3`;
-
-    if (uiOfflinePreferred === 'true') {
-      // Embedded (aka give me the embedded plugin that was in the last rancher release)
-      const embeddedPath = `${ pkgName }/${ pkgName }.umd.min.js`;
-
-      return {
-        pkgUrl: process.env.dev ? `${ process.env.api }/dashboard/${ embeddedPath }` : embeddedPath,
-        pkgName
-      };
-    }
-
-    if (uiOfflinePreferred === 'false') {
-      // Remote (aka give me the latest version of the embedded plugin that might not have been released yet)
-      const uiDashboardHarvesterRemotePlugin = this.$rootGetters['management/byId'](MANAGEMENT.SETTING, SETTING.UI_DASHBOARD_HARVESTER_LEGACY_PLUGIN)?.value;
-      const parts = uiDashboardHarvesterRemotePlugin?.replace('.umd.min.js', '').split('/');
-      const pkgNameFromUrl = parts?.length > 1 ? parts[parts.length - 1] : null;
-
-      if (!pkgNameFromUrl) {
-        throw new Error(`Unable to determine harvester plugin name from '${ uiDashboardHarvesterRemotePlugin }'`);
-      }
-
-      return {
-        pkgUrl:  uiDashboardHarvesterRemotePlugin,
-        pkgName: pkgNameFromUrl
-      };
-    }
-
-    throw new Error(`Unsupported value for ${ SETTING.UI_OFFLINE_PREFERRED }: 'uiOfflinePreferred'`);
-  }
-
-  /**
-   * Determine the harvester plugin's package name and url for clusters that provide the plugin
-   */
-  _supportedClusterPkgDetails(uiInfo, clusterId) {
-    let pkgName = `${ HARVESTER_NAME }-${ uiInfo['ui-plugin-bundled-version'] }`;
-    const fileName = `${ pkgName }.umd.min.js`;
-    let pkgUrl;
-
-    if (uiInfo['ui-source'] === 'bundled' ) { // offline bundled
-      pkgUrl = `/k8s/clusters/${ clusterId }/v1/harvester/plugin-assets/${ fileName }`;
-    } else if (uiInfo['ui-source'] === 'external') {
-      if (uiInfo['ui-plugin-index']) {
-        pkgUrl = uiInfo['ui-plugin-index'];
-
-        // When using an external address, the pkgName should also be get from the url
-        const names = pkgUrl.split('/');
-        const jsName = names[names.length - 1];
-
-        pkgName = jsName?.split('.umd.min.js')[0];
-      } else {
-        throw new Error('Harvester cluster requested the plugin at `ui-plugin-index` is used, however did not provide a value for it');
-      }
-    }
-
-    return {
-      pkgUrl,
-      pkgName
-    };
-  }
-
-  _overridePkgDetails() {
-    // Support loading the pkg from a locally, or other, address
-    // This helps testing of the harvester plugin when packaged up, instead of directly imported
-    const harvesterPkgUrl = process.env.harvesterPkgUrl;
-
-    if (!harvesterPkgUrl) {
-      return;
-    }
-    const parts = harvesterPkgUrl.replace('.umd.min.js', '').split('/');
-    const pkgNameFromUrl = parts.length > 1 ? parts[parts.length - 1] : null;
-
-    if (pkgNameFromUrl) {
-      return {
-        pkgUrl:  harvesterPkgUrl,
-        pkgName: pkgNameFromUrl
-      };
-    }
-  }
-
-  async _pkgDetails() {
-    const overridePkgDetails = this._overridePkgDetails();
-
-    if (overridePkgDetails) {
-      return overridePkgDetails;
-    }
-
-    const clusterId = this.mgmt.id;
-    const uiInfo = await this._getUiInfo(clusterId);
-
-    return uiInfo ? this._supportedClusterPkgDetails(uiInfo, clusterId) : this._legacyClusterPkgDetails();
-  }
-
-  async loadClusterPlugin() {
-    // Skip loading if it's built in
-    const plugins = this.$rootState.$plugin.getPlugins();
-    const loadedPkgs = Object.keys(plugins);
-
-    if (loadedPkgs.find(pkg => pkg === HARVESTER_NAME)) {
-      console.info('Harvester plugin built is built in, skipping load from external sources'); // eslint-disable-line no-console
-
-      return;
-    }
-
-    // Determine the plugin name and the url it can be fetched from
-    const { pkgUrl, pkgName } = await this._pkgDetails();
-
-    console.info('Harvester plugin details: ', pkgName, pkgUrl); // eslint-disable-line no-console
-
-    // Skip loading if we've previously loaded the correct one
-    if (!!plugins[pkgName]) {
-      console.info('Harvester plugin already loaded, no need to load', pkgName); // eslint-disable-line no-console
-
-      return;
-    }
-
-    console.info('Attempting to load Harvester plugin', pkgName); // eslint-disable-line no-console
-
-    const res = await this.$rootState.$plugin.loadAsync(pkgName, pkgUrl);
-
-    console.info('Loaded Harvester plugin', pkgName); // eslint-disable-line no-console
-
-    return res;
-  }
-
-  goToCluster() {
-    this.loadClusterPlugin()
-      .then(() => {
-        this.currentRouter().push({
-          name:   `${ VIRTUAL }-c-cluster-resource`,
-          params: {
-            cluster:  this.status.clusterName,
-            product:  VIRTUAL,
-            resource: HCI.DASHBOARD // Go directly to dashboard to avoid blip of components on screen
-          }
-        });
-      })
-      .catch((err) => {
-        const message = typeof error === 'object' ? JSON.stringify(err) : err;
-
-        console.error('Failed to load harvester package: ', message); // eslint-disable-line no-console
-
-        this.$dispatch('growl/error', {
-          title:   this.t('harvesterManager.plugins.loadError'),
-          message,
-          timeout: 5000
-        }, { root: true });
-      });
-  }
-}

package/pages/c/_cluster/harvesterManager/index.vue

@@ -1,24 +0,0 @@
-<script>
-import { NAME } from '@shell/config/product/harvester-manager';
-import { HCI } from '@shell/config/types';
-
-export default {
-  middleware({ redirect, route } ) {
-    return redirect({
-      name:   'c-cluster-product-resource',
-      params: {
-        ...route.params,
-        product:  NAME,
-        resource: HCI.CLUSTER
-      }
-    });
-  }
-};
-
-</script>
-
-<template>
-  <div>
-    This is harvester Manager.
-  </div>
-</template>

package/rancher-components/Card/Card.test.ts

@@ -1,39 +0,0 @@
-import { mount } from '@vue/test-utils';
-import { Card } from './index';
-
-describe('component: Card', () => {
-  const title = 'Card title';
-  const body = 'Card body';
-
-  it('should have a card title', () => {
-    const wrapper = mount(Card, {
-      propsData: { title },
-      slots: { 
-        title: '<div>Card title</div>',
-      }
-    });
-  
-    const element = wrapper.find('[data-testid="card-title-slot"]')
-    expect(element.exists()).toBe(true);
-    expect(element.text()).toBe(title)
-  });
-
-  it('should have a card body', () => {
-    const wrapper = mount(Card, {
-      propsData: { body },
-      slots: { 
-        body: '<div>Card body</div>',
-      }
-    });
-    const element = wrapper.find('[data-testid="card-body-slot"]')
-    expect(element.exists()).toBe(true);
-    expect(element.text()).toBe(body)
-  });
-
-  it('should display the default card actions', () => {
-    const wrapper = mount(Card)
-    const element = wrapper.find('[data-testid="card-actions-slot"]')
-    expect(element.exists()).toBe(true);
-  });
-});
-

package/rancher-components/Utils/DraggableZone/DraggableZone.vue

@@ -1,181 +0,0 @@
-<script lang="ts">
-import Vue from 'vue';
-import { mapState } from 'vuex';
-import { BOTTOM, CENTER, LEFT, RIGHT } from '@shell/utils/position';
-
-interface Data {
-  drag: Drag;
-}
-
-type Zone = null | typeof CENTER | typeof RIGHT | typeof BOTTOM | typeof LEFT;
-
-export interface Drag {
-  active: boolean;
-  zone: Zone;
-}
-
-export default Vue.extend({
-  data(): Data {
-    return {
-      drag:   {
-        active: false,
-        zone:   CENTER,
-      },
-    };
-  },
-
-  computed: {
-
-    ...mapState('wm', ['userPin']),
-
-    pin: {
-      get(): Zone {
-        return this.userPin;
-      },
-
-      set(pin: Zone) {
-        if (pin === CENTER) {
-          return;
-        }
-        window.localStorage.setItem('wm-pin', pin as string);
-        this.$store.commit('wm/setUserPin', pin);
-      },
-    },
-
-  },
-
-  methods: {
-
-    onDragStart() {
-      this.drag.active = true;
-    },
-
-    onDragOver(event: DragEvent, zone: Zone) {
-      this.drag.zone = zone;
-      if (zone !== CENTER) {
-        event.preventDefault();
-      }
-    },
-
-    onDragEnd() {
-      this.pin = this.drag.zone;
-      this.drag = {
-        active: false,
-        zone:   CENTER,
-      };
-    },
-
-  }
-});
-</script>
-
-<template>
-  <div v-if="drag.active">
-    <span
-      v-if="drag.zone != pin"
-      class="pin-effect-area"
-      :class="drag.zone"
-    />
-    <span
-      class="drag-area center"
-      @dragover="onDragOver($event, 'center')"
-    />
-    <span
-      class="drag-area right"
-      @dragover="onDragOver($event, 'right')"
-    />
-    <span
-      class="drag-area bottom"
-      @dragover="onDragOver($event, 'bottom')"
-    />
-    <span
-      class="drag-area left"
-      @dragover="onDragOver($event, 'left')"
-    />
-  </div>
-</template>
-
-<style lang='scss' scoped>
-
-  .pin-effect-area {
-    position: absolute;
-    z-index: 997;
-    width: 0;
-    height: 0;
-    border-style: hidden;
-
-    &.right {
-      top: 55px;
-      right: 0;
-      width: 300px;
-      transition: width .5s ease;
-      height: 100%;
-      background-image: linear-gradient(to right, var(--drag-over-outer-bg), var(--drag-over-inner-bg));
-      border-left: 1px;
-      border-style: hidden hidden hidden dashed;
-    }
-
-    &.left {
-      top: 55px;
-      left: 0;
-      width: 300px;
-      transition: width .5s ease;
-      height: 100%;
-      background-image: linear-gradient(to left, var(--drag-over-outer-bg), var(--drag-over-inner-bg));
-      border-right: 1px;
-      border-style: hidden dashed hidden hidden;
-    }
-
-    &.bottom {
-      bottom: 0;
-      height: 270px;
-      transition: height .5s ease;
-      width: 100%;
-      background-image: linear-gradient(to top, var(--drag-over-inner-bg), var(--drag-over-outer-bg));
-      border-top: 1px;
-      border-style: dashed hidden hidden hidden;
-    }
-
-    &.center {
-      width: 0;
-      height: 0;
-    }
-  }
-
-  // ToDo make height and width as input variable
-  .drag-area {
-    position: absolute;
-    z-index: 999;
-    width: 0;
-    height: 0;
-    opacity: 0;
-
-    &.center {
-      top: 0;
-      right: 0;
-      width: 100%;
-      height: 100%;
-      z-index: 998;
-    }
-
-    &.right {
-      top: 55px;
-      right: 0;
-      width: 300px;
-      height: 100%;
-    }
-
-    &.left {
-      top: 55px;
-      left: 0;
-      width: 300px;
-      height: 100%;
-    }
-
-    &.bottom {
-      bottom: 0;
-      height: 270px;
-      width: 100%;
-    }
-  }
-</style>

package/rancher-components/Utils/DraggableZone/index.ts

@@ -1 +0,0 @@
-export { default as DraggableZone } from './DraggableZone.vue';

package/rancher-components/components/Utils/DraggableZone/index.ts

@@ -1 +0,0 @@
-export { default as DraggableZone } from './DraggableZone.vue';