@rancher/shell 3.0.12-rc.1 → 3.0.12-rc.3

package/apis/shell/proxy.ts

@@ -0,0 +1,256 @@
+import { Store } from 'vuex';
+import { ProxyApi, ProxyAuthCloudCredential, ProxyAuthToken, ProxyRequestOptions } from '@shell/apis/intf/shell';
+import { Metadata } from '@shell/types/resources/settings';
+import { MANAGEMENT } from '@shell/config/types';
+import { get } from '@shell/utils/object';
+
+/**
+ * Shell implementation of the `ProxyApi`.
+ *
+ * This API centralizes proxy request behavior used across providers:
+ * - building `/meta/proxy` URLs
+ * - applying credential or token auth headers
+ * - dispatching requests via `management/request`
+ * - optional de-pagination for list endpoints
+ */
+export class ProxyApiImpl implements ProxyApi {
+  private store: Store<any>;
+
+  /**
+   * Creates a new Proxy API instance.
+   *
+   * @param store - Root Vuex store used to dispatch `management/request`.
+   */
+  constructor(store: Store<any>) {
+    this.store = store;
+  }
+
+  /**
+   * Executes a generic proxy request.
+   *
+   * Behavior:
+   * - Builds a proxied URL and dispatches `management/request`.
+   * - When `dePaginate` is enabled, follows the configured `next` URL and
+   *   merges results recursively.
+   *
+   * @param options - Proxy request options.
+   * @returns The response payload or accumulated de-paginated output.
+   */
+  public async request(options: ProxyRequestOptions): Promise<any> {
+    const url = this.buildProxyUrl(options);
+    const headers = this.buildHeaders(options);
+    const req = {
+      url,
+      method:               options.method,
+      headers,
+      redirectUnauthorized: false,
+    } as any;
+
+    if (options.data) {
+      req.body = options.data;
+    }
+
+    const res = await this.store.dispatch('management/request', req, { root: true });
+
+    if (options.postProcess) {
+      return options.postProcess(res);
+    }
+
+    return res;
+  }
+
+  /**
+   * Builds a `/meta/proxy` URL by stripping the scheme from `options.url`.
+   */
+  private buildProxyUrl(options: ProxyRequestOptions): string {
+    const raw = options.url.toString();
+
+    return `/meta/proxy/${ raw.replace(/^https:\/\//, '').replace(/^http:\/\//, 'http:/') }`;
+  }
+
+  /**
+   * Builds request headers, including auth headers derived from `options.authentication`.
+   */
+  private buildHeaders(options: ProxyRequestOptions): Record<string, string> {
+    const headers: Record<string, string> = {
+      Accept: options.accept || 'application/json',
+      ...(options.headers || {})
+    };
+
+    const auth = options.authentication;
+
+    if (!auth) {
+      return headers;
+    }
+
+    if ('id' in auth) {
+      // Cloud credential — instruct Rancher to sign the request server-side
+      const {
+        id, authSigner, usernameField, passwordField
+      } = auth as ProxyAuthCloudCredential;
+      let value = authSigner ? `${ authSigner } ` : '';
+
+      value += `credID=${ id } `;
+      if (usernameField) {
+        value += `usernameField=${ usernameField } `;
+      }
+      if (passwordField) {
+        value += `passwordField=${ passwordField } `;
+      }
+      headers['x-api-cattleauth-header'] = value.trimEnd();
+    } else {
+      // Plain token — forwarded verbatim as Authorization by the proxy
+      const { token, authSigner } = auth as ProxyAuthToken;
+      const scheme = authSigner ?? 'Bearer';
+
+      headers['x-api-auth-header'] = `${ scheme } ${ token }`;
+    }
+
+    return headers;
+  }
+
+  /**
+   * Builds the proxy URL and auth headers for a request without dispatching it.
+   *
+   * Useful for integrating with lower-level HTTP handlers (e.g. the AWS SDK
+   * request handler) that need to apply proxy routing and auth themselves
+   * rather than going through the Vuex `management/request` action.
+   *
+   * @param options - Proxy request options.
+   * @returns An object containing the resolved proxy `url` and the `headers`
+   *          to merge into the outbound request.
+   */
+  public prepareRequest(options: ProxyRequestOptions): { url: string; headers: Record<string, string> } {
+    return {
+      url:     this.buildProxyUrl(options),
+      headers: this.buildHeaders(options),
+    };
+  }
+
+  /**
+   * Creates a `ProxyEndpoint` CR that registers the given domain patterns
+   * with the Rancher `/meta/proxy` allow-list.
+   *
+   * The CR is cluster-scoped (`management.cattle.io/v3`, kind `ProxyEndpoint`).
+   * Each entry in `urls` maps to a `spec.routes[].domain` entry on the CR.
+   *
+   * @param domains - Bare hostnames or wildcard patterns accepted by the proxy
+   *                  backend (e.g. `api.example.com`, `%.amazonaws.com`).
+   * @param name    - Optional metadata name for the CR. When omitted a name is
+   *                  auto-generated by the API server.
+   * @returns The created `ProxyEndpoint` resource.
+   */
+  public async allowDomains(domains: string[], name?: string): Promise<any> {
+    const metadata = {} as Metadata;
+
+    if (name) {
+      metadata.name = name;
+    } else {
+      metadata.generateName = 'endpoints-';
+    }
+    const resource = await this.store.dispatch('management/create', {
+      type: MANAGEMENT.PROXY_ENDPOINT,
+      metadata,
+      spec: { routes: domains.map((domain) => ({ domain })) },
+    });
+
+    return resource.save();
+  }
+
+  /**
+   * Checks whether a domain pattern is already present in any existing
+   * `ProxyEndpoint` CR.
+   *
+   * The comparison is a case-insensitive exact match against each
+   * `spec.routes[].domain` entry across all CRs — the same format accepted
+   * by `allowDomains` (e.g. `api.example.com`, `%.amazonaws.com`).
+   *
+   * @param domain - The hostname or wildcard pattern to look up.
+   * @returns `true` if the pattern is found in at least one `ProxyEndpoint` CR,
+   *          `false` otherwise.
+   */
+  public async isDomainAllowed(domain: string): Promise<boolean> {
+    const endpoints: any[] = await this.store.dispatch('management/findAll', { type: MANAGEMENT.PROXY_ENDPOINT });
+
+    const needle = domain.toLowerCase();
+
+    return endpoints.some((endpoint) => (endpoint?.spec?.routes ?? []).some(
+      (route: { domain: string }) => route.domain?.toLowerCase() === needle
+    )
+    );
+  }
+
+  /**
+   * Checks whether a `ProxyEndpoint` CR with the given name exists.
+   *
+   * Uses `management/find` and treats a 404 response as `false` rather than
+   * an error. Any other error is re-thrown.
+   *
+   * @param name - The metadata name of the `ProxyEndpoint` CR to look up.
+   * @returns `true` if the CR exists, `false` if it is not found.
+   */
+  public async hasProxyEndpoint(name: string): Promise<boolean> {
+    try {
+      await this.store.dispatch('management/find', {
+        type: MANAGEMENT.PROXY_ENDPOINT,
+        id:   name,
+        opt:  { force: false },
+      });
+
+      return true;
+    } catch (e: any) {
+      if (e?.status === 404) {
+        return false;
+      }
+      throw e;
+    }
+  }
+}
+
+/**
+ * Creates a `postProcess` callback for use with `ProxyApi.request()` that
+ * automatically follows pagination links and merges array results across pages.
+ *
+ * @param proxyApi       - The `ProxyApi` instance used to fetch subsequent pages.
+ * @param requestOptions - Base request options (without `postProcess`) reused for each page.
+ * @param opts.nextUrlPath - Dot-path or jsonpath to the next-page URL in the response.
+ *                           Defaults to `links.pages.next`.
+ * @param opts.mergeKey    - Response key whose array value is merged across pages.
+ *                           When omitted the first top-level array key is used.
+ *
+ * @example
+ * ```ts
+ * const baseOptions = { url: 'api.example.com/v1/items', authentication };
+ * const result = await proxy.request({
+ *   ...baseOptions,
+ *   postProcess: createDepaginator(proxy, baseOptions, { mergeKey: 'items' }),
+ * });
+ * ```
+ */
+export function createDepaginator(
+  proxyApi: ProxyApi,
+  requestOptions: Omit<ProxyRequestOptions, 'postProcess'>,
+  opts: { nextUrlPath?: string; mergeKey?: string } = {}
+): (res: any) => Promise<any> {
+  const nextPath = opts.nextUrlPath ?? 'links.pages.next';
+  const mergeKey = opts.mergeKey;
+
+  const paginate = async(res: any, accumulated?: any): Promise<any> => {
+    const key = mergeKey ?? Object.keys(res ?? {}).find((k) => Array.isArray(res[k]));
+
+    // If we have a prior page's data, concatenate this page's array into it; otherwise use this page as-is
+    const merged = (accumulated !== undefined && key && Array.isArray(accumulated[key]) && Array.isArray(res?.[key])) ? { ...res, [key]: [...accumulated[key], ...res[key]] } : res;
+
+    const nextUrl = get(merged, nextPath);
+
+    if (!nextUrl) {
+      return merged;
+    }
+
+    const nextRes = await proxyApi.request({ ...requestOptions, url: new URL(nextUrl) });
+
+    return paginate(nextRes, merged);
+  };
+
+  return (res: any) => paginate(res);
+}

package/apis/shell/slide-in.ts

@@ -14,9 +14,12 @@ export class SlideInApiImpl implements SlideInApi {
    *
    * Example:
    * ```ts
+   * import { useShell } from '@shell/apis';
    * import MyCustomSlideIn from '@/components/MyCustomSlideIn.vue';
    *
-   * this.$shell.slideIn.open(MyCustomSlideIn, {
+   * const shell = useShell();
+   *
+   * shell.slideIn.open(MyCustomSlideIn, {
    *   title: 'Hello from SlideIn panel!'
    * });
    * ```

package/apis/vue-shim.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import { ShellApi, ExtensionManagerApi } from '@shell/apis';
+import { ShellApi, ExtensionManagerApi, ResourcesApiProvider } from '@shell/apis';
 
 export {};
 
@@ -7,5 +7,6 @@ declare module 'vue' {
   interface ComponentCustomProperties {
     $shell: ShellApi,
     $extension: ExtensionManagerApi,
+    $resources: ResourcesApiProvider,
   }
 }

package/assets/data/aws-regions.json

@@ -12,6 +12,7 @@
   "ap-southeast-3",
   "ap-southeast-4",
   "ap-southeast-5",
+  "ap-southeast-6",
   "ap-southeast-7",
   "ca-central-1",
   "ca-west-1",
@@ -37,6 +38,9 @@
   "us-iso-east-1",
   "us-iso-west-1",
   "us-isob-east-1",
+  "us-isob-west-1",
+  "us-isof-east-1",
+  "us-isof-south-1",
   "us-west-1",
   "us-west-2"
 ]

package/assets/images/providers/entraid-black.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="uuid-224e3580-d59f-48a8-9bb3-c822840f911d" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <path d="m17.558,9.638L10.436,1.632c-.358-.402-.881-.632-1.435-.632h0c-.554,0-1.078.231-1.435.632L.442,9.638c-.346.389-.5.9-.423,1.403.077.503.379.952.827,1.231l7.123,4.436c.313.195.672.293,1.031.293s.718-.098,1.031-.293l7.123-4.436c.448-.279.75-.728.827-1.231.077-.503-.077-1.014-.423-1.403Zm-8.557,2.564l-3.47-2.161,3.47-3.9,3.47,3.9-3.47,2.161Zm-4.821-1.975l3.995,2.489-1.137.708-.016.01c-.394.25-.854.382-1.33.382-.528,0-1.059-.214-1.38-.413l-2.969-1.849c-.235-.147-.387-.373-.428-.637-.04-.264.037-.521.219-.725L8.257,2.186c.185-.208.456-.327.743-.328.287,0,.558.119.743.328l1.576,1.771c-.009,0-.018,0-.028,0-.856,0-1.668.313-2.278.866l-4.833,5.404Zm12.905.69c-.041.264-.192.49-.428.637l-7.123,4.436c-.325.202-.744.202-1.068,0l-2.192-1.365c.451-.076.88-.238,1.264-.484l6.259-3.898-4.197-4.759c.448-.425,1.053-.667,1.692-.667.335,0,.661.07.97.201l4.605,5.175c.181.204.259.461.219.725Z"/>
+</svg>

package/assets/images/providers/entraid.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="uuid-f8d4d392-7c12-4bd9-baff-66fbf7814b91" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <path d="m3.802,14.032c.388.242,1.033.511,1.715.511.621,0,1.198-.18,1.676-.487,0,0,.001,0,.002-.001l1.805-1.128v4.073c-.286,0-.574-.078-.824-.234l-4.374-2.734Z" fill="#225086"/>
+  <path d="m7.853,1.507L.353,9.967c-.579.654-.428,1.642.323,2.111,0,0,2.776,1.735,3.126,1.954.388.242,1.033.511,1.715.511.621,0,1.198-.18,1.676-.487,0,0,.001,0,.002-.001l1.805-1.128-4.364-2.728,4.365-4.924V1s0,0,0,0c-.424,0-.847.169-1.147.507Z" fill="#6df"/>
+  <polygon points="4.636 10.199 4.688 10.231 9 12.927 9.001 12.927 9.001 12.927 9.001 5.276 9 5.275 4.636 10.199" fill="#cbf8ff"/>
+  <path d="m17.324,12.078c.751-.469.902-1.457.323-2.111l-4.921-5.551c-.397-.185-.842-.291-1.313-.291-.925,0-1.752.399-2.302,1.026l-.109.123h0s4.364,4.924,4.364,4.924h0s0,0,0,0l-4.365,2.728v4.073c.287,0,.573-.078.823-.234l7.5-4.688Z" fill="#074793"/>
+  <path d="m9.001,1v4.275s.109-.123.109-.123c.55-.627,1.377-1.026,2.302-1.026.472,0,.916.107,1.313.291l-2.579-2.909c-.299-.338-.723-.507-1.146-.507Z" fill="#0294e4"/>
+  <polygon points="13.365 10.199 13.365 10.199 13.365 10.199 9.001 5.276 9.001 12.926 13.365 10.199" fill="#96bcc2"/>
+</svg>

package/assets/images/vendor/entraid.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="uuid-f8d4d392-7c12-4bd9-baff-66fbf7814b91" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <path d="m3.802,14.032c.388.242,1.033.511,1.715.511.621,0,1.198-.18,1.676-.487,0,0,.001,0,.002-.001l1.805-1.128v4.073c-.286,0-.574-.078-.824-.234l-4.374-2.734Z" fill="#225086"/>
+  <path d="m7.853,1.507L.353,9.967c-.579.654-.428,1.642.323,2.111,0,0,2.776,1.735,3.126,1.954.388.242,1.033.511,1.715.511.621,0,1.198-.18,1.676-.487,0,0,.001,0,.002-.001l1.805-1.128-4.364-2.728,4.365-4.924V1s0,0,0,0c-.424,0-.847.169-1.147.507Z" fill="#6df"/>
+  <polygon points="4.636 10.199 4.688 10.231 9 12.927 9.001 12.927 9.001 12.927 9.001 5.276 9 5.275 4.636 10.199" fill="#cbf8ff"/>
+  <path d="m17.324,12.078c.751-.469.902-1.457.323-2.111l-4.921-5.551c-.397-.185-.842-.291-1.313-.291-.925,0-1.752.399-2.302,1.026l-.109.123h0s4.364,4.924,4.364,4.924h0s0,0,0,0l-4.365,2.728v4.073c.287,0,.573-.078.823-.234l7.5-4.688Z" fill="#074793"/>
+  <path d="m9.001,1v4.275s.109-.123.109-.123c.55-.627,1.377-1.026,2.302-1.026.472,0,.916.107,1.313.291l-2.579-2.909c-.299-.338-.723-.507-1.146-.507Z" fill="#0294e4"/>
+  <polygon points="13.365 10.199 13.365 10.199 13.365 10.199 9.001 5.276 9.001 12.926 13.365 10.199" fill="#96bcc2"/>
+</svg>

package/assets/styles/app.scss

@@ -10,7 +10,6 @@
 @import "./base/spacing";
 
 @import "./fonts/fontstack";
-@import "./fonts/dots";
 @import "./fonts/zerowidthspace";
 @import "./fonts/icons";
 

package/assets/styles/base/_variables.scss

@@ -10,6 +10,8 @@ $unlabeled-input-height: 40px;
 $unlabaled-select-padding: 3px 0;
 $footer-height: 60px;
 
+$resource-detail-min-width: 740px;
+
 $input-padding-lg: 18px;
 $input-padding-sm: 10px;
 $input-line-height: 18px;

package/assets/styles/fonts/_fontstack.scss

@@ -18,24 +18,148 @@
     url('~@shell/assets/fonts/poppins/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
 }
 
-/* lato-regular - latin */
+/**
+ * Lato Font (Latin) (see: https://www.latofonts.com/)
+ **/
+
+/* Webfont: Lato-Light (300) */
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 300;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-Light.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-Light.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: Lato-LightItalic (300) */
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 300;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-LightItalic.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-LightItalic.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: Lato-Regular (400) */
 @font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: normal;
-  src: local(''),
-    url('~@shell/assets/fonts/lato/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-    url('~@shell/assets/fonts/lato/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-Regular.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-Regular.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: Lato-Italic (400) */
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: normal;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-Italic.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-Italic.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: Lato-Medium (500) */
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 500;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-Medium.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-Medium.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: Lato-MediumItalic (500) */
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 500;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-MediumItalic.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: LatoLatin-Semibold (600) */
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 600;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-Semibold.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-Semibold.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: LatoLatin-SemiboldItalic (600) */
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 600;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-SemiboldItalic.woff') format('woff'); /* Modern Browsers */
 }
 
-/* lato-700 - latin */
+/* Webfont: LatoLatin-Bold (700) */
 @font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: bold;
-  src: local(''),
-    url('~@shell/assets/fonts/lato/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-    url('~@shell/assets/fonts/lato/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-Bold.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-Bold.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: LatoLatin-BoldItalic (700) */
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: bold;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-BoldItalic.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: Lato-Heavy (800) */
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 800;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-Heavy.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-Heavy.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: Lato-HeavyItalic (800) */
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 800;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-HeavyItalic.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: Lato-Black (900) */
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 900;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-Black.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-Black.woff') format('woff'); /* Modern Browsers */
+}
+
+/* Webfont: Lato-BlackItalic (900) */
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 900;
+  text-rendering: optimizeLegibility;
+  src: url('~@shell/assets/fonts/lato/LatoLatin-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
+       url('~@shell/assets/fonts/lato/LatoLatin-BlackItalic.woff') format('woff'); /* Modern Browsers */
 }
 
 /* roboto-mono-regular - latin */