@rancher/shell 2.0.0 → 3.0.0-rc.1

package/creators/pkg/init

@@ -1,286 +0,0 @@
-#!/usr/bin/env node
-
-const fs = require('fs-extra');
-const path = require('path');
-const https = require('https');
-
-const targets = {
-  dev:  './node_modules/.bin/nuxt dev',
-  nuxt: './node_modules/.bin/nuxt',
-};
-
-const files = [
-  'tsconfig.json',
-  'vue.config.js',
-  'babel.config.js',
-  'index.ts'
-];
-
-const topLevelScripts = {
-  'build-pkg':      './node_modules/@rancher/shell/scripts/build-pkg.sh',
-  'serve-pkgs':     './node_modules/@rancher/shell/scripts/serve-pkgs',
-  'publish-pkgs':   './node_modules/@rancher/shell/scripts/extension/publish',
-  'parse-tag-name': './node_modules/@rancher/shell/scripts/extension/parse-tag-name'
-};
-
-const typeFolders = [
-  'l10n',
-  'models',
-  'edit',
-  'list',
-  'detail'
-];
-
-const shellPkgPath = 'node_modules/@rancher/shell';
-
-console.log('');
-console.log('Creating Skeleton UI Package');
-
-const args = process.argv;
-
-if (args.length !== 3) {
-  console.log('Expected single argument of package name');
-}
-
-const name = args[2];
-const folder = path.resolve('.');
-const pkgFolder = path.join(folder, 'pkg', name);
-
-let addTypeFolders = false;
-let addWorkflowFolder = false;
-let ignoreShellPkgPathCheck = false;
-
-if (args.length > 3) {
-  for (let i = 3; i < args.length; i++) {
-    switch (args[i]) {
-    case '-t':
-      addTypeFolders = true;
-      break;
-    case '-w':
-      addWorkflowFolder = true;
-      break;
-    case '-i':
-    ignoreShellPkgPathCheck = true;
-      break;
-    default:
-      break;
-    }
-  }
-}
-
-
-if (!ignoreShellPkgPathCheck && !fs.existsSync(path.join(pkgFolder, `../../${ shellPkgPath }/package.json`))) {
-  console.log('');
-  console.log('@rancher/shell not found in node_modules! Please do "yarn install" and make sure you run this command from the base folder of your app');
-  process.exit(1);
-}
-
-const isNodeModulesShell = !fs.existsSync(path.join(folder, 'shell'));
-
-if (!isNodeModulesShell) {
-  Object.keys(topLevelScripts).forEach((script) => {
-    topLevelScripts[script] = topLevelScripts[script].replace('./node_modules/@rancher/shell', './shell');
-  });
-}
-
-console.log(`  Creating package folder: ${ pkgFolder }`);
-
-fs.ensureDirSync(pkgFolder);
-
-console.log('  Creating package.json');
-fs.copySync(path.join(__dirname, 'pkg.package.json'), path.join(pkgFolder, 'package.json'));
-
-const rawdata = fs.readFileSync(path.join(pkgFolder, 'package.json'));
-const pkg = JSON.parse(rawdata);
-
-pkg.name = name;
-pkg.description = `${ name } plugin`;
-
-Object.keys(targets).forEach((target) => {
-  if (!pkg.scripts[target]) {
-    pkg.scripts[target] = targets[target];
-    console.log(`  Adding script '${ target }' to package.json`);
-  }
-});
-
-// Add annotation for the latest Rancher version by default
-function fetchLatestVersion() {
-  console.log('  Fetching latest Rancher Version');
-  const options = { headers: { 'User-Agent': 'nodejs' } };
-
-  https.get('https://api.github.com/repos/rancher/rancher/releases/latest', options, (res) => {
-    const { statusCode } = res;
-    const contentType = res.headers['content-type'];
-
-    let error;
-
-    if ( statusCode !== 200 ) {
-      error = new Error('  Request Failed.\n' +
-                        `  Status Code: ${ statusCode }`);
-    } else if ( !/^application\/json/.test(contentType) ) {
-      error = new Error('  Invalid content-type.\n' +
-                        `  Expected application/json but received ${ contentType }`);
-    }
-
-    if ( error ) {
-      console.log(error.message);
-
-      res.resume();
-
-      return;
-    }
-
-    res.setEncoding('utf8');
-    let rawData = '';
-
-    res.on('data', (chunk) => {
-      rawData += chunk;
-    });
-    res.on('end', () => {
-      try {
-        const release = JSON.parse(rawData);
-
-        if ( release.tag_name ) {
-          console.log(`  Adding rancher-version annotation '>= ${ release.tag_name }' to package.json`);
-
-          pkg.rancher = { annotations: { 'catalog.cattle.io/rancher-version': `>= ${ release.tag_name }` } };
-
-          // read shell version from node_modules/@rancher/shell/package.json
-          const shellPkgRawData = fs.readFileSync(path.join(pkgFolder, `../../${ shellPkgPath }/package.json`));
-          const shellPkg = JSON.parse(shellPkgRawData);
-          const latestShellVersion = shellPkg.version || null;
-
-          if (!latestShellVersion) {
-            console.log('Could not get a shell version from node_modules/@rancher/shell/package.json in app');
-          } else {
-            const splitShellVersion = latestShellVersion.split('.');
-            const majorVersion = splitShellVersion[0];
-            const minorVersion = splitShellVersion[1];
-            const parsedShellVersion = `${majorVersion}.${minorVersion}.0`;
-            
-            console.log(`  Adding catalog.cattle.io/ui-extensions-version '>= ${parsedShellVersion }' to package.json`);
-            
-            pkg.rancher.annotations['catalog.cattle.io/ui-extensions-version'] = `>= ${ parsedShellVersion }`;
-          }
-
-          writePackageJson();
-        }
-      } catch (e) {
-        console.log('  Error parsing release data', e);
-      }
-    });
-  }).on('error', (e) => {
-    console.log('  Error fetching latest Rancher Version', e);
-  });
-}
-
-fetchLatestVersion();
-writePackageJson();
-
-// Add dependencies
-// pkg.dependencies['@rancher/shell'] = '^0.6.2';
-// pkg.dependencies['core-js'] = '3.18.3';
-
-function writePackageJson() {
-  fs.writeFileSync(path.join(pkgFolder, 'package.json'), JSON.stringify(pkg, null, 2));
-}
-
-// Create type folders if needed
-if (addTypeFolders) {
-  typeFolders.forEach((dir) => {
-    const dest = path.join(path.join(pkgFolder, dir));
-
-    if (!fs.existsSync(dest)) {
-      console.log(`  Creating folder: ${ dir }`);
-      fs.mkdirSync(dest);
-    }
-  });
-}
-
-// Add workflow folder if needed
-if (addWorkflowFolder) {
-  const workflowDir = path.join(folder, '.github/workflows');
-
-  if (!fs.existsSync(workflowDir)) {
-    fs.mkdirSync(workflowDir, { recursive: true });
-  }
-
-  const files = [
-    'build-extension-catalog.yml',
-    'build-extension-charts.yml'
-  ];
-
-  files.forEach((fileName) => {
-    const file = path.join(workflowDir, fileName);
-
-    if (!fs.existsSync(file)) {
-      const src = path.join(__dirname, 'files/.github/workflows', fileName);
-
-      console.log(`  Adding file ${ fileName } to root workflows`);
-      fs.copySync(src, file);
-    }
-  });
-}
-
-// Copy base files
-files.forEach((file) => {
-  const src = path.join(__dirname, 'files', file);
-  const dest = path.join(path.join(pkgFolder, file));
-
-  if (!fs.existsSync(dest)) {
-    console.log(`  Adding file: ${ file }`);
-    fs.copySync(src, dest);
-  }
-});
-
-// require("child_process").spawn('yarn', ['install'], {
-//   cwd: process.cwd(),
-//   stdio: "inherit"
-// });
-
-// Update tsconfig
-
-const topLevelRawdata = fs.readFileSync(path.join(folder, 'package.json'));
-const topLevelPkg = JSON.parse(topLevelRawdata);
-let updated = false;
-
-Object.keys(topLevelScripts).forEach((target) => {
-  if (!topLevelPkg.scripts[target]) {
-    topLevelPkg.scripts[target] = topLevelScripts[target];
-    console.log(`  Adding script '${ target }' to top-level package.json`);
-    updated = true;
-  }
-});
-
-if (updated) {
-  fs.writeFileSync(path.join(folder, 'package.json'), JSON.stringify(topLevelPkg, null, 2));
-}
-
-// Update tsconfig if needed
-if (!isNodeModulesShell) {
-  const tsconfig = require(path.join(pkgFolder, 'tsconfig.json'));
-
-  tsconfig.include = updateArray(tsconfig.include);
-
-  Object.keys(tsconfig.compilerOptions.paths).forEach((p) => {
-    tsconfig.compilerOptions.paths[p] = updateArray(tsconfig.compilerOptions.paths[p]);
-  });
-
-  // Update typeRoots
-  tsconfig.compilerOptions.typeRoots = updateArray(tsconfig.compilerOptions.typeRoots);
-
-  fs.writeFileSync(path.join(pkgFolder, 'tsconfig.json'), JSON.stringify(tsconfig, null, 2));
-  console.log('  Updated tsconfig.json for shell folder location');
-}
-
-console.log('');
-
-function updateArray(data) {
-  const updated = [];
-
-  data.forEach((inc) => {
-    updated.push(inc.replace('../../node_modules/@rancher/shell', '../../shell'));
-  });
-
-  return updated;
-}

package/creators/pkg/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "@rancher/create-pkg",
-  "description": "Rancher UI Package generator",
-  "version": "0.0.1",
-  "license": "Apache-2.0",
-  "author": "SUSE",
-  "private": false,
-  "bin": "./init",
-  "files": [
-    "**/*.*",
-    "init"
-  ],
-  "engines": {
-    "node": ">=12"
-  },
-  "dependencies": {
-    "fs-extra": "^10.0.0"
-  }
-}

package/creators/pkg/pkg.package.json

@@ -1,21 +0,0 @@
-{
-  "name": "NAME",
-  "description": "NAME plugin",
-  "version": "0.1.0",
-  "private": false,
-  "rancher": true,
-  "scripts": {},
-  "engines": {
-    "node": ">=12"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "4.5.18",
-    "@vue/cli-service": "4.5.18",
-    "@vue/cli-plugin-typescript": "4.5.18"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}

package/creators/pkg/vue-shim.ts

@@ -1,4 +0,0 @@
-declare module '*.vue' {
-  import Vue from 'vue';
-  export default Vue;
-}

package/creators/update/init

@@ -1,56 +0,0 @@
-#!/usr/bin/env node
-
-const path = require('path');
-const fs = require('fs-extra');
-const { spawnSync } = require('child_process');
-
-const scriptFolder = __dirname;
-const dest = path.resolve('.');
-
-// Remove first two args
-let args = process.argv;
-args.splice(0, 2);
-
-const res = spawnSync(`${__dirname}/upgrade`, args, {
-  cwd: dest,
-  shell: false,
-  stdio: [ 'ignore', process.stdout, process.stderr ],
-});
-
-if (res.status !== 0) {
-  process.exit(res.status);
-}
-
-// Read the existing package.json
-let rawdata = fs.readFileSync(path.join(dest, 'package.json'));
-const appPackage = JSON.parse(rawdata);
-
-// Read the package.json from the app creator
-rawdata = fs.readFileSync(path.join(scriptFolder, 'app', 'package.json'));
-const latestPackage = JSON.parse(rawdata);
-
-// Read the package.json from the upgrade creator
-rawdata = fs.readFileSync(path.join(scriptFolder, 'package.json'));
-const upgradePackage = JSON.parse(rawdata);
-
-// Update dependency versions to match the latest from the creator
-Object.keys(latestPackage._pkgs).forEach((key) => {
-  appPackage.dependencies[key] = latestPackage._pkgs[key];
-});
-
-// Add in the webpack resolution
-appPackage.resolutions = appPackage.resolutions || {};
-appPackage.resolutions['**/webpack'] = '4';
-
-// Update the version of @rancher/shell
-const shellVersion = upgradePackage.version;
-
-appPackage.dependencies['@rancher/shell'] = shellVersion;
-
-fs.writeFileSync(path.join(dest, 'package.json'), JSON.stringify(appPackage, null, 2) + '\n');
-
-spawnSync(`yarn`, ['install'], {
-  cwd: dest,
-  shell: false,
-  stdio: [ 'ignore', process.stdout, process.stderr ],
-});

package/creators/update/package.json

@@ -1,20 +0,0 @@
-{
-  "name": "@rancher/create-update",
-  "description": "Rancher UI Update helper",
-  "version": "0.0.0",
-  "license": "Apache-2.0",
-  "author": "SUSE",
-  "private": false,
-  "bin": "./init",
-  "files": [
-    "**/*.*",
-    "init",
-    "upgrade"
-  ],
-  "engines": {
-    "node": ">=12"
-  },
-  "dependencies": {
-    "fs-extra": "^10.0.0"
-  }
-}

package/creators/update/upgrade

@@ -1,56 +0,0 @@
-#!/usr/bin/env sh
-
-SCRIPT_DIR=$( cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )
-
-echo "Upgrading Rancher Shell"
-
-# Get the version number from the package.json file
-VERSION=$(node -p -e "require('${SCRIPT_DIR}/package.json').version")
-
-echo "Updating to version: ${VERSION}"
-echo ""
-
-FORCE="false"
-
-if [ "$1" == "-f" ]; then
-  FORCE="true"
-fi
-
-# Check for a clean git repository
-if [ ! -d ".git" ] && [ "${FORCE}" == "false" ]; then
-  echo "Not runnning in a git repository. Re-run with -f to ignore this check"
-  echo "Note: This action will update yuor files - running in a git repsository will ensure you have visibility over changes made"
-  exit 1 
-fi
-
-if [[ $(git diff --stat) != '' ]] && [ "${FORCE}" == "false" ]; then
-  echo "Git repository is not clean. Re-run with -f to ignore this check"
-  echo "Note: This action will update yuor files - running in a clean git repsository will ensure you have visibility over changes made"
-  exit 1 
-fi
-
-# Check this is a Rancher Extension
-if [ ! -f "./package.json" ]; then
-  echo "Can't find package.json - check you're running from the correct folder"
-  exit 1 
-fi
-
-HAS_SHELL=$(grep "\"@rancher/shell\"" package.json -c )
-if [ "${HAS_SHELL}" != "1" ]; then
-  echo "package.json does not reference @rancher/shell - check you're running from the correct folder"
-  exit 1 
-fi
-
-# Copy files for the top-level folder (from the app creator)
-rsync --exclude nuxt.config.js ${SCRIPT_DIR}/app/files/* .
-
-# Go through each folder in the pkg folder and update their files
-for pkg in ./pkg/*
-do
-  if [ -d "${pkg}" ]; then
-    pkgName=$(basename $pkg)
-    echo "Updating package ${pkgName}"
-
-    cp ${SCRIPT_DIR}/pkg/files/* ${pkg}
-  fi
-done

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

@@ -1,11 +0,0 @@
-<script>
-import InstallRedirect from '@shell/utils/install-redirect';
-import { NAME, CHART_NAME } from '@shell/config/product/backup';
-import { BACKUP_RESTORE } from '@shell/config/types';
-
-export default { middleware: [InstallRedirect(NAME, CHART_NAME, BACKUP_RESTORE.BACKUP)] };
-</script>
-
-<template>
-  <div>This is backup/restore.</div>
-</template>

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

@@ -1,11 +0,0 @@
-<script>
-import InstallRedirect from '@shell/utils/install-redirect';
-import { NAME, CHART_NAME } from '@shell/config/product/cis';
-import { CIS } from '@shell/config/types';
-
-export default { middleware: [InstallRedirect(NAME, CHART_NAME, CIS.CLUSTER_SCAN)] };
-</script>
-
-<template>
-  <div>This is cis.</div>
-</template>

package/plugins/directives.js

@@ -1,8 +0,0 @@
-import Vue from 'vue';
-import focusDirective from '@shell/plugins/directives.js';
-
-export default focusDirective;
-/* eslint-disable-next-line no-console */
-console.warn(`Importing focusDirective from plugins has been deprecated, use shell/directives/focus.js instead.
-Make sure to invoke it using Vue.directive('focus', focusDirective ) to maintain compatibility.`);
-Vue.directive('focus', focusDirective);

package/plugins/vue-js-modal.js

@@ -1,4 +0,0 @@
-import Vue from 'vue';
-import VModal from 'vue-js-modal';
-
-Vue.use(VModal);

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

@@ -1,45 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import { Accordion } from './index';
-
-describe('component: Accordion', () => {
-  it('is closed initially by default', () => {
-    const title = 'Test Title';
-
-    const wrapper = shallowMount(Accordion, { propsData: { title } });
-
-    expect(wrapper.find('[data-testid="accordion-body"]').isVisible()).toBe(false);
-    expect(wrapper.find('[data-testid="accordion-header"]').text()).toBe(title);
-  });
-
-  it('is opened initially when openInitially prop is true', () => {
-    const wrapper = shallowMount(Accordion, { propsData: { openInitially: true } });
-
-    expect(wrapper.find('[data-testid="accordion-body"]').isVisible()).toBe(true);
-  });
-
-  it('when closed, opens when the header is clicked', async() => {
-    const wrapper = shallowMount(Accordion, { });
-
-    await wrapper.find('[data-testid="accordion-header"]').trigger('click');
-    expect(wrapper.find('[data-testid="accordion-body"]').isVisible()).toBe(true);
-  });
-
-  it('when open, closes when the header is clicked', async() => {
-    const wrapper = shallowMount(Accordion, { propsData: { openInitially: true } });
-
-    await wrapper.find('[data-testid="accordion-header"]').trigger('click');
-    expect(wrapper.find('[data-testid="accordion-body"]').isVisible()).toBe(false);
-  });
-
-  it('displays a chevron when closed', async() => {
-    const wrapper = shallowMount(Accordion, { propsData: { } });
-
-    expect(wrapper.find('[data-testid="accordion-header"] .icon-chevron-up').exists()).toBe(true);
-  });
-
-  it('displays an inverted chevron when open', async() => {
-    const wrapper = shallowMount(Accordion, { propsData: { openInitially: true } });
-
-    expect(wrapper.find('[data-testid="accordion-header"] .icon-chevron-down').exists()).toBe(true);
-  });
-});

package/rancher-components/components/Accordion/Accordion.vue

@@ -1,86 +0,0 @@
-<script lang="ts">
-import { defineComponent } from 'vue';
-import { mapGetters } from 'vuex';
-
-export default defineComponent({
-  props: {
-    title: {
-      type:    String,
-      default: ''
-    },
-
-    titleKey: {
-      type:    String,
-      default: null
-    },
-
-    openInitially: {
-      type:    Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return { isOpen: this.openInitially };
-  },
-
-  computed: { ...mapGetters({ t: 'i18n/t' }) },
-
-  methods: {
-    toggle() {
-      this.isOpen = !this.isOpen;
-    }
-  }
-});
-</script>
-
-<template>
-  <div class="accordion-container">
-    <div
-      class="accordion-header"
-      data-testid="accordion-header"
-      @click="toggle"
-    >
-      <i
-        class="icon text-primary"
-        :class="{'icon-chevron-down':isOpen, 'icon-chevron-up':!isOpen}"
-        data-testid="accordion-chevron"
-      />
-      <slot name="header">
-        <h4
-          data-testid="accordion-title-slot-content"
-          class="mb-0"
-        >
-          {{ titleKey ? t(titleKey) : title }}
-        </h4>
-      </slot>
-    </div>
-    <div
-      v-show="isOpen"
-      class="accordion-body"
-      data-testid="accordion-body"
-    >
-      <slot />
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.accordion-container {
-  border: 1px solid var(--border)
-}
-.accordion-header {
-  padding: 5px;
-  display: flex;
-  align-items: center;
-  &>*{
-    padding: 5px 0px 5px 0px;
-  }
-  I {
-    margin: 0px 10px 0px 10px;
-  }
-}
-.accordion-body {
-  padding: 10px;
-}
-</style>

package/rancher-components/components/Accordion/index.ts

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

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

@@ -1,12 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import { BadgeState } from './index';
-
-describe('BadgeState.vue', () => {
-  it('renders props.msg when passed', () => {
-    const label = 'Hello, World!';
-
-    const wrapper = shallowMount(BadgeState, { propsData: { label } });
-
-    expect(wrapper.find('span').text()).toMatch(label);
-  });
-});