@rancher/shell 0.1.0 → 0.1.1

package/utils/favicon.js

@@ -0,0 +1,40 @@
+import { SETTING } from '@shell/config/settings';
+import { MANAGEMENT } from '@shell/config/types';
+
+let favIconSet = false;
+
+export function haveSetFavIcon() {
+  return favIconSet;
+}
+
+export function setFavIcon(store) {
+  const app = store.app;
+  const res = store.getters['management/byId'](MANAGEMENT.SETTING, SETTING.FAVICON);
+
+  const link = findIconLink(app.head.link);
+
+  if (link) {
+    link.href = res?.value || defaultFavIcon;
+    favIconSet = true;
+  }
+}
+
+function getCurrentFavIcon() {
+  const link = findIconLink(document.head.getElementsByTagName('link'));
+
+  return link ? link.href : '';
+}
+
+function findIconLink(links) {
+  for (let i = 0; i < links.length; i++) {
+    const link = links[i];
+
+    if (link.rel === 'icon') {
+      return link;
+    }
+  }
+
+  return undefined;
+}
+
+const defaultFavIcon = getCurrentFavIcon();

package/utils/object.js

@@ -36,6 +36,25 @@ export function set(obj, path, value) {
   return obj;
 }
 
+export function getAllValues(obj, path) {
+  const keysInOrder = path.split('.');
+  let currentValue = [obj];
+
+  keysInOrder.forEach((currentKey) => {
+    currentValue = currentValue.map((indexValue) => {
+      if (Array.isArray(indexValue)) {
+        return indexValue.map(arr => arr[currentKey]).flat();
+      } else if (indexValue) {
+        return indexValue[currentKey];
+      } else {
+        return null;
+      }
+    }).flat();
+  });
+
+  return currentValue.filter(val => val !== null);
+}
+
 export function get(obj, path) {
   if ( !path) {
     throw new Error('Cannot translate an empty input. The t function requires a string.');
@@ -127,16 +146,12 @@ export function cleanUp(obj) {
     const val = obj[key];
 
     if ( Array.isArray(val) ) {
-      obj[key] = compact(val.map((each) => {
-        if (each) {
-          const cleaned = cleanUp(each);
-
-          if (!isEmpty(cleaned)) {
-            return cleaned;
-          }
+      obj[key] = val.map((each) => {
+        if (each !== null && each !== undefined) {
+          return cleanUp(each);
         }
-      }));
-      if (compact(obj[key]).length === 0) {
+      });
+      if (obj[key].length === 0) {
         delete obj[key];
       }
     } else if (typeof val === 'undefined' || val === null) {
@@ -192,6 +207,8 @@ export function diff(from, to) {
 
   const fromKeys = definedKeys(from);
   const toKeys = definedKeys(to);
+
+  // Return keys that are in 'from' but not 'to.'
   const missing = difference(fromKeys, toKeys);
 
   for ( const k of missing ) {

package/utils/promise.js

@@ -93,3 +93,23 @@ export function deferred(name) {
 
   return out;
 }
+
+/**
+ * Apply the result of a promise to a given object's property
+ *
+ * This is a non-blocking method
+ *
+ * @param promise Promise to fetch result for
+ * @param obj Object to set result of promise to
+ * @param key Property in object to set result to
+ * @param label Description of what promise is trying to  do
+ */
+export function setPromiseResult(promise, obj, key, label) {
+  promise
+    .then((res) => {
+      obj[key] = res;
+    })
+    .catch((e) => {
+      console.warn('Failed to: ', label, e); // eslint-disable-line no-console
+    });
+}

package/utils/socket.js

@@ -21,6 +21,7 @@ export const EVENT_DISCONNECTED = STATE_DISCONNECTED;
 export const EVENT_MESSAGE = 'message';
 export const EVENT_FRAME_TIMEOUT = 'frame_timeout';
 export const EVENT_CONNECT_ERROR = 'connect_error';
+export const EVENT_DISCONNECT_ERROR = 'disconnect_error';
 
 export default class Socket extends EventTarget {
   url;
@@ -173,6 +174,10 @@ export default class Socket extends EventTarget {
     }
   }
 
+  isConnected() {
+    return this.state === STATE_CONNECTED;
+  }
+
   setAutoReconnect(autoReconnect) {
     this.autoReconnect = autoReconnect;
   }
@@ -254,7 +259,6 @@ export default class Socket extends EventTarget {
 
   _closed() {
     console.log(`Socket ${ this.closingId } closed`); // eslint-disable-line no-console
-
     this.closingId = 0;
     this.socket = null;
     clearTimeout(this.reconnectTimer);
@@ -287,6 +291,11 @@ export default class Socket extends EventTarget {
       this.dispatchEvent(e);
       warningShown = true;
     } else if ( this.autoReconnect ) {
+      if (this.tries === 0) {
+        const e = new CustomEvent(EVENT_DISCONNECT_ERROR);
+
+        this.dispatchEvent(e);
+      }
       this.state = STATE_RECONNECTING;
       this.tries++;
       const delay = Math.max(1000, Math.min(1000 * this.tries, 30000));

package/utils/string.js

@@ -142,6 +142,22 @@ export function pluralize(str) {
   }
 }
 
+export function resourceNames(names, plusMore, t) {
+  return names.reduce((res, name, i) => {
+    if (i >= 5) {
+      return res;
+    }
+    res += `<b>${ escapeHtml( name ) }</b>`;
+    if (i === names.length - 1) {
+      res += plusMore;
+    } else {
+      res += i === names.length - 2 ? t('generic.and') : t('generic.comma');
+    }
+
+    return res;
+  }, '');
+}
+
 export function indent(lines, count = 2, token = ' ', afterRegex = null) {
   if (typeof lines === 'string') {
     lines = lines.split(/\n/);