@rancher/shell 3.0.7 → 3.0.8-rc.2

package/pages/home.vue

@@ -8,9 +8,9 @@ import { BadgeState } from '@components/BadgeState';
 import CommunityLinks from '@shell/components/CommunityLinks.vue';
 import SingleClusterInfo from '@shell/components/SingleClusterInfo.vue';
 import { mapGetters, mapState } from 'vuex';
-import { MANAGEMENT, CAPI } from '@shell/config/types';
+import { MANAGEMENT, CAPI, COUNT } from '@shell/config/types';
 import { NAME as MANAGER } from '@shell/config/product/manager';
-import { STATE } from '@shell/config/table-headers';
+import { AGE, STATE } from '@shell/config/table-headers';
 import { MODE, _IMPORT } from '@shell/config/query-params';
 import { createMemoryFormat, formatSi, parseSi, createMemoryValues } from '@shell/utils/units';
 import { markSeenReleaseNotes } from '@shell/utils/version';
@@ -28,8 +28,12 @@ import { PaginationParamFilter, FilterArgs, PaginationFilterField, PaginationArg
 import ProvCluster from '@shell/models/provisioning.cattle.io.cluster';
 import { sameContents } from '@shell/utils/array';
 import { PagTableFetchPageSecondaryResourcesOpts, PagTableFetchSecondaryResourcesOpts, PagTableFetchSecondaryResourcesReturns } from '@shell/types/components/paginatedResourceTable';
-import { CURRENT_RANCHER_VERSION } from '@shell/config/version';
+import { CURRENT_RANCHER_VERSION, getVersionData } from '@shell/config/version';
 import { CAPI as CAPI_LAB_AND_ANO } from '@shell/config/labels-annotations';
+import paginationUtils from '@shell/utils/pagination-utils';
+import ResourceTable from '@shell/components/ResourceTable.vue';
+import Preset from '@shell/mixins/preset';
+import { PaginationFeatureHomePageClusterConfig } from '@shell/types/resources/settings';
 
 export default defineComponent({
   name:       'Home',
@@ -42,9 +46,10 @@ export default defineComponent({
     CommunityLinks,
     SingleClusterInfo,
     TabTitle,
+    ResourceTable,
   },
 
-  mixins: [PageHeaderActions],
+  mixins: [PageHeaderActions, Preset],
 
   data() {
     const options = this.$store.getters[`type-map/optionsFor`](CAPI.RANCHER_CLUSTER)?.custom || {};
@@ -200,15 +205,41 @@ export default defineComponent({
 
       clusterCount: 0,
 
-      CURRENT_RANCHER_VERSION
+      CURRENT_RANCHER_VERSION,
+
+      /**
+       * User has decided to disable the alt list
+       */
+      altClusterListDisabled: false,
+      /**
+       * There are too many clusters to show in the home page list.
+       *
+       * If not disabled, show alt table
+       */
+      tooManyClusters:        undefined as boolean | undefined,
+      altClusterListRows:     undefined as any[] | undefined,
+      altClusterListFeature:  paginationUtils.getFeature<PaginationFeatureHomePageClusterConfig>({ rootGetters: this.$store.getters }, 'homePageCluster'),
+
+      presetVersion: getVersionData()?.Version,
     };
   },
 
+  mounted() {
+    this.preset('altClusterListDisabled', 'boolean');
+  },
+
   computed: {
     ...mapState(['managementReady']),
     ...mapGetters(['currentCluster', 'defaultClusterId']),
     mcm: mapFeature(MULTI_CLUSTER),
 
+    vaiOnSettingsHeaders() {
+      return [
+        ...this.headers, // include age as we're sorting by it
+        AGE
+      ];
+    },
+
     canCreateCluster() {
       return !!this.provClusterSchema?.collectionMethods.find((x: string) => x.toLowerCase() === 'post');
     },
@@ -216,6 +247,21 @@ export default defineComponent({
     afterLoginRoute: mapPref(AFTER_LOGIN_ROUTE),
     homePageCards:   mapPref(HIDE_HOME_PAGE_CARDS),
 
+    /**
+     * Show the alt table
+     */
+    altClusterList() {
+      return this.tooManyClusters && !this.altClusterListDisabled;
+    }
+
+  },
+
+  watch: {
+    async altClusterList(neu) {
+      if (neu) {
+        await this.initAltClusters();
+      }
+    },
   },
 
   async created() {
@@ -227,6 +273,12 @@ export default defineComponent({
     // If we do not, then if they set the landing page, that won't work unless the release notes are marked read
     // otherwise we always take them to the home page to see the release notes
     markSeenReleaseNotes(this.$store);
+
+    this.tooManyClusters = this.isTooManyClusters();
+
+    if (this.altClusterList) {
+      await this.initAltClusters();
+    }
   },
 
   // Forget the types when we leave the page
@@ -458,7 +510,83 @@ export default defineComponent({
       }
 
       return pagination;
-    }
+    },
+
+    async toggleAltClusterListDisabled(disabled: boolean) {
+      // Clear the cache so the table doesn't show the previous mode's results
+      await this.$store.dispatch('management/forgetType', CAPI.RANCHER_CLUSTER);
+
+      this.altClusterListDisabled = disabled;
+    },
+
+    /**
+     * Determine if we should use an alternative cluster list which contains most recently created clusters
+     *
+     * Checks
+     * - can view clusters
+     * - if vai is on
+     * - if alt list feature is on
+     * - if cluster count exceeds threshold
+     */
+    isTooManyClusters(): boolean {
+      if (!this.provClusterSchema || !this.canViewMgmtClusters) {
+        return false;
+      }
+
+      const featureConfig = this.altClusterListFeature;
+
+      if (!featureConfig || !featureConfig.enabled) { // vai is off, or feature is explicitly disabled
+        return false;
+      }
+
+      const threshold = featureConfig.configuration?.threshold;
+
+      if (threshold === undefined) { // invalid config
+        return false;
+      }
+
+      const counts = this.$store.getters[`management/all`](COUNT)?.[0]?.counts || {};
+
+      this.clusterCount = counts[CAPI.RANCHER_CLUSTER]?.summary.count;
+
+      return this.clusterCount > threshold;
+    },
+
+    /**
+     * Fetch clusters used to populate alt table
+     */
+    async initAltClusters() {
+      const featureConfig = this.altClusterListFeature;
+      const results = featureConfig?.configuration?.results || 50;
+
+      // Fetch a limited number of provisioning clusters
+      const opt1: ActionFindPageArgs = {
+        pagination: {
+          projectsOrNamespaces: [],
+          filters:              paginationFilterClusters(this.$store, false),
+          page:                 1,
+          pageSize:             results, // We're fetching the total results... then paging locally
+          sort:                 [{ field: 'metadata.creationTimestamp', asc: false }]
+        },
+        watch: false,
+      };
+      const provClusters = await this.$store.dispatch('management/findPage', { type: CAPI.RANCHER_CLUSTER, opt: opt1 });
+
+      // Also fetch the management clusters associated with the provisioning clusters
+      const opt2: ActionFindPageArgs = {
+        pagination: new FilterArgs({
+          filters: PaginationParamFilter.createMultipleFields(provClusters.map((r: any) => new PaginationFilterField({
+            field: 'id',
+            value: r.mgmtClusterId
+          }))),
+        }),
+        watch: false,
+      };
+
+      await this.$store.dispatch(`management/findPage`, { type: MANAGEMENT.CLUSTER, opt: opt2 });
+
+      this.altClusterListRows = provClusters;
+    },
   }
 });
 
@@ -485,9 +613,164 @@ export default defineComponent({
     <IndentedPanel class="mt-20 mb-20">
       <div class="row home-panels">
         <div class="col main-panel">
-          <div class="row panel">
+          <div
+            v-if="altClusterList !== undefined"
+            class="row panel"
+          >
+            <div
+              v-if="mcm && altClusterList"
+              class="col span-12"
+            >
+              <ResourceTable
+                :schema="provClusterSchema"
+                :table-actions="false"
+                :row-actions="false"
+                key-field="id"
+
+                :headers="vaiOnSettingsHeaders"
+                defaultSortBy="age"
+
+                :loading="!altClusterListRows"
+
+                :rows="altClusterListRows || []"
+                :rowsPerPage="altClusterListFeature?.configuration.pagesPerRow || 10"
+
+                :namespaced="false"
+                :groupable="false"
+              >
+                <template #header-left>
+                  <div class="row table-heading">
+                    <h1 class="mb-0">
+                      {{ t('landing.clusters.title') }}
+                    </h1>
+                  </div>
+                </template>
+                <template #sub-header-row>
+                  <h2 class="too-many-clusters">
+                    {{ t('landing.clusters.tooMany.showingSome', { rows: altClusterListRows?.length || '...', total: clusterCount}) }}
+                    <a @click="toggleAltClusterListDisabled(true)">{{ t('landing.clusters.tooMany.showAll') }}</a>
+                  </h2>
+                </template>
+                <!--
+                  Below is a big copy & paste from PaginatedResourceTable, however should be temporary (altClusterList removed in 2.14 once full SSP support for clusters if available)
+                -->
+                <template
+                  v-if="canCreateCluster || !!provClusterSchema"
+                  #header-middle
+                >
+                  <div class="table-heading">
+                    <router-link
+                      v-if="!!provClusterSchema"
+                      :to="manageLocation"
+                      class="btn btn-sm role-secondary"
+                      data-testid="cluster-management-manage-button"
+                      role="button"
+                      :aria-label="t('cluster.manageAction')"
+                      @keyup.space="$router.push(manageLocation)"
+                    >
+                      {{ t('cluster.manageAction') }}
+                    </router-link>
+                    <router-link
+                      v-if="canCreateCluster"
+                      :to="importLocation"
+                      class="btn btn-sm role-primary"
+                      data-testid="cluster-create-import-button"
+                      role="button"
+                      :aria-label="t('cluster.importAction')"
+                      @keyup.space="$router.push(importLocation)"
+                    >
+                      {{ t('cluster.importAction') }}
+                    </router-link>
+                    <router-link
+                      v-if="canCreateCluster"
+                      :to="createLocation"
+                      class="btn btn-sm role-primary"
+                      data-testid="cluster-create-button"
+                      role="button"
+                      :aria-label="t('generic.create')"
+                      @keyup.space="$router.push(createLocation)"
+                    >
+                      {{ t('generic.create') }}
+                    </router-link>
+                  </div>
+                </template>
+                <template #col:name="{row}">
+                  <td class="col-name">
+                    <div class="list-cluster-name">
+                      <p
+                        v-if="row.mgmt"
+                        class="cluster-name"
+                      >
+                        <router-link
+                          v-if="row.mgmt.isReady && !row.hasError"
+                          :to="{ name: 'c-cluster-explorer', params: { cluster: row.mgmt.id }}"
+                          role="link"
+                          :aria-label="row.nameDisplay"
+                        >
+                          {{ row.nameDisplay }}
+                        </router-link>
+                        <span v-else>{{ row.nameDisplay }}</span>
+                        <i
+                          v-if="row.unavailableMachines"
+                          v-clean-tooltip="row.unavailableMachines"
+                          class="conditions-alert-icon icon-alert icon"
+                        />
+                        <i
+                          v-if="row.isRke1"
+                          v-clean-tooltip="t('cluster.rke1Unsupported')"
+                          class="rke1-unsupported-icon icon-warning icon"
+                        />
+                      </p>
+                      <p
+                        v-if="row.description"
+                        class="cluster-description"
+                      >
+                        {{ row.description }}
+                      </p>
+                    </div>
+                  </td>
+                </template>
+                <template #col:kubernetesVersion="{row}">
+                  <td class="col-name">
+                    <span>
+                      {{ row.kubernetesVersion }}
+                    </span>
+                    <div
+                      v-clean-tooltip="{content: row.architecture.tooltip, placement: 'left'}"
+                      class="text-muted"
+                    >
+                      {{ row.architecture.label }}
+                    </div>
+                  </td>
+                </template>
+                <template #col:cpu="{row}">
+                  <td v-if="row.mgmt && cpuAllocatable(row.mgmt)">
+                    {{ `${cpuAllocatable(row.mgmt)} ${t('landing.clusters.cores', {count:cpuAllocatable(row.mgmt) })}` }}
+                  </td>
+                  <td v-else>
+                    &mdash;
+                  </td>
+                </template>
+                <template #col:memory="{row}">
+                  <td v-if="row.mgmt && memoryAllocatable(row.mgmt) && !memoryAllocatable(row.mgmt).match(/^0 [a-zA-z]/)">
+                    {{ memoryAllocatable(row.mgmt) }}
+                  </td>
+                  <td v-else>
+                    &mdash;
+                  </td>
+                </template>
+                <!-- <template #cell:explorer="{row}">
+                    <router-link v-if="row && row.isReady" class="btn btn-sm role-primary" :to="{name: 'c-cluster', params: {cluster: row.id}}">
+                      {{ t('landing.clusters.explore') }}
+                    </router-link>
+                    <button v-else :disabled="true" class="btn btn-sm role-primary">
+                      {{ t('landing.clusters.explore') }}
+                    </button>
+                  </template> -->
+              </ResourceTable>
+            </div>
             <div
-              v-if="mcm"
+              v-else-if="mcm"
               class="col span-12"
             >
               <PaginatedResourceTable
@@ -511,16 +794,25 @@ export default defineComponent({
               >
                 <template #header-left>
                   <div class="row table-heading">
-                    <h2 class="mb-0">
+                    <h1 class="mb-0">
                       {{ t('landing.clusters.title') }}
-                    </h2>
+                    </h1>
                     <BadgeState
-                      v-if="clusterCount"
+                      v-if="clusterCount && !tooManyClusters"
                       :label="clusterCount.toString()"
-                      color="role-tertiary ml-20 mr-20"
+                      color="bg-info ml-20 mr-20"
                     />
                   </div>
                 </template>
+                <template
+                  v-if="tooManyClusters"
+                  #sub-header-row
+                >
+                  <h2 class="too-many-clusters">
+                    {{ t('landing.clusters.tooMany.showingAll', { rows: altClusterListRows?.length || '...', total: clusterCount}) }}
+                    <a @click="toggleAltClusterListDisabled(false)">{{ t('landing.clusters.tooMany.showSome') }}</a>
+                  </h2>
+                </template>
                 <template
                   v-if="canCreateCluster || !!provClusterSchema"
                   #header-middle
@@ -663,6 +955,14 @@ export default defineComponent({
     }
     .main-panel {
       flex: auto;
+
+      .too-many-clusters {
+        margin-bottom: 5px;
+
+        a {
+          cursor: pointer;
+        }
+      }
     }
 
     .side-panel {
@@ -744,6 +1044,7 @@ export default defineComponent({
   .search {
     align-items: center;
     display: flex;
+    height: 39px;
 
     > INPUT {
       background-color: transparent;

package/plugins/axios.js

@@ -11,7 +11,8 @@ export default function({
     const options = { parseJSON: false };
     const csrf = store.getters['cookies/get']({ key: CSRF, options });
 
-    if ( csrf ) {
+    // Request can ask not to send the CSRF header
+    if (csrf && !config.noApiCsrf) {
       config.headers['x-api-csrf'] = csrf;
     }
   });

package/plugins/dashboard-store/actions.js

@@ -698,7 +698,7 @@ export default {
 
     const res = await dispatch('request', { opt, type });
 
-    await dispatch('load', { data: res });
+    await dispatch('load', { data: res, invalidatePageCache: opt.invalidatePageCache });
 
     if ( opt.watch !== false ) {
       dispatch('watch', createFindWatchArg({

package/plugins/dashboard-store/resource-class.js

@@ -1264,6 +1264,12 @@ export default class Resource {
       delete opt.replace;
     }
 
+    // Will loading this resource invalidate the resources in the cache that represent a page (resource is not from page)
+    // By default we set this to no, it won't pollute the cache. Most likely either
+    // 1. The resource came from a list already (loaded resource is already in the page that is in the cache)
+    // 2. UI is not on a page with a list (cache doesn't represent a list)
+    const invalidatePageCache = opt.invalidatePageCache || false;
+
     try {
       const res = await this.$dispatch('request', { opt, type: this.type } );
 
@@ -1272,7 +1278,9 @@ export default class Resource {
 
       // Steve sometimes returns Table responses instead of the resource you just saved.. ignore
       if ( res && res.kind !== 'Table') {
-        await this.$dispatch('load', { data: res, existing: (forNew ? this : undefined ) });
+        await this.$dispatch('load', {
+          data: res, existing: (forNew ? this : undefined ), invalidatePageCache
+        });
       }
     } catch (e) {
       if ( this.type && this.id && e?._status === 409) {
@@ -1280,7 +1288,14 @@ export default class Resource {
         await this.$dispatch('find', {
           type: this.type,
           id:   this.id,
-          opt:  { force: true }
+          opt:  {
+            // We want to update the value in cache, so force the request
+            force: true,
+            // We're not interested in opening a watch for this specific resource
+            watch: false,
+            // Unless overridden, this will be false, we're probably from a list and we don't want to clear it's state
+            invalidatePageCache
+          }
         });
       }
 

package/plugins/steve/steve-pagination-utils.ts

@@ -676,8 +676,8 @@ export const PAGINATION_SETTINGS_STORE_DEFAULTS: PaginationSettingsStores = {
       enableAll:  false,
       enableSome: {
         enabled: [
-          // { resource: CAPI.RANCHER_CLUSTER, context: ['home', 'side-bar'] },
-          // { resource: MANAGEMENT.CLUSTER, context: ['side-bar'] },
+          { resource: CAPI.RANCHER_CLUSTER, context: ['side-bar'] },
+          { resource: MANAGEMENT.CLUSTER, context: ['side-bar'] },
           { resource: CATALOG.APP, context: ['branding'] },
           SECRET
         ],

package/rancher-components/RcDropdown/RcDropdownItemSelect.vue

@@ -22,6 +22,10 @@ defineProps({
       return [];
     }
   },
+  label: {
+    type:    String,
+    default: ''
+  }
 });
 const emits = defineEmits(['click', 'select']);
 
@@ -55,7 +59,7 @@ const focusMenuItem = () => {
     <LabeledSelect
       ref="menuItemSelect"
       :value="modelValue"
-      :label="t('wm.containerLogs.range.label')"
+      :label="label"
       :options="options"
       :clearable="false"
       placement="top"

package/scripts/extension/publish

@@ -164,7 +164,7 @@ if [ "${HAVE_COMMANDS}" == "false" ]; then
 fi
 
 # --------------------------------------------------------------------------------
-# Only do conatiner args checks if not GitHub publish
+# Only do container args checks if not GitHub publish
 # --------------------------------------------------------------------------------
 if [ "${GITHUB_BUILD}" == "false" ]; then
   BASE_EXT=$(jq -r .name ${BASE_DIR}/package.json)

package/store/auth.js

@@ -17,6 +17,7 @@ const SLO_TOKENS_ENDPOINT_LOGOUT_RES_BASETYPE = ['authConfigLogoutOutput'];
 
 export const BASE_SCOPES = {
   github:       ['read:org'],
+  githubapp:    ['read:org'],
   googleoauth:  ['openid profile email'],
   azuread:      [],
   keycloakoidc: ['openid profile email'],
@@ -374,11 +375,11 @@ export const actions = {
     commit('cookies/remove', { key: KEY }, { root: true });
   },
 
-  uiLogout({ commit, dispatch }) {
+  uiLogout({ commit, dispatch }, options = {}) {
     removeEmberPage();
 
     commit('loggedOut');
-    dispatch('onLogout', null, { root: true });
+    dispatch('onLogout', options, { root: true });
 
     dispatch('uiplugins/setReady', false, { root: true });
   },
@@ -430,6 +431,10 @@ export const actions = {
     } catch (e) {
     }
 
-    dispatch('uiLogout');
+    const propagateOptions = {};
+
+    propagateOptions.sessionIdle = options.sessionIdle;
+
+    dispatch('uiLogout', propagateOptions);
   }
 };

package/store/aws.js

@@ -213,18 +213,20 @@ export const actions = {
 
       list.push({
         apiName,
-        currentGeneration:     row.CurrentGeneration || false,
+        currentGeneration:      row.CurrentGeneration || false,
         groupLabel,
         instanceClass,
-        memoryBytes:           row.MemoryInfo.SizeInMiB * 1024 * 1024,
-        supportedUsageClasses: row.SupportedUsageClasses,
-        label:                 rootGetters['i18n/t']('cluster.machineConfig.aws.sizeLabel', {
+        memoryBytes:            row.MemoryInfo.SizeInMiB * 1024 * 1024,
+        supportedUsageClasses:  row.SupportedUsageClasses,
+        supportedArchitectures: row.ProcessorInfo.SupportedArchitectures || [],
+        label:                  rootGetters['i18n/t']('cluster.machineConfig.aws.sizeLabel', {
           apiName,
-          cpu:    row.VCpuInfo.DefaultVCpus,
-          memory: row.MemoryInfo.SizeInMiB / 1024,
+          cpu:          row.VCpuInfo.DefaultVCpus,
+          memory:       row.MemoryInfo.SizeInMiB / 1024,
           storageSize,
           storageUnit,
           storageType,
+          architecture: (row.ProcessorInfo.SupportedArchitectures || []).map((a) => (a === 'arm64' ? 'ARM' : a)).join(', ')
         }),
       });
     }

package/store/features.js

@@ -37,6 +37,7 @@ export const STEVE_CACHE = create('ui-sql-cache', false);
 export const UIEXTENSION = create('uiextension', true);
 export const PROVISIONING_PRE_BOOTSTRAP = create('provisioningprebootstrap', false);
 export const SCHEDULING_CUSTOMIZATION = create(SCHEDULING_CUSTOMIZATION_FEATURE, false);
+export const SCC = create('rancher-scc-registration-extension', true);
 
 // Not currently used.. no point defining ones we don't use
 // export const EMBEDDED_CLUSTER_API = create('embedded-cluster-api', true);

package/store/index.js

@@ -2,7 +2,7 @@ import { BACK_TO } from '@shell/config/local-storage';
 import { setBrand, setVendor } from '@shell/config/private-label';
 import { NAME as EXPLORER } from '@shell/config/product/explorer';
 import {
-  LOGGED_OUT, IS_SSO, IS_SLO, TIMED_OUT, UPGRADED, _FLAGGED
+  LOGGED_OUT, IS_SSO, IS_SLO, TIMED_OUT, UPGRADED, _FLAGGED, IS_SESSION_IDLE
 } from '@shell/config/query-params';
 import { SETTING } from '@shell/config/settings';
 import {
@@ -41,6 +41,7 @@ import { markRaw } from 'vue';
 import paginationUtils from '@shell/utils/pagination-utils';
 import { addReleaseNotesNotification } from '@shell/utils/release-notes';
 import sideNavService from '@shell/components/nav/TopLevelMenu.helper';
+import { fetchAndProcessDynamicContent } from '@shell/utils/dynamic-content';
 
 // Disables strict mode for all store instances to prevent warning about changing state outside of mutations
 // because it's more efficient to do that sometimes.
@@ -890,6 +891,8 @@ export const actions = {
     // Add the notification for the release notes
     if (isRancher) {
       await addReleaseNotesNotification(dispatch, getters);
+
+      fetchAndProcessDynamicContent(dispatch, getters, this.$axios);
     }
 
     if (systemNamespaces) {
@@ -1168,7 +1171,7 @@ export const actions = {
     }
   },
 
-  async onLogout(store) {
+  async onLogout(store, options = {}) {
     const { dispatch, commit, state } = store;
 
     store.dispatch('gcStopIntervals');
@@ -1210,7 +1213,10 @@ export const actions = {
         window.localStorage.setItem(BACK_TO, window.location.href);
       }
 
-      let QUERY = (LOGGED_OUT in route.query) ? LOGGED_OUT : TIMED_OUT;
+      let QUERY = (LOGGED_OUT in route.query) || options.sessionIdle ? LOGGED_OUT : TIMED_OUT;
+
+      // adds IS_SESSION_IDLE query param to login route if logout came from a session idle (check auth/logout action)
+      QUERY += options.sessionIdle ? `&${ IS_SESSION_IDLE }` : '';
 
       // adds IS_SSO query param to login route if logout came with an auth provider enabled
       QUERY += (IS_SSO in route.query) ? `&${ IS_SSO }` : '';

package/store/prefs.js

@@ -114,6 +114,12 @@ export const PROVISIONER = create('provisioner', _RKE2, { options: [_RKE1, _RKE2
 export const MENU_MAX_CLUSTERS = 10;
 // Prompt for confirm when scaling down node pool in GUI and save the pref
 export const SCALE_POOL_PROMPT = create('scale-pool-prompt', null, { parseJSON });
+
+// Dynamic content
+export const READ_NEW_RELEASE = create('read-new-release', '', { parseJSON });
+export const READ_SUPPORT_NOTICE = create('read-support-notice', '', { parseJSON });
+export const READ_UPCOMING_SUPPORT_NOTICE = create('read-upcoming-support-notice', '', { parseJSON });
+
 // --------------------
 
 const cookiePrefix = 'R_';