@rancher/shell 0.2.3 → 0.2.4

package/creators/pkg/{files/tsconfig.json → tsconfig.json}

@@ -16,16 +16,12 @@
     "typeRoots": [
       "../../node_modules",
       "../../node_modules/@rancher/shell/types"
-    ],    
+    ],
     "types": [
       "node",
       "webpack-env",
-      "@types/node",
-      "@types/jest",
-      "@types/lodash",
       "@nuxt/types",
-      "rancher",
-      "shell"
+      "rancher"
     ],
     "lib": [
       "esnext",
@@ -34,21 +30,24 @@
       "scripthost"
     ],
     "paths": {
-      "@shell/*": [
-        "../../node_modules/@rancher/shell/*"
+      "@shell/core/*": [
+        "../../node_modules/@rancher/shell/core/*"
+      ],
+      "@shell/config/*": [
+        "../../node_modules/@rancher/shell/config/*"
       ],
-      "@components/*": [
-        "@rancher/components/*"
+      "@shell/store/*": [
+        "../../node_modules/@rancher/shell/store/*"
       ]
     }
   },
   "include": [
     "**/*.ts",
-    "**/*.d.ts",
     "**/*.tsx",
-    "**/*.vue"
+    "**/*.vue",
+    "../../node_modules/@rancher/shell/core/types.ts"
   ],
   "exclude": [
-    "../../node_modules"
+    "node_modules"
   ]
 }

package/detail/autoscaling.horizontalpodautoscaler/index.vue

@@ -86,7 +86,10 @@ export default {
 </script>
 
 <template>
-  <ResourceTabs v-model="value" :mode="mode">
+  <ResourceTabs
+    v-model="value"
+    :mode="mode"
+  >
     <Tab
       name="metrics"
       :label="t('hpa.tabs.metrics')"
@@ -101,9 +104,15 @@ export default {
           <div class="row info-row">
             <div class="col span-6 info-column">
               <h4>
-                <t k="hpa.detail.metricHeader" :source="metric.metricSource" />
+                <t
+                  k="hpa.detail.metricHeader"
+                  :source="metric.metricSource"
+                />
               </h4>
-              <div v-if="metric.metricName" class="mb-5">
+              <div
+                v-if="metric.metricName"
+                class="mb-5"
+              >
                 <label class="text-label">
                   <t k="hpa.metrics.headers.metricName" />:
                 </label>

package/detail/catalog.cattle.io.app.vue

@@ -101,16 +101,39 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else>
-    <span v-if="latestOperation" class="latest-operation">
+    <span
+      v-if="latestOperation"
+      class="latest-operation"
+    >
       {{ t('catalog.app.section.lastOperation') }}: ( {{ latestOperation.status.action }} ) - <a @click="latestOperation.openLogs()">  {{ t('catalog.app.section.openLogs') }}</a>
     </span>
 
-    <Tabbed class="mt-20" default-tab="resources" @changed="tabChanged($event)">
-      <Tab name="resources" :label="t('catalog.app.section.resources.label')" :weight="4">
-        <Banner v-if="isBusy" color="info" :label="t('catalog.app.section.resources.busy', { app: value.metadata.name })" />
-        <RelatedResources v-else :value="value" rel="helmresource" />
+    <Tabbed
+      class="mt-20"
+      default-tab="resources"
+      @changed="tabChanged($event)"
+    >
+      <Tab
+        name="resources"
+        :label="t('catalog.app.section.resources.label')"
+        :weight="4"
+      >
+        <Banner
+          v-if="isBusy"
+          color="info"
+          :label="t('catalog.app.section.resources.busy', { app: value.metadata.name })"
+        />
+        <RelatedResources
+          v-else
+          :value="value"
+          rel="helmresource"
+        />
       </Tab>
-      <Tab name="values-yaml" :label="t('catalog.app.section.values')" :weight="3">
+      <Tab
+        name="values-yaml"
+        :label="t('catalog.app.section.values')"
+        :weight="3"
+      >
         <YamlEditor
           ref="yaml"
           :scrolling="false"
@@ -118,10 +141,20 @@ export default {
           editor-mode="VIEW_CODE"
         />
       </Tab>
-      <Tab v-if="hasReadme" name="readme" :label="t('catalog.app.section.readme')" :weight="2">
+      <Tab
+        v-if="hasReadme"
+        name="readme"
+        :label="t('catalog.app.section.readme')"
+        :weight="2"
+      >
         <Markdown v-model="value.spec.info.readme" />
       </Tab>
-      <Tab v-if="hasNotes" name="notes" :label="t('catalog.app.section.notes')" :weight="1">
+      <Tab
+        v-if="hasNotes"
+        name="notes"
+        :label="t('catalog.app.section.notes')"
+        :weight="1"
+      >
         <Markdown v-model="value.spec.info.notes" />
       </Tab>
     </Tabbed>

package/detail/catalog.cattle.io.clusterrepo.vue

@@ -17,7 +17,10 @@ export default {
       <h3>{{ t('tableHeaders.url') }}</h3>
       <span>{{ value.urlDisplay }}</span>
     </div>
-    <div v-if="value.isGit" class="span-6">
+    <div
+      v-if="value.isGit"
+      class="span-6"
+    >
       <h3>{{ t('tableHeaders.branch') }}</h3>
       <span>{{ value.branchDisplay }}</span>
     </div>

package/detail/cis.cattle.io.clusterscan.vue

@@ -251,16 +251,29 @@ export default {
   <Loading v-if="$fetchState.pending" />
   <div v-else>
     <div class="detail mb-20">
-      <div v-for="item in details" :key="item.label">
+      <div
+        v-for="item in details"
+        :key="item.label"
+      >
         <span class="text-label">{{ item.label }}</span>:
-        <component :is="item.component" v-if="item.component" :value="item.value" />
-        <nuxt-link v-else-if="item.to" :to="item.to">
+        <component
+          :is="item.component"
+          v-if="item.component"
+          :value="item.value"
+        />
+        <nuxt-link
+          v-else-if="item.to"
+          :to="item.to"
+        >
           {{ item.value }}
         </nuxt-link>
         <span v-else>{{ item.value }}</span>
       </div>
     </div>
-    <div v-if="clusterReports.length > 1" class="table-header row mb-20">
+    <div
+      v-if="clusterReports.length > 1"
+      class="table-header row mb-20"
+    >
       <div class="col span-8">
         <h3>
           {{ t('cis.scan.scanReport') }}
@@ -297,7 +310,12 @@ export default {
             @mouseleave="onRowMouseLeave"
           >
             <td :colspan="fullColspan">
-              <Banner v-if="(row.state==='fail' || row.state==='warn')&& row.remediation" class="sub-banner" :label="remediationDisplay(row)" color="warning" />
+              <Banner
+                v-if="(row.state==='fail' || row.state==='warn')&& row.remediation"
+                class="sub-banner"
+                :label="remediationDisplay(row)"
+                color="warning"
+              />
               <SortableTable
                 class="sub-table"
                 :rows="row.nodeRows"

package/detail/configmap.vue

@@ -50,12 +50,26 @@ export default {
 
 <template>
   <ResourceTabs v-model="value">
-    <Tab name="data" label-key="secret.data">
-      <div v-for="(row,idx) in parsedRows" :key="idx" class="mb-20">
-        <DetailText :value="row.value" :label="row.key" :binary="row.binary" />
+    <Tab
+      name="data"
+      label-key="secret.data"
+    >
+      <div
+        v-for="(row,idx) in parsedRows"
+        :key="idx"
+        class="mb-20"
+      >
+        <DetailText
+          :value="row.value"
+          :label="row.key"
+          :binary="row.binary"
+        />
       </div>
       <div v-if="!parsedRows.length">
-        <div v-t="'sortableTable.noRows'" class="m-20 text-center" />
+        <div
+          v-t="'sortableTable.noRows'"
+          class="m-20 text-center"
+        />
       </div>
     </Tab>
   </ResourceTabs>

package/detail/constraints.gatekeeper.sh.constraint.vue

@@ -21,7 +21,10 @@ export default {
 </script>
 <template>
   <div>
-    <div v-if="value.spec.enforcementAction" class="row mt-40">
+    <div
+      v-if="value.spec.enforcementAction"
+      class="row mt-40"
+    >
       <div class="col span-12">
         <h3>Enforcement Action</h3>
         {{ value.spec.enforcementAction }}

package/detail/fleet.cattle.io.cluster.vue

@@ -59,11 +59,22 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else>
-    <h2 v-t="'fleet.cluster.summary'" class="mt-20" />
+    <h2
+      v-t="'fleet.cluster.summary'"
+      class="mt-20"
+    />
     <ResourcesSummary :value="value.status.resourceCounts" />
 
-    <ResourceTabs v-model="value" mode="view" class="mt-20">
-      <Tab label="Git Repos" name="repos" :weight="19">
+    <ResourceTabs
+      v-model="value"
+      mode="view"
+      class="mt-20"
+    >
+      <Tab
+        label="Git Repos"
+        name="repos"
+        :weight="19"
+      >
         <FleetRepos
           :rows="repos"
           :schema="repoSchema"

package/detail/fleet.cattle.io.clustergroup.vue

@@ -44,8 +44,15 @@ export default {
     </h2>
     <ResourcesSummary :value="value.status.resourceCounts" />
 
-    <ResourceTabs v-model="value" mode="view" class="mt-20">
-      <Tab label="Clusters" name="clusters">
+    <ResourceTabs
+      v-model="value"
+      mode="view"
+      class="mt-20"
+    >
+      <Tab
+        label="Clusters"
+        name="clusters"
+      >
         <FleetClusters
           :schema="clusterSchema"
           :rows="value.targetClusters"

package/detail/fleet.cattle.io.gitrepo.vue

@@ -104,11 +104,24 @@ export default {
     >
       {{ t('fleet.fleetSummary.noClustersGitRepo') }}
     </Banner>
-    <ResourceTabs v-model="value" mode="view" class="mt-20" :need-related="false">
-      <Tab label="Bundles" name="bundles" :weight="30">
+    <ResourceTabs
+      v-model="value"
+      mode="view"
+      class="mt-20"
+      :need-related="false"
+    >
+      <Tab
+        label="Bundles"
+        name="bundles"
+        :weight="30"
+      >
         <FleetBundles :value="value" />
       </Tab>
-      <Tab label="Resources" name="resources" :weight="20">
+      <Tab
+        label="Resources"
+        name="resources"
+        :weight="20"
+      >
         <FleetResources :value="value" />
       </Tab>
     </ResourceTabs>

package/detail/harvesterhci.io.management.cluster.vue

@@ -68,7 +68,11 @@ export default {
 
 <template>
   <Loading v-if="$fetchState.pending" />
-  <ResourceTabs v-else v-model="value" :default-tab="defaultTab">
+  <ResourceTabs
+    v-else
+    v-model="value"
+    :default-tab="defaultTab"
+  >
     <Tab
       v-if="showRegistration"
       name="registration"

package/detail/helm.cattle.io.projecthelmchart.vue

@@ -126,8 +126,15 @@ export default {
 
 <template>
   <div>
-    <Tabbed v-if="value.status.dashboardValues" class="mt-30">
-      <Tab name="project-metrics" :label="t('monitoring.tabs.projectMetrics')" :weight="3">
+    <Tabbed
+      v-if="value.status.dashboardValues"
+      class="mt-30"
+    >
+      <Tab
+        name="project-metrics"
+        :label="t('monitoring.tabs.projectMetrics')"
+        :weight="3"
+      >
         <template #default="props">
           <DashboardMetrics
             v-if="props.active && grafanaServiceEndpointEnabled"
@@ -135,13 +142,19 @@ export default {
             :summary-url="`${relativeDashboardValues.grafanaURL}/d/rancher-workload-1/rancher-workload?orgId=1&kiosk`"
             graph-height="825px"
             project
-          >
-          </DashboardMetrics>
+          />
         </template>
       </Tab>
-      <Tab name="active-alarms" :label="t('monitoring.overview.alertsList.label')" :weight="2">
+      <Tab
+        name="active-alarms"
+        :label="t('monitoring.overview.alertsList.label')"
+        :weight="2"
+      >
         <template>
-          <AlertTable :monitoring-namespace="monitoringNamespace" :alert-service-endpoint="alertServiceEndpoint" />
+          <AlertTable
+            :monitoring-namespace="monitoringNamespace"
+            :alert-service-endpoint="alertServiceEndpoint"
+          />
         </template>
       </Tab>
       <template #tab-row-extras>
@@ -166,23 +179,46 @@ export default {
               <div class="meta-title">
                 {{ t('monitoring.tabs.prometheus') }} <i class="icon icon-chevron-down" />
               </div>
-              <template slot="popover" class="resources-status-list">
-                <ul class="list-unstyled dropdown" @click.stop="showMenu(false)">
+              <template
+                slot="popover"
+                class="resources-status-list"
+              >
+                <ul
+                  class="list-unstyled dropdown"
+                  @click.stop="showMenu(false)"
+                >
                   <li>
-                    <a :href="`${value.status.dashboardValues.prometheusURL}/graph`" target="_blank">{{ t('monitoring.overview.linkedList.prometheusPromQl.label') }} <i class="icon icon-external-link" /></a>
+                    <a
+                      :href="`${value.status.dashboardValues.prometheusURL}/graph`"
+                      target="_blank"
+                    >{{ t('monitoring.overview.linkedList.prometheusPromQl.label') }} <i class="icon icon-external-link" /></a>
                   </li>
                   <li>
-                    <a :href="`${value.status.dashboardValues.prometheusURL}/rules`" target="_blank">{{ t('monitoring.overview.linkedList.prometheusRules.label') }} <i class="icon icon-external-link" /></a>
+                    <a
+                      :href="`${value.status.dashboardValues.prometheusURL}/rules`"
+                      target="_blank"
+                    >{{ t('monitoring.overview.linkedList.prometheusRules.label') }} <i class="icon icon-external-link" /></a>
                   </li>
                   <li>
-                    <a :href="`${value.status.dashboardValues.prometheusURL}/targets`" target="_blank">{{ t('monitoring.overview.linkedList.prometheusTargets.label') }} <i class="icon icon-external-link" /></a>
+                    <a
+                      :href="`${value.status.dashboardValues.prometheusURL}/targets`"
+                      target="_blank"
+                    >{{ t('monitoring.overview.linkedList.prometheusTargets.label') }} <i class="icon icon-external-link" /></a>
                   </li>
                 </ul>
               </template>
             </v-popover>
           </div>
-          <a :class="{disabled: !grafanaServiceEndpointEnabled}" :href="value.status.dashboardValues.grafanaURL" target="_blank"> {{ t('monitoring.overview.linkedList.grafana.label') }} <i class="icon icon-external-link" /></a>
-          <a :class="{disabled: !alertServiceEndpointEnabled}" :href="value.status.dashboardValues.alertmanagerURL" target="_blank"> {{ t('monitoring.overview.linkedList.alertManager.label') }} <i class="icon icon-external-link" /></a>
+          <a
+            :class="{disabled: !grafanaServiceEndpointEnabled}"
+            :href="value.status.dashboardValues.grafanaURL"
+            target="_blank"
+          > {{ t('monitoring.overview.linkedList.grafana.label') }} <i class="icon icon-external-link" /></a>
+          <a
+            :class="{disabled: !alertServiceEndpointEnabled}"
+            :href="value.status.dashboardValues.alertmanagerURL"
+            target="_blank"
+          > {{ t('monitoring.overview.linkedList.alertManager.label') }} <i class="icon icon-external-link" /></a>
         </div>
       </template>
     </Tabbed>

package/detail/management.cattle.io.fleetworkspace.vue

@@ -55,18 +55,33 @@ export default {
     <div class="mb-20">
       <div class="row">
         <div class="col span-4">
-          <CountBox :count="value.counts.gitRepos" :name="gitRepoLabel" :primary-color-var="'--sizzle-3'" />
+          <CountBox
+            :count="value.counts.gitRepos"
+            :name="gitRepoLabel"
+            :primary-color-var="'--sizzle-3'"
+          />
         </div>
         <div class="col span-4">
-          <CountBox :count="value.counts.clusters" :name="clustersLabel" :primary-color-var="'--sizzle-1'" />
+          <CountBox
+            :count="value.counts.clusters"
+            :name="clustersLabel"
+            :primary-color-var="'--sizzle-1'"
+          />
         </div>
         <div class="col span-4">
-          <CountBox :count="value.counts.clusterGroups" :name="clusterGroupsLabel" :primary-color-var="'--sizzle-2'" />
+          <CountBox
+            :count="value.counts.clusterGroups"
+            :name="clusterGroupsLabel"
+            :primary-color-var="'--sizzle-2'"
+          />
         </div>
       </div>
     </div>
     <section class="bordered-section">
-      <ResourceTabs :value="value" mode="view">
+      <ResourceTabs
+        :value="value"
+        mode="view"
+      >
         <!-- <Tab name="members" label="Members">
           <RoleBindings
             ref="rb"

package/detail/management.cattle.io.roletemplate.vue

@@ -4,5 +4,8 @@ import RoleDetailEdit from '@shell/components/auth/RoleDetailEdit';
 export default { components: { RoleDetailEdit } };
 </script>
 <template>
-  <RoleDetailEdit v-bind="$attrs" @set-subtype="$emit('set-subtype', $event)" />
+  <RoleDetailEdit
+    v-bind="$attrs"
+    @set-subtype="$emit('set-subtype', $event)"
+  />
 </template>

package/detail/management.cattle.io.user.vue

@@ -228,12 +228,23 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else>
-    <ResourceTabs v-model="value" :mode="mode">
-      <Tab v-if="globalBindings" label-key="user.detail.globalPermissions.label" name="gp" :weight="3">
+    <ResourceTabs
+      v-model="value"
+      :mode="mode"
+    >
+      <Tab
+        v-if="globalBindings"
+        label-key="user.detail.globalPermissions.label"
+        name="gp"
+        :weight="3"
+      >
         <div class="subtext">
           {{ t("user.detail.globalPermissions.description") }}
         </div>
-        <div v-if="isAdmin" class="admin">
+        <div
+          v-if="isAdmin"
+          class="admin"
+        >
           {{ t("user.detail.globalPermissions.adminMessage") }}
         </div>
         <SortableTable
@@ -246,7 +257,12 @@ export default {
           :search="false"
         />
       </Tab>
-      <Tab v-if="clusterBindings" label-key="user.detail.clusterRoles.label" name="cr" :weight="2">
+      <Tab
+        v-if="clusterBindings"
+        label-key="user.detail.clusterRoles.label"
+        name="cr"
+        :weight="2"
+      >
         <div class="subtext">
           {{ t("user.detail.clusterRoles.description") }}
         </div>
@@ -258,7 +274,12 @@ export default {
           :search="false"
         />
       </Tab>
-      <Tab v-if="projectBindings" label-key="user.detail.projectRoles.label" name="pr" :weight="1">
+      <Tab
+        v-if="projectBindings"
+        label-key="user.detail.projectRoles.label"
+        name="pr"
+        :weight="1"
+      >
         <div class="subtext">
           {{ t("user.detail.projectRoles.description") }}
         </div>

package/detail/namespace.vue

@@ -156,7 +156,7 @@ export default {
     workloadRows() {
       const params = this.$route.params;
       const { id } = params;
-      const rows = flatten(compact(this.allWorkloads)).filter(row => row.showAsWorkload);
+      const rows = flatten(compact(this.allWorkloads)).filter(row => !row.ownedByWorkload);
       const namespacedRows = filter(rows, ({ metadata: { namespace } }) => namespace === id);
 
       return namespacedRows;
@@ -231,7 +231,10 @@ export default {
         :required-states="summaryStates"
       />
     </div>
-    <ResourceTabs v-model="value" :mode="mode">
+    <ResourceTabs
+      v-model="value"
+      :mode="mode"
+    >
       <Tab :name="t('namespace.resources')">
         <SortableTable
           default-sort-by="error"
@@ -261,8 +264,7 @@ export default {
           v-bind="$attrs"
           :schema="workloadSchema"
           :rows="workloadRows"
-        >
-        </ResourceTable>
+        />
       </Tab>
     </ResourceTabs>
     <MoveModal />

package/detail/networking.k8s.io.ingress.vue

@@ -57,9 +57,22 @@ export default {
 };
 </script>
 <template>
-  <ResourceTabs v-model="value" mode="view" class="mt-20">
-    <Tab :label="t('ingress.rules.title')" name="rules" :weight="1">
-      <Rules v-model="value" :mode="mode" :service-targets="serviceTargets" :certificates="certificates" />
+  <ResourceTabs
+    v-model="value"
+    mode="view"
+    class="mt-20"
+  >
+    <Tab
+      :label="t('ingress.rules.title')"
+      name="rules"
+      :weight="1"
+    >
+      <Rules
+        v-model="value"
+        :mode="mode"
+        :service-targets="serviceTargets"
+        :certificates="certificates"
+      />
     </Tab>
   </ResourceTabs>
 </template>