@rancher/shell 1.2.3 → 2.0.1

package/config/table-headers.js

@@ -1,6 +1,6 @@
 import { CATTLE_PUBLIC_ENDPOINTS } from '@shell/config/labels-annotations';
 import { NODE as NODE_TYPE } from '@shell/config/types';
-import { COLUMN_BREAKPOINTS } from '@shell/components/SortableTable/index.vue';
+import { COLUMN_BREAKPOINTS } from '@shell/types/store/type-map';
 
 // Note: 'id' is always the last sort, so you don't have to specify it here.
 
@@ -15,6 +15,17 @@ export const STATE = {
   formatter: 'BadgeStateFormatter',
 };
 
+export const USER_STATE = {
+  name:      'user-state',
+  labelKey:  'tableHeaders.userState',
+  sort:      ['stateSort', 'nameSort'],
+  value:     'stateDisplay',
+  getValue:  (row) => row.stateDisplay,
+  width:     72,
+  default:   'unknown',
+  formatter: 'BadgeStateFormatter',
+};
+
 export const DOWNLOAD = {
   name:          'download',
   labelKey:      'tableHeaders.download',
@@ -361,6 +372,13 @@ export const KEYS = {
   value:    'keysDisplay',
 };
 
+export const SECRET_DATA = {
+  name:      'data',
+  labelKey:  'tableHeaders.data',
+  value:     'dataPreview',
+  formatter: 'SecretData'
+};
+
 export const TARGET_KIND = {
   name:     'target-kind',
   labelKey: 'tableHeaders.targetKind',
@@ -733,6 +751,29 @@ export const FLEET_SUMMARY = {
   width:     100,
 };
 
+export const FLEET_REPO_CLUSTER_SUMMARY = {
+  name:      'clusterSummary',
+  labelKey:  'tableHeaders.clusterResources',
+  value:     'status.resourceCounts',
+  sort:      false,
+  search:    false,
+  formatter: 'FleetClusterSummaryGraph',
+  align:     'center',
+  width:     100,
+};
+
+export const FLEET_REPO_PER_CLUSTER_STATE = {
+  name:          'perClusterState',
+  labelKey:      'tableHeaders.repoPerClusterState',
+  tooltip:       'tableHeaders.repoPerClusterStateTooltip',
+  sort:          ['stateSort', 'nameSort'],
+  width:         100,
+  default:       'unknown',
+  formatter:     'BadgeStateFormatter',
+  formatterOpts: { arbitrary: true }
+
+};
+
 export const APP_SUMMARY = {
   name:      'summary',
   labelKey:  'tableHeaders.resources',
@@ -998,6 +1039,30 @@ export const FLEET_BUNDLE_TYPE = {
   width:    100,
 };
 
+export const FLEET_REPO_CLUSTERS_READY = {
+  name:     'clustersReady',
+  labelKey: 'tableHeaders.clustersReady',
+  value:    'status.readyClusters',
+  sort:     'status.readyClusters',
+  search:   false,
+};
+
+export const FLEET_REPO_TARGET = {
+  name:     'target',
+  labelKey: 'tableHeaders.target',
+  value:    'targetInfo.modeDisplay',
+  sort:     ['targetInfo.modeDisplay', 'targetInfo.cluster', 'targetInfo.clusterGroup'],
+
+};
+
+export const FLEET_REPO = {
+  name:     'repo',
+  labelKey: 'tableHeaders.repo',
+  value:    'repoDisplay',
+  sort:     'repoDisplay',
+  search:   ['spec.repo', 'status.commit'],
+};
+
 export const UI_PLUGIN_CATALOG = [
   {
     name:          'state',

package/config/types.js

@@ -4,7 +4,10 @@
 
 // Steve-specific virtual types
 // Base: /v1
-export const STEVE = { PREFERENCE: 'userpreference' };
+export const STEVE = {
+  PREFERENCE:        'userpreference',
+  SCHEMA_DEFINITION: 'schemaDefinition'
+};
 
 // Old APIs via Norman
 // Base: /v3
@@ -14,7 +17,7 @@ export const NORMAN = {
   ETCD_BACKUP:                   'etcdbackup',
   CLUSTER:                       'cluster',
   CLUSTER_TOKEN:                 'clusterregistrationtoken',
-  CLUSTER_ROLE_TEMPLATE_BINDING: 'clusterRoleTemplateBinding',
+  CLUSTER_ROLE_TEMPLATE_BINDING: 'clusterroletemplatebinding',
   CLOUD_CREDENTIAL:              'cloudcredential',
   FLEET_WORKSPACES:              'fleetworkspace',
   GLOBAL_ROLE:                   'globalRole',
@@ -26,10 +29,13 @@ export const NORMAN = {
   PRINCIPAL:                     'principal',
   PROJECT:                       'project',
   PROJECT_ROLE_TEMPLATE_BINDING: 'projectroletemplatebinding',
+  SETTING:                       'setting',
   SPOOFED:                       { GROUP_PRINCIPAL: 'group.principal' },
   ROLE_TEMPLATE:                 'roleTemplate',
   TOKEN:                         'token',
   USER:                          'user',
+  KONTAINER_DRIVER:              'kontainerDriver',
+  NODE_DRIVER:                   'nodeDriver'
 };
 
 // Public (via Norman)
@@ -53,8 +59,6 @@ export const NODE = 'node';
 export const NETWORK_POLICY = 'networking.k8s.io.networkpolicy';
 export const POD = 'pod';
 export const POD_DISRUPTION_BUDGET = 'policy.poddisruptionbudget';
-export const PSP = 'policy.podsecuritypolicy';
-export const PSPS = 'policy.podsecuritypolicies';
 export const PV = 'persistentvolume';
 export const PVC = 'persistentvolumeclaim';
 export const RESOURCE_QUOTA = 'resourcequota';
@@ -126,19 +130,17 @@ export const MONITORING = {
   SERVICEMONITOR:     'monitoring.coreos.com.servicemonitor',
   THANOSRULER:        'monitoring.coreos.com.thanosruler',
   SPOOFED:            {
-    RECEIVER:                         'monitoring.coreos.com.receiver',
-    RECEIVER_SPEC:                    'monitoring.coreos.com.receiver.spec',
-    RECEIVER_EMAIL:                   'monitoring.coreos.com.receiver.email',
-    RECEIVER_SLACK:                   'monitoring.coreos.com.receiver.slack',
-    RECEIVER_WEBHOOK:                 'monitoring.coreos.com.receiver.webhook',
-    RECEIVER_PAGERDUTY:               'monitoring.coreos.com.receiver.pagerduty',
-    RECEIVER_OPSGENIE:                'monitoring.coreos.com.receiver.opsgenie',
-    RECEIVER_HTTP_CONFIG:             'monitoring.coreos.com.receiver.httpconfig',
-    RESPONDER:                        'monitoring.coreos.com.receiver.responder',
-    ROUTE:                            'monitoring.coreos.com.route',
-    ROUTE_SPEC:                       'monitoring.coreos.com.route.spec',
-    ALERTMANAGERCONFIG_RECEIVER_SPEC: 'monitoring.coreos.com.v1alpha1.alertmanagerconfig.spec.receivers',
-    ALERTMANAGERCONFIG_ROUTE_SPEC:    'monitoring.coreos.com.v1alpha1.alertmanagerconfig.spec.route'
+    RECEIVER:             'monitoring.coreos.com.receiver',
+    RECEIVER_SPEC:        'monitoring.coreos.com.receiver.spec',
+    RECEIVER_EMAIL:       'monitoring.coreos.com.receiver.email',
+    RECEIVER_SLACK:       'monitoring.coreos.com.receiver.slack',
+    RECEIVER_WEBHOOK:     'monitoring.coreos.com.receiver.webhook',
+    RECEIVER_PAGERDUTY:   'monitoring.coreos.com.receiver.pagerduty',
+    RECEIVER_OPSGENIE:    'monitoring.coreos.com.receiver.opsgenie',
+    RECEIVER_HTTP_CONFIG: 'monitoring.coreos.com.receiver.httpconfig',
+    RESPONDER:            'monitoring.coreos.com.receiver.responder',
+    ROUTE:                'monitoring.coreos.com.route',
+    ROUTE_SPEC:           'monitoring.coreos.com.route.spec',
   }
 };
 
@@ -183,14 +185,13 @@ export const MANAGEMENT = {
   TOKEN:                         'management.cattle.io.token',
   GLOBAL_ROLE:                   'management.cattle.io.globalrole',
   GLOBAL_ROLE_BINDING:           'management.cattle.io.globalrolebinding',
-  POD_SECURITY_POLICY_TEMPLATE:  'management.cattle.io.podsecuritypolicytemplate',
-  PSP_TEMPLATE_BINDING:          'management.cattle.io.podsecuritypolicytemplateprojectbinding',
   PSA:                           'management.cattle.io.podsecurityadmissionconfigurationtemplate',
   MANAGED_CHART:                 'management.cattle.io.managedchart',
   USER_NOTIFICATION:             'management.cattle.io.rancherusernotification',
   GLOBAL_DNS_PROVIDER:           'management.cattle.io.globaldnsprovider',
   RKE_TEMPLATE:                  'management.cattle.io.clustertemplate',
   RKE_TEMPLATE_REVISION:         'management.cattle.io.clustertemplaterevision',
+  CLUSTER_PROXY_CONFIG:          'management.cattle.io.clusterproxyconfig'
 };
 
 export const CAPI = {
@@ -283,7 +284,8 @@ export const UI = { NAV_LINK: 'ui.cattle.io.navlink' };
 export const VIRTUAL_TYPES = {
   CLUSTER_MEMBERS:    'cluster-members',
   PROJECT_NAMESPACES: 'projects-namespaces',
-  NAMESPACES:         'namespaces'
+  NAMESPACES:         'namespaces',
+  JWT_AUTHENTICATION: 'jwt.authentication'
 };
 
 // harvester
@@ -314,3 +316,16 @@ export const AUTH_TYPE = {
 };
 
 export const LOCAL_CLUSTER = 'local';
+
+export const CLUSTER_REPO_TYPES = {
+  HELM_URL: 'helm-url',
+  GIT_REPO: 'git-repo',
+  OCI_URL:  'oci-url'
+};
+
+export const ZERO_TIME = '0001-01-01T00:00:00Z';
+
+export const DEFAULT_GRAFANA_STORAGE_SIZE = '10Gi';
+
+export const DEPRECATED = 'Deprecated';
+export const EXPERIMENTAL = 'Experimental';

package/config/uiplugins.js

@@ -1,10 +1,11 @@
 import semver from 'semver';
 
 // Version of the plugin API supported
-export const UI_PLUGIN_API_VERSION = '1.2.0';
+// here we inject the current shell version that we read in vue.config
+export const UI_EXTENSIONS_API_VERSION = process.env.UI_EXTENSIONS_API_VERSION;
 export const UI_PLUGIN_HOST_APP = 'rancher-manager';
 
-export const UI_PLUGIN_BASE_URL = '/api/v1/namespaces/cattle-ui-plugin-system/services/http:ui-plugin-operator:80/proxy';
+export const UI_PLUGIN_BASE_URL = '/v1/uiplugins';
 
 export const UI_PLUGIN_NAMESPACE = 'cattle-ui-plugin-system';
 
@@ -90,6 +91,8 @@ export function uiPluginAnnotation(chart, name) {
   return undefined;
 }
 
+// i18n-uses plugins.error.generic, plugins.error.api, plugins.error.host
+
 // Should we load a plugin, based on the metadata returned by the backend?
 // Returns error key string or false
 export function shouldNotLoadPlugin(plugin, rancherVersion, loadedPlugins) {
@@ -98,9 +101,11 @@ export function shouldNotLoadPlugin(plugin, rancherVersion, loadedPlugins) {
   }
 
   // Plugin specified a required extension API version
-  const requiredAPI = plugin.metadata?.[UI_PLUGIN_METADATA.EXTENSION_VERSION];
+  // we are propagating the annotations in pkg/package.json for any extension
+  // inside the "spec.plugin.metadata" property of UIPlugin resource
+  const requiredAPI = plugin.spec?.plugin?.metadata?.[UI_PLUGIN_CHART_ANNOTATIONS.EXTENSIONS_VERSION];
 
-  if (requiredAPI && !semver.satisfies(UI_PLUGIN_API_VERSION, requiredAPI)) {
+  if (requiredAPI && !semver.satisfies(UI_EXTENSIONS_API_VERSION, requiredAPI)) {
     return 'plugins.error.api';
   }
 
@@ -141,7 +146,7 @@ export function isSupportedChartVersion(versionsData) {
   // Plugin specified a required extension API version
   const requiredAPI = version.annotations?.[UI_PLUGIN_CHART_ANNOTATIONS.EXTENSIONS_VERSION];
 
-  if (requiredAPI && !semver.satisfies(UI_PLUGIN_API_VERSION, requiredAPI)) {
+  if (requiredAPI && !semver.satisfies(UI_EXTENSIONS_API_VERSION, requiredAPI)) {
     return false;
   }
 

package/core/plugin-helpers.js

@@ -4,16 +4,14 @@ import { ucFirst, randomStr } from '@shell/utils/string';
 import {
   _EDIT, _CONFIG, _DETAIL, _LIST, _CREATE
 } from '@shell/config/query-params';
-import { getProductFromRoute } from '@shell/middleware/authenticated';
+import { getProductFromRoute } from '@shell/utils/router';
 import { isEqual } from '@shell/utils/object';
 
-function checkRouteProduct({ name, params, query }, locationConfigParam) {
-  const product = getProductFromRoute({
-    name, params, query
-  });
+function checkRouteProduct($route, locationConfigParam) {
+  const product = getProductFromRoute($route);
 
   // alias for the homepage
-  if (locationConfigParam === 'home' && name === 'home') {
+  if (locationConfigParam === 'home' && $route.name === 'home') {
     return true;
   } else if (locationConfigParam === product) {
     return true;

package/core/plugin-routes.ts

@@ -6,20 +6,8 @@ interface RouteInfo {
   route: RouteConfig;
 }
 
-interface RouteInstallInfo {
-  plugin: string;
-  route: RouteConfig;
-}
-
-type RouteInstallHistory = {
-  [route: string]: RouteInstallInfo[]
-}
-
 export class PluginRoutes {
   router: Router;
-  pluginRoutes: RouteConfig[] = [];
-
-  replacedRoutes: RouteInstallHistory = {};
 
   constructor(router: Router) {
     this.router = router;
@@ -34,70 +22,25 @@ export class PluginRoutes {
     });
   }
 
-  // Ensure we put back any routes that the plugin that is being uninstalled added
-  public uninstall(plugin: any) {
-    // List of routes we need to restore
-    const restore: RouteInfo[] = [];
-
-    Object.keys(this.replacedRoutes).forEach((routeName) => {
-      const info = this.replacedRoutes[routeName];
-
-      for (let index = 0; index < info.length; index++) {
-        const savedRoute = info[index];
-
-        if (savedRoute.plugin === plugin.id) {
-          // The plugin that is being uninstalled replaced an existing route that we will restore
-          if (index === 0) {
-            // Need to restore the previous route, since the plugin owned the active route
-            info.shift();
-
-            restore.push({ route: savedRoute.route });
-
-            break;
-          } else {
-            // Need to update the previous item so that when it is removed, it restores the correct route
-            const previous = info[index - 1];
-
-            previous.route = savedRoute.route;
-            info.splice(index, 1);
-
-            break;
-          }
-        }
-      }
-    });
-
-    // Remove routes from pluginRoutes, update matcher (to avoid dupes when re-adding plugin routes)
-    this.pluginRoutes = this.pluginRoutes.filter((pR) => !plugin.routes.find((r: any) => pR === r.route));
-    this.updateMatcher([], [
-      ...this.pluginRoutes,
-      ...(this.router.options.routes || [])
-    ]);
-
-    // Restore appropriate routes
-    if (restore.length > 0) {
-      this.addRoutes(null, restore);
-    }
-  }
-
-  public addRoutes(plugin: any, routes: RouteInfo[]) {
+  public addRoutes(plugin: any, newRouteInfos: RouteInfo[]) {
     const allRoutes = [
-      ...this.pluginRoutes,
       ...(this.router.options.routes || [])
     ];
 
     // Need to take into account if routes are being replaced
     // Despite what the docs say, routes are not replaced, so we use a workaround
     // Remove all routes that are being replaced
-    routes.forEach((r: RouteInfo) => {
+    const newRoutes = newRouteInfos.map((ri) => ri.route);
+
+    this.forEachNestedRoutes(newRoutes, (r: RouteConfig) => {
       // Patch colliding legacy routes that start /:product
-      if (r.route.path?.startsWith('/:product')) {
+      if (r.path?.startsWith('/:product')) {
         // Legacy pattern used by extensions - routes may collide, so modify them not to
         let productName;
 
         // If the route has a name (which is always the case for the extensions we have written), use it to get the product name
-        if (r.route.name) {
-          const nameParts = r.route.name.split('-');
+        if (r.name) {
+          const nameParts = r.name.split('-');
 
           // First part of the route name is the product name
           productName = nameParts[0];
@@ -107,74 +50,40 @@ export class PluginRoutes {
         productName = productName || plugin.name;
 
         // Replace the path - removing :product and using the actual product name instead - this avoids route collisions
-        r.route.path = `/${ productName }${ r.route.path.substr(9) }`;
-        r.route.meta = r.route.meta || {};
-
-        r.route.meta.product = r.route.meta.product || productName;
-      }
-
-      // See if the route exists
-      let existing: any;
-
-      if (r.parent) {
-        const pExisting = allRoutes.findIndex((route: any) => route.name === r.parent) as any;
-        const path = `${ pExisting.path }${ r.route.path }`;
-
-        // TODO: Validate
-        existing = allRoutes.findIndex((route: any) => route.path === path);
-      } else {
-        // no parent route
-        existing = allRoutes.findIndex((route: any) => route.name === r.route.name);
-      }
-
-      if (existing >= 0) {
-        const existingRoute = allRoutes[existing];
-
-        // Store the route so we can restore it on uninstall
-        if (plugin && existingRoute?.name) {
-          if (!this.replacedRoutes[existingRoute.name]) {
-            this.replacedRoutes[existingRoute.name] = [];
-          }
-
-          this.replacedRoutes[existingRoute.name].unshift({
-            plugin: plugin.id,
-            route:  existingRoute
-          });
-        }
+        r.path = `/${ productName }${ r.path.substr(9) }`;
+        r.meta = r.meta || {};
 
-        allRoutes.splice(existing, 1);
+        r.meta.product = r.meta.product || productName;
       }
     });
 
-    this.updateMatcher(routes, allRoutes);
+    this.updateMatcher(newRouteInfos, allRoutes);
   }
 
   private updateMatcher(newRoutes: RouteInfo[], allRoutes: RouteConfig[]) {
     // Note - Always use a new router and replace the existing router's matching
-    // Using the existing router and adding routes to it will force nuxt middleware (specifically authenticated on default layout) to
+    // Using the existing router and adding routes to it will force nuxt middleware to
     // execute many times (nuxt middleware boils down to router.beforeEach). This issue was seen refreshing in a harvester cluster with a
     // dynamically loaded cluster
 
-    const pluginRoutesWithParents: any[] = [];
     const orderedPluginRoutes: any[] = [];
 
-    // separate plugin routes that have parent and not
-    newRoutes.forEach((r: any) => {
+    // separate plugin routes that have parent and not, you want to push the new routes in REVERSE order to the front of the existing list so that the order of routes specified by the extension is preserved
+    newRoutes.reverse().forEach((r: any) => {
       let foundParentRoute;
 
       if (r.parent) {
-        foundParentRoute = allRoutes.find((route) => route.name === r.parent);
+        foundParentRoute = this.findInNestedRoutes(allRoutes, (route: RouteConfig) => route.name === r.parent);
 
         if (foundParentRoute) {
-          pluginRoutesWithParents.push(r);
+          foundParentRoute.children = foundParentRoute?.children || [];
+          foundParentRoute.children.unshift(r.route);
         }
       }
 
       if (!foundParentRoute) {
-        orderedPluginRoutes.push(r.route);
+        orderedPluginRoutes.unshift(r.route);
       }
-
-      this.pluginRoutes.push(r.route);
     });
 
     const newRouter: Router = new Router({
@@ -182,12 +91,45 @@ export class PluginRoutes {
       routes: [...orderedPluginRoutes, ...allRoutes]
     });
 
-    // handle plugin routes with parent
-    pluginRoutesWithParents.forEach((r: any) => {
-      newRouter.addRoute(r.parent, r.route);
+    (this.router as any).matcher = (newRouter as any).matcher;
+  }
+
+  /**
+   * Traverse the entire tree of nested routes
+   *
+   * @param routes The routes we wish to traverse through
+   * @param fn -> Return true if you'd like to break the loop early (small)
+   * @returns {@boolean} -> Returns true if breaking early
+   */
+  private forEachNestedRoutes(routes: RouteConfig[] = [], fn: (route: RouteConfig) => boolean | undefined | void) {
+    for (let i = 0; i < routes.length; ++i) {
+      const route = routes[i];
+      const result = fn(route);
+
+      if (result || this.forEachNestedRoutes(route.children, fn)) {
+        return true;
+      }
+    }
+  }
+
+  /**
+   * Find a route that matches the criteria defined by fn.
+   *
+   * @param routes The routes we wish to search through
+   * @param fn -> Returns true if the passed in route matches the expected criteria
+   * @returns The found route or undefined
+   */
+  private findInNestedRoutes(routes: RouteConfig[] = [], fn: (route: RouteConfig) => boolean): RouteConfig | undefined {
+    let found: any;
+
+    this.forEachNestedRoutes(routes, (route) => {
+      if (fn(route)) {
+        found = route;
+
+        return true;
+      }
     });
 
-    // Typing is incorrect
-    (this.router as any).matcher = (newRouter as any).matcher;
+    return found;
   }
 }

package/core/plugin.ts

@@ -15,7 +15,6 @@ import {
   PluginRouteConfig, RegisterStore, UnregisterStore, CoreStoreSpecifics, CoreStoreConfig, OnNavToPackage, OnNavAwayFromPackage, OnLogOut
 } from './types';
 import coreStore, { coreStoreModule, coreStoreState } from '@shell/plugins/dashboard-store';
-import { registerLayout } from '@shell/initialize/layouts';
 
 export type ProductFunction = (plugin: IPlugin, store: any) => void;
 
@@ -120,12 +119,27 @@ export class Plugin implements IPlugin {
     const parent: string | undefined = hasParent ? parentOrRoute as string : undefined;
     const route: RouteConfig = hasParent ? optionalRoute as RouteConfig : parentOrRoute as RouteConfig;
 
+    let parentOverride;
+
+    if (!parent) {
+      // TODO: Inspecting the route object in the browser clearly indicates it's not a RouteConfig. The type needs to be changed or at least extended.
+      const typelessRoute: any = route;
+
+      if (typelessRoute.component?.layout) {
+        console.warn(`Layouts have been deprecated. We still have parent routes which use the same name and styling as the previous layouts. \n\nFound a component ${ typelessRoute.component.name } with the '${ typelessRoute.component.layout }' layout specified `); // eslint-disable-line no-console
+        parentOverride = typelessRoute.component.layout.toLowerCase();
+      } else {
+        console.warn(`Layouts have been deprecated. We still have parent routes which use the same name and styling as the previous layouts. You should specify a parent, we're currently setting the parent to 'default'`); // eslint-disable-line no-console
+        parentOverride = 'default';
+      }
+    }
+
     route.meta = {
       ...route?.meta,
       pkg: this.name,
     };
 
-    this.routes.push({ parent, route });
+    this.routes.push({ parent: parentOverride || parent, route });
   }
 
   private _addUIConfig(type: string, where: string, when: LocationConfig | string, config: any) {
@@ -250,11 +264,12 @@ export class Plugin implements IPlugin {
   }
 
   public register(type: string, name: string, fn: Function) {
+    const allowPaths = ['models', 'image'];
     const nparts = name.split('/');
 
     // Support components in a sub-folder - component_name/index.vue (and ignore other componnets in that folder)
     // Allow store-scoped models via sub-folder - pkgname/models/storename/type will be registered as storename/type to avoid overwriting shell/models/type
-    if (nparts.length === 2 && type !== 'models') {
+    if (nparts.length === 2 && !allowPaths.includes(type)) {
       if (nparts[1] !== 'index') {
         return;
       }
@@ -268,14 +283,6 @@ export class Plugin implements IPlugin {
       }
 
       this.l10n[name].push(fn);
-    } else if (type === 'layouts') {
-      fn().then((component: any) => {
-        if (component.default) {
-          registerLayout(name, component.default);
-        } else {
-          console.error(`Failed to load layout ${ name } because the file didn't export a default component.`); // eslint-disable-line no-console
-        }
-      });
     } else {
       if (!this.types[type]) {
         this.types[type] = {};

package/core/plugins-loader.js

@@ -20,14 +20,12 @@ export default function({
     dynamicLoader.default($plugin);
   }
 
-  if (process.client) {
-    // The libraries we build have Vue externalised, so we need to expose Vue as a global for
-    // them to pick up - see: https://cli.vuejs.org/guide/build-targets.html#library
-    window.Vue = Vue;
+  // The libraries we build have Vue externalised, so we need to expose Vue as a global for
+  // them to pick up - see: https://cli.vuejs.org/guide/build-targets.html#library
+  window.Vue = Vue;
 
-    // Global libraries - allows us to externalise these to reduce package bundle size
-    window.$ = $;
-    window.__jszip = JSZip;
-    window.__jsyaml = jsyaml;
-  }
+  // Global libraries - allows us to externalise these to reduce package bundle size
+  window.$ = $;
+  window.__jszip = JSZip;
+  window.__jsyaml = jsyaml;
 }